/* Schriften lokal, keine Verbindung zu Google (siehe Datenschutzerklärung) */
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/inter-400.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/inter-500.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/inter-600.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/inter-700.woff2) format('woff2')}
@font-face{font-family:'Libre Baskerville';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/libre-baskerville-400.woff2) format('woff2')}
@font-face{font-family:'Libre Baskerville';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/libre-baskerville-700.woff2) format('woff2')}
:root{
  --bg:#FFFFFF; --surface:#F5F4F1; --fg:#1A1A24; --muted:#6B7280; --faint:#9CA3AF;
  --line:#E2E1DD; --accent:#C2553A; --accent-deep:#A0432C; --accent-pale:#FAF0ED;
  --display:'Libre Baskerville', Georgia, 'Times New Roman', serif;
  --body:'Inter', 'Helvetica Neue', Arial, sans-serif;
}
@media (prefers-color-scheme: dark){
  :root{--bg:#1A1A24; --surface:#22222D; --fg:#F3F2EF; --muted:#A9AEB8; --faint:#7F8590;
    --line:#2E2E3A; --accent:#D9694D; --accent-deep:#F0A58F; --accent-pale:#2C2224; color-scheme:dark}
}
*{box-sizing:border-box}
html{color-scheme:light}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--body);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--accent-deep)}
.wrap{max-width:760px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
@media (min-width:720px){.wrap{padding-left:40px;padding-right:40px}}
.top{border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:14px}
.mark{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--fg)}
.mark .bar{width:3px;height:32px;background:var(--accent);border-radius:2px}
.mark .word{font-family:var(--display);font-weight:700;font-size:19px;letter-spacing:-0.02em;line-height:1}
.mark sup{font-size:10px;color:var(--accent);margin-left:2px}
.back{font-size:14px;color:var(--muted);text-decoration:none}
.back:hover{color:var(--accent-deep)}
main{padding-block:48px 64px}
h1{font-family:var(--display);font-size:clamp(28px,4vw,38px);line-height:1.2;letter-spacing:-0.02em;margin:0 0 8px}
h2{font-family:var(--display);font-size:20px;line-height:1.3;letter-spacing:-0.01em;margin:36px 0 8px}
h3{font-size:16px;margin:22px 0 4px}
p,li{margin:0 0 10px}
ul,ol{padding-left:22px}
.stand{color:var(--muted);font-size:14px;margin-bottom:28px}
.box{background:var(--accent-pale);border-left:3px solid var(--accent);border-radius:4px;padding:16px 18px;margin:20px 0}
.form{border:1px solid var(--line);border-radius:4px;padding:18px 20px;margin:16px 0;background:var(--surface)}
footer{border-top:1px solid var(--line);padding-block:28px 40px;font-size:13px;color:var(--muted)}
footer .wrap{display:flex;flex-wrap:wrap;gap:8px 20px}
footer a{color:var(--muted)}
a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}