/* =====================================================================
   fonts.css — Self-hosted Webfonts für Flask
   Struktur (empfohlen):
   static/
     css/fonts.css
     fonts/
       Quicksand/*.woff2
       Montserrat/*.woff2
       Montserrat_Alternates/*.woff2
       NunitoSans/*.woff2
   Pfade sind relativ zu dieser Datei: ../fonts/...
   ===================================================================== */

/* -----------------------------
   QUICKSAND (ohne Italics)
   Gewichte: 300, 400, 500, 600, 700
   ----------------------------- */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('fonts/Quicksand/quicksand-v37-latin_latin-ext-300.woff2') format('woff2');
}
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/Quicksand/quicksand-v37-latin_latin-ext-regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/Quicksand/quicksand-v37-latin_latin-ext-500.woff2') format('woff2');
}
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('fonts/Quicksand/quicksand-v37-latin_latin-ext-600.woff2') format('woff2');
}
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/Quicksand/quicksand-v37-latin_latin-ext-700.woff2') format('woff2');
}

/* -----------------------------
   MONTSERRAT (mit Italics)
   Gewichte: 100–900
   ----------------------------- */
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 100; font-display: swap; src: url('fonts/Montserrat/montserrat-v31-latin_latin-ext-100.woff2') format('woff2'); }
@font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 100; font-display: swap; src: url('fonts/Montserrat/montserrat-v31-latin_latin-ext-100italic.woff2') format('woff2'); }

@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 200; font-display: swap; src: url('fonts/Montserrat/montserrat-v31-latin_latin-ext-200.woff2') format('woff2'); }
@font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 200; font-display: swap; src: url('fonts/Montserrat/montserrat-v31-latin_latin-ext-200italic.woff2') format('woff2'); }

@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 300; font-display: swap; src: url('fonts/Montserrat/montserrat-v31-latin_latin-ext-300.woff2') format('woff2'); }
@font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 300; font-display: swap; src: url('fonts/Montserrat/montserrat-v31-latin_latin-ext-300italic.woff2') format('woff2'); }

@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: url('fonts/Montserrat/montserrat-v31-latin_latin-ext-regular.woff2') format('woff2'); }
@font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 400; font-display: swap; src: url('fonts/Montserrat/montserrat-v31-latin_latin-ext-italic.woff2') format('woff2'); }

@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-display: swap; src: url('fonts/Montserrat/montserrat-v31-latin_latin-ext-500.woff2') format('woff2'); }
@font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 500; font-display: swap; src: url('fonts/Montserrat/montserrat-v31-latin_latin-ext-500italic.woff2') format('woff2'); }

@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-display: swap; src: url('fonts/Montserrat/montserrat-v31-latin_latin-ext-600.woff2') format('woff2'); }
@font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 600; font-display: swap; src: url('fonts/Montserrat/montserrat-v31-latin_latin-ext-600italic.woff2') format('woff2'); }

@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: url('fonts/Montserrat/montserrat-v31-latin_latin-ext-700.woff2') format('woff2'); }
@font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 700; font-display: swap; src: url('fonts/Montserrat/montserrat-v31-latin_latin-ext-700italic.woff2') format('woff2'); }

@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 800; font-display: swap; src: url('fonts/Montserrat/montserrat-v31-latin_latin-ext-800.woff2') format('woff2'); }
@font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 800; font-display: swap; src: url('/fonts/Montserrat/montserrat-v31-latin_latin-ext-800italic.woff2') format('woff2'); }

@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 900; font-display: swap; src: url('fonts/Montserrat/montserrat-v31-latin_latin-ext-900.woff2') format('woff2'); }
@font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 900; font-display: swap; src: url('fonts/Montserrat/montserrat-v31-latin_latin-ext-900italic.woff2') format('woff2'); }

/* -----------------------------
   MONTSERRAT ALTERNATES (mit Italics)
   Ordnername ohne Leerzeichen empfohlen: Montserrat_Alternates
   Wenn dein Ordner ein Leerzeichen hat, ersetze _Alternates unten durch
   'Montserrat%20Alternates' in der URL.
   ----------------------------- */
@font-face { font-family: 'Montserrat Alternates'; font-style: normal; font-weight: 100; font-display: swap; src: url('fonts/Montserrat_Alternates/montserrat-alternates-v18-latin_latin-ext-100.woff2') format('woff2'); }
@font-face { font-family: 'Montserrat Alternates'; font-style: italic; font-weight: 100; font-display: swap; src: url('fonts/Montserrat_Alternates/montserrat-alternates-v18-latin_latin-ext-100italic.woff2') format('woff2'); }

@font-face { font-family: 'Montserrat Alternates'; font-style: normal; font-weight: 200; font-display: swap; src: url('fonts/Montserrat_Alternates/montserrat-alternates-v18-latin_latin-ext-200.woff2') format('woff2'); }
@font-face { font-family: 'Montserrat Alternates'; font-style: italic; font-weight: 200; font-display: swap; src: url('fonts/Montserrat_Alternates/montserrat-alternates-v18-latin_latin-ext-200italic.woff2') format('woff2'); }

@font-face { font-family: 'Montserrat Alternates'; font-style: normal; font-weight: 300; font-display: swap; src: url('fonts/Montserrat_Alternates/montserrat-alternates-v18-latin_latin-ext-300.woff2') format('woff2'); }
@font-face { font-family: 'Montserrat Alternates'; font-style: italic; font-weight: 300; font-display: swap; src: url('fonts/Montserrat_Alternates/montserrat-alternates-v18-latin_latin-ext-300italic.woff2') format('woff2'); }

@font-face { font-family: 'Montserrat Alternates'; font-style: normal; font-weight: 400; font-display: swap; src: url('fonts/Montserrat_Alternates/montserrat-alternates-v18-latin_latin-ext-regular.woff2') format('woff2'); }
@font-face { font-family: 'Montserrat Alternates'; font-style: italic; font-weight: 400; font-display: swap; src: url('fonts/Montserrat_Alternates/montserrat-alternates-v18-latin_latin-ext-italic.woff2') format('woff2'); }

@font-face { font-family: 'Montserrat Alternates'; font-style: normal; font-weight: 500; font-display: swap; src: url('fonts/Montserrat_Alternates/montserrat-alternates-v18-latin_latin-ext-500.woff2') format('woff2'); }
@font-face { font-family: 'Montserrat Alternates'; font-style: italic; font-weight: 500; font-display: swap; src: url('fonts/Montserrat_Alternates/montserrat-alternates-v18-latin_latin-ext-500italic.woff2') format('woff2'); }

@font-face { font-family: 'Montserrat Alternates'; font-style: normal; font-weight: 600; font-display: swap; src: url('fonts/Montserrat_Alternates/montserrat-alternates-v18-latin_latin-ext-600.woff2') format('woff2'); }
@font-face { font-family: 'Montserrat Alternates'; font-style: italic; font-weight: 600; font-display: swap; src: url('fonts/Montserrat_Alternates/montserrat-alternates-v18-latin_latin-ext-600italic.woff2') format('woff2'); }

@font-face { font-family: 'Montserrat Alternates'; font-style: normal; font-weight: 700; font-display: swap; src: url('fonts/Montserrat_Alternates/montserrat-alternates-v18-latin_latin-ext-700.woff2') format('woff2'); }
@font-face { font-family: 'Montserrat Alternates'; font-style: italic; font-weight: 700; font-display: swap; src: url('fonts/Montserrat_Alternates/montserrat-alternates-v18-latin_latin-ext-700italic.woff2') format('woff2'); }

@font-face { font-family: 'Montserrat Alternates'; font-style: normal; font-weight: 800; font-display: swap; src: url('fonts/Montserrat_Alternates/montserrat-alternates-v18-latin_latin-ext-800.woff2') format('woff2'); }
@font-face { font-family: 'Montserrat Alternates'; font-style: italic; font-weight: 800; font-display: swap; src: url('fonts/Montserrat_Alternates/montserrat-alternates-v18-latin_latin-ext-800italic.woff2') format('woff2'); }

@font-face { font-family: 'Montserrat Alternates'; font-style: normal; font-weight: 900; font-display: swap; src: url('fonts/Montserrat_Alternates/montserrat-alternates-v18-latin_latin-ext-900.woff2') format('woff2'); }
@font-face { font-family: 'Montserrat Alternates'; font-style: italic; font-weight: 900; font-display: swap; src: url('fonts/Montserrat_Alternates/montserrat-alternates-v18-latin_latin-ext-900italic.woff2') format('woff2'); }

/* -----------------------------
   NUNITO SANS (mit Italics)
   Gewichte: 200–900
   ----------------------------- */
@font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 200; font-display: swap; src: url('fonts/NunitoSans/nunito-sans-v19-latin_latin-ext-200.woff2') format('woff2'); }
@font-face { font-family: 'Nunito Sans'; font-style: italic; font-weight: 200; font-display: swap; src: url('fonts/NunitoSans/nunito-sans-v19-latin_latin-ext-200italic.woff2') format('woff2'); }

@font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 300; font-display: swap; src: url('fonts/NunitoSans/nunito-sans-v19-latin_latin-ext-300.woff2') format('woff2'); }
@font-face { font-family: 'Nunito Sans'; font-style: italic; font-weight: 300; font-display: swap; src: url('fonts/NunitoSans/nunito-sans-v19-latin_latin-ext-300italic.woff2') format('woff2'); }

@font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url('fonts/NunitoSans/nunito-sans-v19-latin_latin-ext-regular.woff2') format('woff2'); }
@font-face { font-family: 'Nunito Sans'; font-style: italic; font-weight: 400; font-display: swap; src: url('fonts/NunitoSans/nunito-sans-v19-latin_latin-ext-italic.woff2') format('woff2'); }

@font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 500; font-display: swap; src: url('fonts/NunitoSans/nunito-sans-v19-latin_latin-ext-500.woff2') format('woff2'); }
@font-face { font-family: 'Nunito Sans'; font-style: italic; font-weight: 500; font-display: swap; src: url('fonts/NunitoSans/nunito-sans-v19-latin_latin-ext-500italic.woff2') format('woff2'); }

@font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 600; font-display: swap; src: url('fonts/NunitoSans/nunito-sans-v19-latin_latin-ext-600.woff2') format('woff2'); }
@font-face { font-family: 'Nunito Sans'; font-style: italic; font-weight: 600; font-display: swap; src: url('fonts/NunitoSans/nunito-sans-v19-latin_latin-ext-600italic.woff2') format('woff2'); }

@font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url('fonts/NunitoSans/nunito-sans-v19-latin_latin-ext-700.woff2') format('woff2'); }
@font-face { font-family: 'Nunito Sans'; font-style: italic; font-weight: 700; font-display: swap; src: url('fonts/NunitoSans/nunito-sans-v19-latin_latin-ext-700italic.woff2') format('woff2'); }

@font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 800; font-display: swap; src: url('fonts/NunitoSans/nunito-sans-v19-latin_latin-ext-800.woff2') format('woff2'); }
@font-face { font-family: 'Nunito Sans'; font-style: italic; font-weight: 800; font-display: swap; src: url('fonts/NunitoSans/nunito-sans-v19-latin_latin-ext-800italic.woff2') format('woff2'); }

@font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 900; font-display: swap; src: url('fonts/NunitoSans/nunito-sans-v19-latin_latin-ext-900.woff2') format('woff2'); }
@font-face { font-family: 'Nunito Sans'; font-style: italic; font-weight: 900; font-display: swap; src: url('fonts/NunitoSans/nunito-sans-v19-latin_latin-ext-900italic.woff2') format('woff2'); }

/* =====================================================================
   HINWEISE
   - In deinem styles.css kannst du nun frei kombinieren, z.B.:
       body { font-family: 'Quicksand', system-ui, sans-serif; font-weight: 400; }
       h1   { font-family: 'Nunito Sans', sans-serif; font-weight: 700; }
       h2   { font-family: 'Montserrat', sans-serif; font-weight: 600; font-style: italic; }
   - Wenn deine Ordner Leerzeichen enthalten, ersetze in den URLs z.B.:
       ../fonts/Montserrat_Alternates/ → ../fonts/Montserrat%20Alternates/
   - Prüfe im Browser DevTools/Network, dass alle .woff2 mit Status 200 geladen werden.
   ===================================================================== */