/* OEGK/[Layout]/oegk-jahresbericht.css */


/* ============================================ */
/* esvlink                              - Start */
/* ============================================ */

/* extern link */

#esv-container .esvlink.extern-link {
    background-image: linear-gradient(var(--gr-bg-color-03), var(--gr-bg-color-03));
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: 0 100%;
    margin-right: -0.25rem;
    padding-right: 0.25rem;
    transition: background-size 0.3s ease-in-out, color 0.3s ease-in-out;
}

#esv-container .esvlink.extern-link:not(.esvlink_arrow_right) {
    margin-left: -0.25rem;
    padding-left: 0.25rem;
}
				
#esv-container .esvlink.extern-link:hover,
#esv-container .esvlink.extern-link:focus {
    background-size: 100% 100%;
    color: var(--gr-link-text-color);
}

#esv-container .esvlink.extern-link .esvlink-linktext:hover,
#esv-container .esvlink.extern-link .esvlink-linktext:focus {
    text-decoration: none;
}

.linkbox .esvlinks li a.esvlink_arrow_right.extern-link {
	width: -moz-fit-content;
    width: fit-content;
}

#esv-container .linkbox.linkbox-link-with-border .esvlinks li .esvlink.extern-link {
    margin-left: 0;
}

.linkbox.linkbox-link-with-border .esvlinks li .esvlink.extern-link:before {
    color: var(--g-link-text-color);
}

.tile a.esvlink_arrow_right.extern-link:hover:before,
.tile a.esvlink_arrow_right.extern-link:focus:before {
    color: var(--g-link-text-color);
}

.tile.bg-darkblue a.esvlink_arrow_right.extern-link:hover:before,
.tile.bg-darkblue a.esvlink_arrow_right.extern-link:focus:before {
    color: var(--gr-link-text-color);
}


/* extern link - contrast-mode */

html.contrast-mode #esv-container .esvlink.extern-link:hover,
html.contrast-mode #esv-container .esvlink.extern-link:focus,
html.contrast-mode body[class*='portal-oegk'] #esv-container .esvlink.extern-link:hover .esvlink-linktext,
html.contrast-mode body[class*='portal-oegk'] #esv-container .esvlink.extern-link:focus .esvlink-linktext {
    background: #f9d134;
    color: black !important;
}

html.contrast-mode #esv-container .esvlink.extern-link:hover .esvlink-linktext,
html.contrast-mode #esv-container .esvlink.extern-link:focus .esvlink-linktext {
    text-decoration: none;
}

html.contrast-mode .tile a.esvlink_arrow_right.extern-link:hover:before,
html.contrast-mode .tile a.esvlink_arrow_right.extern-link:focus:before {
    color: #f9d134;
}