/* KFW – Web-Version · CI: Rot #8C0000, Orange #E09340, Grau #8E8F8F */
:root{--rot:#8C0000;--rot-d:#6E0000;--gelb:#E09340;--grau:#8E8F8F;--grau-h:#D9D9D9;--hell:#F5F5F4;--weiss:#fff;--text:#222;--text2:#6b6b6b;
--gruen:#2E7D32;--rot-a:#B00020;--orange:#E67E00;--dunkelrot:#8B0000;--radius:6px}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{font-family:"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;font-size:14px;color:var(--text);background:var(--hell)}
a{color:var(--rot);text-decoration:none}a:hover{text-decoration:underline}
.layout{display:flex;min-height:100vh}
.seite{width:220px;background:var(--rot);color:#fff;flex:0 0 220px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}
.seite .logo{display:block;padding:16px 14px 6px}.seite .logo img{display:block;width:100%;height:auto}
.hersteller{padding:0 19% 10px 0;color:#F3D9BE;font-size:9.5px;line-height:1.3;text-align:right;border-bottom:3px solid var(--gelb);margin:0 14px 8px}.hersteller span{color:var(--gelb);font-size:13px;font-weight:700;line-height:1.5}
.anmelden-logo{display:block;width:100%;max-width:340px;height:auto;margin:0 auto 6px}
.seite nav{overflow-y:auto;flex:1;min-height:0;padding-bottom:8px;position:relative}
.seite nav a{display:block;color:#fff;padding:6px 18px 6px 24px;font-size:13.5px}
.seite nav .bereich{color:var(--gelb);font-size:10.5px;font-weight:700;letter-spacing:.06em;padding:12px 18px 3px}
.seite nav a.folgt{opacity:.5}
.seite .unten a.ver{color:var(--grau-h)}
.seite .unten a.ver span{display:block;white-space:nowrap}
.seite nav a.aktiv,.seite nav a:hover{background:var(--rot-d);text-decoration:none}
.seite nav a.aus{opacity:.45;pointer-events:none}
.seite .unten{margin-top:auto;padding:12px 16px;font-size:11px;color:var(--grau-h)}
.seite .unten a{color:var(--gelb)}
.layout>.haupt{flex:1;min-width:0;display:flex;flex-direction:column}
.kopf{background:#fff;border-bottom:1px solid var(--grau-h);padding:12px 22px;display:flex;align-items:center;gap:12px;min-height:56px}
.kopf h1{font-size:19px;margin:0;flex:1}
.kopf .wer{color:var(--text2);font-size:12px}
.kopf .nutzer{display:flex;align-items:center;gap:6px;color:var(--text);font-size:13px;padding:6px 10px;border-radius:18px;border:1px solid var(--grau-h)}
.kopf .nutzer:hover{border-color:var(--gelb);text-decoration:none}.kopf .nutzer svg{color:var(--rot)}
.kopf .abmelden{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:var(--rot);border:1px solid var(--grau-h)}
.kopf .abmelden:hover{background:var(--rot);color:#fff;border-color:var(--rot)}
.inhalt{padding:18px 22px;flex:1}
.menu-knopf{display:none;background:none;border:0;font-size:24px;cursor:pointer;color:var(--rot)}
.meldung{background:#E8F5E9;border:1px solid #A5D6A7;color:#1B5E20;padding:8px 12px;border-radius:var(--radius);margin-bottom:12px}
.fehler{background:#FDECEA;border:1px solid #F5C6CB;color:var(--rot-a);padding:8px 12px;border-radius:var(--radius);margin-bottom:12px}
.leiste{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}
.knopf,button{white-space:nowrap;display:inline-block;background:#fff;color:#000;border:1px solid #999;padding:7px 14px;border-radius:4px;font:inherit;cursor:pointer;text-decoration:none}
.knopf:hover,button:hover{background:#f0f0f0;text-decoration:none}
.knopf.haupt,button.haupt{background:var(--gelb);border-color:var(--gelb);font-weight:600}
.knopf.haupt:hover,button.haupt:hover{background:#d4832c}
button.gefahr{border-color:var(--rot-a);color:var(--rot-a)}
input,select,textarea{font:inherit;padding:6px 8px;border:1px solid #bbb;border-radius:4px;background:#fff;max-width:100%}
textarea{width:100%;min-height:90px}
input:focus,select:focus,textarea:focus{outline:2px solid var(--gelb);border-color:var(--gelb)}
.reiter{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px}
.reiter a{padding:6px 12px;border-radius:16px;background:#fff;border:1px solid var(--grau-h);color:var(--text);font-size:13px}
.reiter a.aktiv{background:var(--rot);color:#fff;border-color:var(--rot)}
.karte{background:#fff;border:1px solid var(--grau-h);border-radius:var(--radius);padding:14px 16px;margin-bottom:14px}
.karte h2{font-size:13px;color:var(--rot);margin:0 0 10px;text-transform:uppercase;letter-spacing:.3px}
.kacheln{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin-bottom:16px}
.kachel{background:#fff;border:1px solid var(--grau-h);border-left:4px solid var(--grau-h);border-radius:var(--radius);padding:12px 14px;color:var(--text);display:block}
.kachel:hover{text-decoration:none;border-color:var(--gelb)}
.kachel .t{font-size:11px;font-weight:700;color:var(--text2);text-transform:uppercase}
.kachel .w{font-size:28px;font-weight:700;margin:2px 0}
.kachel .u{font-size:12px;color:var(--text2)}
.kachel.rot{border-left-color:var(--rot-a)}.kachel.gruen{border-left-color:var(--gruen)}.kachel.orange{border-left-color:var(--orange)}
table.liste{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--grau-h);border-radius:var(--radius);overflow:hidden}
table.liste th{background:#EEEDEB;text-align:left;font-weight:600;padding:8px 10px;font-size:13px;white-space:nowrap}
table.liste td{padding:7px 10px;border-top:1px solid #eee;vertical-align:top}
table.liste tr:nth-child(even) td{background:#F7F9FC}
table.liste tr.klick{cursor:pointer}table.liste tr.klick:hover td{background:#FBEBDD}
td.r,th.r{text-align:right}td.c,th.c{text-align:center}
.grau{color:var(--grau)}.gruen{color:var(--gruen)}.rot{color:var(--rot-a)}.orange{color:var(--orange)}.fett{font-weight:700}
.st-unter{color:var(--dunkelrot);font-weight:700}.st-mindest{color:#D32F2F}.st-melde{color:var(--orange)}.st-offen{color:#C77700;font-weight:700}
.marke-ticket{display:inline-block;padding:1px 8px;border-radius:10px;font-size:12px;background:#eee}
.marke-ticket.Offen{background:#FFF3E0;color:#B35A00}.marke-ticket.Abgeschlossen{background:#E8F5E9;color:var(--gruen)}
.marke-ticket.Warte{background:#E3F2FD;color:#1565C0}
.raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px 16px}
.feld label{display:block;font-size:12px;color:var(--text2);margin-bottom:3px}
.feld input,.feld select{width:100%}
.zwei{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:16px}
.eintrag{border-left:3px solid var(--grau-h);padding:6px 10px;margin-bottom:10px;background:#FAFAF9}
.eintrag .k{font-size:12px;font-weight:700}.eintrag .k span{font-weight:400;color:var(--text2)}
.eintrag.Status{border-color:#bbb;color:var(--text2);font-size:12px}
.eintrag.E-Mail{border-color:#1565C0}.eintrag.Anruf{border-color:var(--gruen)}.eintrag.Termin,.eintrag.Vor{border-color:#7B1FA2}
.eintrag.intern{background:#FFF8E1}
.eintrag .x{white-space:pre-wrap;margin-top:3px}
.timer{font-size:22px;font-weight:700;color:var(--gruen)}
.anmelden{max-width:380px;margin:9vh auto;background:#fff;border-radius:10px;border-top:6px solid var(--rot);padding:26px 28px;box-shadow:0 6px 24px rgba(0,0,0,.08)}
.anmelden h1{margin:0 0 4px;color:var(--rot)}.anmelden p.u{margin:0 0 18px;color:var(--text2)}
.anmelden .feld{margin-bottom:12px}
.klein{font-size:12px;color:var(--text2)}
@media (max-width:900px){
  .seite{position:fixed;z-index:20;left:-240px;top:0;bottom:0;transition:left .2s}
  .seite.offen{left:0;box-shadow:4px 0 20px rgba(0,0,0,.3)}
  .menu-knopf{display:block}
  .zwei{grid-template-columns:1fr}
  .inhalt{padding:12px}
  table.liste .breit{display:none}
  .kopf{padding:10px 12px}
  .kopf .datum,.kopf .nutzer span{display:none}.kopf .nutzer{padding:7px;border-radius:50%}
}
.feld input[type=checkbox],.feld input[type=radio]{width:auto;margin-right:6px;vertical-align:middle}

form.inline{display:inline;margin:0}
.klein-k{padding:2px 7px;font-size:12px;margin-left:2px}
th.m,td.m{text-align:center}
.zwei-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}@media(max-width:900px){.zwei-g{grid-template-columns:1fr}}
.module{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:3px 12px;margin-top:8px;font-size:13px}
.speichern-leiste{position:sticky;bottom:0;background:var(--hell);padding:10px 0;z-index:5;border-top:1px solid var(--grau-h)}
.raster[hidden]{display:none}
h3.version{font-size:14px;margin:14px 0 4px}ul.punkte{margin:0 0 6px;padding-left:20px}ul.punkte li{margin:2px 0;font-size:13px}
td.orange,.orange{color:var(--orange)}details.karte summary{cursor:pointer}
.rechte-gitter{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px 18px}
.rechte-box .bereich-t{color:var(--rot);font-size:11px;font-weight:700;letter-spacing:.05em;margin-bottom:3px}
.rechte-z{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 0;font-size:13px}
.rechte-z select{width:130px;padding:3px 6px;font-size:12.5px}.rechte-z.alle{color:var(--text2);border-bottom:1px solid var(--grau-h);margin-bottom:3px;padding-bottom:4px}
select.r-b{background:#EAF5EA}select.r-l{background:#FFF6E5}select.r-k{background:#fff;color:var(--text2)}
.geteilt{display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px;align-items:start}
.links-liste{position:sticky;top:12px;background:#fff;border:1px solid var(--grau-h);border-radius:var(--radius);padding:12px;max-height:calc(100vh - 100px);overflow-y:auto}
.personen{display:flex;flex-direction:column;gap:2px;margin:8px 0}
.person{display:flex;flex-direction:column;padding:8px 10px;border-radius:6px;color:var(--text);border-left:3px solid transparent}
.person:hover{background:var(--hell);text-decoration:none}.person.aktiv{background:#FBF1E6;border-left-color:var(--gelb)}
.person .n{font-weight:600}.person .u,.person .z{font-size:12px;color:var(--text2)}.person.grau .n{color:var(--grau)}
.detail-kopf{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}h2.gross{font-size:20px;color:var(--text);text-transform:none;margin:0}
@media(max-width:900px){.geteilt{grid-template-columns:1fr}.links-liste{position:static;max-height:none}}
.rechte-gitter[hidden]{display:none}
.geteilt-breit{grid-template-columns:420px minmax(0,1fr)}
table.liq td,table.liq th{white-space:nowrap;font-size:12.5px;padding:5px 7px}table.liq .pos{min-width:220px;position:sticky;left:0;background:inherit}
table.liq tr.z-summe td{font-weight:700;background:#F3EEE7}table.liq tr.z-abschnitt td{font-weight:700;color:var(--rot);background:#fff}
table.liq tr.z-fett td{font-weight:600}table.liq tr.z-grau td{color:var(--grau)}table.liq td.neg{color:var(--rot-a)}
table.liq a.auf{text-decoration:none;color:var(--rot)}
.pkt{display:inline-block;width:10px;height:10px;border-radius:2px;vertical-align:middle;margin-right:3px}
.geteilt-bank{grid-template-columns:minmax(0,1fr) 400px}
table.bank td{font-size:13px;vertical-align:top}table.bank tr.pruefen td{background:#FFF8E1}table.bank tr.gewaehlt td{background:#FBF1E6;box-shadow:inset 3px 0 0 var(--gelb)}
table.bank tr.gewaehlt td:not(:first-child){box-shadow:none}
@media(max-width:900px){.geteilt-bank{grid-template-columns:1fr}}
table.gs td,table.gs th{white-space:nowrap;font-size:12.5px;padding:5px 7px}table.gs td.fehlt{background:#FFF3B0;color:#8a6d00;font-weight:600}
.farbfeld{display:inline-block;width:26px;height:26px;border:1px solid var(--linie,#ccc);border-radius:4px;flex:none}
pre.briefkopf{font-family:inherit;font-size:13px;white-space:pre-wrap;background:#FAFAFA;border:1px solid #eee;padding:8px;border-radius:var(--radius)}
.monate-g{display:grid;grid-template-columns:repeat(6,1fr);gap:0 10px}@media(max-width:900px){.monate-g{grid-template-columns:repeat(3,1fr)}}
table.liq tr.gewaehlt td{background:#FBF1E6}
pre.vorschau{font-family:Consolas,Menlo,monospace;font-size:11.5px;white-space:pre;overflow:auto;margin:0;background:#FAFAFA;padding:8px;border-radius:var(--radius)}
details.karte summary{cursor:pointer;font-weight:600}
.geteilt-kunden{grid-template-columns:470px minmax(0,1fr)}@media(max-width:1200px){.geteilt-kunden{grid-template-columns:360px minmax(0,1fr)}}@media(max-width:900px){.geteilt-kunden{grid-template-columns:1fr}}
table.kliste tr.leer td{color:var(--grau)}table.kliste tr.inaktiv td,table.gsgitter tr.inaktiv td{color:#B0B0B0;background:#F4F4F4}
table.blick td{padding:3px 12px 3px 0;vertical-align:top;font-size:13px}table.blick td:first-child{white-space:nowrap}
table.gsgitter td,table.gsgitter th{font-size:12.5px;padding:5px 7px;white-space:nowrap}table.gsgitter th.kat{cursor:pointer;color:var(--rot)}table.gsgitter th.kat:hover{text-decoration:underline}
table.gsgitter td.haken{font-size:16px;color:#9A9A9A}table.gsgitter td.haken.an{color:var(--gruen)}table.gsgitter td.haken[data-fil]{cursor:pointer}table.gsgitter td.haken[data-fil]:hover{background:#FBEBDD}
.detail-kopf{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.blick-g{display:grid;grid-template-columns:minmax(0,1fr);gap:0 16px}@media(min-width:1700px){.blick-g{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.geteilt-kunden{grid-template-columns:440px minmax(0,1fr)}
.karten-reihe{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0 16px}
.ablauf-k{width:100%;text-align:left}
pre.ausgabe{background:#1E1E1E;color:#E6E6E6;font-family:Consolas,Menlo,monospace;font-size:12px;padding:10px 12px;border-radius:var(--radius);height:52vh;overflow:auto;white-space:pre-wrap;margin:8px 0}
pre.ausgabe .fehler{color:#FF8A80;background:none;border:0;padding:0;margin:0}pre.ausgabe .ok{color:#A5D6A7}pre.ausgabe .kopf{color:var(--gelb);font-weight:700}
.frage{background:#FFF8E1;border:1px solid var(--gelb);border-radius:var(--radius);padding:10px 12px;margin:8px 0}.frage form{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.frage input{flex:1;min-width:160px}
.karte.auto-ein{box-shadow:inset 3px 0 0 var(--gruen)}
[hidden]{display:none!important}
.dash{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:stretch}
.dash .b1{grid-column:span 1}.dash .b2{grid-column:span 2}.dash .b3{grid-column:span 3}.dash .b4{grid-column:span 4}
@media(max-width:1100px){.dash{grid-template-columns:repeat(2,minmax(0,1fr))}.dash .b3,.dash .b4{grid-column:span 2}}
@media(max-width:640px){.dash{grid-template-columns:1fr}.dash .b1,.dash .b2,.dash .b3,.dash .b4{grid-column:span 1}}
.dk{display:block;background:#fff;border:1px solid var(--grau-h);border-left:4px solid var(--grau-h);border-radius:var(--radius);padding:10px 12px;color:var(--text)}
.dk:hover{text-decoration:none;border-color:var(--gelb)}.dk.gruen{border-left-color:var(--gruen)}.dk.orange{border-left-color:var(--orange)}.dk.rot{border-left-color:var(--rot-a)}.dk.gelb{border-left-color:var(--gelb)}
.dk-t{font-size:11px;font-weight:700;color:var(--text2);text-transform:uppercase}.dk-innen{display:flex;gap:10px;align-items:flex-end}
.dk-links{flex:0 0 auto;min-width:0}.dk-bild{flex:1;min-width:90px}.dk-w{font-size:24px;font-weight:700;margin:2px 0;white-space:nowrap}
.dk.rot .dk-w{color:var(--rot-a)}.dk-u,.dk-z{font-size:11.5px;color:var(--text2)}.dk-z{font-weight:700}.dk-u.gruen,.dk-z.gruen{color:var(--gruen)}.dk-u.rot,.dk-z.rot{color:var(--rot-a)}.dk-z.orange{color:var(--orange)}
.dk-ab{font-size:11.5px;font-weight:700;color:#E8963A}svg.spark{display:block}
.dw{font-weight:700;padding:6px 2px}.dw.rot{color:var(--rot-a)}.dw.gruen{color:var(--gruen)}
.db{margin:0}.db h2 a{color:inherit}.dl{margin:3px 0;font-size:13px}.dp{font-size:10px;margin-right:3px}.dp.orange{color:var(--orange)}.dp.gruen{color:var(--gruen)}.dp.rot{color:var(--rot-a)}.dp.grau{color:var(--grau)}
.dz{display:flex;gap:18px;margin-bottom:6px}.dz b{display:block;font-size:20px}.dz span{font-size:11px;color:var(--text2)}.dz b.grau{color:var(--grau)}

.update-hinweis{display:flex;gap:8px;align-items:center;background:#FFF4E5;border:1px solid #E09340;color:#5a3600;padding:8px 12px;border-radius:var(--radius);margin-bottom:12px;text-decoration:none}
.update-hinweis:hover{background:#FDEBD3}
.update-hinweis .weg{margin-left:auto;color:#8a5a20}
.admin-gesamt{border-left:4px solid var(--gruen)}.admin-gesamt.orange{border-left-color:var(--orange)}.admin-gesamt.gruen b{color:var(--gruen)}.admin-gesamt.orange b{color:var(--orange)}
.admin-h{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--text2);margin:18px 0 8px}

/* ================================================================ Apple-Design (seit Web 1.0.25)
   Systemschrift des Geräts (auf Apple-Geräten deren eigene Schrift – nichts von Apple wird ausgeliefert), helle Flächen, runde Karten.
   KASSENWERK-Rot bleibt Akzentfarbe. */
:root{--hell:#F5F5F7;--text:#1D1D1F;--text2:#6E6E73;--grau-h:#E5E5EA;--linie:#D2D2D7;--radius:12px;--seite:#ECECEE;--akzent-h:rgba(140,0,0,.10);
--gruen:#1D7A3A;--rot-a:#B3261E;--orange:#B45F06}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Variable Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:14px;
  background:var(--hell);color:var(--text);-webkit-font-smoothing:antialiased}
a{color:var(--rot)}
/* Menüleiste */
.seite{background:var(--seite);color:var(--text);border-right:1px solid #DCDCE0;width:240px;flex:0 0 240px;transition:margin-left .22s ease}
.seite .logo{padding:18px 16px 4px}
.hersteller{color:var(--text2);border-bottom:1px solid #DCDCE0;margin:0 14px 6px;padding:0 19% 10px 0;font-size:9.5px}
.hersteller span{color:var(--rot);font-size:12.5px}
.seite nav{padding:0 8px 10px}
.seite nav .bereich{color:var(--gelb);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:none;padding:14px 10px 4px}
.seite nav .np{display:flex;align-items:center;border-radius:8px}
.seite nav .np a{flex:1;min-width:0;color:var(--text);padding:7px 10px;font-size:13.5px;border-radius:8px}
.seite nav .np a:hover{background:rgba(0,0,0,.05);text-decoration:none}
.seite nav .np a.aktiv{background:var(--akzent-h);color:var(--rot);font-weight:600}
.seite nav .np .stern{visibility:hidden;border:0;background:none;padding:4px 6px;margin:0 2px 0 0;color:#B5B5BA;font-size:14px;line-height:1;cursor:pointer;border-radius:6px;min-width:28px;min-height:28px}
.seite nav .np:hover .stern,.seite.fav-modus .np .stern{visibility:visible}
.seite nav .np .stern.an{color:var(--gelb)}.seite nav .np .stern:hover{background:rgba(0,0,0,.06)}
.seite nav .np.fav .stern{visibility:hidden}.seite nav .np.fav:hover .stern,.seite.fav-modus .np.fav .stern{visibility:visible}
.seite nav .fav-kopf{display:flex;align-items:center;justify-content:space-between;color:var(--gelb)}
.seite nav .fav-bearbeiten{border:0;background:none;color:var(--rot);font-size:11px;padding:2px 4px;cursor:pointer;border-radius:6px}
.seite nav .fav-leer{font-size:11.5px;color:var(--text2);padding:2px 10px 4px}
.seite nav a.folgt{opacity:.45}
.seite .unten{color:var(--text2);border-top:1px solid #DCDCE0}.seite .unten a.ver{color:var(--text2)}
@media (hover:none){.seite nav .np .stern{visibility:hidden}.seite.fav-modus nav .np .stern{visibility:visible}}
body.menue-zu .seite{margin-left:-241px}
/* Kopfzeile */
.kopf{background:rgba(245,245,247,.86);-webkit-backdrop-filter:saturate(180%) blur(16px);backdrop-filter:saturate(180%) blur(16px);
  border-bottom:1px solid var(--grau-h);position:sticky;top:0;z-index:10;padding:10px 24px;min-height:56px}
.kopf h1{font-size:20px;font-weight:700;letter-spacing:-.01em}
.menu-knopf{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;color:var(--text2);background:none;border:0;padding:0}
.menu-knopf:hover{background:rgba(0,0,0,.06);color:var(--text)}
.kopf-logo{display:none}.kopf-logo img{display:block;height:28px;width:auto}
body.menue-zu .kopf-logo{display:block}
.kopf .nutzer{border-color:var(--linie);background:#fff}.kopf .abmelden{border-color:var(--linie);background:#fff}
.inhalt{padding:22px 28px}
/* Knöpfe & Eingaben */
.knopf,button{border-radius:18px;border:1px solid var(--linie);background:#fff;color:var(--text);padding:7px 16px;font-weight:500;min-height:34px;line-height:1.35}
.knopf:hover,button:hover{background:#F2F2F4}
.knopf.haupt,button.haupt{background:var(--rot);border-color:var(--rot);color:#fff;font-weight:600}
.knopf.haupt:hover,button.haupt:hover{background:#740000;border-color:#740000}
button.gefahr{border-color:#F0C9C6;color:var(--rot-a);background:#fff}button.gefahr:hover{background:#FDF0EF}
button:disabled{opacity:.5;cursor:default}
input,select,textarea{border:1px solid var(--linie);border-radius:10px;padding:7px 10px;min-height:34px}
input[type=checkbox],input[type=radio]{min-height:0}
input:focus,select:focus,textarea:focus{outline:3px solid rgba(140,0,0,.18);border-color:var(--rot)}
/* Reiter = Segment-Umschalter */
.reiter{display:inline-flex;flex-wrap:wrap;gap:2px;background:#E3E3E8;border-radius:10px;padding:2px}
.reiter a{border:0;background:transparent;border-radius:8px;padding:6px 14px;color:#3A3A3C;font-weight:500}
.reiter a:hover{text-decoration:none;background:rgba(255,255,255,.5)}
.reiter a.aktiv{background:#fff;color:var(--text);font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.reiter+.leiste,.reiter+.reiter,.reiter+table,.reiter+.karte{margin-top:12px}
/* Karten, Kacheln, Tabellen */
.karte,.links-liste{border:0;border-radius:14px;box-shadow:0 1px 2px rgba(0,0,0,.05),0 0 0 1px rgba(0,0,0,.04)}
.karte h2{color:var(--text);font-size:15px;text-transform:none;letter-spacing:-.005em;font-weight:700}
.kachel{border:0;border-radius:14px;box-shadow:0 1px 2px rgba(0,0,0,.05),0 0 0 1px rgba(0,0,0,.04);padding:14px 16px}
.kachel:hover{box-shadow:0 2px 10px rgba(0,0,0,.08),0 0 0 1px rgba(140,0,0,.25)}
.kachel .t{text-transform:none;font-size:12px;font-weight:500;color:var(--text2)}
.kachel .w{letter-spacing:-.02em}
.kachel.rot .w{color:var(--rot-a)}.kachel.gruen .w{color:var(--gruen)}.kachel.orange .w{color:var(--orange)}
table.liste{border:0;border-radius:14px;box-shadow:0 1px 2px rgba(0,0,0,.05),0 0 0 1px rgba(0,0,0,.04)}
table.liste th{background:#fff;color:var(--text2);font-size:12px;font-weight:600;border-bottom:1px solid var(--grau-h);padding:10px 12px}
table.liste td{border-top:1px solid #F0F0F3;padding:10px 12px;vertical-align:middle}
table.liste tr:nth-child(even) td{background:#fff}
table.liste tr.klick:hover td{background:#F7F7F9}
.marke-ticket{padding:3px 10px;border-radius:11px;font-weight:600;background:#F0F0F3;color:#3A3A3C}
.marke-ticket.Offen{background:#FFF1E0;color:#9A4A00}.marke-ticket.Abgeschlossen{background:#E7F6EC;color:#1D6E36}
.marke-ticket.Warte{background:#F1EAFB;color:#6B3FB0}.marke-ticket.In{background:#E6F0FD;color:#0B57B8}
.meldung{border:0;border-radius:12px;background:#E7F6EC;color:#1D6E36}
.fehler{border:0;border-radius:12px;background:#FDF0EF;color:var(--rot-a)}
.update-hinweis{border-radius:12px}
.person{border-left:0;border-radius:10px}.person.aktiv{background:var(--akzent-h)}.person.aktiv .n{color:var(--rot)}
.anmelden{border-top:0;border-radius:18px;box-shadow:0 10px 40px rgba(0,0,0,.08),0 0 0 1px rgba(0,0,0,.04)}
.speichern-leiste{background:rgba(245,245,247,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.eintrag{border-radius:0 10px 10px 0;background:#fff}
@media (max-width:900px){
  .seite{margin-left:0!important;left:-260px;width:250px}
  .seite.offen{left:0;box-shadow:4px 0 30px rgba(0,0,0,.18)}
  .kopf-logo{display:block}.kopf-logo img{height:24px}
  .kopf{padding:8px 12px}.inhalt{padding:14px 12px}
  .kopf h1{font-size:17px}
}

/* Menü-Bereiche einklappbar (Web 1.0.27) */
.seite nav .bereich-k{display:flex;width:100%;align-items:center;justify-content:space-between;background:none;border:0;border-radius:6px;cursor:pointer;
  font:inherit;font-size:11px;font-weight:700;color:var(--gelb);letter-spacing:.04em;min-height:0;padding:14px 10px 4px;text-align:left}
.seite nav .bereich-k:hover{background:rgba(0,0,0,.04)}
.seite nav .bereich-k .pfeil{display:inline-block;transition:transform .15s;transform:rotate(90deg);font-size:14px;line-height:1;color:var(--text2)}
.seite nav .gruppe.zu .bereich-k .pfeil{transform:rotate(0deg)}
.seite nav .gruppe.zu .punkte{display:none}