/* Approved compact Racing Green header, 26.10.2026. */
body .kopf{top:0!important;background:#f3f9f3ed!important;border-bottom:1px solid #89a59150;backdrop-filter:blur(18px);box-shadow:0 4px 20px #234b3510!important}
body .kopf .wrap{display:flex!important;grid-template-rows:none!important;align-items:center;gap:28px;height:72px!important}
body .kopf .marke.logo{margin:0!important;flex:none}
body .kopf .marke.logo img{height:44px!important;width:auto!important}
body .kopf .hauptnav{height:72px;margin:0!important;padding:0!important;flex:1;min-width:0;border:0!important;background:transparent!important}
body .kopf .hauptnav::before{display:none!important}
body .kopf .navliste{display:flex;justify-content:center;align-items:stretch;gap:clamp(6px,1.1vw,20px);width:100%;height:100%}
body .kopf .np{font:600 17px/1.2 var(--head);letter-spacing:.045em;padding:0 4px;height:100%;border:0;background:transparent;color:#214435;cursor:pointer}
body .kopf .np::after{left:4px;right:4px;height:3px}
body .kopf .np[aria-expanded=true]::after{transform:scaleX(1)}
body .kopf .compact-item{position:relative;display:flex;align-items:stretch}
body .kopf .compact-menu{position:absolute;top:calc(100% - 1px);left:-16px;width:230px;background:#f6faf6f5;border:1px solid #a9c2b2;border-top:2px solid var(--messing);border-radius:0 0 12px 12px;padding:10px;box-shadow:0 14px 32px #21443524;backdrop-filter:blur(18px)}
body .kopf .compact-menu[hidden]{display:none!important}
body .kopf .compact-menu a{display:block;padding:12px 12px;font:600 17px/1.2 var(--head);letter-spacing:.02em;color:#214435;border-radius:5px}
body .kopf .compact-menu a:hover,body .kopf .compact-menu a:focus-visible{background:transparent;text-decoration:underline;text-decoration-color:var(--messing);text-underline-offset:5px}
body .kopf .np:focus-visible{outline:2px solid var(--messing);outline-offset:-5px}
body .kopf .aktionen{gap:8px;margin:0!important;flex:none}
body .kopf .wahlknopf{font-size:15px;padding:8px 4px;white-space:nowrap}
body .kopf .suchknopf{width:36px;height:36px;padding:8px;min-height:0;border:0!important;background:transparent!important}
body .kopf .suchknopf span,body .kopf .suchknopf kbd{display:none!important}
body main [id]{scroll-margin-top:92px!important}
body #ranglisten table.ranking-results thead th{top:72px!important}
@media(min-width:961px) and (max-width:1150px){body .kopf .wrap{gap:18px}body .kopf .marke.logo img{height:38px!important}body .kopf .np{font-size:16px;letter-spacing:.02em}body .kopf .navliste{gap:8px}body .kopf .wahlknopf{font-size:14px}}
@media(max-width:960px){
 body .kopf .wrap{height:64px!important;gap:16px}
 body .kopf .marke.logo img{height:40px!important}
 body .kopf .aktionen{margin-left:auto!important}
 body .kopf .hauptnav{height:calc(100dvh - 64px)!important;background:#eff6f0!important;padding:24px!important}
 body .kopf .navliste{display:block;height:auto}
 body .kopf .np{height:52px;width:100%;font-size:22px;padding:12px 4px}
 body .kopf .compact-item{display:block}
 body .kopf .compact-menu{position:static;width:100%;box-shadow:none;border:0;border-left:2px solid var(--messing);border-radius:0;margin:2px 0 10px;padding:0 8px;background:transparent}
 body .kopf .np .chev{margin-left:auto}
 body main [id]{scroll-margin-top:84px!important}
}

/* Second design pass: menu follows logo rather than centering its free column. */
body .kopf{border-bottom:0!important;box-shadow:none!important}
@media(min-width:961px){body .kopf .navliste{justify-content:flex-start;gap:clamp(12px,1.3vw,22px)}body .kopf .wrap{gap:36px}body .kopf .np{font-size:18px}}
@media(min-width:961px) and (max-width:1150px){body .kopf .wrap{gap:24px}body .kopf .navliste{gap:10px}body .kopf .np{font-size:16px}}
/* Alternative B: the same compact structure in Racing Green. */
body .kopf{background:#214c3bed!important;color:#f1f7f1;border-bottom:1px solid #b08a4870!important;box-shadow:0 3px 16px #16372812!important}
body .kopf .marke.logo img{filter:brightness(0) invert(1)!important}
body .kopf .np,body .kopf .np:is(:hover,:focus-visible,.an),body .kopf .aktionen,body .kopf .kopfsaison,body .kopf .wahlknopf,body .kopf .aktionen button{color:#f1f7f1!important}
body .kopf .np::after{background:#cfad6e!important}
body .menueknopf i{background:#f1f7f1}
body .kopf .compact-menu{background:#214c3b;border-color:#718f7866;border-top-color:#cfad6e;color:#f1f7f1}
body .kopf .compact-menu a{color:#f1f7f1}
body .kopf .compact-menu a:hover,body .kopf .compact-menu a:focus-visible{background:transparent;text-decoration-color:#cfad6e}
body .kopf .wahlmenu{background:#f3f9f4;color:#214435}
body .kopf .wahlmenu button,body .kopf .wahlmenu a{color:#214435!important}
@media(max-width:960px){body .kopf .hauptnav{background:#214c3b!important}body .kopf .navsaison-titel,body .kopf .navfuss,body .kopf .navfuss a{color:#d9e8dd}body .kopf .compact-menu{background:transparent}}

/* One indicator only: the dropdown has no second brass top rule. */
body .kopf .compact-menu{border-top:0;top:100%}
body .kopf .compact-menu a[aria-current=page]{text-decoration:underline;text-decoration-color:var(--messing);text-underline-offset:5px}
@media(min-width:961px){body .kopf .np.nur-mobil{display:none!important}}
/* The introduction belongs equally to header and hero; no extra hero margin. */
body.startseite .home-intro{padding:32px 0}
@media(max-width:620px){body.startseite .home-intro{padding:24px 0}}
/* Keep the light season picker readable, including its dark selected controls. */
body .kopf .wahlmenu .jahrsuche button,body .kopf .wahlmenu .dekjahre a.an{color:#fff!important}
body .kopf .compact-toggle[aria-expanded=true] .chev{transform:rotate(180deg)}

body .kopf .np:is(:hover,[aria-expanded=true]){background:transparent!important;box-shadow:none!important}