/* ============================================================================
   BESSER URLAUBEN — Hybrid-Akzente (bu-hybrid.css)
   Behutsame editoriale Veredelung OHNE die bestehende CI zu ersetzen.
   Opt-in: wirkt nur über die u. g. Klassen bzw. dezente globale Feinheiten.
   Übernimmt einzelne Ideen aus bu-brand.css (Editorial-Typo, Weißraum,
   Papier-Ton, ruhige Linien) — Farb-Signatur (BU-Blau/Gold) bleibt erhalten.
   ============================================================================ */

/* Fraunces wurde hier per @import von fonts.googleapis.com geladen. Das war ein
   Drittzugriff vor jeder Einwilligung — und zwar fuer die Utility-Klasse
   .bu-editorial, die auf keiner Seite verwendet wird. Der Import ist deshalb
   ersatzlos entfernt; .bu-editorial faellt auf Georgia zurueck. Wird Fraunces
   spaeter wirklich gebraucht, gehoert es lokal nach assets/fonts/ wie die
   uebrigen vier Familien, nicht wieder hierher. */

:root{
  --bu-blue:#1056B8;
  --bu-ink:#15202b;
  --bu-paper:#f7f4ee;      /* warmes Papier für ruhige Abschnitte */
  --bu-line:#e6e1d6;
  --bu-space:clamp(56px,9vw,120px);
}

/* Editorial-Headline-Utility (opt-in): Fraunces statt Playfair, feiner Satz */
.bu-editorial{font-family:'Fraunces',Georgia,serif !important;font-weight:500;letter-spacing:-.01em;line-height:1.08}
.bu-editorial em{font-style:italic}

/* Ruhiger „Papier"-Abschnitt für editoriale Inhalte (opt-in) */
.bu-paper-sec{background:var(--bu-paper);border-top:1px solid var(--bu-line);border-bottom:1px solid var(--bu-line)}

/* Feine „Ausgabe/№"-Eyebrow im Journal-Stil (opt-in) */
.bu-kicker{display:inline-flex;align-items:center;gap:10px;font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--bu-blue)}
.bu-kicker::before{content:"";width:26px;height:1px;background:var(--bu-blue);opacity:.6}

/* Blaue Horizont-Linie als dezenter Abschnittstrenner (opt-in) */
.bu-hr{height:1px;border:0;background:linear-gradient(90deg,transparent,var(--bu-blue),transparent);opacity:.5;margin:var(--bu-space) 0}

/* Großzügigerer Lesefluss für Fließtext-Bereiche (opt-in) */
.bu-read{max-width:40rem;margin-inline:auto}
.bu-read p{font-size:1.075rem;line-height:1.8}

/* Dezente globale Feinheiten (nicht-invasiv): ruhigere Fokus-/Selektionsfarbe */
::selection{background:rgba(16,86,184,.14)}
:where(a,button):focus-visible{outline:2px solid var(--bu-blue);outline-offset:2px;border-radius:6px}