/* Gemeinsame Kopfzeile für alle BLUN Seiten.
   Papa 09.08.: "1 menue headder und nicht 10 mal das selbe gebaut."
   Diese Datei ist die eine Stelle für das Aussehen der Kopfzeile.
   Wer hier etwas ändert, ändert es auf allen Seiten. */

:root {
  --blun-marke: #0163ff;
  --blun-marke-hover: #0152d6;
  --kopf-text: #f5f7fb;
  --kopf-flaeche: rgba(5, 5, 6, 0.94);
}

/* Flaeche */
html body .nav,
html body header.nav,
html body .site-header {
  background: var(--kopf-flaeche);
}

/* Menuetext: auf allen Seiten gleich hell */
html body .nav a,
html body .nav .nav-link,
html body .nav .nav-drop-trigger,
html body header.nav a {
  color: var(--kopf-text);
}

/* Knoepfe: gleiche Größe, gleiche Form, gleiches Blau.
   Papa: "buttonform mehr quadratisch" - 8px statt 999px. */
html body .nav .btn,
html body .nav a.btn,
html body .nav button.btn,
html body .nav .nav-drop-trigger.btn {
  min-height: 48px;
  font-size: 15px;
  border-radius: 8px;
  padding: 0 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

html body .nav .btn.primary,
html body .nav a.btn.primary {
  background: var(--blun-marke);
  border-color: var(--blun-marke);
  color: #fff;
}

html body .nav .btn.primary:hover,
html body .nav a.btn.primary:hover {
  background: var(--blun-marke-hover);
  border-color: var(--blun-marke-hover);
}


/* Papa 09.08.: "mach den headder sticky". Bleibt beim Scrollen oben. */
html body .nav,
html body header.nav,
html body .site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  backdrop-filter: none;
}

/* Papa: "buttonform mehr quadratisch". Der 11px-Wert aus den
   Seitenbloecken gewinnt sonst über diese Datei. */
html body .nav .btn,
html body .nav a.btn,
html body .nav button.btn,
html body .nav .nav-drop-trigger.btn,
html body .nav .btn.primary,
html body .nav .btn.secondary,
html body .nav .btn.ghost {
  border-radius: 8px;
  font-size: 15px;
}


/* Papa 09.08.: "1 headder musst ja nix nachziehen."
   Die Knopfregeln standen bis eben in 211 Seitenkopien. Sie stehen
   jetzt hier - EINMAL, für Kopfzeile UND Seiteninhalt. Wer sie
   ändert, ändert sie überall. */
html body .btn,
html body a.btn,
html body button.btn,
html body .btn.primary,
html body .btn.secondary,
html body .btn.ghost,
html body .btn.primary.lg,
html body .btn.ghost.lg,
html body .nav-drop-trigger.btn {
  min-height: 48px;
  font-size: 15px;
  border-radius: 8px;
  padding: 0 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Flaechenfarben, ebenfalls aus den Seitenkopien hierher gezogen. */
html[data-v4-public],
html body { background: #050506; }
html body .mp-hero, html body .hero { background: #050506; }


/* Die Flaechenfarbe kommt aus der Variable --blun-bg, die eine
   !important-Regel einsetzt. Also wird die VARIABLE gesetzt, nicht
   dagegen angeschrieben - sonst gewinnt immer das !important.
   Wert ist der der Startseite: #050506. */
html[data-v4-public] { --blun-bg: #050506; --bg: #050506; }


/* Papa 09.08. mit Bild: "der trennstrich muss weg".
   Gemeint ist die Linie UNTER dem Hero, über dem Block "Mehr BLUN".
   Die Striche zwischen den Textabschnitten bleiben - die sollten
   ausdruecklich bleiben, nur mit gleichem Abstand. */
html body .mp-hero,
html body .mp-hero.landing-feature-hero,
html body .hero { border-bottom: 0; }
html body .mp-section.feature-other-strip { border-top: 0; }


/* Papa 09.08.: "mach den headder sticky" - der Wert stand richtig da
   und wirkte trotzdem nicht. Gemessen: html UND body tragen
   overflow-x: hidden, und das setzt position:sticky ausser Kraft.
   clip schneidet genauso ab, blockiert sticky aber nicht. */
html, body { overflow-x: clip; }