/* ===========================================================
   Bodoni Moda — Schriftsystem
   Wiederverwendbares Modul: In jedes Projekt einbinden mit
   <link rel="stylesheet" href="design-system/fonts.css">

   Lokal gehostet (kein Google Fonts mehr) -- Grund: DSGVO-Konformitaet,
   siehe LG Muenchen I, Az. 3 O 17493/20 (IP-Adresse wird beim Laden
   von fonts.googleapis.com/fonts.gstatic.com ohne Einwilligung an
   Google uebertragen). Dateien liegen in /fonts/, kein preconnect zu
   Google mehr noetig.

   Nur 2 physische Dateien noetig: Google liefert fuer diese Schrift
   im lateinischen Zeichensatz fuer alle Schnitte 400/500/600/700
   (aufrecht) dieselbe Datei, ebenso 400/500 (kursiv) -- exakt
   nachgebildet, damit sich am Schriftbild nichts aendert.

   HINWEIS: Ersetzt Playfair Display (Wechsel auf Wunsch, Referenz:
   duenne, hochkontrastierte Didone-Serife wie im "Cascade & Coal"-
   Beispiel). Bodoni Moda ist die naechstliegende Google-Font-
   Entsprechung dazu.
   =========================================================== */

@font-face {
  font-family: 'Bodoni Moda';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('../fonts/bodoni-moda-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Bodoni Moda';
  font-style: italic;
  font-weight: 400 500;
  font-display: swap;
  src: url('../fonts/bodoni-moda-italic.woff2') format('woff2');
}

/* Bodoni Moda als einzige Schriftfamilie im gesamten Projekt. */
* {
  font-family: 'Bodoni Moda', serif !important;
}

/* Ueberschriften: duenn/elegant, aufrecht, GROSSBUCHSTABEN, weit getrackt. */
h1, h2, h3 {
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 0.16em;
}

h1 { font-weight: 400; letter-spacing: 0.12em; }
h3 { font-weight: 500; letter-spacing: 0.18em; }

/* Fliesstext etwas kraeftiger (500 statt 400) fuer bessere Lesbarkeit --
   dieselbe Staerke wie in der Angebot-Vorlage. Gilt site-weit, da fonts.css
   auf jeder Seite eingebunden ist. body traegt die Basis, damit auch Text
   in div/span (nicht nur p/li) die 500 erbt; Ueberschriften bleiben 400/500. */
body {
  font-weight: 500;
}
p, li, label, textarea, input, button, a, nav {
  font-weight: 500;
  font-style: normal;
}

/* Akzent-Klasse fuer das Et-Zeichen (&) und einzelne Schluesselwoerter:
   kursiv, etwas leichter, ohne Versalien/Sperrung. */
.ampersand {
  font-weight: 500;
  font-style: italic;
  text-transform: none;
  letter-spacing: 0;
}