@font-face { font-family: "Campo Serif"; src: url(/fonts/CampoSerif.ttf) format("truetype"); font-display: swap; }
@font-face { font-family: "Campo Sans"; src: url(/fonts/CampoSans.ttf) format("truetype"); font-display: swap; }
:root { --erde: #7a3b22; --text: #3a2a22; --grau: #7d6f66; --sand: #fbf7f2; --pfirsich: #f3ddd0; --salbei: #dfe6da; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--sand); color: var(--text); font: 18px/1.65 "Campo Sans", system-ui, sans-serif; }
a { color: var(--erde); }
.stille { min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 2rem 1.2rem; }
.stille img { width: min(320px, 70vw); height: auto; mix-blend-mode: multiply; }
.stille p { max-width: 34rem; margin: .6rem auto; }
.stille .de { font-family: "Campo Serif", Georgia, serif; font-size: 1.35rem; color: var(--erde); }
.stille .en { color: var(--grau); }
.stille .bald { margin-top: 1.6rem; letter-spacing: .2em; text-transform: uppercase; font-size: .8rem; color: var(--grau); }
footer { text-align: center; font-size: .8rem; color: var(--grau); padding: 1rem; }
.text { max-width: 40rem; margin: 0 auto; padding: 2rem 1.2rem 4rem; }
.text h1, .text h2 { font-family: "Campo Serif", Georgia, serif; color: var(--erde); font-weight: 500; }

/* vision page */
.sprachen { text-align: right; padding: .8rem 1.2rem 0; font-size: .85rem; }
.sprachen a { color: var(--grau); text-decoration: none; }
.sprachen a[aria-current] { color: var(--erde); font-weight: 600; }
.kopf { text-align: center; padding: 1rem 1.2rem 0; }
.kopf img { width: min(260px, 60vw); height: auto; mix-blend-mode: multiply; }
.kopf h1 { font-family: "Campo Serif", Georgia, serif; font-weight: 500; color: var(--erde); font-size: clamp(1.9rem, 6vw, 2.8rem); line-height: 1.2; margin: .4rem 0 .6rem; }
.kopf .lead { max-width: 36rem; margin: 0 auto; font-size: 1.12rem; }
.text section { margin: 2.4rem 0; }
.text h2 { font-size: 1.5rem; margin: 0 0 .5rem; }
.text ul { padding-left: 1.1rem; }
.text li { margin: .35rem 0; }
.text li::marker { color: var(--erde); }
.hinweis { font-size: .85rem; color: var(--grau); border-top: 1px solid var(--pfirsich); padding-top: 1rem; margin-top: 3rem; }
footer p { margin: .3rem 0; }