/* Startseite: Animationen nach den Vorlagen („Glassy Navbar“). Eigene Datei, damit sie unabhängig bleibt. */

/* Navigationsleiste: nicht durchsichtig (deckender Nachtton statt Glas) */
html body nav:not(#a1):not(#a2):not(#a3){background:#17122a!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  box-shadow:0 18px 40px -24px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.05)!important}

/* gleitende Markierung hinter den Links: dezente Fläche + Leuchtstrich unten */
@media (hover:hover) and (pointer:fine){
  html body nav .navlinks.has-ind:not(#a1):not(#a2):not(#a3){position:relative!important}
  html body nav .navlinks li.nav-ind:not(#a1):not(#a2):not(#a3){position:absolute!important;left:0;top:0;margin:0!important;padding:0!important;z-index:0;list-style:none;pointer-events:none;border-radius:999px;opacity:0;
    background:rgba(242,239,248,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
    transition:transform .35s cubic-bezier(.23,1,.32,1),width .35s cubic-bezier(.23,1,.32,1),height .35s cubic-bezier(.23,1,.32,1),opacity .2s ease}
  .nav-ind::after{content:"";position:absolute;left:22%;right:22%;bottom:3px;height:2px;border-radius:2px;background:linear-gradient(90deg,#8b3dff,#19e3c7);box-shadow:0 0 10px rgba(25,227,199,.7)}
  html body nav .navlinks li.nav-ind.no-anim:not(#a1):not(#a2):not(#a3){transition:none!important}
  html body nav .navlinks.has-ind li:not(.nav-ind){position:relative;z-index:1}
  /* die alte Markierung übernimmt jetzt die gleitende */
  html body nav .navlinks.has-ind a:not(#a1):not(#a2):not(#a3),
  html body nav .navlinks.has-ind a.active:not(#a1):not(#a2):not(#a3),
  html body nav .navlinks.has-ind a:hover:not(#a1):not(#a2):not(#a3){background:transparent!important;box-shadow:none!important;text-decoration:none!important}
  html body nav .navlinks.has-ind a.active:not(#a1):not(#a2):not(#a3){color:#f2eff8!important}
}
/* kein blaues Markieren auf der Seite (Eingabefelder ausgenommen) */
html.no-select body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
html.no-select :is(input,textarea,select,[contenteditable],a[href^="tel:"],a[href^="mailto:"],.copyable){-webkit-user-select:text;user-select:text}
html.no-select img{-webkit-user-drag:none}

@media (prefers-reduced-motion:reduce){.nav-ind{transition:opacity .2s ease}}