@font-face{font-family:'Zodiak';src:url('fonts/zodiak-800.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:'Zodiak';src:url('fonts/zodiak-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Supreme';src:url('fonts/supreme-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Supreme';src:url('fonts/supreme-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Supreme';src:url('fonts/supreme-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
:root{
  --paper:#f3ead9;  --paper:oklch(0.940 0.025 83.4);
  --paper-2:#e9dcc4;--paper-2:oklch(0.899 0.035 82.9);
  --creme:#f7f1e4;  --creme:oklch(0.959 0.018 86.1);
  --ink:#241a12;    --ink:oklch(0.228 0.022 60.1);
  --gold:#b87a1e;   --gold:oklch(0.629 0.126 70.9);
  --burg:#7e2a28;   --burg:oklch(0.411 0.117 25.1);
  --line:#d9c9ac;   --line:oklch(0.842 0.043 82.5);
  --display:'Zodiak',Georgia,serif;
  --sans:'Supreme','Segoe UI',system-ui,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:1.02rem;line-height:1.68;overflow-x:clip}
a{color:var(--burg)}
:focus-visible{outline:3px solid var(--burg);outline-offset:3px;border-radius:4px}
.draft{background:var(--burg);color:#f7f1e4;text-align:center;font-size:.8rem;padding:9px 16px}
header{border-bottom:1.5px solid var(--ink);background:var(--paper)}
.nav{max-width:900px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 24px}
.brand{font-family:var(--display);font-weight:800;font-size:1.28rem;text-transform:uppercase;text-decoration:none;color:var(--ink)}
.nav a.back{font-size:.92rem;font-weight:500;color:var(--ink)}
main{max-width:900px;margin:0 auto;padding:clamp(44px,7vw,84px) 24px 90px}
h1{font-family:var(--display);font-weight:800;font-size:clamp(2rem,5vw,3rem);line-height:1.05;letter-spacing:-.015em}
h2{font-family:var(--display);font-weight:700;font-size:1.35rem;margin:2.1em 0 .5em;line-height:1.2}
p+p{margin-top:.85em}
ul{margin:.6em 0 0 1.1em}
li{margin-bottom:.3em}
.hinweis{background:var(--paper-2);border:1.5px dashed var(--burg);border-radius:6px 20px 8px 20px;padding:22px 24px;margin:26px 0 8px}
.hinweis .tag{display:inline-block;font-family:var(--display);font-weight:800;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;background:var(--burg);color:var(--creme);padding:5px 12px;border-radius:999px;margin-bottom:10px}
.ph{background:rgba(184,122,30,.22);border-bottom:2px solid var(--gold);padding:1px 5px;border-radius:3px;font-weight:500}
footer{background:var(--ink);color:var(--paper);padding:34px 24px;font-size:.9rem}
footer .wrap{max-width:900px;margin:0 auto;display:flex;gap:18px;flex-wrap:wrap;justify-content:space-between}
footer a{color:var(--paper)}