:root{--teal:#2F7A70;--teal-dunkel:#235C54;--teal-hell:#4A9A8F;--tint:#E6F1EF;--bg:#EEF3F2;--linie:#DCE6E4;--linie2:#C9D7D4;--text:#1B2A28;--grau:#4D605D;--rot:#B42318;--rot-bg:#FDECEA;--gelb:#8A6D00;--gelb-bg:#FFF4CC;--gruen:#1E7F4F}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:var(--bg);font-size:16px;line-height:1.45}
a{color:var(--teal)}a:hover{color:var(--teal-dunkel)}
h1{font-size:26px;margin:0 0 6px}h2{font-size:19px;margin:0 0 10px}h3{font-size:16px;margin:0 0 6px}
.hinweis{color:var(--grau);font-size:14px;margin:0}
input,select,textarea{min-height:48px;padding:10px 14px;border-radius:12px;border:1px solid var(--linie2);font:inherit;color:var(--text);background:#fff;width:100%}
textarea{min-height:120px;line-height:1.5}
input:focus,select:focus,textarea:focus{outline:2px solid var(--teal-hell);border-color:var(--teal)}
label.feld{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--grau)}
label.kasten{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:400;color:var(--text)}
label.kasten input{width:20px;height:20px;min-height:0}
.knopf{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border-radius:14px;background:var(--teal);color:#fff;font-size:16px;font-weight:700;border:0;cursor:pointer;text-decoration:none}
.knopf:hover{background:var(--teal-dunkel);color:#fff}
.knopf.gross{min-height:64px;font-size:18px;padding:0 32px}
.knopf.zweit{background:#fff;color:var(--teal);border:1px solid var(--linie2)}
.knopf.zweit:hover{background:var(--tint)}
.knopf.rot{background:var(--rot)}.knopf.rot:hover{background:#8f1b12}
.knopf.klein{min-height:36px;font-size:14px;padding:0 14px;border-radius:10px}
.knopf[disabled]{opacity:.5;cursor:default}
.karte{background:#fff;border:1px solid var(--linie);border-radius:20px;padding:24px}
.warnung{background:var(--rot-bg);border:1px solid #F3B9B3;color:var(--rot);border-radius:12px;padding:12px 16px;font-size:14px}
.gelbbox{background:var(--gelb-bg);border:1px solid #E8D27A;color:var(--gelb);border-radius:12px;padding:12px 16px;font-size:14px}
.info{background:var(--tint);border:1px solid var(--linie);border-radius:12px;padding:12px 16px;font-size:14px}
.kopf{display:flex;align-items:center;gap:18px;padding:14px 28px;background:#fff;border-bottom:1px solid var(--linie)}
.kopf img{height:36px}
.kopf nav{display:flex;gap:4px;flex:1;flex-wrap:wrap}
.kopf nav a{padding:6px 12px;border-radius:10px;text-decoration:none;color:var(--grau);font-weight:600;font-size:15px}
.kopf nav a.aktiv,.kopf nav a:hover{background:var(--tint);color:var(--teal-dunkel)}
.kopf .wer{font-size:14px;color:var(--grau);text-align:right}
.kopf .wer b{color:var(--text);display:block}
.glocke{position:relative;text-decoration:none;font-size:22px;padding:4px 8px;border-radius:10px}
.glocke .n{position:absolute;top:-2px;right:-2px;background:var(--rot);color:#fff;font-size:11px;font-weight:700;border-radius:10px;padding:1px 6px}
.online{font-size:12px;font-weight:600;padding:4px 10px;border-radius:20px;background:#E3F5EA;color:var(--gruen)}
.online.aus{background:var(--gelb-bg);color:var(--gelb)}
main{max-width:1100px;margin:0 auto;padding:28px 20px 60px;display:flex;flex-direction:column;gap:20px}
main.schmal{max-width:720px}
.reihe{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.reihe>*{flex:1 1 200px}
.reihe>.fix{flex:0 0 auto}
table.liste{width:100%;border-collapse:collapse;font-size:15px}
table.liste th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--grau);padding:8px 10px;border-bottom:1px solid var(--linie)}
table.liste td{padding:12px 10px;border-bottom:1px solid var(--linie);vertical-align:top}
table.liste tr:hover td{background:var(--bg)}
.status{display:inline-block;font-size:12px;font-weight:700;padding:3px 10px;border-radius:20px;background:var(--tint);color:var(--teal-dunkel)}
.status.neu,.status.verarbeitung{background:#E8EEF9;color:#2B4C8C}
.status.rueckfrage{background:var(--gelb-bg);color:var(--gelb)}
.status.erledigt,.status.archiviert{background:#E3F5EA;color:var(--gruen)}
.status.fehler,.status.verworfen{background:var(--rot-bg);color:var(--rot)}
.marke{display:inline-block;font-size:12px;font-weight:700;padding:2px 8px;border-radius:8px}
.marke.rot{background:var(--rot-bg);color:var(--rot)}.marke.gelb{background:var(--gelb-bg);color:var(--gelb)}
.bericht{font-size:16px;line-height:1.6}
.bericht h3{margin:18px 0 6px;font-size:15px;text-transform:uppercase;letter-spacing:.04em;color:var(--grau)}
.bericht p{margin:0 0 8px;white-space:pre-wrap}
.bericht .rot{background:var(--rot-bg);border-bottom:2px solid var(--rot);cursor:pointer;padding:1px 2px}
.bericht .gelb{background:var(--gelb-bg);border-bottom:2px solid #E8D27A;cursor:pointer;padding:1px 2px}
.sek{font-size:12px;color:var(--teal);font-weight:700;cursor:pointer;margin-left:4px;white-space:nowrap}
.befundliste{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.befundliste li{display:flex;gap:10px;align-items:flex-start;font-size:14px;padding:10px 12px;border-radius:10px;background:var(--bg)}
.aufnahme{display:flex;flex-direction:column;align-items:center;gap:22px;padding:40px 20px;text-align:center}
.aufnahme .zeit{font-size:56px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.aufnahme .pegel{width:260px;height:10px;background:var(--linie);border-radius:5px;overflow:hidden}
.aufnahme .pegel i{display:block;height:100%;width:0;background:var(--teal)}
.punkt{width:14px;height:14px;border-radius:50%;background:var(--rot);display:inline-block;animation:blink 1s infinite}
@keyframes blink{50%{opacity:.2}}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--linie);margin-bottom:12px}
.tabs a{padding:8px 14px;text-decoration:none;color:var(--grau);font-weight:600;border-bottom:2px solid transparent}
.tabs a.aktiv{color:var(--teal-dunkel);border-color:var(--teal)}
.thread{display:flex;flex-direction:column;gap:8px}
.thread .nachricht{padding:10px 14px;border-radius:12px;background:var(--bg);font-size:14px}
.thread .nachricht.arzt{background:var(--tint)}
.thread .wer{font-size:12px;color:var(--grau);font-weight:600}
.fuss{text-align:center;font-size:12px;color:var(--grau);padding:20px}
audio{width:100%}
@media (max-width:700px){.kopf{padding:10px 14px;gap:10px}.kopf nav a{font-size:14px;padding:6px 10px}.kopf img{height:30px}.kopf .wer{display:none}main{padding:16px 12px}.karte{padding:16px;border-radius:14px}.knopf.gross{width:100%}table.liste th:nth-child(n+4),table.liste td:nth-child(n+4){display:none}}