/* BVAEB/[Layout]/contrast-portal.css */


/* ============================================ */
/* base settings                        - Start */
/* ============================================ */

/* font */

html.contrast-mode .freetext h1 {
    -webkit-text-fill-color: var(--c-text-color);
    color: var(--c-text-color);
}

html.contrast-mode .freetext h1:after,
html.contrast-mode .free_column h1:after,
html.contrast-mode .contentline>.center>h2:after,
html.contrast-mode .center>.text>h2:after {
    background: var(--c-bg-color);
}

html.contrast-mode .contentline>.center>h2,
html.contrast-mode .center>.text>h2 {
    -webkit-text-fill-color: var(--c-text-color);
    color: var(--c-text-color);
}

html.contrast-mode .text h2 i {
    -webkit-text-fill-color: var(--c-text-color);
    color: var(--c-text-color);
}


/* ============================================ */
/* header                               - Start */
/* ============================================ */

html.contrast-mode .accessicon a:before {
    color: var(--c-text-color-02);
}

html.contrast-mode .login {
    border: none;
}

html.contrast-mode .searchicon {
    background-color: var(--c-bg-color-03);
}

html.contrast-mode #esv-header .searchicon a:before {
    color: var(--c-text-color-02);
}

html.contrast-mode .singleNavLink,
html.contrast-mode .singleNavLink:before {
    background: var(--c-bg-color);
}

html.contrast-mode .singleNavLink a {
    color: var(--c-text-color-02) !important;
}


@media (max-width: 1077px) {

    html.contrast-mode #esv-header.searching .extra {
        left: 55px;
        position: absolute;
        top: 43px;
    }

}


/* ============================================ */
/* main-navigation                      - Start */
/* ============================================ */

html.contrast-mode nav.meta .menu-item a:hover,
html.contrast-mode nav.meta .current-menu-item a,
html.contrast-mode nav.meta .current-menu-ancestor a {
    border: none;
}

html.contrast-mode .meta .current-menu-item a:before,
html.contrast-mode .main .menu-item:hover>a::after {
    background: var(--c-bg-color);
}

html.contrast-mode .meta .current-menu-item a:after {
    content: none;
}


/* ============================================ */
/* sub-navigation                       - Start */
/* ============================================ */

html.contrast-mode .left>ul>li>ul>li>ul.sub-menu>li:last-child,
html.contrast-mode .left>ul>li>ul>li>ul>li,
html.contrast-mode #esv-navigation.show {
    border-color: var(--c-border-color);
}


/* ============================================ */
/* zeilenkonzeptmetacontainer           - Start */
/* ============================================ */

/* Zusätzliche HTML Klasse: Custom1 */

html.contrast-mode .meta_container.mc-custom1 {
    border-color: var(--c-border-color);
}


/* ============================================ */
/* zeilenkonzeptcolumncontainer         - Start */
/* ============================================ */

/* Zusätzliche HTML Klasse: Custom1 */

html.contrast-mode .contentline.custom1:after {
    background: var(--c-bg-color);
}


/* Zusätzliche HTML Klasse: Custom2 */

html.contrast-mode .contentline.custom2>.center>h2 {
    background-image: none;
    border: 2px solid var(--c-border-color);
}


/* ============================================ */
/* lctile                               - Start */
/* ============================================ */

/* Element-Typ: Typ 2 */

html.contrast-mode .tile_type02 .textbox>h3,
html.contrast-mode .tile_type02 .textbox>.tilelink>h3,
html.contrast-mode .tile_type02 .text>h3 {
    background-image: none;
    border: 2px solid var(--c-border-color);
}


/* Element-Typ: transparent */

html.contrast-mode .tile_transparent .textbox>a>h3,
html.contrast-mode .tile_transparent .textbox>h3 {
    -webkit-text-fill-color: var(--c-text-color);
    color: var(--c-text-color);
}

/* Element-Typ: ohne Typ */

html.contrast-mode .free_column h1 {
    -webkit-text-fill-color: var(--c-text-color);
    color: var(--c-text-color);
}


/* ============================================ */
/* lclinkedpageov                       - Start */
/* ============================================ */

html.contrast-mode .lc_linkedpageoverview_headline>h2:after {
    background: var(--c-bg-color);
}

html.contrast-mode .article .more_link:before {
    background: var(--c-bg-color);
}


/* ============================================ */
/* esvlinkbox                           - Start */
/* ============================================ */

html.contrast-mode .linkbox h3 {
    -webkit-text-fill-color: var(--c-text-color);
    color: var(--c-text-color);
}


/* ============================================ */
/* featherlight                         - Start */
/* ============================================ */

html.contrast-mode .featherlight-content .targetGroupButton.buttonBackground {
    background-color: var(--c-bg-color);
    color: var(--c-text-color-02);
}

html.contrast-mode .featherlight-content .targetGroupDialog .textStyle p {
    color: var(--c-text-color-02) !important;
}

html.contrast-mode .featherlight-content a {
    text-decoration: none !important;
}


/* ============================================ */
/* Standardlayout                       - Start */
/* ============================================ */

html.contrast-mode .titelzone h1,
html.contrast-mode .titlezone h1 {
    -webkit-text-fill-color: var(--c-text-color);
    color: var(--c-text-color);
}

html.contrast-mode .titlezone h1:after {
    background: var(--c-bg-color);
}

html.contrast-mode .pagetools .icon_print {
    background: var(--c-bg-color-03);
    border-radius: 5px;
    padding: 0 3px;
}

html.contrast-mode .newslist .column1 h3 {
    -webkit-text-fill-color: var(--c-text-color);
    color: var(--c-text-color);
}

html.contrast-mode .landingitem h2 {
    -webkit-text-fill-color: var(--c-text-color);
    color: var(--c-text-color);
}


/* ============================================ */
/* footer                               - Start */
/* ============================================ */

html.contrast-mode .footer_content .linkbox h3 a {
    -webkit-text-fill-color: var(--c-text-color);
    color: var(--c-text-color);
}