:root{--grund: #f7f7f5;--flaeche: #ffffff;--rand: #dcdcd6;--text: #1e1e1c;--text-leise: #66665f;--akzent: #2f5d8a;--akzent-hell: #eaf1f8;--gut: #2e6b45;--gut-hell: #e9f3ec;--warnung: #8a5a1e;--warnung-hell: #fbf1e3;--fehler: #9b2c2c;--fehler-hell: #f9ecec;--radius: 8px;--schatten: 0 1px 2px rgba(0, 0, 0, .06), 0 3px 8px rgba(0, 0, 0, .04)}*{box-sizing:border-box}body{margin:0;background:var(--grund);color:var(--text);font:15px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1,h2,h3{line-height:1.25;margin:0 0 .5rem;font-weight:600}h1{font-size:1.5rem}h2{font-size:1.15rem}h3{font-size:1rem}p{margin:0 0 .75rem}a{color:var(--akzent)}.kopf{background:var(--flaeche);border-bottom:1px solid var(--rand);padding:.7rem 1.25rem;display:flex;align-items:center;gap:1.25rem;position:sticky;top:0;z-index:10}.kopf .marke{font-weight:600;font-size:1.05rem;letter-spacing:.02em}.kopf nav{display:flex;gap:.25rem;flex:1}.kopf nav a{padding:.35rem .7rem;border-radius:var(--radius);text-decoration:none;color:var(--text-leise)}.kopf nav a:hover{background:var(--grund)}.kopf nav a.aktiv{background:var(--akzent-hell);color:var(--akzent);font-weight:500}.kopf .benutzer{color:var(--text-leise);font-size:.88rem}main{max-width:62rem;margin:0 auto;padding:1.5rem 1.25rem 4rem}.karte{background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius);padding:1.1rem 1.25rem;margin-bottom:1rem;box-shadow:var(--schatten)}.karte.schmal{max-width:26rem;margin-inline:auto}.karte-kopf{display:flex;align-items:baseline;gap:.75rem;margin-bottom:.75rem}.karte-kopf h2,.karte-kopf h3{margin:0;flex:1}label{display:block;margin-bottom:.85rem}label>span.beschriftung{display:block;font-size:.85rem;color:var(--text-leise);margin-bottom:.25rem;font-weight:500}input[type=text],input[type=password],input[type=url],select,textarea{width:100%;padding:.5rem .6rem;font:inherit;border:1px solid var(--rand);border-radius:var(--radius);background:var(--flaeche);color:var(--text)}input:focus,select:focus,textarea:focus{outline:2px solid var(--akzent);outline-offset:-1px;border-color:var(--akzent)}textarea{min-height:9rem;resize:vertical;font-family:inherit}input[type=file]{font:inherit;width:100%}.zustimmung{display:flex;gap:.6rem;align-items:flex-start;background:var(--warnung-hell);border:1px solid #e8d5b5;border-radius:var(--radius);padding:.7rem .8rem;margin-bottom:.9rem}.zustimmung input{margin-top:.2rem;flex:none}.zustimmung span{font-size:.88rem;line-height:1.45}button{font:inherit;padding:.45rem .9rem;border-radius:var(--radius);border:1px solid var(--rand);background:var(--flaeche);color:var(--text);cursor:pointer}button:hover:not(:disabled){background:var(--grund)}button:disabled{opacity:.5;cursor:not-allowed}button.haupt{background:var(--akzent);border-color:var(--akzent);color:#fff;font-weight:500}button.haupt:hover:not(:disabled){background:#26507a}button.leise{border-color:transparent;color:var(--text-leise);padding:.3rem .5rem}button.leise:hover:not(:disabled){background:var(--grund);color:var(--text)}button.gefahr{color:var(--fehler);border-color:transparent}button.gefahr:hover:not(:disabled){background:var(--fehler-hell)}.knopfreihe{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.marke-status{display:inline-block;font-size:.78rem;padding:.1rem .5rem;border-radius:99px;border:1px solid transparent;white-space:nowrap}.st-bereit{background:var(--gut-hell);color:var(--gut);border-color:#cfe3d6}.st-arbeit{background:var(--akzent-hell);color:var(--akzent);border-color:#cddef0}.st-auswahl{background:var(--warnung-hell);color:var(--warnung);border-color:#e8d5b5}.st-fehler{background:var(--fehler-hell);color:var(--fehler);border-color:#edcaca}.meldung{padding:.65rem .8rem;border-radius:var(--radius);margin-bottom:.9rem;border:1px solid transparent;font-size:.92rem}.meldung.fehler{background:var(--fehler-hell);color:var(--fehler);border-color:#edcaca}.meldung.gut{background:var(--gut-hell);color:var(--gut);border-color:#cfe3d6}.meldung.hinweis{background:var(--warnung-hell);color:var(--warnung);border-color:#e8d5b5}.meldung.ruhig{background:var(--grund);color:var(--text-leise);border-color:var(--rand)}.leiser{color:var(--text-leise);font-size:.88rem}.leer{color:var(--text-leise);text-align:center;padding:2.5rem 1rem}.liste{display:grid;gap:.75rem}.liste>*{min-width:0}.liste>a{display:block;text-decoration:none;color:inherit}.zeile{display:flex;gap:1rem;align-items:center;min-width:0;padding:.8rem 1rem;background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius)}.zeile:hover{border-color:#c4c4bc}.zeile .haupttext{flex:1;min-width:0}.zeile .haupttext .titel{font-weight:500}.zeile .haupttext .unter{color:var(--text-leise);font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guete{display:flex;gap:1.25rem;flex-wrap:wrap;font-size:.85rem}.guete div{color:var(--text-leise)}.guete b{color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}.kandidat{border:1px solid var(--rand);border-radius:var(--radius);padding:.8rem .9rem;margin-bottom:.6rem;background:var(--flaeche)}.kandidat.gewaehlt{border-color:var(--akzent);background:var(--akzent-hell)}.kandidat audio{width:100%;margin:.5rem 0}audio{width:100%}.fortschritt{display:flex;align-items:center;gap:.6rem;color:var(--akzent);font-size:.9rem}.dreher{width:14px;height:14px;flex:none;border:2px solid var(--akzent-hell);border-top-color:var(--akzent);border-radius:50%;animation:dreh .8s linear infinite}@keyframes dreh{to{transform:rotate(360deg)}}.abschnitte{display:grid;gap:.4rem;margin-top:.6rem}.abschnitt{display:flex;gap:.6rem;font-size:.88rem;padding:.4rem .6rem;background:var(--grund);border-radius:6px;border:1px solid var(--rand)}.abschnitt .nr{color:var(--text-leise);font-variant-numeric:tabular-nums;flex:none;min-width:1.5rem}@media (max-width: 640px){.kopf{flex-wrap:wrap;gap:.6rem}main{padding:1rem .75rem 3rem}.zeile{flex-wrap:wrap}}