/* FH Wedel Typografie — Alef für Überschriften, Open Sans SemiCondensed für alles andere */
:root{
--font-heading:'Alef',Arial,sans-serif;
--font-body:'Open Sans SemiCondensed','Open Sans',Arial,sans-serif;
/* Typo-Skala (Web, Basis 16px, Faktor ~1.25) */
--text-display:3.5rem;   /* 56px — Hero/Kampagne */
--text-h1:2.5rem;        /* 40px */
--text-h2:2rem;          /* 32px */
--text-h3:1.5rem;        /* 24px */
--text-h4:1.25rem;       /* 20px */
--text-body-l:1.125rem;  /* 18px — Einleitungen */
--text-body-m:1rem;      /* 16px — Fließtext */
--text-body-s:0.875rem;  /* 14px — UI, Nebentexte */
--text-caption:0.75rem;  /* 12px — Bildunterschriften */
--text-eyebrow:0.8125rem;/* 13px — Overline/Dachzeile */
/* Zeilenhöhen */
--leading-display:1.05;--leading-heading:1.15;--leading-subhead:1.3;--leading-body:1.6;--leading-tight:1.4;
/* Laufweiten */
--tracking-heading:0;--tracking-eyebrow:0.08em;
/* Schnitte */
--weight-heading:700;    /* Alef Bold */
--weight-body:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;
}
/* Mobil (unter 768px): Display und H1–H3 rücken eine Stufe nach unten, H4, Fließtext und Zeilenhöhen bleiben. Stand 03.10.2026 */
@media (max-width:767px){:root{--text-display:2.5rem;--text-h1:2rem;--text-h2:1.5rem;--text-h3:1.25rem}}