/* KFA.WIEN/[Layout]/contrast-portal.css
Implementierung: mobile first
*/


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

/* content */

html.contrast-mode #esv-container {
    background: none;
}


/* search autocomplete */

html.contrast-mode .autocomplete-items {
    background: var(--c-bg-color-02);
    border-color: var(--c-border-color);
}

html.contrast-mode .autocomplete-finding {
    color: var(--c-text-color);
    font-weight: 900;
}

html.contrast-mode .autocomplete-single-item .sv-arrow_r,
html.contrast-mode .autocomplete-close .sv-menu_close:before {
    color: var(--c-text-color);
}


/* pagination */

html.contrast-mode .pagination .pagination-prev,
html.contrast-mode .pagination .pagination-next {
    border-color: var(--c-border-color);
}

html.contrast-mode .pagination .pagination-page-number.active {
    background: var(--c-bg-color);
    color: var(--c-text-color-02) !important;
}

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


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

html.contrast-mode .accessicon {
    border-radius: var(--p-border-radius);
}

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

html.contrast-mode .kfawien-head-meinesv-login a {
    text-decoration: none !important;
}

html.contrast-mode .kfawien-head-meinesv-login img {
    filter: brightness(0) invert(1);
}

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

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

html.contrast-mode #esv-header #search {
    border: none;
}

html.contrast-mode .searchbutton[type="submit"] span {
    color: var(--c-text-color-02);
}

html.contrast-mode #esv-header .searchbox {
    background: var(--c-bg-color-02);
    border-color: var(--c-border-color);
}

html.contrast-mode .fixed #esv-header #search .searchbox {
    border-color: var(--c-border-color);
}

html.contrast-mode #esv-header .clear-head-search {
    background: var(--c-bg-color);
}

html.contrast-mode #esv-header .menuicon {
    background: var(--c-bg-color);
}


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

html.contrast-mode #esv-header nav.main {
    border: none;
}

html.contrast-mode #esv-header .main .submenu {
    background: var(--c-bg-color-02);
    border-color: var(--c-border-color);
}


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

html.contrast-mode #esv-navigation .mobilenavi .cds-autocomplete:has(.clear-head-search.hidden-desktop-clear-head-search):after {
    color: var(--c-text-color);
}

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

html.contrast-mode #esv-navigation .mobilenavi .closenavi .sv-menu_close {
    color: var(--c-text-color-02);
}

html.contrast-mode .mobilenavi li {
    box-shadow: none;
}

html.contrast-mode #esv-navigation li a.toggle-link span {
    color: var(--c-text-color-02);
}

html.contrast-mode #esv-navigation .current-menu-item>a:not(.toggle-link) {
    background: var(--c-bg-color);
    color: var(--c-text-color-02) !important;
    padding-left: 5px;
    padding-right: 5px;
}


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

html.contrast-mode #esv-navigation .left .current-menu-item>a:not(.toggle-link) {
    border: none;
}


/* ============================================ */
/* breadcrumb                           - Start */
/* ============================================ */

html.contrast-mode .breadcrumb li {
    color: var(--c-text-color);
}


/* ============================================ */
/* slick carousel                       - Start */
/* ============================================ */

html.contrast-mode .slick-carousel-tagtyp-wrapper .slick-carousel-pausebutton {
    border: none;
    color: var(--c-text-color) !important;
}

html.contrast-mode .freetext.text .esvimagegalleryV2.slick-carousel-tagtyp-wrapper .slick-carousel-pausebutton {
    color: var(--c-text-color) !important;
}

html.contrast-mode .slick-carousel-tagtyp-wrapper .slick-carousel-pausebutton:after {
    background: var(--c-bg-color-02);
	display: block;
}

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

html.contrast-mode .lc_columnContainer.slick-carousel-tagtyp-wrapper .slick-arrow.slick-prev,
html.contrast-mode .lc_columnContainer.slick-carousel-tagtyp-wrapper .slick-arrow.slick-next {
    background: var(--c-bg-color);
}

html.contrast-mode .lc_columnContainer.slick-carousel-tagtyp-wrapper .slick-arrow span,
html.contrast-mode .esvimagegalleryV2.slick-carousel-tagtyp-wrapper .slick-arrow span {
    font-weight: 900;
}

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

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


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

html.contrast-mode .tile .more_link:after {
    color: var(--c-text-color);
}


/* Element-Typ: Typ 2 und Bild links */

html.contrast-mode .tile.tile_type02.image_left .imagebox {
  background: none;
  border-right: 1px solid var(--c-border-color);
}


/* ============================================ */
/* zeilenkonzeptaccordiontab            - Start */
/* ============================================ */

html.contrast-mode .accordion .ac_content {
  padding-top: var(--p-gap-big);
}


/* ============================================ */
/* lcfloatingbutton                     - Start */
/* ============================================ */

html.contrast-mode .lc-floatingbutton .imagebox {
    background: var(--c-bg-color-02) !important;
    border: 1px solid var(--c-border-color);
}

html.contrast-mode .lc-floatingbutton .floatingbutton-link .sv-arrow_r {
    color: var(--c-text-color);
}


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

html.contrast-mode .lc_linkedpageoverview .article {
  background: none;
  border: 2px solid var(--c-border-color);
}


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

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


/* ============================================ */
/* zeilenkonzeptblockquot               - Start */
/* ============================================ */

html.contrast-mode .text blockquote {
    border-color: var(--c-border-color);
}


/* ============================================ */
/* kfa-jobs                             - Start */
/* ============================================ */

html.contrast-mode .kfa-job {
    background: var(--c-bg-color-02);
	border: 2px solid var(--c-border-color);
}

html.contrast-mode .kfa-job .job-range {
    background: var(--c-bg-color-02);
}

html.contrast-mode .kfa-job-link a span:before {
    color: var(--c-text-color);
}


/* ============================================ */
/* Suchergebnisseite                    - Start */
/* ============================================ */

html.contrast-mode .searchlist .searchbox:placeholder-shown {
    border-color: var(--c-border-color);
}


/* ============================================ */
/* Footer                               - Start */
/* ============================================ */

html.contrast-mode #esv-footer {
    border-top: 3px solid var(--c-border-color);
}

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

html.contrast-mode #esv-footer .carrier_dropdown a:hover {
    background: none;
}

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