/*╔════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════╗*/
/*║ HEADER I                                                                                                                                                                                                                                              ║*/
/*╚════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════╝*/
/***-------------------------------------------*** Hamburger ***-------------------------------------------***/
body.aktuell #hHamburgerIcon span { background: var(--primary); }
body.aktuell.scrolled #hHamburgerIcon span { background: var(--primary); }

/***-------------------------------------------*** Logo ***-------------------------------------------***/
body.aktuell header #hLogo > svg > path { fill: var(--primary); }
body.aktuell.scrolled header #hLogo > svg > path { fill: var(--primary); }

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

	/* Start: Scrolled */
	body.aktuell.scrolled header #hNavigation > ul > li > a { color: var(--black); }
	/* End: Scrolled */
}