/* ---------------------------------------------------------------------------
   Sarabun – lokal gehostet
   ---------------------------------------------------------------------------
   Ersetzt die Einbindung ueber fonts.googleapis.com. Es wird keine Verbindung
   zu Servern Dritter aufgebaut, die IP-Adressen der Besucher bleiben lokal.

   Schrift: Sarabun von Cadson Demak, SIL Open Font License 1.1
   Zeichenumfang: Latin + Latin Extended (inkl. Umlaute, Eszett, Euro,
   deutsche Anfuehrungszeichen, Paragraphzeichen)

   Ablage: diese Datei und der Ordner fonts/ liegen beide direkt in
   bmb-website. Die Pfade unten sind relativ zu dieser CSS-Datei und
   funktionieren dadurch lokal beim Testen genauso wie auf dem Server.

   Einbindung im <head> jeder Seite, VOR dem uebrigen Stylesheet:
     <link rel="stylesheet" href="sarabun.css">
--------------------------------------------------------------------------- */

/* Light 300 – Standardschnitt fuer Fliesstext */
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('fonts/sarabun-light.woff2') format('woff2');
}

/* Regular 400 – Reserve, falls irgendwo kein Gewicht gesetzt ist */
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/sarabun-regular.woff2') format('woff2');
}

/* SemiBold 600 – Auszeichnungen im Fliesstext */
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/sarabun-semibold.woff2') format('woff2');
}

/* ExtraBold 800 – plakativ, z. B. Preisankuendigungen */
@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('fonts/sarabun-extrabold.woff2') format('woff2');
}

/* ---------------------------------------------------------------------------
   Basisanwendung – optional, passe das an dein bestehendes CSS an
--------------------------------------------------------------------------- */

:root {
  --bmb-rot: #cc3939;
  --bmb-blau: #4ac1e8;
  --bmb-schwarz: #000000;
}

body {
  font-family: 'Sarabun', 'Segoe UI', system-ui, -apple-system, sans-serif;
  font-weight: 300;
}

strong, b, .auszeichnung {
  font-weight: 600;
}

h1, h2, h3, .preis {
  font-weight: 800;
}