/* Only the existing header navigation is restyled. */
.header{position:relative;z-index:40}
.header .site-navigation{display:block;width:100%;min-width:0;font-size:15px}
.header .nav-groups,.header .nav-panel{list-style:none;padding:0;margin:0}
.header .nav-groups{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}
.header .nav-groups>li{position:relative;min-width:0}
.header .nav-group summary,.header .nav-groups>li>a,.header .nav-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:12px 16px;border:1px solid #596365;border-radius:6px;background:var(--panel);color:var(--white);font:600 15px/1.4 'Barlow',Arial,sans-serif;cursor:pointer;text-align:left;list-style:none}
.header .nav-group summary::-webkit-details-marker{display:none}
.header .nav-group summary::marker{content:''}
.header .nav-group summary:hover,.header .nav-group[open]>summary{border-color:var(--yellow);color:var(--yellow)}
.header .nav-group.is-current>summary{border-color:var(--yellow);box-shadow:inset 0 -3px var(--yellow)}
.header .nav-group[open] .nav-chevron{transform:rotate(180deg)}
.header .nav-panel{position:absolute;top:calc(100% + 6px);left:0;z-index:50;width:330px;max-width:calc(100vw - 40px);padding:8px;border:1px solid #596365;border-radius:6px;background:var(--panel);box-shadow:0 12px 28px #0008;max-height:65vh;overflow-y:auto}
.header .nav-groups>li:nth-last-child(-n+2) .nav-panel{left:auto;right:0}
.header .nav-panel li+li{margin-top:4px}
.header .nav-panel a{display:flex;width:100%;justify-content:flex-start;text-align:left;border-color:transparent;background:transparent;font-size:16px;min-height:48px;padding:12px;overflow-wrap:anywhere}
.header .nav-panel a:hover{background:#30372a}
.header .site-navigation a[aria-current="page"]{background:var(--yellow);border-color:var(--yellow);color:var(--bg)}
.header .nav-toggle{display:none}
.header :is(summary,button,a):focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
/* Keep the existing marketplace link prominent on desktop and touch menus. */
.header .site-navigation a[href="/marktplatz"]{background:#74e54a;color:#003ead;border:1px solid #52ad35;border-radius:6px;font-weight:700;transition:background-color .15s ease,border-color .15s ease}
.header .site-navigation a[href="/marktplatz"]:is(:hover,:active){background:#63ce3a;color:#003ead;border-color:#42952a}
.header .site-navigation a[href="/marktplatz"][aria-current="page"]{box-shadow:inset 0 -3px #003ead}
@media(max-width:1000px){
 .header{flex-direction:row;flex-wrap:wrap;align-items:center}
 .header .site-navigation{flex-basis:100%}
 .header .nav-toggle{margin-left:auto}
 .header .nav-toggle:not([hidden]){display:flex}
 .header.nav-ready:not(.nav-open) .site-navigation{display:none}
 .header .nav-groups{display:flex;flex-direction:column;gap:8px;width:100%}
 .header .nav-groups>li,.header .nav-group{width:100%}
 .header .nav-group summary,.header .nav-groups>li>a{width:100%;font-size:16px}
 .header .nav-panel,.header .nav-groups>li:nth-last-child(-n+2) .nav-panel{position:static;width:100%;max-width:none;max-height:none;box-shadow:none;margin-top:6px;padding:6px 6px 6px 14px;border-left:3px solid #596365}
}