/* ==========================================================
   Lokale Webfonts & Basis-Setup
   Variante B: Body = Open Sans, Headings = Archivo
   Alle Dateien werden ausschließlich lokal aus /webcon_fonts geladen.
   ========================================================== */

/* ---------- Open Sans (Body) ---------- */
/* Variable-Font (empfohlen): deckt Regular bis Bold ab */
@font-face{
  font-family: "Open Sans";
  src: url("/webcon_fonts/OpenSans-VariableFont_wdth,wght.woff2") format("woff2-variations"),
	   url("/webcon_fonts/OpenSans[wght].woff2") format("woff2-variations");
  font-weight: 300 800;                 /* je nach Datei anpassen */
  font-stretch: 75% 100%;               /* falls wdth-Achse vorhanden */
  font-style: normal;
  font-display: swap;
}
/* Optional: Kursiv (falls vorhanden) – deaktivieren, wenn nicht benötigt */
@font-face{
  font-family: "Open Sans";
  src: url("/webcon_fonts/OpenSans-Italic-VariableFont_wdth,wght.woff2") format("woff2-variations"),
	   url("/webcon_fonts/OpenSans-Italic[wght].woff2") format("woff2-variations");
  font-weight: 300 800;
  font-stretch: 75% 100%;
  font-style: italic;
  font-display: swap;
}
/* Fallback (falls keine Variable-Fonts genutzt werden sollen) */
// @font-face{font-family:"Open Sans";src:url("/webcon_fonts/OpenSans.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;}

/* ---------- Archivo (Headings) ---------- */
@font-face{
  font-family: "Archivo";
  src: url("/webcon_fonts/Archivo-VariableFont_wdth,wght.woff2") format("woff2-variations"),
	   url("/webcon_fonts/Archivo-Variable-wdth,wght.woff2") format("woff2-variations"),
	   url("/webcon_fonts/Archivo-VariableFont_wght.woff2") format("woff2-variations");
  font-weight: 300 900;
  font-stretch: 87.5% 112.5%;           /* je nach Datei unterschiedlich */
  font-style: normal;
  font-display: swap;
}

/* ---------- Optionale Akzent-/Alt-Fonts ---------- */
/* Playfair Display – alternative Serif-Headlines (optional) */
@font-face{
  font-family: "Playfair Display";
  src: url("/webcon_fonts/PlayfairDisplay.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/* Permanent Marker – Handgeschrieben für Claims (optional) */
@font-face{
  font-family: "Permanent Marker";
  src: url("/webcon_fonts/PermanentMarker.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* ---------- Zentrale Familien ---------- */
:root{
  /* Primäre Sans (UI & Text) */
  --font-sans: "Open Sans", system-ui, -apple-system, "Segoe UI", Arial, "Noto Sans", "Liberation Sans", sans-serif;

  /* Display-Schrift für Headlines: Archivo zuerst.
	 Optional: Playfair als Alternativstil, dann Sans-Fallback */
  --font-display: "Archivo", "Playfair Display", "Open Sans", system-ui, sans-serif;

  /* Handwritten/Akzent */
  --font-hand: "Permanent Marker", "Archivo", "Open Sans", system-ui, sans-serif;
}

/* ---------- Basis-Zuweisung ---------- */
html{font-kerning:normal;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}
body{font-family:var(--font-sans)}

/* Headlines standardmäßig mit Display-Font */
h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2}

/* ---------- Utilities ---------- */
.font-sans{font-family:var(--font-sans)!important}
.font-display{font-family:var(--font-display)!important}
.font-hand{font-family:var(--font-hand)!important}

/* Variable-Font Gewichte als Helfer (passe an, wenn du fixierte Schnitte nutzt) */
.fw-300{font-weight:300!important}
.fw-600{font-weight:600!important}
.fw-800{font-weight:800!important}