/* Abstandsskala 4 · 8 · 12 · 16 · 20 · 24 · 32 · 48 · 64 · 96 wie diepixelmacher. */
:root{
  --space-4:4px;
  --space-8:8px;
  --space-12:12px;
  --space-16:16px;
  --space-20:20px;
  --space-24:24px;
  --space-32:32px;
  --space-48:48px;
  --space-64:64px;
  --space-96:96px;

  /* Seitenmaße wie diepixelmacher: Inhaltsbreite, Rand außen, Abstand der Abschnitte */
  --layout-seite:1240px;
  --layout-rand:clamp(20px,4vw,48px);
  --layout-sektion:clamp(48px,5.5vw,80px);
  --layout-kopf-abstand:clamp(28px,3vw,40px); /* Abschnittskopf → Inhalt */
  --layout-kopf:60px;
}