:root{--papier:#F3F4F6;--karte:#fff;--tinte:#16181D;--leise:#5b606b;--safran:#FFC21A;--linie:#e3e5ea}
@media (prefers-color-scheme:dark){:root{--papier:#0F1013;--karte:#1B1D22;--tinte:#F2F3F5;--leise:#9aa0ab;--linie:#2a2d34}}
*{box-sizing:border-box}
body{margin:0;background:var(--papier);color:var(--tinte);font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-text-size-adjust:100%}
main{max-width:680px;margin:0 auto;padding:40px 20px 80px}
.marke{display:inline-flex;align-items:center;gap:12px;font-weight:800;font-size:22px;text-decoration:none;color:var(--tinte)}
.marke img{width:40px;height:40px;border-radius:10px}
h1{font-size:34px;line-height:1.15;margin:36px 0 8px;font-weight:800;text-wrap:balance}
h2{font-size:21px;margin:36px 0 6px}
p,li{color:var(--tinte)}
.leise{color:var(--leise);font-size:15px}
.karte{background:var(--karte);border-radius:22px;padding:22px 22px 8px;margin:24px 0}
a{color:inherit;text-decoration-color:var(--safran);text-decoration-thickness:2px;text-underline-offset:3px}
nav{display:flex;gap:18px;flex-wrap:wrap;margin-top:40px;font-size:15px}
.punkt{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--safran);margin-left:3px}