/* Selbst gehostete Schriften. Ersetzt den Aufruf an fonts.googleapis.com.
   Diese Datei zusammen mit den .woff2-Dateien nach site/public/fonts/ kopieren.
   Base.astro erkennt das Vorhandensein von public/fonts/fonts.css beim Build
   automatisch und lädt dann diese Datei statt Google Fonts.

   font-display: swap → Text ist sofort lesbar, die Schrift tauscht sich nach.
   unicode-range latin + latin-ext deckt Deutsch, Englisch und Französisch ab. */

/* ---------- Oswald (Überschriften, Navigation, Buttons) ---------- */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('/fonts/oswald-300.woff2') format('woff2');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/oswald-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/fonts/oswald-500.woff2') format('woff2');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/fonts/oswald-600.woff2') format('woff2');
}

/* ---------- Exo 2 (Fliesstext) ---------- */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('/fonts/exo2-300.woff2') format('woff2');
}
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/exo2-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/fonts/exo2-500.woff2') format('woff2');
}
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/fonts/exo2-600.woff2') format('woff2');
}

/* ---------- Exo 2 kursiv (genutzt von <em> und .flow-q) ---------- */
@font-face {
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url('/fonts/exo2-300italic.woff2') format('woff2');
}
@font-face {
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url('/fonts/exo2-500italic.woff2') format('woff2');
}
@font-face {
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url('/fonts/exo2-600italic.woff2') format('woff2');
}

/* ---------- Inter (nur für den Logo-Schriftzug im Inline-SVG) ----------
   Achtung: ohne diese Schrift fällt der Wortmarken-Text im Logo auf eine
   Systemschrift zurück. font-display hier bewusst block statt swap, damit das
   Logo nicht sichtbar umbricht. */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: block;
  src: url('/fonts/inter-600.woff2') format('woff2');
}