/* .MASTER/[Layout2]/Contrast-Node-Group-CSS/bvaeb-contrast-node-group.css
Implementierung: mobile first
*/


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

/* width definition */

html.contrast-mode  {
    --gr-slider-dot-max-width: 190px;
}


/* Besondere Link Darstellung */

html.contrast-mode a.esvlink_button_right:hover,
html.contrast-mode a.esvlink_button_left:hover,
html.contrast-mode a.esvlink_button_center:hover {
    background: var(--c-bg-color-02);
    color: var(--c-text-color) !important;
}

html.contrast-mode a.esvlink.esvlink_button_right:hover .esvlink-icon,
html.contrast-mode a.esvlink.esvlink_button_center:hover .esvlink-icon,
html.contrast-mode a.esvlink.esvlink_button_left:hover .esvlink-icon,
html.contrast-mode a.esvlink.esvlink_button_right:hover .esvlink-linktext,
html.contrast-mode a.esvlink.esvlink_button_left:hover .esvlink-linktext,
html.contrast-mode a.esvlink.esvlink_button_center:hover .esvlink-linktext,
html.contrast-mode a.esvlink.esvlink_button_right:hover .link_file_size,
html.contrast-mode a.esvlink.esvlink_button_left:hover .link_file_size,
html.contrast-mode a.esvlink.esvlink_button_center:hover .link_file_size {
    color: var(--c-text-color) !important;
}


/* pagination */

html.contrast-mode .pagination .pagination-page-number:hover {
    border-bottom: 1px solid var(--c-border-color);
}

html.contrast-mode .pagination .pagination-page-number.active:hover {
    border-bottom: none;
}

html.contrast-mode .pagination .pagination-prev:hover,
html.contrast-mode .pagination .pagination-next:hover {
    border-bottom: 1px solid var(--c-border-color);
}


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

html.contrast-mode .logo img {
    background: none;
    filter: brightness(0) invert(1);
}

html.contrast-mode #esv-header .accessicon,
html.contrast-mode #esv-header .dashboard,
html.contrast-mode .menuicon {
    background: var(--c-bg-color);
    border-radius: var(--gr-border-radius-02);
}

html.contrast-mode .open-submenuicon button {
    border-radius: var(--gr-border-radius-02);
    border: none;
}

html.contrast-mode #esv-header .accessicon a,
html.contrast-mode #esv-header .dashboard a,
html.contrast-mode .menuicon a,
html.contrast-mode .open-submenuicon button {
    color: var(--c-text-color-02) !important;
}

html.contrast-mode .accessicon a,
html.contrast-mode .dashboard a,
html.contrast-mode .menuicon a {
    text-decoration: none !important;
}


/* ============================================ */
/* mobile-navigation                    - Start */
/* ============================================ */

html.contrast-mode #esv-navigation.show {
    border-left: 1px solid var(--c-border-color);
}

html.contrast-mode .navigation-links {
    background: none;
    border-bottom: 1px solid var(--c-border-color);
}

html.contrast-mode .navigation-links .accessicon {
    background: none;
}

html.contrast-mode .navigation-links .esvlink-linktext {
    text-decoration: underline;
}

html.contrast-mode .navigation-links .esvlink-linktext:hover {
    text-decoration: none;
}

html.contrast-mode #esv-navigation nav {
    border-bottom: 1px solid var(--c-border-color);
}

html.contrast-mode #esv-navigation .current-menu-item>.navigation-link-wrapper {
    background: var(--c-bg-color);
}

html.contrast-mode #esv-navigation li.current-menu-item>div>a,
html.contrast-mode #esv-navigation li.current-menu-item>div>a:is(:link, :visited, :active, :focus, :hover) {
    color: var(--c-text-color-02) !important;
}

html.contrast-mode #esv-navigation li a .sv-right {
    color: var(--c-text-color);
}

html.contrast-mode .plus,
html.contrast-mode .minus {
    background-color: unset !important;
}

html.contrast-mode #esv-navigation .menu>li>.sub-menu>li>div>a:not(.toggle-link) {
    border-color: var(--c-bg-color);
}

html.contrast-mode #esv-navigation .closenavi {
    background: var(--c-bg-color);
    color: var(--c-text-color-02) !important;
}


/* Ebene 1 */

html.contrast-mode #esv-navigation .menu>li>.sub-menu>li.current-menu-item>div>a:not(.toggle-link):after {
    background: var(--c-bg-color-02);
}


/* ============================================ */
/* search                               - Start */
/* ============================================ */

html.contrast-mode #esv-navigation .searchbox,
html.contrast-mode .accordion-search-filter-wrapper .accordion-search-filter-input-wrapper .accordion-filter-input,
html.contrast-mode .searchlist .search .searchbox,
html.contrast-mode #esv-footer .searchbox {
    background: var(--c-bg-color-02);
    border: 1px solid var(--c-border-color);
}

html.contrast-mode #esv-navigation .searchbox,
html.contrast-mode #esv-navigation .searchbox::placeholder,
html.contrast-mode .accordion-search-filter-wrapper .accordion-search-filter-input-wrapper .accordion-filter-input,
html.contrast-mode .accordion-search-filter-wrapper .accordion-search-filter-input-wrapper .accordion-filter-input::placeholder,
html.contrast-mode .searchlist .search .searchbox,
html.contrast-mode .searchlist .search .searchbox::placeholder,
html.contrast-mode #esv-footer .searchbox,
html.contrast-mode #esv-footer .searchbox::placeholder {
    color: var(--c-text-color);
}

html.contrast-mode #esv-navigation .searchbutton .sv-search:before,
html.contrast-mode .searchlist .search .sv-search:before,
html.contrast-mode #esv-footer .searchbutton .sv-search:before {
    color: var(--c-text-color-02);
}

html.contrast-mode .searchlist .search .sv-close,
html.contrast-mode .searchlist .search .sv-search {
    background: var(--c-bg-color);
}


/* ============================================ */
/* burgericon + breadcrumb              - Start */
/* ============================================ */

html.contrast-mode .lc_navigations:has(+.meta_container[class*='bg_']),
html.contrast-mode .lc_navigations:has(+.meta_container[class*='bg-']) {
    background-color: var(--c-bg-color-02);
}

html.contrast-mode .lc_navigations .breadcrumb {
    border: 1px solid var(--c-border-color);
}


/* ============================================ */
/* zeilenkonzeptpageheader              - Start */
/* ============================================ */

html.contrast-mode .lc_pageheader:not(.bg-no-color, .bg_colored, .bg_grey, .bg-darkgreen, .bg_color1, .bg-olivegreen, .bg-lightgreen, .bg-yellow, .bg-orange, .bg-darkblue, .bg-lightblue, .bg-turquoise) .fullwidth,
html.contrast-mode .lc_pageheader:not(.pageheader-bg-color) .fullwidth:has(.teaser_text.v-align_bottom) {
    background-color: var(--c-bg-color-02);
}

html.contrast-mode .lc_pageheader .bigimage_teaser:has(.teaser_text.v-align_bottom) {
    border: 1px solid var(--c-border-color);
}

html.contrast-mode .lc_pageheader .teaser_text:not(.v-align_bottom) .text h1:not(:has(span)),
html.contrast-mode .lc_pageheader .teaser_text:not(.v-align_bottom) .text h2:not(:has(span)),
html.contrast-mode .lc_pageheader .teaser_text:not(.v-align_bottom) .text h3:not(:has(span)),
html.contrast-mode .lc_pageheader .teaser_text:not(.v-align_bottom) .text h4:not(:has(span)),
html.contrast-mode .lc_pageheader .teaser_text:not(.v-align_bottom) .text h5:not(:has(span)),
html.contrast-mode .lc_pageheader .teaser_text:not(.v-align_bottom) .text h6:not(:has(span)),
html.contrast-mode .lc_pageheader .teaser_text:not(.v-align_bottom) p:not(:has([class*="esvlink_button_"])):not(:has(.esvbild)),
html.contrast-mode .lc_pageheader .teaser_text:not(.v-align_bottom) h1 span,
html.contrast-mode .lc_pageheader .teaser_text:not(.v-align_bottom) h2 span,
html.contrast-mode .lc_pageheader .teaser_text:not(.v-align_bottom) h3 span,
html.contrast-mode .lc_pageheader .teaser_text:not(.v-align_bottom) h4 span,
html.contrast-mode .lc_pageheader .teaser_text:not(.v-align_bottom) h5 span,
html.contrast-mode .lc_pageheader .teaser_text:not(.v-align_bottom) h6 span,
html.contrast-mode .lc_pageheader_slider .text h1:not(:has(span)),
html.contrast-mode .lc_pageheader_slider .text h2:not(:has(span)),
html.contrast-mode .lc_pageheader_slider .text h3:not(:has(span)),
html.contrast-mode .lc_pageheader_slider .text h4:not(:has(span)),
html.contrast-mode .lc_pageheader_slider .text h5:not(:has(span)),
html.contrast-mode .lc_pageheader_slider .text h6:not(:has(span)),
html.contrast-mode .lc_pageheader_slider p:not(:has([class*="esvlink_button_"])):not(:has(.esvbild)),
html.contrast-mode .lc_pageheader_slider .teaser_text h1 span,
html.contrast-mode .lc_pageheader_slider .teaser_text h2 span,
html.contrast-mode .lc_pageheader_slider .teaser_text h3 span,
html.contrast-mode .lc_pageheader_slider .teaser_text h4 span,
html.contrast-mode .lc_pageheader_slider .teaser_text h5 span,
html.contrast-mode .lc_pageheader_slider .teaser_text h6 span {
    background: var(--c-bg-color-02);
    border: 2px solid var(--c-border-color);
}


/* ============================================ */
/* pagemetatoc                          - Start */
/* ============================================ */

html.contrast-mode .lc_pageheader.pageheader-toc:not(.bg-no-color, .bg_colored, .bg_grey, .bg-darkgreen, .bg_color1, .bg-olivegreen, .bg-lightgreen, .bg-yellow, .bg-orange, .bg-darkblue, .bg-lightblue, .bg-turquoise) .pagemetatoc,
html.contrast-mode .lc_pageheader.pageheader-toc:not(.bg-no-color, .bg_colored, .bg_grey, .bg-darkgreen, .bg_color1, .bg-olivegreen, .bg-lightgreen, .bg-yellow, .bg-orange, .bg-darkblue, .bg-lightblue, .bg-turquoise),
html.contrast-mode .pageheader-toc .pagemetatoc,
html.contrast-mode .pageheader-toc.pageheader-bg-color .pagemetatoc {
    background: var(--c-bg-color-02);
}


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

/* Darstellung als Karussell */

html.contrast-mode .lc_columnContainer.slick-carousel-tagtyp-wrapper .slick-carousel-wrapper,
html.contrast-mode .lc_columnContainer.slick-carousel-tagtyp-wrapper:has(.tile .imagebox) .slick-carousel-wrapper,
html.contrast-mode .lc_columnContainer.slick-carousel-tagtyp-wrapper:has(.tile.tile_type01 .imagebox) .slick-carousel-wrapper {
    padding-bottom: 2.2rem;
}

html.contrast-mode .lc_columnContainer.slick-carousel-tagtyp-wrapper .slick-carousel-arrow-wrapper,
html.contrast-mode .lc_columnContainer.slick-carousel-tagtyp-wrapper:has(.tile .imagebox) .slick-carousel-arrow-wrapper,
html.contrast-mode .lc_columnContainer.slick-carousel-tagtyp-wrapper:has(.tile.tile_type01 .imagebox) .slick-carousel-arrow-wrapper {
    bottom: var(--gr-carousel-arrow-icon-size);
    left: 50%;
    transform: translateX(-50%);
    top: unset;
    width: calc((var(--gr-carousel-arrow-icon-size) * 2) + (var(--gr-carousel-gap) * 2));
}

html.contrast-mode .lc_columnContainer.slick-carousel-tagtyp-wrapper .slick-arrow {
    margin: 0;
}

html.contrast-mode .lc_columnContainer.slick-carousel-tagtyp-wrapper .slick-prev,
html.contrast-mode .lc_columnContainer.slick-carousel-tagtyp-wrapper:not(:has(.tile .imagebox)) .slick-prev {
    left: 0;
}

html.contrast-mode .meta_container:not(.bg_grey, .bg-darkgreen, .bg_color1, .bg-olivegreen, .bg-lightgreen, .bg-yellow, .bg-orange, .bg-darkblue, .bg-lightblue, .bg-turquoise) .lc_columnContainer.slick-carousel-tagtyp-wrapper:not(:has(.tile .imagebox)) .slick-prev,
html.contrast-mode .meta_container:not(.bg_grey, .bg-darkgreen, .bg_color1, .bg-olivegreen, .bg-lightgreen, .bg-yellow, .bg-orange, .bg-darkblue, .bg-lightblue, .bg-turquoise) .lc_columnContainer.slick-carousel-tagtyp-wrapper:not(:has(.tile .imagebox)) .slick-next {
    background: var(--c-bg-color);
}

html.contrast-mode .lc_columnContainer.slick-carousel-tagtyp-wrapper .slick-prev .sv-o_prev:before {
    content: "\e9b4";
}

html.contrast-mode .lc_columnContainer.slick-carousel-tagtyp-wrapper .slick-next,
html.contrast-mode .lc_columnContainer.slick-carousel-tagtyp-wrapper:not(:has(.tile .imagebox)) .slick-next {
    right: 0;
}

html.contrast-mode .lc_columnContainer.slick-carousel-tagtyp-wrapper .slick-next .sv-o_next:before {
    content: "\e9b5";
}


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

/* Element-Typ: Typ 2 */

html.contrast-mode .tile.tile_type02 .imagebox img {
    filter: brightness(0) invert(1);
}


/* Element-Typ: Typ 4 */

html.contrast-mode .tile.tile_type04 .textbox .tile-headline {
    background: none;
    border-bottom: 1px solid var(--c-border-color);
}


/* ============================================ */
/* lclinkedpageoverview                 - Start */
/* ============================================ */

html.contrast-mode .lc_linkedpageoverview .article .textbox .date,
html.contrast-mode .lc_linkedpageoverview .article .textbox .lc-linkedpageoverview-categorie {
    color: var(--c-text-color);
}

html.contrast-mode .lc_linkedpageoverview_archivelink>a {
    background: var(--c-bg-color-02);
    color: var(--c-text-color) !important;
}

html.contrast-mode .lc_linkedpageoverview_archivelink>a:hover {
    background: var(--c-bg-color);
    color: var(--c-text-color-02) !important;
}


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

html.contrast-mode .esvlink:has(.esvlink-icon) {
    text-decoration: none !important;
}


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

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


@media (max-width: 960px) {

    /* Box Typ: horizontale Linkleiste */

    html.contrast-mode .linkbox.linkbox-horizontal-linkbar .esvlinks .linkbox-link-wrapper {
        background: var(--c-bg-color-02);
        border: 1px solid var(--c-border-color);
    }

}

@media (min-width: 961px) {

    html.contrast-mode .linkbox.linkbox-horizontal-linkbar .esvlinks {
        background: var(--c-bg-color-02);
        border: 1px solid var(--c-border-color);
    }

}


/* ============================================ */
/* zeilenkonzeptgloassarlink            - Start */
/* ============================================ */

html.contrast-mode .ui-tooltip-dialog:has(.glossary-bottom) {
    border: none !important;
}

html.contrast-mode .ui-tooltip-dialog:has(.glossary-bottom) .tooltip-arrow.top:before {
    background: var(--c-bg-color);
}
html.contrast-mode .ui-tooltip-dialog:has(.glossary-bottom) .tooltip-arrow.top:after {
    background: var(--c-bg-color-02);
    top: 2px;
}

html.contrast-mode .ui-tooltip-dialog:has(.glossary-bottom) .ui-dialog-content {
    background: var(--c-bg-color-02);
    border-color: var(--c-border-color);
}


/* ============================================ */
/* Sticky-Icon-Bar-Konfiguration        - Start */
/* ============================================ */

html.contrast-mode .stickyiconbar-element {
    text-decoration: none !important;
}

html.contrast-mode img.stickyiconbar-icon {
    filter: brightness(0);
}

html.contrast-mode .stickyiconbar-title {
    text-decoration: underline;
}

html.contrast-mode .stickyiconbar-top {
    background: var(--c-bg-color);
    color: var(--c-text-color-02) !important;
}

html.contrast-mode .stickyiconbar-top:is(:link, :visited, :hover, :focus, :active) {
    border-color: var(--c-border-color);
}


/* ============================================ */
/* lcglossaryoverview                   - Start */
/* ============================================ */

html.contrast-mode .lc-glossary-overview .letter-wrapper {
    background: var(--c-bg-color-02);
}

html.contrast-mode .lc-glossary-overview .letter a {
    border-radius: var(--gr-border-radius-02);
}


/* ============================================ */
/* Searchresult Page                    - Start */
/* ============================================ */

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

html.contrast-mode .searchlist .listline .textbox {
    background: var(--c-bg-color-02);
    border: 1px solid var(--c-border-color);
}

html.contrast-mode .searchlist .listline .search-result-element .content-highlight {
    color: var(--c-text-color-02);
}


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

html.contrast-mode #esv-footer {
    background: var(--c-bg-color);
    color: var(--c-text-color-02);
}

html.contrast-mode .footer-top-gap {
    background: var(--c-bg-color-02) !important;
}

html.contrast-mode .footerlogo img {
    background: none;
    filter: brightness(0);
}

html.contrast-mode #esv-footer a {
    color: var(--c-bg-color-02) !important;
    -webkit-text-fill-color: var(--c-bg-color-02) !important;
}

html.contrast-mode .column1 .linkbox {
    background: none;
}

html.contrast-mode #esv-footer .footer_content .linkbox h3 {
    color: var(--c-bg-color-02) !important;
}

html.contrast-mode #esv-footer .contacticons a img {
    background: none;
    filter: brightness(0);
}