:root { --tinte:#1c1c1e; --dim:#6e6e73; --linie:#e5e5ea; --akzent:#2f9e5c; --grund:#fafafa; --karte:#fff; }
@media (prefers-color-scheme: dark) {
  :root { --tinte:#f2f2f7; --dim:#aeaeb2; --linie:#2c2c2e; --akzent:#4fd080; --grund:#111113; --karte:#1c1c1e; }
}
* { box-sizing:border-box }
body { margin:0; font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
       color:var(--tinte); background:var(--grund) }
a { color:var(--akzent); text-decoration:none } a:hover { text-decoration:underline }
.kopf { display:flex; align-items:center; justify-content:space-between; gap:16px;
        padding:14px 20px; border-bottom:1px solid var(--linie); background:var(--karte) }
.kopf .marke { font-weight:700; font-size:20px; color:var(--tinte) }
.kopf nav a { margin-left:16px; color:var(--dim) }
.inhalt { max-width:720px; margin:0 auto; padding:28px 20px 60px }
.fuss { text-align:center; color:var(--dim); font-size:14px; padding:24px 20px; border-top:1px solid var(--linie) }
h1 { font-size:30px; line-height:1.15; margin:0 0 12px } h2 { font-size:19px; margin:30px 0 10px }
p.klein { font-size:14px; color:var(--dim) }