/* ============================================================
   MENÜLEISTE – einheitliche Farbe und Deckkraft
   Alles in der Leiste (awaec, ABOUT · Logo · WORK, DE/EN, Instagram, Burger)
   nutzt EINE Farbe: --nav-fg. Sie wechselt gemeinsam:
     auf hellem Grund  → dunkel (#141412)
     auf dunklem Grund → weiß   (Klasse .over-dark, wird per Scroll gesetzt)
   Der Hintergrund der Leiste und das Burger-Menü sind kaum noch durchsichtig.
   Zum Verwerfen: den <link> auf diese Datei entfernen.
   ============================================================ */
.nav{ --nav-fg:#141412; --nav-bg:rgba(255,255,255,.95); --nav-line:rgba(0,0,0,.08);
      --nav-panel:rgba(255,255,255,.98); --nav-hover:rgba(0,0,0,.06); }
.nav.over-dark{ --nav-fg:#fff; --nav-bg:rgba(14,14,13,.94); --nav-line:rgba(255,255,255,.10);
      --nav-panel:rgba(22,22,20,.98); --nav-hover:rgba(255,255,255,.10); }

/* Leistenhintergrund */
.nav.scrolled{
  background:var(--nav-bg) !important;
  border-bottom-color:var(--nav-line) !important;
  backdrop-filter:blur(14px) saturate(140%);
  -webkit-backdrop-filter:blur(14px) saturate(140%);
}

/* Alle Texte und Symbole: gleiche Farbe, volle Deckkraft */
#nav .nav-wordmark,
#nav .nav-wordmark .wm-char,
#nav .nav-wordmark .nav-dot,
#nav .nav-pill-link,
#nav .nav-pill-mark,
#nav .nav-mob-mark,
#nav .nav-social-link,
#nav .nav-lang-toggle{ color:var(--nav-fg) !important; }
#nav .nav-pill-dot{ background:var(--nav-fg) !important; opacity:.55; }
#nav .nav-burger span{ background:var(--nav-fg) !important; }

/* Hover: überall gleich – leicht abdunkeln statt Farbwechsel */
#nav .nav-pill-link:hover,
#nav .nav-social-link:hover,
#nav .nav-lang-toggle:hover{ color:var(--nav-fg) !important; opacity:.6; background:transparent !important; }
#nav .nav-burger:hover span{ background:var(--nav-fg) !important; opacity:.6; }

/* Sprachumschalter: die aktive Sprache voll, die andere gedämpft (damit man den Zustand sieht) */
#nav .nav-lang-sep{ opacity:.45; }

/* Burger-Menü: fast blickdicht, gut lesbar */
#nav .nav-burger-panel{
  background:var(--nav-panel);
  border:1px solid var(--nav-line);
  box-shadow:0 20px 46px -22px rgba(0,0,0,.45);
}
#nav .nbp-link{ color:var(--nav-fg); }
#nav .nbp-idx{ color:var(--nav-fg); opacity:.55; }
#nav .nbp-link:hover{ background:var(--nav-hover); color:var(--nav-fg); }
#nav .nbp-link:hover .nbp-idx{ color:var(--nav-fg); opacity:.9; }