:root{--hintergrund:#f7f8f6;--flaeche:#fff;--text:#172126;--text2:#34434a;--gedaempft:#56656c;--linie:#e1e6e5;--linie-stark:#c9d3d6;--akzent:#2a5568;--akzent-hover:#1e4152;--akzent-hell:#eaf1f4;--rot:#b42318;--rot-hell:#fdecea;--gruen:#1f7a4d;--gruen-hell:#e7f4ec}*{box-sizing:border-box}body{background:var(--hintergrund);color:var(--text);margin:0;font:16px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:var(--akzent)}.kasten-seite{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.kasten{background:var(--flaeche);border:1px solid var(--linie);border-radius:12px;width:100%;max-width:420px;padding:32px 28px}.kasten .kopf{color:var(--gedaempft);align-items:center;gap:10px;margin-bottom:24px;font-weight:600;display:flex}.kasten .kopf span{border-left:1px solid var(--linie-stark);padding-left:10px}.kasten h1{margin:0 0 16px;font-size:22px;line-height:1.25}.kasten p{color:var(--text2);margin:0 0 16px}.unten{color:var(--gedaempft);text-align:center;margin-top:16px;font-size:14px}form{flex-direction:column;gap:14px;display:flex}label{color:var(--text2);flex-direction:column;gap:6px;font-size:14px;font-weight:600;display:flex}input{font:inherit;border:1px solid var(--linie-stark);background:var(--flaeche);color:var(--text);border-radius:8px;padding:10px 12px}input:focus{outline:2px solid var(--akzent);outline-offset:1px;border-color:var(--akzent)}input.code{letter-spacing:6px;text-align:center;font-variant-numeric:tabular-nums;font-size:24px}button{font:inherit;background:var(--akzent);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:11px 16px;font-weight:600}button:hover{background:var(--akzent-hover)}button.leise{color:var(--akzent);background:0 0;padding:0;font-weight:500;text-decoration:underline}.hinweis{border-radius:8px;padding:10px 12px;font-size:14px}.hinweis.fehler{background:var(--rot-hell);color:var(--rot)}.hinweis.ok{background:var(--gruen-hell);color:var(--gruen)}.hinweis.info{background:var(--akzent-hell);color:var(--akzent-hover)}.qr{justify-content:center;margin:8px 0 12px;display:flex}.qr svg{width:200px;height:200px}.geheimnis{letter-spacing:1px;background:var(--hintergrund);border:1px solid var(--linie);text-align:center;word-break:break-all;border-radius:8px;padding:8px 10px;font-family:ui-monospace,Menlo,monospace;font-size:15px}ol.schritte{color:var(--text2);margin:0 0 16px;padding-left:20px}ol.schritte li{margin-bottom:6px}.leiste{background:var(--flaeche);border-bottom:1px solid var(--linie);justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.leiste .kopf{color:var(--gedaempft);align-items:center;gap:10px;font-weight:600;display:flex}.leiste .kopf span{border-left:1px solid var(--linie-stark);padding-left:10px}.leiste .person{color:var(--text2);align-items:center;gap:16px;font-size:14px;display:flex}.inhalt{max-width:1240px;margin:0 auto;padding:32px 24px}