/* ATGolf V5.9 – kompakte Hauptnavigation mit barrierearmem, nativem Dropdown. */
.nav .wrap{gap:18px}
.nav .brand{flex:0 0 auto}
.nav .links{min-width:0;flex:1 1 auto;justify-content:flex-end;gap:clamp(12px,1.8vw,23px)}
.nav .links > a,.nav-dropdown > summary{white-space:nowrap;line-height:1.35}
.nav .navcta{flex:0 0 auto;white-space:nowrap}
.nav-dropdown{position:relative;flex:0 0 auto;align-self:center}
.nav-dropdown > summary{cursor:pointer;display:flex;align-items:center;gap:8px;color:var(--white);list-style:none;font:inherit;letter-spacing:inherit;text-transform:uppercase;user-select:none}
.nav-dropdown > summary::-webkit-details-marker{display:none}
.nav-dropdown > summary::marker{content:''}
/* Fixed 8px arrow shape instead of a font glyph with an unstable baseline. */
.nav-dropdown__chevron{display:inline-block;flex:0 0 8px;width:8px;height:8px;
 border-right:2px solid var(--lime);border-bottom:2px solid var(--lime);
 transform:rotate(45deg);transform-origin:50% 50%;margin-top:-5px;
 transition:transform .18s ease}
.nav-dropdown[open] .nav-dropdown__chevron{transform:rotate(225deg);margin-top:4px}
.nav-dropdown > summary:hover,.nav-dropdown > summary:focus-visible,.nav-dropdown[open] > summary,.nav-dropdown--active > summary{color:var(--lime)}
.nav-dropdown > summary:focus-visible,.nav-dropdown__panel a:focus-visible{outline:2px solid var(--lime);outline-offset:5px}
.nav-dropdown__panel{position:absolute;top:calc(100% + 25px);right:-18px;display:grid;min-width:250px;padding:9px;background:#171b16;border:1px solid #576a39;border-top:3px solid var(--lime);box-shadow:0 16px 30px #000a;z-index:35;transform:skew(-2deg)}
.nav-dropdown__panel::before{content:'';position:absolute;bottom:100%;left:0;right:0;height:28px}
.nav-dropdown__panel a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 13px;white-space:nowrap;color:var(--white);font-size:12px;letter-spacing:.065em;transform:skew(2deg);transition:background .15s,color .15s}
.nav-dropdown__panel a + a{border-top:1px solid #393f32}
.nav-dropdown__panel a span{color:var(--lime);font-size:17px;line-height:1}
.nav-dropdown__panel a:hover,.nav-dropdown__panel a.active{background:#293120;color:var(--lime)}
/* Vor einem Umbruch lieber den bewährten mobilen Hamburger nutzen. */
@media(max-width:980px){
  .nav .links{display:none;position:absolute;top:84px;left:0;right:0;z-index:30;background:#161813;padding:20px 24px 25px;flex-direction:column;align-items:stretch;gap:3px;max-height:calc(100dvh - 84px);overflow-y:auto;overscroll-behavior:contain;box-shadow:0 16px 24px #0008}
  .nav .links.open{display:flex}
  .nav .hamb{display:block;cursor:pointer;flex:0 0 auto}
  .nav .navcta{margin-left:auto}
  .nav .links > a{width:100%;padding:13px 0;line-height:1.4}
  .nav-dropdown{align-self:stretch;width:100%;border-top:1px solid #343b2e;border-bottom:1px solid #343b2e}
  .nav-dropdown > summary{padding:15px 0;min-height:48px;justify-content:space-between}
  .nav-dropdown__panel{position:static;transform:none;min-width:0;width:100%;padding:4px 0 10px 13px;box-shadow:none;border:0;border-left:3px solid var(--lime);background:#1d211b}
  .nav-dropdown__panel::before{display:none}
  .nav-dropdown__panel a{transform:none;padding:12px 14px;white-space:normal;min-height:44px;font-size:13px}
  .nav-dropdown__panel a + a{border-top:1px solid #384030}
}
@media(max-width:560px){.nav .navcta{display:none}.nav .links{padding:16px 20px 24px}}
@media(max-width:370px){.nav .links{top:72px;max-height:calc(100dvh - 72px)}}
@media(prefers-reduced-motion:reduce){.nav-dropdown__chevron,.nav-dropdown__panel a{transition:none}}