/* ==========================================
   LOCAL GOOGLE FONTS - VARIABLE FONTS
   ========================================== */

/* Playfair Display - Variable Font */
@font-face {
  font-family: 'Playfair Display';
  src: url('/assets/fonts/playfair_display/PlayfairDisplay-VariableFont_wght.ttf') format('truetype-variations');
  font-weight: 400 900; /* Unterstützt alle Weights von 400-900 */
  font-style: normal;
  font-display: swap;
}

/* Playfair Display - Italic Variable Font (falls vorhanden) */
@font-face {
  font-family: 'Playfair Display';
  src: url('/assets/fonts/playfair_display/PlayfairDisplay-Italic-VariableFont_wght.ttf') format('truetype-variations');
  font-weight: 400 900;
  font-style: italic;
  font-display: swap;
}

/* Nunito - Variable Font */
@font-face {
  font-family: 'Nunito';
  src: url('/assets/fonts/nunito/Nunito-VariableFont_wght.ttf') format('truetype-variations');
  font-weight: 200 1000; /* Nunito unterstützt meist 200-1000 */
  font-style: normal;
  font-display: swap;
}

/* Nunito - Italic Variable Font (falls vorhanden) */
@font-face {
  font-family: 'Nunito';
  src: url('/assets/fonts/nunito/Nunito-Italic-VariableFont_wght.ttf') format('truetype-variations');
  font-weight: 200 1000;
  font-style: italic;
  font-display: swap;
}

/* Dancing Script - Variable Font */
@font-face {
  font-family: 'Dancing Script';
  src: url('/assets/fonts/dancing_script/DancingScript-VariableFont_wght.ttf') format('truetype-variations');
  font-weight: 400 700; /* Dancing Script hat meist 400-700 */
  font-style: normal;
  font-display: swap;
}
```

**Wichtige Punkte:**

1. **Dateinamen anpassen:** Die TTF-Dateien heißen normalerweise sowas wie:
   - `PlayfairDisplay-VariableFont_wght.ttf`
   - `Nunito-VariableFont_wght.ttf`
   - `DancingScript-VariableFont_wght.ttf`
   
   → Schau nach, wie deine Dateien GENAU heißen und passe die Pfade an!

2. **Italic-Versionen:** Wenn du keine Italic-TTF hast, lösche die italic-Blöcke einfach raus.

3. **Pfade:** Ich gehe davon aus, dass deine Struktur so aussieht:
```
   assets/
   └── fonts/
       ├── playfair-display/
       │   └── PlayfairDisplay-VariableFont_wght.ttf
       ├── nunito/
       │   └── Nunito-VariableFont_wght.ttf
       └── dancing-script/
           └── DancingScript-VariableFont_wght.ttf