/*╔════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════╗*/
/*║ HEADER I                                                                                                                                                                                                                                              ║*/
/*╚════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════╝*/
/***-------------------------------------------*** Header ***-------------------------------------------***/
body.home header { background: transparent; }
body.home.scrolled header { background: var(--white); }

/***-------------------------------------------*** Logo ***-------------------------------------------***/
body.home #logo_container > a { background: center left / contain no-repeat url("/pages/img/logo_white.svg"); transition: var(--transition); }
body.home.scrolled #logo_container > a { background: center left / contain no-repeat url("/pages/img/logo.svg"); }

/***-------------------------------------------*** Language Navigation ***-------------------------------------------***/
body.home header #hLng > ul > li:not(:last-of-type):before { background: var(--white); }
body.home header #hLng > ul > li > a { color: var(--white); }
body.home header #hLng > ul > li.current > a,
body.home header #hLng > ul > li:hover > a { color: var(--primary); }

body.home.scrolled header #hLng > ul > li:not(:last-of-type):before { background: var(--black); transition: var(--transition); }
body.home.scrolled header #hLng > ul > li > a { color: var(--black); }
body.home.scrolled header #hLng > ul > li.current > a,
body.home.scrolled header #hLng > ul > li:hover > a { color: var(--primary); }

/***-------------------------------------------*** Desktop ***-------------------------------------------***/
@media screen and (min-width: 1201px) {
    /* Start: First-Level */
    body.home header #hNavigation > div > ul > li:not(.hAnfrage) > a { color: var(--white); }
    body.home header #hNavigation > div > ul > li:not(.hAnfrage).current > a,
    body.home header #hNavigation > div > ul > li:not(.hAnfrage):hover > a { color: var(--primary); }

    body.home.scrolled header #hNavigation > div > ul > li:not(.hAnfrage) > a { color: var(--black); }
    body.home.scrolled header #hNavigation > div > ul > li:not(.hAnfrage).current > a,
    body.home.scrolled header #hNavigation > div > ul > li:not(.hAnfrage):hover > a { color: var(--primary); }
    /* End: First-Level */
}