:root{--rot:#E63303;--an:#2b2b2b;--grau:#6b6b6b;--hell:#f4f4f4}
*{box-sizing:border-box}
body{margin:0;font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--an);background:var(--hell);display:flex;justify-content:center;padding:2rem 1rem}
.card{background:#fff;border-radius:10px;border-top:6px solid var(--rot);box-shadow:0 2px 12px rgba(0,0,0,.08);padding:1.5rem 1.75rem;width:100%;max-width:26rem;height:fit-content}
h1{font-size:1.4rem;margin:0 0 1rem}h2{font-size:1.05rem;margin:1.5rem 0 .5rem}
label{display:block;font-size:.9rem;margin:.75rem 0 .2rem;color:var(--grau)}
input{width:100%;padding:.6rem .7rem;border:1px solid #bbb;border-radius:6px;font:inherit}
input:focus{outline:2px solid var(--rot);outline-offset:1px}
button{margin-top:1rem;width:100%;padding:.7rem;border:0;border-radius:6px;background:var(--rot);color:#fff;font:inherit;font-weight:600;cursor:pointer}
button.sek{background:#fff;color:var(--an);border:1px solid #bbb}
.fehler{background:#fdecea;border-left:4px solid var(--rot);padding:.6rem .8rem;border-radius:4px;margin-bottom:.75rem}
.hinweis{background:#fff6e5;border-left:4px solid #e6a303;padding:.6rem .8rem;border-radius:4px;margin-bottom:.75rem}
.klein{font-size:.85rem;color:var(--grau)}
ul.seiten{padding-left:1.1rem}a{color:var(--rot)}
code{background:var(--hell);padding:.1rem .3rem;border-radius:3px;word-break:break-all}
.qr svg{width:100%;height:auto;max-width:14rem;display:block;margin:0 auto}