:root{
  --font:Hind,"Segoe UI",Arial,sans-serif;

  /* Rollen des Konzepts „Große Typografie" — Werte aus dem Briefing,
     Tablet/Mobile via Media Queries darunter überschrieben. */
  --type-hero:700 80px/1.8 var(--font);
  --type-h1:400 35px/1.5 var(--font);
  --type-h2:700 25px/1.5 var(--font);
  --type-h3:400 22px/1.5 var(--font);
  --type-body:300 16px/1.875 var(--font);
  --type-strong:600 16px/1.875 var(--font);
  --type-button:400 16px/1.5 var(--font);
  --type-nav:400 14px/1.5 var(--font);
  --type-eyebrow:600 12px/1.4 var(--font);

  --tracking-eyebrow:.08em;
}
@media (max-width:1024px){
  :root{
    --type-hero:700 48px/1.8 var(--font);
    --type-h1:400 30px/1.5 var(--font);
    --type-h2:700 24px/1.5 var(--font);
    --type-h3:400 20px/1.5 var(--font);
    --type-button:400 16px/1.5 var(--font);
  }
}
@media (max-width:767px){
  :root{
    --type-hero:700 32px/1.8 var(--font);
    --type-h1:400 26px/1.5 var(--font);
    --type-h2:700 22px/1.5 var(--font);
    --type-h3:400 20px/1.5 var(--font);
    --type-button:400 15px/1.5 var(--font);
  }
}