:root{--bg:#1C1917;--flaeche:#292524;--text:#F7F2E9;--gedaempft:#D6CCBC;--akzent:#E8A33D;--akzent-text:#1C1917}
[data-theme="hell"]{--bg:#FAF6EF;--flaeche:#FFFFFF;--text:#221E1A;--gedaempft:#5C554B;--akzent:#8A5A00;--akzent-text:#FFFFFF}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:16px;line-height:1.5}
.seite{max-width:44rem;margin:0 auto;padding:24px 16px 96px}
h1{font-size:28px;line-height:1.15;font-weight:700}
h2{font-size:20px;font-weight:650}
.zweck{font-size:18px}
.hinweis{color:var(--gedaempft)}
button{min-height:48px;min-width:48px;padding:12px 16px;border-radius:8px;border:1px solid var(--akzent);background:var(--akzent);color:var(--akzent-text);font-size:16px;cursor:pointer}
button:focus-visible,a:focus-visible{outline:2px solid var(--akzent);outline-offset:2px}
a{color:var(--akzent)}
.zurueck{color:var(--gedaempft)}
.entwurf{background:var(--flaeche);padding:12px 16px;border-radius:8px}
.offen{color:var(--akzent)}
.fuss{position:fixed;left:0;right:0;bottom:0;background:var(--flaeche);padding:12px 16px calc(12px + env(safe-area-inset-bottom));text-align:center}
.fuss a{margin:0 8px}
@media (min-width:720px){.seite{padding-left:24px;padding-right:24px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}