:root{--grund:#f6f7f9;--karte:#fff;--text:#14161a;--leise:#5b6270;--blau:#3d7bff;--blau-dunkel:#2a5fd6;--rand:#e3e6eb}
@media (prefers-color-scheme:dark){:root{--grund:#0f1115;--karte:#181b21;--text:#eef0f4;--leise:#9aa3b2;--rand:#2a2f38}}
@font-face{font-family:Poppins;src:url(Poppins-Medium.ttf) format("truetype");font-weight:400 500;font-display:swap}
@font-face{font-family:Poppins;src:url(Poppins-Bold.ttf) format("truetype");font-weight:600 700;font-display:swap}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--grund);color:var(--text);font:16px/1.55 Poppins,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
main{max-width:480px;margin:0 auto;padding:40px 18px 28px}
.kopf{text-align:center;margin-bottom:28px}
.kopf img{width:76px;height:76px}
h1{font-size:1.6rem;margin:10px 0 4px;letter-spacing:-.01em}
.unter{color:var(--leise);margin:0}
.knopf{display:block;text-align:center;text-decoration:none;background:var(--blau);color:#fff;font-weight:600;font-size:1.05rem;padding:16px 18px;border-radius:14px;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.knopf:active{background:var(--blau-dunkel)}
.hinweis{text-align:center;color:var(--leise);font-size:.8rem;margin:6px 0 22px}
footer{text-align:center;font-size:.85rem;color:var(--leise);margin-top:36px}
footer a{color:var(--leise)}
.text h1{text-align:left}
.text h2{font-size:1.1rem;margin:26px 0 6px}
.text p,.text li{color:var(--text)}
.text a{color:var(--blau)}
.zurueck{display:inline-block;margin-bottom:14px;color:var(--blau);text-decoration:none}