/* Farbwelt „Weiterbildungen Online", Fassung Nachtblau und Gold (final 13.08.2026).
   Farbwerte und Logo-Paket: siehe README im Logo-Paket der Vertriebsmarke.

   Diese Datei laden NUR die öffentlichen, WBO-gebrandeten Seiten über das
   Include templates/public/_wbo_kopf.html, immer NACH portal.css:
   Landingpages /p/<code> und /b/<code>, Zugangsseite /zugang,
   Registrierungsseite /partner-werden samt Danke-Seite.
   Der interne Bereich (Träger, Netzwerk, Partner nach Anmeldung) lädt sie
   nicht und behält die SkillSprinters-Farben aus portal.css. */

:root {
  /* WBO-Palette */
  --wbo-nachtblau: #0E2A47;      /* Primär: Headlines, Flächen, Buttons */
  --wbo-nachtblau-tief: #0A1F36; /* Hover auf Nachtblau */
  --wbo-gold: #C9A227;           /* Akzente, Linien */
  --wbo-dunkelgold: #B08D2F;     /* goldene Schrift auf hellem Grund */
  --wbo-sand: #F4EFE6;           /* helle Flächen */
  --wbo-sand-linie: #E5D4A3;     /* Linien auf und um Sandflächen */
  --wbo-dunkel: #0E1826;         /* dunkle Kopf- und Fußflächen */
  --wbo-creme: #F2ECE0;          /* Schrift auf dunklem Grund */
  --wbo-gold-dunkel: #D4AF37;    /* Gold auf dunklem Grund */

  /* Die Akzentvariablen aus portal.css auf die WBO-Welt umgelenkt. Alles,
     was var(--orange), var(--blau) und Co. benutzt, folgt automatisch. */
  --orange: var(--wbo-nachtblau);
  --orange-dark: var(--wbo-nachtblau-tief);
  --orange-light: var(--wbo-sand);
  --blau: var(--wbo-gold);
  --blau-dark: var(--wbo-dunkelgold);
  --blau-light: var(--wbo-sand);
  --dark: var(--wbo-dunkel);
}

/* Kopf: die dunkle Fläche trägt Gold statt Orange. */
.kopf .marke span { color: var(--wbo-gold-dunkel); }

/* Trägerzeile: die AZAV-Pflichtangabe bleibt kontraststark lesbar,
   deshalb Nachtblau statt Goldschrift auf der hellen Fläche. */
.traegerzeile { border-bottom-color: var(--wbo-sand-linie); }
.traegerzeile strong { color: var(--wbo-nachtblau); }

/* Sandflächen bekommen eine goldgetönte Linie statt der alten Pastellränder. */
.karte.hell { border-color: var(--wbo-sand-linie); }
.karte.blau { border-color: var(--wbo-sand-linie); }
.hinweis.info { color: var(--wbo-nachtblau); border-color: var(--wbo-sand-linie); }

/* Zweiter Knopf: Gold mit Nachtblau-Schrift statt Türkis mit Weiß,
   weil weiße Schrift auf Gold zu wenig Kontrast hat. */
.knopf.blau { background: var(--wbo-gold); color: var(--wbo-nachtblau); }
.knopf.blau:hover { background: var(--wbo-dunkelgold); }

/* Auf der dunklen Heldfläche wäre ein Nachtblau-Knopf unsichtbar: dort ist
   der erste Knopf Gold, der zweite eine Kontur in Creme und Gold. */
.held .knopf { background: var(--wbo-gold-dunkel); color: var(--wbo-nachtblau); }
.held .knopf:hover { background: var(--wbo-gold); }
.held .knopf.blau { background: transparent; color: var(--wbo-creme);
  box-shadow: inset 0 0 0 1px var(--wbo-gold-dunkel); }
.held .knopf.blau:hover { background: rgba(212, 175, 55, .16); }

/* Zustandschip „Zulassung läuft" in den Produkttabellen. */
.zustand.neu { background: var(--wbo-sand); color: var(--wbo-nachtblau);
  box-shadow: inset 0 0 0 1px var(--wbo-sand-linie); }

/* Fuß: dunkle Fläche mit Goldlinie, Schrift Creme, der Träger in Gold.
   Die Trägerkennung steht hier und muss sichtbar bleiben (AZAV-Auflage). */
.fuss { background: var(--wbo-dunkel); border-top: 3px solid var(--wbo-gold);
  color: var(--wbo-creme); }
.fuss strong { color: var(--wbo-gold-dunkel); }
.fuss a { color: var(--wbo-gold-dunkel); }