/* ============================================================
   BEYONITY — Schriften (BwGradual 400/500/700/800)

   Die Dateien liegen lokal in assets/fonts/ und werden von hier aus
   relativ verlinkt. Relativ, damit dieselbe Datei im Frontend
   (wp_enqueue_style) und im Block-Editor (add_editor_style) funktioniert:
   beide laden fonts.css aus diesem Verzeichnis, also loest der Browser
   fonts/bwgradual-400.woff2 in beiden Faellen richtig auf.

   Bis zum 12.09.2026 steckten dieselben vier Dateien hier als
   base64-Daten-URLs. Die Datei war damit 178 KB gross (137 KB ueber die
   Leitung, im Browser nachgemessen) — und sie ist render-blockierend.
   Der Browser musste also alle 137 KB haben, bevor er das erste Pixel
   malte. font-display: swap stand zwar schon drin, konnte aber nichts
   ausrichten: Swap hilft nur, wenn die Schrift SEPARAT laedt. Im
   blockierenden CSS eingebettet gibt es nichts zu swappen — die Schrift
   ist da, sobald das CSS da ist, und vorher malt der Browser gar nichts.
   Dazu blaeht base64 jede Datei um rund ein Drittel auf.

   Jetzt: diese Datei ist rund 1 KB, die vier WOFF2 laden daneben und
   blockieren nichts mehr. Zwei Schnitte werden vorgeladen (siehe
   functions.php, beyonity_preload_fonts) — 800 traegt die H1, 400 den
   Fliesstext darunter. Gemessen am 12.09.2026 auf der Staging-Box bei
   408 x 819 (Mobilfalz): oberhalb der Falz rendern 800 (H1 38 px,
   beide CTA-Beschriftungen), 700 (Eyebrow 11 px) und 400 (Hero-Absatz
   16 px). 500 kommt mobil erst im aufgeklappten Menue vor, am Desktop
   in der Hauptnavigation.

   ACHTUNG, offener Punkt: 33 CSS-Regeln setzen font-weight: 600, einen
   Schnitt, den es hier nicht gibt. Im Browser nachgemessen (Canvas,
   dieselbe Zeichenkette in 40 px): 600 und 700 sind auf die hundertstel
   Pixel gleich breit — 600 rendert also als Bold. Das war vorher genauso
   und aendert sich durch diesen Umbau nicht. Entweder
   bwgradual-600.woff2 dazulegen oder die Regeln auf 500/700 ziehen.
   ============================================================ */

@font-face {
  font-family: 'BwGradual';
  src: url('fonts/bwgradual-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'BwGradual';
  src: url('fonts/bwgradual-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'BwGradual';
  src: url('fonts/bwgradual-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'BwGradual';
  src: url('fonts/bwgradual-800.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}