/*
 * Gemeinsame Design-Tokens (Farben, Basis-Schrift) + universelle Reset-Regeln.
 * Wird bisher von den informativen Unterseiten eingebunden (siehe
 * css/content-page.css für deren gemeinsame Nav/Hero-Optik). startseite.html
 * und die Etappenseiten haben noch ihre eigene :root-Definition – folgt in
 * einem späteren Aufräum-Schritt (Etappen-Vorlage).
 *
 * --content-width/--hero-sub-width/--hero-title-max sind bewusst Variablen:
 * einzelne Seiten (z. B. wer-wir-sind.html, alle-fotos.html, rechtliches.html)
 * überschreiben sie in ihrem eigenen <style>-Block, um ihre bisherige,
 * abweichende Breite/Größe unverändert beizubehalten.
 */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --accent:#1D9E75;
  --accent-dark:#0F6E56;
  --accent-light:#E1F5EE;
  --paper:#FBF9F4;
  --cream:#F7F4EE;
  --ink:#1a1a18;
  --ink-mid:#4a4a46;
  --ink-light:#8a8a84;
  --rule:rgba(26,26,24,.12);
  --content-width:760px;
  --hero-sub-width:520px;
  --hero-title-max:44px;
}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:'Source Sans 3',sans-serif;background:var(--paper);color:var(--ink);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}