/* Design-Tokens: Das letzte Programm. Warmes Off-White, Schwarz, erdiges Braun. */
:root {
  --farbe-hintergrund: #f6f4ef;
  --farbe-flaeche: #fffdfa;
  --farbe-flaeche-erhoeht: #ffffff;
  --farbe-schrift: #14161a;
  --farbe-schrift-gedaempft: #5b5750;
  --farbe-rand: #e3ddcf;
  --farbe-rand-stark: #cabfa8;
  --farbe-akzent: #7c3a16;
  --farbe-akzent-dunkel: #5c2b10;
  --farbe-akzent-flaeche: #efe1d1;
  --farbe-erfolg: #4b6b3b;
  --farbe-erfolg-flaeche: #e7edde;
  --farbe-warnung: #93650f;
  --farbe-warnung-flaeche: #f3e6cb;
  --farbe-gefahr: #96341f;
  --farbe-gefahr-flaeche: #f3ddd4;
  --farbe-fokus: #1c5fa8;

  --schrift-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --schrift-serif: Georgia, 'Iowan Old Style', ui-serif, 'Times New Roman', serif;

  --radius-klein: 8px;
  --radius-mittel: 14px;
  --radius-gross: 20px;

  --abstand-1: 4px;
  --abstand-2: 8px;
  --abstand-3: 12px;
  --abstand-4: 16px;
  --abstand-5: 24px;
  --abstand-6: 32px;
  --abstand-7: 48px;

  --schatten-karte: 0 1px 2px rgba(20, 22, 26, 0.06), 0 2px 10px rgba(20, 22, 26, 0.05);
  --nav-hoehe: 64px;

  color-scheme: light;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
}

body {
  background: var(--farbe-hintergrund);
  color: var(--farbe-schrift);
  font-family: var(--schrift-sans);
  -webkit-font-smoothing: antialiased;
  line-height: 1.5;
}

h1,
h2,
h3 {
  font-family: var(--schrift-serif);
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 var(--abstand-2) 0;
}

p {
  margin: 0 0 var(--abstand-3) 0;
}

a {
  color: var(--farbe-akzent);
}

:focus-visible {
  outline: 3px solid var(--farbe-fokus);
  outline-offset: 2px;
}

button {
  font-family: inherit;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}