/* ==========================================
   1. ROBOTO (Besitzt Gewicht- und Breiten-Achse)
   ========================================== */
/* Normal (Upright) */
@font-face {
  font-family: 'Roboto Variable';
  src: url('/assets/fonts/Roboto-VariableFont_wdth,wght.woff2') format('woff2 supports variations'),
       url('/assets/fonts/Roboto-VariableFont_wdth,wght.woff2') format('woff2');
  font-weight: 100 900;
  font-stretch: 75% 100%; /* wdth-Achse im CSS steuern */
  font-style: normal;
}

/* Kursiv (Italic) */
@font-face {
  font-family: 'Roboto Variable';
  src: url('/assets/fonts/Roboto-Italic-VariableFont_wdth,wght.woff2') format('woff2 supports variations'),
       url('/assets/fonts/Roboto-Italic-VariableFont_wdth,wght.woff2') format('woff2');
  font-weight: 100 900;
  font-stretch: 75% 100%;
  font-style: italic;
}


/* ==========================================
   2. RALEWAY (Standard-Gewichtsachse)
   ========================================== */
/* Normal */
@font-face {
  font-family: 'Raleway Variable';
  src: url('/assets/fonts/Raleway-VariableFont_wght.woff2') format('woff2 supports variations'),
       url('/assets/fonts/Raleway-VariableFont_wght.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
}

/* Kursiv */
@font-face {
  font-family: 'Raleway Variable';
  src: url('/assets/fonts/Raleway-Italic-VariableFont_wght.woff2') format('woff2 supports variations'),
       url('/assets/fonts/Raleway-Italic-VariableFont_wght.woff2') format('woff2');
  font-weight: 100 900;
  font-style: italic;
}


/* ==========================================
   3. CORMORANT GARAMOND (Eingeschränkte Gewichtsachse)
   ========================================== */
/* Normal */
@font-face {
  font-family: 'Cormorant Garamond Variable';
  src: url('/assets/fonts/CormorantGaramond-VariableFont_wght.woff2') format('woff2 supports variations'),
       url('/assets/fonts/CormorantGaramond-VariableFont_wght.woff2') format('woff2');
  font-weight: 300 700; /* Garamond startet im Web-Standard erst ab 300 (Light) */
  font-style: normal;
}

/* Kursiv */
@font-face {
  font-family: 'Cormorant Garamond Variable';
  src: url('/assets/fonts/CormorantGaramond-Italic-VariableFont_wght.woff2') format('woff2 supports variations'),
       url('/assets/fonts/CormorantGaramond-Italic-VariableFont_wght.woff2') format('woff2');
  font-weight: 300 700;
  font-style: italic;
}