/* ═══════════════════════════════════════════════════════════════════════
   NAV-V2 · Desktop-Menü „Premium Space“ (Entwurf 18.10.2026, nur Vorschau)
   Nur ab 1024 px. Mobil/Tablet (mnav, kompakte Kopfzeile vom 11.10.) bleibt unberührt.
   Isoliert: nav-v2.css + nav-v2.js; Entfernen beider Tags = alter Stand.
   ═══════════════════════════════════════════════════════════════════════ */
@media (min-width: 1024px) {
  body.ah .ah-top.nv2 {
    --nv2-h: 68px; --nv2-pad: 12px; --nv2-ease: cubic-bezier(.2, .7, .2, 1);
    box-sizing: border-box; height: 86px; padding-top: var(--nv2-pad); pointer-events: none; background: none; transition: padding-top .45s var(--nv2-ease);
  }
  body.ah .ah-top.nv2 > .ah-wrap { pointer-events: auto; }
  body.ah .ah-top.nv2.nv2-shrink { --nv2-h: 58px; --nv2-pad: 8px; }

  /* Glas-Kapsel mit goldener Haarlinie */
  body.ah .nv2 .ah-top-inner {
    position: relative; isolation: isolate; height: var(--nv2-h); margin-top: 0;
    padding: 0 8px 0 10px; gap: 14px; border: 0; border-radius: 999px;
    background:
      radial-gradient(120% 160% at 50% -60%, rgba(94, 231, 255, .12), transparent 55%),
      linear-gradient(180deg, rgba(20, 32, 74, .62), rgba(8, 13, 34, .66));
    -webkit-backdrop-filter: blur(22px) saturate(160%); backdrop-filter: blur(22px) saturate(160%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .09), 0 24px 60px -28px rgba(0, 0, 0, .85), 0 0 60px -26px rgba(94, 231, 255, .55), 0 0 90px -40px rgba(226, 182, 83, .45);
    transition: height .45s var(--nv2-ease), background .45s var(--nv2-ease), box-shadow .45s var(--nv2-ease);
  }
  body.ah .nv2 .ah-top-inner::before {
    content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; padding: 1px; pointer-events: none;
    background: linear-gradient(100deg, rgba(142, 176, 255, .55), rgba(94, 231, 255, .35) 30%, rgba(246, 226, 166, .75) 62%, rgba(226, 182, 83, .55) 85%, rgba(142, 176, 255, .4));
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor;
    mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
  }
  /* Scroll-Fortschritt als feine Verlaufslinie unten in der Kapsel */
  body.ah .nv2 .ah-top-inner::after {
    content: ""; position: absolute; left: 28px; right: 28px; bottom: 0; top: auto; height: 1.5px; border-radius: 2px; pointer-events: none;
    background: var(--pm-gold-text); transform-origin: left center; transform: scaleX(var(--nv2-p, 0)); opacity: .9;
    box-shadow: 0 0 10px rgba(94, 231, 255, .55);
  }
  body.ah .nv2.nv2-shrink .ah-top-inner {
    background: radial-gradient(120% 160% at 50% -60%, rgba(94, 231, 255, .10), transparent 55%), linear-gradient(180deg, rgba(13, 21, 52, .9), rgba(6, 10, 28, .92));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 22px 50px -22px rgba(0, 0, 0, .9), 0 0 50px -24px rgba(94, 231, 255, .6), 0 0 80px -40px rgba(226, 182, 83, .5);
  }

  /* Marke: goldenes A + Serif-Wortmarke im Verlauf */
  body.ah .nv2 .ah-brand { gap: 12px; padding: 6px 12px 6px 6px; border-radius: 999px; transition: background-color .3s ease; }
  body.ah .nv2 .ah-brand:hover { background: rgba(255, 255, 255, .04); }
  body.ah .nv2 .ah-brand img {
    width: 38px; height: 38px; border-radius: 50%; object-fit: cover;
    box-shadow: 0 0 0 1.5px #e2bf6c, 0 0 0 4px rgba(226, 182, 83, .14), 0 0 22px rgba(226, 182, 83, .45), 0 0 34px -6px rgba(94, 231, 255, .6);
    transition: width .45s var(--nv2-ease), height .45s var(--nv2-ease), box-shadow .3s ease;
  }
  body.ah .nv2.nv2-shrink .ah-brand img { width: 32px; height: 32px; }
  body.ah .nv2 .ah-brand:hover img { box-shadow: 0 0 0 1.5px #f6e2a6, 0 0 0 4px rgba(226, 182, 83, .22), 0 0 28px rgba(226, 182, 83, .65), 0 0 40px -6px rgba(94, 231, 255, .7); }
  body.ah .nv2 .ah-brand span {
    font: 500 19px/1 var(--pm-serif); letter-spacing: .005em;
    background: linear-gradient(100deg, #ffffff 0%, #eef3ff 40%, #f6e2a6 78%, #e2b653 100%); -webkit-background-clip: text; background-clip: text; color: transparent;
  }
  body.ah .nv2 .ah-brand small { margin-top: 4px; font: 600 9.5px/1.2 var(--f-sans); letter-spacing: .32em; color: #d2b675; -webkit-text-fill-color: #d2b675; }

  /* Links: ruhige Schiene, gleitender Glas-Indikator, Verlaufs-Unterstrich */
  body.ah .nv2 .ah-nav { position: relative; margin-inline: auto; gap: 0; padding: 5px; border-radius: 999px; background: rgba(4, 8, 24, .35); border: 1px solid rgba(255, 255, 255, .06); box-shadow: inset 0 1px 2px rgba(0, 0, 0, .35); }
  body.ah .nv2 .ah-nav a {
    position: relative; z-index: 1; padding: 9px 15px; border-radius: 999px; font: 500 14.5px/1 var(--f-sans); letter-spacing: .01em;
    color: #b9c4e2; background: none !important; box-shadow: none !important; transition: color .25s ease, text-shadow .25s ease;
  }
  body.ah .nv2 .ah-nav a.is-active { color: #b9c4e2; }
  body.ah .nv2 .ah-nav a::after {
    content: ""; display: block !important; position: absolute; left: 15px; right: 15px; bottom: 4px; width: auto; height: 1.5px; margin: 0; border-radius: 2px;
    background: var(--pm-gold-text) !important; box-shadow: 0 0 8px rgba(94, 231, 255, .5) !important;
    transform: scaleX(0); transform-origin: center; transition: transform .35s var(--nv2-ease);
  }
  body.ah .nv2 .ah-nav a:hover, body.ah .nv2 .ah-nav a:focus-visible { color: #fff; text-shadow: 0 0 14px rgba(94, 231, 255, .55); }
  body.ah .nv2 .ah-nav a:hover::after, body.ah .nv2 .ah-nav a:focus-visible::after, body.ah .nv2 .ah-nav a.nv2-cur::after { transform: scaleX(1); }
  body.ah .nv2 .ah-nav a.nv2-cur { color: #fff; }
  body.ah .nv2 .ah-nav a:focus-visible { outline: 2px solid #f6e2a6; outline-offset: 2px; }
  body.ah .nv2 .nv2-ind {
    position: absolute; z-index: 0; top: 5px; bottom: 5px; left: 0; width: 0; border-radius: 999px; pointer-events: none; opacity: 0;
    background: linear-gradient(180deg, rgba(142, 176, 255, .2), rgba(77, 126, 240, .1));
    box-shadow: inset 0 0 0 1px rgba(142, 176, 255, .32), inset 0 1px 0 rgba(255, 255, 255, .12), 0 0 22px -6px rgba(94, 231, 255, .65);
    transition: transform .45s var(--nv2-ease), width .45s var(--nv2-ease), opacity .3s ease;
  }
  body.ah .nv2 .nv2-ind.is-on { opacity: 1; }

  /* Aktionen: Anmelden als Glas-Kapsel, CTA im Blau-Gold-Verlauf mit Glanz */
  body.ah .nv2 .ah-top-actions { gap: 8px; }
  body.ah .nv2 .ah-login {
    padding: 10px 18px; border-radius: 999px; font: 500 14px/1 var(--f-sans); color: #e6ecfb;
    border: 1px solid rgba(226, 182, 83, .35); background: rgba(255, 255, 255, .03);
    transition: border-color .3s ease, background-color .3s ease, color .3s ease, box-shadow .3s ease;
  }
  body.ah .nv2 .ah-login:hover, body.ah .nv2 .ah-login:focus-visible { color: #fff !important; border-color: rgba(246, 226, 166, .8); background: rgba(226, 182, 83, .08); box-shadow: 0 0 22px -8px rgba(226, 182, 83, .7); }
  body.ah .nv2 .ah-login:focus-visible { outline: 2px solid #f6e2a6; outline-offset: 2px; }
  body.ah .nv2 .lp-nav-cta {
    position: relative; overflow: hidden; isolation: isolate; height: 46px; padding: 0 22px 0 24px; border: 0; border-radius: 999px;
    font: 700 14.5px/1 var(--f-sans); letter-spacing: .01em; color: #0a1530 !important; -webkit-text-fill-color: #0a1530;
    background: linear-gradient(100deg, #8eb0ff 0%, #5ee7ff 30%, #f6e2a6 66%, #e2b653 100%) !important; background-size: 160% 100% !important; background-position: 0% 50% !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .55), 0 10px 28px -10px rgba(226, 182, 83, .75), 0 0 34px -8px rgba(94, 231, 255, .55) !important;
    transition: background-position .6s var(--nv2-ease), transform .35s var(--nv2-ease), box-shadow .35s var(--nv2-ease), height .45s var(--nv2-ease);
  }
  body.ah .nv2 .lp-nav-cta::before {
    content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
    background: linear-gradient(110deg, transparent 30%, rgba(255, 255, 255, .55) 48%, transparent 66%); transform: translateX(-120%);
    animation: nv2-shine 5.5s ease-in-out 1.5s infinite;
  }
  body.ah .nv2 .lp-nav-cta::after { display: none !important; }
  body.ah .nv2 .lp-nav-cta:hover, body.ah .nv2 .lp-nav-cta:focus-visible {
    background-position: 100% 50% !important; transform: translateY(-1px);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .6), 0 14px 34px -10px rgba(226, 182, 83, .9), 0 0 44px -6px rgba(94, 231, 255, .7) !important;
  }
  body.ah .nv2 .lp-nav-cta:focus-visible { outline: 2px solid #f6e2a6; outline-offset: 3px; }
  body.ah .nv2.nv2-shrink .lp-nav-cta { height: 40px; }
  @keyframes nv2-shine { 0%, 70% { transform: translateX(-120%); } 100% { transform: translateX(120%); } }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  body.ah .nv2 .ah-nav a { padding: 9px 8px; font-size: 13px; letter-spacing: 0; }
  body.ah .nv2 .ah-nav a::after { left: 8px; right: 8px; }
  body.ah .nv2 .ah-top-inner { gap: 10px; }
  body.ah .nv2 .ah-brand { padding-right: 6px; }
  body.ah .nv2 .ah-brand span { font-size: 17px; }
  body.ah .nv2 .ah-login { padding: 10px 14px; }
  body.ah .nv2 .lp-nav-cta { padding: 0 16px; }
}
@media (min-width: 1024px) and (prefers-reduced-motion: reduce) {
  body.ah .ah-top.nv2, body.ah .nv2 .ah-top-inner, body.ah .nv2 .ah-brand img, body.ah .nv2 .ah-nav a, body.ah .nv2 .ah-nav a::after,
  body.ah .nv2 .nv2-ind, body.ah .nv2 .ah-login, body.ah .nv2 .lp-nav-cta { transition: none !important; }
  body.ah .nv2 .lp-nav-cta::before { animation: none; display: none; }
}