/* ==========================================================================
   BBI-CI-HARTE-UEBERSCHREIBUNG fuer die Mikrolagen-Entwuerfe (Paket 7, BP-08)
   Stand: 2026-07-17 -- BAU + TEST, kein Live-Einsatz ohne Max-Freigabe (P1)

   Zweck: Die Bausteine/Klassen aus ../../css/style.css (bestehendes Design-
   System des Website-Relaunch-Prototyps: Header, Hero, Trust-Band, Sections,
   Tabellen, FAQ-Akkordeon, CTA-Band, Footer-Grid) werden WIEDERVERWENDET,
   nicht neu erfunden. Diese Datei ueberschreibt NUR die Farb-/Font-Tokens auf
   die harten BBI-CI-Werte (marke/ci/bbi/00-BBI-CI-REFERENZ.md,
   marke/ci/bbi/bbi-tokens.css), weil der Prototyp (Stand 05.-14.07.2026) noch
   auf den alten, Pentos-abgeleiteten Tokens (Navy #323E54 / Cream #F8E9D2 /
   Didot) aufbaut -- das war vor dem Max-Entscheid 2026-07-16 ("BBI-Design wird
   kuenftig fuer alles verwendet"). Diese Ueberschreibung ist der in BP-08 A2
   geforderte Haertungs-Schritt, hier als eigene Datei statt Aenderung der
   bestehenden Seiten (Loesch-/Aenderungs-Schutz an Bestandsdateien).

   Herkunft der Werte:
   - --bbi-blue/-90/-20/-10, --bbi-gray, --bbi-mist, --bbi-ink, --bbi-font(-serif)
     1:1 aus marke/ci/bbi/bbi-tokens.css uebernommen (belegt, CI-Datei).
   - --navy-deep (dunklere Fläche für Footer/Trust/Newsletter-Sektionen) ist
     KEIN CI-Wert, sondern eine rein gestalterische, nicht faktenbehauptende
     Abdunklung von --bbi-blue um ca. 30 % (#113250 -> #0C2338), analog zur
     bisherigen Rolle von --navy-deep im Prototyp. Keine Markt-/Faktenaussage,
     daher ohne Quellenpflicht.
   - --cream (bislang Gold/Sand-Akzent) entfaellt ersatzlos: BBI-CI kennt nur
     Dunkelblau + Weiss/Schwarz (siehe DESIGN-STANDARD 2a) -- alle bisherigen
     "Cream"-Akzente (Buttons auf Navy, Hervorhebungen, FAQ-Plus-Zeichen)
     werden auf Weiss bzw. das helle Blau-Tint --bbi-blue-20 gemappt.
   ========================================================================== */

/* Loop WEBSITE-PERFEKT, 15.09.2026: Ausweichschriften mit den Maßen von Source Sans 3.
   Ohne sie bricht Text vor dem Schriftwechsel (font-display swap) breiter um; auf dem
   Mietpreisbremse-Ratgeber rückte die Bewertungskarte dadurch 32 px (CLS 0,214 in 6 von 10 Läufen,
   mit gesperrten Webschriften 0 von 10). Werte per fontTools aus den Schriftdateien:
   Segoe UI 94,4 % Breite, Arial 93,5 %; Source Sans 3 hat Ascender 1000, Descender 326, Zeilenabstand 0. */
@font-face { font-family: "Source Sans 3 Ersatz Segoe"; src: local("Segoe UI"), local("SegoeUI"); font-weight: 100 500; size-adjust: 94.4%; ascent-override: 105.9%; descent-override: 34.5%; line-gap-override: 0%; }
@font-face { font-family: "Source Sans 3 Ersatz Segoe"; src: local("Segoe UI Semibold"), local("SegoeUI-Semibold"); font-weight: 600; size-adjust: 94.4%; ascent-override: 105.9%; descent-override: 34.5%; line-gap-override: 0%; }
@font-face { font-family: "Source Sans 3 Ersatz Segoe"; src: local("Segoe UI Bold"), local("SegoeUI-Bold"); font-weight: 700 900; size-adjust: 94.4%; ascent-override: 105.9%; descent-override: 34.5%; line-gap-override: 0%; }
@font-face { font-family: "Source Sans 3 Ersatz Arial"; src: local("Arial"), local("ArialMT"), local("Helvetica"), local("Liberation Sans"), local("Roboto"); font-weight: 100 500; size-adjust: 93.5%; ascent-override: 107%; descent-override: 34.9%; line-gap-override: 0%; }
@font-face { font-family: "Source Sans 3 Ersatz Arial"; src: local("Arial Bold"), local("Arial-BoldMT"), local("Helvetica Bold"), local("Liberation Sans Bold"), local("Roboto Bold"); font-weight: 600 900; size-adjust: 93.5%; ascent-override: 107%; descent-override: 34.9%; line-gap-override: 0%; }

:root {
  /* Primaer- und Sekundaerfarben -- hart auf BBI-CI (marke/ci/bbi/bbi-tokens.css) */
  --navy:       #113250;   /* vormals #323E54 (Pentos-Navy) */
  --navy-deep:  #0C2338;   /* vormals #262F42 -- gestalterische Abdunklung, kein CI-/Faktenwert */
  --cream:      #FFFFFF;   /* vormals #F8E9D2 -- BBI kennt kein Gold/Sand, Akzent = Weiss */
  --paper:      #FFFFFF;   /* vormals #FBF8F3 (warmes Papier) -- BBI: Weiss/Schwarz, kein Warmton */
  --mist:       #F2F2F2;   /* = --bbi-mist */
  --stone:      #CFD8E0;   /* = --bbi-blue-20, ersetzt das warme Sandgrau auf dunklem Grund */
  --gray:       #666666;   /* = --bbi-gray */
  --ink:        #262626;   /* = --bbi-ink */
  --white:      #FFFFFF;

  /* Typografie -- Source Sans Pro statt Didot/Nimbus Sans (DESIGN-STANDARD Abschnitt 3) */
  --font-display: "Source Sans Pro", "Source Sans 3", "Source Sans 3 Ersatz Segoe", "Source Sans 3 Ersatz Arial", "Segoe UI", "Liberation Sans", Helvetica, Arial, sans-serif;
  --font-body:    "Source Sans Pro", "Source Sans 3", "Source Sans 3 Ersatz Segoe", "Source Sans 3 Ersatz Arial", "Segoe UI", "Liberation Sans", Helvetica, Arial, sans-serif;
  --font-serif:   "Minion Pro", Georgia, "Times New Roman", serif; /* nur fuer sehr sparsame Zitat-Akzente, NICHT Wortmarke */

  /* Zusaetzliche harte BBI-Tints fuer Feinabstufungen (aus bbi-tokens.css) */
  --bbi-blue-90: #29465F;
  --bbi-blue-20: #CFD8E0;
  --bbi-radius: 10px;   /* 16.09.2026: 25 Regeln in bbi-site.css nutzten das Token, es war nie definiert (Radius 0) */
  --bbi-blue-10: #E7EBEF;
}

/* H1-H3 in der bestehenden CSS sind auf font-weight:400 (duenne Serife) ausgelegt --
   BBI-CI verlangt Source Sans Pro BOLD (DESIGN-STANDARD Abschnitt 3). */
h1, h2, h3 {
  font-family: var(--font-display);
  font-weight: 700;
}
.hero h1 em, .page-hero h1 em, .funnel-hero h1 em { font-style: italic; font-weight: 700; }

/* Logo-Schutz (Pflicht, Vorfall 2026-07-16): echte Lockup-Datei, nie verzerrt.
   Nur EINE Dimension (hier: height) + object-fit:contain + align-self:flex-start,
   unabhaengig vom umgebenden Flex-Kontext. */
.brand img.bbi-logo {
  height: 34px;
  width: auto;
  object-fit: contain;
  align-self: flex-start;
  flex-shrink: 0;
  display: block;
}
.site-footer img.bbi-logo {
  height: 48px;
  width: auto;
  object-fit: contain;
  align-self: flex-start;
  flex-shrink: 0;
  display: block;
  margin-bottom: 14px;
}

/* [ENTWURF]-Banner: sichtbar auf jeder Seite, oberhalb des Headers, nicht Teil
   des bestehenden Design-Systems (neuer, klar abgegrenzter Baustein). */
.entwurf-banner {
  background: #B5532A;
  color: #FFFFFF;
  font-family: var(--font-body);
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-align: center;
  padding: 0.6rem 1rem;
  position: sticky;
  top: 0;
  z-index: 300;
}
.entwurf-banner strong { text-transform: uppercase; letter-spacing: 0.08em; }

/* FAQ-Plus-Zeichen: vormals --cream (Gold) auf dunklem Icon-Kontext einiger
   Varianten -- hier bleibt es var(--navy), unveraendert kontraststark (siehe
   style.css .faq-item summary::after { color: var(--navy); }). Keine Aenderung
   noetig, nur zur Doku hier vermerkt. */