:root{--bg:#f7f5f0;--fg:#1f2a24;--muted:#56625b;--akzent:#2f6b4f;--linie:#dcd6c9;--karte:#ffffff}
@media (prefers-color-scheme:dark){:root{--bg:#141a17;--fg:#e9ece8;--muted:#a9b3ad;--akzent:#7cc4a0;--linie:#2c3530;--karte:#1b221e}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
a{color:var(--akzent)}
a:focus-visible{outline:3px solid var(--akzent);outline-offset:2px}
.wrap{max-width:760px;margin:0 auto;padding:0 20px}
header{border-bottom:1px solid var(--linie)}
header .wrap{display:flex;justify-content:space-between;align-items:center;padding-top:18px;padding-bottom:18px;gap:12px;flex-wrap:wrap}
.marke{font-weight:700;letter-spacing:.01em;text-decoration:none;color:var(--fg);font-size:1.05rem}
nav{display:flex;gap:16px;font-size:.95rem}
main{padding:48px 0 56px}
h1{font-size:clamp(1.7rem,4vw,2.4rem);line-height:1.2;margin:0 0 16px}
h2{font-size:1.25rem;margin:36px 0 8px}
.lead{font-size:1.15rem;color:var(--muted);margin:0 0 28px}
.karte{background:var(--karte);border:1px solid var(--linie);border-radius:10px;padding:20px 22px;margin:24px 0}
.hinweis{display:inline-block;font-size:.85rem;font-weight:600;color:var(--akzent);border:1px solid var(--akzent);border-radius:999px;padding:2px 12px;margin-bottom:18px}
ul{padding-left:1.2em}
footer{border-top:1px solid var(--linie);font-size:.9rem;color:var(--muted)}
footer .wrap{padding-top:20px;padding-bottom:28px;display:flex;gap:16px;flex-wrap:wrap}