/* ==========================================================================
   fonts-local.css
   Lokales Einbinden von Inter + Playfair Display statt Google Fonts CDN
   Version: 1.3
   Geändert: 2026-07-02

   Changelog:
   - 1.3: Ordnername "inter" auf korrekte Schreibweise "Inter"
          (großes I) korrigiert.
   - 1.2: Inter-Dateinamen auf die tatsächliche Benennung mit Optical-
          Size-Suffix angepasst (Inter_18pt-*.ttf statt Inter-*.ttf).
          18pt-Schnitt gewählt, da für Fließtext/UI-Größen optimiert
          (24pt/28pt wären für große Display-Überschriften gedacht).
   - 1.1: Pfade auf den static/-Unterordner korrigiert. Inter und
          Playfair Display sind Variable Fonts — der Google-Fonts-
          Download legt die einzelnen festen Schriftschnitte
          (Regular, Medium, Bold, ...) im Unterordner "static" ab,
          nicht im Hauptordner (der enthält die Variable-Font-Datei).
   - 1.0: Erste Version (Pfade noch ohne static/-Unterordner)

   Ersetzt diese Zeile in eurer bestehenden CSS-Datei:
   @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,500;0,700;1,500&family=Inter:wght@400;500&display=swap');

   Pfade sind absolut vom Webroot aus (/files/...). Falls Contao in
   einem Unterverzeichnis läuft, ggf. den Präfix ergänzen.
   ========================================================================== */

/* ---------- Inter ---------- */

/* Inter Regular (400) — entspricht wght@400 aus dem Google-Fonts-Import */
@font-face {
    font-family: 'Inter';
    src: url('/files/_tmpl/fonts/Inter/static/Inter_18pt-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Inter Medium (500) — entspricht wght@500 aus dem Google-Fonts-Import */
@font-face {
    font-family: 'Inter';
    src: url('/files/_tmpl/fonts/Inter/static/Inter_18pt-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* ---------- Playfair Display ---------- */

/* Playfair Display Medium (500), aufrecht */
@font-face {
    font-family: 'Playfair Display';
    src: url('/files/_tmpl/fonts/Playfair_Display/static/PlayfairDisplay-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* Playfair Display Bold (700), aufrecht */
@font-face {
    font-family: 'Playfair Display';
    src: url('/files/_tmpl/fonts/Playfair_Display/static/PlayfairDisplay-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Playfair Display Medium (500), kursiv — entspricht ital,wght@1,500 */
@font-face {
    font-family: 'Playfair Display';
    src: url('/files/_tmpl/fonts/Playfair_Display/static/PlayfairDisplay-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}