@font-face{font-family:"Fraunces";src:url("fonts/fraunces-var.woff2") format("woff2");
  font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Fraunces";src:url("fonts/fraunces-italic-var.woff2") format("woff2");
  font-weight:100 900;font-style:italic;font-display:swap}
:root{
  --c-bg:#faf4ea;--c-surface:#fffefb;--c-ink:#322a22;--c-ink-soft:#5a4f43;
  --c-terra:#c0533a;--c-terra-d:#9c3f2a;--c-sage:#5c6a51;--c-sun:#e8a33d;
  --c-line:#e6dcc8;--c-focus:#1a4d8f;
  --font-display:"Fraunces","Iowan Old Style","Palatino Linotype","Georgia",serif;
  --font-body:"Avenir Next","Segoe UI","Helvetica Neue",system-ui,sans-serif;
  --soft:"SOFT" 55,"WONK" 0;
  --maxw:760px;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--font-body);color:var(--c-ink);background:var(--c-bg);line-height:1.7;font-size:1.05rem;-webkit-font-smoothing:antialiased}
a:focus-visible{outline:3px solid var(--c-focus);outline-offset:2px;border-radius:4px}
.wrap{max-width:var(--maxw);margin-inline:auto;padding:clamp(2rem,5vw,4rem) clamp(1rem,4vw,2rem)}
h1{font-family:var(--font-display);font-variation-settings:var(--soft);font-weight:540;font-size:clamp(2rem,1.4rem + 2.4vw,2.9rem);margin-bottom:1.5rem;letter-spacing:-.015em}
h2{font-family:var(--font-display);font-variation-settings:var(--soft);font-weight:560;font-size:1.45rem;margin:2.2rem 0 .6rem}
h3{font-size:1.1rem;margin:1.4rem 0 .4rem}
p,li{margin-bottom:.7rem;max-width:64ch}
ul{margin:.3rem 0 1rem 1.3rem}
a{color:var(--c-terra-d);text-decoration:underline;text-underline-offset:2px}
a:hover{color:var(--c-terra-d);text-decoration-thickness:2px}
.back{display:inline-flex;align-items:center;gap:.4rem;margin-bottom:2rem;font-weight:600;text-decoration:none;color:var(--c-ink)}
.back:hover{color:var(--c-terra-d)}
.intro{color:var(--c-ink-soft);margin-bottom:1.5rem}
.hinweis-box{background:var(--c-surface);border:1px solid var(--c-line);border-left:5px solid var(--c-sun);
  border-radius:14px;padding:1rem 1.2rem;margin:1.5rem 0;font-size:.95rem;color:var(--c-ink-soft)}
footer{border-top:1px solid var(--c-line);margin-top:3rem;padding-top:1.5rem;font-size:.92rem;color:var(--c-ink-soft)}
footer a{color:var(--c-ink-soft)}