/* BVAEB/Website/MeineBVAEB - Landingpage/[Layout]/meinebvaeb-landingarea.css */


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

/* color definition */
 
:root {
    --carrier-color: #84BD00;
}


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

#esv-header, 
.fixed #esv-header {
    height: 110px;
}

#esv-header .logo {
    display: none;
}

#esv-header .tools {
    height: 60px;
    margin-top: 35px;
}

#esv-header .accessicon {
    margin-right: 17px;
    padding: 0;
    width: 56px;
}

#esv-header .accessicon img {
    width: 40px;
}

#esv-header .headerNavLinks .singleNavLink {
    position: absolute;
    top: 15px;
}

#esv-header .headerNavLinks .singleNavLink:nth-child(2) {
    display: none;
}

#esv-header .headerNavLinks .singleNavLink img {
    height: 80px;
}

#esv-header .meta {
    display: none;
}


@media (max-width: 960px) {

    #esv-header .tools {
        margin-top: 36px;
        top: unset;
    }

    #esv-header .accessicon,
    .fixed #esv-header .accessicon {
        display: block;
        margin-right: 16px;
        text-align: left;
        width: 56px;
    }

    #esv-header .accessicon img {
        height: unset;
        padding-top: unset;
    }

    #esv-header .menuicon,
    .fixed #esv-header:not(.mobile-menu-hidden) .menuicon {
        display: none;
    }

    #esv-header .login {
        width: 85px;
    }

    #esv-header img#login_icon {
        padding-top: 4px;
    }

    #esv-header .headerNavLinks .singleNavLink {
        margin-left: 2%;
    }

}

@media (max-width: 600px) {

    #esv-header, 
    .fixed #esv-header {
        height: 50px;
    }

    #esv-header .tools {
        height: 50px;
        margin-top: 5px;
    }

    #esv-header .accessicon,
    .fixed #esv-header .accessicon {
        margin-right: 56px;
    }

    #esv-header .login {
        width: 40px;
    }

    #esv-header .headerNavLinks .singleNavLink:first-child {
        top: 6px;
    }

    #esv-header .headerNavLinks .singleNavLink:first-child img {
        height: 36px;
    }

    #esv-header .headerNavLinks .singleNavLink:nth-child(2) {
        background: var(--carrier-color);
        border-radius: 20px;
        display: block;
        height: 40px;
        margin-left: 0;
        position: absolute;
        right: 60px;
        top: 5px;
        width: 40px;
    }

    #esv-header .headerNavLinks .singleNavLink:nth-child(2) img {
        height: auto;
        padding: 6px;
    }
    
}


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

#esv-header .main {
    display: none;
}


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

.lc_navigations {
    display: none;
}


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

.lc_navigations+.meta_container {
    margin-top: unset;
}


/* ============================================ */
/* contrast-mode                        - Start */
/* ============================================ */

html.contrast-mode body.template-Standardzeilenkonzept .accessicon,
html.contrast-mode .headerNavLinks .singleNavLink:nth-child(1),
html.contrast-mode img#login_icon {
    background: var(--c-bg-color-02);
    filter: grayscale(1) sepia(1) saturate(33) hue-rotate(23deg) brightness(1.5);
}

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

html.contrast-mode .login ul#userlinks.open {
    border-bottom: 1px solid var(--c-border-color);
}

html.contrast-mode .login button#close_userlinks img,
html.contrast-mode #esv-header .headerNavLinks .singleNavLink:nth-child(2) img {
    filter: brightness(0);
}

html.contrast-mode #esv-header .headerNavLinks .singleNavLink:nth-child(2) {
    background: var(--c-bg-color);
}