/* Rechtliche Seiten (Impressum, Datenschutz, Barrierefreiheit) im Papier-Stil der Startseite */
:root{--paper:#f5efe4;--card:#fffdf8;--ink:#1c1830;--ink2:#4a4560;--coral:#ff5b3b;--sun:#f0b44c;color-scheme:light}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.7 Manrope,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--ink);text-decoration-color:var(--coral);text-decoration-thickness:2px;text-underline-offset:3px}
:focus-visible{outline:3px solid var(--coral);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:12px;top:-60px;background:var(--ink);color:var(--paper);padding:10px 16px;border-radius:10px;font-weight:700}
.skip:focus{top:12px}
header{border-bottom:2px solid var(--ink);padding:max(16px,env(safe-area-inset-top,0px)) 18px 16px}
header .in,main{max-width:760px;margin:0 auto}
.logo{font:800 23px "Bricolage Grotesque",system-ui,sans-serif;letter-spacing:-.04em;text-decoration:none}
.logo b{color:var(--coral)}
main{padding:40px 18px 70px}
h1{font:800 clamp(40px,7vw,64px)/1 "Bricolage Grotesque",system-ui,sans-serif;letter-spacing:-.035em;margin:0 0 24px}
h2{font:800 26px/1.15 "Bricolage Grotesque",system-ui,sans-serif;letter-spacing:-.02em;margin:38px 0 10px}
h3{font-size:18px;margin:22px 0 6px}
p,li{color:var(--ink2)}
ul{padding-left:22px}
li{margin:6px 0}
.box{background:var(--card);border:2px solid var(--ink);border-radius:18px;padding:18px 20px;box-shadow:5px 5px 0 var(--ink);margin:20px 0}
.todo{background:#fff1c9;border:2px dashed #b07a00;border-radius:8px;padding:1px 6px;font-weight:700;color:#5b3d00}
.note{font-size:14px}
footer{border-top:2px solid var(--ink);padding:24px 18px calc(24px + env(safe-area-inset-bottom,0px));font-size:15px}
footer .in{max-width:760px;margin:0 auto;display:flex;gap:18px;flex-wrap:wrap}
footer a{font-weight:700;text-decoration:none}