:root{--bg:#f8f6f2;--text:#2c2820;--leise:#6b6253;--akzent:#5f6f46;--flaeche:#e8efd9;--linie:#dad2bf}
@media(prefers-color-scheme:dark){:root{--bg:#17130d;--text:#f1ebdd;--leise:#c8bda6;--akzent:#9aad7a;--flaeche:#28301c;--linie:#4a4132}}
*{margin:0;padding:0;box-sizing:border-box}
body{min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,'Segoe UI',sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
main{flex:1;width:100%;max-width:640px;margin:0 auto;padding:4rem 1rem 3rem}
h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2rem,7vw,2.6rem);font-weight:600;line-height:1.15;margin-bottom:1.25rem}
h2{font-size:1.15rem;margin:2rem 0 .5rem}
p{margin-bottom:1rem}
.leise{color:var(--leise)}
.start{display:inline-block;margin:.5rem 0 1.5rem;padding:.35rem .9rem;border-radius:9999px;background:var(--flaeche);color:var(--akzent);font-weight:600}
a{color:var(--akzent);text-underline-offset:2px}
a:focus-visible{outline:2px solid var(--akzent);outline-offset:2px}
footer{border-top:1px solid var(--linie);padding:1.25rem 1rem;text-align:center;font-size:.9rem;color:var(--leise)}
footer a{margin:0 .5rem}