/* Portal Feuerwehr Meschede – „Meine digitale Feuerwehr“
   Farben aus dem Logo (Rot, Silbergrau). Systemschrift, keine externen
   Schriften (Datenschutz). Kein Dunkelmodus. Kleinste Schrift 12 px. */

:root{
  --rot:#b30000; --rot-dunkel:#8a0000; --rot-tief:#5e0000; --rot-hell:#fdf0f0; --rot-rand:#f3cccc;
  --primary:#900000; --primary-d:#6a0000; --primary-l:#b30000;   /* ältere Seiten */
  --silber:#c8c8cc; --silber-hell:#ececef;
  --text:#1c1c24; --dark:#1c1c24; --gray:#45454f; --muted:#5f5f6a;
  --bg:#f3f3f5; --card-bg:#fff; --border:#e1e1e6; --soft:#f8f8fa;
  --feld-rand:#858a94;   /* Rand von Eingabefeldern: ≥ 3:1 gegen Weiß (WCAG 1.4.11, BITV NRW) */
  --gruen:#15803d; --gruen-hell:#e7f6ee; --gelb:#a15c07; --gelb-hell:#fdf3e1; --blau:#1d4f91; --blau-hell:#eaf1fa;
  --radius:10px; --radius-gross:14px;
  --schatten-k:0 1px 2px rgba(20,10,10,.06),0 1px 3px rgba(20,10,10,.05);
  --schatten:0 6px 18px rgba(60,0,0,.10);
  --schatten-g:0 16px 40px rgba(40,0,0,.18);
  --tap:44px; --feld-h:44px;
  --kopf-h:64px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
/* Schrift Ubuntu (10/2026), im Portal abgelegt (assets/schrift, Ubuntu Font Licence) – kein fremder Dienst.
   Nur 400/500/700: 600 und fetter zeigen 700. */
@font-face{font-family:"Ubuntu";font-style:normal;font-weight:400;font-display:swap;src:url(schrift/ubuntu-latin-400.woff2?v=1) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Ubuntu";font-style:normal;font-weight:400;font-display:swap;src:url(schrift/ubuntu-latin-ext-400.woff2?v=1) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Ubuntu";font-style:normal;font-weight:500;font-display:swap;src:url(schrift/ubuntu-latin-500.woff2?v=1) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Ubuntu";font-style:normal;font-weight:500;font-display:swap;src:url(schrift/ubuntu-latin-ext-500.woff2?v=1) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Ubuntu";font-style:normal;font-weight:700;font-display:swap;src:url(schrift/ubuntu-latin-700.woff2?v=1) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Ubuntu";font-style:normal;font-weight:700;font-display:swap;src:url(schrift/ubuntu-latin-ext-700.woff2?v=1) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--kopf-h) + 12px)}
html.kein-scroll{overflow:hidden}
body{font-family:"Ubuntu",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:var(--bg);
     color:var(--text);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}
a{color:var(--rot)}
[hidden]{display:none!important}
.unsichtbar,.nur-vorlesen{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* Überlange Wörter (Adressen, Kennungen) brechen um, statt die Seite seitlich breit zu machen */
main.seite{overflow-wrap:break-word}
.sym{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.sprung{position:absolute;left:-999px;top:8px;background:#fff;color:var(--rot);padding:8px 14px;border-radius:8px;z-index:3000;font-weight:700}
.sprung:focus{left:12px}
:focus-visible{outline:3px solid #2b6fd6;outline-offset:2px}

/* ── Kopfleiste ─────────────────────────────────────────────── */
.kopf{position:sticky;top:0;z-index:1000;background:linear-gradient(120deg,var(--rot-tief) 0%,var(--rot-dunkel) 45%,var(--rot) 100%);
  color:#fff;box-shadow:0 2px 12px rgba(60,0,0,.25);padding-top:env(safe-area-inset-top);border-bottom:3px solid var(--silber)}
.kopf-innen{max-width:1280px;margin:0 auto;height:var(--kopf-h);display:flex;align-items:center;gap:14px;
  padding:0 max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left))}
.kopf-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;flex-shrink:0;min-height:var(--tap)}
.kopf-logo img{height:40px;width:auto;border-radius:4px;box-shadow:0 0 0 1px rgba(255,255,255,.25)}
.kopf-slogan{font-size:12px;line-height:1.25;text-transform:uppercase;letter-spacing:1.4px;font-weight:700;color:rgba(255,255,255,.75);
  border-left:2px solid rgba(255,255,255,.25);padding-left:12px}
.kopf-nav{margin-left:auto;display:flex;gap:2px;align-items:center;min-width:0}
.nav-a{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:64px;padding:7px 10px;border-radius:10px;flex-shrink:0;white-space:nowrap;
  background:none;border:none;font-family:inherit;cursor:pointer;
  color:rgba(255,255,255,.85);text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;
  -webkit-tap-highlight-color:transparent;transition:background .15s,color .15s}
.nav-a .sym{width:21px;height:21px}
.nav-a.aktiv{background:#fff;color:var(--rot-dunkel);box-shadow:0 2px 8px rgba(0,0,0,.18)}
@media(hover:hover) and (pointer:fine){.nav-a:not(.aktiv):hover{background:rgba(255,255,255,.14);color:#fff}}
.nav-zahl{position:absolute;top:2px;right:8px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#ffd400;color:#3a2a00;
  font-size:11px;font-weight:800;line-height:18px;text-align:center;letter-spacing:0}
.nav-a.aktiv .nav-zahl{background:var(--rot);color:#fff}
.nav-a span .sym{width:12px;height:12px;vertical-align:-1px;margin-left:1px}
.nav-gruppe{position:relative;flex-shrink:0}
.nav-menue{position:absolute;left:50%;transform:translateX(-50%);top:calc(100% + 8px);min-width:230px;background:#fff;color:var(--text);border-radius:12px;
  box-shadow:var(--schatten-g);border:1px solid var(--border);padding:6px;z-index:1100}
.nav-menue a{position:relative;display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:8px;color:var(--text);text-decoration:none;font-size:14px;font-weight:600}
.nav-menue a .sym{width:19px;height:19px;color:var(--rot)}
.nav-menue a:hover{background:var(--soft)}
.nav-menue a.aktiv{background:var(--rot-hell);color:var(--rot-dunkel)}
.nav-menue .nav-zahl{position:static;margin-left:auto}
@media(max-width:1180px){.nav-a{min-width:0;padding:7px 8px;font-size:11px}}
@media(max-width:1100px){.nutzer-name{display:none}}

.kopf-nutzer{position:relative;flex-shrink:0}
.nutzer-knopf{display:flex;align-items:center;gap:8px;height:var(--tap);padding:0 10px 0 5px;border-radius:22px;cursor:pointer;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#fff;font:inherit;font-size:14px;font-weight:600}
.nutzer-knopf:hover{background:rgba(255,255,255,.2)}
.nutzer-kreis{width:34px;height:34px;border-radius:50%;background:#fff;color:var(--rot-dunkel);display:flex;align-items:center;justify-content:center;font-weight:800}
.nutzer-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nutzer-knopf .sym{width:16px;height:16px}
.nutzer-menue{position:absolute;right:0;top:calc(100% + 8px);min-width:290px;background:#fff;color:var(--text);border-radius:12px;
  box-shadow:var(--schatten-g);border:1px solid var(--border);overflow:hidden;z-index:1100}
.nm-kopf{padding:14px 16px;background:var(--soft);border-bottom:1px solid var(--border)}
.nm-kopf strong{display:block}
.nm-kopf span{display:block;font-size:13px;color:var(--muted);word-break:break-all}
.nm-kopf em{display:inline-block;margin-top:6px;font-style:normal;font-size:12px;font-weight:700;color:var(--rot);background:var(--rot-hell);padding:2px 8px;border-radius:10px}
.nutzer-menue a,.nutzer-menue button{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;color:var(--text);text-decoration:none;
  font:inherit;font-size:14px;background:none;border:none;cursor:pointer;text-align:left}
.nutzer-menue a:hover,.nutzer-menue button:hover{background:var(--soft)}
.nutzer-menue form{border-top:1px solid var(--border)}
.nm-ab{color:var(--rot)!important;font-weight:600!important}

.menue-knopf{display:none;margin-left:auto;align-items:center;gap:6px;height:var(--tap);padding:0 12px;border-radius:10px;cursor:pointer;
  background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);color:#fff;font:inherit;font-size:13px;font-weight:800;
  letter-spacing:.6px;text-transform:uppercase}

/* Handy-Schublade */
.schublade{position:fixed;inset:0;z-index:2000;visibility:hidden;pointer-events:none}
.schublade.offen{visibility:visible;pointer-events:auto}
.schublade-hg{position:absolute;inset:0;background:rgba(15,0,0,.5);opacity:0;transition:opacity .22s}
.schublade.offen .schublade-hg{opacity:1}
.schublade-panel{position:absolute;top:0;right:0;bottom:0;width:min(320px,86vw);background:var(--rot-tief);color:#fff;display:flex;flex-direction:column;
  overflow-y:auto;transform:translateX(100%);transition:transform .25s ease;box-shadow:-6px 0 28px rgba(0,0,0,.35);
  padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) 0}
.schublade.offen .schublade-panel{transform:none}
.sp-kopf{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 14px 20px;border-bottom:1px solid rgba(255,255,255,.12);
  font-size:12px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:rgba(255,255,255,.7)}
.sp-zu{width:var(--tap);height:var(--tap);display:flex;align-items:center;justify-content:center;border-radius:10px;border:none;cursor:pointer;
  background:rgba(255,255,255,.12);color:#fff}
.sp-a{position:relative;display:flex;align-items:center;gap:14px;padding:15px 20px;color:rgba(255,255,255,.9);text-decoration:none;
  font-size:16px;font-weight:600;border-bottom:1px solid rgba(255,255,255,.07)}
.sp-a.aktiv{background:rgba(255,255,255,.14);color:#fff;box-shadow:inset 4px 0 0 #fff}
.sp-a .nav-zahl{position:static;margin-left:auto}
.sp-nutzer{margin-top:auto;padding:18px 20px;border-top:1px solid rgba(255,255,255,.15);background:rgba(0,0,0,.15)}
.sp-nutzer strong{display:block}
.sp-nutzer span{display:block;font-size:13px;color:rgba(255,255,255,.7);word-break:break-all;margin-bottom:10px}
.sp-nutzer button{display:flex;align-items:center;gap:10px;min-height:var(--tap);padding:0 14px;border-radius:10px;border:1px solid rgba(255,255,255,.3);
  background:transparent;color:#ffc9c9;font:inherit;font-weight:700;cursor:pointer}

@media(max-width:1180px){.kopf-slogan{display:none}}
@media(max-width:1000px){
  .kopf-nav,.kopf-nutzer{display:none}
  .menue-knopf{display:flex}
}
@media(max-width:480px){
  :root{--kopf-h:56px}
  .kopf-logo img{height:34px}
}

/* ── Seite ──────────────────────────────────────────────────── */
.seite{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:24px max(20px,env(safe-area-inset-right)) 56px max(20px,env(safe-area-inset-left))}
.page-inner{max-width:1200px;margin:0 auto}
.seite-titel{display:flex;align-items:flex-end;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;margin-bottom:20px}
.seite-titel h1{font-size:26px;font-weight:800;line-height:1.15;color:var(--text);letter-spacing:-.01em}
.seite-titel p{color:var(--muted);margin-top:4px}
.seite-aktionen{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:700px){
  .seite{padding:16px max(14px,env(safe-area-inset-right)) 48px max(14px,env(safe-area-inset-left))}
  .seite-titel{margin-bottom:14px}
  .seite-titel h1{font-size:22px}
  .card{padding:16px;margin-bottom:12px}   /* hier vorn, damit eigene Innenabstände (z. B. Lehrgangs-Spalten) gelten */
}

.fuss{background:#2a1416;color:rgba(255,255,255,.65);text-align:center;font-size:13px;
  padding:18px max(16px,env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));
  display:flex;gap:6px 18px;justify-content:center;flex-wrap:wrap}
.fuss a{color:rgba(255,255,255,.85)}

/* ── Bausteine ──────────────────────────────────────────────── */
.card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-gross);padding:22px;margin-bottom:18px;box-shadow:var(--schatten-k)}
.sec{font-size:16px;font-weight:800;margin-bottom:14px;color:var(--text);display:flex;align-items:center;gap:10px;overflow-wrap:anywhere;min-width:0}
.sec::before{content:'';display:block;width:4px;height:18px;background:var(--rot);border-radius:2px}
.sec .sec-rechts{margin-left:auto;font-size:13px;font-weight:700}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:800px){.grid2,.grid3{grid-template-columns:1fr}}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:var(--tap);padding:0 18px;border-radius:var(--radius);
  border:1px solid transparent;cursor:pointer;font:inherit;font-size:14px;font-weight:700;white-space:nowrap;text-decoration:none;line-height:1.2;
  transition:background .15s,box-shadow .15s,transform .1s;-webkit-tap-highlight-color:transparent}
.btn:active{transform:scale(.98)}
.btn .sym{width:18px;height:18px}
.bp{background:var(--rot);color:#fff;box-shadow:0 2px 6px rgba(140,0,0,.28)}.bp:hover{background:var(--rot-dunkel)}
.bs{background:#fff;color:var(--text);border-color:var(--border)}.bs:hover{background:var(--soft);border-color:#cfcfd6}
.bd{background:#fff;color:#b42318;border-color:#f1c4c0}.bd:hover{background:#fdecea}
.bg{background:var(--gruen);color:#fff}.bg:hover{filter:brightness(.93)}
.bsm{min-height:36px;padding:0 12px;font-size:13px}
.bsm .sym{width:16px;height:16px}
.bi{min-width:var(--tap);padding:0}
.bi.bsm{min-width:36px}
.btn[disabled]{opacity:.4;cursor:default}
.br{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;align-items:center}

label.fl{display:block;margin-bottom:14px}
label.fl > span:not(.fl-hilfe),.fl-titel{display:block;font-weight:700;margin-bottom:6px;font-size:14px;color:var(--gray)}
.fl-hilfe{display:block;font-size:13px;color:var(--muted);margin-top:5px}
input:not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea{width:100%;min-height:var(--feld-h);padding:10px 12px;
  border:1.5px solid var(--feld-rand);border-radius:var(--radius);font:inherit;font-size:15px;background:#fff;color:var(--text)}
textarea{min-height:110px;resize:vertical;line-height:1.5}
select{appearance:none;-webkit-appearance:none;padding-right:36px;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b6b76' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center/18px}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--rot);box-shadow:0 0 0 3px rgba(179,0,0,.35)}
input[type=checkbox],input[type=radio]{width:19px;height:19px;accent-color:var(--rot);vertical-align:middle;flex-shrink:0}
.feld-fehler input,.feld-fehler select,.feld-fehler textarea{border-color:#d92d20}
.feld-fehler .fehlertext{display:block;color:#b42318;font-size:13px;font-weight:600;margin-top:5px}

.hint{background:var(--blau-hell);border-left:4px solid var(--blau);border-radius:0 10px 10px 0;padding:12px 16px;color:#1f3a5c;margin-bottom:16px;font-size:14px}
.hint.warn{background:var(--gelb-hell);border-color:var(--gelb);color:#5c3a05}
.ok{color:var(--gruen);font-weight:600}.err{color:#b42318;font-weight:600}
.muted{color:var(--muted);font-size:14px}
.meldung{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:var(--radius);margin-bottom:16px;font-weight:600;overflow-wrap:anywhere}
.meldung .sym{margin-top:1px}
.meldung.ok{background:var(--gruen-hell);color:#0f5132;border:1px solid #bfe5cf}
.meldung.err{background:#fdecea;color:#8a1c12;border:1px solid #f4c7c2}
.meldung-schwebend{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:2000;width:min(560px,calc(100% - 32px));
  margin:0;box-shadow:var(--schatten-g);align-items:center;animation:ms-rein .25s ease-out;transition:opacity .35s,transform .35s}
.meldung-schwebend.weg{opacity:0;transform:translate(-50%,12px)}
.meldung-schwebend span{flex:1;min-width:0}
.ms-zu{background:none;border:none;font:inherit;font-size:22px;line-height:1;color:inherit;cursor:pointer;min-width:36px;min-height:36px;margin:-6px -8px -6px 0}
.mit-unten-nav .meldung-schwebend{bottom:calc(76px + env(safe-area-inset-bottom))}
@media(min-width:701px){.mit-unten-nav .meldung-schwebend{bottom:20px}}
@keyframes ms-rein{from{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%,0)}}
@media print{.meldung-schwebend{display:none}}

.tbl-wrap{overflow-x:auto;border-radius:12px;border:1px solid var(--border);width:100%;background:#fff}
.tbl{width:100%;border-collapse:collapse;font-size:14px}
.tbl th{background:var(--soft);padding:10px 12px;text-align:left;border-bottom:1px solid var(--border);font-weight:800;
        white-space:nowrap;color:var(--rot-dunkel);font-size:12px;text-transform:uppercase;letter-spacing:.05em}
.tbl td{padding:10px 12px;border-bottom:1px solid #f0f0f3;vertical-align:middle}
.tbl tr:last-child td{border-bottom:none}
.tbl tbody tr:hover{background:#fdf7f7}

.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:700;white-space:nowrap}
.bok{background:var(--gruen-hell);color:#0f5132}.bwl{background:var(--gelb-hell);color:#7a4504}.bst{background:#fdecea;color:#8a1c12}
.binfo{background:var(--blau-hell);color:var(--blau)}.bgrau{background:var(--silber-hell);color:var(--gray)}

.mit-domain{display:flex;align-items:stretch;border:1.5px solid var(--border);border-radius:var(--radius);overflow:hidden;background:#fff}
.mit-domain:focus-within{border-color:var(--rot);box-shadow:0 0 0 3px rgba(179,0,0,.12)}
.mit-domain input:not([type=checkbox]){border:none!important;border-radius:0;box-shadow:none!important;min-width:0;flex:1}
.mit-domain span{display:flex;align-items:center;padding:0 12px;background:var(--soft);color:var(--muted);font-size:14px;white-space:nowrap;border-left:1px solid var(--border)}
@media(max-width:420px){.mit-domain{flex-direction:column}.mit-domain span{border-left:none;border-top:1px solid var(--border);padding:8px 12px}}

.bn-reiter{max-width:420px}
.bn-reiter a{display:inline-flex;align-items:center;gap:7px;justify-content:center;min-height:var(--tap)}
.bn-reiter a .sym{width:18px;height:18px}
.bn-zurueck{display:inline-flex;align-items:center;gap:6px;margin:0 0 10px;font-weight:700;font-size:14px;text-decoration:none;color:var(--muted);min-height:36px}
.bn-zurueck .sym{width:16px;height:16px}
/* Kopf eines Kontos */
.bn-kopf{display:flex;gap:14px;align-items:flex-start}
.bn-kreis-g{flex:0 0 56px;height:56px;font-size:20px}
.bn-kopf .bn-t b{font-size:19px;white-space:normal}
.bn-kopf .bn-t small{white-space:normal}
.bn-kopf-marken{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px}
.bn-kopf-marken .badge .sym{width:13px;height:13px}
.bn-sicht{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:700;text-decoration:none;min-height:32px;padding:0 4px}
.bn-sicht .sym{width:16px;height:16px}
.bn-schalter{display:flex;flex-direction:column;gap:6px}
/* Profil-Wahl */
.rp-box{background:linear-gradient(180deg,var(--soft),#fff)}
.rp-titel{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin:0 0 10px}
.rp-jetzt{font-size:15px;line-height:1.5;margin:0 0 14px}
.rp-abw{display:flex;gap:6px;align-items:flex-start;margin-top:6px;font-size:13px;color:#7a4504;background:var(--gelb-hell);border-radius:8px;padding:6px 10px}
.rp-abw .sym{width:16px;height:16px;flex-shrink:0;margin-top:1px}
.rp-wahl{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin:0 0 12px}
.rp-opt{position:relative;display:block;min-width:0}
.rp-opt input{position:absolute;opacity:0;pointer-events:none}
.rp-opt > span{display:flex;align-items:center;gap:10px;height:100%;min-height:56px;padding:10px 12px;border:1.5px solid var(--border);border-radius:12px;background:#fff;cursor:pointer;
  box-shadow:var(--schatten-k);transition:border-color .15s,background .15s,transform .1s,box-shadow .15s;-webkit-tap-highlight-color:transparent}
.rp-opt > span:hover{border-color:var(--rot-rand)}
.rp-opt > span:active{transform:scale(.98)}
.rp-opt > span > .sym{width:22px;height:22px;flex-shrink:0;color:var(--rot)}
.rp-opt-t{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.rp-opt-t b{font-size:14px}
.rp-opt-t small{font-size:12px;color:var(--muted);font-weight:600}
.rp-opt input:checked + span{border-color:var(--rot);background:var(--rot);color:#fff;box-shadow:0 4px 12px rgba(140,0,0,.28)}
.rp-opt input:checked + span > .sym,.rp-opt input:checked + span small{color:#fff}
.rp-opt input:focus-visible + span{outline:3px solid var(--rot-rand);outline-offset:2px}
.rp-opt input:disabled + span{cursor:not-allowed;opacity:.6}
.rp-vorschau{font-size:14px;line-height:1.5}
.rp-vorschau > div{border-radius:10px;padding:8px 12px;margin-bottom:8px}
.rp-vorschau .plus{background:var(--gruen-hell);color:#0f5132}
.rp-vorschau .minus{background:#fdecea;color:#8a1c12}
.rp-vorschau .gleich{background:var(--silber-hell);color:var(--gray)}
.rp-vorschau .rp-klein{padding:0 2px;font-size:12px;color:var(--muted)}
.rp-vorschau ul{margin:4px 0 0 18px;padding:0}
.rp-vorschau .rp-mods{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.rp-vorschau .rp-mods span{background:rgba(255,255,255,.7);border-radius:20px;padding:2px 9px;font-size:12px;font-weight:700}
.rp-vorschau details{margin-top:6px;font-size:13px}
.rp-vorschau summary{cursor:pointer;font-weight:700;min-height:32px;display:flex;align-items:center}
.rp-loesen{margin:-10px 0 18px;text-align:right}
.btn-link{background:none;border:none;padding:6px 4px;font:inherit;font-size:13px;font-weight:700;color:var(--muted);text-decoration:underline;cursor:pointer;min-height:36px}
/* Einzelne Rechte als Schalter */
.rr-werk{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 10px}
.rr-werk input[type=search]{flex:1;min-width:180px}
.rr-nur{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;min-height:var(--tap)}
details.rg{border:1px solid var(--border);border-radius:12px;margin-bottom:8px;background:#fff;overflow:hidden}
details.rg > summary{display:flex;align-items:center;gap:8px;padding:10px 14px;cursor:pointer;font-weight:700;font-size:15px;list-style:none;min-height:var(--tap);-webkit-tap-highlight-color:transparent}
details.rg > summary::-webkit-details-marker{display:none}
details.rg > summary::after{content:'';width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);margin:-4px 2px 0 4px;transition:transform .15s;flex-shrink:0}
details.rg[open] > summary::after{transform:rotate(-135deg);margin-top:4px}
details.rg > summary:hover{background:var(--soft)}
details.rg > summary .sym{width:18px;height:18px;flex-shrink:0}
.rg-zahl{margin-left:auto;font-size:12px;font-weight:800;padding:2px 9px;border-radius:20px;background:var(--silber-hell);color:var(--muted);flex-shrink:0}
.rg-zahl.teil{background:var(--rot-hell);color:var(--rot-dunkel)}
.rg-text{margin:0;padding:0 14px 10px;font-size:13px;color:#7a3b05}
.rg-text-grau{color:var(--muted)}
.rp-ist > span{border-color:var(--rot-rand);background:var(--rot-hell)}
details.rg.streng{border-color:#f1c08a;background:#fffaf2}
details.rg.streng > summary{color:#8a3b05}
details.rg[hidden],.rr[hidden]{display:none!important}
.rr{display:flex;align-items:flex-start;gap:12px;padding:10px 14px;border-top:1px solid #f1f1f4;cursor:pointer;-webkit-tap-highlight-color:transparent}
.rr:hover{background:var(--soft)}
.rr-flach{border:1px solid var(--border);border-radius:12px;padding:10px 12px}
.rr-aus{cursor:not-allowed}
.rr-aus .rr-l{color:var(--muted)}
.rr-t{flex:1;min-width:0}
.rr-l{display:block;font-weight:600;font-size:14px;line-height:1.35}
.rr-d{display:block;font-size:12px;color:var(--muted);margin-top:2px;overflow-wrap:anywhere}
.rr-p{display:inline-block;font-size:11px;font-weight:800;color:var(--rot-dunkel);background:var(--rot-hell);border-radius:20px;padding:0 7px;margin-left:6px;vertical-align:1px}
.rr-p-gelb{color:#7a4504;background:var(--gelb-hell)}
.rr-p-grau{color:var(--gray);background:var(--silber-hell)}
.rr-leer{padding:14px;color:var(--muted);font-size:14px;display:none;text-align:center}
/* Schalter: echte Checkbox, nur anders aussehend – geht ohne Skript */
.sw{position:relative;flex-shrink:0;width:46px;height:28px}
.sw input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer;z-index:1}
.sw input:disabled{cursor:not-allowed}
.sw i{position:absolute;inset:0;border-radius:28px;background:#c9c9d1;transition:background .18s;pointer-events:none}
.sw i::after{content:'';position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .18s cubic-bezier(.3,1.4,.6,1)}
.sw input:checked + i{background:var(--gruen)}
.sw input:checked + i::after{transform:translateX(18px)}
.sw input:active + i::after{width:26px}
.sw input:checked:active + i::after{transform:translateX(14px)}
.sw input:focus-visible + i{outline:3px solid var(--rot-rand);outline-offset:2px}
.sw input:disabled + i{opacity:.5}
/* Speichern-Leiste klebt unten */
.rr-leiste{position:sticky;bottom:0;z-index:5;display:flex;gap:12px;align-items:center;flex-wrap:nowrap;margin:14px -22px -22px;padding:12px 22px calc(12px + env(safe-area-inset-bottom));
  background:rgba(255,255,255,.96);border-top:1px solid var(--border);border-radius:0 0 var(--radius-gross) var(--radius-gross);backdrop-filter:blur(6px)}
.mit-unten-nav .rr-leiste{bottom:calc(64px + env(safe-area-inset-bottom))}
@media(min-width:701px){.mit-unten-nav .rr-leiste{bottom:0}}
.rr-aend{flex:1;min-width:0;font-size:13px;color:var(--muted);font-weight:600;line-height:1.3}
.rr-aend.da{color:#a15c07;font-weight:800}
.rr-geaendert .rr-leiste{background:#fffaf0;border-top-color:#f1c08a}
/* Verlauf */
.rv-liste{list-style:none;margin:14px 0 0 6px;padding:0;border-left:3px solid var(--rot-hell)}
.rv-e{position:relative;padding:0 0 14px 16px}
.rv-e::before{content:'';position:absolute;left:-9px;top:5px;width:15px;height:15px;border-radius:50%;background:#fff;border:3px solid var(--rot)}
.rv-kopf{display:flex;flex-wrap:wrap;gap:2px 10px;align-items:baseline;font-size:15px}
.rv-kopf span{font-size:13px;color:var(--muted)}
.rv-plus,.rv-minus{display:flex;gap:6px;align-items:flex-start;font-size:13px;line-height:1.45;margin-top:4px}
.rv-plus .sym,.rv-minus .sym{width:15px;height:15px;flex-shrink:0;margin-top:2px}
.rv-plus{color:#0f5132}.rv-minus{color:#8a1c12}
/* Profile */
.pv-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.pv-karte{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1.5px solid var(--border);border-radius:14px;background:#fff;text-decoration:none;color:var(--text);
  box-shadow:var(--schatten-k);transition:border-color .15s,box-shadow .15s,transform .1s;-webkit-tap-highlight-color:transparent}
.pv-karte:hover{border-color:var(--rot-rand);box-shadow:var(--schatten)}
.pv-karte:active{transform:scale(.985)}
.pv-karte > .sym{width:18px;height:18px;color:#c4c4cc;flex-shrink:0;align-self:center}
.pv-ic{flex:0 0 44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--rot),var(--rot-dunkel));color:#fff;display:flex;align-items:center;justify-content:center}
.pv-ic .sym{width:24px;height:24px}
.pv-ic-k{flex-basis:36px;height:36px;border-radius:10px}
.pv-ic-k .sym{width:20px;height:20px}
.pv-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.pv-t b{font-size:16px}
.pv-t small{font-size:13px;color:var(--muted);line-height:1.4}
.pv-marken{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}
.pv-symbole{display:flex;flex-wrap:wrap;gap:6px}
.pv-sym{position:relative}
.pv-sym input{position:absolute;opacity:0;pointer-events:none}
.pv-sym span{display:flex;align-items:center;justify-content:center;width:var(--tap);height:var(--tap);border:1.5px solid var(--border);border-radius:10px;background:#fff;cursor:pointer;color:var(--gray)}
.pv-sym span .sym{width:22px;height:22px}
.pv-sym input:checked + span{background:var(--rot);border-color:var(--rot);color:#fff}
.pv-sym input:focus-visible + span{outline:3px solid var(--rot-rand);outline-offset:2px}
.von-liste{max-height:320px;overflow-y:auto;border:1px solid var(--border);border-radius:12px}
.von-liste .rr:first-child{border-top:none}
@media(max-width:700px){
  .rp-wahl{grid-template-columns:1fr 1fr}
  .pv-liste{grid-template-columns:1fr}
  .bn-kopf{gap:12px}
  .bn-kreis-g{flex-basis:48px;height:48px;font-size:18px}
  .bn-reiter{max-width:none}
}
@media(max-width:400px){.rp-wahl{grid-template-columns:1fr}}

.reiter{display:flex;flex-wrap:wrap;gap:4px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:4px;margin-bottom:16px}
.reiter a{padding:9px 16px;border-radius:9px;text-decoration:none;color:var(--muted);font-weight:700;font-size:14px;white-space:nowrap;
  display:inline-flex;gap:6px;align-items:center}
.reiter a.aktiv{background:var(--rot);color:#fff}
.reiter a .badge{background:rgba(0,0,0,.08);color:inherit}

.leer-hinweis{text-align:center;padding:36px 16px;color:var(--muted)}
.leer-hinweis .sym{width:40px;height:40px;color:#c4c4cc;margin-bottom:8px}
.leer-hinweis strong{display:block;color:var(--text);font-size:16px;margin-bottom:4px}

.suchfeld{position:relative}
.suchfeld .sym{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted)}
.suchfeld input{padding-left:44px!important;border-radius:12px!important;min-height:50px!important;box-shadow:var(--schatten-k)}

/* Tabellen: Nebenspalten auf dem Handy ausblenden */
.nur-schmal{display:none}
@media(max-width:767px){.nb-schmal{display:none!important}.nur-schmal{display:block}}

/* ── Startseite ─────────────────────────────────────────────── */
.dash-gruss{display:flex;align-items:flex-end;justify-content:space-between;gap:10px 20px;flex-wrap:wrap;margin-bottom:16px}
.dash-gruss h1{font-size:28px;font-weight:800;letter-spacing:-.01em;line-height:1.1}
.dash-gruss p{color:var(--muted);margin-top:4px;font-size:14px}
.dash-suche{margin-bottom:20px}
.qa{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:24px}
.qa a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:112px;padding:16px 10px;
  border-radius:var(--radius-gross);background:linear-gradient(150deg,var(--rot) 0%,var(--rot-dunkel) 100%);color:#fff;text-decoration:none;
  text-align:center;font-weight:800;font-size:16px;line-height:1.2;box-shadow:0 2px 6px rgba(120,0,0,.22);transition:transform .15s,box-shadow .15s}
.qa a .sym{width:32px;height:32px;stroke-width:1.7}
.qa a.hell{background:#fff;color:var(--rot-dunkel);border:1px solid var(--border);box-shadow:var(--schatten-k)}
.qa a .nav-zahl{top:8px;right:8px}
@media(hover:hover) and (pointer:fine){.qa a:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(120,0,0,.28)}}
.dash-spalten{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:24px}
@media(max-width:800px){.dash-spalten{grid-template-columns:1fr}}
.dk{background:#fff;border:1px solid var(--border);border-radius:var(--radius-gross);box-shadow:var(--schatten-k);overflow:hidden;display:flex;flex-direction:column}
.dk-kopf{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid #f0f0f3}
.dk-kopf .sym{color:var(--rot)}
.dk-kopf strong{flex:1;font-size:15px;font-weight:800}
.dk-kopf a{font-size:13px;font-weight:700;text-decoration:none}
.dk-zeile{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #f4f4f6;text-decoration:none;color:var(--text)}
.dk-zeile:last-child{border-bottom:none}
.dk-zeile:hover{background:#fdf7f7}
.dk-ic{width:38px;height:38px;border-radius:10px;background:var(--rot-hell);color:var(--rot);display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0}
.dk-t{flex:1;min-width:0}
.dk-t b{display:block;font-size:14px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dk-t small{display:block;font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dk-zeile > .sym{color:#c4c4cc;width:18px;height:18px}
.dk-leer{padding:24px 16px;text-align:center;color:var(--muted);font-size:14px}

.abschnitt-titel{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--rot-dunkel);
  margin:6px 0 12px;display:flex;align-items:center;gap:10px}
.abschnitt-titel::after{content:"";flex:1;height:1px;background:var(--border)}
.lgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:22px}
@media(max-width:900px){.lgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:540px){.lgrid{grid-template-columns:1fr}}
.lk{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#fff;border:1px solid var(--border);border-radius:12px;text-decoration:none;
  color:var(--text);box-shadow:var(--schatten-k);transition:border-color .15s,box-shadow .15s;min-height:64px}
@media(hover:hover) and (pointer:fine){.lk:hover{border-color:var(--rot-rand);box-shadow:var(--schatten)}}
.lk-sym{width:40px;height:40px;border-radius:10px;background:var(--rot-hell);display:flex;align-items:center;justify-content:center;font-size:21px;flex-shrink:0}
.lk-sym img{max-width:32px;max-height:26px}
.lk-t{flex:1;min-width:0}
.lk-t b{display:block;font-size:14px;line-height:1.3}
.lk-t small{display:block;font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lk > .sym{color:#c4c4cc;width:17px;height:17px}
.lk-schild{font-size:11px;font-weight:800;padding:2px 7px;border-radius:10px;background:var(--blau-hell);color:var(--blau);white-space:nowrap}
.lk-schild.rot{background:#fdecea;color:#8a1c12}

/* ── Formulare ─────────────────────────────────────────────── */
.fgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-bottom:24px}
.fk{position:relative;display:flex;gap:14px;align-items:flex-start;padding:16px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-gross);
  text-decoration:none;color:var(--text);box-shadow:var(--schatten-k);transition:border-color .15s,box-shadow .15s,transform .15s}
@media(hover:hover) and (pointer:fine){.fk:hover{border-color:var(--rot-rand);box-shadow:var(--schatten);transform:translateY(-2px)}}
.fk-sym{width:46px;height:46px;border-radius:12px;background:var(--rot-hell);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}
.fk b{display:block;font-size:15px;line-height:1.3;margin-bottom:3px}
.fk small{display:block;font-size:13px;color:var(--muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

.formular{max-width:760px;margin:0 auto}
.formular-kopf{display:flex;gap:16px;align-items:center;padding:22px;border-radius:var(--radius-gross) var(--radius-gross) 0 0;color:#fff;
  background:radial-gradient(120% 130% at 100% 0%,rgba(214,28,36,.34),transparent 55%),linear-gradient(160deg,#2a313d 0%,#1a1f28 70%,#11141a 100%)}
.formular-kopf .fk-sym{background:rgba(255,255,255,.18);width:54px;height:54px;font-size:28px}
.formular-kopf h1{font-size:22px;line-height:1.2}
.formular-kopf p{color:rgba(255,255,255,.85);font-size:14px;margin-top:4px;white-space:pre-line}
.formular-koerper{background:#fff;border:1px solid var(--border);border-top:none;border-radius:0 0 var(--radius-gross) var(--radius-gross);padding:22px;box-shadow:var(--schatten-k)}
.ff-raster{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.ff-voll{grid-column:1/-1}
@media(max-width:600px){.ff-raster{grid-template-columns:1fr}}
.ff-feld{margin-bottom:18px}
.ff-pflicht{color:var(--rot);margin-left:3px}
.ff-ueberschrift{grid-column:1/-1;font-size:17px;font-weight:800;color:var(--rot-dunkel);margin:10px 0 14px;padding-bottom:6px;border-bottom:2px solid var(--rot-rand)}
.ff-hinweis{grid-column:1/-1;background:var(--soft);border-radius:10px;padding:12px 14px;margin-bottom:18px;font-size:14px;color:var(--gray);white-space:pre-line}
.ff-wahl{display:flex;flex-wrap:wrap;gap:8px}
.ff-wahl label{display:flex;align-items:center;gap:8px;min-height:var(--tap);padding:8px 14px;border:1.5px solid var(--border);border-radius:22px;cursor:pointer;
  background:#fff;font-size:14px;font-weight:600}
.ff-wahl label:has(input:checked){border-color:var(--rot);background:var(--rot-hell);color:var(--rot-dunkel)}
.ff-bestaetigung{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border:1.5px solid var(--border);border-radius:10px;cursor:pointer;font-size:14px}
.ff-bestaetigung:has(input:checked){border-color:var(--rot);background:var(--rot-hell)}
.ff-erfolg{text-align:center;padding:34px 16px}
.ff-erfolg .haken-kreis{width:72px;height:72px;border-radius:50%;background:var(--gruen-hell);color:var(--gruen);display:flex;align-items:center;justify-content:center;margin:0 auto 14px}
.ff-erfolg .haken-kreis .sym{width:38px;height:38px;stroke-width:2.4}
.ff-erfolg h2{font-size:22px;margin-bottom:8px}
.ff-erfolg p{color:var(--muted);white-space:pre-line;max-width:520px;margin:0 auto}
#erfolg .ff-erfolg{border-top:1px solid var(--border);border-radius:var(--radius-gross);outline:none}
#erfolg .ff-erfolg .br{margin-top:18px}
.ff-erfolg-test{display:flex;gap:8px;align-items:flex-start;justify-content:center;text-align:left;max-width:520px !important;background:var(--gelb-hell);color:#5c3a05 !important;padding:8px 12px;border-radius:8px;margin:0 auto 12px !important;font-size:14px}
.ff-erfolg-test .sym{flex-shrink:0}
.ff-erfolg-an{max-width:520px;margin:4px auto 12px;padding:12px 16px;border:1.5px solid var(--gruen);background:var(--gruen-hell);border-radius:10px;text-align:left}
.ff-erfolg-an-t{display:flex;gap:8px;align-items:center;font-weight:700;font-size:14px;color:var(--gruen)}
.ff-erfolg-an ul{margin:6px 0 0;padding-left:26px;font-size:15px;font-weight:600;overflow-wrap:break-word;word-break:break-word}
@media (max-width:480px){.ff-erfolg-an{padding:10px 12px}.ff-erfolg-an ul{font-size:14px;padding-left:18px}}
.ff-erfolg-an li{margin:3px 0}
.honig{position:absolute;left:-5000px;width:1px;height:1px;overflow:hidden}

/* Eingänge */
.ein-layout{display:grid;grid-template-columns:340px 1fr;gap:18px;align-items:start}
@media(max-width:900px){.ein-layout{grid-template-columns:1fr}}
.ein-liste{background:#fff;border:1px solid var(--border);border-radius:var(--radius-gross);overflow:hidden;box-shadow:var(--schatten-k)}
.ein-z{display:block;padding:12px 14px;border-bottom:1px solid #f0f0f3;text-decoration:none;color:var(--text);border-left:4px solid transparent}
.ein-z:hover{background:#fdf7f7}
.ein-z.aktiv{background:var(--rot-hell);border-left-color:var(--rot)}
.ein-z .ez-kopf{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:3px}
.ein-z .ez-kopf small{color:var(--muted);font-size:12px}
.ein-z .ez-vorschau,.ein-z .ez-wer,.ein-z .ez-kopf{display:flex}.ein-z .ez-vorschau,.ein-z .ez-wer{display:block}
.ein-z .ez-vorschau{font-size:13px;color:var(--gray);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ein-z .ez-wer{font-size:12px;color:var(--muted)}
.ein-detail dl{display:grid;grid-template-columns:minmax(140px,240px) 1fr;gap:0;border:1px solid var(--border);border-radius:12px;overflow:hidden}
.ein-detail dt{padding:10px 14px;background:var(--soft);font-weight:700;font-size:14px;color:var(--gray);border-bottom:1px solid var(--border)}
.ein-detail dd{padding:10px 14px;font-size:14px;border-bottom:1px solid var(--border);white-space:pre-line;overflow-wrap:anywhere}
.ein-detail dt.dl-ueb{grid-column:1/-1;background:#fff;color:var(--rot-dunkel);font-size:15px;font-weight:800;padding-top:14px}
@media(max-width:600px){.ein-detail dl{grid-template-columns:1fr}.ein-detail dt{border-bottom:none;padding-bottom:2px}.ein-detail dd{padding-top:2px}}
.status-wahl{display:flex;flex-wrap:wrap;gap:8px}
.status-wahl label{display:flex;align-items:center;gap:8px;min-height:40px;padding:6px 14px;border:1.5px solid var(--border);border-radius:20px;cursor:pointer;font-weight:700;font-size:14px}
.status-wahl label:has(input:checked){border-color:var(--rot);background:var(--rot-hell);color:var(--rot-dunkel)}

@media print{
  .kopf,.schublade,.fuss,.seite-aktionen,.nicht-drucken,.ein-liste,.br{display:none!important}
  body{background:#fff}
  .seite{padding:0;max-width:none}
  .card,.dk{box-shadow:none;border-color:#ccc}
  .ein-layout{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* ── Anmeldung ─────────────────────────────────────────────── */
.anmelde-buehne{flex:1;display:flex;align-items:center;justify-content:center;padding:30px 16px;
  background:radial-gradient(circle at 20% 0%,#fff 0,transparent 55%),linear-gradient(160deg,#f6eeee 0%,#ecebee 100%)}
.anmelde-karte{width:100%;max-width:440px;background:#fff;border-radius:20px;box-shadow:var(--schatten-g);overflow:hidden}
.ak-kopf{background:linear-gradient(120deg,var(--rot-tief),var(--rot));color:#fff;padding:26px 26px 22px;text-align:center}
.ak-kopf img{height:56px;width:auto;border-radius:5px;box-shadow:0 0 0 1px rgba(255,255,255,.3)}
.ak-kopf h1{font-size:22px;margin-top:14px;letter-spacing:.01em}
.ak-kopf p{font-size:14px;color:rgba(255,255,255,.8);margin-top:2px}
.ak-koerper{padding:24px 26px 26px}
.ak-koerper .btn{width:100%;min-height:50px;font-size:15px;margin-top:14px}
.ak-fuss{font-size:13px;color:var(--muted);text-align:center;margin-top:16px}
.seite:has(> .anmelde-buehne){max-width:none;padding:0;display:flex}
.ein-layout > *,.grid2 > *,.dash-spalten > *{min-width:0}


/* ── AAO-Änderung ── */
.aao-dl{display:grid;grid-template-columns:150px 1fr;gap:8px 14px;font-size:15px}
.aao-dl dt{color:var(--muted);font-weight:700;font-size:14px}
@media(max-width:600px){.aao-dl{grid-template-columns:1fr;gap:2px}.aao-dl dd{margin-bottom:8px}}
.aao-h{font-size:15px;font-weight:800;color:var(--rot-dunkel);margin:6px 0 6px}
.aao-zeile{display:grid;grid-template-columns:1fr 110px 110px;gap:0 12px}
@media(max-width:600px){.aao-zeile{grid-template-columns:1fr 1fr;border-bottom:1px solid var(--border);margin-bottom:12px}.aao-zeile > :first-child{grid-column:1/-1}}
.aao-zeit{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-bottom:18px}
.aao-zeit .fl-titel{flex-basis:100%;margin:0}
.aao-zeit input[type=date]{width:170px}.aao-zeit input[type=time]{width:120px}
.aao-bis{font-weight:700;color:var(--muted);padding:0 2px}
@media(max-width:420px){.aao-zeit label{flex:1 1 45%}.aao-zeit input[type=date],.aao-zeit input[type=time]{width:100%}.aao-bis{flex-basis:100%}}
.aao-sig{display:block;width:100%;max-width:640px;height:170px;border:2px dashed var(--silber);border-radius:12px;background:#fff;touch-action:none;cursor:crosshair}
.aao-sig-bild img,.aao-gespeichert img{max-width:320px;max-height:110px;border:1px solid var(--border);border-radius:10px;background:#fff;padding:6px}
.aao-gespeichert{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.aao-cc{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;margin-bottom:6px}
.aao-cc label{display:flex;gap:8px;align-items:center;font-size:14px}
.aao-liste{border:1px solid var(--border);border-radius:12px;overflow:hidden}
.aao-verlauf{list-style:none;font-size:14px}
.aao-verlauf li{padding:8px 0;border-bottom:1px solid #f0f0f3}
.aao-vd{white-space:pre-line;color:var(--gray);font-size:13px;margin-top:3px}

/* Rasterzellen dürfen schmaler werden als ihr Inhalt (lange Beschreibungen
   werden abgeschnitten statt die Seite zu verbreitern); Sicherheitsnetz gegen
   seitliches Scrollen am Handy */
.lgrid > *,.fgrid > *,.qa > *,.grid3 > *,.aao-cc > *,.aao-zeile > *{min-width:0}
.lk-t b{overflow:hidden;text-overflow:ellipsis}
html{overflow-x:clip}

/* ── Dokumente ──────────────────────────────────────────────────────────── */
.dok-hoch summary{list-style:none}
.dok-hoch summary::-webkit-details-marker{display:none}
.dok-hoch summary .sym{width:18px;height:18px;color:var(--rot)}
.dok-kat{margin-bottom:22px}
.dok-kat .abschnitt-titel{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.dok-liste{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--schatten);overflow:hidden}
.dok{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px 8px 0;border-bottom:1px solid #f4f4f6}
.dok:last-child{border-bottom:none}
.dok-haupt{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:4px 0 4px 14px;text-decoration:none;color:var(--text)}
.dok-haupt:hover .dk-t b{color:var(--rot)}
.dok-haupt .dk-t b{white-space:normal}
.dok-mehr > summary{list-style:none;cursor:pointer}
.dok-mehr > summary::-webkit-details-marker{display:none}
.dok-mehr[open]{flex-basis:100%;width:100%;text-align:right}
.dok-mehr > summary{display:inline-flex}
.dok-mehr[open] > summary{background:var(--rot-hell);color:var(--rot)}
.dok-bearb{text-align:left;margin:10px 0 4px 14px;padding:14px;background:#fafafb;border:1px solid var(--border);border-radius:10px;display:grid;gap:14px;min-width:0}
.dok-bearb form{min-width:0}
.dok-fassung{border-top:1px dashed var(--border);padding-top:12px}
.dok-ic{font-size:17px}
.dok-kat-form{display:grid;grid-template-columns:2fr 1fr 1fr;gap:0 14px}
.dok-kat-form > *{min-width:0}
.dok-voll{grid-column:1 / -1}
@media(max-width:600px){.dok-kat-form{grid-template-columns:1fr 1fr}.dok-kat-form > .fl:first-of-type{grid-column:1 / -1}}

/* ── Fahrzeugausfall ────────────────────────────────────────────────────── */
.fa-art{border:none;padding:0;margin:0 0 14px;display:flex;flex-wrap:wrap;gap:10px}
.fa-art legend{font-size:14px;font-weight:700;margin-bottom:8px;padding:0}
.fa-wahl{flex:1 1 200px;display:flex;align-items:center;gap:10px;padding:12px 14px;border:1.5px solid var(--border);border-radius:10px;cursor:pointer;font-weight:600;min-height:var(--tap,44px)}
.fa-wahl:has(input:checked){border-color:var(--rot);background:var(--rot-hell);color:var(--rot-dunkel)}
.fa-seit{display:grid;grid-template-columns:3fr 2fr;gap:0 12px}
.fa-seit > *{min-width:0}
.fa-an{border:1.5px solid var(--blau);background:var(--blau-hell);border-radius:10px;padding:12px 14px;margin:6px 0 16px;color:#1f3a5c}
.fa-an-titel{display:flex;align-items:center;gap:8px;font-weight:800;margin-bottom:6px}
.fa-an-titel .sym{width:18px;height:18px}
.fa-liste{margin:0;padding-left:20px;font-size:14px;overflow-wrap:break-word;min-width:0}
.fa-liste li{margin:2px 0}
.fa-liste li.fa-neu{font-weight:700}
.fa-liste li.fa-falsch{color:#8a1c12;text-decoration:line-through}
.fa-test{margin:0 0 6px;font-size:13px;color:#5c3a05;background:var(--gelb-hell);padding:6px 10px;border-radius:6px}
.fa-kopie{margin:6px 0 0;font-size:13px;color:var(--muted)}
.fa-dl{display:grid;grid-template-columns:minmax(110px,180px) 1fr;gap:8px 16px;margin:0;font-size:14px}
.fa-dl dt{color:var(--muted)}
.fa-dl dd{margin:0;min-width:0;overflow-wrap:anywhere}
.haken-zeile{display:flex!important;gap:10px;align-items:center}
textarea.mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px}
@media(max-width:520px){.fa-dl{grid-template-columns:1fr;gap:2px}.fa-dl dd{margin-bottom:8px}}

/* ── Handy: Reiter umbrechen, Tabellen als Karten ───────────────────────── */
.reiter a{flex:1 1 auto;text-align:center;justify-content:center}
@media(max-width:640px){
  /* Tabellen ohne seitliches Scrollen: jede Zeile eine Karte, Spaltenkopf als
     Beschriftung (data-label setzt portal.js). .tbl-breit behält die Tabelle. */
  .tbl-wrap:has(> .tbl:not(.tbl-breit)){overflow:visible;border:none;background:none}
  .tbl:not(.tbl-breit){min-width:0!important}
  .tbl:not(.tbl-breit) thead{display:none}
  .tbl:not(.tbl-breit),.tbl:not(.tbl-breit) tbody,.tbl:not(.tbl-breit) tr,.tbl:not(.tbl-breit) td{display:block;width:100%}
  .tbl:not(.tbl-breit) tr{background:#fff;border:1px solid var(--border);border-radius:12px;padding:8px 12px;margin-bottom:10px;box-shadow:var(--schatten-k)}
  .tbl:not(.tbl-breit) td{border:none!important;padding:5px 0!important;display:flex;gap:12px;justify-content:space-between;align-items:flex-start;text-align:right;min-width:0;overflow-wrap:anywhere}
  .tbl:not(.tbl-breit) td[data-label]::before{content:attr(data-label);color:var(--muted);font-weight:700;font-size:12px;text-align:left;flex:0 0 38%;max-width:38%}
  .tbl:not(.tbl-breit) td:not([data-label]),.tbl:not(.tbl-breit) td[data-label=""]{justify-content:flex-end}
  .tbl:not(.tbl-breit) td[data-label=""]::before{display:none}
}

/* ── Untere Leiste (Handy, wie eine App) ────────────────────────────────── */
.unten-nav{display:none}
@media(max-width:1000px){
  .unten-nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:1500;background:#fff;border-top:1px solid var(--border);
    box-shadow:0 -4px 18px rgba(0,0,0,.08);padding:4px max(6px,env(safe-area-inset-right)) calc(4px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))}
  .un-a{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;border:none;background:none;font:inherit;
    color:var(--muted);text-decoration:none;font-size:11px;font-weight:700;border-radius:10px;cursor:pointer;-webkit-tap-highlight-color:transparent;min-height:48px}
  .un-a.aktiv{color:var(--rot)}
  .un-a.aktiv .un-sym{background:var(--rot-hell)}
  .un-sym{position:relative;display:flex;align-items:center;justify-content:center;width:52px;height:28px;border-radius:14px}
  .un-sym .sym{width:22px;height:22px}
  .un-sym .nav-zahl{position:absolute;top:-4px;right:4px;min-width:17px;height:17px;font-size:11px;padding:0 4px}
  .un-t{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  body.mit-unten-nav{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
  body.mit-unten-nav .toast{bottom:calc(80px + env(safe-area-inset-bottom))}
  /* iOS zoomt bei Schrift unter 16 px in Eingabefelder hinein */
  input:not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea{font-size:16px}
}
@media print{.unten-nav{display:none!important}body.mit-unten-nav{padding-bottom:0}}

/* ── Untermenüs am Handy: aufklappbare Auswahl statt Reiterleiste ───────── */
.um-knopf{display:none}
@media(max-width:700px){
  .um-knopf{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;width:100%;min-height:58px;padding:7px 8px 7px 14px;margin:12px 0 16px;
    background:#fff;border:1.5px solid #c9ccd4;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.06);font:inherit;font-size:16px;font-weight:800;color:var(--text);cursor:pointer;text-align:left}
  .um-knopf:active{background:var(--soft)}
  .um-knopf .um-vor{grid-column:1;grid-row:1;font-size:11.5px;font-weight:700;color:var(--muted);letter-spacing:.02em;line-height:1.2}
  .um-knopf .um-text{grid-column:1;grid-row:2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);line-height:1.3}
  .um-knopf .sym{grid-column:2;grid-row:1 / 3;width:38px;height:38px;padding:8px;border-radius:9px;background:var(--rot-hell);color:var(--rot);transition:transform .2s}
  .um-knopf[aria-expanded="true"]{border-color:var(--rot);border-bottom-left-radius:0;border-bottom-right-radius:0;margin-bottom:0;box-shadow:none}
  .um-knopf[aria-expanded="true"] .sym{transform:rotate(180deg)}
  [data-untermenue].um-bereit{display:none!important}
  [data-untermenue].um-bereit.um-offen{display:flex!important;flex-direction:column;gap:0;margin:0 0 16px;padding:4px;border:1.5px solid var(--rot);border-top:1px solid var(--border);
    border-radius:0 0 12px 12px;background:#fff;box-shadow:var(--schatten)}
  [data-untermenue].um-offen > *{display:flex;align-items:center;justify-content:flex-start;text-align:left;width:100%;min-height:46px;padding:10px 14px;
    border-radius:8px;font-size:15px;white-space:normal;flex:none;box-shadow:none}
  [data-untermenue].um-offen > .aktiv,[data-untermenue].um-offen > .active{background:var(--rot-hell);color:var(--rot-dunkel)}
}

/* ── Buchungskalender ───────────────────────────────────────────────────── */
.bf0{--bf:#b30000}.bf1{--bf:#c2410c}.bf2{--bf:#a16207}.bf3{--bf:#15803d}.bf4{--bf:#0f766e}
.bf5{--bf:#1d4ed8}.bf6{--bf:#6d28d9}.bf7{--bf:#be185d}.bf8{--bf:#475569}.bf9{--bf:#111827}
.bu-ic{background:color-mix(in srgb,var(--bf) 14%,#fff);color:var(--bf)}
.bu-punkt{display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--bf)}
.sec .bu-punkt{margin-right:-2px}
.bu-filter{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px}
.bu-filter select{width:auto;min-width:220px;flex:1 1 220px;max-width:360px}
.bu-chips{display:flex;flex-wrap:wrap;gap:6px}
.bu-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:20px;background:#fff;border:1.5px solid var(--border);
  color:var(--text);text-decoration:none;font-weight:700;font-size:14px;min-height:40px}
.bu-chip .sym{width:17px;height:17px}
.bu-chip.aktiv{background:var(--rot);border-color:var(--rot);color:#fff}
.bu-monat-kopf{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.bu-monat-kopf h2{font-size:20px;font-weight:800;min-width:0;margin:0 4px}
.bu-monat-kopf .bu-export{margin-left:auto}
.bu-raster{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));background:var(--border);gap:1px;border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:var(--schatten-k)}
.bu-wt{background:#f7f7f9;padding:8px;font-size:12px;font-weight:800;color:var(--muted);text-align:center;text-transform:uppercase}
.bu-tag{background:#fff;min-height:112px;padding:4px;display:flex;flex-direction:column;gap:3px;min-width:0}
.bu-tag.bu-fremd{background:#fafafb}
.bu-tag.bu-fremd .bu-tagnr{color:#6a6a74}
.bu-tag.bu-vorbei .bu-ev{filter:grayscale(.5)}
.bu-tag.bu-vorbei .bu-ev.bu-termin{opacity:1;background:color-mix(in srgb,var(--bf) 72%,#4b5563)}
.bu-tagnr{align-self:flex-end;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--text);text-decoration:none}
.bu-tagnr:hover{background:var(--rot-hell);color:var(--rot)}
.bu-heute .bu-tagnr{background:var(--rot);color:#fff}
.bu-ev{display:block;font-size:12px;line-height:1.3;padding:3px 6px;border-radius:6px;background:color-mix(in srgb,var(--bf) 13%,#fff);color:color-mix(in srgb,var(--bf) 85%,#000);
  border-left:3px solid var(--bf);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bu-ev:hover{background:color-mix(in srgb,var(--bf) 22%,#fff)}
.bu-ev b{font-weight:800}
.bu-mehr{font-size:11px;color:var(--muted);padding:0 6px}
.bu-agenda{display:none}
.bu-ag-tag{margin-bottom:16px;scroll-margin-top:84px}
.bu-ag-datum{display:flex;align-items:center;gap:8px;margin:0 2px 8px;font-size:15px;font-weight:700;color:var(--text)}
.bu-ag-datum>span:first-child{flex:1;min-width:0}
.bu-ag-heute{background:var(--rot);color:#fff;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700}
.bu-ag-plus{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:var(--rot);background:#fff;border:1px solid var(--border);flex-shrink:0}
.bu-ag-plus .sym{width:18px;height:18px}
.bu-ag-tag.bu-heute .bu-ag-datum{color:var(--rot)}
.bu-ag-tag.bu-vorbei{filter:grayscale(1)}
.bu-ag-liste{display:flex;flex-direction:column;gap:8px}
.bu-ag-leer{background:#fff;border:1px dashed var(--border);border-radius:12px;padding:12px 14px;color:var(--muted);font-size:14px}
.bu-ag-ev{display:flex;align-items:stretch;gap:12px;background:#fff;border:1px solid var(--border);border-left:5px solid var(--bf);border-radius:12px;padding:10px 12px;text-decoration:none;color:var(--text);box-shadow:var(--schatten-k);min-width:0}
.bu-ag-zeit{flex:0 0 48px;display:flex;flex-direction:column;justify-content:center;font-variant-numeric:tabular-nums;border-right:1px solid var(--border);padding-right:10px}
.bu-ag-zeit b{font-size:15px;font-weight:700;line-height:1.2}
.bu-ag-zeit span{font-size:13px;color:var(--muted);line-height:1.2}
.bu-ag-t{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:2px}
.bu-ag-t b{font-size:15px;line-height:1.3;overflow-wrap:anywhere}
.bu-ag-t small{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);line-height:1.3;min-width:0}
.bu-ag-t small.bu-ag-wer{font-size:12px}
.bu-ag-punkt{width:8px;height:8px;border-radius:50%;background:var(--bf);flex-shrink:0}
@media(max-width:380px){.bu-chips .bu-chip{font-size:12px;padding:8px 4px}}
.bu-fab{display:none}
.bu-zeit{display:grid;grid-template-columns:3fr 2fr 3fr 2fr;gap:0 12px}
.bu-zeit > *{min-width:0}
.bu-res-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 14px}
.bu-res-form > *{min-width:0}
.bu-voll{grid-column:1 / -1}
.bu-farben{border:none;padding:0;margin:0 0 14px;display:flex;flex-wrap:wrap;gap:8px}
.bu-farben legend{font-size:14px;font-weight:700;margin-bottom:8px;padding:0}
.bu-farbe{width:34px;height:34px;border-radius:50%;background:var(--bf);display:flex;align-items:center;justify-content:center;cursor:pointer;border:3px solid #fff;box-shadow:0 0 0 1px var(--border)}
.bu-farbe input{position:absolute;opacity:0;width:1px;height:1px}
.bu-farbe:has(input:checked){box-shadow:0 0 0 3px var(--bf)}
.bu-farbe:has(input:focus-visible){outline:2px solid var(--text);outline-offset:3px}
.bu-uebernahme{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:space-between}
.bu-uebernahme span{display:flex;align-items:center;gap:8px;min-width:0}
.bu-link{background:#f6f6f8;border:1px dashed var(--border);border-radius:10px;padding:10px 12px;margin:10px 0;overflow-wrap:anywhere;font-size:13px}
.bu-abo-knoepfe{display:flex;flex-wrap:wrap;gap:8px}
.bu-hilfe{margin-top:14px;font-size:14px}
.bu-hilfe summary{cursor:pointer;font-weight:700;color:var(--rot)}
.bu-hilfe ul{margin:10px 0 0;padding-left:20px;display:grid;gap:6px}
.bu-auswahl{border:none;padding:0;margin:0 0 14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.bu-auswahl legend{font-size:14px;font-weight:700;margin-bottom:8px;padding:0}
.bu-auswahl{grid-template-columns:minmax(0,1fr);gap:8px}
.bu-auswahl-gruppe{font-size:14px;border:1.5px solid var(--border);border-radius:10px;padding:0 12px;background:#fff}
.bu-auswahl-gruppe > summary{display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer}
.bu-auswahl-gruppe > summary .rg-zahl{margin-left:auto}
.bu-auswahl-gruppe[open]{padding-bottom:10px}
.bu-auswahl-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:4px 14px;margin-top:6px}
.bu-alle{margin:0 0 6px}
.zk-kz .sym{width:20px;height:20px}
@media(max-width:800px){
  .bu-zeit{grid-template-columns:3fr 2fr}
  .bu-res-form{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .bu-raster{display:none}
  .bu-agenda{display:block}
  .bu-monat-kopf h2{font-size:18px}
  .bu-monat-kopf .bu-export span{display:none}
  .bu-filter select{max-width:none}
  .bu-fab{display:flex;position:fixed;right:max(16px,env(safe-area-inset-right));bottom:calc(80px + env(safe-area-inset-bottom));z-index:1400;width:58px;height:58px;border-radius:50%;
    background:var(--rot);color:#fff;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(140,0,0,.4)}
  .bu-fab .sym{width:28px;height:28px}
}
@media(max-width:480px){.bu-res-form{grid-template-columns:1fr}}

/* ── Handy: Seiten-Knöpfe als eine Leiste, Filter als Umschalter ────────── */
@media(max-width:700px){
  .seite-titel{align-items:stretch}
  .seite-aktionen{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px;width:100%}
  .seite-aktionen .btn{min-width:0;padding:0 8px;font-size:14px;justify-content:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .seite-aktionen .btn .sym{flex-shrink:0}
  /* ab zwei Knöpfen: kleine Kacheln, Symbol oben, Text darf umbrechen (nie abgeschnitten) */
  .seite-aktionen:has(> .btn + .btn) .btn{flex-direction:column;gap:5px;min-height:64px;padding:9px 6px;font-size:13px;line-height:1.2;
    white-space:normal;text-align:center;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;hyphens:auto}
  .seite-aktionen:has(> .btn + .btn) .btn .sym{width:20px;height:20px}
  .seite-aktionen:has(> .btn + .btn) .bs .sym{color:var(--rot)}
  .seite-titel .seite-aktionen:has(> .btn + .btn) .bs .sym{color:#fff}
  .seite-aktionen:has(> .btn:nth-child(4)){grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr))}
  .bu-chips{display:flex;flex-wrap:nowrap;gap:4px;width:100%;overflow-x:auto;scrollbar-width:none;background:#fff;border:1.5px solid var(--border);border-radius:12px;padding:3px}
  .bu-chips::-webkit-scrollbar{display:none}
  .bu-chip{flex:1 0 auto;justify-content:center;border:none;border-radius:9px;padding:8px 7px;font-size:13px;min-height:42px;background:none;white-space:nowrap}
  .bu-chip .sym{display:none}
  .bu-chip.aktiv{background:var(--rot);color:#fff}
  .bu-filter{gap:8px}
  .bu-monat-kopf .bu-export{display:none}
  .bu-monat-kopf{justify-content:space-between}
  .bu-monat-kopf h2{flex:1;text-align:center}
}

/* ── Passkeys ───────────────────────────────────────────────────────────── */
.ak-passkey{width:100%;justify-content:center;margin-bottom:4px}
.ak-oder{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px;margin:12px 0}
.ak-oder::before,.ak-oder::after{content:'';flex:1;height:1px;background:var(--border)}
.ak-passkey-link{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:14px;padding:10px;border:none;background:none;
  color:var(--rot);font:inherit;font-weight:700;font-size:14px;cursor:pointer;border-top:1px solid var(--border)}
.ak-passkey-link .sym{width:18px;height:18px}
.ak-passkey-link[disabled]{display:none}
.pk-neu{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:flex-end}
.pk-neu .fl{flex:1 1 220px;margin-bottom:0}
.sp-konto{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-size:14px;font-weight:700;margin:0 0 12px}
.sp-konto .sym{width:18px;height:18px}

/* ── Benutzerliste ──────────────────────────────────────────────────────── */
.bn-filter{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;margin-bottom:12px}
.bn-filter select{width:auto;min-width:150px}
.bn-liste{border:1px solid var(--border);border-radius:12px;overflow:hidden}
.bn-zeile{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid #f1f1f4;text-decoration:none;color:var(--text);min-width:0}
.bn-zeile:last-child{border-bottom:none}
.bn-zeile:hover{background:#fdf7f7}
.bn-zeile > .sym{color:#c4c4cc;width:18px;height:18px;flex-shrink:0}
.bn-gesperrt{background:#f4f4f5}.bn-gesperrt .bn-kreis{filter:grayscale(1)}
.bneu{background:#f2b705;color:#3d2600}
.bn-neu{box-shadow:inset 4px 0 0 #e0a100;background:#fffbea}
.bn-neu-hinweis{display:flex;align-items:center;gap:10px;text-decoration:none;border-left-color:#e0a100;background:var(--gelb-hell);color:#5c3a00}
.bn-neu-hinweis span{flex:1;min-width:0}
.bn-neu-hinweis .sym{width:20px;height:20px;flex-shrink:0}
.bn-kreis{flex:0 0 40px;height:40px;border-radius:50%;background:var(--silber-hell);color:var(--gray);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px}
.bn-kreis.bn-admin{background:var(--rot);color:#fff}
.bn-t{flex:1;min-width:0;display:flex;flex-direction:column}
.bn-t b{font-size:15px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bn-t small{font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bn-badges{flex-shrink:0}
@media(max-width:520px){
  .bn-filter{grid-template-columns:minmax(0,1fr) auto}
  .bn-filter input{grid-column:1 / -1}
  .bn-filter select{width:100%}
  .bn-zeile{gap:10px;padding:12px 10px}
  .bn-kreis{flex-basis:36px;height:36px;font-size:15px}
  .bn-badges .badge{font-size:11px;padding:3px 8px}
}

/* ── Web-App ────────────────────────────────────────────────────────────── */
.app-hinweis{width:100%;border:none;font:inherit;text-align:left;cursor:pointer;display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#2b2f38,#1a1d24);color:#fff;text-decoration:none;border-radius:14px;padding:12px 16px;margin-bottom:16px;box-shadow:0 4px 14px rgba(0,0,0,.18)}
.app-hinweis[hidden]{display:none}
.app-hinweis span{flex:1;min-width:0;display:flex;flex-direction:column}
.app-hinweis small{color:rgba(255,255,255,.75);font-size:13px}
.app-hinweis .sym{width:22px;height:22px;flex-shrink:0}
.app-hinweis .app-symbol{width:40px;height:40px;border-radius:10px;flex-shrink:0;box-shadow:0 2px 6px rgba(0,0,0,.35)}
[data-app-ios][hidden],[data-app-fertig][hidden],[data-app-installieren][hidden]{display:none!important}
@media(display-mode:standalone){.fuss{padding-bottom:calc(18px + env(safe-area-inset-bottom))}}

/* Anmeldeseiten: das Logo steht in der Karte – keine zweite Kopfleiste */
body:has(.ak-kopf) .kopf{display:none}
body:has(.ak-kopf) .anmelde-buehne{padding-top:max(24px,env(safe-area-inset-top))}
.tn-del .sym{width:15px;height:15px;vertical-align:-2px}
.fk-sym .sym{width:24px;height:24px;color:var(--rot)}

/* ── Ticket-System: groß und vorne auf der Startseite ───────────────────── */
.ticket-kachel{display:flex;align-items:center;gap:16px;margin-bottom:14px;padding:18px 20px;border-radius:var(--radius-gross);text-decoration:none;color:#fff;
  background:linear-gradient(135deg,#2b2f38,#14161b);box-shadow:0 8px 22px rgba(0,0,0,.22);border-left:6px solid #ffd400}
.ticket-kachel:hover{filter:brightness(1.08)}
.tk-sym{flex:0 0 54px;height:54px;border-radius:14px;background:#ffd400;color:#14161b;display:flex;align-items:center;justify-content:center}
.tk-sym .sym{width:30px;height:30px;stroke-width:1.8}
.tk-t{flex:1;min-width:0;display:flex;flex-direction:column}
.tk-t b{font-size:19px;font-weight:800;letter-spacing:.01em}
.tk-t small{font-size:13px;color:rgba(255,255,255,.75)}
.ticket-kachel > .sym{width:22px;height:22px;opacity:.8;flex-shrink:0}

/* ── Fahrzeugausfall: Meldeformular (Aufmachung wie die WE-Meldung in Arnsberg) ── */
.bor{background:#ffedd5;color:#9a3412}
.fa-wrap{max-width:780px;margin:0 auto}
.fa-karte{background:#fff;border:3px solid #111;border-radius:16px;overflow:hidden;box-shadow:0 0 0 4px #ffd400,0 14px 40px rgba(0,0,0,.2);margin-bottom:24px}
.fa-banner{background:repeating-linear-gradient(45deg,#ffd400 0 22px,#111 22px 30px);padding:4px}
.fa-banner-innen{background:#111;color:#ffd400;text-align:center;padding:16px 16px 14px}
.fa-banner-innen h1{margin:0;font-size:28px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:10px}
.fa-banner-innen h1 .sym{width:30px;height:30px;stroke-width:2.2}
.fa-sub{display:inline-block;margin-top:8px;background:var(--rot);color:#fff;font-weight:800;font-size:12px;letter-spacing:.1em;padding:4px 12px;border-radius:999px;text-transform:uppercase}
.fa-koerper{padding:20px}
.fa-uebersicht{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding:12px 14px;border-radius:12px;text-decoration:none;background:#fff;
  border:1.5px solid var(--border);border-left:5px solid var(--rot);color:var(--text);box-shadow:var(--schatten-k)}
.fa-uebersicht:hover{background:#fafafb}
.fa-ue-sym{flex:0 0 38px;height:38px;border-radius:10px;background:var(--rot-hell);color:var(--rot);display:flex;align-items:center;justify-content:center}
.fa-ue-t{flex:1;min-width:0}
.fa-ue-t b{display:block;font-size:15px}
.fa-ue-t span{display:block;font-size:13px;color:var(--muted)}
.fa-uebersicht > .sym{color:#b8b8c0;flex-shrink:0}
.fa-falle{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.pflicht{color:var(--rot);font-style:normal}
.fa-karte select:focus,.fa-karte input:focus,.fa-karte textarea:focus{border-color:#111;box-shadow:0 0 0 3px rgba(255,212,0,.6)}
#werkstattWrap{margin-top:10px}
#werkstattWrap[hidden],#faFreiWrap[hidden]{display:none}
.fa-senden{width:100%}

/* ── Übersicht & Klarmeldung ── */
.fz-karte{background:#fff;border:1px solid var(--border);border-left:5px solid #dc2626;border-radius:12px;padding:14px 16px;margin-bottom:10px;box-shadow:var(--schatten-k);min-width:0}
.fz-karte.fz-klar{border-left-color:#15803d;opacity:.92}
.fz-karte-kopf{display:flex;align-items:center;gap:8px 10px;flex-wrap:wrap;margin-bottom:6px}
.fz-karte-kopf b{font-size:16px;overflow-wrap:anywhere;flex:1 1 150px;min-width:0}
.fz-karte-kopf .zk-dat{flex-basis:46px;height:46px}
.zk.fa-zk-klar{border-left:5px solid #15803d}
.fz-karte-kopf .badge{white-space:normal}
.fz-meta{font-size:13px;color:#475569;margin:3px 0;overflow-wrap:anywhere}
.fz-meta .sym{width:14px;height:14px;vertical-align:-2px;color:#94a3b8}
.fz-text{font-size:14px;background:#f8fafc;border:1px solid #eef2f7;border-radius:8px;padding:8px 10px;margin:8px 0 4px;white-space:pre-wrap;overflow-wrap:anywhere}
.fz-fuss{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px solid #f1f5f9}
.fz-hinweis{font-size:12px}
.fz-hinweis .sym{width:14px;height:14px;vertical-align:-2px}
.fz-weg{margin-left:auto}
@media(max-width:600px){.fz-fuss{flex-direction:column;align-items:stretch}.fz-fuss form:not(.fz-weg) .btn{width:100%}.fz-weg{margin-left:0;align-self:flex-end}}

/* ── Tableau Einsatzbereitschaft ── */
.fz-gruen{--fz:#16a34a;--fz-hell:#ecfdf3;--fz-text:#14532d}
.fz-gelb{--fz:#eab308;--fz-hell:#fefce8;--fz-text:#713f12}
.fz-rot{--fz:#dc2626;--fz-hell:#fef2f2;--fz-text:#7f1d1d}
.fz-punkt{display:inline-block;width:11px;height:11px;border-radius:50%;background:var(--fz);flex-shrink:0;box-shadow:0 0 0 2px #fff,0 0 0 3px var(--fz)}
.fz-legende{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px}
.fz-leg{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1.5px solid var(--border);background:#fff;font:inherit;font-size:14px;font-weight:700;color:var(--text);cursor:pointer;min-height:40px}
.fz-leg b{font-weight:900}
.fz-leg[aria-pressed="true"]{border-color:#111;background:#111;color:#fff}
.fz-leg[disabled]{opacity:.45;cursor:default}
.fz-leg .sym{width:16px;height:16px}
.fz-gesamt{margin-left:auto;font-size:13px}
.fz-tafel{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;align-items:start}
.fz-spalte{background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:var(--schatten-k);overflow:hidden;min-width:0}
.fz-spalte[hidden]{display:none}
.fz-spalte-kopf{display:flex;align-items:center;gap:8px;margin:0;padding:10px 12px;font-size:14px;font-weight:800;background:#f7f7f9;border-bottom:1px solid var(--border)}
.fz-spalte-n{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fz-spalte-z{font-size:12px;color:var(--muted);background:#fff;border:1px solid var(--border);border-radius:999px;padding:1px 8px}
.fz-pillen{display:flex;flex-direction:column;gap:6px;padding:8px}
.fz-pille{display:flex;flex-direction:column;align-items:stretch;gap:2px;width:100%;text-align:left;padding:8px 10px;border-radius:10px;border:1px solid transparent;
  border-left:4px solid var(--fz);background:var(--fz-hell);color:var(--fz-text);font:inherit;min-width:0}
.fz-pille[hidden]{display:none}
button.fz-pille{cursor:pointer}
button.fz-pille:hover{border-color:var(--fz)}
.fz-name{display:flex;align-items:center;gap:8px;font-weight:800;font-size:14px}
.fz-kz{font-size:12px;opacity:.92;padding-left:19px}
.fz-info{font-size:12px;line-height:1.4;padding-left:19px;overflow-wrap:anywhere}
.fz-fussnote{font-size:13px;margin-top:14px}
.fz-fussnote .sym{width:15px;height:15px;vertical-align:-3px}
.fz-dialog{border:none;border-radius:16px;padding:0;width:min(520px,94vw);max-height:90vh;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.fz-dialog::backdrop{background:rgba(15,0,0,.5)}
.fz-dialog form{padding:18px}
.fz-dialog-kopf{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.fz-dialog-kopf h3{flex:1;margin:0;font-size:18px}
.fz-ampelwahl{border:none;padding:0;margin:0 0 14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.fz-ampelwahl legend{font-size:14px;font-weight:700;margin-bottom:8px;padding:0}
.fz-wahl{display:flex;align-items:center;gap:8px;padding:10px;border-radius:10px;border:1.5px solid var(--border);font-size:13px;font-weight:700;cursor:pointer;min-height:46px}
.fz-wahl input{position:absolute;opacity:0;width:1px;height:1px}
.fz-wahl:has(input:checked){border-color:var(--fz);background:var(--fz-hell);color:var(--fz-text)}
.fz-dialog-knoepfe{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.fz-dialog-knoepfe [hidden]{display:none}
.fz-frei{margin-top:18px}
@media(max-width:520px){.fz-tafel{grid-template-columns:1fr}.fz-ampelwahl{grid-template-columns:1fr}.fz-gesamt{margin-left:0;width:100%}.fz-dialog-knoepfe .btn{flex:1 1 100%}}

/* ── Aufgaben (todo.php) – Gestaltung nach dem Vorbild mein.arnsberg112.de, eigene Umsetzung ── */
.nur-breit{display:inline}
@media (max-width:560px){.nur-breit{display:none}}
.td-zurueck{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;color:var(--muted);text-decoration:none;font-weight:700;font-size:14px;min-height:36px}
.td-zurueck:hover{color:var(--rot)}
.todo-wrap{max-width:1100px;margin:0 auto;animation:td-ein .2s ease}
@keyframes td-ein{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.view-kopf{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.view-titel{display:flex;align-items:center;gap:8px;font-size:24px;font-weight:800;color:var(--text);letter-spacing:-.01em}
.view-titel .sym{width:24px;height:24px;color:var(--rot)}
.kc-avatar{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--rot-dunkel);color:#fff;font-size:11px;font-weight:700;flex-shrink:0;letter-spacing:0}
.kc-avatar.gross{width:30px;height:30px;font-size:12px}
.kc-prio{display:inline-flex;vertical-align:-3px;margin-right:4px;color:#dc2626}
.kc-prio .sym{width:15px;height:15px;stroke-width:2.2}
/* Kästen „Neu für dich“ / „Für mich“ */
.td-box{background:#fff;border-radius:14px;box-shadow:var(--schatten);overflow:hidden;margin-bottom:18px;border:2px solid var(--bx)}
.td-box-gruen{--bx:#16a34a;--bx2:#15803d}
.td-box-rot{--bx:var(--rot);--bx2:var(--rot-tief)}
.td-box-kopf{display:flex;align-items:center;gap:10px;padding:12px 18px;color:#fff;background:linear-gradient(135deg,var(--bx),var(--bx2))}
.td-box-kopf > span:first-of-type{flex:1;min-width:0}
.td-box-kopf b{display:block;font-size:15px;text-transform:uppercase;letter-spacing:.04em}
.td-box-kopf small{display:block;font-size:12px;color:rgba(255,255,255,.82)}
.td-box-zahl{background:#fff;color:var(--bx2);border-radius:50px;padding:2px 10px;font-size:13px;font-weight:800}
.td-box-kopf form{display:contents}
.td-box-knopf{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:6px;padding:5px 10px;font-size:12px;font-weight:700;cursor:pointer}
.td-box-knopf .sym{width:14px;height:14px}
.td-box-zeile{display:flex;align-items:center;gap:10px;padding:11px 18px;border-top:1px solid var(--border);text-decoration:none;color:var(--text);transition:background .12s,opacity .25s}
.td-box-zeile:hover{background:#fafafa}
.td-box-gruen .td-box-zeile:hover{background:#f0fdf4}
.td-box-zeile > .sym{color:var(--muted)}
.td-box-t{flex:1;min-width:0;text-decoration:none;color:inherit;display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
.td-box-t b{flex:1 1 100%;font-size:15px;overflow-wrap:anywhere}
.td-box-t small{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:700}
.td-box-t time{font-size:11px;color:var(--muted)}
.td-box-liste{flex:1 1 100%}
.td-herkunft{display:inline-flex;align-items:center;gap:4px;border-radius:50px;padding:2px 9px;font-size:11px;font-weight:700}
.td-herkunft .sym{width:12px;height:12px}
.h-zu{background:#dcfce7;color:#15803d}.h-geteilt{background:#e0f2fe;color:#0369a1}
.td-zeile{border-left:4px solid #9ca3af}
.td-zeile.akz-ueber{border-left-color:#dc2626}.td-zeile.akz-bald{border-left-color:#d97706}.td-zeile.akz-normal{border-left-color:var(--rot-dunkel)}
.td-zeile.weg{opacity:0}
.td-due-pill{display:inline-flex;align-items:center;gap:4px;border-radius:50px;padding:2px 9px;font-size:11px;font-weight:700;background:var(--silber-hell);color:var(--gray)}
.td-due-pill .sym{width:12px;height:12px}
.td-due-pill.p-ueber{background:#fee2e2;color:#991b1b}.td-due-pill.p-bald{background:#fef3c7;color:#92400e}
.td-ab{display:contents}
.td-erledigt-knopf{width:40px;height:40px;border-radius:10px;border:none;background:#16a34a;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}
.td-erledigt-knopf:hover{background:#15803d}
/* Listen-Kacheln */
.lists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(212px,1fr));gap:13px;margin-bottom:20px}
@media (max-width:680px){.lists-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:400px){.lists-grid{grid-template-columns:minmax(0,1fr)}}
.list-card{position:relative;display:flex;flex-direction:column;min-height:122px;border-radius:12px;padding:13px 14px 12px;text-decoration:none;
  box-shadow:0 1px 3px rgba(9,30,66,.18);transition:transform .12s ease,box-shadow .12s ease,filter .12s ease;overflow:hidden}
.list-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(9,30,66,.28);filter:brightness(1.04) saturate(1.05)}
.list-card-title{font-size:15px;font-weight:800;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:break-word;hyphens:auto}
.list-card-desc{font-size:12px;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.list-card-fuss{margin-top:auto;padding-top:12px;display:flex;flex-direction:column;gap:6px}
.list-prog-zeile{display:flex;align-items:center;gap:8px}
.list-prog{flex:1;height:6px;border-radius:50px;overflow:hidden;background:rgba(255,255,255,.25)}
.list-prog span{display:block;height:100%;background:rgba(255,255,255,.92);border-radius:50px}
.list-card.hell .list-prog{background:rgba(0,0,0,.14)}.list-card.hell .list-prog span{background:rgba(0,0,0,.5)}
.list-count{font-size:12px;font-weight:800}
.list-meta{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:11px;opacity:.9}
.list-meta span{display:inline-flex;align-items:center;gap:4px}
.list-meta .sym{width:12px;height:12px}
.list-ueber{font-weight:800}
/* Board-Kopf */
.board-kopf{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:6px}
.board-titel{flex:1;min-width:0;display:flex;align-items:center;gap:9px;font-size:22px;font-weight:800;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.board-punkt{width:13px;height:13px;border-radius:4px;background:var(--lfarbe);flex-shrink:0}
@media (max-width:560px){.board-titel{font-size:18px}}
.board-unter{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:13px;margin:0 0 14px 46px}
@media (max-width:560px){.board-unter{margin-left:0}}
.td-wer{display:inline-flex}
.td-wer .kc-avatar{border:2px solid var(--bg);margin-right:-6px}
.td-wer .kc-avatar:last-child{margin-right:0}
.td-filter-an{background:var(--rot-hell);color:var(--rot-dunkel);border-radius:50px;padding:2px 10px;font-weight:700;text-decoration:none;font-size:12px}
.vt{display:flex;background:#eceef2;border-radius:8px;padding:3px;gap:2px}
.vt a{display:inline-flex;align-items:center;justify-content:center;width:34px;height:30px;border-radius:6px;color:var(--muted)}
.vt a .sym{width:16px;height:16px}
.vt a.on{background:#fff;color:var(--rot);box-shadow:0 1px 3px rgba(0,0,0,.1)}
@media (max-width:400px){.vt{display:none}}
/* Menüs („…“) */
.kc-menu{position:relative}
.kc-menu > summary{list-style:none;cursor:pointer}
.kc-menu > summary::-webkit-details-marker{display:none}
.kc-pop{position:absolute;right:0;top:calc(100% + 4px);z-index:30;min-width:210px;background:#fff;border:1px solid #e4e6ea;border-radius:11px;box-shadow:0 10px 28px rgba(9,30,66,.2);padding:5px;display:flex;flex-direction:column}
.kc-pop form{display:contents}
.kc-pop a,.kc-pop button{display:flex;align-items:center;gap:9px;width:100%;padding:9px 10px;border:none;background:none;border-radius:8px;font-size:14px;color:var(--text);text-decoration:none;cursor:pointer;text-align:left;font-family:inherit}
.kc-pop a:hover,.kc-pop button:hover{background:#f1f2f4}
.kc-pop .sym{width:16px;height:16px;color:var(--muted)}
.kc-pop .gefahr{color:#c01c2b}.kc-pop .gefahr .sym{color:#c01c2b}.kc-pop .gefahr:hover{background:#fde8e8}
/* Filter-Pills */
.td-filter{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
.if-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 13px;border-radius:50px;border:1.5px solid var(--border);background:#fff;font-size:13px;font-weight:600;color:var(--gray);text-decoration:none}
.if-btn.an{background:var(--text);color:#fff;border-color:var(--text)}
.if-punkt{width:9px;height:9px;border-radius:50%;background:var(--lf)}
/* Spalten */
.kb-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
@media (min-width:681px) and (max-width:1024px){.kb-board{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x proximity;padding-bottom:8px}.kb-col{flex:0 0 290px;scroll-snap-align:start}}
@media (max-width:680px){.kb-board{grid-template-columns:minmax(0,1fr);gap:12px}}
.kb-col{background:#f1f2f4;border-radius:12px;box-shadow:0 1px 2px rgba(9,30,66,.06);border-top:3px solid var(--sf);min-width:0}
@media (max-width:680px){.kb-col{background:#fff;border-radius:10px;box-shadow:0 1px 4px rgba(0,0,0,.06)}}
.kb-col-head{display:flex;align-items:center;gap:8px;width:100%;padding:11px 14px;border:none;background:none;font-size:15px;font-weight:700;color:#334155;cursor:pointer;text-align:left;font-family:inherit}
.kb-col-head .sym{width:14px;height:14px;margin-left:auto;color:#94a3b8;transition:transform .15s}
.kb-col.zu .kb-col-head .sym{transform:rotate(-90deg)}
.kb-col.zu .kb-col-inhalt{display:none}
.kb-punkt{width:10px;height:10px;border-radius:50%;background:var(--sf);flex-shrink:0}
.kb-cnt{border-radius:50px;padding:1px 8px;font-size:11px;font-weight:700;background:rgba(15,23,42,.08);color:#475569}
.kb-col-inhalt{padding:0 8px 8px}
.kb-cards{min-height:40px;border-radius:8px;transition:background .12s}
.kb-col.ueber .kb-cards{background:rgba(179,0,0,.04);outline:2px dashed rgba(179,0,0,.3)}
.kb-leer{color:#94a3b8;font-size:13px;text-align:center;padding:14px 6px}
.kb-hinweis{color:#94a3b8;font-size:12px;text-align:center;margin-top:4px}
.kb-add{margin-bottom:6px}
.kb-add > summary{list-style:none}
.kb-add > summary::-webkit-details-marker{display:none}
.add-btn-big{display:flex;align-items:center;gap:6px;width:100%;color:#64748b;font-weight:600;font-size:14px;min-height:36px;padding:7px 10px;border-radius:8px;cursor:pointer}
.add-btn-big .sym{width:16px;height:16px}
.add-btn-big:hover{background:rgba(15,23,42,.06);color:var(--rot)}
.kb-add[open] > summary{display:none}
.kb-add-form{background:#fff;border-radius:8px;padding:8px;box-shadow:0 1px 1px rgba(9,30,66,.2),0 0 1px rgba(9,30,66,.1)}
.kb-add-form textarea[name]{min-height:60px;max-height:42vh;font-size:16px;resize:none;border:none;box-shadow:none;padding:4px 6px}
.kb-add-form textarea[name]:focus{box-shadow:none}
.kb-add-datum{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--muted);margin:4px 0 8px;padding:0 4px}
.kb-add-datum input[name],.kb-add-datum select{min-height:34px;padding:4px 8px;font-size:14px;width:auto;flex:1;min-width:0}
.kb-add-mehr{display:flex;flex-direction:column;gap:0}
.kb-add-mehr .kb-add-datum{margin:2px 0 6px}
.kb-add-wichtig{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--muted);padding:0 4px 8px;cursor:pointer;min-height:34px}
.kb-add-k{display:flex;gap:6px}
.kb-add-k .bp{flex:1;min-height:40px}
.kb-add-zu{width:44px;min-height:40px}
.kb-add-zu:hover{background:#fef2f2;border-color:#fca5a5;color:#dc2626}
.kb-vorlage{display:flex;align-items:center;gap:8px;padding:8px 4px 2px;font-size:12px;color:var(--muted);font-weight:700}
.kb-vorlage label{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.kb-vorlage .sym{width:14px;height:14px}
.kb-vorlage select[name]{min-height:32px;padding:3px 30px 3px 8px;font-size:13px;flex:1;min-width:0}
/* Karte */
.kb-card{position:relative;background:#fff;border-radius:8px;margin-bottom:8px;border-left:4px solid #dfe1e6;
  box-shadow:0 1px 1px rgba(9,30,66,.2),0 0 1px rgba(9,30,66,.1);cursor:grab;transition:box-shadow .15s,transform .1s}
.kb-card:hover{box-shadow:0 3px 8px rgba(9,30,66,.22)}
.kb-card.pc-hoch{border-left-color:#e5484d}
.kb-card.zieht{opacity:.4;transform:rotate(-1deg)}
.kb-card.fertig .kc-title{text-decoration:line-through;color:#8590a2}
.kc-body{display:block;padding:10px 36px 9px 12px;text-decoration:none;color:inherit;border-radius:8px}
.kc-labels{display:flex;flex-wrap:wrap;gap:3px;margin:-2px 0 7px -12px}
.tk-band{display:inline-flex;align-items:center;gap:5px;background:var(--lf);color:var(--lt);font-size:11px;font-weight:800;letter-spacing:.03em;
  padding:3px 16px 3px 10px;clip-path:polygon(0 0,100% 0,calc(100% - 8px) 50%,100% 100%,0 100%);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.kc-title{display:block;font-weight:600;font-size:14px;line-height:1.35;color:#172b4d;overflow-wrap:anywhere}
.kc-meta{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-top:8px;font-size:12px;color:#5e6c84}
.kc-meta:empty{display:none}
.kc-meta > span{display:inline-flex;align-items:center;gap:3px}
.kc-meta .sym{width:13px;height:13px}
.kc-meta .kc-avatar{margin-left:auto}
.kc-due-bald{color:#d97706;font-weight:700}.kc-due-ueber{color:#dc2626;font-weight:700}
.kc-menu-btn{position:absolute;top:5px;right:5px;width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#6b778c}
.kc-menu-btn:hover{background:#ebecf0;color:#44546f}
.kb-card .kc-menu{position:static}
.kb-card .kc-pop{top:36px;right:4px}
@media (hover:none){.kc-menu-btn{width:36px;height:36px;background:#f1f5f9}}
.mode-kompakt .kc-meta,.mode-kompakt .kc-labels,.mode-minimal .kc-meta,.mode-minimal .kc-labels{display:none}
.mode-kompakt .kc-body{padding:6px 36px 6px 12px}.mode-kompakt .kc-title{font-size:13px}
.mode-minimal .kb-card{margin-bottom:4px;border-radius:5px}
.mode-minimal .kc-body{padding:4px 36px 4px 10px}
.mode-minimal .kc-title{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mode-minimal .kc-menu-btn{top:1px;width:26px;height:26px}
.fab-add{display:none}
@media (max-width:680px){.fab-add{position:fixed;right:16px;bottom:calc(84px + env(safe-area-inset-bottom,0px));width:58px;height:58px;border-radius:50%;background:var(--rot);color:#fff;
  box-shadow:0 6px 18px rgba(0,0,0,.28);display:flex;align-items:center;justify-content:center;z-index:90}
  .fab-add .sym{width:26px;height:26px;stroke-width:2.4}.fab-add:active{transform:scale(.94)}}
/* Etiketten, Personen, Farben (Verwaltung) */
.td-et-liste{list-style:none;display:flex;flex-direction:column;gap:6px;margin-bottom:12px}
.td-et-liste li{display:flex;align-items:center;gap:10px;justify-content:space-between;border-bottom:1px solid var(--border);padding:4px 0}
.td-et-liste li form{display:contents}
.td-et-neu{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.td-et-neu input[type=text][name]{flex:1 1 180px;width:auto;min-width:0}
.td-farben{border:none;display:flex;gap:10px;flex-wrap:wrap;margin:6px 0 4px}
.td-farben legend{font-weight:700;font-size:14px;margin-bottom:6px}
.td-farben label{cursor:pointer}
.td-farben input{position:absolute;opacity:0}
.td-farben span[style]{display:block;width:32px;height:32px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px var(--border)}
.td-farben input:checked + span{box-shadow:0 0 0 3px var(--text)}
.td-farben input:focus-visible + span{outline:3px solid #2b6fd6;outline-offset:2px}
.td-farben.klein{margin:0;gap:6px}
.td-farben.klein span[style]{width:24px;height:24px;border-width:2px}
.td-such{margin-bottom:10px}
.td-personen{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:6px;max-height:340px;overflow-y:auto;padding:2px}
.td-person{display:flex;gap:10px;align-items:center;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;min-width:0}
.td-person span:last-child{min-width:0;overflow-wrap:anywhere;font-weight:600;font-size:14px}
.td-person small{display:block;color:var(--muted);font-weight:400;font-size:12px}
.td-person:has(input:checked){border-color:var(--rot-rand);background:var(--rot-hell)}
.sec .sec-rechts .sym{width:18px;height:18px}
/* Aufgabe */
.tk-zurueck{margin-bottom:12px;max-width:100%}
.tk-zurueck span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tk-zurueck-farbe{width:10px;height:10px;border-radius:3px;flex-shrink:0}
.tk-karte{background:#fff;border-radius:16px;box-shadow:var(--schatten);border:1px solid var(--border);overflow:visible;margin-bottom:20px}
.tk-kopf{position:sticky;top:var(--kopf-h);z-index:20;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 18px;background:#fff;border-bottom:1px solid var(--border);border-radius:16px 16px 0 0}
.tk-status{display:inline-flex;background:#f1f5f9;border-radius:9px;padding:3px;gap:2px}
.tk-status form{display:contents}
.tk-st{display:inline-flex;align-items:center;gap:5px;border:none;background:none;border-radius:7px;padding:6px 11px;font-size:13px;font-weight:700;color:#475569;min-height:34px;cursor:pointer;font-family:inherit}
.tk-st .sym{width:15px;height:15px}
.tk-st.an{background:#fff;color:var(--text);box-shadow:0 1px 3px rgba(15,23,42,.14)}
.tk-st-arbeit.an{color:#b45309}.tk-st-erledigt.an{color:#15803d}.tk-st-offen.an{color:#1d4ed8}
.tk-gespeichert{font-size:12px;color:#64748b;margin-left:auto}
.tk-gespeichert.fehler{color:#b91c1c;font-weight:700}
.tk-menu-knopf{width:40px;height:40px;border-radius:12px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:var(--gray)}
@media (max-width:760px){.tk-status{flex:1;display:grid;grid-template-columns:repeat(3,1fr)}.tk-st{justify-content:center;padding:6px 4px}.tk-gespeichert{order:6;width:100%;margin:0}.tk-gespeichert:empty{display:none}}
.tk-innen{padding:16px 20px 20px}
@media (max-width:560px){.tk-innen{padding:12px 14px 16px}.tk-kopf{padding:10px 12px}}
.tk-titel[name]{border:none;box-shadow:none;font-size:22px;font-weight:800;line-height:1.3;color:var(--text);padding:4px 2px;min-height:0;resize:none;border-bottom:2px solid transparent;border-radius:0;overflow:hidden}
.tk-titel[name]:focus{box-shadow:none;border-bottom-color:var(--rot)}
@media (max-width:560px){.tk-titel[name]{font-size:19px}}
.tk-meta{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:13px;color:var(--muted);margin:2px 2px 14px}
.tk-meta span{display:inline-flex;align-items:center;gap:5px}
.tk-meta .sym{width:14px;height:14px}
.tcard-layout{display:flex;gap:20px;align-items:flex-start}
.tcard-main{flex:1;min-width:0}
.tcard-side{flex:0 0 268px;background:#f7f8f9;border:1px solid #ebecf0;border-radius:12px;padding:6px 14px 12px}
@media (max-width:760px){.tcard-layout{flex-direction:column}.tcard-side{flex-basis:auto;width:100%}}
.tk-block-t{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:800;color:var(--text);margin:0 0 8px}
.tk-block-t .sym{width:16px;height:16px;color:var(--muted)}
.tk-zahl{margin-left:auto;font-size:12px;color:var(--muted);font-weight:700}
.tk-notiz[name]{background:#f8fafc;border-color:transparent;font-size:15px;line-height:1.55;min-height:96px;resize:vertical}
.tk-notiz[name]:focus{background:#fff}
.tk-block{margin-top:20px}
.tk-fortschritt{height:5px;border-radius:50px;background:#e5e7eb;overflow:hidden;margin-bottom:8px}
.tk-fortschritt span{display:block;height:100%;background:#16a34a}
.tk-punkte{list-style:none;margin-bottom:8px}
.tk-punkte li{display:flex;align-items:center;gap:8px;padding:3px 4px;border-radius:7px}
.tk-punkte li:hover{background:#f1f5f9}
.tk-punkte li form{display:contents}
.tk-punkte li.weg{opacity:.35;pointer-events:none}
.tk-punkt-um{border:none;background:none;padding:4px;cursor:pointer;display:flex}
.tk-box{width:19px;height:19px;border:2px solid #b6bcc6;border-radius:5px;display:flex;align-items:center;justify-content:center;color:transparent;background:#fff}
.tk-box .sym{width:13px;height:13px;stroke-width:3}
.fertig .tk-box{background:#16a34a;border-color:#16a34a;color:#fff}
.tk-punkt-t{flex:1;min-width:0;overflow-wrap:anywhere;font-size:14px}
.tk-punkte li.fertig .tk-punkt-t{text-decoration:line-through;color:var(--muted)}
.tk-leise{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;background:none;border-radius:8px;color:#94a3b8;cursor:pointer;flex-shrink:0}
.tk-leise:hover{background:#fee2e2;color:#b42318}
.tk-leise .sym{width:16px;height:16px}
.tk-neu-punkt{display:flex;gap:8px}
.tk-neu-punkt input[name]{flex:1;min-width:0;min-height:42px;border-radius:9px}
.tk-neu-punkt .btn{width:42px;min-height:42px}
.td-anh{list-style:none;display:flex;flex-direction:column;gap:4px;margin-bottom:10px}
.td-anh li{display:flex;align-items:center;gap:4px}
.td-anh li form{display:contents}
.td-anh-a{flex:1;min-width:0;display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);padding:4px;border-radius:8px}
.td-anh-a:hover{background:var(--soft)}
.td-anh-a img,.td-anh-ic{width:44px;height:44px;border-radius:6px;object-fit:cover;flex-shrink:0;border:1px solid var(--border)}
.td-anh-ic{display:inline-flex;align-items:center;justify-content:center;background:var(--rot-hell);color:var(--rot-dunkel);font-size:11px;font-weight:800}
.td-anh-t{min-width:0}
.td-anh-t b{display:block;font-size:14px;overflow-wrap:anywhere;font-weight:650}
.td-anh-t small{color:var(--muted);font-size:12px}
.tk-hoch{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.tk-hoch-knopf{position:relative;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:8px;background:#f1f5f9;color:#475569;font-size:13px;font-weight:700;cursor:pointer}
.tk-hoch-knopf:hover{background:#e2e8f0;color:var(--text)}
.tk-hoch-knopf .sym{width:15px;height:15px}
.tk-hoch-knopf input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.tk-hoch .muted{font-size:12px}
.tk-zeile{display:flex;align-items:center;gap:10px;min-height:46px;border-bottom:1px solid #ebecf0;padding:4px 0}
.tk-zl{flex:0 0 96px;display:flex;align-items:center;gap:6px;font-size:13px;color:#64748b;font-weight:600}
.tk-zl .sym{width:15px;height:15px}
.tk-zeile input[name],.tk-zeile select[name]{flex:1;min-width:0;border-color:transparent;background:transparent;min-height:36px;padding:4px 8px;font-size:14px}
.tk-zeile select[name]{padding-right:28px}
.tk-zeile input[name]:hover,.tk-zeile select[name]:hover,.tk-zeile input[name]:focus,.tk-zeile select[name]:focus{background:#fff;border-color:var(--border)}
.tk-zeile-et{align-items:flex-start;padding-top:10px;border-bottom:none}
.tk-et-wahl{flex:1;min-width:0;display:flex;flex-wrap:wrap;gap:5px}
.tk-et{cursor:pointer}
.tk-et input{position:absolute;opacity:0}
.tk-et span{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:800;padding:4px 14px 4px 9px;background:#e8edf3;color:#334155;box-shadow:inset 5px 0 0 var(--lf);
  clip-path:polygon(0 0,100% 0,calc(100% - 7px) 50%,100% 100%,0 100%)}
.tk-et span .sym{width:12px;height:12px;display:none;stroke-width:3}
.tk-et input:checked + span{background:var(--lf);color:var(--lt);box-shadow:none}
.tk-et input:checked + span .sym{display:block}
.tk-et input:focus-visible + span{outline:3px solid #2b6fd6}
.tk-et-bearb{display:inline-flex;align-items:center;gap:5px;border:1.5px dashed #c4cad3;border-radius:7px;padding:3px 9px;font-size:12px;font-weight:700;color:#64748b;text-decoration:none}
.tk-et-bearb .sym{width:13px;height:13px}
.tk-schalter{position:relative;display:inline-flex}
.tk-schalter input{position:absolute;opacity:0;width:44px;height:26px;margin:0;cursor:pointer}
.tk-schalter i{width:44px;height:26px;border-radius:50px;background:#cbd5e1;position:relative;transition:background .15s}
.tk-schalter i::after{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:left .15s}
.tk-schalter input:checked + i{background:#dc2626}
.tk-schalter input:checked + i::after{left:21px}
.tk-schalter input:focus-visible + i{outline:3px solid #2b6fd6;outline-offset:2px}
.tk-hilfe{font-size:12px;color:var(--muted);margin-top:8px}
.tk-speichern{width:100%;margin-top:10px}
.js-auto .tk-speichern{display:none}
.tcard-journal{margin-top:20px;border:1px solid #e4e6ea;border-radius:12px;background:#fbfcfe;padding:16px 17px}
.tk-journal-t{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:800;margin-bottom:10px}
.tk-journal-t .sym{color:#6366f1}
.tk-journal-t small{margin-left:auto;font-size:12px;font-weight:600;color:var(--muted)}
.tk-eintrag{display:flex;flex-direction:column;align-items:flex-end;gap:8px;margin-bottom:12px}
.tk-eintrag textarea[name]{min-height:64px}
.tk-vl{list-style:none}
.tk-vl li{display:flex;gap:10px;padding:8px;border-radius:9px}
.tk-vl li.neu{background:#eef2ff}
.tk-vl-ic{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.tk-vl-ic .sym{width:14px;height:14px}
.tk-vl-t{flex:1;min-width:0}
.tk-vl-kopf{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px}
.tk-vl-art{border-radius:50px;padding:1px 8px;font-size:11px;font-weight:700}
.tk-vl-kopf time{margin-left:auto;color:var(--muted);font-size:11px}
.tk-vl-t p{font-size:14px;margin-top:2px;overflow-wrap:anywhere;color:var(--gray)}
.td-unten{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:12px;align-items:start;margin-top:8px}
.td-unten details summary{cursor:pointer;margin:0;list-style:none}
.td-unten details[open] summary{margin-bottom:12px}
.td-erinnerung label{align-items:flex-start!important}
.td-erinnerung small{display:block;margin-top:2px}

/* ── KFZ-Berichte (kfz.php) ──────────────────────────────────────────────── */
.kfz-start{max-width:760px;display:flex;flex-direction:column;gap:12px;margin-bottom:18px}
.kfz-kachel{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-gross);padding:18px;text-decoration:none;color:var(--text);box-shadow:var(--schatten-k);transition:transform .12s,box-shadow .12s}
.kfz-kachel:hover{transform:translateY(-1px);box-shadow:var(--schatten)}
.kfz-k-sym{width:54px;height:54px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.kfz-k-sym .sym{width:28px;height:28px}
.kfz-rot .kfz-k-sym{background:#fee2e2;color:#c81e1e}.kfz-blau .kfz-k-sym{background:var(--blau-hell);color:var(--blau)}
.kfz-k-t{flex:1;min-width:0}.kfz-k-t b{display:block;font-size:17px;line-height:1.3}.kfz-k-t small{display:block;color:var(--muted);font-size:14px;margin-top:2px}
.kfz-kachel > .sym:last-child{color:var(--muted)}
.kfz-tipp,.kfz-versicherung{display:flex;gap:10px;align-items:flex-start;background:var(--blau-hell);border:1px solid #c9dbf2;border-radius:var(--radius);padding:12px 14px;color:#1f3a5c;font-size:14px}
.kfz-tipp .sym,.kfz-versicherung .sym{flex-shrink:0;margin-top:1px}
.kfz .formular-kopf{background:linear-gradient(135deg,var(--rot-dunkel),var(--rot))}
.kfz-test{display:flex;gap:6px;align-items:center;background:var(--gelb-hell);color:#7a4504;border-radius:8px;padding:8px 12px;font-size:14px;font-weight:600;margin-bottom:14px}
.kfz-abschnitt{border:1px solid var(--border);border-radius:var(--radius);padding:0 14px 6px;margin:0 0 16px;min-width:0}
.kfz-abschnitt legend{display:flex;align-items:center;gap:8px;font-weight:800;font-size:15px;padding:0 6px;margin-left:-6px;color:var(--text)}
.kfz-nr{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;padding:0 6px;border-radius:7px;background:var(--rot);color:#fff;font-size:13px;font-weight:800}
.kfz-nr .sym{width:15px;height:15px}
.kfz-felder{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 14px;padding-top:6px}
.kfz-voll{grid-column:1/-1}
.kfz-feld{margin-bottom:12px;min-width:0}
.kfz-l{display:block;font-size:13px;font-weight:700;color:var(--gray);margin-bottom:4px}
.kfz-unter{grid-column:1/-1;font-size:13px;font-weight:800;color:var(--rot-dunkel);background:var(--rot-hell);border-radius:6px;padding:5px 10px;margin:4px 0 10px}
.kfz-fest{display:block;padding:8px 0}
.kfz-wahl{gap:6px;align-items:center}
.kfz-wahl label{min-height:38px;padding:6px 12px;font-size:14px}
.kfz-leeren{border:none;background:none;color:#a5a5ae;cursor:pointer;padding:6px;border-radius:50%;display:inline-flex}
.kfz-leeren:hover{color:var(--rot);background:var(--rot-hell)}
.kfz-leeren .sym{width:16px;height:16px}
.kfz-form input.kfz-dazu[name]{margin-top:6px}
.kfz-paar-kopf{display:none}
.kfz-zwei{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.kfz-wer{display:block;font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px}
@media (max-width:640px){.kfz-felder{grid-template-columns:minmax(0,1fr)}.kfz-zwei{grid-template-columns:minmax(0,1fr)}.kfz-abschnitt{padding:0 10px 4px}}
.kfz-skizze{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:#fff}
.kfz-werkzeuge{display:flex;flex-wrap:wrap;gap:4px;padding:6px;background:var(--soft);border-bottom:1px solid var(--border);align-items:center}
.kfz-werkzeuge button,.kfz-bild-wahl{display:inline-flex;align-items:center;gap:4px;min-height:34px;padding:0 10px;border:1px solid var(--border);background:#fff;border-radius:8px;font-size:13px;font-weight:700;color:var(--gray);cursor:pointer;position:relative}
.kfz-werkzeuge .sym{width:15px;height:15px}
.kfz-werkzeuge button.an{background:var(--text);border-color:var(--text);color:#fff}
.kfz-bild-wahl input{position:absolute;inset:0;opacity:0;cursor:pointer}
.kfz-staerke{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--gray);padding:0 6px}
.kfz-staerke input{width:80px}
.kfz-leinwand{position:relative}
.kfz-leinwand canvas{display:block;width:100%;height:auto;touch-action:none;cursor:crosshair}
.kfz-text-eingabe{position:absolute;min-height:30px!important;width:180px!important;padding:4px 8px!important;font-size:14px;z-index:2}
.kfz-datei{position:relative;overflow:hidden}
.kfz-datei input{position:absolute;inset:0;opacity:0;cursor:pointer}
.kfz-foto-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;margin:10px 0 6px}
.kfz-foto{position:relative;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--soft)}
.kfz-foto img{display:block;width:100%;height:90px;object-fit:cover}
.kfz-foto small{display:block;padding:3px 6px;font-size:11px;color:var(--muted)}
.kfz-foto button{position:absolute;top:4px;right:4px;width:28px;height:28px;border-radius:50%;border:none;background:rgba(0,0,0,.6);color:#fff;font-size:18px;cursor:pointer;line-height:1}
.kfz-an p{margin:2px 0;font-size:14px;overflow-wrap:anywhere}
.kfz-knoepfe{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 8px}
@media (max-width:560px){.kfz-knoepfe .btn{flex:1 1 100%}}
.kfz-versicherung{margin:0 0 16px}
.kfz-meine{display:flex;flex-direction:column}
.kfz-mz{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid var(--border)}
.kfz-mz:last-child{border-bottom:none}
.kfz-mz form{display:contents}
.kfz-mz-t{flex:1;min-width:0}.kfz-mz-t b{display:block;overflow-wrap:anywhere}.kfz-mz-t small{display:block;color:var(--muted);font-size:12px;overflow-wrap:anywhere}
.kfz-wahl:not(:has(input:checked)) .kfz-leeren{display:none}
.kb-card.st-offen .ziel-offen,.kb-card.st-arbeit .ziel-arbeit,.kb-card.st-erledigt .ziel-erledigt{display:none!important}
/* Dienstfahrt (dienstfahrt.php) */
.df .formular-kopf{background:linear-gradient(135deg,var(--rot-dunkel),var(--rot))}
.df-oben{max-width:760px;margin:0 auto 10px;display:flex;justify-content:flex-end}
.df-frei{margin-top:8px}
.df-gebiet{border:none;display:flex;flex-direction:column;gap:8px}
.df-gebiet legend{font-weight:700;font-size:14px;margin-bottom:6px}
.df-meine{max-width:760px;margin:18px auto}
.df-vorbei{filter:grayscale(1);background:#f6f7f9}
/* Formular-Kopf: Symbol weiß auf Rot, am Handy kompakter */
.formular-kopf .fk-sym .sym{color:#fff;width:28px;height:28px}
.formular-kopf > div{min-width:0}
.formular-kopf h1{overflow-wrap:anywhere}
@media (max-width:560px){
  .formular-kopf{padding:16px;gap:12px;align-items:flex-start}
  .formular-kopf .fk-sym{width:42px;height:42px;border-radius:11px}
  .formular-kopf .fk-sym .sym{width:22px;height:22px}
  .formular-kopf h1{font-size:19px}
  .formular-kopf p{font-size:13px}
}

/* ── Lageberichtgenerator (lagebericht.php) ── */
.formular.lb{max-width:920px}
.formular.lb .formular-kopf{background:linear-gradient(135deg,var(--rot-dunkel),var(--rot))}
.lb-feld{margin-bottom:14px}
.lb-feld > label{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-weight:700;margin-bottom:6px;font-size:14px;color:var(--gray)}
.lb-feld textarea{min-height:70px}
.lb-geaendert textarea,.lb-geaendert input,input.lb-geaendert-feld{border-color:#b8860b;background:#fffaf0}
.lb-chg{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:800;color:#7a5200;background:#ffeccb;border-radius:999px;padding:1px 9px}
.lb-chg .sym{width:12px;height:12px}
.lb-bausteine{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.lb-baustein{font:inherit;font-size:13px;font-weight:700;padding:5px 11px;min-height:32px;border-radius:999px;border:1px solid var(--border);background:var(--soft);color:var(--text);cursor:pointer}
.lb-baustein:hover{border-color:var(--rot);color:var(--rot);background:#fff}
.lb-zahlen td,.lb-zahlen th{text-align:center}
.lb-zahlen td:first-child,.lb-zahlen th:first-child{text-align:left}
.lb-zahlen input{width:96px;text-align:center;font-variant-numeric:tabular-nums;min-height:38px;padding:6px}
.lb-anh{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;margin:6px 0 14px}
.lb-anh li{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:var(--radius);padding:6px 8px;background:#fff}
.lb-anh-a{display:flex;align-items:center;gap:10px;min-width:0;flex:1;text-decoration:none;color:var(--text)}
.lb-anh-a img{width:48px;height:48px;object-fit:cover;border-radius:8px;flex-shrink:0;background:var(--soft)}
.lb-anh-ic{width:48px;height:48px;border-radius:8px;background:var(--silber-hell);color:var(--gray);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex-shrink:0}
.lb-anh-a span{min-width:0;display:flex;flex-direction:column}
.lb-anh-a b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb-anh-a small{color:var(--muted);font-size:12px}
.lb-knoepfe{margin:4px 0 0}
.lb-titel{font-weight:800;color:var(--text);text-decoration:none}
.lb-titel:hover{color:var(--rot)}
.lb-nr{display:inline-flex;align-items:center;justify-content:center;min-width:46px;height:30px;padding:0 9px;border-radius:8px;background:var(--rot-dunkel);color:#fff;font-weight:800;font-size:13px;white-space:nowrap}
.lb-aktionen{text-align:right;white-space:nowrap}
.lb-aktionen > *{display:inline-flex;vertical-align:middle;margin-left:4px}
.lb-vt-neu{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}
.lb-vt-neu .fl{flex:1;min-width:200px;margin-bottom:0}
.lb-vt-wahl{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:6px;margin-bottom:14px;max-height:340px;overflow:auto}
.lb-vt-wahl label{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:#fff}
.lb-vt-wahl label:has(input:checked){border-color:var(--rot);background:var(--rot-hell)}
.lb-vt-wahl span{display:flex;flex-direction:column;min-width:0}
.lb-vt-wahl small{color:var(--muted);font-size:12px;overflow-wrap:anywhere}
.lb-senden-erg{font-size:16px;margin-bottom:6px}
.lb-versand{list-style:none;display:flex;flex-direction:column;gap:8px}
.lb-versand li{border-left:3px solid var(--silber);padding:2px 0 2px 10px;font-size:14px}
.lb-versand small{display:block;color:var(--muted);font-size:12px;overflow-wrap:anywhere}
.lb-versand .lb-fehler{color:#8a1c12}
@media(max-width:700px){
  .lb-aktionen{text-align:left;white-space:normal}
  .lb-aktionen > *{margin:4px 4px 0 0}
  .lb-zahlen th,.lb-zahlen td{padding:8px 5px}
  .lb-zahlen th{white-space:normal;font-size:12px;letter-spacing:0}
  .lb-zahlen input{width:62px;min-height:40px}
  .formular.lb .kfz-abschnitt{padding:0 10px 6px}
}

/* ── Einsatzbericht (einsatz*.php) ── */
.formular.eb{max-width:1100px}
.eb .formular-kopf{background:linear-gradient(135deg,var(--rot-tief),var(--rot))}
.eb-js{display:none!important}
.eb-mit-js .eb-js{display:inline-flex!important}
.eb-mit-js .eb-alle.eb-js{display:flex!important}
.eb-paar{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:0 12px}
.eb-pr{grid-template-columns:minmax(0,3fr) minmax(0,1fr)}
.eb-zahlen{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 12px}
@media(max-width:700px){.eb-zahlen{grid-template-columns:repeat(2,minmax(0,1fr))}}
.eb-wahl{display:flex;flex-wrap:wrap;gap:8px}
.eb-wahl label,.eb-schalter{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:6px 12px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;font-size:14px;cursor:pointer}
.eb-wahl label:has(input:checked),.eb-schalter:has(input:checked){border-color:var(--rot);background:var(--rot-hell);font-weight:700}
.eb-schalter{margin:8px 0}
.eb-tbl td,.eb-tbl th{padding:6px 6px}
.eb-tbl input,.eb-tbl select{min-height:38px;padding:6px 8px;font-size:14px}
.eb-tbl select{padding-right:28px;background-position:right 6px center}
.eb-tbl .eb-nr{color:var(--muted);font-weight:700;width:34px;text-align:center}
.eb-tbl .eb-chk{text-align:center;width:44px}
.eb-tbl .eb-chk input{width:20px;height:20px}
.eb-tbl .eb-fm{text-align:center;font-weight:700;width:44px}
.eb-pers td:nth-child(2){min-width:180px}.eb-pers td:nth-child(3){width:70px}.eb-pers td:nth-child(4){min-width:120px}
.eb-pers tr.eb-na td{background:#f6f6f8}
.eb-pers tr.eb-na input:not([type=checkbox]):not([name$="[name]"]),.eb-pers tr.eb-na select{opacity:.5}
.eb-alle{align-items:center;gap:8px;margin:8px 0 10px;flex-wrap:wrap}
.eb-alle label{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px}
.eb-alle input{width:80px!important}
.eb-teil[hidden]{display:none}
.eb-trupps{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;margin-top:6px}
.eb-trupp{border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;background:#fcfcfd;min-width:0}
.eb-trupp-kopf{font-weight:800;color:var(--rot-dunkel);margin-bottom:8px}
.eb-trupp .grid2{gap:0 10px}
.eb-druck th,.eb-druck td{padding:4px!important;font-size:13px}
.eb-druck input{min-height:34px;padding:4px 6px;font-size:14px}
.eb-empf{display:grid;gap:8px;margin:6px 0 14px}
.eb-empf label,.eb-fest{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;cursor:pointer}
.eb-empf label:has(input:checked){border-color:var(--rot);background:var(--rot-hell)}
.eb-fest{background:var(--soft);cursor:default}.eb-fest .sym{color:var(--gruen);flex-shrink:0}
.eb-empf span b{display:block}.eb-empf span small{display:block;color:var(--muted);overflow-wrap:anywhere}
.eb-empf input{margin-top:3px;width:18px;height:18px;flex-shrink:0}
.eb-knoepfe{position:sticky;bottom:0;background:var(--card-bg);padding:12px 0;border-top:1px solid var(--border);z-index:5}
.mit-unten-nav .eb-knoepfe{bottom:calc(64px + env(safe-area-inset-bottom))}
@media(min-width:701px){.mit-unten-nav .eb-knoepfe{bottom:0}}
.eb-filter{display:flex;flex-wrap:wrap;gap:0 12px;align-items:flex-end;padding:14px 16px}
.eb-filter .fl{flex:1 1 140px;margin-bottom:10px}.eb-filter .eb-filter-q{flex:2 1 220px}
.eb-filter .br{margin:0 0 10px}.eb-filter .eb-schalter{margin:0 0 10px}
.eb-dl{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:6px 14px;margin:0 0 14px;font-size:14px}
.eb-dl dt{color:var(--muted);font-weight:700}.eb-dl dd{margin:0;overflow-wrap:anywhere}
@media(max-width:520px){.eb-dl{grid-template-columns:minmax(0,1fr)}.eb-dl dd{margin-bottom:6px}}
.eb-nr-form{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.eb-nr-form .fl{margin:0;flex:1 1 180px}
.badge.eb-ok{background:#e3f6e8;color:#166534}.badge.eb-gelb{background:var(--gelb-hell);color:#7a4504}
.eb-chip{display:inline-block;padding:2px 9px;border-radius:10px;font-size:12px;font-weight:800}
.eb-chip.ok{background:#e3f6e8;color:#166534}.eb-chip.bad{background:#fde8e8;color:#b42318}.eb-chip.na{background:var(--soft);color:var(--muted)}
.eb-fassungen,.eb-verlauf,.eb-stamm-liste{list-style:none;margin:0;padding:0}
.eb-fassungen li,.eb-verlauf li{padding:8px 0;border-bottom:1px solid #f0f0f3;font-size:14px}
.eb-fassungen li:last-child,.eb-verlauf li:last-child{border-bottom:none}
.eb-fassungen small,.eb-verlauf small{display:block;color:var(--muted);font-size:12px;overflow-wrap:anywhere}
.eb-fass-a{margin-left:6px}
.eb-stamm-form{display:flex;flex-wrap:wrap;gap:0 10px;align-items:flex-end}
.eb-stamm-form .fl{flex:1 1 180px;margin-bottom:10px}.eb-stamm-form .eb-schalter{margin:0 0 10px}.eb-stamm-form > .btn{margin-bottom:10px}
.eb-stamm-liste li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid #f0f0f3}
.eb-stamm-liste li form{display:flex;gap:4px}
.eb-ringe{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
@media(max-width:800px){.eb-ringe{grid-template-columns:minmax(0,1fr)}}
.eb-ring svg{display:block;width:100%;max-width:220px;margin:0 auto;transform:rotate(0)}
.eb-ring-zahl{font-size:8px;font-weight:800;fill:var(--text)}
.eb-ring-t{text-align:center;font-weight:800;margin:8px 0}
.eb-legende{list-style:none;margin:0;padding:0;font-size:14px}
.eb-legende li{display:flex;align-items:center;gap:8px;padding:3px 0}
.eb-legende li span{width:12px;height:12px;border-radius:3px;flex-shrink:0}
.eb-legende small{color:var(--muted);margin-left:auto}
.eb-status{font-size:13px;flex:1 1 220px}
.eb-reiter{margin-bottom:14px}
.eb-unterreiter{background:transparent;border:none;padding:0;gap:6px}
.eb-unterreiter a{border:1px solid var(--border);background:#fff;flex:0 0 auto}

/* ── Lehrgangsplanung (lehrgaenge.php) ─────────────────────────────────── */
.lgs{display:inline-flex;align-items:center;justify-content:center;min-width:26px;padding:2px 9px;border-radius:20px;font-size:12px;font-weight:800;white-space:nowrap}
.lgs-bedarf{background:#eef0f6;color:#3b4a6b}.lgs-gemeldet{background:var(--gelb-hell);color:#7a4504}.lgs-zugesagt{background:var(--blau-hell);color:var(--blau)}
.lgs-bestanden{background:var(--gruen-hell);color:#0f5132}.lgs-nicht{background:#fdecea;color:#8a1c12}.lgs-abgesagt{background:var(--silber-hell);color:var(--muted)}
.lg-oben,.lg-werkzeug{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between;margin-bottom:14px}
.lg-werkzeug .lg-klein{flex:1 1 300px;margin:0}
.lg-jahre{display:inline-flex;background:#fff;border:1px solid var(--border);border-radius:12px;padding:4px;gap:2px}
.lg-jahre a{padding:7px 14px;border-radius:9px;text-decoration:none;color:var(--muted);font-weight:800;font-size:15px}
.lg-jahre a.aktiv{background:var(--rot);color:#fff}
.lg-jahre a.lg-pfeil{padding:7px 10px;font-size:18px;line-height:1}
.lg-filter{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.lg-filter select,.lg-filter input{min-width:0;width:auto;max-width:100%}
.lg-kpi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
.lg-kpi-k{border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:2px}
.lg-kpi-k b{font-size:28px;line-height:1.1}.lg-kpi-k span{font-size:13px;font-weight:700}
.lg-hinweis{display:flex;gap:12px;align-items:center;background:var(--gelb-hell);border:1px solid #ecd29a;color:#5c3a04;border-radius:12px;padding:12px 14px;margin-bottom:14px;text-decoration:none}
.lg-hinweis span{flex:1}
.lg-ebenen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
.lg-spalte{padding:0;overflow:hidden}
.lg-spalte-k{display:flex;align-items:center;gap:12px;padding:16px 18px;margin:0;font-size:19px;font-weight:800;color:#fff;letter-spacing:.01em;
  background:linear-gradient(135deg,var(--lg-f2),var(--lg-f));box-shadow:inset 0 -1px 0 rgba(0,0,0,.12)}
.lg-spalte-k small{display:block;font-size:12.5px;font-weight:600;color:rgba(255,255,255,.85);letter-spacing:0;margin-top:2px}
.lg-sk-sym{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:11px;background:rgba(255,255,255,.18);flex-shrink:0}
.lg-sk-sym .sym{width:22px;height:22px}
.lg-sk-t{flex:1;min-width:0;line-height:1.2}
.lg-sk-n{min-width:32px;height:32px;padding:0 9px;border-radius:16px;background:#fff;color:var(--lg-f);font-size:14px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.lg-spalte{--lg-f:var(--gray);--lg-f2:var(--gray);border:none;box-shadow:var(--schatten-k);background:var(--lg-hell,#fff)}
.lg-sp-kommunal{--lg-f:#1d4f91;--lg-f2:#2f6cbf;--lg-hell:#f3f7fc}
.lg-sp-kreis{--lg-f:#9b0000;--lg-f2:#c81e1e;--lg-hell:#fdf5f5}
.lg-sp-idf{--lg-f:#126b33;--lg-f2:#1f9147;--lg-hell:#f2f9f4}
.lg-zeile{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:11px 16px;border-top:1px solid #f0f0f3;text-decoration:none;color:inherit}
.lg-zeile:hover{background:#fdf7f7}
.lg-zeile.inaktiv{opacity:.55}
.lg-zeile-t{display:flex;flex-direction:column;min-width:0}
.lg-zeile-t b{font-size:14.5px}.lg-zeile-t small{font-size:12.5px}
.lg-zahlen{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end;flex-shrink:0}
.lg-plus{color:#c4c4cc;font-weight:800;font-size:18px;width:26px;text-align:center}
.lg-legende{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.lg-ebene{display:inline-block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:3px 10px;border-radius:20px;color:#fff;background:var(--gray)}
.lg-ebene.lg-e-kommunal{background:#1d4f91}.lg-ebene.lg-e-kreis{background:#b30000}.lg-ebene.lg-e-idf{background:#15803d}
.lg-kopf{display:flex;flex-wrap:wrap;gap:14px 24px;justify-content:space-between;align-items:flex-start}
.lg-kopf-t{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1 1 320px}
.lg-kopf-t h2{font-size:21px;line-height:1.25}
.lg-kopf-r{display:flex;flex-direction:column;gap:10px;align-items:flex-end}
.lg-dl{display:flex;flex-wrap:wrap;gap:6px 22px;margin:2px 0}
.lg-dl dt{font-size:12px;color:var(--muted);font-weight:700}.lg-dl dd{font-weight:700;font-size:14px}
.lg-beschr{font-size:14px;margin-top:6px;white-space:pre-line}
.lg-titelzeile{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;margin-bottom:10px}
.lg-titelzeile h3,.lg-h{font-size:17px;display:flex;gap:8px;align-items:center;margin-bottom:10px}
.lg-titelzeile h3{margin:0}
.lg-knoepfe{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.lg-klein{font-size:13px}
.lg-tn{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:12px;overflow:hidden}
.lg-tn-z{display:grid;grid-template-columns:28px minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.4fr);gap:8px;align-items:center;padding:9px 12px;border-top:1px solid #f0f0f3}
.lg-tn-z:first-child{border-top:none}
.lg-tn-z select,.lg-tn-z input:not([type=checkbox]){width:100%;min-width:0;padding:7px 9px;font-size:14px}
.lg-tn-name{display:flex;flex-direction:column;min-width:0}
.lg-tn-name a{color:inherit;text-decoration:none}
.lg-tn-name .muted{font-size:12.5px}
.lg-warn{display:inline-flex;gap:4px;align-items:center;font-size:12px;color:#7a4504;font-weight:700}
.lg-warn .sym{width:14px;height:14px}
.lg-tn-z select.lg-st-bestanden{background:var(--gruen-hell)}.lg-tn-z select.lg-st-gemeldet{background:var(--gelb-hell)}
.lg-tn-z select.lg-st-zugesagt{background:var(--blau-hell)}.lg-tn-z select.lg-st-nicht_bestanden{background:#fdecea}
.lg-sammel{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin-top:12px}
.lg-sammel .fl{margin:0;min-width:220px}
.lg-neu h3{font-size:16px;display:flex;gap:8px;align-items:center;margin-bottom:10px}
.lg-neu-raster{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0 14px;align-items:end}
.lg-oder{align-self:center;color:var(--muted);font-weight:700;font-size:13px;text-align:center;padding-bottom:14px}
.lg-matrix-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:12px;margin:8px 0 14px}
.lg-matrix{border-collapse:collapse;font-size:13.5px;width:100%}
.lg-matrix th,.lg-matrix td{padding:7px 9px;border-bottom:1px solid #f0f0f3;text-align:center}
.lg-matrix thead th{background:var(--soft);vertical-align:bottom;font-size:12.5px}
.lg-matrix tbody th{text-align:left;white-space:nowrap;font-weight:700}
.lg-matrix input{width:20px;height:20px}
.lg-fort{display:inline-block;width:70px;height:7px;border-radius:7px;background:var(--silber-hell);overflow:hidden;vertical-align:middle}
.lg-fort i{display:block;height:100%;background:var(--gruen)}
.lg-personen{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:6px}
.lg-gruppe{grid-column:1/-1;font-weight:800;color:var(--rot-dunkel);font-size:13px;text-transform:uppercase;letter-spacing:.04em;margin:10px 0 2px}
.lg-person{display:flex;gap:10px;align-items:center;padding:8px 10px;border:1px solid var(--border);border-radius:10px;text-decoration:none;color:inherit;background:#fff}
.lg-person:hover{border-color:var(--rot-rand);background:#fdf7f7}
.lg-person.inaktiv{opacity:.55}
.lg-person-t{display:flex;flex-direction:column;min-width:0}
.lg-person-t small{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lg-av{width:34px;height:34px;border-radius:50%;background:var(--rot-hell);color:var(--rot-dunkel);display:inline-flex;align-items:center;justify-content:center;font-weight:800;flex-shrink:0}
.lg-av.gross{width:52px;height:52px;font-size:22px}
.lg-kopf-t:has(.lg-av.gross){flex-direction:row;align-items:center;gap:14px}
.lg-zwei{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.lg-chips{display:flex;flex-wrap:wrap;gap:6px}
.lg-chip{display:inline-flex;gap:6px;align-items:center;padding:5px 11px;border-radius:20px;border:1px solid var(--border);border-left:4px solid;text-decoration:none;color:inherit;font-size:13.5px;font-weight:700;background:#fff}
.lg-chip small{color:var(--muted);font-weight:600}
.lg-modul-stand{display:flex;gap:10px;align-items:center;margin-top:10px;font-size:13.5px}
.lg-modul-stand span:first-child{flex:1;font-weight:700}
.lg-verlauf{list-style:none;display:flex;flex-direction:column}
.lg-verlauf li{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;padding:8px 0;border-top:1px solid #f0f0f3}
.lg-verlauf li:first-child{border-top:none}
.lg-verlauf a{color:inherit;font-weight:700;text-decoration:none;flex:1 1 140px}
.lg-jahr{font-weight:800;color:var(--muted);font-size:13px;width:38px}
.lg-details summary{cursor:pointer;font-weight:700;display:flex;gap:8px;align-items:center}
.lg-details[open] summary{margin-bottom:12px}
.lg-weg{margin-top:12px}
.lg-abfragen{display:flex;flex-direction:column;gap:6px}
.lg-abfrage{display:flex;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--border);border-radius:10px;text-decoration:none;color:inherit}
.lg-abfrage:hover{background:#fdf7f7}
.lg-abfrage-t{flex:1;display:flex;flex-direction:column;min-width:0}
.lg-auswahl{border:1px solid var(--border);border-radius:12px;padding:12px 14px;margin:6px 0 14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.lg-auswahl legend{font-weight:700;font-size:14px;padding:0 6px}
.lg-auswahl-g{display:flex;flex-direction:column;gap:4px;font-size:14px}
.lg-auswahl-g label{display:flex;gap:8px;align-items:flex-start}
.lg-bedarf{border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:14px}
.lg-bedarf-z summary,.lg-bedarf-z.kopfzeile{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.4fr) minmax(0,1fr) 90px;gap:10px;padding:10px 14px;align-items:center;list-style:none;cursor:pointer}
.lg-bedarf-z summary::-webkit-details-marker{display:none}
.lg-bedarf-z{border-top:1px solid #f0f0f3}
.lg-bedarf-z.kopfzeile{background:var(--soft);font-weight:800;font-size:13px;color:var(--muted);border-top:none;cursor:default}
.lg-bedarf-z summary:hover{background:#fdf7f7}
.lg-zahl{font-size:20px;font-weight:800;text-align:center;color:var(--rot-dunkel)}
.lg-zahl.null{color:#c4c4cc}
.lg-namen{display:flex;flex-wrap:wrap;gap:6px;padding:4px 14px 14px}
.lg-namen a{display:inline-flex;gap:6px;align-items:center;padding:4px 10px;border:1px solid var(--border);border-radius:20px;text-decoration:none;color:inherit;font-size:13.5px}
.lg-namen a small{color:var(--muted)}
.lg-namen a.lg-mehr{border:none;color:var(--rot);font-weight:700}
.lg-listen{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;align-items:start}
.lg-liste-k h3{font-size:16px;display:flex;gap:8px;align-items:center;margin-bottom:6px}
.lg-liste-k p{font-size:13.5px;margin-bottom:12px}
.lg-mini{display:flex;flex-wrap:wrap;gap:6px}
.lg-mini a{font-size:13px;padding:3px 10px;border:1px solid var(--border);border-radius:20px;text-decoration:none;color:inherit}
@media (max-width:980px){.lg-ebenen{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){
  .lg-kpi{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lg-zwei{grid-template-columns:minmax(0,1fr)}
  .lg-kopf-r{align-items:flex-start}
  .lg-tn-z{grid-template-columns:28px minmax(0,1fr) minmax(0,1fr)}
  .lg-tn-z > .lg-tn-name{grid-column:2/4}
  .lg-tn-z > :nth-child(n+3){grid-column:2/4}
  .lg-tn-z > :nth-child(3){grid-column:2}.lg-tn-z > :nth-child(4){grid-column:3}
  .lg-bedarf-z summary,.lg-bedarf-z.kopfzeile{grid-template-columns:minmax(0,1fr) 60px}
  .lg-bedarf-z summary > :nth-child(2),.lg-bedarf-z summary > :nth-child(3),.lg-bedarf-z.kopfzeile > :nth-child(2),.lg-bedarf-z.kopfzeile > :nth-child(3){display:none}
}
.lg-ebene{align-self:flex-start}
.lg-kopf-r.lg-knoepfe{flex-direction:row;justify-content:flex-end}
.lg-breit{grid-column:span 2}
.lg-neu-person{margin:0 0 14px}
.lg-neu-person summary{cursor:pointer;color:var(--rot);font-weight:700;font-size:14px;margin-bottom:8px}
@media (max-width:760px){.lg-breit{grid-column:auto}.lg-kopf-r.lg-knoepfe{justify-content:flex-start}}
.lg-mail-was{display:flex;gap:12px;align-items:center;background:var(--soft);border:1px solid var(--border);border-radius:12px;padding:12px 14px;margin-bottom:14px}
.lg-mail-was .sym{width:28px;height:28px;color:var(--rot)}
.lg-mail-was div{display:flex;flex-direction:column}
.lg-ziele{grid-template-columns:minmax(0,1fr)}
.lg-ziel{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:#fff}
.lg-ziel span{display:flex;flex-direction:column;min-width:0}
.lg-ziel small{overflow-wrap:anywhere}
.lg-ziel.leer{filter:grayscale(1)}
.lg-warnkasten{display:flex;gap:8px;align-items:center;background:var(--gelb-hell);color:#5c3a04;border-radius:10px;padding:10px 12px;font-size:13.5px;margin-bottom:10px}
/* Lehrgänge: Tablet und Feinschliff */
.lg-reiter{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.lg-reiter-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.lg-reiter-6{grid-template-columns:repeat(6,minmax(0,1fr))}
.lg-reiter a{justify-content:center;padding:9px 10px}
@media (max-width:1100px){.lg-reiter-6{grid-template-columns:repeat(3,minmax(0,1fr))}}
.lg-chip{border-left:1px solid var(--border)}
.lg-chip::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gray);flex-shrink:0}
.lg-chip.lg-e-kommunal::before{background:#1d4f91}.lg-chip.lg-e-kreis::before{background:#b30000}.lg-chip.lg-e-idf::before{background:#15803d}
.lg-zwei{align-items:stretch}
.lg-eintrag{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,2fr)}
.lg-eintrag .lg-breit{grid-column:auto}
@media (max-width:980px) and (min-width:701px){
  .lg-ebenen{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lg-sp-kommunal{grid-column:1;grid-row:1}
  .lg-sp-idf{grid-column:1;grid-row:2}
  .lg-sp-kreis{grid-column:2;grid-row:1 / span 2}
}
@media (max-width:900px){
  .lg-eintrag{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lg-eintrag .lg-breit{grid-column:1 / -1}
}
@media (max-width:560px){
  .lg-eintrag{grid-template-columns:minmax(0,1fr)}
}
/* Lehrgänge: Anmeldungen, Verlauf, ohne Namen */
.lg-reiter-7{grid-template-columns:repeat(7,minmax(0,1fr))}
@media (max-width:1180px){.lg-reiter-7{grid-template-columns:repeat(4,minmax(0,1fr))}}
.lg-reiter .nav-zahl{position:static;display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--rot);color:#fff;font-size:12px;font-weight:800}
.lg-reiter a.aktiv .nav-zahl{background:#fff;color:var(--rot)}
.lg-ohne{font-size:13px;font-weight:800;color:#7a4504;background:var(--gelb-hell);padding:2px 9px;border-radius:20px;margin-left:6px;vertical-align:middle}
.lg-ohne-k{border:1px dashed #e0b84f;background:#fffbf0;border-radius:12px;padding:10px 14px;margin-bottom:12px}
.lg-ohne-k summary{cursor:pointer;display:flex;gap:8px;align-items:center;font-size:14px}
.lg-ohne-k[open] summary{margin-bottom:10px}
.lg-ohne-form{display:grid;grid-template-columns:110px minmax(0,1fr) minmax(0,2fr) auto;gap:0 12px;align-items:end}
.lg-ohne-form .btn{margin-bottom:14px}
@media (max-width:700px){.lg-ohne-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.lg-ohne-form > :nth-child(n+6){grid-column:1/-1}}
.lg-log{list-style:none;display:flex;flex-direction:column}
.lg-log li{display:grid;grid-template-columns:130px minmax(0,1fr) auto;gap:4px 12px;padding:7px 0;border-top:1px solid #f0f0f3;font-size:13.5px}
.lg-log li:first-child{border-top:none}
.lg-log-zeit{color:var(--muted);font-variant-numeric:tabular-nums}
.lg-log-wer{color:var(--muted);font-size:12.5px;overflow-wrap:anywhere}
@media (max-width:700px){.lg-log li{grid-template-columns:minmax(0,1fr)}.lg-log-wer{font-size:12px}}
.lg-zwischen{font-size:16px;margin:4px 0 10px;display:flex;gap:8px;align-items:center}
.lg-pruef{border-left:5px solid #e0a800}
.lg-pruef-kopf{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}
.lg-pruef-kopf h3{font-size:18px}
.lg-pruef-wer{font-size:14.5px}
.lg-pruef-form{border-top:1px solid #f0f0f3;padding-top:12px}
.lg-anm-liste{display:flex;flex-direction:column}
.lg-anm{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;padding:10px 0;border-top:1px solid #f0f0f3}
.lg-anm:first-child{border-top:none}
.lg-anm-k{flex-basis:100%;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.lg-anm-k form{margin:0}
.lg-anm-t{flex:1 1 260px;display:flex;flex-direction:column;min-width:0}
.lg-anm-t small{font-size:12.5px}
.lg-anm-raster{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
@media (min-width:901px){.lg-anm-raster{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1.3fr) minmax(0,1.3fr) minmax(0,1.3fr)}}
@media (max-width:560px){.lg-anm-raster{grid-template-columns:minmax(0,1fr)}}
.lg-vj{cursor:pointer;grid-template-columns:28px minmax(0,1.4fr) minmax(0,1.4fr) 60px auto}
@media (max-width:760px){.lg-vj{grid-template-columns:28px minmax(0,1fr) auto}.lg-vj > :nth-child(3){grid-column:2/4}.lg-vj > :nth-child(4){grid-column:2}}
.lg-neu > p.lg-klein{margin:-4px 0 12px}
.eb-pick{position:absolute;z-index:1200;max-width:min(420px,calc(100vw - 16px));max-height:300px;overflow-y:auto;background:#fff;border:1px solid var(--border);
  border-radius:10px;box-shadow:var(--schatten-g);padding:4px}
.eb-pick-z{display:block;width:100%;text-align:left;border:none;background:none;padding:8px 10px;border-radius:7px;cursor:pointer;font:inherit;color:var(--text)}
.eb-pick-z b{display:block;font-size:14px}.eb-pick-z small{display:block;font-size:12px;color:var(--muted)}
.eb-pick-z:hover,.eb-pick-z.an{background:var(--rot-hell)}
.eb-pick-z.schon b{color:var(--muted);font-weight:600}

.eb-mehrwahl{border:1px solid var(--border);border-radius:var(--radius);background:var(--soft);padding:12px;margin:0 0 12px}
.eb-mw-kopf{display:flex;gap:10px;align-items:center;margin-bottom:8px}.eb-mw-kopf input{flex:1}
.eb-mw-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px;max-height:320px;overflow-y:auto;padding:2px}
.eb-mw-z{display:flex;gap:8px;align-items:flex-start;padding:7px 10px;border:1px solid var(--border);border-radius:8px;background:#fff;cursor:pointer}
.eb-mw-z input{width:18px;height:18px;margin-top:2px;flex-shrink:0}
.eb-mw-z b{display:block;font-size:14px}.eb-mw-z small{display:block;font-size:12px;color:var(--muted)}
.eb-mw-z:has(input:checked:not(:disabled)){border-color:var(--rot);background:var(--rot-hell)}
.eb-mw-z.schon{filter:grayscale(1);background:#f6f7f9;cursor:default}

/* ── Lehrgangs-Buchung (lehrgang-angebote.php, lehrgang-buchen.php) ── */
.lg-reiter-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.lg-reiter-8{grid-template-columns:repeat(8,minmax(0,1fr))}
.lg-reiter-8 a{padding:9px 6px;font-size:13.5px}
@media (max-width:1180px){.lg-reiter-8{grid-template-columns:repeat(4,minmax(0,1fr))}}
.lgb-unter{display:flex;margin-top:-6px}
.lgb-unter a{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.lgb-unter .nav-zahl{position:static;display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--rot);color:#fff;font-size:12px;font-weight:800}
.lgb-unter a.aktiv .nav-zahl{background:#fff;color:var(--rot)}
.lgb-weg summary{cursor:pointer;font-weight:800;display:flex;align-items:center;gap:8px;font-size:15px}
.lgb-weg ol{list-style:none;counter-reset:w;margin:14px 0 6px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.lgb-weg li{counter-increment:w;position:relative;background:var(--soft);border:1px solid var(--border);border-radius:12px;padding:12px 12px 12px 46px;display:flex;flex-direction:column;gap:4px;font-size:13px}
.lgb-weg li::before{content:counter(w);position:absolute;left:12px;top:12px;width:24px;height:24px;border-radius:50%;background:var(--rot);color:#fff;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center}
.lgb-weg li b{font-size:14px}
.lgb-weg li.lgb-hier{border-color:var(--rot);box-shadow:0 0 0 2px rgba(179,0,0,.15);background:#fff}
.lgb-wer{align-self:flex-start;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:10px;background:#e6e8ef;color:#3b4a6b}
.lgb-wer-ausbildungsplanung{background:var(--blau-hell);color:var(--blau)}
.lgb-wer-einheitsführung{background:var(--gelb-hell);color:#7a4504}
.lgb-wer-jedepersonselbst{background:var(--gruen-hell);color:#0f5132}
.lgb-liste{display:flex;flex-direction:column;gap:8px}
.lgb-zeile{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1.5px solid var(--border);border-radius:10px;background:#fff;text-decoration:none;color:inherit}
.lgb-zeile:hover{background:var(--silber-hell)}
.lgb-zeile.lgb-zu{background:#f6f7f9;border-style:dashed}
.lgb-zeile-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.lgb-zeile-t small .sym{width:13px;height:13px;vertical-align:-2px;margin-right:3px}
.lgb-zeile-z{display:flex;flex-direction:column;gap:4px;min-width:190px}
.lgb-zeile-z small{font-size:12px;color:var(--muted)}
.lgb-art{font-size:12px;color:var(--muted);font-weight:700;display:flex;align-items:center;gap:6px}
.lgb-zahl{font-size:13px}
.lgb-balken{display:block;height:7px;border-radius:4px;background:#eceef3;overflow:hidden}
.lgb-balken i{display:block;height:100%;background:#1f9147;border-radius:4px}
.lgb-balken.voll i{background:var(--rot)}
.lgb-wartend{color:#7a4504}
.lgb-kopf-z{display:flex;flex-direction:column;gap:8px;min-width:240px}
.lgb-kpi{display:flex;gap:14px;font-size:13px;color:var(--muted)}
.lgb-zwei{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media (max-width:900px){.lgb-zwei{grid-template-columns:minmax(0,1fr)}.lgb-zeile{flex-wrap:wrap}.lgb-zeile-t{flex:1 1 150px}.lgb-zeile-z{min-width:0;width:100%;padding-left:64px}}
.lgb-abf-kurz{margin:4px 0 12px 18px;padding:0;font-size:14px}
.lgb-abf-n{min-width:36px;height:36px;border-radius:10px;background:var(--rot);color:#fff;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.lgb-gr{border-left:5px solid var(--gray)}
.lgb-gr-warte{border-left-color:#d99a1e}.lgb-gr-gebucht{border-left-color:#1f9147}.lgb-gr-nach{border-left-color:var(--blau)}
.lgb-akt summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:700;color:var(--muted)}
.lgb-akt summary::-webkit-details-marker{display:none}
.lgb-akt-k{display:flex;flex-direction:column;gap:6px;margin-top:6px;min-width:220px}
.lgb-akt-k form{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.lgb-akt-k input,.lgb-akt-k select{flex:1;min-width:120px;font-size:13px;padding:6px 8px}
.lgb-teilen .lgb-link{display:flex;gap:8px;margin:10px 0}
.lgb-teilen .lgb-link input{flex:1;min-width:0;font-family:ui-monospace,monospace;font-size:13px;background:var(--soft)}
.lgb-teilen-k{display:flex;flex-wrap:wrap;gap:8px}
.lgb-senden{margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}
.lgb-senden h4{display:flex;align-items:center;gap:6px;margin:0 0 4px}
.lgb-einheiten{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:4px 12px;margin:8px 0 12px}
.lgb-einheiten label{display:flex;flex-wrap:wrap;gap:2px 6px;align-items:center;font-size:14px}
.lgb-einheiten small{color:var(--muted);font-size:12px;overflow-wrap:anywhere;flex-basis:100%;padding-left:28px}
.lgb-gr > .btn{margin-bottom:12px}
.lgb-warte-liste{display:flex;flex-direction:column;gap:12px}
.lgb-warte{border:1px solid var(--border);border-left:5px solid #d99a1e;border-radius:12px;padding:14px;background:#fff}
.lgb-warte-k{display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap}
.lgb-warte-a{text-align:right}
.lgb-name{font-size:16px}
.lgb-entscheid{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin-top:10px}
.lgb-entscheid .fl{flex:1;min-width:220px;margin:0}
.lgb-ablehnen{margin-top:8px}
.lgb-ablehnen summary{cursor:pointer;font-size:13px;color:var(--muted);font-weight:700}
.lgb-ablehnen form{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin-top:8px}
.lgb-ablehnen .fl{flex:1;min-width:220px;margin:0}
@media (max-width:700px){.lgb-warte-a{text-align:left}}
/* öffentliche Anmeldeseite */
.lgb-seite{max-width:860px;margin:0 auto}
.lgb-kopf h1{margin:6px 0 8px;font-size:24px}
.lgb-frist{display:flex;align-items:center;gap:6px;margin:0 0 8px;color:var(--rot)}
.lgb-text{margin:0;white-space:normal}
.lgb-nr{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--rot);color:#fff;font-size:14px;margin-right:8px}
.lgb-angebote{display:flex;flex-direction:column;gap:10px}
.lgb-angebot{border:1px solid var(--border);border-radius:12px;padding:12px 14px;background:#fff}
.lgb-angebot:has(input:checked){border-color:var(--rot);box-shadow:0 0 0 2px rgba(179,0,0,.12)}
.lgb-angebot.lgb-zu{background:#f6f7f9;border-style:dashed}
.lgb-wahl{display:flex;gap:12px;align-items:flex-start;cursor:pointer}
.lgb-wahl input{width:22px;height:22px;margin-top:2px;flex-shrink:0;accent-color:var(--rot)}
.lgb-angebot-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.lgb-angebot-t b{font-size:16px}
.lgb-termin{font-size:13.5px;color:var(--muted);display:flex;align-items:center;gap:4px}
.lgb-termin .sym{width:14px;height:14px}
.lgb-plaetze{display:flex;flex-direction:column;align-items:flex-end;gap:3px;text-align:right}
.lgb-plaetze small{font-size:12px;color:var(--muted)}
.lgb-beschr{margin:8px 0 0 34px;font-size:13.5px}
.lgb-frage{margin:10px 0 0 34px}
@media (max-width:600px){.lgb-wahl{flex-wrap:wrap}.lgb-plaetze{align-items:flex-start;text-align:left;width:100%;padding-left:34px}}
.lgb-falle{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.lgb-danke{border-left:5px solid #1f9147}
.lgb-danke h2{display:flex;align-items:center;gap:8px;margin:0 0 8px;color:#0f5132}
.lgb-karte .lgb-h{margin:8px 0 2px}
.lgb-abmelden{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.lgb-danke ul{margin:0 0 10px 20px;padding:0}

/* ── Lehrgänge: schlichter (10/2026) – eine Reiterzeile, Jahr als Stepper, Hilfe nur auf Wunsch ── */
body.hilfe-aus .hilfe{display:none!important}
.lg-reiter{display:flex;flex-wrap:nowrap;gap:4px;overflow-x:auto;scrollbar-width:none}
.lg-reiter::-webkit-scrollbar{display:none}
.lg-reiter > a,.lg-reiter > button{flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 12px;white-space:nowrap}
.lg-reiter > button{border:0;background:none;font:inherit;font-weight:700;font-size:14px;color:var(--muted);border-radius:9px;cursor:pointer}
.lg-reiter > .lg-neben{flex:0 0 auto;padding:9px 11px;color:var(--muted)}
.lg-reiter > .lg-neben .sym{width:19px;height:19px}
.lg-reiter > a:hover,.lg-reiter > button:hover{background:var(--soft)}
.lg-reiter > a.aktiv:hover{background:var(--rot)}
@media (min-width:701px){
  .lg-neben-t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .lg-reiter > .lg-neben{border-left:1px solid var(--border);border-radius:0 9px 9px 0}
  .lg-reiter > .lg-neben + .lg-neben{border-left:0;border-radius:9px}
}
@media (max-width:1180px) and (min-width:701px){
  .lg-reiter > a:not(.lg-neben){padding:9px 8px;font-size:13.5px}
  .lg-reiter > a:not(.lg-neben) > .sym{display:none}
}
.lg-js{display:inline-flex;align-items:center;gap:4px;background:#fff;border:1px solid var(--border);border-radius:999px;padding:4px;box-shadow:var(--schatten-k,0 1px 2px rgba(0,0,0,.05))}
.lg-js-p{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--soft);color:var(--gray);text-decoration:none;flex-shrink:0}
.lg-js-p:hover{background:var(--rot-hell);color:var(--rot)}
.lg-js-p .sym{width:20px;height:20px}
.lg-js-vor .sym{transform:rotate(180deg)}
.lg-js-m{display:flex;flex-direction:column;align-items:center;min-width:78px;line-height:1.05}
.lg-js-m small{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--rot)}
.lg-js-m b{font-size:22px;font-weight:800;color:var(--text,#16181d)}
.lg-js-heute{font-size:12px;font-weight:800;padding:7px 11px;margin:0 2px;border-radius:999px;background:var(--rot-hell);color:var(--rot);text-decoration:none;white-space:nowrap}
.lg-filter select{height:50px;border-radius:999px;padding:0 40px 0 18px;font-weight:700;background-color:#fff}
.lg-werkzeug{align-items:center}
@media (max-width:700px){
  .lg-werkzeug,.lg-kopf-r:has(> .lg-js){flex-direction:row;flex-wrap:nowrap;gap:8px;align-items:center}
  .lg-werkzeug .lg-filter,.lg-kopf-r .lg-filter{flex:1 1 auto;min-width:0}
  .lg-filter select{width:100%;min-width:0;padding:0 34px 0 14px;font-size:14px}
  .lg-js-m{min-width:62px}
  .lg-js-m b{font-size:20px}
  .lg-js-p{width:36px;height:36px}
  .lg-js-heute{display:none}
  .lg-kpi{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  .lg-kpi-k{padding:9px 4px;align-items:center;text-align:center;border-radius:12px}
  .lg-kpi-k b{font-size:21px}
  .lg-kpi-k span{font-size:11px;line-height:1.15}
  .lg-hinweis{padding:10px 12px;font-size:13.5px}
}
@media(max-width:700px){
  .lgb-unter{flex-wrap:nowrap;gap:4px;padding:4px}
  .lgb-unter a{padding:8px 6px;font-size:13.5px;white-space:nowrap;min-width:0}
  .lgb-unter a .sym{display:none}
}
.um-knopf .um-zahl{position:static;display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;margin-left:8px;padding:0 6px;border-radius:10px;background:var(--rot);color:#fff;font-size:12px;font-weight:800;vertical-align:middle}
/* ── Hilfe-Knopf neben dem Seitentitel (alle Module, 10/2026) ── */
.hilfe-knopf{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:18px;border:1.5px solid var(--linie,#dfe2e8);background:#fff;color:var(--muted);font:inherit;font-size:13.5px;font-weight:700;cursor:pointer;white-space:nowrap}
.hilfe-knopf .sym{width:17px;height:17px}
.hilfe-knopf:hover{color:var(--text);border-color:#b9bec8}
.hilfe-knopf[aria-pressed="true"]{background:var(--rot-hell);border-color:var(--rot);color:var(--rot-dunkel)}
.seite-titel .hilfe-knopf{margin-left:auto;align-self:flex-end}
.formular-kopf .hilfe-knopf{margin-left:auto;flex-shrink:0;background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.45);color:#fff}
.formular-kopf .hilfe-knopf[aria-pressed="true"]{background:#fff;color:var(--rot-dunkel);border-color:#fff}
.hilfe-leiste{display:flex;justify-content:flex-end;margin:0 0 12px}
@media(max-width:700px){
  .hilfe-knopf{height:34px;padding:0 10px}
  .hilfe-knopf span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .seite-titel:has(> .hilfe-knopf){position:relative}
  .seite-titel:has(> .hilfe-knopf) > div:first-child{padding-right:46px}
  .seite-titel > .hilfe-knopf{position:absolute;top:-2px;right:0}
}
/* Tableau am Handy: zwei Fahrzeuge je Zeile */
@media(max-width:520px){
  .fz-pillen{display:grid;grid-template-columns:1fr 1fr;gap:6px}
  .fz-pille{padding:7px 9px;min-width:0}
  .fz-pille b,.fz-pille strong,.fz-pille span{overflow-wrap:anywhere}
}
/* ── Lehrgänge: Anlage des Kreises (Excel) und Abgleich ── */
.lgv{display:flex;flex-direction:column;gap:12px}
.lgv-kopf{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.lgv-kopf > div{flex:1 1 220px;min-width:0;display:flex;flex-direction:column;gap:2px}
.lgv-kopf small{overflow-wrap:anywhere}
.lgv-sym{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:#eef1f5;color:var(--muted);flex-shrink:0}
.lgv-sym.ok{background:#e6f4ea;color:#1e7b34}
.lgv-offen{color:#9a5b00}
.lgv-hoch{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.lgv-hoch input[type=file]{flex:1 1 220px;min-width:0;font-size:14px}
.lgv-mehr summary{cursor:pointer;color:var(--muted);font-size:14px;font-weight:600}
.lgv-mehr[open]{display:flex;flex-direction:column;gap:10px}
.lgv-liste{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:12px;overflow:hidden}
.lgv-abschnitt{padding:8px 12px;background:#f3f4f7;font-size:12.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.lgv-zeile{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,320px);gap:6px 14px;align-items:center;padding:9px 12px;border-top:1px solid var(--border)}
.lgv-liste > .lgv-zeile:first-child{border-top:none}
.lgv-zeile.zu{background:#f6fbf7}
.lgv-was{display:flex;flex-direction:column;min-width:0}
.lgv-was small{color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lgv-zahlen{display:flex;gap:6px;flex-wrap:wrap;margin-top:3px}
.lgv-z{font-size:12px;font-weight:700;padding:1px 8px;border-radius:10px;background:#fff4d6;color:#7a5200}
.lgv-z.p{background:#e6f0ff;color:#1d4f9c}
.lgv-zeile select{width:100%;min-width:0}
.lgv-nm{display:flex;flex-direction:column;gap:12px;margin-top:14px;border-top:1px solid var(--border);padding-top:14px}
.lgv-nm-gruppe{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#fff}
.lgv-nm-kopf{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:10px 12px;background:#f6f7f9;border-bottom:1px solid var(--border)}
.lgv-nm-kopf .muted{font-size:13px;flex:1 1 160px;min-width:0}
.lgv-nm-zeile{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 14px;align-items:end;padding:10px 12px;border-top:1px solid var(--border)}
.lgv-nm-kopf + .lgv-nm-zeile{border-top:none}
.lgv-nm-zeile .fl{margin:0}
.lgv-nm-zeile select{width:100%;min-width:0}
.lgv-nm-q{display:grid;grid-template-columns:repeat(4,minmax(64px,1fr));gap:6px}
.lgv-nm-q label{display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--muted);font-weight:600}
.lgv-nm-gruppe .lg-warnkasten{margin:0;border-radius:0}
@media (max-width:700px){.lgv-nm-zeile{grid-template-columns:minmax(0,1fr)}.lgv-nm-q{grid-template-columns:repeat(4,minmax(0,1fr))}.lgv-nm-q label{min-width:0}.lgv-nm-q label span{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lgv-nm-q select{min-width:0;padding-left:6px;padding-right:4px}}
.lgv-nm-res{padding:10px 12px 4px;border-top:2px dashed var(--border);background:#f6f8fc}
.lgv-nm-reserve{background:#f6f8fc}
.lgv-nm-neu{background:#fff8e1}
.lgv-nm-anm{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;padding:10px 12px;border-top:1px solid var(--border);background:#fffdf3}
.lgv-nm-anm-t{flex:1 1 220px;min-width:0;display:flex;flex-direction:column;gap:2px}
.lgv-nm-anm-t small{color:var(--muted);font-size:12px}
.lgv-nm-anm-k{display:flex;gap:6px;flex-wrap:wrap}
.lgv-nm-vm{font-style:normal;font-weight:600;color:#8a5a00}
.lgv-nm-vor{display:flex;gap:8px;align-items:flex-start;margin:8px 0 0;font-size:13px;color:#5c4400;background:#fff3cd;border-radius:8px;padding:8px 10px}
.lgv-nm-vor svg{flex:0 0 auto;width:16px;height:16px;margin-top:2px}
.lgn-hinweis{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#b30000,#8a0000);color:#fff;text-decoration:none;border-radius:14px;padding:12px 16px;margin:0 0 14px;box-shadow:0 4px 14px rgba(138,0,0,.25)}
.lgn-hinweis span{flex:1;min-width:0;display:flex;flex-direction:column}
.lgn-hinweis small{color:rgba(255,255,255,.85);font-size:13px}
.lgn-hinweis svg{width:22px;height:22px;flex:none}
.lgn-weg{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 12px}
.lgn-weg span{font-size:13px;font-weight:600;padding:5px 10px;border-radius:999px;background:#f1f2f5;color:var(--muted)}
.lgn-weg span.an{background:var(--rot);color:#fff}
.lgn-weg span.fertig{background:#e7f6ec;color:#166534}
.lgn-liste{margin:0 0 8px}
.lgn-liste .zk-k form{display:inline;margin:0}
.lgn-ab{display:inline-block;position:relative}
.lgn-ab summary{list-style:none;cursor:pointer}
.lgn-ab summary::-webkit-details-marker{display:none}
.lgn-ab[open] form{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}
.lgn-ab input{min-width:0;flex:1 1 160px}
.lgn-bearb summary{cursor:pointer;color:var(--muted);font-size:13px;font-weight:600}
.lgn-bearb form,.lgn-neu{display:flex;flex-direction:column;gap:10px;margin-top:8px}
.lgn-neu .lgv-nm-q{max-width:520px}
.lgn-wl .lgv-nm-gruppe{margin-top:10px}
.lgv-ueber{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1.5px dashed #d8b26a;border-radius:12px;background:#fffaf0}
.lgv-ueber span{display:flex;flex-direction:column;gap:2px}
.lgv-datei{margin-bottom:12px}
@media(max-width:700px){
  .lgv-zeile{grid-template-columns:1fr}
  .lgv-was small{white-space:normal}
}
.lgv-abs{display:flex;flex-direction:column;gap:10px;margin-top:10px}.lgv-abs .btn{align-self:flex-start}
/* ── Abschlussberichte der Leitstelle ── */
.lts-kopf{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:flex-start}
.lts-kopf > div:first-child{flex:1 1 320px;min-width:0}
.lts-kopf h2{font-size:21px;font-weight:800;margin:6px 0 10px}
.lts-zeile1{display:flex;gap:6px;flex-wrap:wrap}
.lts-dl{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px 18px;margin:0}
.lts-dl dt{font-size:12px;color:var(--muted);font-weight:700}
.lts-dl dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.lts-em{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.lts-em span{background:var(--soft);border:1px solid var(--border);border-radius:8px;padding:3px 9px;font-size:13px;font-weight:600}
.lts-typ-d{background:#b00000;color:#fff}
.lts-typ-a{background:#e8ecf3;color:#334}
/* Alarmdepesche: Empfänger je Einheit – eine Zeile je Einheit, je Adresse ein Feld */
.lad-tab{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--card-bg)}
.lad-kopf{display:grid;grid-template-columns:minmax(200px,260px) 1fr;gap:16px;padding:10px 16px;background:var(--soft);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.lad-kopf small{text-transform:none;letter-spacing:0;font-weight:400;font-size:12px}
.lad-z{display:grid;grid-template-columns:minmax(200px,260px) 1fr;gap:16px;align-items:center;padding:12px 16px;border-top:1px solid var(--border)}
.lad-z.lad-problem{background:rgba(200,0,0,.05)}
.lad-e{display:flex;align-items:center;gap:12px;min-width:0}
.lad-nr{flex:0 0 34px;height:34px;border-radius:50%;background:var(--rot);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}
.lad-problem .lad-nr{background:#888}
.lad-name{display:flex;flex-direction:column;min-width:0}
.lad-name small{color:var(--muted);font-size:12px}
.lad-problem .lad-name small{color:#b00000;font-weight:600}
.lad-adr{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}
.lad-f{position:relative;display:block}
.lad-f input{width:100%}
.lad-f input:placeholder-shown{border-style:dashed;background:transparent}
@media (max-width:760px){
  .lad-kopf{display:none}
  .lad-z{grid-template-columns:1fr;gap:10px}
}
.lts-an{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:6px 14px;margin:6px 0 12px}
.lts-an label{display:flex;gap:8px;align-items:center;font-size:14px;overflow-wrap:anywhere}
.lts-liste{display:flex;flex-direction:column}
.lts-eintrag{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.3fr) minmax(0,1.4fr) auto;gap:4px 16px;align-items:center;padding:12px 8px;border-top:1px solid var(--border);color:var(--text);text-decoration:none}
.lts-liste > .lts-eintrag:first-child{border-top:none}
.lts-eintrag:hover{background:var(--soft)}
.lts-e1{display:flex;gap:8px;align-items:center;flex-wrap:wrap;min-width:0}
.lts-e1 small{font-size:12.5px}
.lts-e2{font-weight:600;min-width:0;overflow-wrap:anywhere}
.lts-e3{font-size:13px;min-width:0;overflow-wrap:anywhere}
.lts-e4{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-weight:700;font-size:13px}
.lts-e4 .sym{width:16px;height:16px}
.lts-warn{color:#8a5a00}
.lts-einst{display:flex;flex-direction:column;gap:12px}
.lts-einst .sec{margin:10px 0 0}
.lts-schalter{display:flex;gap:10px;align-items:flex-start}
.lts-schalter span{display:flex;flex-direction:column;gap:2px}
.lts-mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;line-height:1.5}
@media(max-width:700px){
  .lts-eintrag{grid-template-columns:1fr auto}
  .lts-e2,.lts-e3{grid-column:1 / -1}
  .lts-e4{grid-row:1;grid-column:2}
}
/* Kalender: Termine der Stadtfeuerwehr heben sich von Buchungen ab (voll eingefärbt) */
.bu-ev.bu-termin{background:var(--bf);color:#fff;font-weight:700}
.bu-ev.bu-termin:hover{background:color-mix(in srgb,var(--bf) 85%,#000)}
.bu-ag-ev.bu-termin{background:color-mix(in srgb,var(--bf) 10%,#fff)}

/* Lehrgänge: Bedarf und Zuteilung in der Übersicht, Zuteilung eintragen */
.lg-zu-knopf{margin-left:auto}
.lg-zeile-n{align-items:flex-start}
.lg-namen{display:flex;flex-wrap:wrap;gap:2px 10px;margin-top:3px;color:var(--muted);line-height:1.35}
.lg-n-platz{color:#0f5132;font-weight:700;display:inline-flex;align-items:center;gap:2px}
.lg-n-platz .sym{width:13px;height:13px}
.lg-n-ohne{font-style:italic}
.lg-bz{display:flex;gap:6px;flex-shrink:0}
.lg-bz-k{display:flex;flex-direction:column;align-items:center;min-width:56px;padding:4px 8px;border-radius:10px;background:#eef0f6;color:#3b4a6b}
.lg-bz-k small{font-size:11px;font-weight:700;line-height:1.2}
.lg-bz-k b{font-size:17px;line-height:1.2}
.lg-bz-ok{background:var(--gruen-hell);color:#0f5132}
.lg-bz-weniger{background:#fdecea;color:#8a1c12}
.lg-bz-offen{background:#f5f5f7;color:var(--muted)}
.lgz{max-width:640px}
.lgz-titel{margin:0 0 6px}
.lgz-ebene{margin:14px 0 4px}
.lgz .lgz-zeile{display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;margin:0;border-bottom:1px solid #f0f0f3;cursor:pointer}
.lgz-name{display:flex;flex-direction:column;min-width:0;flex:1}
.lgz-name small{font-size:12.5px}
.lgz .lgz-zeile input{width:76px!important;flex:0 0 76px;text-align:center;font-weight:800;font-size:16px;padding:7px 6px}
.lgz-fuss{margin-top:14px}
.lgz-chip{font-size:13px;font-weight:800;color:var(--blau);background:var(--blau-hell);padding:2px 9px;border-radius:20px;margin-left:6px;vertical-align:middle}
.lgz-mini{display:flex;align-items:center;gap:8px;margin:2px 0 10px}
.lgz-mini label{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px}
.lgz-mini input{width:70px!important;flex:0 0 70px;text-align:center;font-weight:800;padding:6px}
.lgz-mini{flex-wrap:wrap}
.lgz-mini input.lgz-bem{width:auto!important;flex:1 1 200px;max-width:340px;min-width:0;text-align:left;font-weight:400}
@media (max-width:700px){.lg-zu-knopf{margin-left:0}.lg-bz-k{min-width:48px;padding:3px 6px}}

/* Abschlussberichte: Suche, Monate, Seiten */
.lts-suche{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;padding:12px 14px}
.lts-suche label{display:flex;flex-direction:column;gap:3px;font-size:12px;font-weight:700;color:var(--muted)}
.lts-suche .lts-s-q{flex:1 1 280px;flex-direction:row;align-items:center;gap:8px;border:1.5px solid var(--border);border-radius:var(--radius);padding:0 10px;background:#fff}
.lts-suche .lts-s-q:focus-within{border-color:var(--rot)}
.lts-suche .lts-s-q input{border:none!important;box-shadow:none!important;padding:9px 0;flex:1;min-width:0;font-size:15px}
.lts-suche input[type=date],.lts-suche select{padding:7px 8px}
.lts-kopfzeile{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:2px 4px 8px}
.lts-monat{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:14px 8px 4px;border-top:1px solid var(--border)}
.lts-liste > .lts-monat:first-child{border-top:none;padding-top:2px}
.lts-liste > .lts-monat + .lts-eintrag{border-top:none}
.lts-seiten{display:flex;justify-content:center;align-items:center;gap:14px;margin:4px 0 16px}
@media (max-width:700px){.lts-suche{gap:8px}.lts-suche .lts-s-q{flex:1 1 100%}.lts-suche label:not(.lts-s-q){flex:1 1 0;min-width:0}.lts-suche input[type=date],.lts-suche select{width:100%;min-width:0;padding:6px 4px;font-size:13px}.lts-suche .btn{flex:1 1 100%}}

/* ── Gefährdungsbeurteilung (gbu.php) ── */
.gbu-neu{display:contents}
.gbu-oben{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.gbu-banner{display:flex;gap:8px;align-items:flex-start;padding:12px 14px;border-radius:10px;margin-bottom:14px;font-size:14px;line-height:1.5}
.gbu-banner svg{flex-shrink:0;margin-top:2px}
.gbu-b-gelb{background:var(--gelb-hell);border:1px solid #f2d27a;color:#7a4504}
.gbu-b-rot{background:#fdecea;border:1px solid #f1c4c0;color:#8a1c12;display:block}
.gbu-b-gruen{background:var(--gruen-hell);border:1px solid #9fd8b4;color:#0f5132}
.gbu-kopf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 14px}
.gbu-kopf .fl{margin-bottom:10px}
.gbu-k-titel{grid-column:1/-1}
.gbu-k-laufweg{grid-column:span 2}
@media (max-width:700px){.gbu-kopf{grid-template-columns:minmax(0,1fr)}.gbu-k-laufweg{grid-column:auto}}
.gbu-tab-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:10px}
.gbu-tab{width:100%;min-width:940px;border-collapse:collapse;font-size:13px}
.gbu-tab th{background:var(--silber-hell);text-align:left;font-size:12px;font-weight:700;padding:8px;border-bottom:1px solid var(--border);border-right:1px solid var(--border);white-space:nowrap}
.gbu-tab th:last-child,.gbu-tab td:last-child{border-right:none}
.gbu-tab td{border-bottom:1px solid var(--border);border-right:1px solid var(--border);vertical-align:top;padding:0}
.gbu-tab tr:last-child td{border-bottom:none}
.gbu-tab input,.gbu-tab textarea,.gbu-tab select{width:100%;border:none!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-size:13px!important;padding:7px 8px!important;min-height:0!important;resize:vertical;font-family:inherit;line-height:1.4}
.gbu-tab input,.gbu-tab select{height:auto!important}
.gbu-tab textarea{min-height:64px!important;overflow:hidden}
.gbu-tab input:focus,.gbu-tab textarea:focus,.gbu-tab select:focus{outline:2px solid var(--blau);outline-offset:-2px;background:#fff!important}
.gbu-s-nr{width:44px}.gbu-s-nr input{text-align:center}
.gbu-s-faktor{width:13%}.gbu-s-gefaehrdung{width:12%}
.gbu-s-einschaetzung,.gbu-s-massnahmen{background:#f6f6f8}
.gbu-s-risiko{width:96px}.gbu-s-weg{width:44px;text-align:center;padding:4px!important}
.gbu-tab tr.gbu-r-gruen td{background:#d2f1c8}
.gbu-tab tr.gbu-r-gelb td{background:#fff6b3}
.gbu-tab tr.gbu-r-orange td{background:#ffd9c8}
.gbu-tab input[readonly],.gbu-tab textarea[readonly]{resize:none}
.gbu-zeilen-knoepfe{margin-top:10px}
.gbu-fuss{margin:4px 0 18px}
.gbu-verlauf{font-size:13px}
.gbu-v-z{display:flex;flex-wrap:wrap;gap:4px 10px;padding:6px 0;border-bottom:1px solid #f0f0f3}
.gbu-v-z:last-child{border-bottom:none}
.gbu-loeschen{margin:0 0 24px}
.gbu-liste{padding:0;overflow:hidden}
.gbu-z{border-left:4px solid #cbd5e1}
.gbu-z-pruefung{border-left-color:#d97706;background:#fffbeb}
.gbu-z-freigegeben{border-left-color:#059669}
.gbu-z-zurueckgewiesen{border-left-color:#dc2626;background:#fef2f2}

/* ── Unterschrift/Stempel (lib/unterschrift.php, assets/unterschrift.js) ── */
.us{border:1px solid var(--border);border-radius:12px;padding:10px;background:#fff;margin:6px 0 14px}
.us-kopf{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.us-titel{font-weight:700;font-size:14px}
.us-knoepfe{display:flex;gap:6px;flex-wrap:wrap}
.us-wahl{cursor:pointer}
.us-flaeche{display:block;width:100%;height:200px;border:1px dashed #b9b9c3;border-radius:8px;background:#fff;touch-action:none;cursor:crosshair}
.us-bild{border:1px dashed #b9b9c3;border-radius:8px;padding:8px;text-align:center;background:#fff}
.us-bild img{max-width:100%;max-height:220px}
.us-hinweis{font-size:12px;margin:6px 0 0}

/* ── Verdienstausfall (verdienstausfall.php) ── */
.va .ff-ueberschrift{margin-top:18px}
.va-zeile{display:flex;flex-wrap:wrap;gap:6px 18px;border:none;padding:0;margin:4px 0 12px}
.va-zeile legend{font-size:13px;font-weight:700;margin-bottom:6px;padding:0}
.va-wahl{display:inline-flex;align-items:center;gap:6px;font-size:14px;cursor:pointer}
.va-vier{grid-template-columns:repeat(4,minmax(0,1fr))}
.va-drei{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:700px){.va-vier,.va-drei{grid-template-columns:repeat(2,minmax(0,1fr))}}
.va-rechnung{border:1px solid var(--border);border-radius:12px;padding:12px 14px;background:#fafafb;display:grid;gap:10px;margin-bottom:12px}
.va-r-z{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:6px 16px;align-items:end}
.va-r-z .fl{margin:0}
.va-r-wahl{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;padding-bottom:10px}
.va-r-wahl small{flex-basis:100%}
.va-r-ist{align-self:center;font-size:14px}
.va-r-summe{font-size:18px;border-top:1px solid var(--border);padding-top:10px}
@media (max-width:600px){.va-r-z{grid-template-columns:minmax(0,1fr)}.va-r-wahl{padding-bottom:0}}
.va-erkl,.va-klein{font-size:13px}
.va-merken{margin-top:4px}
.va-knoepfe{margin-top:14px}
.va-vergessen{margin:-8px 0 24px}

/* ── GBU Einsatzübung (gbu-uebung.php) ── */
.gbue-kopf{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:4px 14px}
.gbue-k-voll{grid-column:1/-1}
.gbue-k-feuerwehr{grid-column:span 1}
@media (max-width:700px){.gbue-kopf{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.gbue-k-feuerwehr{grid-column:1/-1}}
.gbue-a{border:1px solid var(--border);border-radius:10px;overflow:hidden}
.gbue-abschnitt + .gbue-abschnitt{border-top:3px solid var(--silber-hell)}
.gbue-z{display:grid;grid-template-columns:minmax(0,1fr) 84px minmax(0,1fr);gap:8px;align-items:center;padding:6px 10px;border-top:1px solid #f0f0f3;font-size:14px}
.gbue-abschnitt .gbue-z:first-child{border-top:none}
.gbue-z-titel{background:#f6f6f8}
.gbue-z select,.gbue-z input{min-height:36px!important;height:36px!important;padding:4px 8px!important;font-size:14px!important}
.gbue-anm{display:flex;flex-direction:column;gap:4px}
.gbue-frage{display:flex;align-items:center;gap:6px;font-size:12px;justify-content:space-between}
.gbue-frage select{width:64px}
@media (max-width:700px){.gbue-z{grid-template-columns:minmax(0,1fr) 84px}.gbue-anm{grid-column:1/-1}}
.gbue-tab{min-width:1000px}
.gbue-s-gef{width:20%}.gbue-s-ws{width:118px}.gbue-s-r{width:44px;text-align:center;font-weight:800;vertical-align:middle!important}
.gbue-s-jn{width:76px}.gbue-s-ver{width:13%}
.gbue-sig{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:6px 0 10px}
.gbue-sig img{max-height:90px;max-width:320px;border:1px solid var(--border);border-radius:8px;background:#fff;padding:4px}

/* ── Gefährdungsbeurteilung: Auswahl Veranstaltung / Einsatzübung ── */
.gbu-wahl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:20px}
.gbu-wahl-k{display:flex;flex-direction:column;background:#fff;border:2px solid var(--border);border-radius:14px;overflow:hidden;transition:border-color .15s,box-shadow .15s}
.gbu-wahl-k.an{border-color:var(--rot);box-shadow:0 4px 16px rgba(140,0,0,.12)}
.gbu-wahl-a{display:flex;gap:14px;align-items:flex-start;padding:16px 16px 10px;text-decoration:none;color:var(--text);flex:1}
.gbu-wahl-sym{flex-shrink:0;width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#fdecea;color:var(--rot)}
.gbu-wahl-k.an .gbu-wahl-sym{background:var(--rot);color:#fff}
.gbu-wahl-sym svg{width:24px;height:24px}
.gbu-wahl-t{display:flex;flex-direction:column;gap:4px;min-width:0}
.gbu-wahl-t b{font-size:16px}
.gbu-wahl-t small{color:var(--muted);font-size:13px;line-height:1.45}
.gbu-wahl-f{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:0 16px 14px 76px}
.gbu-wahl-f form{margin:0}
.gbu-wahl-l{font-size:13px;color:var(--muted);text-decoration:none;white-space:nowrap}
.gbu-wahl-l b{display:inline-block;min-width:22px;text-align:center;background:var(--silber-hell);color:var(--text);border-radius:10px;padding:1px 6px;margin-left:2px}
.gbu-wahl-k.an .gbu-wahl-l{color:var(--rot);font-weight:700}
.gbu-liste-t{font-size:15px;margin:0 0 10px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
@media (max-width:700px){
  .gbu-wahl{grid-template-columns:minmax(0,1fr);gap:10px}
  .gbu-wahl-a{padding:12px 12px 8px;gap:12px}
  .gbu-wahl-sym{width:40px;height:40px}
  .gbu-wahl-f{padding:0 12px 12px 64px}
  .gbu-wahl-f .btn{min-height:44px}
}
@media (max-width:380px){.gbu-wahl-f{padding-left:12px}.gbu-wahl-f form,.gbu-wahl-f .btn{width:100%}}

/* Sicherheitsprotokoll (admin/sicherheit.php) */
.si-zahlen{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}
.si-zahl{display:flex;flex-direction:column;gap:2px;padding:12px 14px;background:#fff;border:1px solid var(--border);border-left:5px solid var(--f);border-radius:12px;text-decoration:none;color:var(--text)}
.si-zahl b{font-size:26px;line-height:1.1;color:var(--f)}
.si-zahl span{font-size:13px;color:var(--muted);font-weight:700}
.si-zahl.an{background:color-mix(in srgb,var(--f) 10%,#fff);border-color:var(--f)}
.si-leiste{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:14px}
.si-leiste a{padding:7px 12px;border:1px solid var(--border);border-radius:999px;background:#fff;color:var(--muted);font-weight:700;font-size:13px;text-decoration:none}
.si-leiste a.an{background:var(--rot);border-color:var(--rot);color:#fff}
.si-leiste select{margin-left:auto;max-width:100%;min-height:36px}
.si-karte{margin-bottom:14px}
.si-sichten{display:flex;gap:4px;border-bottom:2px solid var(--border);margin:0 0 12px;overflow-x:auto;scrollbar-width:none}
.si-sichten a{flex-shrink:0;padding:9px 14px;font-weight:700;font-size:14px;color:var(--muted);text-decoration:none;border-bottom:3px solid transparent;margin-bottom:-2px;display:inline-flex;align-items:center;gap:6px;min-height:44px}
.si-sichten a.an{color:var(--rot-dunkel);border-bottom-color:var(--rot)}
.si-sichten a span{background:var(--soft);color:var(--text);border-radius:999px;padding:1px 8px;font-size:12px}
.si-sichten a.rot span{background:#b91c1c;color:#fff}
@media (max-width:600px){
  .si-sichten{display:grid;grid-template-columns:1fr 1fr;gap:6px;border-bottom:0;overflow:visible}
  .si-sichten a{justify-content:center;border:1.5px solid var(--border);border-radius:10px;margin:0;background:#fff;padding:8px 10px;text-align:center}
  .si-sichten a.an{border-color:var(--rot);background:var(--rot-hell)}
}
.si-auswahl{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:-4px 0 12px;font-size:14px}
.si-auswahl>span{color:var(--muted)}
.si-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--rot-hell);border:1px solid var(--rot);color:var(--rot-dunkel);font-weight:700;font-size:13px;text-decoration:none;max-width:100%;overflow-wrap:anywhere}
.si-chip-weg{font-size:13px;color:var(--muted);font-weight:700}
.si-mehr{text-align:center;margin:12px 0 0}
.si-suche{width:100%;margin:4px 0 10px;min-height:44px}
.si-sp-liste{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:10px;overflow:hidden}
.si-sp{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.6fr) minmax(0,1fr) auto;gap:2px 14px;align-items:center;padding:9px 12px;border-left:4px solid #b91c1c;border-bottom:1px solid var(--border);font-size:14px}
.si-sp:last-child{border-bottom:0}
.si-sp[hidden]{display:none}
.si-sp-a{display:flex;gap:6px;flex-wrap:nowrap;justify-content:flex-end}
.si-sp-z{white-space:nowrap}
@media (max-width:700px){
  .si-sp{grid-template-columns:minmax(0,1fr) auto;padding:8px 10px}
  .si-sp-k{grid-column:1}.si-sp-z{grid-column:2;grid-row:1;text-align:right;font-size:13px}
  .si-sp-t{grid-column:1/-1;font-size:13px}
  .si-sp-a{grid-column:1/-1;justify-content:flex-start;margin-top:4px}
}
.si-leer{color:var(--muted);display:flex;align-items:center;gap:6px}
.si-leer svg{width:18px;height:18px;color:#15803d}
.si-liste{display:flex;flex-direction:column;gap:8px}
.si-q{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.4fr) minmax(0,1.2fr) minmax(0,1fr);gap:4px 14px;align-items:start;padding:10px 12px;border:1px solid var(--border);border-radius:10px}
.si-q-k{display:flex;flex-direction:column;min-width:0}
.si-ip{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;font-weight:700;overflow-wrap:anywhere}
.si-klein{display:block;font-size:12.5px;color:var(--muted);overflow-wrap:anywhere}
.si-ip-paar{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;margin-right:6px}
.si-wer{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border:1px solid var(--border);border-radius:999px;font-size:12px;font-weight:700;color:var(--rot-dunkel);text-decoration:none;background:#fff;white-space:nowrap}
.si-wer .sym{width:13px;height:13px}
.si-wer:hover{border-color:var(--rot);background:var(--rot-hell)}
.si-whois{border-left:4px solid var(--rot)}
.si-whois-kopf{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.si-whois-kopf h2{overflow-wrap:anywhere}
.si-whois-dl{display:grid;grid-template-columns:minmax(130px,190px) minmax(0,1fr);gap:8px 16px;margin:8px 0 14px}
.si-whois-dl dt{font-weight:700;color:var(--muted);font-size:13.5px}
.si-whois-dl dd{margin:0;overflow-wrap:anywhere}
.si-whois-dl dd a{color:var(--rot)}
.si-whois-text{font-size:13.5px;color:var(--muted)}
.si-whois-fuss{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--border);padding-top:12px}
.si-whois-fuss form{display:inline}
@media (max-width:600px){.si-whois-dl{grid-template-columns:minmax(0,1fr);gap:2px}.si-whois-dl dd{margin-bottom:8px}}
.si-stufe{display:inline-block;padding:1px 8px;border-radius:999px;background:var(--f);color:#fff;font-size:11.5px;font-weight:800;vertical-align:1px}
.si-e{padding:9px 12px;border:1px solid var(--border);border-left:4px solid var(--f);border-radius:10px;min-width:0}
.si-e-kopf{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.si-e-kopf b{overflow-wrap:anywhere}
.si-zeit{margin-left:auto;font-size:12.5px;color:var(--muted);white-space:nowrap}
.si-e-wer{display:flex;flex-wrap:wrap;gap:2px 14px;font-size:13px;margin-top:3px;min-width:0}
.si-e-wer span{overflow-wrap:anywhere}
.si-daten{margin-top:4px;font-size:12.5px}
.si-daten summary{cursor:pointer;color:var(--muted);font-weight:700}
.si-daten dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 10px;margin:6px 0 0}
.si-daten dt{color:var(--muted);font-weight:700}
.si-daten dd{margin:0;white-space:pre-line;overflow-wrap:anywhere}
.si-rot{color:#b91c1c;font-weight:700}
.si-aufr{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:-4px 0 12px}
.si-aufr form,.si-erl-form{display:inline;margin:0}
.si-erl-form .btn{min-height:32px;padding:4px 10px;font-size:13px}
.si-e .si-erl-form{margin-left:4px}
.si-e.si-erl{filter:grayscale(1);background:#f6f7f9;border-left-color:#94a3b8}
.si-erl-marke{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:#15803d}
.si-erl-marke svg{width:14px;height:14px}
.si-q-a{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
@media (max-width:900px){.si-q{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media (max-width:700px){
  .si-zahlen{grid-template-columns:repeat(2,minmax(0,1fr))}
  .si-q{grid-template-columns:minmax(0,1fr)}
  .si-leiste select{margin-left:0;width:100%}
  .si-zeit{margin-left:0;width:100%}
  .si-e .si-erl-form{margin-left:0}
  .si-daten dl{grid-template-columns:minmax(0,1fr)}
  .si-daten dd{margin-bottom:4px}
}

/* News (news.php) */
.nw-karte{background:#fff;border:1px solid var(--border);border-radius:var(--radius-gross);box-shadow:var(--schatten-k);margin-bottom:14px;overflow:hidden;max-width:860px}
.nw-karte.nw-oben{border-left:5px solid #d97706}
.nw-kopf{display:flex;gap:12px;align-items:flex-start;padding:14px 18px 6px}
.nw-kopf-t{flex:1;min-width:0}
.nw-kopf h2{margin:2px 0 4px;font-size:19px;line-height:1.25;overflow-wrap:anywhere}
.nw-meta{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center;font-size:13px;color:var(--muted)}
.nw-meta span,.nw-meta a{display:inline-flex;align-items:center;gap:4px}
.nw-meta .sym{width:15px;height:15px}
.nw-meta a{color:var(--rot);font-weight:700;text-decoration:none}
.nw-marke{background:var(--rot);color:#fff;border-radius:999px;padding:1px 9px;font-weight:800;font-size:12px}
.nw-marke-oben{background:#fef3c7;color:#92400e}
.nw-text{padding:4px 20px 6px;font-size:15.5px;line-height:1.6;overflow-wrap:anywhere}
.nw-text p{margin:0 0 .8em}
.nw-text a{color:var(--rot);font-weight:600}
.nw-galerie{display:grid;gap:6px;padding:6px 20px 14px}
.nw-sp2{grid-template-columns:1fr 1fr}.nw-sp3{grid-template-columns:repeat(3,1fr)}
.nw-bild{padding:0;border:0;background:var(--soft);border-radius:10px;overflow:hidden;cursor:zoom-in;display:block}
.nw-bild img{display:block;width:100%;height:220px;object-fit:cover;transition:opacity .15s}
.nw-sp1 .nw-bild{justify-self:start;background:none}
.nw-sp1 .nw-bild img{width:auto;max-width:100%;height:auto;max-height:480px;object-fit:contain;border-radius:10px}
.nw-bild:hover img{opacity:.9}
.nw-dateien{display:flex;flex-wrap:wrap;gap:8px;padding:0 20px 14px}
.nw-datei{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid var(--border);border-radius:10px;background:var(--soft);color:var(--text);text-decoration:none;font-size:14px;max-width:100%}
.nw-datei span:nth-child(2){overflow-wrap:anywhere}
.nw-datei small{color:var(--muted)}
.nw-datei:hover{border-color:var(--rot)}
.nw-endung{background:var(--rot);color:#fff;font-size:11px;font-weight:800;border-radius:6px;padding:2px 6px;flex-shrink:0}
.nw-teilen{display:flex;flex-wrap:wrap;gap:8px;padding:10px 20px;border-top:1px solid var(--border);background:var(--soft)}
.nw-wa,.nw-teil{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:999px;padding:7px 14px;font-weight:700;font-size:13px;cursor:pointer;text-decoration:none;font-family:inherit;min-height:36px}
.nw-wa{background:#25d366;color:#fff}.nw-teil{background:#fff;color:var(--text);border:1px solid var(--border)}
.nw-wa .sym,.nw-teil .sym{width:16px;height:16px}
.nw-leer{text-align:center;color:var(--muted);max-width:860px}
.nw-leer .sym{width:44px;height:44px;opacity:.35}
.nw-seiten{display:flex;flex-wrap:wrap;gap:6px;max-width:860px}
.nw-seiten a{min-width:38px;text-align:center;padding:8px 10px;border:1px solid var(--border);border-radius:9px;background:#fff;text-decoration:none;color:var(--text);font-weight:700}
.nw-seiten a.aktiv{background:var(--rot);border-color:var(--rot);color:#fff}
.nw-gross{position:fixed;inset:0;z-index:3000;background:rgba(10,10,14,.92);display:flex;align-items:center;justify-content:center;padding:16px}
.nw-gross[hidden]{display:none}
.nw-gross img{max-width:100%;max-height:92vh;border-radius:8px;box-shadow:0 10px 40px rgba(0,0,0,.5)}
.nw-gross-zu,.nw-gross-pfeil{position:absolute;border:0;background:rgba(255,255,255,.14);color:#fff;border-radius:50%;width:46px;height:46px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.nw-gross-zu{top:14px;right:14px}.nw-zurueck{left:14px;top:50%;margin-top:-23px}.nw-vor{right:14px;top:50%;margin-top:-23px}
.nw-gross.nw-einzeln .nw-gross-pfeil{display:none}
.nw-form{max-width:860px}
.nw-vorhanden-liste{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 14px}
.nw-vh{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:10px;padding:6px 10px 6px 8px;background:var(--soft);max-width:100%;cursor:pointer}
.nw-vh img{width:56px;height:56px;object-fit:cover;border-radius:7px}
.nw-vh-name{font-size:13px;overflow-wrap:anywhere}
.nw-vh:has(input:checked){border-color:#b91c1c;background:#fef2f2;text-decoration:line-through}
.nw-summe.nw-zuviel{color:#b91c1c;font-weight:700}
.stueck-stand{margin:8px 0;font-size:14px}
.stueck-stand.nw-zuviel{color:#b91c1c;font-weight:700}
.tk-hoch .stueck-stand{flex-basis:100%}
.nw-knoepfe{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.nw-loeschen{padding:0 22px 22px}
/* Startseite: Kasten News – Vorschaubild statt Symbol */
.dk-ic.dk-bild{padding:0;overflow:hidden}
.dk-ic.dk-bild img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:700px){
  .nw-kopf{padding:12px 12px 4px}.nw-text,.nw-galerie,.nw-dateien{padding-left:14px;padding-right:14px}.nw-teilen{padding:10px 14px}
  .nw-kopf h2{font-size:17px}
  .nw-sp3{grid-template-columns:1fr 1fr}
  .nw-bild img{height:150px}
  .nw-gross-pfeil{width:40px;height:40px}
}

/* Verbandbuch (verbandbuch.php) */
.vb-abschnitt{font-size:15px;margin:18px 0 8px;padding-bottom:6px;border-bottom:2px solid var(--rot-rand);color:var(--rot-dunkel)}
.vb-abschnitt:first-of-type{margin-top:4px}
.vb-meine{max-width:760px;margin:18px auto}
.vb-liste{display:flex;flex-direction:column}
.vb-zeile{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--border)}
.vb-zeile:first-child{border-top:0}
.vb-z-t{flex:1;min-width:0}
.vb-z-t b{display:block;overflow-wrap:anywhere}
.vb-z-t small{color:var(--muted);font-size:12.5px}
.vb-einst-link{margin:12px 0 0;font-size:14px}
.vb-einst-link a{display:inline-flex;align-items:center;gap:6px;color:var(--muted)}
.vb-einst{max-width:760px}
@media (max-width:700px){.vb-zeile{flex-wrap:wrap}.vb-z-t{flex-basis:100%}}

/* Handy-Schublade: Überschriften der Menügruppen (10/2026) */
.sp-gruppe{display:flex;align-items:center;gap:10px;padding:16px 20px 6px;color:rgba(255,255,255,.6);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.sp-gruppe .sym{width:16px;height:16px}
.sp-trenner{height:8px}
.sp-a.sp-in{padding-left:34px}

/* Wer sieht was? (admin/rechte.php) */
.ru-zahlen{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.ru-zahlen div{background:#fff;border:1px solid var(--border);border-radius:var(--radius-gross);padding:12px 14px;box-shadow:var(--schatten-k)}
.ru-zahlen b{display:block;font-size:24px;color:var(--rot-dunkel)}
.ru-zahlen span{font-size:13px;color:var(--muted)}
.ru-karte{margin-bottom:16px}
.ru-hinweis{font-size:14px;color:var(--muted);margin:0 0 10px}
.ru-liste{display:flex;flex-direction:column}
.ru-z{display:grid;grid-template-columns:34px minmax(0,1.4fr) minmax(0,1fr);gap:4px 14px;align-items:start;padding:10px 0;border-top:1px solid var(--border)}
.ru-z:first-child{border-top:0}
.ru-z b{display:block}
.ru-z small{display:block;color:var(--muted);font-size:13.5px}
.ru-ic{width:32px;height:32px;border-radius:9px;background:var(--rot-hell);color:var(--rot-dunkel);display:flex;align-items:center;justify-content:center}
.ru-ic .sym{width:18px;height:18px}
.ru-eigen{font-size:13px;color:var(--muted)}
.ru-recht{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
.ru-wer{font-size:14px;font-weight:600;overflow-wrap:anywhere}
.ru-wer em{font-weight:400;color:var(--muted)}
.ru-wer small{display:block;font-weight:400;color:var(--muted);font-size:12.5px}
.ru-gruppe{margin:16px 0 2px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--rot-dunkel)}
.ru-strikt{display:inline-block;background:var(--rot);color:#fff;border-radius:999px;padding:1px 8px;font-size:11.5px;font-weight:700;vertical-align:1px}
.ru-punkte{margin:0 0 10px;padding-left:20px}
.ru-punkte li{margin:4px 0}
@media (max-width:700px){
  .ru-zahlen{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ru-z{grid-template-columns:34px minmax(0,1fr)}
  .ru-z .ru-eigen{grid-column:2}
  .ru-recht{grid-template-columns:minmax(0,1fr)}
}


/* ── Aufnahmeantrag (aufnahme.php, aufnahmeantraege.php) ─────────────────── */
.af-seite{max-width:860px;margin:0 auto}
.af .formular-kopf{background:linear-gradient(135deg,var(--rot-dunkel),var(--rot))}
.af-teilen{display:flex;flex-wrap:wrap;gap:8px}
.af-weg{margin:16px 0}
.af-weg-t{display:flex;align-items:center;gap:8px;font-weight:800;margin-bottom:10px}
.af-weg-t .sym{width:20px;height:20px;color:var(--rot)}
.af-weg ol{list-style:none;margin:0;padding:0;counter-reset:afw}
.af-weg li{counter-increment:afw;position:relative;padding:8px 0 10px 42px;border-left:2px solid var(--border);margin-left:14px}
.af-weg li:last-child{border-left-color:transparent}
.af-weg li::before{content:counter(afw);position:absolute;left:-15px;top:6px;width:28px;height:28px;border-radius:50%;background:#fff;border:2px solid var(--silber,#9aa3ad);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px}
.af-weg li.af-hier::before{background:var(--rot);border-color:var(--rot);color:#fff}
.af-weg li b{display:block}
.af-weg li > span:last-child{display:block;font-size:14px;color:var(--muted)}
.af-wer{display:inline-block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;color:var(--rot);margin-bottom:2px}
.af-klein{font-size:13px}
.af-form{padding:20px}
.af-fortschritt{margin-bottom:16px}
.af-balken{height:8px;border-radius:4px;background:var(--silber-hell);overflow:hidden}
.af-balken span{display:block;height:100%;width:0;background:var(--rot);transition:width .25s}
.af-stand{font-size:13px;color:var(--muted);margin-top:6px;font-weight:600}
.af-h{display:flex;align-items:center;gap:10px;font-size:20px;margin:0 0 6px}
.af-nr{flex:0 0 32px;height:32px;border-radius:50%;background:var(--rot);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px}
.af-unter{color:var(--muted);margin:0 0 16px}
.af-h3{font-size:16px;margin:14px 0 8px}
.af-schritt + .af-schritt{margin-top:24px}
.af-jn{border:0;padding:0;margin:0 0 14px}
.af-jn legend{font-weight:700;font-size:14px;color:var(--gray);margin-bottom:6px}
.af-jn label,.af-fs label{display:inline-flex;align-items:center;gap:6px;margin:0 18px 6px 0;min-height:36px;cursor:pointer}
.af-jn input,.af-fs input{width:20px;height:20px;accent-color:var(--rot)}
.af-gross label{font-size:17px;font-weight:700}
.af-fs{border:0;padding:0;margin:0 0 14px}
.af-fs legend{font-weight:700;font-size:14px;color:var(--gray);margin-bottom:6px}
.af-zeit input{width:auto;display:inline-block}
.af-block{border:1.5px solid var(--border);border-radius:10px;padding:4px 14px 6px;margin-bottom:12px}
.af-warn{background:var(--gelb-hell);border-left:4px solid var(--gelb);padding:10px 14px;border-radius:0 8px 8px 0;font-size:14px;color:#5c3a05}
.af-minder{color:#9a3412;font-weight:600}
.af-erkl{padding-left:22px;margin:0 0 14px}
.af-erkl li{margin-bottom:10px;font-size:14px}
.af-erkl li b{display:block}
.af-erkl li span{display:block;color:var(--gray);margin-top:2px}
.af-form .ff-bestaetigung{margin-bottom:10px}
.af-form .us{margin-bottom:14px}
.af-navi{display:flex;justify-content:space-between;gap:10px;margin-top:20px;border-top:1px solid var(--border);padding-top:16px}
.af-navi [data-af-weiter]{margin-left:auto}
.af-danke ol{padding-left:20px}
.af-danke li{margin-bottom:6px}
/* Übersicht */
.af-zahlen{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}
.af-zahlen > div{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow, 0 1px 3px rgba(0,0,0,.08));padding:12px 14px;border-left:5px solid var(--af-f,#999)}
.af-zahlen b{display:block;font-size:26px;line-height:1.1}
.af-zahlen span{font-size:13px;color:var(--muted)}
.af-st-einheit{--af-f:#d97706}.af-st-wl{--af-f:#1d4f91}.af-st-ja{--af-f:#15803d}.af-st-nein{--af-f:#b42318}
.af-liste-kopf{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.af-liste{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.af-z{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1.5px solid var(--border);border-left:5px solid var(--af-f,#999);border-radius:10px;color:inherit;text-decoration:none}
.af-z:hover{background:var(--silber-hell)}
.af-z-t{flex:1;min-width:0}
.af-z-t b{display:block}
.af-z-t small{display:block;color:var(--muted);font-size:13px}
.af-z-st{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex-shrink:0;text-align:right}
.af-z-st small{font-size:12px;color:var(--muted)}
.af-z-st .af-lang{color:#b42318;font-weight:700}
.af-dran{color:var(--rot)!important;font-weight:800}
.af-marke{display:inline-block;font-size:12px;font-weight:800;padding:3px 9px;border-radius:12px;color:#fff;background:var(--af-f,#777);white-space:nowrap}
.af-link{margin-bottom:12px}
.af-link b{display:block;margin-bottom:4px}
.af-link .lgb-link{margin-bottom:6px}
/* Antrag */
.af-kette{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px}
.af-k{background:#fff;border-radius:var(--radius);padding:12px;text-align:center;border:2px solid var(--border)}
.af-k-p{width:34px;height:34px;border-radius:50%;margin:0 auto 6px;display:flex;align-items:center;justify-content:center;font-weight:800;background:var(--silber-hell);color:var(--gray)}
.af-k-p .sym{width:18px;height:18px}
.af-k b{display:block;font-size:14px}
.af-k small{font-size:12px;color:var(--muted)}
.af-k.fertig{border-color:#bfe5cf}.af-k.fertig .af-k-p{background:var(--gruen);color:#fff}
.af-k.jetzt{border-color:var(--rot)}.af-k.jetzt .af-k-p{background:var(--rot);color:#fff}
.af-k.nein{border-color:#f3c4bf}.af-k.nein .af-k-p{background:#b42318;color:#fff}
.af-liegt{background:var(--blau-hell);border:2px solid var(--blau);border-radius:12px;padding:14px 16px;margin-bottom:16px;color:#1f3a5c}
.af-liegt.lang{background:var(--gelb-hell);border-color:var(--gelb);color:#5c3a05}
.af-liegt > div{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.af-liegt-t{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}
.af-liegt > div b{font-size:18px}
.af-liegt p{margin:8px 0 0}
.af-liegt form{margin-top:10px}
.af-ende{display:flex;gap:10px;align-items:center;padding:14px 16px;border-radius:12px;margin-bottom:16px;font-size:15px}
.af-ende .sym{width:26px;height:26px;flex-shrink:0}
.af-ende.ja{background:var(--gruen-hell);border:2px solid #86d0a5;color:#0f5132}
.af-ende.nein{background:#fdecea;border:2px solid #f3c4bf;color:#8a1c12}
.af-stufe{border:2px solid var(--rot)}
.af-tun{background:var(--gelb-hell);border-radius:8px;padding:10px 14px;font-size:14px}
.af-warte{border-left:5px solid var(--blau)}
.af-dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 18px;margin:0}
.af-dl > div{padding:6px 0;border-bottom:1px solid var(--border);min-width:0}
.af-dl dt{font-size:12px;color:var(--muted);font-weight:700}
.af-dl dd{margin:0;overflow-wrap:anywhere}
.af-gesund{border-left:5px solid var(--gelb)}
.af-nw{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}
.af-sig-reihe{display:flex;flex-wrap:wrap;gap:14px}
.af-sig-reihe figure{margin:0;border:1px solid var(--border);border-radius:8px;padding:6px;background:#fff}
.af-sig-reihe img{display:block;max-width:220px;max-height:80px}
.af-sig-reihe figcaption{font-size:12px;color:var(--muted);text-align:center}
.af-vl{list-style:none;margin:0 0 12px;padding:0}
.af-vl li{position:relative;padding:4px 0 10px 22px;border-left:2px solid var(--border);margin-left:6px}
.af-vl li::before{content:'';position:absolute;left:-7px;top:8px;width:12px;height:12px;border-radius:50%;background:var(--gruen)}
.af-vl li.fehl::before{background:#b42318}
.af-vl li.jetzt::before{background:var(--blau)}
.af-vl small{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--muted);overflow-wrap:anywhere}
.af-vl small .sym{width:13px;height:13px;flex-shrink:0}
.af-vl-t{font-size:14px;margin:2px 0;overflow-wrap:anywhere}
.af-vl li > .muted{font-size:13px}
.af-einst{max-width:760px}
@media(max-width:700px){
  .af-zahlen{grid-template-columns:repeat(2,minmax(0,1fr))}
  .af-dl{grid-template-columns:minmax(0,1fr)}
  .af-z{flex-wrap:wrap}
  .af-z-t{flex-basis:150px}
  .af-z-st{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;width:100%;padding-left:64px;text-align:left}
  .af-k small{display:none}
  .af-form{padding:14px}
  .af-h{font-size:18px}
}
.af-link .lgb-link{display:flex;gap:8px}
.af-link .lgb-link input{flex:1;min-width:0;font-family:ui-monospace,monospace;font-size:13px;background:var(--soft)}
.af-weg li,.af-liegt,.af-ende,.fa-liste li,.af-tun{overflow-wrap:anywhere}
/* Fortschritt im Antrag: am Handy kurze Beschriftung, nie über den Rand (10/2026) */
.af-k{min-width:0;overflow:hidden}
.af-k b{overflow-wrap:anywhere;hyphens:auto}
.af-k-kurz{display:none!important}
@media(max-width:700px){
  .af-kette{gap:6px}
  .af-k{padding:10px 4px}
  .af-k-lang{display:none!important}
  .af-k-kurz{display:block!important;font-size:13px}
}
/* Kleidung und Passbild im Antrag */
.af-kl{display:flex;gap:16px;align-items:flex-start}
.af-kl .af-dl{flex:1;min-width:0}
.af-passbild{flex:0 0 120px;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--muted);font-size:12px;text-decoration:none}
.af-passbild img{width:120px;height:150px;object-fit:cover;border-radius:8px;border:1px solid var(--border)}
.af-passbild.leer{height:150px;justify-content:center;border:1.5px dashed var(--border);border-radius:8px}
.af-passbild.leer .sym{width:34px;height:34px}
@media(max-width:700px){.af-kl{flex-direction:column}.af-passbild{flex-basis:auto}}
/* Sicherheitsprotokoll: gesperrte Quellen */
.si-gesperrt{border-left:4px solid #b91c1c}
.si-sperr-form{display:inline}
.si-gesperrt-marke{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:800;color:#b91c1c}
.si-gesperrt-marke .sym{width:14px;height:14px}
/* Missbrauch melden (Wer?-Fenster) */
.si-abuse{margin:14px 0;border:1.5px solid #f3c4bf;border-radius:10px;padding:10px 14px;background:#fffafa}
.si-abuse summary{cursor:pointer;font-weight:800;color:#991b1b;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.si-abuse summary .sym{width:18px;height:18px}
.si-abuse textarea{font-family:ui-monospace,Consolas,monospace;font-size:12px;width:100%}
.si-abuse-an{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;margin:8px 0}
.si-abuse-an label{display:inline-flex;gap:6px;align-items:center;overflow-wrap:anywhere}

/* ── Brandsicherheitswachen (bsw.php, bsw-anmelden.php) ───────────────────── */
.bsw-klein{font-size:13px;color:var(--muted)}
.bsw-h3{font-size:15px;margin:16px 0 8px}
.bsw-marke{display:inline-block;font-size:12px;font-weight:800;padding:3px 9px;border-radius:12px;color:#fff;white-space:nowrap}
.bsw-st-ohne{background:#fff;color:#92400e;border:1.5px solid #f59e0b;padding:2px 8px}
.bsw-cl-form{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin:12px 0 8px;padding-top:12px;border-top:1px solid var(--rand,#e5e7eb)}.bsw-cl-form .fl{flex:1 1 260px;margin:0}.bsw-cl-form .cb{flex-basis:100%}
.bsw-st-entwurf{background:#64748b}.bsw-st-offen{background:#d97706}.bsw-st-gemeldet{background:#15803d}.bsw-st-abgesagt{background:#b42318}.bsw-st-tausch{background:#7c3aed}
.bsw-liste{display:flex;flex-direction:column;gap:8px}
.bsw-k{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1.5px solid var(--border);border-radius:10px;color:inherit;text-decoration:none}
.bsw-k:hover{background:var(--silber-hell)}
.bsw-k-dat{flex:0 0 52px;height:52px;border-radius:10px;background:var(--rot);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}
.bsw-k-dat b{font-size:20px}.bsw-k-dat small{font-size:12px;text-transform:uppercase;margin-top:2px}
.bsw-k-t{flex:1;min-width:0}
.bsw-k-t b{display:block;overflow-wrap:anywhere}
.bsw-k-t small{display:block;font-size:13px;color:var(--muted)}
.bsw-k-st{flex-shrink:0;display:flex;flex-direction:column;gap:4px;align-items:flex-end}
.bsw-eilt{color:#b42318;font-weight:800}
.bsw-hoch-form{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:6px}
.bsw-hoch-form input[type=file]{flex:1;min-width:0}
.bsw-entw{display:flex;flex-direction:column;gap:8px}
.bsw-e{display:grid;grid-template-columns:minmax(0,1fr) 190px 200px auto;gap:8px;align-items:center;padding:10px 12px;border:1.5px dashed var(--border);border-radius:10px}
.bsw-e-t{color:inherit;text-decoration:none;min-width:0}
.bsw-e-t b{display:block;overflow-wrap:anywhere}.bsw-e-t small{display:block;font-size:13px;color:var(--muted)}
.bsw-info-kopf{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;margin-bottom:10px}
.bsw-einheit{display:inline-flex;align-items:center;gap:6px;font-weight:800}
.bsw-einheit .sym{width:18px;height:18px;color:var(--rot)}
.bsw-dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 18px;margin:0}
.bsw-dl > div{padding:6px 0;border-bottom:1px solid var(--border);min-width:0}
.bsw-dl dt{font-size:12px;color:var(--muted);font-weight:700}
.bsw-dl dd{margin:0;overflow-wrap:anywhere}
.bsw-hinweis{background:var(--blau-hell);border-radius:8px;padding:10px 14px;margin:12px 0 0;font-size:14px}
.bsw-tausch-hinweis{display:flex;gap:8px;align-items:flex-start;background:#f3e8ff;color:#5b21b6;border-radius:8px;padding:10px 14px;margin-top:12px}
.bsw-tausch-hinweis .sym{width:18px;height:18px;flex-shrink:0}
.bsw-stufe{border:2px solid var(--rot)}
.bsw-link{display:flex;gap:8px;margin:10px 0}
.bsw-link input{flex:1;min-width:0;font-family:ui-monospace,monospace;font-size:13px;background:var(--soft)}
.bsw-inline{display:inline}
.bsw-anm{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
.bsw-a{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;justify-content:space-between;padding:10px 12px;border:1.5px solid var(--border);border-left:5px solid #d97706;border-radius:10px}
.bsw-a-bestaetigt{border-left-color:#15803d}.bsw-a-abgelehnt,.bsw-a-abgemeldet,.bsw-a-abgegeben{border-left-color:#94a3b8;opacity:.75}
.bsw-a-leiter{background:var(--gruen-hell)}
.bsw-a-t{min-width:0}.bsw-a-t b{overflow-wrap:anywhere}.bsw-a-t small{display:block;font-size:13px;color:var(--muted)}
.bsw-a-k{display:flex;flex-wrap:wrap;gap:6px}
.bsw-vonhand summary,.bsw-verw summary{cursor:pointer;font-weight:700;display:inline-flex;gap:6px;align-items:center;margin:6px 0}
.bsw-vonhand summary .sym,.bsw-verw summary .sym{width:16px;height:16px}
.bsw-zuweisen{align-items:end}
.bsw-warte{border-left:5px solid var(--blau)}
.bsw-weg{margin:16px 0}
.bsw-weg-t{display:flex;align-items:center;gap:8px;font-weight:800;margin-bottom:10px}
.bsw-weg-t .sym{width:20px;height:20px;color:var(--rot)}
.bsw-weg ol{margin:0;padding-left:22px}
.bsw-weg li{margin-bottom:8px}
.bsw-weg li b{display:block}
.bsw-weg li > span:last-child{display:block;font-size:14px;color:var(--muted)}
.bsw-wer{display:inline-block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;color:var(--rot)}
.bsw-kopf h1{font-size:22px;margin:4px 0 10px;overflow-wrap:anywhere}
.bsw-einst{max-width:760px}
@media(max-width:700px){
  .bsw-dl{grid-template-columns:minmax(0,1fr)}
  .bsw-e{grid-template-columns:minmax(0,1fr)}
  .bsw-k{flex-wrap:wrap}
  .bsw-k-st{flex-direction:row;flex-wrap:wrap;align-items:center;width:100%;padding-left:64px}
  .bsw-link{flex-direction:column}
}
/* Wer sieht was? – Sicht einer Person */
.ru-wahl{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
.ru-wahl .fl{flex:1 1 320px;margin:0}
.ru-wahl select{width:100%}
.ru-marken{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.ru-m{display:inline-block;font-size:12.5px;font-weight:700;padding:3px 10px;border-radius:999px;background:#f1f5f9;color:#334155;white-space:nowrap}
.ru-m-recht{background:#eef2ff;color:#3730a3;white-space:normal}
.ru-m-strikt{background:var(--rot-hell);color:var(--rot-dunkel)}
.ru-st-alle{background:#dcfce7;color:#14532d}
.ru-st-einheit{background:#d1fae5;color:#065f46}
.ru-st-eigene{background:#dbeafe;color:#1e3a8a}
.ru-st-lesen{background:#f1f5f9;color:#475569}
.ru-st-nein{background:#fee2e2;color:#991b1b}
.ru-menue{display:flex;flex-direction:column;gap:6px}
.ru-menue div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px;font-size:14px}
.ru-menue b{color:var(--rot-dunkel)}
.ru-pz{grid-template-columns:34px minmax(0,1.5fr) minmax(0,1fr)}
.ru-pz-nein{opacity:.7}
.ru-grund{display:block;margin-top:4px;color:var(--muted);font-size:12.5px;overflow-wrap:anywhere}
@media (max-width:700px){
  .ru-pz{grid-template-columns:34px minmax(0,1fr)}
  .ru-pz > span:last-child{grid-column:2}
  .ru-menue div{grid-template-columns:1fr;gap:0}
}
.ru-auff{margin:0 0 10px}
/* Reparatur / Beschaffung */
.ba-gruppe{border:0;margin:6px 0 14px;padding:0}
.ba-gruppe legend{font-weight:700;font-size:14px;margin-bottom:6px;padding:0}
.ba-wahl{display:flex;flex-wrap:wrap;gap:8px}
.ba-wahl label{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--border);border-radius:10px;padding:9px 14px;background:#fff;cursor:pointer;min-height:44px;font-size:15px}
.ba-wahl label:has(input:checked){border-color:var(--rot);background:var(--rot-hell);color:var(--rot-dunkel);font-weight:700}
.ba-wahl input{width:18px;height:18px;margin:0;accent-color:var(--rot)}
.ba-kenntnis{display:flex;align-items:center;gap:10px;margin:0 0 12px;color:#166534}
.ba-kenntnis>svg{width:26px;height:26px;flex:none;background:#dcfce7;border-radius:50%;padding:4px}
.ba-kenntnis small{color:var(--muted)}
a.zk-t{color:inherit;text-decoration:none}
a.zk-t:hover b{text-decoration:underline}
.ba-klein{font-size:13px}
.ba-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.ba-filter select{max-width:100%}
.ba-zeile{text-decoration:none;color:inherit}
.ba-zeile:hover{background:var(--rot-hell)}
.ba-marken{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.ba-text{white-space:normal;overflow-wrap:anywhere}
.ba-detail .sec{margin-top:14px}
/* Postausgang: nicht zugestellte Mails (lib/layout.php postausgang_hinweis, postausgang.php) */
.pa-balken{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;padding:12px 16px;margin:0 0 16px;border-radius:var(--radius);background:#fdecea;border:1.5px solid #e8a39b;color:#8a1c12;font-size:15px}
.pa-balken>span{flex:1 1 240px;min-width:0;overflow-wrap:anywhere}
.pa-balken .btn{flex:0 0 auto}
.ff-erfolg-fehl{max-width:520px;margin:0 auto 12px;padding:12px 16px;border:1.5px solid #c0392b;background:#fdecea;border-radius:10px;text-align:left;color:#8a1c12}
.ff-erfolg-fehl .ff-erfolg-an-t{color:#8a1c12}
.ff-erfolg-fehl ul{margin:6px 0 0;padding-left:26px;font-weight:600;overflow-wrap:anywhere}
.ff-erfolg-fehl p{margin:8px 0 0;font-size:14px}
.pa-liste{display:grid;gap:12px}
.pa-k{border:1px solid var(--rand,#e3e3e8);border-left:5px solid #c0392b;border-radius:10px;padding:12px 14px;background:#fff}
.pa-k.pa-gut{border-left-color:var(--gruen)}
.pa-liste .zk{border-left:5px solid var(--gruen)}
.pa-liste{gap:8px}
.pa-k.pa-wartet{border-left-color:var(--gelb)}
.pa-k h3{margin:0 0 4px;font-size:16px;overflow-wrap:anywhere}
.pa-k dl{display:grid;grid-template-columns:max-content 1fr;gap:2px 12px;margin:8px 0;font-size:14px}
.pa-k dt{color:#666}
.pa-k dd{margin:0;min-width:0;overflow-wrap:anywhere}
.pa-k .pa-fehler{font-family:monospace;font-size:13px;color:#8a1c12}
.pa-k .br{margin-top:8px}
/* Lange Adressen in Haken-Feldern brechen um statt über den Rand (10/2026) */
.ff-bestaetigung{min-width:0;max-width:100%}
.ff-bestaetigung>span{min-width:0;overflow-wrap:anywhere}
.ba-an-wahl{display:grid;gap:8px;margin:8px 0 6px}
/* Empfänger-Haken kompakt: Adressen passen am Handy meist in eine Zeile, sonst Umbruch nach dem @ (e_adresse) */
.ba-an-wahl .ff-bestaetigung{padding:9px 12px;font-size:14px}
@media (max-width:480px){.ba-an-wahl{gap:6px}.ba-an-wahl .ff-bestaetigung{padding:8px 10px}}
/* ── Haushaltsplanung (haushalt.php) ── */
.hh-jahre{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px;align-items:center}
.hh-jahre a{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:64px;min-height:44px;padding:6px 14px;border-radius:12px;border:1.5px solid var(--border);background:#fff;color:var(--text);text-decoration:none;font-weight:700;font-size:16px;line-height:1.1}
.hh-jahre a small{font-size:11px;font-weight:700;color:var(--gruen);text-transform:uppercase;letter-spacing:.05em}
.hh-jahre a.aktiv{background:var(--rot);border-color:var(--rot);color:#fff}
.hh-jahre a.aktiv small{color:#fff}
.hh-jahre a.hh-einst{margin-left:auto;flex-direction:row;gap:6px;font-size:14px;font-weight:600;color:var(--gray)}
.hh-jahre a.hh-einst .sym{width:18px;height:18px}
.hh-kz{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 14px}
.hh-kz>div{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;box-shadow:var(--schatten-k);min-width:0}
.hh-kz small{display:block;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.hh-kz b{display:block;font-size:22px;font-weight:800;margin:2px 0;overflow-wrap:anywhere}
.hh-kz span{font-size:13px;color:var(--muted)}
.hh-kz .hh-kz-auf{border-color:var(--gruen);background:var(--gruen-hell)}
.hh-kz .hh-kz-auf b{color:#0f5132}
@media (max-width:700px){.hh-kz{grid-template-columns:1fr 1fr}.hh-kz .hh-kz-auf{grid-column:1/-1}.hh-kz b{font-size:19px}}
.hh-filter input[type=search]{flex:1 1 180px;min-width:0}
.hh-export{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:4px 0 6px;padding:10px 12px;background:var(--soft);border-radius:12px}
.hh-export>span{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:14px;flex-basis:100%}
.hh-export .btn{min-height:40px}
.hh-liste{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.hh-k{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;padding:12px 14px;border:1px solid var(--border);border-left:5px solid var(--blau,#2563eb);border-radius:12px;background:#fff;color:inherit;text-decoration:none}
.hh-k:hover{background:var(--rot-hell)}
.hh-k.hh-st-pruefung{border-left-color:var(--gelb)}
.hh-k.hh-st-aufgenommen{border-left-color:var(--gruen)}
.hh-k.hh-st-zurueckgestellt{border-left-color:#9ca3af}
.hh-k.hh-st-abgelehnt{border-left-color:var(--rot);opacity:.8}
.hh-k-t{flex:1;min-width:0}
.hh-k-t>b{display:block;font-size:15.5px;overflow-wrap:anywhere}
.hh-k-t>small{display:block;color:var(--gray);font-size:13px;overflow-wrap:anywhere}
.hh-k-m{display:block;color:var(--muted);font-size:12.5px;margin-top:2px}
.hh-k-marken{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px;align-items:center}
.hh-k-b{text-align:right;flex-shrink:0;display:flex;flex-direction:column;gap:1px}
.hh-k-b b{font-size:16px;white-space:nowrap}
.hh-k-b small{font-size:12px;color:var(--muted);white-space:nowrap}
.hh-k-b .hh-frei{color:#0f5132;font-weight:700}
@media (max-width:520px){.hh-k{flex-direction:column;gap:6px}.hh-k-b{text-align:left;flex-direction:row;flex-wrap:wrap;gap:8px;align-items:baseline}}
.hh-takt{display:inline-flex;align-items:center;font-size:12px;font-weight:700;padding:3px 8px;border-radius:999px;background:var(--soft);color:var(--gray)}
.hh-takt-ja{background:#dcfce7;color:#14532d}
.hh-takt-teilweise{background:var(--gelb-hell);color:#5c3a05}
.hh-takt-nein{background:#f3f4f6;color:#4b5563}
.hh-prio{display:inline-flex;font-size:12px;font-weight:800;padding:3px 8px;border-radius:999px;border:1.5px solid currentColor}
.hh-prio-1{color:#b30000}.hh-prio-2{color:#b45309}.hh-prio-3{color:#4b5563}
.hh-link-n{display:inline-flex;align-items:center;gap:3px;font-size:12px;color:var(--muted)}
.hh-link-n .sym{width:14px;height:14px}
.hh-betrag{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin:4px 0 12px}
.hh-betrag>div{background:var(--soft);border-radius:10px;padding:10px 12px;min-width:0}
.hh-betrag small{display:block;font-size:12px;color:var(--muted);font-weight:700}
.hh-betrag b{font-size:18px;overflow-wrap:anywhere}
.hh-betrag .hh-frei{background:var(--gruen-hell)}
.hh-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.hh-links a{display:flex;gap:8px;align-items:center;padding:8px 10px;border:1px solid var(--border);border-radius:10px;text-decoration:none;color:var(--blau,#1d4ed8);min-height:44px}
.hh-links a span{min-width:0;overflow-wrap:anywhere}
.hh-links .sym{flex-shrink:0;width:18px;height:18px}
.hh-mitteilung{margin-top:14px;padding:12px 14px;border-radius:12px;background:var(--blau-hell,#eff6ff);border-left:5px solid var(--blau,#2563eb)}
.hh-mitteilung p{margin:4px 0 0}
.hh-gesamt{margin:0;font-weight:700;color:var(--gruen)}
.hh-notiz-neu{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
.hh-notiz-neu .btn{align-self:flex-start}
.hh-notizen{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.hh-notizen li{background:var(--gelb-hell);border-radius:10px;padding:10px 12px}
.hh-notizen p{margin:4px 0 0;overflow-wrap:anywhere}
.hh-n-kopf{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.hh-n-kopf small{color:var(--muted)}
.hh-n-kopf form{margin-left:auto}
.hh-n-weg{border:0;background:none;color:var(--muted);cursor:pointer;min-width:44px;min-height:36px}
.hh-n-weg .sym{width:18px;height:18px}
.hh-verlauf ul{list-style:none;margin:10px 0 0;padding:0}
.hh-verlauf li{padding:8px 0;border-top:1px solid var(--border)}
.hh-verlauf li p{margin:2px 0 0;font-size:14px;overflow-wrap:anywhere}
.hh-verlauf small{color:var(--muted)}
.hh-summen summary{cursor:pointer;min-height:44px;display:flex;align-items:center}
.hh-sum-raster{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px;margin-top:10px}
.hh-sum-raster>*{min-width:0}
.hh-sum-tab{overflow-x:auto;max-width:100%}
.hh-sum-raster .tbl{table-layout:fixed;width:100%}
.hh-sum-raster .tbl th{white-space:normal;letter-spacing:0;text-transform:none;font-size:12px}
.hh-sum-raster .tbl td:first-child,.hh-sum-raster .tbl th:first-child{width:34%;overflow-wrap:anywhere}
.hh-sum-raster .tbl td:nth-child(2),.hh-sum-raster .tbl th:nth-child(2){width:14%}
.hh-sum-raster .tbl td:nth-child(n+2),.hh-sum-raster .tbl th:nth-child(n+2){text-align:right}
.hh-sum-raster .tbl td:nth-child(n+3){font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
@media (max-width:520px){.hh-sum-raster .tbl th,.hh-sum-raster .tbl td{padding:7px 6px;font-size:13px}.hh-sum-raster .tbl th{font-size:11px}}
.hh-mail{display:flex;flex-direction:column;gap:12px}
.hh-filter{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.hh-filter select{width:100%}
.hh-filter input[type=search]{grid-column:1/4}
@media (max-width:700px){.hh-filter{grid-template-columns:1fr 1fr}.hh-filter input[type=search]{grid-column:1/-1}.hh-filter .btn{grid-column:1/-1}}
.hh-bilder{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:6px 0 10px}
.hh-bilder figure{margin:0;position:relative;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:#fff}
.hh-bilder img{display:block;width:100%;height:130px;object-fit:contain;background:#f7f7f8}
.hh-bilder form{position:absolute;top:4px;right:4px}
.hh-bilder .hh-n-weg{background:rgba(255,255,255,.92);border-radius:8px;min-width:40px;min-height:40px}
.hh-pdf{display:flex;align-items:center;gap:6px}
.hh-pdf a{flex:1;min-width:0}
.hh-hoch{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;margin:8px 0 4px;padding:10px 12px;border:1.5px dashed var(--border);border-radius:12px}
.hh-hoch .fl{flex:1 1 260px;margin:0}
.hh-k-bild{width:72px;height:72px;object-fit:cover;border-radius:8px;flex-shrink:0;background:#f7f7f8;border:1px solid var(--border)}
@media (max-width:520px){.hh-k-bild{width:100%;height:150px;object-fit:contain}}

/* Kalender: .ics übernehmen */
.bu-import .sec{display:flex;align-items:center;gap:8px}
.bu-import-felder{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin:10px 0 12px}
.bu-import-felder input[type=file]{max-width:100%}
@media (max-width:700px){.bu-import-felder{grid-template-columns:minmax(0,1fr)}}

/* Dokumente: Fortschritt beim Hochladen */
.dok-fortschritt{margin-top:14px}
.dok-balken{height:10px;border-radius:999px;background:var(--soft);overflow:hidden}
.dok-balken span{display:block;height:100%;width:0;background:var(--rot);transition:width .2s}
.dok-stand{margin:8px 0 4px;font-size:14px;overflow-wrap:anywhere}
.dok-fehlerliste{margin:0 0 10px;padding-left:18px;color:#b91c1c;font-size:14px;overflow-wrap:anywhere}

/* Suche im ganzen Portal (suche.php, Verweis auf der Startseite) */
.su-feld input{padding-right:104px!important}
.su-feld .btn{position:absolute;right:7px;top:50%;transform:translateY(-50%)}
.su-hinweis{color:var(--muted);margin:-6px 2px 16px;font-size:14px}
.su-hinweis a{font-weight:700;margin-left:6px}
.su-liste{display:grid;gap:16px;margin-bottom:24px}
.su-leer{padding:18px;color:var(--muted)}
.su-liste .dk-kopf .badge{margin-left:2px}
.su-liste .dk-kopf a{margin-left:auto}
.su-liste .dk-t small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.su-ueberall{display:flex;align-items:center;gap:10px;margin-top:8px;padding:12px 14px;border-radius:12px;background:var(--rot-hell);color:var(--rot);text-decoration:none;font-size:15px}
.su-ueberall[hidden]{display:none}
.su-ueberall .sym{position:static;transform:none;color:inherit;flex-shrink:0}
.su-ueberall span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Wartung (admin/wartung.php, lib/wartung.php) */
.wt-an{border:2px solid #e8a39b;background:#fff7f6}
.wt-an .sec{color:#8a1c12;display:flex;align-items:center;gap:8px}
.wt-warn{color:#8a1c12;font-weight:600}
.wt-dauer{border:0;padding:0;margin:0 0 14px}
.wt-dauer legend{padding:0;margin-bottom:6px}
.wt-wahl{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1.5px solid var(--border);border-radius:10px;margin-bottom:6px;cursor:pointer;font-size:15px}
.wt-wahl:has(input:checked){border-color:var(--rot);background:var(--rot-hell)}
.wt-wahl input{width:20px;height:20px;margin:0;accent-color:var(--rot)}
.wt-zeit{margin-top:10px}

/* Mein Konto: angemeldete Geräte; Zwischenseite „Kurz neu anmelden“ */
.geraete-liste .dk-t small{white-space:normal}
.dk-zeile.geraet-hier{background:var(--gruen-hell);border-radius:10px}
.frisch-karte form{margin:16px 0 6px}
.frisch-karte form .btn{width:100%;min-height:50px;font-size:15px}

/* Kalender: Verlauf (wer hat was wann geändert) */
.bu-verlauf .zk{align-items:flex-start;border-left:5px solid #2563eb}
.bu-verlauf .zk.bu-v-geaendert{border-left-color:#d97706}.bu-verlauf .zk.bu-v-geloescht{border-left-color:#b91c1c}
.bu-v-felder{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:2px 10px;margin:6px 0 0;font-size:13px}
.bu-v-felder dt{color:var(--muted)}.bu-v-felder dd{margin:0;overflow-wrap:anywhere;white-space:pre-line}
.bu-v-felder s{color:#9a3412}
.bu-v-mehr summary{cursor:pointer;font-size:13px;font-weight:700;color:var(--rot);margin-top:4px;min-height:28px;display:inline-flex;align-items:center}
.bu-v-suche{display:flex;gap:10px;align-items:center}.bu-v-suche .suchfeld{flex:1;min-width:0}


/* ── Kalender als App (10/2026): Kopf mit Monat, „+ Neu“-Auswahl, Seitenleiste, am Handy Monat mit Punkten + Tagesliste ── */
.kal-kopf{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 14px}
.kal-nav{display:flex;align-items:center;gap:6px;min-width:0}
.kal-monat{margin:0 4px;font-size:28px;font-weight:800;line-height:1.1;white-space:nowrap}
.kal-monat span{color:var(--muted);font-weight:500}
.kal-pfeil{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;color:var(--text);text-decoration:none;background:#fff;border:1px solid var(--border);box-shadow:var(--schatten-k);flex-shrink:0}
.kal-pfeil .sym{width:20px;height:20px}
.kal-pfeil:active{transform:scale(.94)}
.kal-heute{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;background:var(--rot-hell);color:var(--rot);font-weight:800;font-size:13px;text-decoration:none;margin-left:4px}
.kal-kopf-rechts{display:flex;align-items:center;gap:8px;flex-shrink:0}
.kal-neu,.kal-mehr{position:relative}
.kal-neu>summary,.kal-mehr>summary{list-style:none;cursor:pointer}
.kal-neu>summary::-webkit-details-marker,.kal-mehr>summary::-webkit-details-marker{display:none}
.kal-menue{position:absolute;top:calc(100% + 8px);right:0;z-index:1500;min-width:280px;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 16px 40px rgba(20,20,30,.18);padding:6px}
.kal-menue a{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 10px;border-radius:12px;text-decoration:none;color:var(--text)}
.kal-menue a:hover,.kal-menue a:focus-visible{background:var(--soft)}
.kal-menue b{display:block;font-size:15px}.kal-menue small{display:block;color:var(--muted);font-size:12px;margin-top:1px}
.kal-m-ic{flex:0 0 40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--rot-hell);color:var(--rot)}
.kal-m-ic .sym{width:20px;height:20px}
.bu-filter .bu-chips{flex:1 1 auto}
.kal-haupt{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start;margin-bottom:24px}
.kal-seite{display:flex;flex-direction:column;gap:14px;position:sticky;top:84px}
.kal-box{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--schatten-k);padding:14px}
.kal-box h2{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:15px;font-weight:800}
.kal-box h2 .sym{width:18px;height:18px;color:var(--rot)}
.kal-z{display:flex;align-items:center;gap:12px;min-height:52px;padding:6px 4px;border-top:1px solid var(--border);text-decoration:none;color:var(--text)}
.kal-box h2+.kal-z{border-top:0}
.kal-z-datum{flex:0 0 42px;height:46px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;
  background:color-mix(in srgb,var(--bf) 14%,#fff);color:color-mix(in srgb,var(--bf) 85%,#000)}
.kal-z-datum b{font-size:18px}.kal-z-datum i{font-style:normal;font-size:11px;font-weight:800;text-transform:uppercase;margin-top:2px}
.kal-z-t{flex:1;min-width:0;display:flex;flex-direction:column}
.kal-z-t b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kal-z-t small{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bu-raster{border-radius:16px}
.bu-tag{position:relative}
.bu-sprung,.bu-dots{display:none}
.bu-ev{border-radius:8px}
.kal-fab-platz{display:none}
@media(max-width:1000px){.kal-haupt{grid-template-columns:minmax(0,1fr)}.kal-seite{display:none}}
@media(max-width:760px){
  .kal-kopf{margin-top:0}
  .kal-monat{font-size:22px}
  .kal-pfeil{width:40px;height:40px}
  .kal-neu-knopf{display:none}
  .kal-kopf-rechts .kal-neu{display:none}
  /* Monat kompakt mit Farbpunkten, antippen springt zum Tag in der Liste */
  .bu-raster{display:grid;border-radius:16px;margin-bottom:16px}
  .bu-wt{padding:6px 0;font-size:11px}
  .bu-tag{min-height:48px;padding:4px 0 6px;align-items:center;gap:2px}
  .bu-tag .bu-ev,.bu-tag .bu-mehr{display:none}
  .bu-tagnr{align-self:center;width:30px;height:30px;font-size:14px;pointer-events:none}
  .bu-sprung{display:block;position:absolute;inset:0;z-index:1;-webkit-tap-highlight-color:transparent}
  .bu-dots{display:flex;gap:3px;justify-content:center;height:6px}
  .bu-dots i{width:6px;height:6px;border-radius:50%;background:var(--bf)}
  .bu-tag.bu-gewaehlt{background:var(--rot-hell)}
  .bu-tag.bu-vorbei .bu-tagnr{color:var(--muted)}
  .kal-fab-platz{display:block}
  .kal-fab-platz .kal-neu{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:calc(80px + env(safe-area-inset-bottom));z-index:1400}
  .kal-fab-platz .kal-menue{top:auto;bottom:calc(100% + 10px);right:0;min-width:min(300px,calc(100vw - 32px))}
  .kal-fab-platz .bu-fab{position:static}
  .kal-fab-platz > .bu-fab{position:fixed}
  .kal-neu[open] > .bu-fab{transform:rotate(45deg)}
  .bu-fab{transition:transform .15s}
  .bu-ag-tag{scroll-margin-top:76px}
  .bu-ag-tag.bu-gewaehlt .bu-ag-datum{color:var(--rot)}
}
.bu-frueher{margin:0 0 16px}
.bu-frueher>summary{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:12px;background:#fff;border:1px dashed var(--border);
  color:var(--muted);font-size:14px;font-weight:700;cursor:pointer;list-style:none}
.bu-frueher>summary::-webkit-details-marker{display:none}
.bu-frueher>summary .sym{width:18px;height:18px;transition:transform .15s}
.bu-frueher[open]>summary{margin-bottom:14px}
.bu-frueher[open]>summary .sym{transform:rotate(180deg)}
@media(max-width:760px){
  /* Auswahl in zwei Reihen à drei – nichts mehr abgeschnitten */
  .bu-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}
  .bu-chip{flex:none;min-width:0;padding:8px 4px;overflow:hidden;text-overflow:ellipsis}
  .bu-agenda{padding-bottom:72px}
  .kal-haupt{margin-bottom:0}
}

/* ══ Handy: ruhiger, kürzer, abgehoben (10/2026, „überfrachtet, viel Scrollen, wenig abgehoben“) ══
   Gilt für alle Seiten außer der Startseite (die hat ihre eigene Gestaltung).
   – Fläche dunkler, Karten weiß mit Schatten statt dünner Linie → sie heben sich ab
   – engere Abstände in Formularen und Listen
   – Untertitel unter dem Seitentitel und im Formularkopf nur mit „Hilfe“ */
@media(max-width:700px){
  body:not(.start){--bg:#e8eaef;background:var(--bg)}
  body:not(.start) .card,body:not(.start) .formular-koerper{border-color:transparent;box-shadow:0 1px 2px rgba(20,20,40,.06),0 4px 14px rgba(20,20,40,.07);border-radius:16px}
  body:not(.start) .formular-koerper{padding:16px}
  body:not(.start) .formular-kopf{border-radius:16px 16px 0 0}
  body.hilfe-aus .seite-titel p,body.hilfe-aus .formular-kopf p:not(.fk-status){display:none}
  .seite-titel{margin-bottom:12px}
  label.fl{margin-bottom:12px}
  .ff-feld{margin-bottom:12px}
  label.fl > span:not(.fl-hilfe),.fl-titel{font-size:13px;margin-bottom:4px}
  .ff-hinweis{padding:10px 12px;margin-bottom:12px;font-size:13px}
  textarea{min-height:0}
  .sec{margin-bottom:10px;font-size:15px}
  /* Abschnitte in Formularen als farbiges Band – Gliederung auf einen Blick */
  .vb-abschnitt,.ff-ueberschrift{margin:16px -4px 10px;padding:9px 12px;border:none;border-radius:10px;background:var(--rot-hell);color:var(--rot-dunkel);font-size:14px;font-weight:800}
  .vb-abschnitt:first-of-type{margin-top:0}
  .kfz-abschnitt{border:none;background:var(--soft);border-radius:12px}
  /* Listen dichter */
  .lg-zeile{padding:8px 14px;min-height:0}
  .bn-zeile{padding:10px 12px}
  .meldung{margin-bottom:12px;padding:10px 12px;font-size:14px}
  .hint{padding:10px 12px;font-size:13px;margin-bottom:12px}
  .br{margin-top:12px}
}

/* Tableau: Wachen, an denen alles einsatzbereit ist, am Handy als eine Zeile (antippen klappt auf) */
.fz-alle-ok,.fz-spalte-kopf > .sym{display:none}
@media(max-width:700px){
  .fz-alles-gruen .fz-pillen{display:none}
  .fz-alles-gruen.offen .fz-pillen{display:grid}
  .fz-alles-gruen .fz-spalte-kopf{cursor:pointer;-webkit-tap-highlight-color:transparent}
  .fz-alles-gruen .fz-spalte-z{display:none}
  .fz-alles-gruen .fz-alle-ok{display:inline;margin-left:auto;font-size:12px;font-weight:700;color:var(--gruen)}
  .fz-alles-gruen .fz-spalte-kopf > .sym{display:block;width:16px;height:16px;color:var(--muted);transition:transform .15s;flex-shrink:0}
  .fz-alles-gruen.offen .fz-spalte-kopf > .sym{transform:rotate(180deg)}
}

/* Lehrgänge, Geräte: am Handy zuerst nur das Wichtige – der Rest auf Tipp (.kl-mehr; .lg-mehr ist der Link „Planung öffnen“) */
/* seit 27.10.2026 auch am PC: Lehrgänge ohne Bedarf zugeklappt */
.lg-spalte:not(.offen) .lg-ohne-bedarf{display:none}
.lg-spalte > .kl-mehr{display:flex}
.kl-mehr{display:none}
@media(max-width:700px){
  .geraete-liste:not(.offen) .geraet-mehr{display:none}
  .kl-mehr{display:flex}
}
.kl-mehr{align-items:center;justify-content:center;gap:6px;width:100%;min-height:var(--tap);border:none;border-top:1px solid #f0f0f3;background:none;
    font:inherit;font-size:13px;font-weight:700;color:var(--muted);cursor:pointer}
.kl-mehr .sym{width:15px;height:15px;transition:transform .15s}
.kl-mehr-auf,.offen > .kl-mehr .kl-mehr-zu{display:none}
.offen > .kl-mehr .kl-mehr-auf{display:inline}
.offen > .kl-mehr .sym{transform:rotate(180deg)}

/* Zugeklappter Formularabschnitt mit vorausgefüllten Angaben (z. B. Ansprechpartner) */
details.ff-klapp > summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;flex-wrap:wrap;-webkit-tap-highlight-color:transparent}
details.ff-klapp > summary::-webkit-details-marker{display:none}
details.ff-klapp > summary small{font-size:13px;font-weight:600;color:var(--muted);margin-left:auto}
details.ff-klapp[open] > summary small{display:none}
.ba-klapp{margin:0 0 14px;border:1.5px solid var(--border);border-radius:12px;padding:0 12px}
.ba-klapp > summary{min-height:var(--tap);font-size:14px;font-weight:700;color:var(--gray)}
.ba-klapp[open]{padding-bottom:4px}
.ba-klapp[open] > summary{margin-bottom:8px}
@media(max-width:600px){
  /* kurze Felder (Datum, Uhrzeit) am Handy nebeneinander */
  .ff-raster{grid-template-columns:1fr 1fr;gap:0 10px}
  .ff-raster > *{grid-column:1/-1}
  .ff-raster > .ff-feld:has(> input[type=date]),.ff-raster > .ff-feld:has(> input[type=time]){grid-column:auto;min-width:0}
}
.hilfe-knopf.hilfe-neben{flex-shrink:0}
/* Kontenliste am Handy: Marke (Profil) unter dem Namen statt daneben – lange Profilnamen drückten Name und Adresse zusammen */
@media(max-width:700px){
  .bn-zeile{display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:10px;row-gap:4px;align-items:center}
  .bn-zeile > .bn-kreis{grid-row:1 / span 2;width:38px;height:38px;flex:none}
  .bn-zeile > .bn-t{grid-column:2;grid-row:1}
  .bn-zeile > .bn-badges{grid-column:2;grid-row:2;min-width:0}
  .bn-zeile > .sym{grid-column:3;grid-row:1 / span 2}
  .bn-badges .badge{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}
}

/* Abschlussberichte: eine kompakte Zeile je Bericht, Stand als Farbkante (10/2026, „ermüdend, lang“) */
.lts-liste .lts-eintrag{display:flex;align-items:center;gap:12px;padding:9px 10px 9px 12px;border-left:4px solid transparent;border-top:1px solid #f0f0f3}
.lts-eintrag.lts-st-verteilt{border-left-color:#86d3a4}
.lts-eintrag.lts-st-offen{border-left-color:#e0a100;background:#fffbea}
.lts-eintrag.lts-st-fehler{border-left-color:#d23b2f;background:#fdf3f2}
.lts-eintrag.lts-st-test{border-left-color:var(--blau)}
.lts-zeit{flex:0 0 46px;display:flex;flex-direction:column;line-height:1.15;text-align:center}
.lts-zeit b{font-size:14px}
.lts-zeit small{font-size:12px;color:var(--muted)}
.lts-mitte{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.lts-liste .lts-e2{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lts-liste .lts-e3{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lts-liste .lts-e4{flex-shrink:0;display:flex;align-items:center;gap:6px}
.lts-mails{display:inline-flex;align-items:center;gap:3px;color:var(--muted);font-weight:700;font-size:13px}
.lts-mails .sym{width:15px;height:15px}
.lts-liste .lts-monat{padding:12px 10px 4px}
.lts-marken{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;margin-top:3px;font-size:12.5px}
.lts-marken .badge{font-size:11px;padding:1px 8px}
details.lts-filter{grid-column:1/-1}
details.lts-filter > summary{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-size:13px;font-weight:700;color:var(--muted);min-height:36px;list-style:none}
details.lts-filter > summary::-webkit-details-marker{display:none}
details.lts-filter > summary .sym{width:16px;height:16px}
.lts-filter-in{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:6px}
.lts-filter-in label span{display:block;font-size:12px;font-weight:700;color:var(--muted)}
/* Mail-Eingang: eine Zeile je Mail */
.lg-details .lts-liste .lts-eintrag{gap:10px;padding:7px 8px;border-left:none}
.lg-details .lts-e1{flex-shrink:0;flex-direction:column;align-items:flex-start;gap:1px}
.lg-details .lts-e1 .badge{font-size:11px;padding:1px 8px}
.lg-details .lts-e1 small{font-size:11.5px}
.lg-details .lts-liste .lts-e2{flex:1;min-width:0;font-size:13px;font-weight:600}
.lts-suche details.lts-filter{flex:1 1 100%;order:2}.lts-suche > .btn{order:3}

/* Einsatz-Archiv: dieselbe kompakte Zeile wie die Abschlussberichte (10/2026) */
.eb-liste{padding:4px 0}
.eb-liste .lts-eintrag{color:inherit;text-decoration:none}
.eb-liste .lts-eintrag:hover{background:#f7f8fa}
.lts-eintrag.lts-st-leer{border-left-color:#e3e5ea}
.eb-az{display:grid;grid-template-columns:auto auto;column-gap:4px;align-items:baseline;line-height:1.2;text-align:right}
.eb-az b{font-size:14px}.eb-az small{font-size:11px;color:var(--muted);text-align:left}
.pa-spur{background:#1d2330;color:#e6e9ef;border-radius:10px;padding:10px 12px;font-size:12px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere;max-height:420px;overflow:auto}

/* Dokumente: Farbe je Kategorie (fest nach Nummer), Zahl im Titel, leere Kategorien in einer Zeile (10/2026, wie Arnsberg) */
.dok-kat{--kat:#b30000}
.dok-f0{--kat:#b30000}.dok-f1{--kat:#1d4ed8}.dok-f2{--kat:#047857}.dok-f3{--kat:#b45309}
.dok-f4{--kat:#6d28d9}.dok-f5{--kat:#0e7490}.dok-f6{--kat:#be185d}.dok-f7{--kat:#4d7c0f}
.dok-kat .abschnitt-titel{color:var(--kat)}
.dok-kat .dok-liste{border-left:4px solid var(--kat)}
.dok-zahl{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 6px;border-radius:999px;background:var(--kat);color:#fff;font-size:11px;letter-spacing:0}
.dok-leer-zeile{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0 18px;font-size:13px}
.dok-leer-k{padding:3px 10px;border-radius:999px;background:#fff;border:1px dashed var(--border);color:var(--muted)}
.lgb-sammel{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.lgb-sammelwahl{float:left;width:20px;height:20px;margin:1px 8px 0 0;accent-color:var(--rot)}

/* ── Zeilenkarten für Listen, Gestaltung wie die Brandsicherheitswachen (.bsw-k) ──
   .zk-liste > .zk: links .zk-dat (Datum) bzw. .zk-kz (Kürzel), Mitte .zk-t (Titel + Zeilen),
   rechts .zk-st (Marken) und .zk-k (Knöpfe). Neue Listen nehmen diese Bausteine. */
.zk-liste{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}
.zk{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1.5px solid var(--border);border-radius:10px;color:inherit;text-decoration:none;background:#fff}
a.zk:hover{background:var(--silber-hell)}
.zk-dat,.zk-kz{flex:0 0 52px;height:52px;border-radius:10px;background:var(--rot);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}
.zk-dat b{font-size:20px;letter-spacing:-.02em}.zk-dat small{font-size:12px;text-transform:uppercase;margin-top:2px}
.zk-dat.zk-ohne{background:var(--silber-hell);color:var(--muted)}
.zk-kz{flex-basis:44px;height:44px;border-radius:50%;font-weight:800;font-size:16px;background:var(--silber-hell);color:var(--text)}
.zk-t{flex:1;min-width:0}
.zk-t b{display:block;overflow-wrap:anywhere}
.zk-t small{display:block;font-size:13px;color:var(--muted);overflow-wrap:anywhere}
.zk-st{flex-shrink:0;display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}
.zk-marke{display:inline-block;font-size:12px;font-weight:800;padding:3px 9px;border-radius:12px;background:var(--silber-hell);color:var(--text);white-space:nowrap}
.zk-marke.rot{background:var(--rot);color:#fff}.zk-marke.gelb{background:#fef3c7;color:#92400e}.zk-marke.gruen{background:#dcfce7;color:#166534}.zk-marke.blau{background:var(--blau-hell);color:#1e40af}
.zk-k{flex-shrink:0;display:flex;gap:6px;align-items:center}
.zk-k form{display:inline;margin:0}
.zk[hidden]{display:none}
.zk-suche{width:100%;margin:0 0 10px}
.zk-vorschlaege{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 12px}
.zk-vorschlaege .fl-hilfe{flex-basis:100%;margin:0}
.zk-chip{display:inline-flex;align-items:center;gap:4px;min-height:36px;padding:4px 12px;border:1.5px dashed var(--border);border-radius:999px;background:#fff;color:var(--text);font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.zk-chip .sym{width:14px;height:14px;color:var(--rot)}
.zk-chip:hover{border-color:var(--rot);background:var(--rot-hell)}
.zk-t small + small{margin-top:1px}
.eb-neu-wahl{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
.eb-neu-wahl .fl{flex:1 1 220px;margin:0}
.lb-zk-nr{text-decoration:none;background:var(--blau)}
.lb-zk-t{color:inherit;text-decoration:none}
.lb-zk-aus{filter:grayscale(1);background:#f6f7f9}
.lb-zk-chg{color:var(--text)!important}
.zk-zeit{border-radius:10px;font-size:13px;flex-basis:52px;height:40px}
.zk-tag{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:8px 2px 0}
.zk-tag:first-child{padding-top:0}
.prot-rot{border-color:#f3b8b3;background:#fdf3f2}
.prot-rot .zk-zeit{background:#fbd5d1;color:#9b1c13}
.prot-det{color:var(--text)!important;overflow-wrap:anywhere}
.zk-leer{padding:14px;border:1.5px dashed var(--border);border-radius:10px;color:var(--muted);text-align:center}
.zk-neu{margin:0 0 12px;border:1.5px dashed var(--border);border-radius:10px;padding:0 12px}
.zk-neu > summary{cursor:pointer;font-weight:700;display:flex;align-items:center;gap:8px;min-height:44px;color:var(--rot);list-style:none}
.zk-neu > summary::-webkit-details-marker{display:none}
.zk-neu > summary .sym{width:18px;height:18px}
.zk-neu[open]{padding-bottom:4px}
@media(max-width:700px){
  .zk{flex-wrap:wrap}
  .zk-t{flex:1 1 120px}
  .zk-st{order:5;justify-content:flex-start;width:100%;padding-left:64px}
  .zk-k{order:4;flex-wrap:wrap;margin-left:auto}
  .zk-kz + .zk-t ~ .zk-st{padding-left:56px}
  .zk.ba-neu .zk-st{order:4;width:auto;flex:1 1 auto}
  .zk.ba-neu .zk-k{order:5}
}

/* Dateiauswahl überall als Tippfläche statt nacktem „Datei wählen“ */
input[type=file]{border:1.5px dashed var(--feld-rand)!important;background:var(--soft)!important;cursor:pointer;color:var(--muted);font-size:14px;padding:8px 10px;line-height:1.3}
input[type=file]:hover,input[type=file]:focus-visible{border-color:var(--rot)!important;background:var(--rot-hell)!important}
input[type=file]::file-selector-button{font:inherit;font-weight:700;color:var(--rot);background:#fff;border:1.5px solid var(--rot-rand,var(--border));border-radius:999px;padding:6px 14px;margin-right:10px;cursor:pointer}
.zk-k:has(details[open]){width:100%;order:7}
/* Abschlussberichte und Einsatz-Archiv: kompakte Zeilen als Karten wie .zk, Datum im roten Block */
.lts-liste:not(.lg-details .lts-liste){gap:6px}
.lts-liste:not(.lg-details .lts-liste) > .lts-eintrag{border:1.5px solid var(--border);border-left-width:5px;border-radius:10px;background:#fff;padding:8px 10px}
.lts-liste:not(.lg-details .lts-liste) > .lts-eintrag.lts-st-offen{background:#fffbea}
.lts-liste:not(.lg-details .lts-liste) > .lts-eintrag.lts-st-fehler{background:#fdf3f2}
.lts-liste:not(.lg-details .lts-liste) > .lts-eintrag:hover{background:var(--silber-hell)}
.lts-liste:not(.lg-details .lts-liste) > .lts-monat{border-top:none;padding:10px 2px 2px}
.lts-liste:not(.lg-details .lts-liste) .lts-zeit{flex:0 0 48px;height:48px;border-radius:10px;background:var(--rot);color:#fff;justify-content:center}
.lts-liste:not(.lg-details .lts-liste) .lts-zeit b{font-size:15px}
.lts-liste:not(.lg-details .lts-liste) .lts-zeit small{color:rgba(255,255,255,.85);font-size:11.5px}
/* Zeilen in Kästen außerhalb der Startseite (Suche, Kalender, Konto): Karten wie .zk */
body:not(.start) .dk{padding-bottom:4px}
body:not(.start) .dk .dk-zeile{margin:0 12px 8px;border:1.5px solid var(--border);border-radius:10px;padding:10px 12px;background:#fff}
body:not(.start) .dk .dk-kopf{border-bottom:none}
body:not(.start) .card .dk-zeile{border:1.5px solid var(--border);border-radius:10px;padding:10px 12px;margin-bottom:8px;background:#fff}
body:not(.start) .card .dk-zeile:last-child{margin-bottom:0}
body:not(.start) .dk-zeile:hover{background:var(--silber-hell)}
body:not(.start) .card .dk-zeile.geraet-hier{background:var(--gruen-hell);border-color:#b7e2c6}
/* Abschnitte in Formularen überall gleich: rotes Band (auch nummerierte <fieldset>-Abschnitte) */
.vb-abschnitt,.ff-ueberschrift{margin:18px 0 10px;padding:9px 12px;border:none;border-radius:10px;background:var(--rot-hell);color:var(--rot-dunkel);font-size:15px;font-weight:800}
.vb-abschnitt:first-of-type{margin-top:4px}
.kfz-abschnitt,body .kfz-abschnitt{border:none;background:none;border-radius:0;padding:0;margin:0 0 18px}
.kfz-abschnitt > legend{display:flex;align-items:center;gap:8px;width:100%;box-sizing:border-box;margin:0 0 12px;padding:8px 12px;border-radius:10px;background:var(--rot-hell);color:var(--rot-dunkel);font-size:15px;font-weight:800}
.kfz-abschnitt > legend .kfz-nr{min-width:24px;height:24px;font-size:12.5px}
@media(max-width:700px){.vb-abschnitt,.ff-ueberschrift{margin:16px 0 10px;font-size:14px}.kfz-abschnitt > legend{font-size:14px}}
.seite-aktionen-solo{justify-content:flex-end;margin:0 auto 12px;max-width:760px}
/* Angaben auf Detailseiten überall wie bei den Brandsicherheitswachen (.bsw-dl): kleine graue Beschriftung, Wert, Linie */
.aao-dl,.eb-dl{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin:0 0 14px;font-size:15px}
.aao-dl dt,.eb-dl dt,.aao-dl dd,.eb-dl dd{margin:0;overflow-wrap:anywhere}
.aao-dl dt,.eb-dl dt{padding:7px 0 0}
.aao-dl dd,.eb-dl dd{padding:1px 0 7px;border-bottom:1px solid var(--border)}
.aao-dl dt,.eb-dl dt,.lts-dl dt,.lg-dl dt{font-size:12.5px;color:var(--muted);font-weight:700}
.lts-dl{gap:0 18px}
.lts-dl > div{padding:7px 0;border-bottom:1px solid var(--border);min-width:0}
.lts-dl dd{font-weight:400}
/* seitlich scrollende Behälter: unsichtbare Beschriftungen (.unsichtbar, absolut) sonst am Seitenrand – die Seite wurde am Handy breit (GBU 10/2026) */
.gbu-tab-wrap,.tbl-wrap,.lg-matrix-wrap,.hh-sum-tab,.kb-board{position:relative}

/* ── Benutzer & Rechte (10/2026, „viel intuitiver, nacheinander zuweisen“): Konten als Karten mit Kästchen,
   Leiste „N ausgewählt · Profil · Zuweisen“, im Konto Blättern ‹ 3 von 9 › und „Anwenden und weiter“ ── */
.bn-liste{border:none;border-radius:0;overflow:visible;display:flex;flex-direction:column;gap:8px}
.bn-zeile,.bn-zeile:last-child{border:1.5px solid var(--border);border-radius:10px;background:#fff}
div.bn-zeile{display:flex;align-items:stretch;gap:0;padding:0;overflow:hidden}
.bn-wahl{flex:0 0 48px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-right:1px solid var(--border);background:var(--soft)}
.bn-wahl input{width:22px;height:22px;accent-color:var(--rot);cursor:pointer}
.bn-wahl-aus{cursor:default;background:repeating-linear-gradient(135deg,var(--soft),var(--soft) 6px,#eef0f3 6px,#eef0f3 12px)}
.bn-link{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:10px 12px;color:var(--text);text-decoration:none}
.bn-link:hover{background:var(--silber-hell)}
.bn-link > .sym{color:#c4c4cc;width:18px;height:18px;flex-shrink:0}
.bn-zeile.bn-gewaehlt{border-color:var(--rot);box-shadow:0 0 0 1px var(--rot)}
.bn-zeile.bn-gewaehlt .bn-wahl{background:var(--rot-hell)}
.bn-ohne{color:#a15c07}
.bn-liste-kopf{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:0 0 10px;font-size:13px}
.bn-alle{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14px;min-height:40px;padding:0 12px;border:1.5px solid var(--border);border-radius:999px;background:#fff;cursor:pointer}
.bn-alle input{width:20px;height:20px;accent-color:var(--rot)}
.bn-sammel{position:sticky;bottom:0;z-index:5;display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center;margin:14px -22px -22px;padding:12px 22px calc(12px + env(safe-area-inset-bottom));background:#fff;border-top:1.5px solid var(--border);box-shadow:0 -6px 16px rgba(0,0,0,.06);border-radius:0 0 var(--radius-gross) var(--radius-gross)}
.mit-unten-nav .bn-sammel{bottom:calc(64px + env(safe-area-inset-bottom))}
@media(min-width:701px){.mit-unten-nav .bn-sammel{bottom:0}}
.bn-sammel.an{background:var(--rot-hell);border-top-color:var(--rot-rand)}
.bn-js .bn-sammel:not(.an){display:none}
.bn-sammel{flex-wrap:nowrap}
.bn-sammel-z{font-weight:800;min-width:110px}
.bn-sammel select{flex:1 1 200px;width:auto;min-width:0}
.bn-sammel .btn[disabled]{opacity:.5}
.bn-blaettern{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin:0 0 10px}
.bn-blaettern .bn-zurueck{margin:0}
.bn-bl{display:inline-flex;align-items:center;gap:8px}
.bn-bl-z{display:flex;flex-direction:column;align-items:center;font-weight:800;font-size:14px;line-height:1.2;min-width:70px;text-align:center}
.bn-bl-z small{font-weight:600;font-size:11.5px;color:var(--muted);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bn-bl .btn[aria-disabled="true"]{opacity:.35;pointer-events:none}
@media(max-width:700px){
  div.bn-zeile{display:flex;padding:0}
  .bn-link{display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:10px;row-gap:4px;align-items:center;padding:10px}
  .bn-link > .bn-kreis{grid-row:1 / span 2;width:38px;height:38px;flex:none}
  .bn-link > .bn-t{grid-column:2;grid-row:1}
  .bn-link > .bn-badges{grid-column:2;grid-row:2;min-width:0}
  .bn-link > .sym{grid-column:3;grid-row:1 / span 2}
  .bn-sammel{margin:14px -16px -16px;padding:10px 16px calc(10px + env(safe-area-inset-bottom))}
  .bn-sammel-z{display:none}
  .bn-sammel select{flex:1 1 0}
}
.bn-filter{grid-template-columns:minmax(0,1fr) auto}
.bn-filter select{grid-column:1 / -1;width:100%}
@media(max-width:520px){.bn-filter input{grid-column:auto}}
/* Unterteil einer Zeilenkarte (Knöpfe, Teilnehmer, Felder zum Ändern): ganze Breite unter dem Kopf */
.zk:has(> .zk-unten){flex-wrap:wrap}
.zk > .zk-unten{flex:1 1 100%;order:8;padding-left:64px;min-width:0}
.zk > .zk-unten:empty{display:none}
.zk > .zk-unten[hidden]{display:none}
.zk > .zk-kz + .zk-t ~ .zk-unten{padding-left:56px}
.zk > .zk-unten.as-aktionen{margin-top:0}
@media(max-width:700px){.zk > .zk-unten{padding-left:0}}
.zk.st-aus{background:#f6f7f9;border-style:dashed}
.bu-auswahl-gruppe > summary{list-style:none}
.bu-auswahl-gruppe > summary::-webkit-details-marker{display:none}
.bu-auswahl-gruppe > summary::after{content:'';width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);margin:0 4px 4px 4px;transition:transform .15s}
.bu-auswahl-gruppe[open] > summary::after{transform:rotate(-135deg);margin-bottom:-2px}
/* „So läuft es – wer was tut“ überall dieselbe Zeitleiste (Aufnahme, BSW, Lehrgangs-Buchung) */
.bsw-weg ol,.lgb-weg ol{list-style:none;margin:10px 0 6px;padding:0;counter-reset:wg;display:block}
.bsw-weg li,.lgb-weg li{counter-increment:wg;position:relative;display:block;padding:8px 0 10px 42px;margin:0 0 0 14px;border:none;border-left:2px solid var(--border);border-radius:0;background:none;box-shadow:none;font-size:inherit}
.bsw-weg li:last-child,.lgb-weg li:last-child{border-left-color:transparent}
.bsw-weg li::before,.lgb-weg li::before{content:counter(wg);position:absolute;left:-15px;top:6px;width:28px;height:28px;border-radius:50%;background:#fff;border:2px solid var(--silber,#9aa3ad);color:var(--text);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px}
.lgb-weg li.lgb-hier{border-color:var(--border);box-shadow:none;background:none}
.lgb-weg li.lgb-hier::before{background:var(--rot);border-color:var(--rot);color:#fff}
.bsw-weg li b,.lgb-weg li b{display:block;font-size:15px}
.bsw-weg li > span:last-child,.lgb-weg li > span:last-child{display:block;font-size:14px;color:var(--muted)}
.bsw-wer,.lgb-wer,.af-wer{display:inline-block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;color:var(--rot);background:none;padding:0}
.bsw-weg-t,.lgb-weg > summary{display:flex;align-items:center;gap:8px;font-weight:800;margin-bottom:10px;font-size:15px}
.bsw-weg-t .sym,.lgb-weg > summary .sym{width:20px;height:20px;color:var(--rot)}

/* Namentliche Meldung: Beratung der Wehrleitung – eine Bewerberliste je Lehrgang (10/2026) */
.nmb-kopf{margin:16px 0 8px}
.nmb-weg{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0 8px}
.nmb-weg span{border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;background:#f1f2f4;color:#6b7280}
.nmb-weg span.an{background:#b30000;color:#fff}.nmb-weg span.fertig{background:#e7f6ec;color:#146c2e}
.nmb{background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 2px 10px rgba(0,0,0,.05);margin:0 0 14px;overflow:hidden;scroll-margin-top:90px}
.nmb-lk{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 14px;border-bottom:1px solid var(--border)}
.nmb-lk b{font-size:17px}.nmb-lk .m{color:var(--muted);font-size:13px;flex:1 1 120px;min-width:0}
.nmb-pill{border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}
.nmb-pill.gruen{background:#e7f6ec;color:#146c2e}.nmb-pill.gelb{background:#fff3cd;color:#7a5a00}.nmb-pill.grau{background:#f1f2f4;color:#555}
.nmb-ab{padding:10px 14px 2px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.nmb-p{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;padding:10px 14px;border-top:1px solid #f1f1f3}
.nmb-ab + .nmb-p{border-top:none}
.nmb-nr{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex:0 0 auto}
.nmb-nr.pl{background:#146c2e;color:#fff}.nmb-nr.rs{background:#1d4ed8;color:#fff}
.nmb-frei .nmb-nr{background:#fff;color:#146c2e;border:2px dashed #9fd3b0}.nmb-frei .nmb-t b{color:var(--muted);font-weight:600}
.nmb-t{flex:1 1 180px;min-width:0;display:flex;flex-direction:column;gap:2px}
.nmb-t small{color:var(--muted);font-size:12px}
.nmb-q{display:flex;gap:4px;flex-wrap:wrap;margin-top:3px}
.nmb-q span{font-size:11px;border:1px solid #ddd;border-radius:6px;padding:1px 6px;color:#444}
.nmb-q span.w{background:#b30000;color:#fff;border-color:#b30000}
.nmb-pf{display:flex;flex-direction:column;gap:3px}.nmb-pf form{margin:0}
.nmb-pk{border:1px solid var(--border);background:#fff;border-radius:7px;width:36px;height:28px;font-size:12px;cursor:pointer}
.nmb-pk:disabled{opacity:.35;cursor:default}
.nmb-mehr{flex-basis:100%;font-size:13px}
.nmb-mehr summary{color:var(--muted);cursor:pointer;padding:2px 0}
.nmb-qform{display:flex;flex-wrap:wrap;gap:6px;align-items:end;margin:6px 0}
.nmb-qform label{display:flex;flex-direction:column;gap:2px;font-size:11px;color:var(--muted);font-weight:600}
.nmb-qform select{min-width:0;width:64px}
.nmb-raus{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.nmb-raus input{flex:1 1 180px;min-width:0}
.nmb-neu{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-top:1px solid #f1f1f3;background:#fffdf3;margin:0}
.nmb-frueher{display:flex;gap:6px;align-items:flex-start;font-size:12px;background:#eef3fd;color:#1e3a8a;border-radius:8px;padding:6px 8px}
.nmb-frueher svg{width:14px;height:14px;flex:0 0 auto;margin-top:1px}
.nmb-begr{width:100%;min-width:0}
.nmb-k4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.nmb-k4 button{border-radius:10px;padding:10px 4px;font-weight:700;font-size:14px;border:1px solid var(--border);background:#fff;cursor:pointer;min-width:0}
.nmb-k4 .nmb-b1{background:#146c2e;color:#fff;border-color:#146c2e}.nmb-k4 .nmb-b2{background:#1d4ed8;color:#fff;border-color:#1d4ed8}
.nmb-k4 .nmb-b4{color:#a40000;border-color:#f2b8b8}
.nmb-k4 button:disabled{opacity:.4;cursor:default}
.nmb-leer{margin:0;padding:10px 14px;color:var(--muted);font-size:13px;border-top:1px solid #f1f1f3}
.nmb-zu{border-top:1px solid #f1f1f3}
.nmb-zu > summary{padding:10px 14px;color:var(--muted);font-size:13px;cursor:pointer}
.nmb-zu .af-vl{padding:0 14px 12px}
.nmb-notiz{display:flex;flex-wrap:wrap;gap:6px;align-items:flex-end;padding:0 14px 10px}.nmb-notiz textarea{flex:1 1 220px;min-width:0}
.lg-nm-marke{font-size:11px;vertical-align:middle}
@media (max-width:420px){.nmb-k4 button{font-size:13px;padding:10px 2px}}
.nmb-neu .nmb-t{flex:none}
.nmb-t .zk-marke{align-self:flex-start}
.nmb-n{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center}
/* Lehrgänge „Unser Stand“ (Einheit) */
.zk-marke.grau{background:#eef0f3;color:#4b5563}
.lgu-liste{list-style:none;margin:.4rem 0 0;padding:0;display:flex;flex-direction:column;gap:.35rem}
.lgu-liste li{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .5rem;padding-top:.35rem;border-top:1px solid var(--linie,#e5e7eb)}
.lgu-liste li:first-child{border-top:0;padding-top:0}
.lgu-n{font-weight:500}
.lgu-liste small{flex-basis:100%;color:var(--grau,#6b7280)}
.lgu-e{font-size:.85em}
/* Lehrgänge: wenige Reiter, auch am Handy sichtbar (10/2026, „zu viele Untermenüs“) */
.lg-reiter.lg-r2{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:4px;overflow:visible;position:relative}
.lg-r2 > a,.lg-mehrm > summary{min-width:0;justify-content:center;white-space:normal;text-align:center;line-height:1.2;padding:9px 6px}
.lg-mehrm{position:relative;min-width:0}
.lg-mehrm > summary{list-style:none;display:flex;align-items:center;gap:6px;height:100%;box-sizing:border-box;border-radius:9px;cursor:pointer;color:var(--muted);font-weight:700;font-size:14px}
.lg-mehrm > summary::-webkit-details-marker{display:none}
.lg-mehrm > summary.aktiv{background:var(--rot);color:#fff}
@media (hover:hover){.lg-mehrm > summary:hover{background:var(--soft)}.lg-mehrm > summary.aktiv:hover{background:var(--rot)}}
.lg-mehrm-l{position:absolute;right:0;top:calc(100% + 6px);z-index:30;min-width:230px;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.15);padding:4px;display:flex;flex-direction:column}
.lg-mehrm-l a{display:flex;align-items:center;justify-content:flex-start;text-align:left;gap:8px;padding:11px 12px;border-radius:9px;color:var(--text,#222);text-decoration:none;font-weight:500;white-space:nowrap}
.lg-mehrm-l a:hover{background:var(--soft)}
.lg-mehrm-l a.aktiv{background:var(--rot-hell);color:var(--rot-dunkel)}
.lg-erl-kasten{background:#fff8e6;border:1px solid #ecd28a;border-radius:12px;padding:10px 14px;margin:0 0 14px}
.lg-erl-kasten > b{display:flex;align-items:center;gap:6px;margin-bottom:4px}
.lg-erl-kasten > a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;border-top:1px solid #f1e2b4;color:inherit;text-decoration:none}
.lg-erl-kasten > a .sym,.lg-erl > .sym{flex-shrink:0;color:var(--muted)}
.lg-erl{color:inherit;text-decoration:none;align-items:center}
.lg-us-neu{display:flex;justify-content:center;margin:10px 0 12px}
.lg-us-links{margin-top:14px}
@media (max-width:700px){
  .lg-r2 > a > .sym,.lg-mehrm > summary > .sym{display:none}
  .lg-r2 > a,.lg-mehrm > summary{font-size:13px;padding:9px 4px;flex-direction:column;gap:2px}
  .lg-r2 .nav-zahl{min-width:18px;height:18px;font-size:11px}
}
/* Listen: Jahresplan je Einheit */
.lg-je-e .zk{align-items:center}
.lg-je-e .zk-k{display:flex;gap:6px;flex-wrap:wrap}
@media (max-width:700px){.lg-je-e .zk{flex-wrap:wrap}.lg-je-e .zk-k{width:100%}.lg-je-e .zk-k .btn{flex:1;justify-content:center}}
.gbu-liste-t{scroll-margin-top:90px}
/* Lehrgänge am Handy: gleich große Bedienelemente (10/2026, „unterschiedliche Längen machen mich irre“) */
.lg-r2 > a{position:relative}
@media (max-width:700px){
  .lg-r2 > a,.lg-mehrm > summary{min-height:52px}
  .lg-r2 > a .nav-zahl{position:absolute;top:3px;right:3px;margin:0}
  .lg-oben{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
  .lg-oben > *{min-width:0}
  .lg-oben .lg-js{display:flex;width:100%;box-sizing:border-box;justify-content:space-between;height:50px}
  .lg-oben .lg-js-p{width:38px;height:38px}
  .lg-oben .lg-js-heute{display:none}
  .lg-oben .lg-filter{width:100%}
  .lg-oben .lg-filter select{width:100%;height:50px}
}
.lg-erl-kasten > a > span:first-child{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.lg-erl .zk-t > b{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
/* Namentliche Meldung: freien Platz antippen und besetzen */
.nmb-setzen > summary{list-style:none;cursor:pointer}
.nmb-setzen > summary::-webkit-details-marker{display:none}
.nmb-setzen > summary .nmb-plus{margin-left:auto;width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#e8f5ec;color:#146c2e;flex-shrink:0}
.nmb-setzen[open] > summary{background:#f3faf5}
.nmb-setzen[open] > summary .nmb-plus{transform:rotate(45deg)}
.nmb-setzen-f{display:flex;flex-direction:column;gap:8px;padding:10px 16px 14px;background:#f3faf5;border-top:1px solid #d6ecdd}
.nmb-setzen-f select,.nmb-setzen-f input{width:100%}

/* Namentliche Meldung: Person für einen freien Platz suchen statt langer Auswahlliste */
.nmb-wahl{display:flex;flex-direction:column;gap:6px}
.nmb-wahl-k{font-size:.78rem;font-weight:700;color:#5b6472;text-transform:uppercase;letter-spacing:.03em;margin-top:2px}
.nmb-such{width:100%;min-height:46px;font-size:16px}
.nmb-treffer{display:flex;flex-direction:column;gap:6px}
.nmb-treffer:empty{display:none}
.nmb-w{display:flex;align-items:center;gap:10px;padding:7px 12px;background:#fff;border:1.5px solid #d6dbe3;border-radius:10px;cursor:pointer;min-height:46px}
.nmb-w input{width:20px;height:20px;flex-shrink:0;accent-color:#146c2e}
.nmb-w span{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.nmb-w b{font-weight:600}
.nmb-w small{color:#5b6472}
.nmb-w:has(input:checked){border-color:#146c2e;background:#e8f5ec}
.nmb-wahl-leer{font-size:.9rem;color:#5b6472;padding:4px 2px}

/* Namentliche Meldung: Eintrag in der Meldung – Pfeile rechts, darunter „Wunschtermine ändern“ und „Zurück zu Neu“ sichtbar */
.nmb-p > .nmb-t{flex:1 1 0}
.nmb-pf{flex-direction:row;gap:6px}
html body .nmb-pk{width:40px;height:40px;min-height:40px;padding:0;font-size:13px;display:inline-flex;align-items:center;justify-content:center}
.nmb-akt{flex-basis:100%;display:flex;flex-wrap:wrap;align-items:flex-start;gap:6px 10px;padding-left:42px}
.nmb-akt .nmb-mehr{flex:1 1 auto;flex-basis:auto}
.nmb-akt .nmb-mehr[open]{flex-basis:100%}
.nmb-akt .nmb-mehr summary{display:inline-flex;align-items:center;gap:5px;min-height:36px}
.nmb-akt .nmb-mehr summary svg{width:15px;height:15px}
.nmb-akt .nmb-raus{margin:0}
html body .nmb-zurueck{display:inline-flex;align-items:center;gap:4px;min-height:36px;padding:4px 12px;border-radius:999px;border:1.5px solid #f2c4c4;background:#fff;color:#a40000;font-weight:600;font-size:13px;cursor:pointer}
.nmb-zurueck svg{width:14px;height:14px}
@media (max-width:420px){.nmb-akt{padding-left:0}}

/* Namentliche Meldung: kurze Anleitung, immer sichtbar (nicht „hilfe“) */
.nmb-anl{background:#f3f7ff;border:1px solid #c9d8f5;border-left:5px solid #1d4ed8;border-radius:12px;padding:12px 14px;margin:6px 0 12px;font-size:15px;line-height:1.45}
.nmb-anl > b{display:block;font-size:16px;margin-bottom:4px;color:#1e3a8a}
.nmb-anl ol{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:6px}
.nmb-anl small{display:block;margin-top:8px;color:#4b5563;font-size:13px}
.nmb-anl .k{display:inline-block;padding:0 8px;border-radius:6px;font-weight:700;font-size:13px;line-height:1.6;white-space:nowrap}
.nmb-anl .k.gr{background:#146c2e;color:#fff}.nmb-anl .k.bl{background:#1d4ed8;color:#fff}
.nmb-anl .k.ro{background:#b30000;color:#fff}
.nmb-anl .k.rt{background:#fff;color:#a40000;border:1.5px solid #f2c4c4}

/* Zuteilung eintragen: Kreis-/IdF-Lehrgänge ohne Bedarf zugeklappt darunter */
.lgz-ohne{margin:4px 0 2px}
.lgz-ohne > summary{cursor:pointer;color:var(--muted);font-size:14px;font-weight:600;padding:10px 0;min-height:44px;display:flex;align-items:center}


/* ════════════════════════════════════════════════════════════════════════
   Startseite wie mein.arnsberg112.de (10/2026, „Mit Seitenleiste und Anpassen wie Arnsberg“),
   Präfix sx-, Logik in lib/startseite.php, „Anpassen“ in assets/startseite.js.
   Kopfbereich dunkelrot mit Gruß und Suche, darüber liegende Karten „Gerade wichtig“,
   Schnellzugriff als Farbkacheln (je Konto wählbar), weiße Kästen, alle Bereiche als
   Gruppen-Karten. Farben je Kachel/Karte über --c1 (hell), --c2 (dunkel), --ct (Tönung),
   gesetzt aus SX_FARBEN (sx_stil()).
   ════════════════════════════════════════════════════════════════════════ */
.sx{--sx-text:#1c1c24;--sx-grau:#5f5f6b;--sx-linie:#e6e6ea;--c1:#64748b;--c2:#1e293b;--ct:#eef1f5}

/* Kopfbereich */
.sx-hero{position:relative;overflow:hidden;color:#fff;border-radius:28px;padding:26px 30px 74px;
  background:radial-gradient(120% 90% at 100% 0%,rgba(230,20,30,.5),transparent 55%),
             radial-gradient(80% 70% at 0% 100%,rgba(200,200,204,.16),transparent 60%),
             linear-gradient(160deg,#5e0000 0%,#2a0505 68%,#160303 100%)}
.sx-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 2px,transparent 2px 16px)}
.sx-hero-wz{position:absolute;right:-28px;top:-24px;pointer-events:none;opacity:.08}
.sx-hero-wz .sym{width:260px;height:260px}
.sx-hero-in{position:relative;display:flex;gap:24px;align-items:flex-end;justify-content:space-between;flex-wrap:wrap}
.sx-gruss{min-width:0}
.sx-datum{font-size:14px;opacity:.78;font-weight:500;margin:0}
.sx-gruss h1{font-size:38px;font-weight:700;letter-spacing:-.02em;line-height:1.08;margin:4px 0 0;color:#fff;overflow-wrap:anywhere}
.sx-gruss h1 span{background:linear-gradient(90deg,#fff,#ffb4b4);-webkit-background-clip:text;background-clip:text;color:transparent}
.sx-live{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.sx-live:empty{display:none}
.sx-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;font-size:13.5px;font-weight:500;color:#fff;text-decoration:none;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);min-height:40px}
a.sx-pill:hover{background:rgba(255,255,255,.18);color:#fff}
.sx-pill i{width:9px;height:9px;border-radius:50%;flex:none}
.sx-p-rot{background:#fca5a5;box-shadow:0 0 0 3px rgba(252,165,165,.3)}.sx-p-gruen{background:#4ade80;box-shadow:0 0 0 3px rgba(74,222,128,.3)}
.sx-hero-rechts{display:flex;gap:10px;align-items:center;flex:0 1 460px;min-width:0}
.sx-suche{position:relative;flex:1;min-width:0;margin:0}
.sx-suche > .sym{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#6b6b76;pointer-events:none;width:20px;height:20px;z-index:1}
.sx .sx-hero .sx-suche input{width:100%;height:52px;min-height:0;border:0;border-radius:16px;padding:0 16px 0 46px;font:inherit;font-size:16px;color:var(--sx-text);
  background:rgba(255,255,255,.97);box-shadow:0 12px 30px rgba(0,0,0,.25);text-overflow:ellipsis}
.sx .sx-hero .sx-suche input:focus{outline:3px solid rgba(255,255,255,.55);outline-offset:2px}
.sx-melden{flex:none;height:52px;padding:0 20px;border-radius:16px;font-weight:700;font-size:15px;color:#fff;text-decoration:none;
  background:linear-gradient(150deg,#ff3b3b,#b80000);box-shadow:0 10px 24px rgba(204,0,0,.45);display:inline-flex;align-items:center;gap:8px}
.sx-melden:hover{color:#fff;filter:brightness(1.06)}
.sx-melden:active{transform:scale(.97)}
.sx-melden .sym{width:20px;height:20px}
.sx-melden.sx-ticket{background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.45)}
.sx-melden.sx-ticket:hover{background:rgba(255,255,255,.22);filter:none}
.sx > .su-ueberall{margin:12px 0 0}

/* Karten „Gerade wichtig“ über dem Kopfbereich */
.sx-lage{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:-50px 22px 0}
.sx-lage.sx-n3{grid-template-columns:repeat(3,minmax(0,1fr))}.sx-lage.sx-n2{grid-template-columns:repeat(2,minmax(0,1fr))}.sx-lage.sx-n1{grid-template-columns:minmax(0,1fr)}
.sx-lk{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:20px;padding:16px 16px 15px;text-decoration:none;color:var(--sx-text);min-width:0;
  box-shadow:0 14px 34px rgba(40,10,10,.13),0 2px 6px rgba(40,10,10,.06);transition:transform .12s,box-shadow .15s}
@media(hover:hover){.sx-lk:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(40,10,10,.18);color:var(--sx-text)}}
.sx-lk:active{transform:scale(.98)}
.sx-lk-ic{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--ct);color:var(--c2)}
.sx-lk-ic .sym{width:19px;height:19px}
.sx-lk-z{font-size:29px;font-weight:700;letter-spacing:-.02em;line-height:1;margin-top:12px}
.sx-lk-z .sym{width:26px;height:26px;stroke-width:2.6}
.sx-lk-t{font-size:13px;color:var(--sx-grau);margin-top:6px;font-weight:500;line-height:1.3}
.sx-lk-termin{display:flex;flex-direction:column;min-width:0;margin-top:12px;line-height:1.3}
.sx-lk-termin b{font-size:13px;font-weight:700;color:var(--c2)}
.sx-lk-termin span{font-size:15px;font-weight:700;color:var(--sx-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:break-word;hyphens:auto}
.sx-lage-anp{display:flex;justify-content:flex-end;margin:6px 4px -18px}
.sx-lage-anp .sx-link{color:var(--sx-grau);font-weight:500}
.sx-neu{position:absolute;top:14px;right:14px;font-size:11px;font-weight:700;color:#fff;background:#dc2626;border-radius:999px;padding:3px 8px}

/* Überschriften */
.sx-sek{margin-top:30px}
.sx-h{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 4px 13px}
.sx-h h2{font-size:19px;font-weight:700;letter-spacing:-.01em;color:var(--sx-text);margin:0}
.sx-h small{font-size:13px;font-weight:500;color:var(--sx-grau);display:inline-flex;align-items:center;gap:5px}
.sx-h small .sym{width:15px;height:15px}
.sx-link{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 6px;border:0;background:none;font:inherit;font-size:14px;font-weight:700;color:var(--rot-dunkel);cursor:pointer;border-radius:10px}
.sx-link:hover{background:var(--rot-hell)}
.sx-link .sym{width:18px;height:18px}

/* Schnellzugriff: Breite je Kachel aus sx_spanne() (s4-/s2- bzw. klein s6-/s3-) */
.sx-fav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.sx-fav .s4-2{grid-column:span 2}.sx-fav .s4-3{grid-column:span 3}.sx-fav .s4-4{grid-column:span 4}
.sx-fav.klein{grid-template-columns:repeat(6,minmax(0,1fr));gap:11px}
.sx-fav.klein .s6-2{grid-column:span 2}.sx-fav.klein .s6-3{grid-column:span 3}.sx-fav.klein .s6-4{grid-column:span 4}.sx-fav.klein .s6-5{grid-column:span 5}.sx-fav.klein .s6-6{grid-column:span 6}
.sx-fk{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:140px;padding:17px;border-radius:22px;
  color:#fff;text-decoration:none;background:linear-gradient(150deg,var(--c1) 0%,var(--c2) 100%);min-width:0;
  box-shadow:0 10px 24px -8px color-mix(in srgb,var(--c1) 70%,transparent),inset 0 1px 0 rgba(255,255,255,.25);transition:transform .12s,box-shadow .15s}
.sx-fk::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(90% 70% at 0% 0%,rgba(255,255,255,.22),transparent 60%)}
@media(hover:hover){.sx-fk:hover{transform:translateY(-3px);color:#fff;box-shadow:0 16px 30px -8px color-mix(in srgb,var(--c1) 80%,transparent)}}
.sx-fk:active{transform:scale(.97)}
.sx-fk-wz{position:absolute;right:-10px;bottom:-16px;opacity:.15;pointer-events:none}
.sx-fk-wz .sym{width:104px;height:104px}
.sx-fk-sym{position:relative;z-index:1;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.22)}
.sx-fk-sym .sym{width:22px;height:22px}
.sx-fk-chip{position:absolute;z-index:1;top:17px;right:17px;font-size:12px;font-weight:700;background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.15);padding:5px 10px;border-radius:999px;white-space:nowrap}
.sx-fk-unten{position:relative;z-index:1;display:flex;flex-direction:column;margin-top:14px;min-width:0}
.sx-fk-unten b{font-weight:700;font-size:18px;letter-spacing:-.01em;line-height:1.15;hyphens:auto;overflow-wrap:break-word}
.sx-fk-unten small{font-size:13px;opacity:.9;font-weight:500;margin-top:3px;line-height:1.3}
.sx-fav.klein .sx-fk{min-height:112px;padding:13px;border-radius:18px}
.sx-fav.klein .sx-fk-sym{width:36px;height:36px;border-radius:12px}
.sx-fav.klein .sx-fk-sym .sym{width:19px;height:19px}
.sx-fav.klein .sx-fk-unten b{font-size:15px}
.sx-fav.klein .sx-fk-wz .sym{width:72px;height:72px}
.sx-fav.klein .sx-fk-chip{top:13px;right:13px;font-size:11px;padding:3px 7px}

/* Weiße Kästen */
.sx-spalten{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:30px;align-items:start}
.sx-dk{background:#fff;border:1px solid var(--sx-linie);border-radius:22px;box-shadow:0 2px 10px rgba(40,10,10,.05);padding:6px 6px 8px;min-width:0}
.sx-dk-k{display:flex;align-items:center;gap:10px;padding:10px 10px 8px}
.sx-dk-k strong{flex:1;font-size:16.5px;font-weight:700;color:var(--sx-text);min-width:0}
.sx-dk-ic{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;flex:none;color:#fff;background:linear-gradient(150deg,var(--c1),var(--c2))}
.sx-dk-ic .sym{width:18px;height:18px}
.sx-dk-k a{font-size:13px;font-weight:700;color:var(--c2);background:var(--ct);border-radius:999px;padding:0 14px;display:inline-flex;align-items:center;min-height:40px;text-decoration:none;white-space:nowrap}
.sx-zl{position:relative;display:flex;align-items:center;gap:12px;margin:4px 4px 0;padding:10px 12px;border-radius:14px;background:#f7f7f9;color:var(--sx-text);text-decoration:none;min-height:56px}
.sx-zl:hover{background:#f0f0f3;color:var(--sx-text)}
.sx-zl:active{transform:scale(.99)}
.sx-zl-ic{width:40px;height:40px;border-radius:12px;flex:none;display:grid;place-items:center;background:var(--ct);color:var(--c2)}
.sx-zl-ic .sym{width:20px;height:20px}
.sx-zl .zk-dat{flex:0 0 44px;height:44px;border-radius:12px;background:linear-gradient(150deg,var(--c1),var(--c2))}
.sx-zl-t{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}
.sx-zl-t b{font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}
.sx-zl-t small{font-size:13px;color:var(--sx-grau);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sx-marke{font-size:12px;font-weight:700;color:#fff;background:#dc2626;border-radius:999px;padding:3px 9px;flex:none}
.sx-leer{margin:4px 4px 0;padding:16px;border-radius:14px;background:#f7f7f9;color:var(--sx-grau);font-size:14px;text-align:center;display:flex;align-items:center;justify-content:center;gap:7px}
.sx-leer .sym{width:18px;height:18px;color:#16a34a}
.sx-leer-rand{margin:0;background:#fff;border:1px dashed #cfcfd6}
.sx-dk-fuss{display:block;margin:6px 6px 0;padding:10px;font-size:13px;color:var(--sx-grau);text-decoration:none;text-align:center;min-height:40px}
.sx-dk-fuss:hover{color:var(--c2)}

/* Alle Bereiche */
.sx-gruppen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.sx-gr{background:#fff;border:1px solid var(--sx-linie);border-radius:22px;padding:16px;box-shadow:0 2px 10px rgba(40,10,10,.05);min-width:0}
.sx-gr-k{display:flex;align-items:center;gap:10px;margin-bottom:13px}
.sx-gr-k h3{font-size:16px;font-weight:700;margin:0;color:var(--sx-text)}
.sx-gr-k > span:last-child,.sx-gr-k > a{margin-left:auto;font-size:12px;color:var(--sx-grau);font-weight:500;text-decoration:none}
.sx-gr-k > a{font-weight:700;color:var(--c2);min-height:40px;display:inline-flex;align-items:center;padding:0 4px}
.sx-gr-b{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:#fff;background:linear-gradient(150deg,var(--c1),var(--c2));flex:none}
.sx-gr-b .sym{width:18px;height:18px}
.sx-chips{display:flex;flex-wrap:wrap;gap:7px}
.sx-chip{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:8px 12px 8px 10px;border-radius:12px;font-size:14px;font-weight:500;
  text-decoration:none;background:var(--ct);color:var(--c2);transition:filter .15s,transform .1s}
.sx-chip:hover{filter:brightness(.96);color:var(--c2)}
.sx-chip:active{transform:scale(.97)}
.sx-chip > .sym{width:17px;height:17px;flex:none}
.sx-chip b{font-size:11px;font-weight:700;color:#fff;background:var(--c1);border-radius:999px;padding:2px 7px}
.sx-chip-sym{display:inline-flex;font-size:16px;line-height:1}
.sx-chip-sym img{width:18px;height:18px;object-fit:contain}

/* „Melden“ – Blatt per :target, ohne Skript */
.sx-fab{display:none}
.sx-blatt{display:none;position:fixed;inset:0;z-index:2000;align-items:center;justify-content:center;padding:16px}
.sx-blatt:target,.sx-blatt.offen{display:flex}
.sx .app-hinweis{margin:16px 0 0}
.sx-blatt-hg{position:absolute;inset:0;background:rgba(20,5,5,.55);backdrop-filter:blur(3px)}
.sx-blatt-in{position:relative;background:#fff;border-radius:28px;width:min(560px,100%);max-height:calc(100dvh - 32px);overflow:auto;padding:22px 22px 24px;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.sx-blatt h2,.sx-dlg h2{font-size:22px;font-weight:700;margin:0;letter-spacing:-.01em;color:var(--sx-text,#1c1c24);padding-right:48px}
.sx-blatt p,.sx-dlg > p{font-size:14.5px;color:#5f5f6b;margin:5px 0 0}
.sx-zu{position:absolute;top:14px;right:14px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#f2f2f5;color:#1c1c24;border:0;cursor:pointer;z-index:3}
.sx-zu .sym{width:20px;height:20px}
.sx-mg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:16px}
.sx-mg .sx-fk{min-height:112px}
.sx-mg .sx-fk-wz .sym{width:88px;height:88px}
.sx-mg .sx-fk-unten b{font-size:16px}
.sx-mg .sx-fk:last-child:nth-child(odd){grid-column:span 2}

/* „Startseite anpassen“ (dialog) */
dialog.sx-dlg{margin:auto;border:0;padding:22px 22px 0;border-radius:28px;width:min(580px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;
  box-shadow:0 30px 80px rgba(0,0,0,.35);color:#1c1c24;overscroll-behavior:contain}
dialog.sx-dlg::backdrop{background:rgba(20,5,5,.55);backdrop-filter:blur(3px)}
.sx-lbl{font-size:12px;font-weight:700;letter-spacing:.08em;color:#5f5f6b;text-transform:uppercase;margin:20px 0 8px}
.sx-liste{border-top:1px solid #eeeef2}
.sx-liste .sx-leer{margin:8px 0}
.sx-zeile{display:flex;align-items:center;gap:6px;border-bottom:1px solid #eeeef2;background:#fff;touch-action:pan-y}
.sx-zeile.gewaehlt{background:#fbf3f3}
.sx-zeile.zieht{box-shadow:0 10px 24px rgba(40,10,10,.18);position:relative;z-index:2;border-radius:12px}
.sx-zieh{flex:none;width:36px;height:52px;border:0;background:none;color:#a3a3ad;cursor:grab;touch-action:none;display:grid;place-items:center}
.sx-zieh .sym{width:18px;height:18px}
.sx-zieh.leer{cursor:default}
.sx-zeile-wahl{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:8px 0;border:0;background:none;font:inherit;text-align:left;color:inherit;cursor:pointer;min-height:52px}
.sx-zeile-wahl > span:last-child{min-width:0}
.sx-zeile-wahl b{display:block;font-size:15px;font-weight:700}
.sx-zeile-wahl small{display:block;font-size:12.5px;color:#5f5f6b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sx-mini{flex:none;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:#fff;background:linear-gradient(150deg,var(--c1),var(--c2))}
.sx-mini .sym{width:20px;height:20px}
.sx-schalter{flex:none;position:relative;width:58px;height:44px;border:0;background:none;cursor:pointer;padding:0}
.sx-schalter::before{content:"";position:absolute;left:4px;top:7px;width:50px;height:30px;border-radius:99px;background:#d6d6de;transition:background .2s}
.sx-schalter::after{content:"";position:absolute;left:7px;top:10px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:left .2s}
.sx-schalter.an::before{background:var(--rot)}
.sx-schalter.an::after{left:27px}
.sx-schalter:focus-visible{outline:3px solid var(--rot-rand);outline-offset:-2px;border-radius:12px}
.sx-farben{display:flex;flex-wrap:wrap;gap:7px}
.sx-farbe{width:44px;height:44px;border-radius:13px;border:0;cursor:pointer;background:linear-gradient(150deg,var(--c1),var(--c2));color:#fff;padding:0;font:inherit}
.sx-farbe span{font-size:11px;font-weight:700}
.sx-farbe.an{box-shadow:0 0 0 3px #fff,0 0 0 5px #1c1c24}
#sxVorschau .sx-fk{min-height:118px}
.sx-hinweis{position:sticky;top:0;z-index:4;margin:0 0 8px;padding:10px 12px;border-radius:12px;background:#fff7e6;color:#8a4b00;font-size:14px;font-weight:500;box-shadow:0 6px 16px rgba(40,10,10,.12)}
.sx-dlg-fuss{display:flex;gap:10px;margin:20px -22px 0;position:sticky;bottom:0;z-index:3;background:#fff;padding:12px 22px calc(16px + env(safe-area-inset-bottom));border-top:1px solid #eeeef2}
.sx-dlg-fuss .btn{min-height:50px}
.sx-dlg-fuss .bp{flex:1}
.sx-fehler{color:#b91c1c;font-weight:700;font-size:14px;margin:0 0 14px}

@media(max-width:1000px){
  .sx-lage{grid-template-columns:repeat(2,minmax(0,1fr))!important;margin:-50px 8px 0}
  .sx-lage .sx-lk:last-child:nth-child(odd){grid-column:span 2}
  .sx-hero-rechts{flex:1 1 100%}
}
@media(max-width:700px){
  .sx-hero{margin:-16px calc(-1 * max(14px,env(safe-area-inset-left))) 0;border-radius:0 0 30px 30px;padding:20px 18px 66px}
  .sx-hero-wz{right:-40px;top:14px}
  .sx-hero-wz .sym{width:190px;height:190px}
  .sx-gruss h1{font-size:31px}
  .sx-melden{display:none}
  .sx-lage{gap:10px;margin:-46px 2px 0}
  .sx-lk{padding:13px 13px 12px;border-radius:18px}
  .sx-lk-z{font-size:25px}
  .sx-fav{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .sx-fav .s4-2,.sx-fav .s4-3,.sx-fav .s4-4{grid-column:auto}
  .sx-fav .s2-2{grid-column:span 2}
  .sx-fav.klein{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .sx-fav.klein [class*="s6-"]{grid-column:auto}
  .sx-fav.klein .s3-2{grid-column:span 2}.sx-fav.klein .s3-3{grid-column:span 3}
  .sx-fav.klein .sx-fk{min-height:100px;padding:11px;border-radius:16px}
  .sx-fav.klein .sx-fk-unten b{font-size:13.5px}
  .sx-fav.klein .sx-fk-chip{display:none}
  .sx-fk{min-height:118px;padding:14px;border-radius:20px}
  .sx-fk-unten b{font-size:16px}
  .sx-fk-wz .sym{width:86px;height:86px}
  .sx-spalten,.sx-gruppen{grid-template-columns:1fr;gap:12px}
  .sx-chip,.sx-link,.sx-pill,.sx-dk-k a,.sx-gr-k > a,.sx-dk-fuss{min-height:44px}
  .sx-fab{display:flex;position:fixed;right:16px;bottom:calc(80px + env(safe-area-inset-bottom));z-index:900;flex-direction:column;align-items:center;justify-content:center;gap:1px;
    width:64px;height:64px;border-radius:22px;color:#fff;text-decoration:none;font-size:11px;font-weight:700;
    background:linear-gradient(150deg,#ff3b3b,#b80000);box-shadow:0 12px 26px rgba(204,0,0,.45),0 0 0 4px rgba(255,255,255,.9)}
  .sx-fab .sym{width:24px;height:24px}
  .sx-fab{transition:transform .2s,opacity .2s}
  .sx-fab.sx-fab-weg{transform:translateY(130px);opacity:0;pointer-events:none}
  .sx-blatt{align-items:flex-end;padding:0}
  .sx-blatt-in{width:100%;border-radius:28px 28px 0 0;max-height:92dvh;padding-bottom:calc(24px + env(safe-area-inset-bottom))}
  dialog.sx-dlg{width:100vw;max-width:100vw;margin:auto 0 0;border-radius:28px 28px 0 0;max-height:92dvh;padding:18px 16px 0}
  .sx-dlg-fuss{margin:20px -16px 0;padding:12px 16px calc(16px + env(safe-area-inset-bottom))}
}
@media print{.sx-hero,.sx-lage,.sx-fab,.sx-blatt,.sx-dlg{display:none!important}}

/* ════════════════════════════════════════════════════════════════════════
   Seitenleiste am PC (10/2026, wie mein.arnsberg112.de, seitenleiste() in lib/layout.php):
   ab 1100 px links alle Bereiche, die Kopfleiste trägt nur noch Suche und Benutzermenü (weiß).
   html.sl-schmal klappt auf Symbole ein. Darunter bleibt alles wie bisher.
   ════════════════════════════════════════════════════════════════════════ */
.sl,.kopf-suche{display:none}
@media(min-width:1100px){
  html.mit-leiste{--sl-b:256px}
  html.mit-leiste.sl-schmal{--sl-b:76px}
  html.mit-leiste body{padding-left:var(--sl-b)}
  html.mit-leiste .sl{display:flex;flex-direction:column;position:fixed;z-index:1050;top:0;bottom:0;left:0;width:var(--sl-b);color:#fff;
    background:radial-gradient(120% 28% at 100% 0%,rgba(200,16,28,.30),transparent 65%),linear-gradient(180deg,#3d0b10,#1f0608 58%,#160406);
    box-shadow:4px 0 24px rgba(30,0,0,.16);transition:width .2s ease}
  .sl-oben{display:flex;align-items:center;gap:10px;padding:16px 12px 10px 18px;flex:none}
  .sl-logo{display:block;flex:1;min-width:0}
  .sl-logo img{display:block;width:100%;max-width:178px;height:auto;border-radius:4px}
  .sl-logo .sl-logo-klein{display:none}
  .sl-um{flex:none;display:grid;place-items:center;width:34px;height:34px;padding:0;border-radius:10px;border:0;background:rgba(255,255,255,.08);color:rgba(255,255,255,.75);cursor:pointer;transition:background .15s,color .15s}
  .sl-um:hover{background:rgba(255,255,255,.16);color:#fff}
  .sl-um:focus-visible{outline:2px solid #fff;outline-offset:1px}
  .sl-um .sym{width:18px;height:18px}
  .sl-nav{flex:1;min-height:0;overflow-y:auto;padding:2px 10px 14px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}
  .sl-kopf{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:18px 8px 6px 12px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.5)}
  .sl-aendern{font:inherit;font-size:12px;font-weight:500;letter-spacing:0;text-transform:none;color:rgba(255,255,255,.55);background:none;border:0;padding:2px 6px;margin:-2px 0;border-radius:6px;cursor:pointer;text-decoration:none}
  .sl-aendern:hover{color:#fff;background:rgba(255,255,255,.08)}
  .sl-aendern:focus-visible{outline:2px solid #fff}
  .sl-a{position:relative;display:flex;align-items:center;gap:11px;width:100%;padding:7px 12px;border-radius:10px;min-height:38px;
    color:rgba(255,255,255,.86);text-decoration:none;font:inherit;font-size:14px;font-weight:500;background:none;border:0;cursor:pointer;text-align:left;line-height:1.25;
    transition:background .15s,color .15s}
  .sl-a > .sym{width:18px;height:18px;flex:none;opacity:.9}
  .sl-t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .sl-a:hover{background:rgba(255,255,255,.08);color:#fff}
  .sl-a:focus-visible{outline:2px solid #fff;outline-offset:-2px}
  .sl-a.aktiv{background:linear-gradient(150deg,#ff3b3b,#b80000);color:#fff;font-weight:700;box-shadow:0 8px 18px rgba(204,0,0,.35)}
  .sl-zahl{margin-left:auto;min-width:20px;padding:0 6px;border-radius:999px;background:#ffd400;color:#3a2a00;font-size:11px;font-weight:700;line-height:20px;text-align:center}
  .sl-a.aktiv .sl-zahl{background:#fff;color:#b80000}
  /* Favoriten: Farbe der Kachel als Strich links */
  .sl-fav::before{content:"";position:absolute;left:4px;top:10px;bottom:10px;width:3px;border-radius:3px;background:var(--fc,#94a3b8)}
  .sl-fav.aktiv::before{background:rgba(255,255,255,.9)}
  /* Alle Bereiche: zugeklappte Gruppen */
  .sl-gr{margin:1px 0}
  .sl-gk{list-style:none;font-weight:600;color:#fff}
  .sl-gk::-webkit-details-marker{display:none}
  .sl-gk::marker{content:""}
  .sl-gs{display:grid;place-items:center;width:26px;height:26px;margin:-2px 0;border-radius:8px;background:var(--gc);flex:none;box-shadow:0 2px 6px rgba(0,0,0,.28)}
  .sl-gs .sym{width:15px;height:15px;color:#fff}
  .sl-anz{margin-left:auto;font-size:12px;font-weight:500;color:rgba(255,255,255,.42)}
  .sl-pfeil{display:grid;place-items:center;flex:none;color:rgba(255,255,255,.45);transition:transform .2s ease}
  .sl-pfeil .sym{width:16px;height:16px}
  .sl-gr[open] > .sl-gk .sl-pfeil{transform:rotate(180deg)}
  .sl-gr[data-sl-aktiv] > .sl-gk{background:rgba(255,255,255,.06)}
  .sl-gi{margin:2px 0 8px 24px;padding-left:6px;border-left:1px solid rgba(255,255,255,.12)}
  .sl-gi .sl-a{padding:7px 10px;min-height:36px}
  /* Personenkarte unten */
  .sl-fuss{flex:none;display:flex;align-items:center;gap:6px;margin:8px 10px 12px;padding:7px;border-radius:14px;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.08)}
  .sl-fuss form{margin:0}
  .sl-person{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:3px;border-radius:10px;color:#fff;text-decoration:none}
  .sl-person:hover{background:rgba(255,255,255,.07)}
  .sl-person:focus-visible{outline:2px solid #fff}
  .sl-av{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;flex:none;background:linear-gradient(150deg,#ff3b3b,#b80000);font-size:13px;font-weight:700;letter-spacing:.02em}
  .sl-person.aktiv .sl-av{box-shadow:0 0 0 2px #fff}
  .sl-pt{min-width:0;display:flex;flex-direction:column;line-height:1.25}
  .sl-pt b,.sl-pt small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .sl-pt b{font-size:13.5px;font-weight:700}
  .sl-pt small{font-size:11.5px;color:rgba(255,255,255,.55)}
  .sl-ik{position:relative;display:grid;place-items:center;width:34px;height:34px;padding:0;flex:none;border-radius:10px;border:0;background:rgba(255,255,255,.08);color:rgba(255,255,255,.8);cursor:pointer;transition:background .15s,color .15s}
  .sl-ik:hover{background:rgba(255,255,255,.16);color:#fff}
  .sl-ik:focus-visible{outline:2px solid #fff;outline-offset:1px}
  .sl-ik.aktiv{background:#c40000;color:#fff}
  .sl-ik .sym{width:17px;height:17px}
  .sl-ik .sl-zahl{position:absolute;top:-6px;right:-6px;min-width:16px;line-height:16px;padding:0 4px}
  .sl-ab{color:#fecaca}
  /* Eingeklappt: nur Symbole */
  html.sl-schmal .sl-t,html.sl-schmal .sl-anz,html.sl-schmal .sl-pfeil,html.sl-schmal .sl-gi,html.sl-schmal .sl-pt,html.sl-schmal .sl-kopf > *{display:none}
  html.sl-schmal .sl-oben{flex-direction:column;padding:14px 8px 6px}
  html.sl-schmal .sl-logo{flex:none}
  html.sl-schmal .sl-logo .sl-logo-gross{display:none}
  html.sl-schmal .sl-logo .sl-logo-klein{display:block;width:44px;height:44px;border-radius:11px;margin:0 auto;box-shadow:0 4px 12px rgba(0,0,0,.35)}
  html.sl-schmal .sl-um .sym{transform:rotate(180deg)}
  html.sl-schmal .sl-kopf{padding:0;margin:10px 12px;border-top:1px solid rgba(255,255,255,.14)}
  html.sl-schmal .sl-a{justify-content:center;padding:8px 0}
  html.sl-schmal .sl-zahl{position:absolute;top:2px;right:6px;min-width:16px;line-height:16px;font-size:11px;padding:0 4px}
  html.sl-schmal .sl-fav::before{left:2px}
  html.sl-schmal .sl-fuss{flex-direction:column;margin:8px 8px 12px;padding:6px}
  html.sl-schmal .sl-person{flex:none;padding:2px}
  /* Kopfleiste: weiß, ohne Logo und Menü – die stehen in der Leiste */
  html.mit-leiste .kopf{background:rgba(255,255,255,.97);color:var(--text);box-shadow:0 1px 0 var(--border);border-bottom:0;backdrop-filter:blur(8px)}
  html.mit-leiste .kopf-innen{max-width:none;padding-left:28px;padding-right:28px}
  html.mit-leiste .kopf-logo,html.mit-leiste .kopf-nav,html.mit-leiste .menue-knopf{display:none!important}
  html.mit-leiste .kopf-nutzer{display:block;margin-left:auto}
  html.mit-leiste .nutzer-knopf{background:#f3f3f6;border-color:var(--border);color:var(--text)}
  html.mit-leiste .nutzer-knopf:hover{background:#ebebef}
  html.mit-leiste .nutzer-kreis{background:var(--rot);color:#fff}
  html.mit-leiste .kopf-suche{display:flex;position:relative;flex:0 1 460px;min-width:0;margin:0}
  .kopf-suche > .sym{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#6b6b76;pointer-events:none;width:18px;height:18px;z-index:1}
  html.mit-leiste .kopf .kopf-suche input{width:100%;height:42px;min-height:0;border:1.5px solid var(--feld-rand);border-radius:12px;background:#f8f8fa;padding:0 14px 0 40px;font:inherit;font-size:15px;color:var(--text)}
  html.mit-leiste .kopf .kopf-suche input:focus{border-color:var(--rot);background:#fff;box-shadow:0 0 0 3px rgba(179,0,0,.12)}
  html.mit-leiste .seite{max-width:1240px}
}
@media print{.sl,.kopf-suche{display:none!important}html.mit-leiste body{padding-left:0!important}}

/* Startseite: Treffer der Suche direkt unter dem Kopfbereich (wie Arnsberg); die übrige Seite tritt zurück */
.sx.sucht > :not(.sx-hero):not(#sxTreffer){display:none!important}
.sx-treffer{margin-top:22px}
.sx-tr-kopf{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;margin:0 4px 12px;font-size:15px;color:var(--sx-grau)}
.sx-tr-kopf b{color:var(--sx-text);font-size:17px}
.sx-tr-kopf .sx-link{margin-left:auto}
.sx-tr-spalten{margin-top:0}
.sx-tr-gr{--c1:var(--rot);--c2:var(--rot-dunkel);--ct:var(--rot-hell)}
.sx-zl > .sym{width:18px;height:18px;color:#c4c4cc;flex:none}
.sx-tr-alle{margin-top:10px}
.sx.sucht .sx-hero{padding-bottom:26px}
@media(max-width:700px){.sx.sucht .sx-hero{padding-bottom:20px}}

/* ════════════════════════════════════════════════════════════════════════
   Seitentitel aller Seiten als dunkelroter Kopf wie die Startseite (10/2026, wie Arnsberg
   „.page-hero“, „aus einem Guss“): .seite-titel aus seite_kopf(). Am Handy schließt er bündig an
   die Kopfleiste an, wenn er das Erste in <main> ist (nur unten rund); nach einem Hinweis-Balken
   bleibt er eine runde Karte. Knöpfe darin: bp bleibt rot, bs weiß auf dunkel.
   ════════════════════════════════════════════════════════════════════════ */
.seite-titel{position:relative;overflow:hidden;color:#fff;border-radius:24px;padding:22px 26px;margin-bottom:22px;align-items:center;
  background:radial-gradient(120% 120% at 100% 0%,rgba(230,20,30,.45),transparent 55%),linear-gradient(160deg,#5e0000 0%,#2a0505 70%,#160303 100%);
  box-shadow:0 10px 26px rgba(40,0,0,.16)}
.seite-titel::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 2px,transparent 2px 16px)}
.seite-titel > *{position:relative}
.seite-titel h1{color:#fff;font-weight:700;letter-spacing:-.015em}
.seite-titel p{color:rgba(255,255,255,.78)}
.seite-titel .hilfe-knopf{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.35);color:#fff;align-self:center}
.seite-titel .hilfe-knopf:hover{color:#fff;border-color:rgba(255,255,255,.6)}
.seite-titel .hilfe-knopf[aria-pressed="true"]{background:#fff;color:var(--rot-dunkel);border-color:#fff}
.seite-titel .btn.bs{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.35);color:#fff;box-shadow:none}
.seite-titel .btn.bs:hover{background:rgba(255,255,255,.2);color:#fff}
.seite-titel .btn.bp{background:linear-gradient(150deg,#ff3b3b,#b80000);box-shadow:0 8px 18px rgba(204,0,0,.4)}
.seite-titel .btn.bd{background:#fff;color:#b91c1c;border-color:#fff}
.seite-titel a:not(.btn){color:#fff}
@media(max-width:700px){
  .seite > .seite-titel:first-child{margin:-16px calc(-1 * max(14px,env(safe-area-inset-left))) 14px;border-radius:0 0 24px 24px;padding:18px max(18px,env(safe-area-inset-left)) 20px}
  .seite-titel{padding:18px;border-radius:20px}
  .seite-titel > .hilfe-knopf{top:14px;right:14px}
  .seite-titel:has(> .hilfe-knopf) > div:first-child{padding-right:58px}
  .seite-titel h1{overflow-wrap:anywhere;hyphens:auto}
}
@media print{.seite-titel{background:none;color:#000;box-shadow:none;padding:0}.seite-titel::before{display:none}.seite-titel h1{color:#000}}
.sx-q-bereiche{--c1:#8b5cf6;--c2:#4c1d95;--ct:#f1ebfd}.sx-q-dokumente{--c1:#a16207;--c2:#4a2a06;--ct:#f6efe2}.sx-q-news{--c1:#22a251;--c2:#0d5f2e;--ct:#e5f5ea}
.sx-q-termine{--c1:#2f6bf0;--c2:#1736a3;--ct:#e8eefc}.sx-q-aufgaben{--c1:#0f9b8e;--c2:#0a5a55;--ct:#e2f4f1}.sx-q-links{--c1:#3f3f46;--c2:#09090b;--ct:#ececee}

/* ════════════════════════════════════════════════════════════════════════
   Formulare im neuen Design (10/2026, „alle aus einem Guss“): Formularkopf wie der Kopfbereich der
   Startseite (dunkelrot, Streifen, Symbol im hellen Feld), Körper als runde Karte mit weichem Schatten,
   Abschnitte als helles Band mit roter Kante, Hauptknöpfe mit Farbverlauf (wie Arnsberg „Gestaltung v2“).
   Gilt für jedes .formular (Verbandbuch, Beschaffung, KFZ, Dienstfahrt, Einsatz, Lage, AAO, BSW …).
   ════════════════════════════════════════════════════════════════════════ */
.formular .formular-kopf,.formular.kfz .formular-kopf,.formular.df .formular-kopf,.formular.lb .formular-kopf,.formular.eb .formular-kopf,.formular.af .formular-kopf{
  position:relative;overflow:hidden;border-radius:24px 24px 0 0;padding:24px 26px;
  background:radial-gradient(120% 120% at 100% 0%,rgba(230,20,30,.45),transparent 55%),linear-gradient(160deg,#5e0000 0%,#2a0505 70%,#160303 100%)}
.formular .formular-kopf::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 2px,transparent 2px 16px)}
.formular .formular-kopf > *{position:relative}
.formular .formular-kopf .fk-sym{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);border-radius:16px}
.formular .formular-kopf h1,.formular .formular-kopf h2{color:#fff;font-weight:700;letter-spacing:-.015em}
.formular .formular-kopf p{color:rgba(255,255,255,.8)}
.formular .formular-koerper{border-radius:0 0 24px 24px;border-color:#e6e6ea;box-shadow:0 2px 10px rgba(40,10,10,.06),0 12px 30px rgba(40,10,10,.06)}
.formular .vb-abschnitt,.formular .ff-ueberschrift,.formular .kfz-abschnitt > legend{background:#fbf3f3;border-left:4px solid var(--rot);border-radius:10px;color:var(--rot-tief)}
.bp{background:linear-gradient(150deg,#d81e1e,#9e0000);border-color:transparent;box-shadow:0 6px 14px rgba(160,0,0,.28)}
.bp:hover{background:linear-gradient(150deg,#c81515,#850000)}
.bp:disabled,.bp[aria-disabled="true"]{filter:grayscale(.4);opacity:.7;box-shadow:none}
@media(max-width:700px){
  .formular .formular-kopf,.formular.kfz .formular-kopf,.formular.df .formular-kopf,.formular.lb .formular-kopf,.formular.eb .formular-kopf,.formular.af .formular-kopf{border-radius:22px 22px 0 0;padding:18px}
  body:not(.start) .formular .formular-koerper{border-radius:0 0 22px 22px}
}
@media print{.formular .formular-kopf{background:none;color:#000;padding:0}.formular .formular-kopf::before{display:none}.formular .formular-kopf h1{color:#000}}
/* iOS zoomt bei Schrift unter 16 px in Eingabefelder hinein – auch dort, wo eine Klassenregel kleiner setzt
   (Einsatzbericht-, Lehrgangs-, Leitstellen-, Aufgaben-Auswahl, GBU-Tabellen; Arnsberg 10/2026 ebenso) */
@media(max-width:700px){
  html body :is(input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]),select,textarea){font-size:16px}
  .gbu-tab input,.gbu-tab textarea,.gbu-tab select,.gbue-z select,.gbue-z input{font-size:16px!important}
}
/* Handy: Tippflächen mindestens 40–44 px (Prüfung 25.10.2026) – Aufklapper, Kurzlinks, kleine Knöpfe */
@media(max-width:700px){
  body.start .fuss{padding-bottom:calc(92px + env(safe-area-inset-bottom))}   /* Platz für den runden „Melden“-Knopf */
  .bsm{min-height:40px}
  .hilfe-knopf{height:40px}
  .lb-baustein,.kfz-werkzeuge > button{min-height:40px}
  nav.reiter > a{min-height:44px;display:inline-flex;align-items:center}
  details.card > summary,details.si-daten > summary,details.bu-v-mehr > summary,details.lg-ohne-k > summary,
  details.lg-neu-person > summary,details.lgv-mehr > summary,details.zk-unten > summary{min-height:44px;padding-top:10px;padding-bottom:10px;box-sizing:border-box}
  .sec-rechts > a,.eb-fass-a > a,.fuss > a,a.gbu-wahl-l,.lg-mini > a,a.si-ip,a.si-wer,.lgb-abf-kurz li > a,.tbl td > a:only-child{display:inline-flex;align-items:center;min-height:40px}
  /* Nachtrag Runde 17: Prüfung aller Seiten bei 390 px */
  .si-erl-form .btn,.si-chip,form.si-leiste > a,a.bn-sicht,a.kal-heute,a.td-zurueck,a.lg-js-p,button.zk-chip,a.nw-wa,button.nw-teil{min-height:40px}
  .haken-zeile,.lts-an label{min-height:44px;display:flex;align-items:center}
  details.si-wh > summary,details.lgb-ablehnen > summary,details.ps-neu > summary,details.bsw-aendern > summary,details.lts-filter > summary{min-height:44px;display:flex;align-items:center;box-sizing:border-box}
  .hint a{padding:11px 0}   /* Tippfläche ohne Einfluss auf die Zeilenhöhe – inline-flex zog den Hinweis auseinander */
  .nw-meta a,.lgb-warte-a > a,.bu-verlauf b > a,.kal-verlauf b > a{display:inline-flex;align-items:center;min-height:40px}
}

/* Lehrgänge: Korrektur melden (10/2026, „keinen Ändern- oder Fehler-melden-Knopf gefunden“) */
.lg-korr{display:inline-flex;align-items:center;min-height:28px;margin-left:6px;font-size:12.5px;font-weight:500;color:var(--rot);text-decoration:underline;text-underline-offset:2px;white-space:nowrap}
.lg-korr:hover{color:#7a0000}
.lg-tn-name .lg-korr{margin-left:0;display:flex;width:max-content}
.lg-korr-hinweis{display:flex;align-items:center;gap:6px;margin:10px 4px 0}
.lg-korr-hinweis .sym{width:16px;height:16px;color:var(--rot);flex:none}
.lg-korr-form textarea{width:100%}
.lg-korr-dl{margin:6px 0 14px}
@media(max-width:700px){.lg-korr{min-height:44px;margin-left:0}}

/* Ehrungen & Beförderungen (ehrungen.php, 10/2026) */
.eh-reiter{display:flex;gap:6px;flex-wrap:wrap;background:#fff;border:1px solid var(--border);border-radius:14px;padding:5px;margin-bottom:16px}
.eh-reiter a{flex:1 1 auto;display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 14px;border-radius:10px;color:var(--text);text-decoration:none;font-weight:700;font-size:14px}
.eh-reiter a .sym{width:17px;height:17px}
.eh-reiter a.aktiv{background:linear-gradient(150deg,#d10000,#a00000);color:#fff}
@media (hover:hover){.eh-reiter a:not(.aktiv):hover{background:var(--soft)}}
.eh-zeilen{display:flex;flex-direction:column;gap:8px;margin:4px 0 8px}
.eh-z{display:grid;grid-template-columns:1.2fr 1fr 1.3fr 1.3fr auto;gap:8px;align-items:end;padding:10px;border:1px solid var(--border);border-radius:12px;background:#fff}
.eh-z .fl{margin:0;min-width:0}
.eh-z .fl > span{font-size:12px}
.eh-z input,.eh-z select{width:100%;min-width:0}
.eh-weg{min-height:44px;min-width:44px;padding:0;justify-content:center}
.eh-plus{margin:0 0 18px}
.eh-an{margin:4px 0 10px 18px;padding:0}
.eh-kz{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:0 0 14px}
.eh-kz > div{background:#fff;border:1px solid var(--border);border-radius:14px;padding:12px 14px;box-shadow:var(--schatten-k)}
.eh-kz b{display:block;font-size:26px;line-height:1.1}
.eh-kz span{color:var(--muted);font-size:13px}
.eh-kz .eh-kz-offen b{color:var(--rot)}
.eh-ohne{background:#fff8e6;border:1px solid #f1d38a;border-radius:12px;padding:10px 14px;margin:0 0 14px;font-size:14px}
.eh-filter{display:flex;gap:12px;flex-wrap:wrap;align-items:end}
.eh-filter .fl{margin:0;flex:1 1 180px}
.eh-sum{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.eh-sum h3{font-size:15px;margin:0 0 8px}
.eh-sumtab{table-layout:fixed}
.eh-sumtab td:last-child,.eh-sumtab th:last-child{width:90px;text-align:right;font-variant-numeric:tabular-nums}
.eh-summe td{font-weight:800;border-top:2px solid var(--border)}
.eh-tab tr.eh-doppelt td{background:#fff1f1}
.eh-h3{font-size:15px;margin:14px 0 6px}
.eh-klein{font-size:13px}
@media(max-width:700px){
  .eh-z{grid-template-columns:1fr 1fr;position:relative;padding-right:56px}
  .eh-weg{position:absolute;top:8px;right:8px}
  .eh-sum{grid-template-columns:1fr}
  .eh-reiter a{flex:1 1 30%;padding:8px 6px;font-size:13px;flex-direction:column;gap:2px;min-height:52px}
}
/* Ehrungen: eigene Meldungen als Reiter statt unter dem Formular */
.eh-reiter a{position:relative}
.eh-zahl{font-style:normal;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:#e3e6ec;color:#3a4150;font-size:12px;display:inline-flex;align-items:center;justify-content:center}
.eh-reiter a.aktiv .eh-zahl{background:#fff;color:#3a4150}
.eh-gem-kopf{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.eh-gem-kopf .sec{margin:0}
.eh-gemeldet .eh-h3:first-of-type{margin-top:4px}
.eh-schon{display:flex;align-items:center;gap:10px;padding:11px 14px;margin:0 0 14px;border-radius:12px;background:#eef8f0;border:1px solid #b9e0c2;color:#1d5e2c;text-decoration:none;font-size:14px}
.eh-schon .sym{width:18px;height:18px;flex:0 0 auto}
.eh-schon-l{margin-left:auto;font-weight:700;white-space:nowrap}
@media (max-width:700px){.eh-reiter a .eh-zahl{position:absolute;top:4px;right:8px}}
.eb-fehlt{outline:2px solid #c40000;outline-offset:1px;background:#fff1f1}
.lts-e2 .badge{font-size:11px;padding:1px 6px;vertical-align:1px}
/* „Zurück“-Knöpfe (knopf() mit Symbol zurueck) als schlichter Link statt gleichwertigem Knopf */
.seite-aktionen .btn.b-zurueck{background:transparent;border-color:transparent;box-shadow:none;font-weight:500}
.seite-titel .seite-aktionen .btn.b-zurueck{color:rgba(255,255,255,.9)}
.seite-aktionen .btn.b-zurueck:hover{text-decoration:underline}
@media (max-width:700px){
  .seite-aktionen:has(> .b-zurueck:only-child){display:flex}
  .seite-aktionen > .btn.b-zurueck:only-child{width:auto;min-height:40px;padding:0 4px;flex-direction:row}
}
/* Gefährdungsbeurteilung am Handy: je Zeile eine Karte mit Feldern untereinander statt einer 940 px breiten Tabelle */
@media (max-width:700px){
  .gbu-tab-wrap{overflow:visible;border:none}
  .gbu-tab{min-width:0;display:block}
  .gbu-tab thead{display:none}
  .gbu-tab tbody{display:flex;flex-direction:column;gap:12px}
  .gbu-tab tr{display:block;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#fff;position:relative}
  .gbu-tab td{display:block;width:auto;border-right:none;border-bottom:1px solid var(--border)}
  .gbu-s-nr input{text-align:left}
  .gbu-tab tr td:last-child{border-bottom:none}
  .gbu-tab td[data-label]::before{content:attr(data-label);display:block;font-size:12px;font-weight:700;color:var(--grau,#5b6372);padding:7px 10px 0}
  .gbu-tab td.gbu-s-weg{position:absolute;top:4px;right:4px;border:none;background:transparent!important}
  .gbu-tab textarea{min-height:56px!important}
  .gbu-tab textarea,.gbu-tab input{overflow-wrap:break-word;word-break:normal;hyphens:auto}
}
label.fl > span.gbu-datum,.gbu-datum{margin:0;font-weight:400;font-size:inherit;color:inherit;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:center}
.gbu-datum input[type=date]{grid-column:1/-1;min-width:0}
.gbu-datum input[type=time]{min-width:0}
.fl .gbu-datum>span,.gbu-datum>span{display:inline;margin:0;font-weight:500;font-size:13px;color:var(--grau,#5b6372)}
.eh-reiter-unter{padding:14px 18px 0;background:#fff}.eh-reiter-unter .eh-reiter{margin-bottom:0}

/* ════════════════════════════════════════════════════════════════════════
   Anthrazit statt Dunkelrot (27.10.2026, „in Arnsberg ist das Design stimmiger, professioneller –
   etwas andere Farben“): die großen dunklen Flächen (Seitenleiste, Kopfbereich der Startseite,
   Seitentitel, Formularkopf, Kopfleiste am Handy, Schublade) sind ein ruhiges Anthrazit mit leichtem
   Blaustich – Silber aus dem Wappen. Rot bleibt die Farbe der Handlung (aktiver Eintrag, „Melden“,
   Hauptknöpfe) und leuchtet nur noch als Schein oben rechts. Logo als weißer Schriftzug mit Wappen.
   ════════════════════════════════════════════════════════════════════════ */
:root{--nacht:#141820;--nacht-2:#1d232d;--nacht-3:#2a313d;--nacht-glanz:rgba(214,28,36,.34)}
.wortmarke{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;line-height:1;min-width:0}
.wortmarke img{flex:none;width:30px;height:auto;filter:drop-shadow(1px 0 0 #fff) drop-shadow(-1px 0 0 #fff) drop-shadow(0 1px 0 #fff) drop-shadow(0 -1px 0 #fff) drop-shadow(0 3px 6px rgba(0,0,0,.4))}
.wortmarke > span{display:flex;flex-direction:column;min-width:0}
.wortmarke small{font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.72)}
.wortmarke b{font-size:21px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-top:3px}
.kopf-logo .wortmarke b{font-size:19px}
.kopf-logo img{box-shadow:none;border-radius:0}
.kopf{background:linear-gradient(120deg,var(--nacht) 0%,var(--nacht-2) 60%,var(--nacht-3) 100%);box-shadow:0 2px 12px rgba(10,14,20,.28);border-bottom:3px solid var(--rot)}
.schublade-panel{background:linear-gradient(180deg,var(--nacht-2),var(--nacht))}
.nav-a.aktiv{color:var(--nacht)}
.nutzer-kreis{color:var(--rot)}
@media(min-width:1100px){
  html.mit-leiste .sl{background:radial-gradient(120% 26% at 100% 0%,var(--nacht-glanz),transparent 65%),linear-gradient(180deg,#1f252f,var(--nacht) 62%,#0f1217);
    box-shadow:4px 0 24px rgba(10,14,20,.18)}
  .sl-logo{text-decoration:none}
  .sl-logo .wortmarke img{width:34px}
  .sl-fuss{background:rgba(255,255,255,.04)}
}
.sx-hero{background:radial-gradient(110% 95% at 100% 0%,var(--nacht-glanz),transparent 58%),
  radial-gradient(80% 70% at 0% 100%,rgba(190,198,210,.12),transparent 60%),
  linear-gradient(160deg,#2a313d 0%,#1a1f28 62%,#11141a 100%)}
.sx-gruss h1 span{background:linear-gradient(90deg,#fff,#ff9d9d);-webkit-background-clip:text;background-clip:text;color:transparent}
.seite-titel{background:radial-gradient(120% 130% at 100% 0%,var(--nacht-glanz),transparent 55%),linear-gradient(160deg,#2a313d 0%,#1a1f28 70%,#11141a 100%);
  box-shadow:0 10px 26px rgba(10,14,20,.16)}
.formular .formular-kopf,.formular.kfz .formular-kopf,.formular.df .formular-kopf,.formular.lb .formular-kopf,.formular.eb .formular-kopf,.formular.af .formular-kopf,.ak-kopf{
  background:radial-gradient(120% 130% at 100% 0%,var(--nacht-glanz),transparent 55%),linear-gradient(160deg,#2a313d 0%,#1a1f28 70%,#11141a 100%)}
.seite-titel .hilfe-knopf[aria-pressed="true"]{color:var(--nacht)}
.sx-lk{box-shadow:0 14px 34px rgba(16,20,28,.13),0 2px 6px rgba(16,20,28,.06)}
@media(hover:hover){.sx-lk:hover{box-shadow:0 18px 40px rgba(16,20,28,.18)}}
.formular .formular-koerper{box-shadow:0 2px 10px rgba(16,20,28,.06),0 12px 30px rgba(16,20,28,.06)}
.fuss{background:var(--nacht)}
.ak-kopf .ak-marke{justify-content:center}
.ak-kopf .ak-marke img{width:44px;height:auto;box-shadow:none;border-radius:0}
.ak-kopf .ak-marke small{font-size:12.5px}
.ak-kopf .ak-marke b{font-size:27px}

/* ════════════════════════════════════════════════════════════════════════
   Aus einem Guss (27.10.2026, „wie eine Software, durchdacht, nicht überfrachtet – nur das sehen,
   was man primär braucht, Unwichtiges für ab und zu öffnen lassen“)
   ════════════════════════════════════════════════════════════════════════ */
/* Zuklappbare Abschnitte (Startseite „Alle Bereiche“, „Links & Dienste“): Kopfzeile wie eine Überschrift,
   rechts Pfeil; zugeklappt eine ruhige Zeile mit Rand */
.sx-klapp > summary{list-style:none;cursor:pointer;margin:0;padding:14px 16px;border:1px solid var(--sx-linie);border-radius:18px;background:#fff;
  box-shadow:0 1px 3px rgba(16,20,28,.04);justify-content:flex-start;gap:10px}
.sx-klapp > summary::-webkit-details-marker{display:none}
.sx-klapp > summary::marker{content:""}
.sx-klapp > summary h2{font-size:17px}
.sx-klapp > summary small{margin-left:auto}
.sx-klapp > summary > .sym{width:20px;height:20px;color:var(--sx-grau);transition:transform .2s}
.sx-klapp[open] > summary{border-color:transparent;background:none;box-shadow:none;padding:0 4px;margin-bottom:13px}
.sx-klapp[open] > summary > .sym{transform:rotate(180deg)}
@media(hover:hover){.sx-klapp:not([open]) > summary:hover{border-color:#cfd3db}}
.sx-klapp > summary:focus-visible{outline:3px solid var(--rot-rand);outline-offset:2px}
/* Kästen der Startseite ohne Lücken: zwei Spalten, die sich von oben füllen */
@media(min-width:701px){
  .sx-spalten{display:block;columns:2;column-gap:16px}
  .sx-spalten > .sx-dk{break-inside:avoid;margin-bottom:16px;display:block}
}
/* Abschnittsüberschriften überall wie die Kästen der Startseite: Symbol im getönten Feld statt rotem Strich */
.sec::before{display:none}
.sec > .sym:first-child{box-sizing:content-box;width:17px;height:17px;padding:7px;border-radius:10px;background:var(--rot-hell);color:var(--rot);flex:none}
/* Einsatzbereitschaft am PC: Wachen, an denen alles einsatzbereit ist, kompakt – Fahrzeuge als kleine Marken,
   ohne Kennzeichen. Nur was nicht grün ist, nimmt Platz ein. (Am Handy klappen solche Wachen ganz zu.) */
@media(min-width:701px){
  .fz-alles-gruen .fz-pillen{flex-direction:row;flex-wrap:wrap;gap:5px}
  .fz-alles-gruen .fz-pille{width:auto;padding:4px 9px;border-left-width:3px;border-radius:8px}
  .fz-alles-gruen .fz-name{font-size:13px;gap:6px}
  .fz-alles-gruen .fz-kz,.fz-alles-gruen .fz-info{display:none}
}
/* Ablauf der BSW unten auf der Seite: zugeklappt nur die Überschrift */
.bsw-weg-klapp > summary{list-style:none;cursor:pointer;margin:0}
.bsw-weg-klapp > summary::-webkit-details-marker{display:none}
.bsw-weg-klapp > summary::marker{content:""}
.bsw-weg-klapp > summary > .sym:last-child{margin-left:auto;color:var(--muted);transition:transform .2s}
.bsw-weg-klapp[open] > summary > .sym:last-child{transform:rotate(180deg)}
.bsw-weg-klapp:not([open]) > summary{margin-bottom:0}
/* News: Teilen leise am Ende der Meldung statt einer grauen Leiste */
.nw-teilen{justify-content:flex-end;background:none;padding-top:8px;padding-bottom:12px}
.nw-wa,.nw-teil{min-height:32px;padding:5px 12px;font-size:12.5px}
.nw-wa{background:#fff;color:#0d7a3e;border:1px solid #bfe8cf}
@media(hover:hover){.nw-wa:hover{background:#effbf3}.nw-teil:hover{border-color:#cfd3db}}
@media(max-width:700px){.sx-klapp > summary small{display:none}.sx-klapp > summary h2{white-space:nowrap}.sx-klapp > summary > .sym{margin-left:auto}}

/* ════════════════════════════════════════════════════════════════════════
   Ticket-System (tickets.php, 10/2026) – Klassen .tkt-*  (.tk-* gehört den Aufgaben)
   ════════════════════════════════════════════════════════════════════════ */
.tkt-test{margin:0 0 14px}
.tkt-einl{margin:0 0 14px}
/* Übersicht: Stand-Chips, Suche, Filter in einer Zeile */
.tkt-filter{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 12px}
.tkt-stand-chips{display:inline-flex;background:#fff;border:1px solid var(--border);border-radius:999px;padding:3px}
.tkt-stand-chips a{padding:7px 14px;border-radius:999px;text-decoration:none;color:var(--muted);font-weight:700;font-size:14px;min-height:36px;display:inline-flex;align-items:center}
.tkt-stand-chips a.aktiv{background:var(--nacht,#1d232d);color:#fff}
.tkt-suche{flex:1 1 240px;display:flex;align-items:center;gap:8px;background:#fff;border:1.5px solid var(--border);border-radius:12px;padding:0 12px;min-height:44px}
.tkt-suche:focus-within{border-color:var(--rot)}
.tkt-suche .sym{width:18px;height:18px;color:var(--muted);flex:none}
.tkt-suche input{border:none!important;box-shadow:none!important;padding:8px 0;min-width:0;flex:1;background:none}
.tkt-mehr-filter{flex-basis:100%}
.tkt-mehr-filter > summary{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-weight:700;font-size:14px;color:var(--muted);min-height:36px;list-style:none}
.tkt-mehr-filter > summary::-webkit-details-marker{display:none}
.tkt-mehr-filter > summary .sym{width:16px;height:16px}
.tkt-filter-felder{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.tkt-filter-felder .fl{flex:1 1 200px;margin:0}
.tkt-zahl{margin:0 0 8px;font-size:13px;color:var(--muted)}
.tkt-z{border-left-width:4px}
.tkt-p0{border-left-color:var(--rot)}.tkt-p1{border-left-color:#e0a100}.tkt-p2{border-left-color:var(--blau,#2563eb)}.tkt-p3{border-left-color:var(--border)}
.tkt-erl .zk-t b{color:var(--muted)}
.tkt-leer{text-align:center;padding:30px 16px}
.tkt-leer > .sym{width:34px;height:34px;color:var(--muted)}
.tkt-leer p{color:var(--muted);margin:8px 0 14px}
.tkt-seiten{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}
.tkt-seiten a{min-width:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:10px;background:#fff;text-decoration:none;color:var(--text);font-weight:700}
.tkt-seiten a.aktiv{background:var(--rot);border-color:var(--rot);color:#fff}
/* Neues Ticket: Bereich wählen */
.tkt-bereiche{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.tkt-bereich{--b-h:#fdecec;--b-f:#dc2626;--b-d:#8f1111;position:relative;overflow:hidden;display:flex;align-items:center;gap:14px;padding:16px 16px 16px 14px;
  border-radius:18px;background:linear-gradient(135deg,#fff 55%,var(--b-h));border:1px solid color-mix(in srgb,var(--b-f) 22%,#fff);
  box-shadow:0 1px 2px rgba(15,23,42,.06),0 6px 18px -10px color-mix(in srgb,var(--b-f) 55%,transparent);
  text-decoration:none;color:var(--text);min-height:78px;transition:transform .15s,box-shadow .15s}
.tkt-bereich::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:4px;border-radius:0 4px 4px 0;background:var(--b-f)}
.tkt-b-sym{flex:none;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:#fff;
  background:linear-gradient(145deg,var(--b-f),var(--b-d));box-shadow:0 8px 16px -8px var(--b-f)}
.tkt-b-sym .sym{width:24px;height:24px}
.tkt-b-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;position:relative;z-index:1}
.tkt-b-t b{font-size:15.5px;line-height:1.25;overflow-wrap:anywhere}
.tkt-b-t small{font-size:12.5px;color:var(--b-d);font-weight:500;opacity:.85}
.tkt-b-pf{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--b-h);color:var(--b-d);position:relative;z-index:1;transition:transform .15s}
.tkt-b-pf .sym{width:15px;height:15px}
.tkt-b-wz{position:absolute;right:-14px;bottom:-18px;color:var(--b-f);opacity:.09;pointer-events:none}
.tkt-b-wz .sym{width:96px;height:96px}
@media(hover:hover){.tkt-bereich:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(15,23,42,.06),0 14px 26px -12px var(--b-f)}
  .tkt-bereich:hover .tkt-b-pf{transform:translateX(3px);background:var(--b-f);color:#fff}}
.tkt-bereich:active{transform:scale(.985)}
.tkt-bereich:focus-visible{outline:3px solid var(--b-f);outline-offset:2px}
@media(max-width:700px){.tkt-bereiche{grid-template-columns:1fr;gap:10px}.tkt-bereich{min-height:70px;padding:12px 12px 12px 12px}.tkt-b-sym{width:44px;height:44px}}
.tkt-gewaehlt{--b-h:#fdecec;--b-f:#dc2626;--b-d:#8f1111;display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 16px;padding:10px 14px 10px 10px;
  background:linear-gradient(135deg,var(--b-h),#fff);border:1px solid color-mix(in srgb,var(--b-f) 25%,#fff);border-radius:14px}
.tkt-gewaehlt .tkt-b-sym{width:40px;height:40px;border-radius:12px}
.tkt-vorlage{border:1.5px solid var(--b-f)}
.tkt-vorlage-hinweis{display:flex;align-items:center;gap:10px;margin:-6px 0 16px;padding:10px 14px;border-radius:12px;background:#f1ebfd;color:#4c1d95;text-decoration:none;border:1px dashed #a78bfa}
.tkt-vorlage-hinweis .sym{width:20px;height:20px;flex:none}
.tkt-vorlage-hinweis span{flex:1}
.tkt-art{border:0;padding:0;margin:0 0 6px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}
.tkt-art legend{grid-column:1/-1;width:100%;margin-bottom:8px}
.tkt-art-k{position:relative;display:flex;align-items:flex-start;gap:12px;padding:14px;border:1.5px solid var(--border);border-radius:14px;background:#fff;cursor:pointer}
.tkt-art-k input{position:absolute;opacity:0;pointer-events:none}
.tkt-art-k b{display:block;font-size:15.5px}
.tkt-art-k small{display:block;color:var(--muted);margin-top:2px}
.tkt-art-s{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#f1ebfd;color:#7c3aed}
.tkt-art-s .sym{width:20px;height:20px}
.tkt-art-k:has(input:checked){border-color:#7c3aed;background:linear-gradient(135deg,#fff 50%,#f1ebfd);box-shadow:0 0 0 3px rgba(124,58,237,.15)}
.tkt-art-k:has(input:checked) .tkt-art-s{background:linear-gradient(145deg,#7c3aed,#4c1d95);color:#fff}
.tkt-art-k:has(input:focus-visible){outline:3px solid #7c3aed;outline-offset:2px}
.tkt-alamos{border:1.5px solid #a78bfa;background:linear-gradient(135deg,#fff 60%,#f1ebfd)}
.tkt-alamos-d{margin:0 0 12px;line-height:1.5}
.tkt-alamos-ok{width:100%;justify-content:center;min-height:48px}
.tkt-gewaehlt .tkt-b-sym .sym{width:20px;height:20px;color:#fff}
.tkt-gewaehlt a{margin-left:auto;font-weight:700}
/* Ein Ticket */
.tkt-kopf{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}
.tkt-kopf h1{margin:0 0 4px;font-size:20px;overflow-wrap:anywhere}
.tkt-kopf p{margin:0;color:var(--muted);font-size:14px}
.tkt-nr{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:700;color:var(--text)}
.tkt-kopf-m{display:flex;gap:6px;flex-wrap:wrap}
.tkt-raster{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}
@media(max-width:900px){.tkt-raster{grid-template-columns:1fr}}
.tkt-seite{position:sticky;top:76px;display:flex;flex-direction:column;gap:16px}
@media(max-width:900px){.tkt-seite{position:static}}
.tkt-seite .card{margin:0}
.tkt-bearb .fl{margin-bottom:10px}
.tkt-ruhe p{display:flex;gap:10px;align-items:flex-start;margin:0 0 10px}
.tkt-ruhe p>svg{flex:0 0 auto;width:20px;height:20px;color:var(--grau-text,#666);margin-top:2px}
.tkt-ruhe p span{display:flex;flex-direction:column;gap:2px}
.tkt-ruhe small{color:var(--grau-text,#666);line-height:1.35}
.tkt-ruhe .fl{margin-bottom:10px}
.tkt-ruhe.an{background:#f3f5f9;border-left:4px solid #8a94a6}
.tkt-ruhe .btn{width:100%;justify-content:center}
.tkt-gespraech{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:12px}
.tkt-msg{background:#fff;border:1px solid var(--border);border-radius:14px;padding:12px 14px;max-width:92%;box-shadow:0 1px 3px rgba(16,20,28,.04)}
.tkt-msg.melder{align-self:flex-start;border-top-left-radius:4px}
.tkt-msg.team{align-self:flex-end;background:#f2f6fd;border-color:#d6e2f5;border-top-right-radius:4px}
.tkt-msg.notiz{align-self:stretch;max-width:none;background:#fffaeb;border:1.5px dashed #e8c869}
.tkt-msg-k{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px;font-size:14px}
.tkt-msg-k > span:last-child{margin-left:auto;font-size:12.5px;color:var(--muted)}
.tkt-msg-text{overflow-wrap:anywhere;line-height:1.5}
.tkt-felder{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0 0 8px;padding:8px 10px;background:var(--silber-hell);border-radius:8px;font-size:14px}
.tkt-felder div{display:flex;gap:6px}.tkt-felder dt{color:var(--muted)}.tkt-felder dd{margin:0;font-weight:700}
.tkt-vl{align-self:center;max-width:100%;font-size:13px;color:var(--muted)}
.tkt-vl summary{display:inline-flex;align-items:center;gap:6px;cursor:pointer;min-height:32px;list-style:none}
.tkt-vl summary::-webkit-details-marker{display:none}
.tkt-vl summary .sym{width:14px;height:14px}
.tkt-vl ul{margin:6px 0 0;padding:8px 12px;background:#fff;border:1px solid var(--border);border-radius:10px;list-style:none}
.tkt-vl li{padding:2px 0}.tkt-vl li > span{font-variant-numeric:tabular-nums;margin-right:6px}
.tkt-dateien{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.tkt-datei{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:5px 10px 5px 5px;border:1px solid var(--border);border-radius:10px;background:#fff;text-decoration:none;color:var(--text);font-size:13px;min-height:44px}
.tkt-datei img{width:44px;height:44px;object-fit:cover;border-radius:7px;flex:none}
.tkt-datei span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}
.tkt-datei small{color:var(--muted)}
.tkt-datei.fehlt{filter:grayscale(1);padding-left:10px}
.tkt-datei.fehlt .sym{width:16px;height:16px}
.tkt-endung{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:7px;background:var(--rot);color:#fff;font-weight:800;font-size:11px;flex:none}
.tkt-antwort textarea{width:100%}
.tkt-anh{margin:0 0 10px}
.tkt-anh > summary,.tkt-notiz-form > summary{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-weight:700;font-size:14px;color:var(--muted);min-height:40px;list-style:none}
.tkt-anh > summary::-webkit-details-marker,.tkt-notiz-form > summary::-webkit-details-marker{display:none}
.tkt-anh > summary .sym,.tkt-notiz-form > summary .sym{width:16px;height:16px}
.tkt-antwort-k{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:flex-end}
.tkt-stand-wahl{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted);margin-right:auto}
.tkt-notiz-form{margin-top:12px;border-top:1px solid var(--border);padding-top:8px}
.tkt-notiz-form form{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.tkt-notiz-form textarea{width:100%}
.tkt-melder-k{margin-top:12px;border-top:1px solid var(--border);padding-top:12px}
/* Einstellungen */
.tkt-frei{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:var(--gelb-hell);color:#5c3a04;margin:0 0 12px}
.tkt-frei.ok{background:var(--gruen-hell);color:#0f5132}
.tkt-frei .sym{width:20px;height:20px;flex:none;margin-top:1px}
.tkt-regeln{margin:0 0 10px;padding-left:20px}.tkt-regeln li{margin-bottom:6px}
.tkt-liste-einst{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}
.tkt-einst{margin:0;padding:0}
.tkt-einst > summary{display:flex;align-items:center;gap:8px;padding:14px 16px;cursor:pointer;list-style:none;min-height:56px}
.tkt-einst > summary::-webkit-details-marker{display:none}
.tkt-einst > summary > .sym:last-child{width:18px;height:18px;color:var(--muted);transition:transform .2s;flex:none}
.tkt-einst[open] > summary > .sym:last-child{transform:rotate(180deg)}
.tkt-einst-t{flex:1;min-width:0}
.tkt-einst-t b{display:flex;align-items:center;gap:6px;overflow-wrap:anywhere;min-width:0}
.tkt-einst-t b .sym{width:16px;height:16px}
.tkt-einst-t small{display:block;color:var(--muted);font-size:13px;overflow-wrap:anywhere}
.tkt-einst-form{padding:4px 16px 16px;border-top:1px solid var(--border)}
.tkt-einst-form > .fl:first-of-type,.tkt-einst-form > .ff-raster:first-of-type{margin-top:12px}
.tkt-einst-form > .btn,.tkt-verkn > .btn{margin-top:14px}
.tkt-einst-form > .ff-bestaetigung + .ff-bestaetigung{margin-top:8px}
.tkt-ziele{margin-top:18px}
.tkt-ziele .tkt-einst-form > p{margin:12px 0}
.tkt-kt{border:1px solid var(--border);border-radius:10px;margin:0 0 14px;overflow:hidden}
.tkt-kt-k,.tkt-kt-z{display:grid;grid-template-columns:minmax(0,1fr) 60px 100px;gap:8px;align-items:center;padding:7px 12px}
.tkt-kt-k{background:var(--soft);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.tkt-kt-z + .tkt-kt-z{border-top:1px solid #f0f0f3}
.tkt-kt-z label{display:flex;justify-content:center;min-height:40px;align-items:center}
.tkt-kt-z > span:first-child{min-width:0;overflow-wrap:anywhere}
.tkt-kt-z input{width:20px;height:20px}
.tkt-kt-z small{color:var(--muted)}
.tkt-zusammen{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
.tkt-zusammen .fl{flex:1 1 220px;margin:12px 0 0}
.tkt-h3{font-size:15px;margin:18px 0 8px}
@media(max-width:700px){
  .tkt-msg{max-width:100%}
  .tkt-kopf h1{font-size:18px}
  .tkt-stand-chips{flex:1 1 100%}.tkt-stand-chips a{flex:1;justify-content:center}
  .tkt-antwort-k .btn{flex:1 1 auto}
}
.tkt-kopf-m{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:0 0 14px}
.tkt-zust{display:inline-flex;align-items:center;gap:6px;margin-left:auto;font-size:14px;font-weight:700;color:var(--gray)}
.tkt-zust .sym{width:16px;height:16px;color:var(--muted)}
.tkt-info .bsw-dl{grid-template-columns:1fr}
@media(max-width:700px){.tkt-zust{margin-left:0;flex-basis:100%}}
.sx-q-tickets{--c1:#c2410c;--c2:#7c2d12;--ct:#fdeee6}
.sx-q-rettungspunkte{--c1:#2e7d32;--c2:#14532d;--ct:#e6f4e6}
.fa-ticket{display:flex;align-items:center;gap:10px;margin:10px 0 16px;padding:12px 14px;border-radius:12px;background:#fff;border:1.5px solid var(--border);text-decoration:none;color:var(--text)}
.fa-ticket > .sym:first-child{width:20px;height:20px;padding:8px;box-sizing:content-box;border-radius:10px;background:var(--rot-hell);color:var(--rot);flex:none}
.fa-ticket > span{flex:1;min-width:0}
.fa-ticket > .sym:last-child{width:16px;height:16px;color:var(--muted);flex:none}
.fa-ticket.klein{margin:8px 0 4px;padding:6px 10px;font-size:14px}
.fa-ticket.klein > .sym:first-child{width:16px;height:16px;padding:5px}
@media(hover:hover){.fa-ticket:hover{border-color:var(--rot)}}

/* Tickets, Gestaltung 2 (27.10.2026, „modern, sofort ersichtlich, wo man steht“) */
.tkt-status,.tkt-kachel,.tkt-karte{--t1:#2f6bf0;--t2:#e8eefc}
.tkt-status{background:#fff;border:1px solid var(--border);border-radius:20px;padding:18px 20px 16px;margin:0 0 16px;box-shadow:0 1px 3px rgba(16,20,28,.05);position:relative;overflow:hidden}
.tkt-status::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--t1)}
.ton-rot{--t1:#d61c24;--t2:#fdeaea}.ton-gelb{--t1:#d99700;--t2:#fff5d6}.ton-blau{--t1:#2f6bf0;--t2:#e8eefc}.ton-gruen{--t1:#16a34a;--t2:#e3f6e8}.ton-grau{--t1:#6b7280;--t2:#eef0f3}.ton-fertig{--t1:#15803d;--t2:#e3f6e8}
.tkt-status-k{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.tkt-status-sym{width:48px;height:48px;border-radius:14px;background:var(--t2);color:var(--t1);display:flex;align-items:center;justify-content:center;flex:none}
.tkt-status-sym .sym{width:24px;height:24px}
.tkt-status-t{flex:1;min-width:200px}
.tkt-status-t b{display:block;font-size:19px;line-height:1.25;color:var(--text)}
.tkt-status-t small{display:flex;align-items:center;flex-wrap:wrap;gap:4px;color:var(--muted);font-size:13.5px;margin-top:3px}
.tkt-status-t small .sym{width:14px;height:14px}
.tkt-status-m{display:flex;gap:6px;flex-wrap:wrap}
.tkt-schritte{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);position:relative}
.tkt-schritte li{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;z-index:1}
.tkt-schritte li::before{content:"";position:absolute;top:15px;left:-50%;width:100%;height:3px;background:var(--border);z-index:-1}
.tkt-schritte li:first-child::before{display:none}
.tkt-schritte li.fertig::before,.tkt-schritte li.aktiv::before{background:var(--t1)}
.tkt-s-p{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;background:#fff;border:2px solid var(--border);color:var(--muted)}
.tkt-s-p .sym{width:16px;height:16px}
.fertig .tkt-s-p{background:var(--t1);border-color:var(--t1);color:#fff}
.aktiv .tkt-s-p{border-color:var(--t1);color:var(--t1);box-shadow:0 0 0 5px var(--t2)}
.tkt-s-t{font-size:13px;font-weight:700;color:var(--muted)}
.fertig .tkt-s-t,.aktiv .tkt-s-t{color:var(--text)}
.tkt-schritte small{font-size:11.5px;color:var(--muted)}
.tkt-fa-h{display:block;font-size:13px;color:var(--muted);margin-top:2px}
/* Zeitleiste */
.tkt-zl{list-style:none;margin:0 0 16px;padding:0;position:relative}
.tkt-zl::before{content:"";position:absolute;left:19px;top:8px;bottom:8px;width:2px;background:var(--border)}
.tkt-zl-e{display:flex;gap:12px;align-items:flex-start;margin:0 0 14px;position:relative}
.tkt-ava{width:40px;height:40px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;color:#fff;box-shadow:0 0 0 4px var(--bg,#f2f3f6)}
.tkt-ava.f0{background:#2f6bf0}.tkt-ava.f1{background:#0f9b8e}.tkt-ava.f2{background:#8b5cf6}.tkt-ava.f3{background:#d97706}.tkt-ava.f4{background:#db2777}.tkt-ava.f5{background:#475569}.tkt-ava.f6{background:#16a34a}.tkt-ava.f7{background:#b91c1c}
.tkt-blase{flex:1;min-width:0;background:#fff;border:1px solid var(--border);border-radius:16px;border-top-left-radius:4px;padding:12px 14px;box-shadow:0 1px 3px rgba(16,20,28,.04)}
.tkt-zl-e.team .tkt-blase{background:#f3f7fe;border-color:#d8e3f6}
.tkt-zl-e.notiz .tkt-blase{background:#fffaeb;border:1.5px dashed #e8c869}
.tkt-blase-k{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px;font-size:14px}
.tkt-blase-k time{margin-left:auto;font-size:12.5px;color:var(--muted)}
.tkt-rolle{font-size:12px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--silber-hell);color:var(--gray);display:inline-flex;align-items:center;gap:4px}
.tkt-rolle.team{background:#dfe8fb;color:#1e40af}.tkt-rolle.notiz{background:#fdecc0;color:#7a4504}
.tkt-rolle .sym{width:12px;height:12px}
.tkt-zl-ev{margin:-4px 0 12px 0;padding-left:0}
.tkt-zl-ev ul{list-style:none;margin:0;padding:0}
.tkt-zl-ev li{display:flex;gap:12px;align-items:center;margin:0 0 6px}
.tkt-ev-p{width:40px;flex:none;display:flex;justify-content:center}
.tkt-ev-p .sym{width:28px;height:28px;padding:6px;box-sizing:border-box;border-radius:50%;background:#fff;border:1.5px solid var(--border);color:var(--muted);position:relative}
.tkt-ev-t{font-size:13.5px;color:var(--gray);line-height:1.35}
.tkt-ev-t small{display:block;font-size:12px;color:var(--muted)}
.tkt-zl-ev details > summary{display:flex;align-items:center;gap:6px;margin:0 0 6px 52px;font-size:13px;font-weight:700;color:var(--muted);cursor:pointer;min-height:32px;list-style:none}
.tkt-zl-ev details > summary::-webkit-details-marker{display:none}
.tkt-zl-ev details > summary .sym{width:14px;height:14px;transition:transform .2s}
.tkt-zl-ev details[open] > summary .sym{transform:rotate(180deg)}
/* Antwort */
.tkt-antwort.dran{border:2px solid #16a34a;box-shadow:0 0 0 4px #e3f6e8}
.tkt-antwort-k{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.tkt-antwort-k .btn{margin-left:auto}
.tkt-anh-k{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 12px;border:1.5px dashed var(--border);border-radius:10px;cursor:pointer;font-weight:700;font-size:14px;color:var(--gray);position:relative;max-width:100%}
.tkt-anh-k .sym{width:16px;height:16px}
.tkt-anh-k input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.tkt-anh-k:focus-within{border-color:var(--rot)}
.tkt-stand-wahl{margin-right:0}
.tkt-stand-wahl select{min-height:40px}
.tkt-uebernehmen{width:100%;justify-content:center;margin:0 0 12px}
.tkt-mehr{margin:0 0 12px}
.tkt-mehr > summary{cursor:pointer;font-weight:700;font-size:14px;color:var(--muted);min-height:36px;display:flex;align-items:center;list-style:none}
.tkt-mehr > summary::-webkit-details-marker{display:none}
.tkt-mehr > summary::before{content:"+";display:inline-flex;width:20px;height:20px;align-items:center;justify-content:center;border-radius:6px;background:var(--silber-hell);margin-right:8px}
.tkt-mehr[open] > summary::before{content:"–"}
/* Übersicht: Kacheln und Karten */
.tkt-kacheln{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:0 0 14px}
.tkt-kachel{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:12px 14px;border-radius:16px;background:#fff;border:1.5px solid var(--border);text-decoration:none;color:var(--text);min-height:64px}
.tkt-kachel-s{grid-row:span 2;width:38px;height:38px;border-radius:11px;background:var(--t2);color:var(--t1);display:flex;align-items:center;justify-content:center}
.tkt-kachel-s .sym{width:19px;height:19px}
.tkt-kachel b{font-size:22px;line-height:1}
.tkt-kachel > span:last-child{font-size:13px;color:var(--muted);font-weight:700}
.tkt-kachel.leer .tkt-kachel-s,.tkt-kachel.leer b{opacity:.5}
.tkt-kachel.aktiv{border-color:var(--t1);box-shadow:0 0 0 3px var(--t2)}
@media(hover:hover){.tkt-kachel:hover{border-color:var(--t1)}}
.tkt-karten{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.tkt-karte{display:flex;gap:14px;align-items:center;padding:14px 16px;border-radius:16px;background:#fff;border:1px solid var(--border);text-decoration:none;color:var(--text);box-shadow:0 1px 3px rgba(16,20,28,.04)}
@media(hover:hover){.tkt-karte:hover{border-color:var(--t1);box-shadow:0 4px 14px rgba(16,20,28,.08)}}
.tkt-karte-s{width:44px;height:44px;border-radius:13px;background:var(--t2);color:var(--t1);display:flex;align-items:center;justify-content:center;flex:none}
.tkt-karte-s .sym{width:21px;height:21px}
.tkt-karte-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.tkt-karte-t b{font-size:15.5px;overflow-wrap:anywhere}
.tkt-karte-t small{font-size:13px;color:var(--muted);overflow-wrap:anywhere}
.tkt-mini{display:flex;gap:4px;margin:3px 0 1px;max-width:220px}
.tkt-mini i{flex:1;height:5px;border-radius:3px;background:var(--border)}
.tkt-mini i.f{background:var(--t1)}
.tkt-mini i.a{background:linear-gradient(90deg,var(--t1) 50%,var(--border) 50%)}
.tkt-karte-d{font-size:13px;font-weight:700;color:var(--t1);color:color-mix(in srgb,var(--t1) 68%,#000);display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.tkt-karte-d .sym{width:14px;height:14px}
.tkt-karte-m{display:flex;flex-direction:column;gap:4px;align-items:flex-end;flex:none}
.tkt-karte-m .zk-marke .sym{width:13px;height:13px;vertical-align:-2px}
.ton-fertig .tkt-karte-t b{color:var(--gray)}
@media(max-width:700px){
  .tkt-status{padding:16px 14px 14px;border-radius:16px}
  .tkt-status-t b{font-size:17px}
  .tkt-s-t{font-size:12px}
  .tkt-zl::before{left:15px}
  .tkt-ava{width:32px;height:32px;font-size:12px}
  .tkt-ev-p{width:32px}
  .tkt-zl-ev details > summary{margin-left:44px}
  .tkt-zl-e{gap:8px}
  .tkt-blase{padding:10px 12px}
  .tkt-kacheln{grid-template-columns:repeat(2,1fr)}
  .tkt-kachel{padding:10px 12px}
  .tkt-karte{padding:12px;gap:10px;align-items:flex-start}
  .tkt-karte-s{width:38px;height:38px}
  .tkt-antwort-k .btn{flex:1 1 100%}
}
.tkt-verkn .fl > span .sym{width:16px;height:16px;vertical-align:-3px;color:var(--rot)}
.tkt-verkn .fl > span small{font-weight:500;color:var(--muted)}
@media(max-width:700px){
  .tkt-kacheln.n3{grid-template-columns:repeat(3,1fr)}
  .tkt-kacheln.n5{grid-template-columns:repeat(3,1fr)}
  .tkt-kachel{grid-template-columns:1fr;grid-template-rows:auto auto;text-align:center;justify-items:center;padding:10px 6px;min-height:0;row-gap:2px}
  .tkt-kachel-s{display:none}
  .tkt-kachel b{font-size:20px;color:var(--t1)}
  .tkt-kachel > span:last-child{font-size:12px;line-height:1.2}
}
.tkt-einst > summary .zk-marke .sym{width:12px;height:12px;vertical-align:-2px}

/* ── Knöpfe immer im dunklen Kopf, rechts, an derselben Stelle (27.10.2026) ──
   Formulare: kopf_aktionen() setzt sie in die .formular-kopf, die Leiste darüber entfällt.
   Seitentitel und Formularkopf: Hilfe links neben den Knöpfen, Knöpfe hell auf dunkel, Hauptaktion rot. */
main.seite:has(.fk-aktionen) > .seite-aktionen-solo{display:none}
.seite-titel{align-items:center}
.formular-kopf{flex-wrap:wrap}
.formular-kopf > div:not(.fk-aktionen){flex:1 1 220px}
.formular-kopf .fk-aktionen{margin-left:auto;flex-shrink:0;justify-content:flex-end}
.formular-kopf .btn.bs{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.35);color:#fff;box-shadow:none}
.formular-kopf .btn.bs .sym{color:#fff}
.formular-kopf .btn.bs:hover{background:rgba(255,255,255,.2);color:#fff}
.formular-kopf .btn.bp{background:linear-gradient(150deg,#ff3b3b,#b80000);box-shadow:0 8px 18px rgba(204,0,0,.4)}
.formular-kopf .btn.bd{background:#fff;color:#b91c1c;border-color:#fff}
.formular-kopf .b-zurueck,.seite-titel .b-zurueck{color:#fff}
@media(max-width:700px){
  .formular-kopf .fk-aktionen{margin-left:0;width:100%;order:9}
  .formular-kopf .seite-aktionen:has(> .btn + .btn) .bs .sym{color:#fff}
}
.formular-kopf .seite-aktionen .btn.b-zurueck{background:transparent;border-color:transparent;box-shadow:none;color:rgba(255,255,255,.9)}
/* Knöpfe am PC immer rechts: neben dem Titel, wenn Platz ist, sonst als ganze Gruppe (samt Hilfe) rechtsbündig darunter –
   nie links. Der Titel behält mindestens 300 px. Am Handy (< 700 px) wie gehabt unten als Kacheln. */
@media(min-width:701px){
  .seite-titel,.formular .formular-kopf{flex-wrap:wrap;align-items:center}
  .seite-titel > div:first-child,.formular-kopf > div:not(.fk-aktionen){flex:1 1 300px;min-width:0}
  .seite-titel > .seite-aktionen,.formular-kopf > .fk-aktionen{margin-left:auto;justify-content:flex-end;max-width:100%}
  .seite-aktionen > .hilfe-knopf{align-self:center;margin:0}
}


/* ── IdF-Seminar buchen (seminare.php) – eine Spalte in Formularbreite, Anfragen als Karten ── */
.sem-seite{max-width:760px;margin:0 auto}
.sem-seite > .formular > .formular-koerper{border-radius:20px}
.sem-seite > .zk-leer.card{display:flex;gap:8px;align-items:center;justify-content:center}
.sem-weg{display:flex;gap:10px;align-items:flex-start;background:#f3f7ff;border:1px solid #c9d8f5;border-left:5px solid #1d4ed8;border-radius:12px;padding:12px 14px;margin:0 0 14px;font-size:14.5px;line-height:1.5}
.sem-weg > .sym{width:18px;height:18px;color:#1d4ed8;flex:none;margin-top:2px}
.sem-weg a{color:#1d4ed8;font-weight:700}
.eh-zahl.rot{background:var(--rot);color:#fff}
.sem-k{background:#fff;border-radius:16px;box-shadow:0 1px 2px rgba(16,24,40,.06),0 4px 14px rgba(16,24,40,.06);border-left:5px solid #d0d5dd;padding:16px 18px;margin-bottom:12px}
.sem-k.sem-st-offen{border-left-color:#d97706}.sem-k.sem-st-arbeit{border-left-color:#1d4ed8}
.sem-k.sem-st-gebucht{border-left-color:#146c2e}.sem-k.sem-st-nicht{border-left-color:#b30000}
.sem-k-kopf{display:flex;gap:10px 14px;align-items:flex-start;justify-content:space-between}
.sem-k-t{display:flex;flex-direction:column;gap:3px;min-width:0}
.sem-k-sem{font-size:17px;font-weight:700;line-height:1.3;overflow-wrap:anywhere}
.sem-k-p{font-size:15px;color:var(--text)}
.sem-k-e{display:inline-block;margin-left:6px;font-size:12px;font-weight:700;color:#3a4150;background:#eef0f4;border-radius:6px;padding:1px 8px;vertical-align:1px}
.sem-k-kopf .zk-marke{flex:none;white-space:nowrap}
.sem-k-dl{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;margin:12px 0 0}
.sem-k-dl > div{min-width:0}.sem-k-dl > div.voll{grid-column:1/-1}
.sem-k-dl dt{font-size:12px;color:var(--muted);font-weight:600}
.sem-k-dl dd{margin:1px 0 0;font-size:14.5px;overflow-wrap:anywhere}
.sem-k-fuss{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;justify-content:space-between;margin-top:12px;padding-top:10px;border-top:1px solid #eef0f4;font-size:13px}
.sem-k-knoepfe{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}
.sem-k-knoepfe form{margin:0}
.sem-bescheid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.sem-b{display:flex;flex-direction:column;gap:8px;border-radius:12px;padding:12px}
.sem-b .fl{margin:0}
.sem-b-ja{background:#effaf3;border:1px solid #bfe5cc}
.sem-b-nein{background:#fff5f5;border:1px solid #f2c4c4}
.sem-b-t{display:flex;align-items:center;gap:6px;font-size:14.5px}
.sem-b-ja .sem-b-t{color:#146c2e}.sem-b-nein .sem-b-t{color:#a40000}
.sem-b-t .sym{width:16px;height:16px}
.sem-b .btn{margin-top:auto}
@media (max-width:700px){
  .sem-k{padding:14px}
  .sem-k-dl,.sem-bescheid{grid-template-columns:1fr}
  .sem-k-knoepfe{margin-left:0}
}

/* ── Verfügbarkeit nach RIC (verfuegbarkeit.php) ───────────────────────── */
.vf{max-width:1100px;margin:0 auto}
.vf-ansichten{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.vf-ansichten .zk-chip{text-decoration:none;border-style:solid}
.vf-ansichten .zk-chip.an{background:var(--nacht,#2b3038);border-color:var(--nacht,#2b3038);color:#fff}
.vf-hinweis{display:flex;gap:10px;align-items:flex-start;background:#f3f7ff;border:1px solid #c9d8f5;border-left:5px solid #1d4ed8;border-radius:12px;padding:12px 14px;margin:0 0 14px;font-size:14.5px;line-height:1.5}
.vf-hinweis > .sym{width:18px;height:18px;color:#1d4ed8;flex:none;margin-top:2px}
.vf-suche{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--feld-rand);border-radius:12px;padding:0 12px;margin:0 0 14px;max-width:420px}
.vf-suche .sym{width:17px;height:17px;color:var(--muted)}
.vf .vf-suche input[type=search]{border:0;outline:0;box-shadow:none;background:transparent;flex:1;min-height:44px;padding:0;font:inherit;font-size:16px}
.vf-gruppen{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px;align-items:start}
.vf-g{background:#fff;border-radius:16px;box-shadow:0 1px 2px rgba(16,24,40,.06),0 4px 14px rgba(16,24,40,.06);overflow:hidden}
.vf-g-k{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;background:linear-gradient(150deg,var(--nacht-2,#343a45),var(--nacht,#23272f));color:#fff}
.vf-g-k b{font-size:15px;letter-spacing:.02em}
.vf-g-z{font-size:13px;color:#d6dae2;white-space:nowrap}.vf-g-z b{color:#fff;font-size:15px}
.vf-p{list-style:none;margin:0;padding:6px 0}
.vf-p li{display:flex;align-items:center;gap:10px;padding:7px 16px;font-size:14.5px;border-top:1px solid #f1f2f5}
.vf-p li:first-child{border-top:0}
.vf-p li small{margin-left:auto;color:var(--muted);font-size:12px}
.vf-punkt{width:10px;height:10px;border-radius:50%;background:#c3c8d2;flex:none}
.vf-s-verfuegbar .vf-punkt{background:#16a34a}.vf-s-bedingt .vf-punkt{background:#f59e0b}.vf-s-nicht .vf-punkt{background:#dc2626}
.vf-s-nicht{color:var(--muted)}
.vf-leer{padding:10px 16px;color:var(--muted);font-size:14px;margin:0}
.vf-klein{font-size:13.5px;margin:0 0 10px}
.vf-zl{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}
.vf-z{border:1px solid var(--border);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}
.vf-z-neu{border-style:dashed;background:#fafbfc}
.vf-z-kopf{display:flex;gap:8px;align-items:center}
.vf-z input[type=text]{width:auto;flex:1;min-height:40px;border:1px solid var(--feld-rand);border-radius:10px;padding:6px 10px;font:inherit;font-weight:600}
.vf-weg{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;border-radius:10px;cursor:pointer;color:var(--muted)}
.vf-weg input{position:absolute;opacity:0;pointer-events:none}
.vf-weg .sym{width:18px;height:18px}
.vf-weg:has(input:checked){background:#fde8e8;color:#b30000}
.vf-chips{display:flex;flex-wrap:wrap;gap:6px}
.vf-chip{position:relative;cursor:pointer}
.vf-chip input{position:absolute;opacity:0;pointer-events:none}
.vf-chip span{display:inline-flex;align-items:center;min-height:34px;padding:4px 10px;border-radius:8px;border:1.5px solid var(--border);background:#fff;font-size:12.5px;font-weight:700;letter-spacing:.02em;color:var(--muted)}
.vf-chip input:checked + span{background:#146c2e;border-color:#146c2e;color:#fff}
.vf-chip input:focus-visible + span{outline:2px solid #1d4ed8;outline-offset:2px}
.vf-leiste{position:sticky;bottom:0;display:flex;justify-content:space-between;align-items:center;gap:10px;background:#fff;padding:10px 0 4px;border-top:1px solid var(--border)}
.vf-gform{display:flex;flex-wrap:wrap;gap:8px;align-items:center;flex:1}
.vf-gform input[type=text]{width:auto;flex:1 1 200px;min-height:40px;border:1px solid var(--feld-rand);border-radius:10px;padding:6px 10px;font:inherit}
.vf-gform input[type=number]{width:84px;flex:none;min-height:40px;border:1px solid var(--feld-rand);border-radius:10px;padding:6px 8px;font:inherit}
.vf-gform select{min-height:40px;width:auto}
.vf-gz{align-items:center}
.vf-zg{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;padding:10px 0;border-top:1px solid #eef0f4}
.vf-zg:first-child{border-top:0}
.vf-zg > div{flex:1 1 220px;min-width:0;display:flex;flex-direction:column}
.vf-zg > div small{color:var(--muted);font-size:13px}
.vf-zg select{min-height:40px;flex:0 0 auto;width:auto}
.vf-gneu{margin-top:10px}
.vf-ein > summary,.vf details.card > summary{cursor:pointer;list-style:none}.vf details.card > summary::-webkit-details-marker{display:none}.vf details.card > summary h2{display:inline-flex;margin:0}.vf-ein > summary h2{display:inline-flex}
.vf-ein textarea{width:100%;font:inherit;font-family:ui-monospace,monospace;font-size:13px;margin-bottom:8px}
@media (max-width:700px){
  .vf-gruppen{grid-template-columns:1fr}
  .vf-leiste{bottom:64px}
}
.vf form.card > .btn{margin-top:12px}
.vf-warn{background:#fff8e6;border-color:#f1d79a;border-left-color:#d97706}.vf-warn > .sym{color:#b45309}
.vf-kopf{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;background:#fff;border-radius:14px;padding:12px 16px;margin:0 0 14px;box-shadow:0 1px 2px rgba(16,24,40,.06)}
.vf-gesamt{font-size:15px}.vf-gesamt b{font-size:22px;color:#146c2e;margin-right:2px}
.vf-leg{display:flex;flex-wrap:wrap;gap:12px;font-size:13px}.vf-leg > span{display:inline-flex;align-items:center;gap:6px}
.vf-stand{font-size:12.5px;margin-left:auto}
.vf-bericht{margin-top:12px}.vf-bericht summary{cursor:pointer;font-weight:600}
.vf-bericht pre{white-space:pre-wrap;word-break:break-word;font-size:12px;background:#f6f7f9;border-radius:10px;padding:10px;max-height:420px;overflow:auto}
/* Ampel je RIC */
.vf-ampeln{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:0 0 16px}
.vf-am{display:flex;flex-direction:column;gap:6px;position:relative;padding:12px 12px 10px 16px;border-radius:14px;background:#fff;text-decoration:none;color:var(--text);box-shadow:0 1px 2px rgba(16,24,40,.06),0 4px 12px rgba(16,24,40,.06);overflow:hidden;min-height:78px}
.vf-am::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:#c3c8d2}
.vf-am-l{position:absolute;top:12px;right:12px;width:16px;height:16px;border-radius:50%;background:#c3c8d2;box-shadow:0 0 0 4px rgba(195,200,210,.25)}
.vf-am-t{font-size:12.5px;font-weight:700;letter-spacing:.02em;padding-right:24px;line-height:1.25}
.vf-am-z{font-size:14px;color:var(--muted);margin-top:auto}.vf-am-z b{font-size:26px;line-height:1;color:var(--text)}.vf-am-z small{font-size:14px;margin-left:2px}
.vf-am-gruen::before,.vf-am-gruen .vf-am-l{background:#16a34a}.vf-am-gruen .vf-am-l{box-shadow:0 0 0 4px rgba(22,163,74,.2)}.vf-am-gruen{background:#f0fbf4}
.vf-am-gelb::before,.vf-am-gelb .vf-am-l{background:#f59e0b}.vf-am-gelb .vf-am-l{box-shadow:0 0 0 4px rgba(245,158,11,.22)}.vf-am-gelb{background:#fffaeb}
.vf-am-rot::before,.vf-am-rot .vf-am-l{background:#dc2626}.vf-am-rot .vf-am-l{box-shadow:0 0 0 4px rgba(220,38,38,.2)}.vf-am-rot{background:#fef2f2}
.vf-g.vf-am-gruen .vf-g-k{background:linear-gradient(150deg,#15803d,#166534)}
.vf-g.vf-am-gelb .vf-g-k{background:linear-gradient(150deg,#d97706,#b45309)}
.vf-g.vf-am-rot .vf-g-k{background:linear-gradient(150deg,#dc2626,#991b1b)}
.vf-g.vf-am-gruen,.vf-g.vf-am-gelb,.vf-g.vf-am-rot{background:#fff}
.vf-g.vf-am-gruen::before,.vf-g.vf-am-gelb::before,.vf-g.vf-am-rot::before{display:none}
.vf-g{scroll-margin-top:80px}
.vf-soll{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted);font-weight:600}
.vf-soll input[type=number]{width:72px;min-height:40px;border:1px solid var(--feld-rand);border-radius:10px;padding:6px 8px;font:inherit}
@media (max-width:700px){.vf-ampeln{grid-template-columns:repeat(2,1fr)}}
.vf-am-t{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:normal;word-break:normal;letter-spacing:0}

/* ── Protokolle & Server (admin/sicherheit, fehler, protokoll, statistik, server; lib/admin_protokolle.php) ── */
.ap-reiter a{display:inline-flex;align-items:center;gap:6px;padding:9px 11px}
.ap-reiter a .sym{width:16px;height:16px;flex-shrink:0}
.ap-reiter .ap-z{position:static;min-width:20px;height:20px;padding:0 6px;border-radius:999px;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:#64748b}
.ap-reiter .ap-z.ap-rot{background:#c62828}.ap-reiter .ap-z.ap-gelb{background:#b45309}.ap-reiter .ap-z.ap-ok{background:#15803d}
.ap-reiter a.aktiv .ap-z{background:#fff;color:var(--rot)}
.ap-zahlen{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin:0 0 12px}
.ap-zahl{background:#fff;border:1px solid var(--border);border-top:4px solid var(--f);border-radius:12px;padding:10px 12px;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:2px}
.ap-zahl b{font-size:24px;color:var(--f);line-height:1.1}.ap-zahl span{font-size:13px;color:var(--muted)}
.ap-zahl.an{box-shadow:0 0 0 2px var(--f)}
.ap-filter{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 10px}
.ap-filter input[type=search]{flex:1 1 220px;max-width:340px}
.ap-chip{min-height:40px;display:inline-flex;align-items:center;padding:0 14px;border:1px solid var(--border);border-radius:999px;background:#fff;text-decoration:none;color:var(--text);font-size:14px;font-weight:700}
.ap-chip.an{background:var(--nacht,#2b2f36);border-color:var(--nacht,#2b2f36);color:#fff}
.ap-gesehen{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 12px}
.ap-gesehen small{color:var(--muted)}
.ap-ruhig{display:flex;align-items:center;gap:10px;color:#15803d;font-weight:700}
.ap-ruhig .sym{width:22px;height:22px}
.ap-fliste{display:flex;flex-direction:column;gap:8px}
.ap-fe{background:#fff;border:1px solid var(--border);border-left:4px solid var(--f);border-radius:10px}
.ap-fe.neu{box-shadow:0 0 0 2px #fecaca}
.ap-fe summary{list-style:none;cursor:pointer;padding:10px 12px;display:flex;gap:10px;align-items:flex-start}
.ap-fe summary::-webkit-details-marker{display:none}
.ap-anz{flex:none;min-width:42px;text-align:center;font-weight:800;color:var(--f);background:color-mix(in srgb,var(--f) 10%,#fff);border-radius:8px;padding:2px 6px}
.ap-ft{flex:1;min-width:0;font-size:14px;overflow-wrap:anywhere}
.ap-ft small{display:block;color:var(--muted);margin-top:3px;font-size:12px}
.ap-fe pre{margin:0;padding:10px 12px;border-top:1px solid var(--border);background:#f8fafc;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:340px;overflow:auto}
.ap-kz{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 14px}
.ap-kz > div{background:#fff;border:1px solid var(--border);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.ap-kz b{font-size:26px;line-height:1.1}.ap-kz span{font-size:13px;color:var(--muted)}
.ap-balken{display:flex;align-items:flex-end;gap:2px;height:120px;padding:4px 0}
.ap-balken span{flex:1 1 0;min-width:2px;height:max(var(--h),2px);background:var(--rot);border-radius:3px 3px 0 0;opacity:.85}
.ap-balken span.we{opacity:.45}
.ap-achse{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:4px}
.ap-zwei{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ap-zwei > .card{margin-bottom:14px}
.ap-rang{display:flex;flex-direction:column;gap:6px}
.ap-rang > div{display:grid;grid-template-columns:minmax(0,10em) minmax(0,1fr) auto;gap:10px;align-items:center;font-size:14px}
.ap-rn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ap-rb{height:10px;border-radius:999px;background:linear-gradient(90deg,var(--rot) var(--w),var(--soft) var(--w))}
.ap-rz{font-weight:700;text-align:right;white-space:nowrap}
.ap-rz small{display:block;font-weight:400;color:var(--muted);font-size:11px}
.ap-woche{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;align-items:end;height:130px}
.ap-woche > div{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:4px}
.ap-wb{width:100%;max-width:36px;height:max(var(--h),2px);background:var(--rot);border-radius:4px 4px 0 0;opacity:.8}
.ap-woche small{font-size:12px;color:var(--muted)}
.ap-klapp > summary{list-style:none;cursor:pointer}
.ap-klapp > summary::-webkit-details-marker{display:none}
.ap-klapp > summary .sec{margin:0}
.ap-klapp[open] > summary .sec{margin-bottom:10px}
.ap-gesamt{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;margin:0 0 14px;border-left:6px solid}
.ap-gesamt .sym{width:26px;height:26px;flex-shrink:0}
.ap-gesamt b{display:block;font-size:17px}.ap-gesamt small{color:var(--muted)}
.ap-gesamt{flex-wrap:wrap}.ap-gesamt > span{flex:1 1 240px;min-width:0}.ap-gesehen-f{flex-shrink:0;margin:0 0 0 auto}
@media (max-width:600px){.ap-gesehen-f{flex-basis:calc(100% - 38px);margin:4px 0 0 38px}.ap-gesehen-f .btn{width:100%;justify-content:center}}
.ap-gesamt.ok{background:#eef8f1;border-color:#15803d;color:#14532d}
.ap-gesamt.gelb{background:#fffbea;border-color:#d97706}
.ap-gesamt.rot{background:#fff0f0;border-color:#c62828}
.ap-pl{list-style:none;margin:0;padding:0}
.ap-pl li{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--border)}
.ap-pl li:last-child{border-bottom:0}
.ap-pl li > div{min-width:0;flex:1}
.ap-pl b{display:block;font-size:15px;overflow-wrap:anywhere}
.ap-pl span:not(.ap-p){font-size:14px;color:var(--muted);line-height:1.45;overflow-wrap:anywhere}
.ap-p{flex:0 0 28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}
.ap-p .sym{width:16px;height:16px}
.ap-p.ok{background:#15803d}.ap-p.gelb{background:#d97706}.ap-p.rot{background:#c62828}.ap-p.warte{background:#94a3b8}
.ap-h3{font-size:14px;margin:14px 0 6px}
.ap-tab-wrap{overflow-x:auto;position:relative}
.ap-tab{width:100%;border-collapse:collapse;font-size:14px}
.ap-tab th{font-size:12px;color:var(--muted);text-align:right;padding:6px 4px;font-weight:700}
.ap-tab th:first-child,.ap-tab td:first-child{text-align:left}
.ap-tab td{padding:7px 4px;border-bottom:1px solid var(--border);text-align:right;white-space:nowrap;vertical-align:top}
.ap-tab td:first-child{white-space:normal;overflow-wrap:anywhere}
.ap-tab td small{display:block;color:var(--muted);font-size:12px}
.ap-rot{color:#b91c1c;font-weight:700}.ap-gelb{color:#b45309;font-weight:700}
@media (max-width:700px){
  .ap-kz{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ap-zwei{grid-template-columns:1fr}
  .ap-rang > div{grid-template-columns:minmax(0,8em) minmax(0,1fr) auto}
}

/* Anmeldungen & Aktionen (admin/nachweis.php, 28.10.2026): eine Karte je Sitzung, darin die Zeitleiste */
.nach-filter{display:grid;grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr)) minmax(0,1.4fr);gap:10px 12px;align-items:end}
.nach-filter .fl{margin:0}
.nach-filter > *{min-width:0}.nach-filter input,.nach-filter select{width:100%;max-width:100%;box-sizing:border-box}
.nach-hk{display:flex;gap:8px;align-items:center;font-size:14px;min-height:44px}
.nach-filter .nach-hk input{width:auto;flex:none;margin:0}
.nach-fk{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;grid-column:3/-1}
.nach-chips{grid-column:1/-1;display:flex;gap:6px;flex-wrap:wrap}
.ap-kz > div.rot b{color:#b91c1c}
.nach-liste{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}
.nach-s{background:#fff;border:1px solid var(--border);border-left:4px solid #64748b;border-radius:14px;overflow:hidden}
.nach-s.rot{border-left-color:#dc2626}
.nach-s[open]{box-shadow:0 4px 16px rgba(15,23,42,.08)}
.nach-s > summary{list-style:none;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:10px 14px;cursor:pointer;min-height:56px}
.nach-s > summary::-webkit-details-marker{display:none}
.nach-s > summary > .sym{width:18px;height:18px;color:var(--muted);transition:transform .15s}
.nach-s[open] > summary > .sym{transform:rotate(180deg)}
.nach-kz{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--soft);font-weight:700;font-size:14px}
.nach-t,.nach-r{display:flex;flex-direction:column;min-width:0}
.nach-t b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nach-t small,.nach-r small{color:var(--muted);font-size:13px}
.nach-t small{overflow-wrap:anywhere}
.nach-r{text-align:right}
.nach-r b{font-variant-numeric:tabular-nums;white-space:nowrap}
.nach-rot{color:#b91c1c;font-weight:700}
.nach-zeit{list-style:none;margin:0;padding:4px 14px 6px 14px;border-top:1px solid var(--border)}
.nach-e{display:grid;grid-template-columns:86px minmax(0,1fr);gap:10px;padding:7px 0;border-bottom:1px dashed var(--border)}
.nach-e:last-child{border-bottom:0}
.nach-e time{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums;padding-top:2px}
.nach-e > span{display:grid;grid-template-columns:20px minmax(0,1fr);column-gap:8px;align-items:start}
.nach-e > span > .sym{width:18px;height:18px;margin-top:2px;color:#475569}
.nach-e b{font-weight:600;font-size:14px;overflow-wrap:anywhere}
.nach-e b em{font-style:normal;font-size:12px;color:var(--muted);font-weight:700;margin-left:4px}
.nach-e small{grid-column:2;color:var(--muted);font-size:13px;overflow-wrap:anywhere}
.nach-e.an > span > .sym,.nach-e.ab > span > .sym{color:#15803d}
.nach-e.an b,.nach-e.ab b{color:#15803d}
.nach-e.dat > span > .sym{color:#1d4ed8}
.nach-e.ev > span > .sym{color:#a16207}
.nach-e.ev b{font-weight:500}
.nach-e.abg{background:#fef2f2;margin:0 -14px;padding-left:14px;padding-right:14px}
.nach-e.abg > span > .sym,.nach-e.abg b{color:#b91c1c}
.nach-fuss{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:8px 14px 12px;background:#f8fafc;border-top:1px solid var(--border);font-size:13px}
.nach-fuss small{color:var(--muted);font-size:12px;overflow-wrap:anywhere}
.nach-fuss a{font-weight:700}
@media (max-width:760px){
  .nach-filter{grid-template-columns:1fr 1fr}
  .nach-filter .fl:first-child,.nach-filter .fl:nth-child(4){grid-column:1/-1}
  .nach-fk{grid-column:1/-1;justify-content:stretch}
  .nach-fk .btn{flex:1;justify-content:center}
  .nach-s > summary{grid-template-columns:auto minmax(0,1fr) auto;padding:10px 12px}
  .nach-s > summary > .sym{display:none}
  .nach-r small{display:none}
  .nach-t small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .nach-e{grid-template-columns:1fr;gap:2px}
  .nach-zeit{padding:4px 12px 6px}
  .nach-e.abg{margin:0 -12px;padding-left:12px;padding-right:12px}
}

/* Sicherheitsprotokoll übersichtlicher (28.10.2026): Lage oben, „Wichtig/Alle“, Ereignisse als kompakte Zeilen zum Aufklappen */
.si-lage{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;margin:0 0 12px;border:1px solid;border-left-width:6px}
.si-lage > .sym{width:26px;height:26px;flex-shrink:0}
.si-lage > div{flex:1 1 220px;min-width:0;display:flex;flex-direction:column;gap:2px}
.si-lage b{font-size:16px}.si-lage span{font-size:13px;color:var(--muted)}
.si-lage.ok{background:#f0fdf4;border-color:#bbf7d0;border-left-color:#16a34a}.si-lage.ok > .sym{color:#15803d}
.si-lage.gelb{background:#fffbeb;border-color:#fde68a;border-left-color:#d97706}.si-lage.gelb > .sym{color:#b45309}
.si-lage.rot{background:#fef2f2;border-color:#fecaca;border-left-color:#dc2626}.si-lage.rot > .sym{color:#b91c1c}
.si-wahl{display:inline-flex;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#fff;margin:0 0 10px}
.si-wahl a{display:flex;flex-direction:column;padding:8px 16px;text-decoration:none;color:var(--text);font-weight:700;font-size:14px;min-height:44px;justify-content:center}
.si-wahl a small{font-weight:400;font-size:12px;color:var(--muted)}
.si-wahl a + a{border-left:1px solid var(--border)}
.si-wahl a.an{background:var(--nacht,#1f2937);color:#fff}.si-wahl a.an small{color:rgba(255,255,255,.75)}
details.si-e{padding:0;border:1px solid var(--border);border-left:4px solid var(--f);border-radius:10px;min-width:0;background:#fff}
details.si-e > summary{list-style:none;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:4px 10px;align-items:center;padding:8px 12px;cursor:pointer}
details.si-e > summary::-webkit-details-marker{display:none}
.si-e-t{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;min-width:0}
.si-e-t b{overflow-wrap:anywhere;font-size:14px}
details.si-e .si-e-wer{flex-basis:100%;display:block;font-size:12.5px;color:var(--muted);margin:0;overflow-wrap:anywhere}
details.si-e .si-zeit{font-size:12.5px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}
details.si-e .si-erl-form{margin:0}
details.si-e[open]{box-shadow:0 4px 14px rgba(15,23,42,.08)}
details.si-e > dl.si-daten{display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 12px;margin:0;padding:8px 12px 12px;border-top:1px dashed var(--border);font-size:12.5px}
details.si-e > dl.si-daten dt{color:var(--muted);font-weight:700}
details.si-e > dl.si-daten dd{margin:0;white-space:pre-line;overflow-wrap:anywhere}
.si-liste{gap:6px}
@media (max-width:700px){
  details.si-e > summary{grid-template-columns:minmax(0,1fr) auto}
  details.si-e > summary .si-erl-form{grid-column:1/-1}
  details.si-e > summary .si-erl-form .btn{width:100%;justify-content:center}
  details.si-e > dl.si-daten{grid-template-columns:minmax(0,1fr)}
  .si-wahl{display:flex}.si-wahl a{flex:1}
}

/* ── Reiter am Handy (28.10.2026, „Untermenüs stapeln sich, Auswahlliste fällt nicht auf – einfach und übersichtlich“):
   keine Auswahlliste, alle Einträge als gleich große Kacheln – Symbol oben, Text darunter, je Zeile drei
   (bei 2 oder 4 Einträgen zwei); eine übrig gebliebene Kachel füllt die Zeile. data-n setzt portal.js. */
@media(max-width:700px){
  .um-knopf{display:none!important}
  nav.reiter:not(.lg-r2),nav.eh-reiter,.tabs[data-untermenue]{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding:6px;
    background:#fff;border:1px solid var(--border);border-radius:14px;margin:0 0 14px;overflow:visible}
  nav.reiter:not(.lg-r2) > *,nav.eh-reiter > *,.tabs[data-untermenue] > *{grid-column:span 2;position:relative;display:flex!important;flex-direction:column;align-items:center;justify-content:center;
    gap:4px;min-width:0;min-height:60px;padding:8px 4px;margin:0;border-radius:10px;background:var(--soft);color:var(--text);border:0;
    font-size:13px;font-weight:700;line-height:1.2;text-align:center;white-space:normal;overflow-wrap:anywhere;hyphens:auto;text-decoration:none;box-shadow:none}
  nav.reiter:not(.lg-r2) > * > .sym,nav.eh-reiter > * > .sym,.tabs[data-untermenue] > * > .sym{width:20px;height:20px;flex-shrink:0;margin:0}
  nav.reiter:not(.lg-r2) > .aktiv,nav.reiter:not(.lg-r2) > .active,nav.eh-reiter > .aktiv,.tabs[data-untermenue] > .active,.tabs[data-untermenue] > .aktiv{background:linear-gradient(150deg,#d10000,#a00000);color:#fff}
  nav.reiter:not(.lg-r2) .nav-zahl,nav.eh-reiter .nav-zahl,.tabs[data-untermenue] .nav-zahl{position:absolute;top:4px;right:5px;margin:0;min-width:18px;height:18px;font-size:11px;padding:0 5px}
  /* letzte Zeile: eine Kachel über die ganze Breite, zwei je halbe */
  nav.reiter:not(.lg-r2) > :last-child:nth-child(3n+1),nav.eh-reiter > :last-child:nth-child(3n+1),.tabs[data-untermenue] > :last-child:nth-child(3n+1){grid-column:span 6;flex-direction:row;min-height:48px}
  nav.reiter:not(.lg-r2) > :last-child:nth-child(3n+2),nav.reiter:not(.lg-r2) > :nth-last-child(2):nth-child(3n+1),
  nav.eh-reiter > :last-child:nth-child(3n+2),nav.eh-reiter > :nth-last-child(2):nth-child(3n+1),
  .tabs[data-untermenue] > :last-child:nth-child(3n+2),.tabs[data-untermenue] > :nth-last-child(2):nth-child(3n+1){grid-column:span 3}
  /* 2 und 4 Einträge: zwei je Zeile */
  nav.reiter:not(.lg-r2)[data-n="2"] > *,nav.reiter:not(.lg-r2)[data-n="4"] > *,nav.eh-reiter[data-n="2"] > *,nav.eh-reiter[data-n="4"] > *,
  .tabs[data-n="2"] > *,.tabs[data-n="4"] > *{grid-column:span 3!important;flex-direction:column!important;min-height:60px!important}
  nav.reiter:not(.lg-r2)[data-n="1"] > *{grid-column:span 6!important}
  /* breite Kachel (Symbol neben dem Text): Zahl gleich hinter dem Text statt am rechten Rand */
  nav.reiter:not(.lg-r2):not([data-n="4"]) > :last-child:nth-child(3n+1) .nav-zahl,nav.eh-reiter:not([data-n="4"]) > :last-child:nth-child(3n+1) .nav-zahl{position:static}
}

/* Tickets: Mails zu diesem Ticket an/aus (28.10.2026) */
.tkt-stumm{padding:0;overflow:hidden}
.tkt-sw{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:12px 16px;border:0;background:none;font:inherit;color:var(--text);text-align:left;cursor:pointer}
.tkt-sw-t{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.tkt-sw-t b{font-size:15px}.tkt-sw-t small{font-size:13px;color:var(--muted)}
.tkt-sw-k{flex-shrink:0;width:46px;height:26px;border-radius:999px;background:#16a34a;position:relative;transition:background .15s}
.tkt-sw-k::after{content:"";position:absolute;top:3px;left:23px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:left .15s}
.tkt-stumm.aus .tkt-sw-k{background:#cbd5e1}
.tkt-stumm.aus .tkt-sw-k::after{left:3px}
@media (hover:hover){.tkt-sw:hover{background:var(--soft)}}
/* lange Wörter/Kennungen ohne Leerzeichen (Seriennummer, Link) brechen um statt die Seite zu verbreitern */
.tkt-haupt,.tkt-zl,.tkt-blase,.tkt-blase-k{min-width:0}
.tkt-felder,.tkt-felder dd,.tkt-felder dt,.tkt-msg-text{min-width:0;overflow-wrap:anywhere}

/* ── „Wer sieht das?“ (lib/sicht_balken.php, 28.10.2026): schmaler Balken im Seitenkopf, Farbe = wer die Seite sieht ── */
.sb{--sb:#2e8b57;flex:1 1 100%;order:20;position:relative;z-index:1;font-size:13px;line-height:1.4}
.sb.sb-einheit{--sb:#2f6fd0}.sb.sb-eigene{--sb:#9aa3b2}.sb.sb-recht{--sb:#d4881c}
.sb > summary{list-style:none;display:inline-flex;align-items:center;gap:8px;cursor:pointer;padding:5px 12px 5px 10px;min-height:32px;border-radius:999px;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.88);user-select:none}
.sb > summary::-webkit-details-marker{display:none}
.sb > summary:hover{background:rgba(255,255,255,.16)}
.sb > summary svg{width:14px;height:14px;opacity:.7;transition:transform .15s}
.sb[open] > summary svg{transform:rotate(180deg)}
.sb-punkt{width:10px;height:10px;border-radius:50%;background:var(--sb);box-shadow:0 0 0 3px color-mix(in srgb,var(--sb) 30%,transparent);flex-shrink:0}
.sb-t b{font-weight:700;color:#fff}
.sb-inhalt{margin-top:8px;background:#fff;color:var(--text);border-radius:14px;padding:12px 14px;border-left:4px solid var(--sb);box-shadow:0 6px 18px rgba(0,0,0,.18);max-width:760px}
.sb-inhalt ul{margin:0;padding-left:18px}
.sb-inhalt li{margin:2px 0}
.seite-titel .sb-inhalt p,.sb-inhalt p{color:var(--text);margin:8px 0 0}
.sb-du{display:flex;flex-wrap:wrap;gap:4px 6px;align-items:baseline;padding-top:8px;border-top:1px solid var(--linie,#e3e6ec)}
.sb-du small{flex-basis:100%;color:var(--muted)}
.sb-stufe{font-weight:700;padding:1px 8px;border-radius:999px;background:#eef1f5}
.sb-st-alle{background:#e3f4ea;color:#1d6b40}.sb-st-einheit{background:#e4eefc;color:#1f55a8}.sb-st-eigene{background:#eef0f3;color:#4c5463}
.sb-st-lesen{background:#eef0f3;color:#4c5463}.sb-st-nein{background:#fde8e8;color:#a02020}
.sb-legende{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:10px;font-size:12px;color:var(--muted)}
.sb-leg{display:inline-flex;align-items:center;gap:5px}
.sb-leg i{width:8px;height:8px;border-radius:50%;background:#2e8b57}
.sb-leg.sb-einheit i{background:#2f6fd0}.sb-leg.sb-eigene i{background:#7a8394}.sb-leg.sb-recht i{background:#d4881c}
.sb-mehr{font-size:12px}
.sb-mehr a{color:var(--rot)}
/* ohne dunklen Kopf: hell am Seitenende */
.sb-unten{margin-top:18px}
.sb-unten .sb > summary{background:#fff;border-color:var(--linie,#e3e6ec);color:var(--muted)}
.sb-unten .sb-t b{color:var(--text)}
@media (max-width:700px){.sb{font-size:12.5px}.sb-inhalt{padding:10px 12px}}
@media print{.sb,.sb-unten{display:none}}

/* ── Rettungspunkte & Karte (rettungspunkte.php, 28.10.2026) ─────────────────────────────────────────── */
.rp{display:grid;gap:14px;grid-template-columns:minmax(0,1fr);grid-template-areas:"such" "karte" "punkt";margin-bottom:12px}
.rp-such{grid-area:such;background:#fff;border:1px solid var(--border);border-radius:16px;padding:14px;box-shadow:0 1px 3px rgba(15,23,42,.06)}
.rp-form{display:flex;gap:8px}
.rp-form input{flex:1;min-width:0;min-height:48px;font-size:16px;padding:10px 14px;border:1.5px solid var(--feld-rand);border-radius:12px}
.rp-form input:focus{border-color:var(--rot);outline:none;box-shadow:0 0 0 3px rgba(196,0,0,.35)}
.rp-form .btn{min-height:48px;flex:none}
.rp-knoepfe{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.rp-knoepfe .btn{flex:1 1 auto}
.rp-meldung{margin:10px 2px 0;font-size:14px;color:var(--muted);min-height:0}
.rp-meldung:empty{display:none}
.rp-rot{color:#b91c1c!important}
.rp-hinweis{background:#fff7ed;border-left:4px solid #f59e0b;padding:.5rem .75rem;border-radius:8px;margin:.25rem 0 .75rem}
.rp-treffer{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;margin-top:8px}
.rp-treffer:empty{display:none}
.rp-t{display:flex;align-items:center;gap:10px;width:100%;min-width:0;text-align:left;padding:10px 12px;min-height:48px;border:1px solid var(--border);border-radius:12px;background:#fff;cursor:pointer;font:inherit;color:var(--text)}
.rp-t:hover{border-color:#2e7d32;background:#f3faf3}
.rp-t-punkt{width:14px;height:14px;border-radius:50%;background:#2e7d32;border:2px solid #fff;box-shadow:0 0 0 1px #2e7d32;flex:none}
.rp-t-text{display:flex;flex-direction:column;min-width:0;flex:1}
.rp-t-text small{color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rp-t-km{font-size:13px;font-weight:700;color:#2e7d32;white-space:nowrap}
.rp-t-punkt.rp-t-wea{background:#0369a1;box-shadow:0 0 0 1px #0369a1}.rp-t-punkt.rp-t-km{background:#52525b;box-shadow:0 0 0 1px #52525b;border-radius:3px}
.rp-schild-wea{border-color:#0369a1;color:#0c4a6e}.rp-schild-km{border-color:#52525b;color:#27272a}
.rp-knoepfe .btn.an{background:#ea580c;border-color:#ea580c;color:#fff}
.rp-messend{cursor:crosshair}
.rp-mess{background:#fff;border-radius:12px;box-shadow:0 4px 14px rgba(15,23,42,.18);padding:10px 12px;max-width:min(340px,calc(100vw - 60px));font-size:14px}
.rp-mess-wert{font-weight:700;margin-bottom:8px;color:#9a3412}
.rp-mess-k{display:flex;gap:6px;flex-wrap:wrap}
.rp-mess-k button{flex:1 1 auto;min-height:40px;padding:0 10px;border-radius:10px;border:1.5px solid var(--border);background:#fff;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.rp-mess-k .rp-mess-ende{background:#ea580c;border-color:#ea580c;color:#fff}
.rp-offline{margin:10px 2px 0;font-size:13px;color:var(--muted)}
.rp-offline a{font-weight:700}
.rp-karte-rahmen{grid-area:karte;position:relative}
.rp-karte{height:58vh;min-height:320px;border-radius:16px;border:1px solid var(--border);overflow:hidden;position:relative;z-index:0;isolation:isolate;background:#e8eaef}
.rp-karte .leaflet-control-layers-toggle{width:44px;height:44px}
.rp-karte .leaflet-bar a{width:40px;height:40px;line-height:40px;font-size:20px}
.rp-karte .leaflet-control-layers-expanded{font-size:15px;padding:10px 12px}
.rp-karte .leaflet-control-layers label{min-height:32px;display:flex;align-items:center}
.rp-karte .leaflet-control-attribution{font-size:11px}
.rp-schild{background:#fff;border:1px solid #2e7d32;color:#14532d;font-weight:700;font-size:12px;padding:1px 5px;box-shadow:none}
.rp-schild::before{display:none}
.rp-punkt{grid-area:punkt;margin:0}
.rp-punkt[hidden]{display:none}
.rp-p-kopf{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-bottom:6px}
.rp-p-kopf h2{margin:0;font-size:22px;overflow-wrap:anywhere;flex-basis:100%}
.rp-p-kopf small{color:var(--muted);font-size:13px}
.rp-p-marke{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#fff;background:#c40000;border-radius:999px;padding:2px 9px}
.rp-p-marke.rp-m-rp{background:#2e7d32}.rp-p-marke.rp-m-wea{background:#0369a1}.rp-p-marke.rp-m-km{background:#52525b}
.rp-p-ort{margin:0 0 8px;color:var(--text);font-size:15px}
.rp-p-ab{margin:16px 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.rp-p-nav{display:flex;flex-wrap:wrap;gap:8px}
.rp-p-nav .btn,.rp-p-nav .rp-kopie{flex:1 1 140px;justify-content:center;min-height:44px}
.rp-formate{margin:0;display:grid;gap:0;border:1px solid var(--border);border-radius:12px;overflow:hidden}
.rp-formate > div{padding:9px 12px;border-top:1px solid var(--border)}
.rp-formate > div:first-child{border-top:0}
.rp-formate dt{font-size:12px;color:var(--muted);margin:0 0 2px}
.rp-formate dd{margin:0;display:flex;align-items:center;gap:10px}
.rp-wert > span{white-space:nowrap;display:inline-block;margin-right:.6em}
.rp-wert{flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:15px;overflow-wrap:anywhere;user-select:all}
.rp-kopie{flex:none;min-height:40px;padding:0 12px;border-radius:10px;border:1.5px solid var(--border);background:#fff;font:inherit;font-size:13px;font-weight:700;color:var(--text);cursor:pointer;display:inline-flex;align-items:center}
.rp-kopie:hover{border-color:var(--rot)}
.rp-kopie.ok{border-color:#2e7d32;color:#2e7d32}
.rp-naechste{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}
.rp-leise{color:var(--muted);font-size:14px;margin:0}
.rp-quelle{font-size:12px;color:var(--muted);margin:6px 2px 16px}
.rp-dl{display:grid;gap:10px;margin:0 0 14px}
.rp-dl dt{font-size:12px;color:var(--muted)}.rp-dl dd{margin:0;font-weight:600}
.rp-hk{display:flex;gap:8px;align-items:flex-start;margin:10px 0;min-height:40px;padding-top:8px}
.rp-hk input{width:auto;margin:3px 0 0;flex:none}
.rp-wea-form{margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}
.rp-wea-form + .hilfe + form,.rp-wea-form + form{margin-top:12px}
@media (min-width:900px){
  .rp{grid-template-columns:minmax(320px,400px) minmax(0,1fr);grid-template-areas:"such karte" "punkt karte";align-items:start}
  .rp-karte-rahmen{position:sticky;top:76px}
  .rp-karte{height:calc(100vh - 120px);min-height:480px}
  html.mit-leiste .rp-karte-rahmen{top:84px}
}
@media (max-width:699px){
  .rp-form .btn span{display:none}
  .rp-karte{height:55vh;border-radius:14px}
}
@media print{.rp-such,.rp-p-nav,.rp-kopie{display:none!important}.rp{display:block}.rp-karte{height:120mm}}

/* Runder Symbol-Knopf im Seitenkopf (z. B. Rettungspunkte „Daten laden“) – nie als breiter Balken */
.btn.k-rund{width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border-radius:50%;flex:none!important;justify-content:center}
.btn.k-rund .sym{margin:0}
.seite-aktionen:has(> .k-rund:only-child){display:flex;justify-content:flex-end;width:auto}
/* Rettungspunkte: Standort · Kartenmitte · Messen in einer Reihe, am Handy als Kacheln */
.rp-knoepfe{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:700px){
  .rp-knoepfe .btn{flex-direction:column;gap:3px;min-height:58px;padding:6px 4px;font-size:13px;line-height:1.15;white-space:normal;text-align:center}
}
@media(max-width:700px){
  /* einzelner runder Knopf: oben rechts im Kopf, neben „Hilfe“ – keine eigene Zeile */
  .seite-titel:has(> .seite-aktionen > .k-rund:only-child){position:relative}
  .seite-titel > .seite-aktionen:has(> .k-rund:only-child){position:absolute;top:14px;right:14px;margin:0}
  .seite-titel:has(> .hilfe-knopf) > .seite-aktionen:has(> .k-rund:only-child){right:66px}
  .seite-titel:has(> .seite-aktionen > .k-rund:only-child) > div:first-child{padding-right:110px}
  .seite-titel .btn.k-rund{width:40px;min-width:40px;height:40px;min-height:40px}
}

/* ── Kleiderkammer (kleiderkammer.php) ── */
.kk-tag{margin-bottom:16px}
.kk-tag-t{font-size:15px;font-weight:700;color:var(--text);margin:18px 2px 8px}
.kk-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.kk-slot{display:grid;grid-template-columns:1fr auto;gap:3px 8px;align-items:center;background:#fff;border:1px solid var(--border);border-left:5px solid #146c2e;border-radius:14px;padding:12px 14px;color:var(--text);text-decoration:none;min-height:64px}
a.kk-slot:hover{border-color:#146c2e;box-shadow:0 2px 10px rgba(20,108,46,.12)}
.kk-slot b{font-size:17px}
.kk-slot small{grid-column:1/-1;font-size:13px;color:var(--muted);overflow-wrap:anywhere}
.kk-slot-h{color:#1d4ed8!important}
.kk-slot-los{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:6px;min-height:40px;border-radius:10px;background:var(--rot);color:#fff;font-weight:700;font-size:14px}
.kk-slot-los .sym{width:16px;height:16px}
.kk-frei-z{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:700;color:#146c2e;background:#effaf3;border-radius:999px;padding:3px 10px;white-space:nowrap}
.kk-frei-z .sym{width:13px;height:13px}
.kk-slot.kk-voll{border-left-color:#c4c7cf;background:#fafafb}
.kk-slot.kk-voll .kk-frei-z{color:var(--muted);background:#eef0f4}
.kk-slot.kk-meins{border-left-color:#1d4ed8}
.kk-slot.kk-meins .kk-frei-z{color:#1d4ed8;background:#e8eefc}
.kk-termin-kopf{display:flex;gap:12px;align-items:center;background:#fff;border-radius:16px;padding:14px;margin-bottom:12px;box-shadow:0 1px 3px rgba(15,23,42,.06)}
.kk-termin-kopf > div{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.kk-termin-kopf > div > span{font-size:14px;color:var(--muted)}
.kk-hinweis{display:flex;gap:6px;align-items:flex-start;color:#1d4ed8!important}
.kk-hinweis .sym{width:15px;height:15px;flex:none;margin-top:2px}
.kk-anliegen{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin:0 0 12px}
.kk-a{position:relative;display:block;cursor:pointer}
.kk-a input{position:absolute;opacity:0;inset:0;margin:0}
.kk-a span{display:flex;align-items:center;gap:8px;min-height:48px;padding:10px 12px;border:1.5px solid var(--border);border-radius:12px;background:#fff;font-weight:600;font-size:14.5px}
.kk-a span .sym{width:18px;height:18px;color:var(--muted);flex:none}
.kk-a input:checked + span{border-color:var(--rot);background:var(--rot-hell,#fdeaea);color:var(--rot-dunkel,#8a0000)}
.kk-a input:checked + span .sym{color:var(--rot)}
.kk-a input:focus-visible + span{outline:3px solid rgba(196,0,0,.3);outline-offset:2px}
.kk-frei{font-weight:500;font-size:13px;color:var(--muted);margin-left:6px;text-transform:none;letter-spacing:0}
.kk-klein{font-size:13px}
.kk-grund{color:#a40000;font-size:13.5px}
.kk-alt{opacity:.85}
.kk-z{background:#fff;border-radius:16px;box-shadow:0 1px 2px rgba(16,24,40,.06),0 4px 14px rgba(16,24,40,.06);padding:14px 16px;margin-bottom:12px}
.kk-z-ab{background:#fafafb}
.kk-z-kopf{display:flex;gap:12px;align-items:center}
.kk-z-t{display:flex;flex-direction:column;flex:1;min-width:0}
.kk-z-t b{font-size:17px}.kk-z-t span{font-size:13px;color:var(--muted)}
.kk-b{border:1px solid #eef0f4;border-left:4px solid #146c2e;border-radius:12px;padding:10px 12px;margin-top:10px}
.kk-b-erledigt{border-left-color:#1d4ed8}.kk-b-nicht_da{border-left-color:#d97706}.kk-b-abgesagt,.kk-b-storniert{border-left-color:#c4c7cf;background:#fafafb}
.kk-b-kopf{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.kk-b-an{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.kk-chip{font-size:12.5px;font-weight:700;background:#f3f4f6;border-radius:999px;padding:2px 9px}
.kk-b-text{margin:6px 0 0;font-size:14px}
.kk-gr{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0}
.kk-gr > div{background:#f7f8fa;border-radius:8px;padding:4px 9px}
.kk-gr dt{font-size:11.5px;color:var(--muted)}.kk-gr dd{margin:0;font-weight:700;font-size:14px}
.kk-b-fuss,.kk-z-fuss{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;margin-top:10px;font-size:13px}
.kk-z-fuss{justify-content:flex-start;padding-top:10px;border-top:1px solid #eef0f4}
.kk-ab{position:relative}
.kk-ab > summary{list-style:none;cursor:pointer}
.kk-ab > summary::-webkit-details-marker{display:none}
.kk-ab[open] > summary{background:#f3f4f6}
.kk-ab-f{display:flex;flex-direction:column;gap:8px;margin-top:8px;padding:12px;border:1px solid var(--border);border-radius:12px;background:#fff;min-width:min(420px,80vw)}
.kk-ab-f .fl{margin:0}
.kk-raster{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.kk-raster .kk-breit,.kk-raster button{grid-column:1/-1}
.kk-rot{color:#a40000}
.kk-warn{display:flex;gap:6px;align-items:flex-start;color:#92400e;background:#fff7ed;border-radius:8px;padding:8px 10px;font-size:13.5px;margin:0}
.kk-warn .sym{width:16px;height:16px;flex:none;margin-top:2px}
@media (max-width:700px){
  .kk-raster{grid-template-columns:1fr 1fr}
  .kk-ab-f{min-width:0}
  .kk-z-fuss .kk-ab{flex:1 1 100%}
  .kk-b-fuss .sem-k-knoepfe{width:100%}
  .kk-termin-kopf{flex-wrap:wrap}
  .kk-anderer{flex:1 1 100%;justify-content:center}
  .ff-raster.kk-groessen{grid-template-columns:1fr 1fr;gap:0 10px}
  .ff-raster.kk-groessen > .ff-feld{grid-column:auto;min-width:0}
  .kk-slots{grid-template-columns:1fr 1fr;gap:8px}
  .kk-slot{padding:10px 11px}
  .kk-slot b{font-size:15.5px;grid-column:1/-1}
  .kk-slot .kk-frei-z{grid-column:1/-1;justify-self:start}
  .kk-slot small{font-size:12px}
  .kk-slot-los{min-height:36px;font-size:13.5px}
}
.kk-tag-t small{font-weight:500;color:var(--muted);font-size:13px}

/* ── BITV NRW / WCAG 2.1 AA: Umfließen bei 320 px (1.4.10), nichts läuft seitlich hinaus ── */
.kfz-tipp > *,.kfz-versicherung > *{min-width:0;overflow-wrap:anywhere}
.kk-b-kopf b{min-width:0;overflow-wrap:anywhere}
.kk-raster > *{min-width:0}
.kk-raster input{width:100%}
.dk-t b{overflow-wrap:anywhere}
.dk-t .badge{display:block;width:fit-content;margin-top:3px}
@media (max-width:400px){
  .btn{white-space:normal;max-width:100%;height:auto;text-align:center;line-height:1.25;padding-top:6px;padding-bottom:6px}
  .btn > span,.btn{overflow-wrap:anywhere}
}
/* Sicherheitsprotokoll: „Erledigt“ neben der aufklappbaren Zeile (nicht im summary – WCAG 4.1.2) */
.si-e-rahmen{position:relative}
.si-e-rahmen > details.si-e > summary{grid-template-columns:minmax(0,1fr) auto;padding-right:130px}
.si-e-rahmen > .si-erl-form{position:absolute;top:6px;right:10px;margin:0}
@media (max-width:600px){
  .si-e-rahmen > details.si-e > summary{padding-right:12px}
  .si-e-rahmen > .si-erl-form{position:static;margin:6px 0 4px}
}

.vf-suche:focus-within{border-color:var(--rot);box-shadow:0 0 0 3px rgba(179,0,0,.35)}
.auto-akt{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;color:var(--muted);min-height:40px;margin:0 0 10px;cursor:pointer}
.auto-akt input{margin:0}

/* ── Erklärung zur Barrierefreiheit, Leichte Sprache ── */
.bf{max-width:820px;margin:0 auto}
.bf-k h2{font-size:18px;margin:0 0 10px}
.bf-k p{margin:0 0 10px;line-height:1.6}
.bf-k p:last-child{margin-bottom:0}
.bf-liste{margin:0 0 4px 20px;line-height:1.6}
.bf-liste li{margin-bottom:6px}
.bf-nicht li::marker{color:var(--rot)}
.bf-stand{display:flex;gap:10px;align-items:flex-start;background:#fff8eb;border:1px solid #f1d39b;border-left:5px solid #b45309;border-radius:12px;padding:12px 14px}
.bf-stand .sym{width:18px;height:18px;flex:none;color:#92400e;margin-top:3px}
.bf-kontakt{display:flex;gap:8px;align-items:center;font-weight:700;overflow-wrap:anywhere}
.bf-kontakt .sym{width:18px;height:18px;flex:none;color:var(--rot)}
.bf-form{display:flex;flex-direction:column;gap:6px;margin-top:12px}
.bf-form .fl{margin:6px 0 0}
.bf-form .btn{align-self:flex-start;margin-top:8px}
.bf-klein{font-size:13px}
.bf-dl{display:grid;gap:8px;margin:0}
.bf-dl > div{border-bottom:1px solid var(--border);padding-bottom:6px}
.bf-dl dt{font-size:12.5px;color:var(--muted);font-weight:700}
.bf-dl dd{margin:2px 0 0;overflow-wrap:anywhere}
.ls .bf-k p{font-size:18px;line-height:1.7;margin-bottom:8px}
.ls .bf-liste{font-size:18px;line-height:1.7}
.ls .bf-k h2{font-size:21px}
.fuss{display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:center;align-items:center}
.fuss a{min-height:32px;display:inline-flex;align-items:center}
input[type=date]:focus-within,input[type=time]:focus-within,input[type=datetime-local]:focus-within{border-color:var(--rot);box-shadow:0 0 0 3px rgba(179,0,0,.35)}

/* ── Sicherheitsvorfälle (admin/vorfaelle.php) und Dateiprüfung im Server-Check ── */
.svf-fristen{list-style:none;margin:10px 0;padding:0;display:grid;gap:8px}
.svf-fristen li{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;padding:10px 12px;border-radius:10px;border-left:5px solid var(--feld-rand);background:var(--silber-hell)}
.svf-fristen li b{flex:1 1 220px}
.svf-fristen li span{font-weight:700}
.svf-fristen .svf-f-ok{border-left-color:var(--gruen);background:#ecf7ef}
.svf-fristen .svf-f-bald{border-left-color:#b35c00;background:#fff4e0}
.svf-fristen .svf-f-rot{border-left-color:#b42318;background:#fdecea;color:#7a1410}
.svf-schalter{display:flex;gap:10px;align-items:flex-start;margin:10px 0;padding:10px 12px;border:1px solid var(--border);border-radius:10px;cursor:pointer}
.svf-schalter input{width:22px;height:22px;flex-shrink:0;margin-top:2px}
.svf-h3{font-size:16px;margin:16px 0 6px}
.svf-wohin{margin-top:8px}.svf-wohin summary{cursor:pointer;font-weight:700;min-height:44px;display:flex;align-items:center}
.svf-wohin ul{margin:4px 0 0;padding-left:20px}.svf-wohin li{margin:4px 0}
.svf-notiz{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;margin-bottom:12px}.svf-notiz .fl{flex:1 1 260px;margin:0}
.ap-dateien-f{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}

/* ── Seminar aus einem Ticket (Ticket-Seitenleiste, Formular unter „IdF-Seminar buchen“) ── */
.tkt-sem p{display:flex;gap:10px;align-items:flex-start;margin:0 0 10px}
.tkt-sem p>svg{flex:0 0 auto;width:20px;height:20px;color:var(--blau);margin-top:2px}
.tkt-sem p span{display:flex;flex-direction:column;gap:2px}
.tkt-sem small{color:var(--muted);line-height:1.35}
.tkt-sem .btn{width:100%;justify-content:center}
.sem-aus-ticket{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;margin:0 0 14px;border-radius:12px;background:var(--blau-hell);border-left:4px solid var(--blau)}
.sem-aus-ticket>svg{flex:0 0 auto;width:20px;height:20px;color:var(--blau);margin-top:2px}
.sem-aus-ticket span{display:flex;flex-direction:column;gap:4px;min-width:0;overflow-wrap:anywhere}
.sem-aus-ticket small{color:var(--muted);line-height:1.4}
.sem-tickets{padding:0;overflow:hidden;border-left:4px solid var(--blau)}
.sem-tickets>summary{display:flex;gap:10px;align-items:center;padding:14px 16px;cursor:pointer;min-height:44px}
.sem-tickets>summary>svg{width:22px;height:22px;color:var(--blau);flex:0 0 auto}
.sem-tickets>summary span{display:flex;flex-direction:column;gap:2px}
.sem-tickets>summary small{color:var(--muted)}
.sem-tk-form{padding:0 16px 16px}
.sem-tk{list-style:none;margin:8px 0 12px;padding:0;display:grid;gap:8px}
.sem-tk li{display:grid;grid-template-columns:minmax(0,1fr) 220px auto;gap:8px 12px;align-items:end;padding:10px 12px;border:1px solid var(--border);border-radius:12px}
.sem-tk-wahl{display:flex;gap:10px;align-items:flex-start;cursor:pointer;min-width:0}
.sem-tk-wahl input{width:22px;height:22px;flex:0 0 auto;margin-top:2px}
.sem-tk-wahl span{display:flex;flex-direction:column;gap:2px;min-width:0;overflow-wrap:anywhere}
.sem-tk-wahl small{color:var(--muted)}
.sem-tk-e{margin:0}
.sem-tk-fuss{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:flex-end}
.sem-tk-fuss .fl{margin:0;flex:0 1 240px}
@media(max-width:700px){.sem-tk li{grid-template-columns:1fr}.sem-tk li .btn{justify-self:start}.sem-tk-fuss .btn{width:100%;justify-content:center}}

/* ── IdF-Seminar: kompakte Zeilen zum Aufklappen (29.10.2026, „Liste wird länger“) ── */
details.sem-k{padding:0;margin-bottom:8px;overflow:hidden}
details.sem-k>summary.sem-k-kopf{list-style:none;cursor:pointer;padding:12px 44px 12px 16px;align-items:center;position:relative;min-height:44px}
details.sem-k>summary::-webkit-details-marker{display:none}
details.sem-k>summary::after{content:'';position:absolute;right:18px;top:50%;width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:translateY(-70%) rotate(45deg);transition:transform .15s}
details.sem-k[open]>summary::after{transform:translateY(-30%) rotate(-135deg)}
details.sem-k[open]>summary{border-bottom:1px solid #eef0f4}
details.sem-k .sem-k-sem{font-size:16px;overflow-wrap:normal;word-break:normal;hyphens:auto}
details.sem-k .sem-k-p{font-size:13.5px;color:var(--muted)}
.sem-k-marken{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;flex:none}
.sem-k-marken .zk-marke{white-space:nowrap}
.sem-k-inhalt{padding:4px 16px 14px}
.sem-gruppe{margin-bottom:14px}
.sem-gr-t{display:flex;align-items:center;gap:8px;font-size:15px;margin:14px 2px 8px;color:var(--text)}
.sem-gr-t span{font-size:12px;font-weight:700;background:#eef0f4;border-radius:10px;padding:1px 8px;color:#3a4150}
.sem-suche{width:100%;margin:0 0 10px}
@media(max-width:700px){
  details.sem-k>summary.sem-k-kopf{flex-direction:column;align-items:flex-start;gap:6px;padding:12px 40px 12px 14px}
  .sem-k-marken{justify-content:flex-start}
  .sem-k-inhalt{padding:4px 14px 12px}
}

/* Einsatzbericht-Stammdaten: Ergebnis des FE2-Imports */
.fe2-erg{padding:10px 0;border-top:1px solid var(--border)}
.fe2-erg:first-of-type{border-top:0}
.fe2-erg p{margin:6px 0}
.fe2-liste summary{cursor:pointer;font-weight:500;min-height:40px;display:flex;align-items:center}
.fe2-liste p{overflow-wrap:anywhere}
.eb-fe2-form{display:grid;gap:10px;margin-top:8px}

/* Kleiderkammer-Übersicht: freie Termine als kompakte Zeile (31.10.2026, „kompakter am Handy“) */
.kk-zl{background:#fff;border-radius:12px;box-shadow:0 1px 2px rgba(16,24,40,.06);margin-bottom:6px}
.kk-zl > summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:10px 14px;min-height:48px}
.kk-zl > summary::-webkit-details-marker{display:none}
.kk-zl > summary b{font-size:15px;white-space:nowrap}
.kk-zl > summary span:not(.zk-marke):not(.kk-zl-pfeil){flex:1;min-width:0;font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kk-zl-pfeil{color:var(--muted);display:inline-flex}
.kk-zl-pfeil svg{width:16px;height:16px}
.kk-zl[open] > summary{border-bottom:1px solid #eef0f4}
.kk-zl > .kk-z-fuss{margin:0;padding:10px 14px 12px;border-top:0}

/* Verfügbarkeit: nicht Verfügbare zugeklappt */
.vf-rest > summary{cursor:pointer;padding:10px 16px;font-size:13px;font-weight:500;color:var(--muted);min-height:44px;display:flex;align-items:center;border-top:1px solid #eef0f4}
.vf-rest[open] > summary{color:var(--text)}

/* Startseite am Handy kompakter (31.10.2026): „Gerade wichtig“ als Zeile mit Symbol links, Favoriten niedriger */
@media(max-width:700px){
  .sx-lk{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;align-items:center;padding:11px 12px;border-radius:16px}
  .sx-lk-ic{grid-row:span 2;width:34px;height:34px}
  .sx-lk-z{margin-top:0;font-size:22px}
  .sx-lk-z .sym{width:20px;height:20px}
  .sx-lk-t{margin-top:2px;font-size:12px;line-height:1.25}
  .sx-lk-termin{grid-row:span 2;margin-top:0}
  .sx-lk-termin span{font-size:14px}
  .sx-fk{min-height:84px;padding:12px;border-radius:18px}
  .sx-fk-sym{width:34px;height:34px;border-radius:11px}
  .sx-fk-sym .sym{width:18px;height:18px}
  .sx-fk-unten{margin-top:8px}
  .sx-fk-unten b{font-size:15px}
  .sx-fk-wz .sym{width:70px;height:70px}
  .sx-fk-chip{top:12px;right:12px;font-size:11px;padding:3px 8px}
  .sx-fav.klein .sx-fk{min-height:80px}
}

/* Tickets am Handy kompakter (31.10.2026): Stände in einer Zeile, Karten mit einzeiligem Bereich */
@media(max-width:700px){
  .tkt-kacheln.n5{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
  .tkt-kacheln.n5 .tkt-kachel{padding:8px 2px;border-radius:12px}
  .tkt-kacheln.n5 .tkt-kachel b{font-size:18px}
  .tkt-kacheln.n5 .tkt-kachel > span:last-child{font-size:11px;line-height:1.15;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:normal}
  .tkt-kacheln .tkt-kachel-s{display:none}
  .tkt-karten{gap:6px}
  .tkt-karte{padding:10px 12px;border-radius:14px}
  .tkt-karte-s{width:32px;height:32px;border-radius:10px}
  .tkt-karte-s .sym{width:17px;height:17px}
  .tkt-karte-t{gap:2px}
  .tkt-karte-t b{font-size:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .tkt-karte-t small{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal}
  .tkt-karte-d{font-size:12px}
}

/* BSW „Noch zuzuweisen“ am Handy: Einheit und Knopf in einer Zeile; News: Teilen nur als Symbol */
@media(max-width:700px){
  .bsw-e{grid-template-columns:minmax(0,1fr) auto;gap:6px 8px}
  .bsw-e .bsw-e-t,.bsw-e input[type=datetime-local]{grid-column:1 / -1}
  .bsw-e input[type=datetime-local]{order:1}
  .bsw-e select{grid-column:1;order:2}
  .bsw-e .btn{order:3;width:auto;margin:0}
  .nw-teilen{padding:4px 12px 8px;gap:6px}
  .nw-wa,.nw-teil{font-size:0;gap:0;padding:0;width:40px;height:40px;min-height:40px;justify-content:center}
  .nw-wa .sym,.nw-teil .sym{width:18px;height:18px}
}

/* Weitere Seiten am Handy kompakter (31.10.2026) */
.eb-einheit-wahl{display:none}
@media(max-width:700px){
  /* Einsatzbericht-Stammdaten: Einheit als Auswahl statt Kachelwand */
  .eb-einheit-wahl{display:block;margin:0 0 12px}
  .eb-einheit-wahl .fl{margin:0}
  nav.reiter.eb-unterreiter.eb-viele{display:none!important}
  .zk-vorschlaege{display:flex;flex-wrap:wrap;gap:6px}
  .zk-vorschlaege .zk-chip{min-height:40px;padding:6px 10px;font-size:13px}
  /* Einsatzbereitschaft: drei Ampeln in einer Zeile, „Nur Einschränkungen“ darunter */
  .fz-legende{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .fz-leg{justify-content:center;padding:6px 4px;font-size:12px;gap:5px;text-align:center;line-height:1.15}
  .fz-leg.fz-nur{grid-column:1 / -1}
  .fz-gesamt{grid-column:1 / -1}
  /* Aufnahmeanträge: vier Zahlen in einer Zeile */
  .af-zahlen{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .af-zahlen > div{display:flex;align-items:center;gap:8px;padding:8px 10px;border-left-width:4px}
  .af-zahlen b{font-size:20px;display:inline}
  .af-zahlen span{font-size:12px;line-height:1.2}
  /* Leitstellenberichte: Suchen-Knopf neben dem Feld, Hinweise höchstens zwei Zeilen */
  .lts-suche{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
  .lts-suche .lts-filter{grid-column:1 / -1;order:2}
  .lts-suche .lts-s-q{order:0}
  .lts-suche > .btn{order:1;width:auto;margin:0}
  .lts-suche > a.btn{order:3;grid-column:1 / -1}
  .lts-warn{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
}

/* GBU: Prüfpunkte, Änderungen der Leitung, Korrektur (31.10.2026) */
.gbu-fehlt{border:1.5px solid #f5c26b;background:#fff8e6;border-radius:12px;padding:12px 14px;margin:0 0 12px}
.gbu-fehlt p{margin:0 0 6px}
.gbu-fehlt .sym{width:16px;height:16px;vertical-align:-3px;color:#b45309}
.gbu-fehlt-t{font-size:13px;color:#6b4b0f}
.gbu-fehlt small{display:block;margin-top:6px}
.gbu-ok{margin:0 0 12px;font-size:14px;color:#15803d;font-weight:500}
.gbu-ok .sym{width:16px;height:16px;vertical-align:-3px}
.gbu-leitung{display:inline-block;margin-top:4px;font-size:11px;font-weight:700;color:#1d4ed8;background:#e8eefc;border-radius:999px;padding:2px 7px;white-space:nowrap}
tr.gbu-hw td{background:#fdecec;color:#991b1b;font-size:13px;padding:8px 12px;border-top:0}
tr.gbu-hw .sym{width:15px;height:15px;vertical-align:-2px}
.gbu-warn{color:#991b1b;background:#fdecec;border-radius:10px;padding:8px 12px;font-size:14px}
.gbu-warn .sym{width:15px;height:15px;vertical-align:-2px}
.gbu-korr-zeilen{margin:8px 0 12px}
.gbu-korr-zeilen > summary{cursor:pointer;font-weight:700;min-height:40px;display:flex;align-items:center}
.gbu-korr-zeilen .fl{margin:8px 0}
.gbu-korr-fehlt{border:1px solid var(--border);border-radius:12px;padding:8px 12px;margin:0 0 12px}
.gbu-korr-fehlt legend{font-weight:700;font-size:14px;padding:0 4px}
.gbu-la-p{margin:4px 0 0;padding-left:18px;font-size:13px}
@media(max-width:700px){ tr.gbu-hw{display:block} tr.gbu-hw td{display:block;border-radius:0 0 12px 12px;margin-top:-8px} }

/* ── Kompakter am Handy, Runde 3 (31.10.2026): Protokoll, Konten, Sicherheit ── */
.prot-mehr{margin-top:4px;font-size:12.5px}
.prot-mehr > summary{cursor:pointer;color:var(--rot);font-weight:700;min-height:40px;display:inline-flex;align-items:center}
.prot-mehr ul{margin:4px 0 0;padding:0;list-style:none;max-height:260px;overflow:auto;border-top:1px dashed var(--border)}
.prot-mehr li{padding:4px 0;border-bottom:1px dashed var(--border);overflow-wrap:anywhere}
.prot-mehr li > span{font-variant-numeric:tabular-nums;color:var(--muted);font-weight:700;margin-right:4px}
@media(max-width:700px){
  .zk.prot-z{padding:8px 10px;gap:10px}
  .zk.prot-z .zk-zeit{min-width:46px;padding:4px 6px;font-size:12.5px}
  .zk.prot-z .zk-t b{font-size:14px}
  .zk.prot-z .prot-det{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  /* Konten: eine Zeile Name + Profil, darunter Einheit · zuletzt; Adresse nur im Konto */
  .bn-wahl{flex:0 0 44px}
  .bn-link{grid-template-columns:auto minmax(0,1fr) auto;row-gap:2px;padding:8px 10px}
  .bn-link > .bn-kreis{width:34px;height:34px;font-size:12.5px}
  .bn-link > .bn-t{grid-column:2;grid-row:1 / span 2}
  .bn-link > .bn-t b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .bn-link .bn-t .bn-mail{display:none}
  .bn-link > .bn-badges{grid-column:3;grid-row:1;justify-self:end}
  .bn-link > .bn-badges .badge{font-size:11px;padding:2px 7px}
  .bn-link > .sym{display:none}
  .bn-liste{gap:6px}
  /* Sicherheit: „Erledigt“ als runder Haken oben rechts, Zeile darunter ohne Lücke */
  .si-e-rahmen > details.si-e > summary{padding-right:58px}
  .si-e-rahmen > .si-erl-form{position:absolute;top:4px;right:6px;margin:0}
  .si-e-rahmen > .si-erl-form .btn{min-height:44px;min-width:44px;padding:0;justify-content:center;border-radius:50%}
  .si-e-rahmen > .si-erl-form .si-erl-txt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  details.si-e > summary{grid-template-columns:minmax(0,1fr)}
  details.si-e .si-zeit{grid-row:2;font-size:12px}
}
@media(max-width:600px){
  /* Fahrzeugausfall: Klarmeldung und Löschen in einer Zeile */
  .fz-fuss{flex-direction:row;flex-wrap:wrap;align-items:center}
  .fz-fuss form:not(.fz-weg){flex:1 1 0;min-width:0}
  .fz-fuss .fz-hinweis{order:3;flex-basis:100%}
  .fz-weg{margin-left:0;align-self:center}
  .fz-weg .btn{min-height:44px;min-width:44px}
  /* klargemeldet: kein Datumsblock-Zwang, Text darf schmaler brechen */
  .zk.fa-zk-klar .zk-t b{overflow-wrap:anywhere}
}
@media(max-width:700px){.bn-link .bn-t small{white-space:normal;overflow:visible;text-overflow:clip}}

/* ── Kalender verwalten: Gruppen zum Aufklappen, Suche, „Übernehmen“ zugeklappt (31.10.2026) ── */
.bu-ueb-klapp > summary small{font-weight:500;margin-left:6px;text-transform:none;letter-spacing:0}
.bu-ueb-klapp[open] > summary{margin-bottom:12px!important}
.bu-ueb-klapp .bu-uebernahme{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:0 0 14px;margin:0 0 14px;border-bottom:1px solid var(--border)}
.bu-ueb-klapp .bu-import{margin:0}
.bu-r-suche{display:flex;align-items:center;gap:8px;margin:0 0 12px;padding:0 12px;border:1.5px solid var(--feld-rand,#858a94);border-radius:12px;background:#fff;min-height:48px}
.bu-r-suche:focus-within{border-color:var(--rot);box-shadow:0 0 0 3px rgba(179,0,0,.35)}
.bu-r-suche .sym{width:18px;height:18px;color:var(--muted);flex:none}
.bu-r-suche input{border:none!important;box-shadow:none!important;outline:none;flex:1;min-width:0;padding:10px 0;background:transparent}
details.klk{padding:0;overflow:hidden}
details.klk > summary.klk-k{list-style:none;display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;min-height:52px}
details.klk > summary.klk-k::-webkit-details-marker{display:none}
details.klk > summary.klk-k b,details.klk > summary.klk-k h2{flex:1;font-size:15.5px;margin:0;font-weight:700}
details.klk > summary.klk-k::after{content:"";width:9px;height:9px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);margin:0 4px 4px 2px;transition:transform .15s}
details.klk[open] > summary.klk-k::after{transform:rotate(225deg);margin-bottom:-2px}
.klk-n{min-width:28px;padding:2px 9px;border-radius:999px;background:var(--soft,#f1f2f5);font-weight:700;font-size:13px;text-align:center}
details.bu-r-gr > .dok-liste{padding:0 12px 12px;margin:0;border-top:1px solid var(--border)}
details.bu-r-gr > .dok-liste > .dok:first-child{margin-top:12px}
@media(max-width:700px){
  details.bu-r-gr > .dok-liste{padding:0 8px 8px}
  details.bu-r-gr .dok{padding:8px 10px;gap:8px}
  details.bu-r-gr .dk-ic{width:34px;height:34px}
  details.bu-r-gr .dk-t small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
}
@media(max-width:700px){
  /* Kalender-Verlauf: knapper wie die Aktivitäten */
  .bu-verlauf .zk{padding:8px 10px;gap:10px}
  .bu-verlauf .zk .zk-zeit{min-width:46px;padding:4px 6px;font-size:12.5px}
  .bu-verlauf .zk .zk-t b{font-size:14px}
  .bu-v-mehr summary{margin-top:0}
}

/* Gemeinsame Klappkarte (details.klk): Inhalt mit Innenabstand – „Wer sieht was?“ (31.10.2026) */
details.ru-karte.klk > :not(summary){margin-left:16px;margin-right:16px}
details.ru-karte.klk[open]{padding-bottom:14px}
details.ru-karte.klk[open] > summary{border-bottom:1px solid var(--border);margin-bottom:12px}
details.ru-gr{border-bottom:1px solid var(--border)}
details.ru-gr > summary.ru-gruppe{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;margin:0;padding:12px 0;min-height:44px}
details.ru-gr > summary.ru-gruppe::-webkit-details-marker{display:none}
details.ru-gr > summary.ru-gruppe::after{content:"";margin-left:auto;width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg)}
details.ru-gr[open] > summary.ru-gruppe::after{transform:rotate(225deg)}
details.ru-gr > summary .klk-n{text-transform:none;letter-spacing:0;color:var(--text)}
/* Server-Check: was in Ordnung ist, zugeklappt (31.10.2026) */
.ap-alles-ok{display:inline-flex;align-items:center;gap:4px;margin-left:8px;font-size:12.5px;font-weight:700;color:#15803d;text-transform:none;letter-spacing:0}
.ap-alles-ok .sym{width:14px;height:14px}
details.ap-gut{margin-top:6px}
details.ap-gut > summary{cursor:pointer;color:#15803d;font-weight:700;font-size:13.5px;min-height:40px;display:flex;align-items:center;gap:6px}
details.ap-gut[open] > summary{margin-bottom:4px}
details.klk > .ap-tab-wrap{margin:0 16px 16px}
@media(max-width:700px){
  /* Ticket-Liste: der Fortschrittsbalken wiederholt „Eingegangen – liegt bei …“ – am Handy weg, Karte niedriger */
  .tkt-karte .tkt-mini{display:none}
  .tkt-karte{padding-top:10px;padding-bottom:10px}
}
/* Statistik/Sicherung: Langes zugeklappt (31.10.2026) */
details.ap-rang-mehr,details.si-aelter{margin-top:8px}
details.ap-rang-mehr > summary,details.si-aelter > summary{cursor:pointer;font-weight:700;font-size:13.5px;color:var(--rot);min-height:40px;display:flex;align-items:center}
details.si-aelter > .zk-liste{margin-top:8px}
details.klk > .tkt-regeln{margin:0 16px 16px}

/* ── Notfallblatt, Notfallmappe, Störung & Sicherheit (31.10.2026, admin/notfall.php, notfallmappe.php, lage.php) ── */
.nf-stand{border-left:5px solid var(--border)}
.nf-stand.nf-gruen{border-left-color:#15803d}.nf-stand.nf-gelb{border-left-color:#d97706}.nf-stand.nf-rot{border-left-color:#d90036}
.nf-an{font-size:14px;color:var(--muted);overflow-wrap:anywhere}
.nf-knoepfe{margin:8px 0 0}
.nf-rot,.lz-rot{color:#b91c1c;font-weight:700}
.nf-warn{display:flex;gap:8px;align-items:flex-start;background:#fff7ed;border-left:4px solid #d97706;border-radius:10px;padding:10px 12px;font-size:14px;margin:0 0 14px}
.nf-warn .sym{flex:0 0 auto;width:18px;height:18px;color:#b45309;margin-top:2px}
.nf-raster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
.nf-raster label.fl{min-width:0}
.nf-raster .nf-voll{grid-column:1 / -1}
.nf-raster small{display:block;font-size:13px;color:var(--muted);margin:-2px 0 6px;line-height:1.4}
.nf-dl{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:8px 16px;margin:0;font-size:14px}
.nf-dl dt{font-weight:700;color:var(--gray)}
.nf-dl dd{margin:0;white-space:pre-line;overflow-wrap:anywhere}
.nf-h3,.lz-h3{font-size:16px;margin:18px 0 6px}
.nf-ol{margin:4px 0 0;padding-left:22px;font-size:14px;line-height:1.5}
.nf-ol li{margin:6px 0}
.nf-schalter{display:flex;gap:10px;align-items:flex-start;margin:0 0 14px;font-size:15px}
.nf-schalter input{width:20px;height:20px;flex:0 0 auto;margin-top:2px}
.nf-schalter small{color:var(--muted)}
.nf-wer ul{margin:0;padding-left:20px;font-size:14px;line-height:1.55}
.nf-wer li{margin:6px 0}
.lz-kacheln{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 14px}
.lz-k{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:14px;background:#fff;box-shadow:var(--shadow, 0 1px 4px rgba(0,0,0,.08));border-left:5px solid var(--border);color:var(--text);text-decoration:none;min-width:0}
.lz-k b{font-size:22px;line-height:1.1}
.lz-k span{font-size:13px;color:var(--muted);overflow-wrap:anywhere}
.lz-k.rot{border-left-color:#d90036}.lz-k.rot b{color:#b91c1c}
.lz-k.gelb{border-left-color:#d97706}.lz-k.gelb b{color:#b45309}
.lz-k.gruen{border-left-color:#15803d}.lz-k.gruen b{color:#15803d}
.lz-sek,.lz-cve,#vorschau{scroll-margin-top:calc(var(--kopf-hoehe, 64px) + 14px)}
.lz-schritt{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--nacht, #1f2933);color:#fff;font-size:14px;font-weight:800;margin-right:4px;flex:0 0 auto}
.lz-hilfe{font-size:14px;color:var(--muted);line-height:1.5;margin:4px 0 10px}
.lz-gut{display:flex;gap:6px;align-items:center;font-size:14px;color:#15803d;margin:12px 0 0}
.lz-gut .sym{width:18px;height:18px}
.lz-cve{border:1.5px solid var(--border);border-left:5px solid #94a3b8;border-radius:12px;padding:10px 12px;margin:10px 0;background:#fff}
.lz-cve.kritisch{border-left-color:#d90036}.lz-cve.hoch{border-left-color:#d97706}.lz-cve.mittel{border-left-color:#2563eb}
.lz-cve.erledigt{background:#f8fafc;border-left-color:#15803d}
.lz-cve-k{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center}
.lz-cve p{margin:6px 0;font-size:14px;line-height:1.45;overflow-wrap:anywhere}
.lz-bew{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:6px}
.lz-bew input[type=text]{flex:1 1 12rem;min-width:0}
.lz-weitere{margin-top:10px}
.lz-offen{background:#fff7ed;border-left:4px solid #d97706;border-radius:10px;padding:10px 12px;font-size:14px}
.lz-form{display:grid;gap:12px}
.lz-fs{border:0;padding:0;margin:0;min-width:0}
.lz-fs legend{font-weight:800;font-size:15px;margin-bottom:6px;padding:0}
.lz-chips{display:flex;flex-wrap:wrap;gap:8px}
.lz-chips label{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--feld-rand, #858a94);border-radius:999px;padding:7px 14px;font-size:14px;background:#fff;cursor:pointer;min-width:0;min-height:44px}
.lz-chips label:has(input:checked){border-color:var(--rot);background:var(--rot-hell, #fdecec);font-weight:700}
.lz-chips label:has(input:disabled){filter:grayscale(1);background:#f1f3f5;cursor:not-allowed}
.lz-chips input{width:18px;height:18px;margin:0;flex:0 0 auto}
.lz-chips .sym{width:16px;height:16px;flex:0 0 auto}
.lz-chips label > span{min-width:0;overflow-wrap:anywhere}
.lz-adr{display:block;font-weight:400;font-size:12px;color:var(--muted)}
.lz-frei,.lz-suche{width:100%;margin-top:8px}
.lz-form:has(input[name=art][value=entwarnung]:checked) .lz-nicht-entw{display:none}
.lz-vorschau-b{margin-top:16px}
.lz-vorschau{border:2px dashed #94a3b8;border-radius:12px;padding:12px 16px;background:#fff;font-size:15px;line-height:1.5;overflow-wrap:anywhere}
.lz-betr{font-weight:800;margin-bottom:6px}
.lz-knoepfe{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}
.lz-pers{max-height:28rem;overflow:auto;margin:10px 0;padding:2px}
.lz-pgr{margin:4px 0 12px}
.lz-pgr h3{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:6px 0}
.lz-pliste{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px}
.lz-pliste > label{display:grid;grid-template-columns:auto 36px minmax(0,1fr);align-items:center;gap:10px;padding:8px 12px;border:1.5px solid var(--border);border-radius:12px;background:#fff;cursor:pointer;min-width:0;margin:0}
.lz-pliste > label:has(input:checked){border-color:var(--rot);background:var(--rot-hell, #fdecec)}
.lz-pliste > label[hidden]{display:none}
.lz-pliste input{width:18px;height:18px;margin:0}
.lz-ini{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;background:#e2e8f0;color:#1e293b}
.lz-pliste label:has(input:checked) .lz-ini{background:var(--rot);color:#fff}
.lz-pn{min-width:0;line-height:1.25}
.lz-pn b{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lz-pn small{display:block;font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:700px){
  .nf-raster{grid-template-columns:1fr}
  .nf-dl{grid-template-columns:1fr;gap:2px}.nf-dl dd{margin-bottom:8px}
  .lz-kacheln{gap:6px}.lz-k{padding:10px}.lz-k b{font-size:18px}
  .lz-pliste{grid-template-columns:1fr}
}

/* ── Kompakter am Handy, sechste Runde (31.10.2026): Sicherheitsprotokoll – je Ereignis zwei Zeilen ── */
@media (max-width:700px){
  .si-e-rahmen > details.si-e > summary{padding:7px 52px 7px 10px;gap:2px 8px}
  .si-e-t{gap:3px 6px;min-width:0}
  .si-e-t > b{flex:1 1 0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13.5px}
  .si-e-t .si-stufe{flex:none;font-size:11px;padding:1px 6px}
  details.si-e .si-e-wer{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}
  details.si-e[open] .si-e-wer,details.si-e[open] .si-e-t > b{white-space:normal}
  .si-e-t > .si-e-wer{flex-basis:100%}
  details.si-e .si-zeit{font-size:12px;align-self:start}
  .si-liste{gap:6px}
}
/* Kleiderkammer-Übersicht: freie Zeiten eines Tages als Kacheln, spätere Tage zugeklappt */
.kk-frei{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:6px;margin-bottom:6px}
.kk-frei > .kk-zl{margin:0;min-width:0}
.kk-frei > .kk-zl[open]{grid-column:1/-1}
.kk-frei > .kk-zl > summary span:not(.zk-marke):not(.kk-zl-pfeil):empty{display:none}
.kk-tag-t small{font-weight:400;color:var(--muted);font-size:13px}
details.kk-spaeter{margin:14px 0 0}
details.kk-spaeter > summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:10px 14px;min-height:44px;background:#fff;border:1.5px dashed var(--border);border-radius:12px;font-weight:700;font-size:14px}
details.kk-spaeter > summary::-webkit-details-marker{display:none}
details.kk-spaeter > summary .sym{width:16px;height:16px;color:var(--rot)}
@media (max-width:700px){
  .kk-frei{grid-template-columns:1fr 1fr}
  .kk-frei > .kk-zl > summary{flex-wrap:wrap;gap:4px 8px;padding:8px 10px;min-height:44px}
  .kk-frei > .kk-zl > summary b{font-size:14px;flex:1 1 auto}
  .kk-frei > .kk-zl > summary span:not(.zk-marke):not(.kk-zl-pfeil){order:5;flex-basis:100%;font-size:12px}
  .kk-frei > .kk-zl > summary .kk-zl-pfeil{display:none}
  .kk-frei > .kk-zl > summary .zk-marke{font-size:11.5px}
}
/* BSW „Noch zuzuweisen“: je BSW eine Zeile zum Aufklappen */
details.bsw-ed{border:1.5px dashed var(--border);border-radius:10px;background:#fff}
details.bsw-ed > summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:9px 12px;min-height:44px}
details.bsw-ed > summary::-webkit-details-marker{display:none}
.bsw-ed-t{flex:1;min-width:0;display:flex;flex-direction:column}
.bsw-ed-t b{font-size:14px;overflow-wrap:anywhere}
.bsw-ed-t small{font-size:12.5px;color:var(--muted)}
.bsw-ed-z{flex:none;display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:700;color:var(--rot)}
.bsw-ed-z .sym{width:15px;height:15px}
details.bsw-ed[open] .bsw-ed-z{display:none}
details.bsw-ed > .bsw-e{border:0;border-top:1px dashed var(--border);border-radius:0 0 10px 10px}
/* Dichte Zeilenkarten für lange Personenlisten (Mitgliederliste) */
.zk-dicht{gap:5px}
.zk-dicht > .zk{padding:6px 10px;gap:10px;border-width:1px}
.zk-dicht > .zk > .zk-kz{flex-basis:34px;width:34px;height:34px;font-size:13px}
.zk-dicht > .zk .zk-t small{font-size:12px}
/* Einsatzbereitschaft: Eingeschränkte zuerst; am Handy einsatzbereite Fahrzeuge einzeilig ohne Kennzeichen */
.fz-pillen > .fz-rot{order:-2}
.fz-pillen > .fz-gelb{order:-1}
@media (max-width:700px){
  .fz-pillen > .fz-pille.fz-gruen{padding-top:6px;padding-bottom:6px;min-height:40px}
  .fz-pillen > .fz-pille.fz-gruen .fz-kz{display:none}
  .fz-pillen > .fz-rot,.fz-pillen > .fz-gelb{grid-column:1/-1}
}
/* Störung & Sicherheit: Sicherheitslücken in Reitern Offen | Weitere | Bearbeitet (wie Arnsberg) */
.lz-tabs{display:flex;gap:4px;margin-top:14px;border-bottom:2px solid var(--border)}
.lz-tabs button{flex:1 1 0;min-width:0;white-space:nowrap;border:0;background:none;padding:10px 4px;min-height:44px;font:inherit;font-weight:700;font-size:14px;color:var(--muted);border-bottom:3px solid transparent;margin-bottom:-2px;cursor:pointer;border-radius:8px 8px 0 0}
.lz-tabs button[aria-selected=true]{color:var(--text);border-bottom-color:var(--rot);background:var(--rot-hell)}
.lz-tab-n{display:inline-block;min-width:1.5em;padding:0 6px;border-radius:999px;background:#e2e8f0;color:#334155;font-size:12px;margin-left:2px}
.lz-tab-n.rot{background:#d90036;color:#fff}
.lz-pan-leer{margin:10px 0 0}
/* Störung & Sicherheit: „Verteiler und Hoster“ – Inhalt der Klappkarte mit Innenabstand (31.10.2026) */
details.klk > form.lz-form{margin:0 16px 16px;padding-top:12px;border-top:1px solid var(--border)}
/* Tickets: „Gesehen von“ – wer das Ticket wann geöffnet hat (31.10.2026) */
details.tkt-gesehen{padding:0;overflow:hidden}
details.tkt-gesehen > summary{list-style:none;display:flex;align-items:center;gap:8px;padding:12px 16px;cursor:pointer;min-height:48px}
details.tkt-gesehen > summary::-webkit-details-marker{display:none}
details.tkt-gesehen > summary b{flex:1;font-size:14.5px}
details.tkt-gesehen > summary svg{width:18px;height:18px;color:var(--muted)}
details.tkt-gesehen ul{list-style:none;margin:0;padding:4px 16px 12px;border-top:1px solid var(--border)}
details.tkt-gesehen li{padding:8px 0;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:2px}
details.tkt-gesehen li:last-child{border-bottom:0}
.tkt-g-n{font-weight:600;font-size:14px}
details.tkt-gesehen li small{color:var(--muted);font-size:12.5px;line-height:1.4}
/* Störung & Sicherheit: Signal/WhatsApp und weitere Adressen (Arnsberg #381/#382) */
.lz-frei-an{display:block;margin-top:12px}.lz-frei-an small{font-weight:400;color:var(--muted)}
.lz-frei-an textarea{width:100%}
.lz-msg{margin-top:14px;border:1.5px solid #bbf7d0;background:#f0fdf4;border-radius:12px;padding:12px 14px}
.lz-msg-k{display:flex;align-items:center;gap:8px;font-weight:700;margin-bottom:8px;color:#14532d}
.lz-msg-t{width:100%;font-size:15px;line-height:1.45;margin-bottom:8px;background:#fff}
.lz-msg-ok{font-size:14px;color:#15803d;font-weight:700}
.lz-msg-auf{margin-top:14px}.lz-msg-auf>summary{cursor:pointer;font-weight:700;padding:8px 0;display:flex;align-items:center;gap:8px;min-height:44px}
#messenger{scroll-margin-top:90px}
/* Vorschläge an Formularfeldern (assets/vorschlag.js, 31.10.2026) – eigene Liste statt datalist */
html body .vs-feld,html body label.fl > span.vs-feld{position:relative;display:block;font-weight:400;margin:0;color:inherit;font-size:inherit}
.vs-liste{position:absolute;left:0;right:0;top:100%;z-index:60;margin:4px 0 0;padding:4px;list-style:none;background:#fff;border:1.5px solid var(--feld-rand,#858a94);border-radius:12px;box-shadow:0 12px 28px rgba(15,23,42,.18);max-height:300px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;font-weight:400;color:var(--text,#1f2328);text-align:left}
.vs-liste.nach-oben{top:auto;bottom:100%;margin:0 0 4px;box-shadow:0 -12px 28px rgba(15,23,42,.18)}
.vs-liste li{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;min-height:44px;padding:10px 12px;border-radius:8px;cursor:pointer;line-height:1.3}
.vs-liste li + li{border-top:1px solid #eef0f3}
.vs-liste li:hover,.vs-liste li[aria-selected=true]{background:#fbeaea;border-color:transparent}
.vs-wert{font-weight:700;font-size:15px;overflow-wrap:anywhere}
.vs-zusatz{font-size:13px;color:#566275;margin-left:auto}
@media(max-width:700px){.vs-zusatz{margin-left:0;flex-basis:100%}}

/* Geplanter Ausfall (Werkstattbeginn in der Zukunft): Fahrzeug bleibt grün, blaue Marke darunter (31.10.2026) */
.badge.bbl{background:#dbeafe;color:#1e3a8a}
.fz-geplant{display:inline-flex;align-items:center;gap:5px;margin-top:3px;padding:2px 8px;border-radius:999px;background:#dbeafe;color:#1e3a8a;font-size:12px;font-weight:700;align-self:flex-start;max-width:100%}
.fz-geplant .sym{width:13px;height:13px;flex:none}
.fa-zk-geplant{border-left:4px solid #3b82f6}
.fa-geplant-satz{margin:-4px 0 10px}
.fa-geplant-hinweis{grid-column:1/-1;display:flex;gap:8px;align-items:flex-start;margin:0;padding:10px 12px;border-radius:10px;background:#eef4ff;border:1px solid #bfd3f5;color:#1e3a8a;font-size:14px}
.fa-geplant-hinweis .sym{width:18px;height:18px;flex:none;margin-top:1px}

/* AAO melden: mehrere Einheiten zum Antippen, Sondereinheiten (31.10.2026) */
.aao-ew,.aao-sonder{border:0;padding:0;margin:0 0 16px;min-width:0}
.aao-ew-hinweis{font-weight:400;font-size:13px}
.aao-ew-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:6px}
.aao-ew-k{display:flex;align-items:center;gap:8px;min-height:44px;padding:6px 10px;border:1px solid var(--feld-rand);border-radius:10px;background:#fff;cursor:pointer;font-size:14px}
.aao-ew-k:has(input:checked){border-color:var(--rot);background:var(--rot-hell);font-weight:700}
.aao-ew-k input{width:18px;height:18px;flex:none}
.aao-sonder .haken-zeile{display:inline-flex;margin-right:18px;min-height:40px}
.aao-sonder .fl{margin-top:6px}
.aao-stadt{margin-bottom:16px}
.aao-sonder-z{color:#9a3412;font-weight:700}
@media(max-width:600px){.aao-ew-liste{grid-template-columns:1fr 1fr}.aao-ew-k{font-size:13px;padding:6px 8px;gap:6px;overflow-wrap:anywhere}}
.aao-stadt > :not(summary){margin:0 16px 16px}
.aao-stadt > p.muted{margin-top:2px}

/* GBU: wer die Freigabe bekommt (01.11.2026) */
.gbu-kenntnis{display:flex;gap:8px;align-items:flex-start;margin:10px 0 0;padding:10px 12px;border-radius:12px;background:#f0fdf4;border-left:4px solid #15803d;font-size:14px;color:#14532d;overflow-wrap:anywhere}
.gbu-kenntnis .sym{flex:0 0 auto;width:18px;height:18px;margin-top:1px}
/* Sitzungen je Person (02.11.2026, „die Liste wird immer länger“): eine Zeile je Person, Geräte zum Aufklappen */
.sz-karte{padding:12px}
.sz-liste{display:flex;flex-direction:column;gap:6px}
details.sz-p{border:1px solid var(--border);border-radius:12px;background:#fff}
details.sz-p > summary.sz-k{list-style:none;display:flex;align-items:center;gap:12px;padding:8px 12px;cursor:pointer;min-height:52px}
details.sz-p > summary.sz-k::-webkit-details-marker{display:none}
details.sz-p > summary.sz-k::after{content:"";width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);margin:0 4px 4px 0;transition:transform .15s}
details.sz-p[open] > summary.sz-k::after{transform:rotate(225deg);margin:6px 4px 0 0}
details.sz-p .zk-kz{width:36px;height:36px;font-size:13px}
.sz-t{flex:1;min-width:0;display:flex;flex-direction:column}
.sz-t b{font-size:15px}
.sz-t small{color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sz-n{min-width:26px;padding:2px 8px;border-radius:999px;background:var(--soft,#f1f2f5);font-weight:700;font-size:13px;text-align:center}
.sz-g{display:flex;flex-direction:column;gap:6px;padding:0 12px 12px}
details.sz-p > .sz-g{border-top:1px solid var(--border);padding-top:10px}
.sz-z{display:flex;align-items:center;gap:10px;padding:6px 0}
.sz-z + .sz-z{border-top:1px dashed var(--border)}
.sz-zt{flex:1;min-width:0;display:flex;flex-direction:column}
.sz-zt b{font-size:14px;font-weight:600}
.sz-zt small{color:var(--muted);font-size:12.5px}
.sz-alle{align-self:flex-start;margin-top:4px}
details.sz-alt{margin-top:16px}
details.sz-alt > .sz-g{border-top:1px solid var(--border);padding-top:8px}
/* Tickets: Einheit mitlesen, zur Kenntnis (02.11.2026) */
.tkt-ansicht-h{display:flex;gap:10px;align-items:flex-start;margin:0 0 12px;padding:10px 14px;border-radius:12px;background:#eef2f7;color:#2b3442;font-size:14px;line-height:1.45}
.tkt-ansicht-h svg{flex:none;width:20px;height:20px;margin-top:1px;color:var(--nacht,#2b3442)}
.tkt-mitlesen{display:flex;gap:12px;align-items:flex-start}
.tkt-mitlesen > svg{flex:none;width:24px;height:24px;color:#566275;margin-top:2px}
.tkt-mitlesen p{margin:0}
.tkt-mitlesen small{display:block;color:#566275;margin-top:3px;line-height:1.45}
.tkt-ea{margin-top:10px}
.tkt-ea .btn{width:100%;justify-content:center;white-space:normal;text-align:center}
.tkt-einheit-alle span{line-height:1.45}