/* =========================
   POPPINS (woff2, alle Schnitte)
   Pfad: /assets/fonts/poppins/
   ========================= */

/* Thin 100 */
@font-face { font-family:'Poppins'; src:url('/assets/fonts/poppins/Poppins-Thin.woff2') format('woff2'); font-weight:100; font-style:normal; font-display:swap; }
@font-face { font-family:'Poppins'; src:url('/assets/fonts/poppins/Poppins-ThinItalic.woff2') format('woff2'); font-weight:100; font-style:italic; font-display:swap; }

/* ExtraLight 200 */
@font-face { font-family:'Poppins'; src:url('/assets/fonts/poppins/Poppins-ExtraLight.woff2') format('woff2'); font-weight:200; font-style:normal; font-display:swap; }
@font-face { font-family:'Poppins'; src:url('/assets/fonts/poppins/Poppins-ExtraLightItalic.woff2') format('woff2'); font-weight:200; font-style:italic; font-display:swap; }

/* Light 300 */
@font-face { font-family:'Poppins'; src:url('/assets/fonts/poppins/Poppins-Light.woff2') format('woff2'); font-weight:300; font-style:normal; font-display:swap; }
@font-face { font-family:'Poppins'; src:url('/assets/fonts/poppins/Poppins-LightItalic.woff2') format('woff2'); font-weight:300; font-style:italic; font-display:swap; }

/* Regular 400 */
@font-face { font-family:'Poppins'; src:url('/assets/fonts/poppins/Poppins-Regular.woff2') format('woff2'); font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family:'Poppins'; src:url('/assets/fonts/poppins/Poppins-Italic.woff2') format('woff2'); font-weight:400; font-style:italic; font-display:swap; }

/* Medium 500 */
@font-face { font-family:'Poppins'; src:url('/assets/fonts/poppins/Poppins-Medium.woff2') format('woff2'); font-weight:500; font-style:normal; font-display:swap; }
@font-face { font-family:'Poppins'; src:url('/assets/fonts/poppins/Poppins-MediumItalic.woff2') format('woff2'); font-weight:500; font-style:italic; font-display:swap; }

/* SemiBold 600 */
@font-face { font-family:'Poppins'; src:url('/assets/fonts/poppins/Poppins-SemiBold.woff2') format('woff2'); font-weight:600; font-style:normal; font-display:swap; }
@font-face { font-family:'Poppins'; src:url('/assets/fonts/poppins/Poppins-SemiBoldItalic.woff2') format('woff2'); font-weight:600; font-style:italic; font-display:swap; }

/* Bold 700 */
@font-face { font-family:'Poppins'; src:url('/assets/fonts/poppins/Poppins-Bold.woff2') format('woff2'); font-weight:700; font-style:normal; font-display:swap; }
@font-face { font-family:'Poppins'; src:url('/assets/fonts/poppins/Poppins-BoldItalic.woff2') format('woff2'); font-weight:700; font-style:italic; font-display:swap; }

/* ExtraBold 800 */
@font-face { font-family:'Poppins'; src:url('/assets/fonts/poppins/Poppins-ExtraBold.woff2') format('woff2'); font-weight:800; font-style:normal; font-display:swap; }
@font-face { font-family:'Poppins'; src:url('/assets/fonts/poppins/Poppins-ExtraBoldItalic.woff2') format('woff2'); font-weight:800; font-style:italic; font-display:swap; }

/* Black 900 */
@font-face { font-family:'Poppins'; src:url('/assets/fonts/poppins/Poppins-Black.woff2') format('woff2'); font-weight:900; font-style:normal; font-display:swap; }
@font-face { font-family:'Poppins'; src:url('/assets/fonts/poppins/Poppins-BlackItalic.woff2') format('woff2'); font-weight:900; font-style:italic; font-display:swap; }



/* =========================
   RALEWAY (Variable woff2)
   Pfad: /assets/fonts/raleway/
   ========================= */
@font-face {
  font-family: 'Raleway';
  src: url('/assets/fonts/raleway/Raleway-VariableFont_wght.woff2') format('woff2');
  font-weight: 100 900;         /* gesamter Gewichtsbereich */
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('/assets/fonts/raleway/Raleway-Italic-VariableFont_wght.woff2') format('woff2');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}


/* =========================
   ROBOTO (Variable woff2)
   Pfad: /assets/fonts/roboto/
   ========================= */
@font-face {
  font-family: 'Roboto';
  src: url('/assets/fonts/roboto/Roboto-VariableFont_wdth,wght.woff2') format('woff2');
  font-weight: 100 900;         /* alle Gewichte */
  font-style: normal;
  font-display: swap;
  /* optional: font-stretch für wdth-Achse, wenn du Condensed/Expanded nutzt
     z.B.: font-stretch: 75% 125%;  */
}
@font-face {
  font-family: 'Roboto';
  src: url('/assets/fonts/roboto/Roboto-Italic-VariableFont_wdth,wght.woff2') format('woff2');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
  /* optional: font-stretch: 75% 125%; */
}