:root {
  --flaeche: #F6F5F1;
  --flaeche-alt: #E9E7E0;
  --text: #232D35;
  --text-leise: #4E5A62;
  --akzent: #2C5763;
  --akzent-text: #FFFFFF;
  --akzent-leise: #DCE6EA;
  --linie: #D5D2CB;
  --signal: #8C2F2F;
  --schrift-ueberschrift: "Fraunces Variable", Georgia, serif;
  --schrift-text: "Inter Variable", system-ui, sans-serif;
  --schrift-mono: "IBM Plex Mono", ui-monospace, monospace;
  --gewicht-ueberschrift: 600;
  --ueberschrift-optisch: "SOFT" 40, "WONK" 1;
  --bild-radius: 48% 48% 0 0 / 22% 22% 0 0;
  --karten-radius: 1.5rem;
  --knopf-radius: 999px;
  --sektion-kante: ellipse(140% 100% at 50% 0%);
  --breite-inhalt: 78rem;
  --breite-text: 42rem;
  --breite-gedanke: 34rem;
  --breite-rand: clamp(1.25rem, 5vw, 5rem);
  --foto-filter: saturate(0.92) contrast(1.04) sepia(0.06);
  --foto-ueberlagerung: rgba(138, 75, 42, 0.05);
  --zeile-eng: 1.15;
  --zeile-ueberschrift: 1.25;
  --zeile-text: 1.6;
  --lauf-ueberschrift-h1: -0.025em;
  --lauf-ueberschrift-h2: -0.015em;
  --lauf-ueberschrift-h3: 0;
  --lauf-text: 0;
  --lauf-marke: 0.08em;
  --uebergang-dauer: 180ms;
  --uebergang-easing: cubic-bezier(0.22, 1, 0.36, 1);
  --uebergang-verschiebung: 6px;
  --schatten: 0 1px 2px rgb(0 0 0 / 0.04);
  --aktionsleiste-hoehe: 3.5rem;
  --abstand-2xs: 0.25rem;
  --abstand-xs: 0.5rem;
  --abstand-sm: 0.75rem;
  --abstand-md: 1rem;
  --abstand-lg: 1.5rem;
  --abstand-xl: 2.5rem;
  --abstand-2xl: 4rem;
  --abstand-3xl: 6rem;
  --abstand-sektion: clamp(4rem, 10vw, 6rem);
  --grad-micro: clamp(0.6875rem, 0.7vw, 0.75rem);
  --grad-klein: 0.875rem;
  --grad-basis: 1.0625rem;
  --grad-gross: clamp(1.125rem, 1.4vw, 1.25rem);
  --grad-h3: clamp(1.25rem, 1.8vw, 1.5rem);
  --grad-h2: clamp(1.625rem, 3vw, 2.25rem);
  --grad-h1: clamp(2.125rem, 5vw, 3.5rem);
  --umbruch-sm: 480px;
  --umbruch-md: 768px;
  --umbruch-lg: 992px;
  --umbruch-xl: 1280px;
  --umbruch-2xl: 1440px;
  --umbruch-3xl: 1920px;
}