/* Büro-Dashboard — Light Mode, WCAG 2.2 AA
   Kontraste: Text #13201B auf Weiß 15,6:1; Text-2 #4E5C55 auf Weiß 7,4:1; Hausfarbe #0B5D4A auf Weiß 7,1:1 */
:root{
  --haus:#0B5D4A; --haus2:#14876B; --papier:#F6F7F4; --feld:#E6EFE9;
  --text:#13201B; --text2:#4E5C55; --linie:#D6DDD8;
  --rot:#A32218; --rotf:#FDECEA; --gelb:#6B4E00; --gelbf:#FFF4D6;
}
*{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px}
body{font:16px/1.55 'DM Sans',system-ui,sans-serif;background:var(--papier);color:var(--text);-webkit-font-smoothing:antialiased}
h1,h2,h3,.kennzahlen b,.betrieb{font-family:'Bricolage Grotesque',sans-serif;letter-spacing:-.02em}
a{color:var(--haus)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--haus);outline-offset:2px}
code{font:14px ui-monospace,Menlo,Consolas,monospace;background:#fff;border:1px solid var(--linie);border-radius:5px;padding:2px 7px}

/* Rahmen: Seitenleiste + Inhalt */
.rahmen{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh}
.seitenleiste{background:#fff;border-right:1px solid var(--linie);padding:22px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}
.betrieb{font-weight:800;font-size:17px;padding:0 10px 18px;border-bottom:1px solid var(--linie);margin-bottom:12px;line-height:1.3}
.seitenleiste nav{display:flex;flex-direction:column;gap:2px}
.seitenleiste nav a,.leiste-fuss a{display:block;padding:11px 12px;border-radius:8px;text-decoration:none;color:var(--text);font-weight:500;font-size:15.5px}
.seitenleiste nav a:hover,.leiste-fuss a:hover{background:var(--papier)}
.seitenleiste nav a.aktiv,.leiste-fuss a.aktiv{background:var(--feld);color:var(--haus);font-weight:600}
.leiste-fuss{margin-top:auto;border-top:1px solid var(--linie);padding-top:12px}
main{padding:34px 40px 110px;max-width:1240px}

/* Typografie */
h1{font-size:30px;font-weight:800;margin-bottom:10px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
h2{font-size:21px;font-weight:700;margin:32px 0 14px}
h3{font-size:17px;font-weight:700;margin:0 0 8px}
.unter{color:var(--text2);margin-bottom:22px;max-width:64ch}
.klein{font-size:13.5px;color:var(--text2)}
.leer{color:var(--text2);padding:28px 0}
.warn-text{color:var(--rot);font-weight:600}

/* Kennzahlen */
.kennzahlen{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0 28px}
.kennzahlen a,.kennzahlen div{background:#fff;border:1px solid var(--linie);border-radius:10px;padding:16px 18px;text-decoration:none;color:var(--text);display:block}
.kennzahlen a:hover{border-color:var(--haus)}
.kennzahlen b{display:block;font-size:32px;font-weight:800;line-height:1;color:var(--haus)}
.kennzahlen .rot b{color:var(--rot)}.kennzahlen .gelb b{color:var(--gelb)}
.kennzahlen span{font-size:14px;color:var(--text2);display:block;margin-top:6px}

/* Tabellen */
table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--linie);border-radius:10px;overflow:hidden}
th{text-align:left;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--text2);padding:12px 14px;border-bottom:1px solid var(--linie);background:var(--papier)}
td{padding:13px 14px;border-bottom:1px solid var(--linie);vertical-align:middle}
tr:last-child td{border-bottom:0}
td a{font-weight:600;text-decoration:none}
tr.aus td{opacity:.55}
.r{text-align:right}.nowrap{white-space:nowrap}

/* Marken */
.marke-ok,.marke-test,.marke-aus,.marke-rot{display:inline-block;font-size:13px;font-weight:600;padding:3px 10px;border-radius:100px;white-space:nowrap}
.marke-ok{background:var(--feld);color:var(--haus)}.marke-test{background:var(--gelbf);color:var(--gelb)}
.marke-aus{background:#EBEBEB;color:#4A4A4A}.marke-rot{background:var(--rotf);color:var(--rot)}

/* Formulare */
label{display:block;font-weight:600;font-size:15px;margin-bottom:6px}
input,select,textarea{border:1.5px solid var(--linie);border-radius:8px;padding:11px 13px;font:inherit;font-size:16px;background:#fff;color:var(--text);min-height:44px}
input:focus,select:focus,textarea:focus{border-color:var(--haus)}
textarea{min-height:90px;resize:vertical}
.formular{background:#fff;border:1px solid var(--linie);border-radius:12px;padding:26px 28px 30px;max-width:720px}
.formular input,.formular select,.formular textarea{width:100%}
.g{margin-bottom:16px}
.zwei{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.drei{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}
.tipp{font-size:13.5px;color:var(--text2);margin-top:5px}
.fehler-feld{color:var(--rot);font-size:13.5px;margin-top:5px;font-weight:500}
.formular h2{font-size:14px;text-transform:uppercase;letter-spacing:.05em;color:var(--text2);margin:22px 0 12px;padding-top:18px;border-top:1px solid var(--linie)}
.formular h2.erste{border-top:0;padding-top:0;margin-top:0}

button,.knopf{background:var(--haus);color:#fff;border:0;border-radius:8px;padding:11px 20px;font:inherit;font-size:15.5px;font-weight:600;cursor:pointer;min-height:44px;text-decoration:none;display:inline-flex;align-items:center;gap:8px}
button:hover,.knopf:hover{background:var(--haus2)}
button.zweit,.knopf.zweit{background:#fff;color:var(--text);border:1.5px solid var(--linie)}
button.zweit:hover,.knopf.zweit:hover{border-color:var(--haus);background:#fff}
button.leise{background:transparent;color:var(--text2);padding:8px 12px;min-height:0}
button.leise:hover{background:var(--papier);color:var(--haus)}
button.mini,.knopf.mini{padding:6px 12px;font-size:14px;min-height:36px}
button.gefahr{background:var(--rot)}button.gefahr:hover{background:#8C1C13}
.zeile-knoepfe{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.kopfzeile{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.kopfzeile h1{margin:0}
.inl{display:inline}

/* Meldungen */
.meldung{border-radius:9px;padding:14px 18px;margin-bottom:22px;font-size:15.5px}
.meldung.ok{background:var(--feld);border:1px solid #B5D2C3}
.meldung.fehler{background:var(--rotf);border:1px solid #F0BDB8;color:#6E1810}

/* Anmeldung und Hinweise */
.anmelden{max-width:400px;margin:80px auto;background:#fff;border:1px solid var(--linie);border-radius:14px;padding:32px 34px 36px}
.anmelden h1{font-size:26px;margin-bottom:22px}
.anmelden input{width:100%;margin-bottom:16px}
.anmelden button{width:100%;justify-content:center}
.anmelden p{color:var(--text2);line-height:1.6}

/* Zustimmung */
.zustimmung{max-width:820px;margin:50px auto;background:#fff;border:1px solid var(--linie);border-radius:14px;padding:34px 38px 40px}
.zustimmung h1{font-size:27px;margin-bottom:8px}
details{border:1px solid var(--linie);border-radius:10px;margin:18px 0 10px;background:var(--papier)}
summary{padding:14px 18px;font-weight:600;cursor:pointer;font-size:16px;display:flex;justify-content:space-between;align-items:center}
summary .klein{font-weight:400}
.dokument{background:#fff;border-top:1px solid var(--linie);padding:22px 26px;max-height:440px;overflow:auto;font-size:14.5px;line-height:1.65}
.dokument h2{font-size:20px;margin:18px 0 10px}.dokument h2:first-child{margin-top:0}
.dokument h3{font-size:15.5px;margin:20px 0 8px;color:var(--haus)}
.dokument p{margin-bottom:10px}.dokument ul{margin:0 0 10px 22px}.dokument li{margin-bottom:4px}.dokument hr{border:0;border-top:1px solid var(--linie);margin:22px 0}
.haken{display:flex;gap:12px;align-items:flex-start;font-weight:500;font-size:15.5px;padding:6px 2px;cursor:pointer}
.haken input{width:22px;height:22px;min-height:0;margin-top:1px;flex:0 0 auto;accent-color:var(--haus)}

/* Listen auf der Startseite */
.liste{background:#fff;border:1px solid var(--linie);border-radius:10px;overflow:hidden}
.liste .eintrag{display:grid;grid-template-columns:70px 1fr auto;gap:14px;padding:13px 16px;border-bottom:1px solid var(--linie);align-items:center}
.liste .eintrag:last-child{border-bottom:0}
.liste .zeit{font-weight:700;font-family:'Bricolage Grotesque';font-size:16px;color:var(--haus)}
.liste .titel{font-weight:600}
.liste .sub{font-size:13.5px;color:var(--text2)}
.zweispalt{display:grid;grid-template-columns:1.7fr 1fr;gap:26px}

@media(max-width:900px){
  .rahmen{grid-template-columns:1fr}
  .seitenleiste{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px;padding:12px 14px}
  .betrieb{width:100%;padding:4px 6px 10px;margin-bottom:6px}
  .seitenleiste nav{flex-direction:row;flex-wrap:wrap}
  .seitenleiste nav a,.leiste-fuss a{padding:8px 11px;font-size:14.5px}
  .leiste-fuss{margin:0 0 0 auto;border:0;padding:0;display:flex;gap:6px;align-items:center}
  main{padding:22px 16px}
  .kennzahlen,.zwei,.drei{grid-template-columns:1fr 1fr}.zweispalt{grid-template-columns:1fr}
  h1{font-size:25px}
}

/* Ergänzungen Kunden/Objekte */
.zurueck{margin-bottom:12px;font-size:14.5px}.zurueck a{text-decoration:none}
.filter{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap}.filter input[type=search]{flex:1;min-width:220px}
.fakten{display:grid;grid-template-columns:150px 1fr;gap:9px 16px;background:#fff;border:1px solid var(--linie);border-radius:10px;padding:18px 20px;margin-bottom:8px;font-size:15px}
.fakten dt{color:var(--text2)}.fakten dd{font-weight:500;word-break:break-word}
.tage-wahl,.team-wahl{display:flex;flex-wrap:wrap;gap:8px}
.tag-haken{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--linie);border-radius:8px;padding:9px 13px;font-weight:500;font-size:15px;cursor:pointer;background:#fff;min-height:44px}
.tag-haken:has(input:checked){border-color:var(--haus);background:var(--feld);color:var(--haus);font-weight:600}
.tag-haken input{width:18px;height:18px;min-height:0;accent-color:var(--haus);margin:0}
.qr-box{background:#fff;border:1px solid var(--linie);border-radius:10px;padding:18px 20px;margin-bottom:8px}.qr-box p{color:var(--text2);margin-bottom:14px;font-size:15px}
.notizform{display:grid;gap:10px;margin-bottom:16px}.notizform textarea{width:100%}.notizform button{justify-self:start}
.notiz{background:#fff;border:1px solid var(--linie);border-radius:9px;padding:12px 16px;margin-bottom:10px;font-size:15px}.notiz .meta{font-size:13px;color:var(--text2);margin-bottom:5px}
.liste .eintrag-2{grid-template-columns:1fr auto}
.liste .eintrag-anfrage{grid-template-columns:60px 1fr auto;align-items:start}
.nachricht{margin-top:8px;font-size:14.5px;background:var(--papier);border-radius:7px;padding:10px 12px;white-space:pre-wrap}
select{min-width:120px}
.verf{max-width:520px}.verf-zeile{display:grid;grid-template-columns:90px 1fr 1fr;gap:8px;margin-bottom:8px}
.verf-zeile select{min-width:0}

/* Dienstplan */
.wochen-nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.wochen-nav b{font-family:'Bricolage Grotesque';font-size:17px;margin-left:6px}
.woche-raster{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
.tag-spalte{background:#fff;border:1px solid var(--linie);border-radius:10px;padding:8px;min-height:220px}
.tag-spalte.heute{border-color:var(--haus);box-shadow:inset 0 0 0 1px var(--haus)}
.tag-spalte.we{background:var(--papier)}
.tag-kopf{font-size:13.5px;color:var(--text2);padding:2px 4px 8px;border-bottom:1px solid var(--linie);margin-bottom:8px}
.tag-kopf b{color:var(--text);font-family:'Bricolage Grotesque';font-size:15px}
.tag-leer{color:var(--linie);text-align:center;padding:20px 0}
.karte{display:block;text-decoration:none;color:var(--text);background:var(--papier);border-left:4px solid var(--haus);border-radius:0 7px 7px 0;padding:8px 9px;margin-bottom:7px;font-size:13px;line-height:1.35}
.karte:hover{background:var(--feld)}
.k-zeit{font-family:'Bricolage Grotesque';font-weight:700;color:var(--haus);font-size:13.5px}
.k-obj{font-weight:600;margin:2px 0}
.k-team{color:var(--text2);font-size:12.5px}
.k-hinweis{font-size:12px;font-weight:600;margin-top:4px}
.karte.k-erledigt{border-left-color:#2E7D5B;opacity:.75}
.karte.k-laeuft{border-left-color:#1E88B8}
.karte.k-ersatz{border-left-color:var(--rot);background:var(--rotf)}.karte.k-ersatz .k-hinweis,.karte.k-ersatz .k-zeit{color:var(--rot)}
.karte.k-leer{border-left-color:var(--gelb);background:var(--gelbf)}.karte.k-leer .k-hinweis,.karte.k-leer .k-zeit{color:var(--gelb)}
.karte.k-ausgefallen,.karte.k-verschoben{border-left-color:#999;opacity:.6}
.tag-haken.problem{border-color:var(--rot);background:var(--rotf)}
@media(max-width:1100px){.woche-raster{grid-template-columns:repeat(4,1fr)}}
@media(max-width:700px){.woche-raster{grid-template-columns:1fr 1fr}}
.korrektur{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;padding:8px 0}.korrektur label{font-size:13px}.korrektur input{min-width:0}
tr.zeile-offen td{background:var(--rotf)}

/* Listen-Varianten und Detailseiten */
.zurueck{margin-bottom:12px;font-size:14.5px}.zurueck a{text-decoration:none}
.filter{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap}
.filter input[type=search]{flex:1;min-width:220px}
.fakten{display:grid;grid-template-columns:150px 1fr;gap:9px 16px;background:#fff;border:1px solid var(--linie);border-radius:10px;padding:18px 20px;margin-bottom:8px;font-size:15px}
.fakten dt{color:var(--text2)}.fakten dd{font-weight:500;word-break:break-word}
.liste .eintrag-2{grid-template-columns:1fr auto}
.liste .eintrag-anfrage{grid-template-columns:60px 1fr auto;align-items:start}
.liste .nachricht{margin-top:8px;padding:10px 12px;background:var(--papier);border-radius:7px;font-size:14px;white-space:pre-wrap}
.notizform{display:grid;gap:10px;margin-bottom:18px}.notizform textarea{width:100%}.notizform button{justify-self:start}
.notiz{background:#fff;border:1px solid var(--linie);border-radius:9px;padding:12px 16px;margin-bottom:10px;font-size:14.5px}
.notiz .meta{font-size:12.5px;color:var(--text2);margin-bottom:5px}
.tage-wahl,.team-wahl{display:flex;flex-wrap:wrap;gap:8px}
.tag-haken{display:inline-flex;align-items:center;gap:7px;border:1.5px solid var(--linie);border-radius:8px;padding:8px 12px;font-weight:500;font-size:15px;cursor:pointer;background:#fff;min-height:44px}
.tag-haken:has(input:checked){border-color:var(--haus);background:var(--feld);color:var(--haus)}
.tag-haken input{width:18px;height:18px;min-height:0;margin:0;accent-color:var(--haus)}
.qr-box{background:#fff;border:1px solid var(--linie);border-radius:10px;padding:18px 20px;font-size:15px}.qr-box p{margin-bottom:14px;color:var(--text2)}
.formular .tage-wahl input,.formular .team-wahl input{width:auto}
@media(max-width:900px){.fakten{grid-template-columns:1fr}.liste .eintrag-anfrage{grid-template-columns:1fr}}

/* Reiter innerhalb einer Seite */
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--linie);margin:8px 0 24px;flex-wrap:wrap}
.tabs a{padding:10px 14px;text-decoration:none;color:var(--text2);font-weight:500;border-bottom:2.5px solid transparent;margin-bottom:-1px;font-size:15.5px}
.tabs a.aktiv{color:var(--haus);border-bottom-color:var(--haus);font-weight:600}
.tabs a:hover{color:var(--haus)}
fieldset[disabled] input,fieldset[disabled] select,fieldset[disabled] button{opacity:.6}
.aktionen-liste{display:grid;gap:10px}
.webfoto-gitter{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.webfoto-gitter figure{margin:0}.webfoto-gitter img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;border:1px solid var(--linie);display:block}.webfoto-gitter figcaption{font-size:13px;color:var(--text2);margin-top:4px;display:flex;justify-content:space-between;align-items:center;gap:6px}
.qr-setup svg{width:200px;height:200px;display:block;border:1px solid var(--linie);border-radius:8px;padding:6px;background:#fff}
.backup-codes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.backup-codes code{font-size:16px;padding:8px 12px;background:var(--papier);border:1px solid var(--linie);border-radius:6px;text-align:center}
.bericht-block{background:#fff;border:1px solid var(--linie);border-radius:10px;padding:18px 20px;margin-bottom:18px}.bericht-block h2{margin:0 0 12px;font-size:16px}
.diagramm{width:100%;height:auto;display:block}.legende{display:flex;gap:16px;font-size:13px;color:var(--text2);margin-top:6px}.legende i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.anteil{position:relative;display:inline-block;min-width:80px;text-align:right}.anteil i{position:absolute;left:0;top:50%;height:8px;transform:translateY(-50%);background:var(--feld);border-radius:4px;z-index:-1;max-width:100%}
.hinweis-recht{margin-top:16px;padding:14px 16px;background:#fff;border:1px solid var(--linie);border-radius:10px;font-size:13.5px;color:var(--text2);line-height:1.6}.hinweis-recht b{color:var(--text)}
.fotoblock-buero{display:grid;grid-template-columns:1fr 1fr;gap:16px}.fotospalte h3{font-size:14px;margin:0 0 8px;padding-left:10px;border-left:4px solid var(--haus)}.fotospalte .klein{font-weight:400;color:var(--text2);margin-left:4px}
.fotogitter{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.fotogitter figure{margin:0}.fotogitter img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;border:1px solid var(--linie);display:block}.fotogitter figcaption{font-size:12px;color:var(--text2);margin-top:3px}
@media(max-width:700px){.fotoblock-buero{grid-template-columns:1fr}}

/* Tablet und Handy: Tabellen scrollen statt die Seite zu sprengen, Spalten untereinander */
@media(max-width:1100px){
  main{min-width:0;max-width:100%;overflow-x:hidden}
  .zweispalt,.drei,.zwei,.vier{grid-template-columns:1fr}
  table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;border-radius:10px}
  table thead,table tbody,table tr{display:table;width:100%;table-layout:auto}
  table td,table th{white-space:normal;min-width:80px}
  .kennzahlen{grid-template-columns:1fr 1fr}
  .kopfzeile{flex-wrap:wrap;gap:10px}
  .filter{flex-wrap:wrap}
  .tabs{overflow-x:auto;white-space:nowrap}
  .formular{max-width:100%}
  .fakten dd{word-break:break-word}
  .eintrag{grid-template-columns:1fr!important}
  .zeile-knoepfe{flex-wrap:wrap}
  .backup-codes{grid-template-columns:1fr}
  .diagramm{min-width:0}
  pre,code{white-space:pre-wrap;word-break:break-all}
  .woche-raster{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:700px){
  .kennzahlen{grid-template-columns:1fr}
  .woche-raster{grid-template-columns:1fr}
  main{padding:14px 12px 100px}
  h1{font-size:24px}
  .seitenleiste nav a{padding:8px 10px;font-size:14px}
  .bereiche,.bereiche.klein-k{grid-template-columns:1fr}
  .fotogitter{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}
  .tarife{grid-template-columns:1fr}
  input,select,textarea{max-width:100%}
  .liste .eintrag .zeile-knoepfe{width:100%}
  .aktionen-liste form{max-width:100%}
}

/* Hilfe-Assistent */
.hilfe-knopf{position:fixed;right:22px;bottom:22px;z-index:70;display:flex;align-items:center;gap:8px;background:var(--haus);color:#fff;border:0;border-radius:100px;padding:12px 18px 12px 14px;font:600 14.5px 'DM Sans',system-ui;box-shadow:0 10px 28px -10px rgba(11,93,74,.6);cursor:pointer;transition:transform .15s}
.hilfe-knopf:hover{transform:translateY(-2px)}
.hilfe-panel[hidden]{display:none}
.hilfe-panel{position:fixed;right:22px;bottom:80px;width:400px;max-width:calc(100vw - 32px);max-height:min(70vh,640px);background:#fff;border:1px solid var(--linie);border-radius:16px;box-shadow:0 24px 60px -20px rgba(11,32,27,.35);z-index:71;display:flex;flex-direction:column;overflow:hidden}
.hilfe-kopf{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--linie);font-size:16px}
.hilfe-zu{background:transparent;border:0;font-size:26px;line-height:1;color:var(--text2);cursor:pointer;padding:0 4px}
.hilfe-suche{padding:12px 14px;border-bottom:1px solid var(--linie)}.hilfe-suche input{width:100%;margin:0}
.hilfe-inhalt{overflow:auto;padding:10px 14px;flex:1}
.hilfe-e{border-bottom:1px solid var(--linie);padding:4px 0}.hilfe-e summary{cursor:pointer;font-weight:600;padding:8px 0;list-style:none;position:relative;padding-right:22px}.hilfe-e summary::-webkit-details-marker{display:none}.hilfe-e summary::after{content:"+";position:absolute;right:2px;top:5px;color:var(--haus);font-size:20px}.hilfe-e[open] summary::after{content:"–"}
.hilfe-e p{font-size:14px;line-height:1.55;color:var(--text2);margin:0 0 8px}.hilfe-link{display:inline-block;font-size:13.5px;font-weight:600;margin-bottom:8px}
.hilfe-fuss{border-top:1px solid var(--linie);padding:12px 14px;background:var(--papier)}
.hilfe-kontakt p{font-size:13.5px;color:var(--text2);margin:0 0 8px}.hilfe-kontakt a{display:block;font-size:14px;padding:6px 0;text-decoration:none}.hilfe-kontakt a b{display:inline-block;min-width:130px;color:var(--text)}
.hilfe-adressen{margin-top:8px;word-break:break-all}.hilfe-adressen code{font-size:11.5px}
@media(max-width:600px){.hilfe-knopf{right:12px;bottom:12px;padding:12px 14px}.hilfe-knopf span{display:none}.hilfe-panel{right:8px;left:8px;bottom:64px;width:auto;max-height:75vh}}
.anbieter-banner{background:#A32218;color:#fff;font-size:13.5px;padding:8px 16px;text-align:center;display:flex;justify-content:center;gap:12px;align-items:center;position:sticky;top:0;z-index:80}