/* Farben (der Dunkelmodus entsteht aus dieser Datei: lib/theme.js tauscht die Farbwerte, public/dark-extra.css ergänzt Ausnahmen) */
:root{--gold-text:#8a6500;--bg:#e2e8f0;--panel:#ffffff;--panel2:#d9e0eb;--line:#b9c3d6;--text:#16202f;--mute:#4c5a72;--gold:#e0ac00;--ok:#17734a;--warn:#946200;--bad:#b8262c}
/* Skalen: Abstände 4/8/12/16/24/32, Schrift, Radien, Tippfläche. Karten, Kacheln und Knöpfe lesen ihre Maße hieraus; Cockpit und Betreiber-Bereich setzen sie weiter unten um (Cockpit-Maße). */
:root{--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;
  --fs-xs:.75rem;--fs-sm:.8125rem;--fs-ui:.875rem;--fs-base:.9375rem;--fs-md:1.0625rem;--fs-lg:1.25rem;--fs-xl:1.875rem;
  --r-sm:8px;--r:10px;--r-md:12px;--r-lg:14px;--r-xl:16px;
  --tap:44px;--btn-h:40px;--card-pad:20px;--card-r:16px;--kpi-pad:16px;--badge-pad:2px 10px;
  --ck-w:1800px;--ck-pad:48px;--shadow-pop:0 14px 34px #0008}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:var(--fs-base)/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:#8a6a00;text-decoration:none}a:hover,a:focus{text-decoration:none}a:hover{filter:brightness(1.12)}
.wrap{max-width:1120px;margin:0 auto;padding:0 16px}
/* Sicherer Bereich am Rand (12.10.2026). Bis heute stand in der Seitenangabe kein „viewport-fit=cover“ – ohne das liefert
   env(safe-area-inset-*) auf dem iPhone immer 0, und die fuenf Stellen, die unten schon damit rechnen (Menueleiste, Buchungsleiste),
   liefen ins Leere: Das untere Menue klebte auf dem Streifen zum Entsperren. Mit dem Zusatz wirken sie – dafuer muessen jetzt
   auch die Seiten und oben geschuetzt werden, sonst rutscht im Querformat Text unter die Kamera. */
@supports (padding:max(0px)){
  .wrap{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
}
/* Als App vom Startbildschirm liegen Uhr und Kamera sonst auf der obersten Leiste (beim Cockpit schon erlebt).
   Die dunkle Beta-Leiste waechst nach oben mit, damit die Uhr auf dunklem Grund steht; ohne sie traegt die Kopfzeile den Abstand. */
@media (display-mode:standalone){
  .beta{padding-top:env(safe-area-inset-top)}
  body:not(:has(.beta))>header.top,body:not(:has(.beta))>header.ck-top{padding-top:env(safe-area-inset-top)}
}
/* Beta-Hinweis ganz oben (Auftrag 10.10.2026): Die Seite laeuft noch im Test. Dunkel und schmal, damit sie auffaellt, ohne die Kopfzeile zu verdraengen.
   Auf dem Handy bleiben Schild und die beiden Links stehen; der erklaerende Satz weicht, damit die Leiste einzeilig bleibt. */
.beta{background:#131c2b;color:#fff;font-size:var(--fs-sm);line-height:1.35}
.beta-in{display:flex;align-items:center;gap:6px 14px;flex-wrap:wrap;padding:7px 16px}
.beta-tag{flex:none;padding:1px 9px;border-radius:99px;background:var(--gold);color:#111;font-weight:800;font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase}
.beta-t{color:#dbe3f0;min-width:0}
.beta-a{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:2px;white-space:nowrap}
.beta-a:hover,.beta-a:focus-visible{color:var(--gold);filter:none}
.beta-shop{margin-left:auto}
.beta-mini{display:none}
@media (max-width:760px){.beta-t,.beta-voll{display:none}.beta-mini{display:inline}.beta-in{gap:6px 12px;padding:6px 16px;flex-wrap:nowrap}.beta-shop{margin-left:auto}}
@media (max-width:420px){.beta-a{font-size:var(--fs-xs)}}
/* Ideen-Box: die Art wird angeklickt, nicht getippt (Wunsch des Inhabers). Knoepfe, die wie Knoepfe aussehen, mit Erklaerung darunter. */
.ib-arten{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px}
.ib-art{position:relative;margin:0;cursor:pointer}
.ib-art input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.ib-art span{display:block;min-height:var(--tap);padding:10px 14px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel)}
.ib-art span b{display:block;font-size:var(--fs-base)}
.ib-art span small{display:block;color:var(--mute);font-size:var(--fs-xs);line-height:1.35}
.ib-art input:checked+span{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold);background:var(--panel2)}
.ib-art input:focus-visible+span{outline:2px solid var(--gold);outline-offset:2px}
.top{border-bottom:1px solid var(--line)}.bar{display:flex;gap:16px;align-items:center;padding:14px 16px;flex-wrap:wrap}
.logo{font-weight:700;font-size:1.1875rem;color:var(--text)}.search{flex:1;min-width:220px;display:flex;background:#f6f8fb;border:1px solid #a9b5c9;border-radius:10px;padding:4px}
.search input{flex:1;background:none;border:0;color:var(--text);padding:6px 10px;outline:0}
.links{display:flex;gap:8px 14px;align-items:center;flex-wrap:wrap;max-width:100%}.links a{color:var(--text)}.links a.on{background:var(--panel);border:1px solid var(--line);border-radius:99px;padding:5px 12px}.inline{display:inline;margin:0}
.cats{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:14px}
/* Startkategorie (08.10.2026): Kategorien, die noch nicht buchbar sind, stehen hinten und wirken ruhiger; ein Punkt zeigt den Unterschied, nicht nur die Farbe (auch fuer Farbsehschwaeche lesbar). */
.cats a.soon{opacity:.72}
.cats a.soon::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mute);margin-right:6px;vertical-align:1px}
.cats a.soon:hover,.cats a.soon:focus-visible{opacity:1}
.cats a{background:var(--panel);color:var(--text);padding:4px 11px;border-radius:99px;font-size:0.8125rem;border:1px solid var(--line)}.cats a:hover,.cats a.on{border-color:#8a96ab;background:var(--panel2)}
.btn,button.btn{background:var(--gold);color:#111;border:0;border-radius:var(--r);padding:calc((var(--btn-h) - 1.25em)/2) 16px;line-height:1.25;font-weight:600;cursor:pointer;font-size:var(--fs-ui);display:inline-block;vertical-align:middle;text-align:center}
.btn:hover{text-decoration:none;filter:brightness(1.08)}.btn.ghost{background:none;color:var(--gold-text,var(--gold));border:1px solid #d4a300}.btn.full{width:100%;padding:13px}
.btn-dark{background:#d9e0eb;color:var(--text);border:0;border-radius:99px;padding:calc((var(--btn-h) - 1.25em)/2 - 2px) 14px;line-height:1.25;cursor:pointer;font-size:var(--fs-ui);font-family:inherit;vertical-align:middle}.btn-dark:hover{text-decoration:none}
.btn[disabled]{opacity:.45;cursor:not-allowed}
main{min-height:60vh;padding:28px 0}h1{font-size:var(--fs-xl);margin:.2em 0}h2{font-size:var(--fs-lg);margin:0 0 var(--s3)}h3{margin:0 0 var(--s2)}
.eyebrow{color:var(--gold-text);text-transform:uppercase;font-size:0.75rem;letter-spacing:.08em}.mute{color:var(--mute)}.small{font-size:0.8125rem}
.hero{padding:40px 0 24px}.hero h1{font-size:2.5rem}.hero p{max-width:560px;color:var(--mute)}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--card-r);padding:var(--card-pad);min-width:0}.card.gold{background:#fff3c4;border-color:#d4a300}.card>h2:first-child,.card>h3:first-child{margin-top:0}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--s4)}.grid>*{min-width:0}
.grid.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1280px){.grid.g4{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px){.grid.g3,.grid.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.grid.g2,.grid.g3,.grid.g4{grid-template-columns:minmax(0,1fr)}}
.tile{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;color:var(--text);display:block}.tile:hover{border-color:#8a96ab;text-decoration:none}
.ph{aspect-ratio:4/3;background:linear-gradient(135deg,#e6ecf7,#ffffff);display:flex;align-items:center;justify-content:center;font-size:3.375rem;background-size:cover;background-position:center}
.tile .in{padding:12px 14px}.tile h3{font-size:1rem;margin:2px 0}.row{display:flex;justify-content:space-between;align-items:center;gap:8px}
.badge{display:inline-block;border:1px solid var(--line);border-radius:99px;padding:var(--badge-pad);font-size:var(--fs-xs);margin-right:6px;line-height:1.5}
.badge.ok{color:var(--ok);border-color:#a9dfc4}.badge.warn{color:var(--warn);border-color:#6b4d12}.badge.bad{color:var(--bad);border-color:#f0b9bb}
.detail{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.detail .ph{border-radius:16px;aspect-ratio:4/3;font-size:5.625rem}
.price{color:var(--gold-text);font-size:1.375rem;font-weight:700;margin:6px 0 10px}
.specs{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.specs div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}.specs span:first-child{color:var(--mute)}
.cal{background:#f6f8fb;border:1px solid var(--line);border-radius:12px;padding:14px;margin:12px 0}
.months{display:grid;grid-template-columns:1fr 1fr;gap:20px}.mh{display:flex;justify-content:space-between;align-items:center;font-weight:600;margin-bottom:6px;min-height:26px}
.mh button{background:none;border:0;color:var(--gold-text,var(--gold));font-size:1.25rem;cursor:pointer}
.dg{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;text-align:center}.dg .h{color:var(--mute);font-size:0.6875rem}
.d{aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.8125rem;border:1px solid transparent;background:none;color:var(--text);cursor:pointer;padding:0}
.d.closed{color:#64708a}.d.booked{color:#b8262c;text-decoration:line-through;cursor:not-allowed}.d.past{color:#9aa6ba;cursor:default}
.d.sel{background:#e0ac00;color:#16202f;font-weight:700;border-color:#8a6a00}.d.range{background:#f7e08c}.d.blank{visibility:hidden}
.legend{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;font-size:0.75rem;color:var(--mute)}.legend span{display:inline-flex;align-items:center;gap:6px}
.legend .lg{display:inline-flex;align-items:center;justify-content:center;flex:none;width:22px;height:22px;border-radius:6px;border:1px solid transparent;font-style:normal;font-size:0.6875rem;line-height:1;color:var(--text)}
.steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0;padding:0}.steps li{text-align:center;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--mute);font-size:0.875rem}
.steps li>*{display:block;padding:10px 6px;color:inherit;text-decoration:none}.steps a:hover{filter:none;color:var(--text)}.steps li.on{border-color:#d4a300;color:var(--text);font-weight:600}.steps li.done{border-color:var(--ok);color:var(--text)}.steps small{display:block;font-size:0.625rem;font-weight:400;text-transform:uppercase}
.narrow{max-width:640px;margin:0 auto}
label{display:block;font-size:0.8125rem;color:var(--mute);margin:12px 0 4px}
input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]),input[type=text],input[type=email],input[type=password],input[type=number],input[type=url],input[type=time],select,textarea{width:100%;background:#f6f8fb;border:1px solid #a9b5c9;border-radius:10px;padding:10px 12px;color:var(--text);font:inherit}
textarea{min-height:90px}.checks label{display:inline-flex;gap:6px;align-items:center;margin-right:12px;color:var(--text)}
.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3)}.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4)}.two>*,.three>*{min-width:0}
@media(max-width:1000px){.three{grid-template-columns:repeat(2,minmax(0,1fr))}}
.flash{padding:10px 14px;border-radius:10px;background:#e7f7ee;border:1px solid #a9dfc4}.flash.err{background:#fdecec;border-color:#f0b9bb}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:9px 8px;border-bottom:1px solid var(--line);font-size:var(--fs-ui);vertical-align:top}th{color:var(--mute);font-weight:500}
th.num,td.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}tr.sum td{font-weight:700;border-top:2px solid var(--line)}
.table-wrap,.tabs-x{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}.table-wrap>table{margin:0}.table-wrap.wide>table{min-width:720px}
.cta{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:40px auto}.foot{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:18px 16px;color:var(--mute);font-size:0.8125rem}.foot a{color:var(--mute);margin-right:14px}
.total{color:var(--gold-text,var(--gold));font-weight:700;font-size:1.125rem}.stack>*+*{margin-top:16px}
@media(max-width:760px){.detail,.cta,.specs,.two,.three{grid-template-columns:1fr}.months{grid-template-columns:1fr}.months .m2{display:none}.hero h1{font-size:1.875rem}}

.subnav{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:12px}
.subnav a{padding:7px 14px;border-radius:99px;color:var(--mute);font-size:0.875rem}.subnav a.on{background:var(--panel2);color:var(--text)}.subnav a:hover{text-decoration:none;color:var(--text)}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:var(--s3);align-items:stretch}.stat{display:flex;flex-direction:column;gap:2px;min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:var(--card-r);padding:var(--kpi-pad)}.stat b{display:block;font-size:1.5rem}.stat span{color:var(--mute);font-size:var(--fs-sm)}.stat>.kpi-sub{margin-top:auto;padding-top:var(--s1)}
.next{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.next .ph{width:120px;aspect-ratio:4/3;border-radius:12px;font-size:2.25rem;flex:none}
.tl{list-style:none;padding:0;margin:0}.tl li{padding:6px 0 6px 22px;position:relative;color:var(--mute)}.tl li:before{content:'';position:absolute;left:4px;top:13px;width:9px;height:9px;border-radius:50%;background:var(--line)}.tl li.done{color:var(--text)}.tl li.done:before{background:var(--ok)}
.btn-danger{background:none;border:1px solid #f0b9bb;color:var(--bad);border-radius:var(--r);padding:calc((var(--btn-h) - 1.25em)/2 - 1px) 16px;line-height:1.25;cursor:pointer;font-size:var(--fs-ui);font-family:inherit;vertical-align:middle}
@media(max-width:760px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Eigene Checkboxen & Radiobuttons im dunklen Design */
input[type=checkbox],input[type=radio]{-webkit-appearance:none;appearance:none;width:20px;height:20px;margin:0;flex:none;display:inline-grid;place-content:center;background:#f6f8fb;border:1.5px solid #8a96ab;cursor:pointer;transition:.12s}
input[type=checkbox]{border-radius:6px}input[type=radio]{border-radius:50%}
input[type=checkbox]:hover,input[type=radio]:hover{border-color:var(--gold)}
input[type=checkbox]:checked,input[type=radio]:checked{background:var(--gold);border-color:var(--gold)}
input[type=checkbox]:checked::after{content:'';width:10px;height:5px;border-left:2.5px solid #111;border-bottom:2.5px solid #111;transform:rotate(-45deg) translate(1px,-1px)}
input[type=radio]:checked::after{content:'';width:8px;height:8px;border-radius:50%;background:#111}
input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.opts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
label.opt{display:flex;align-items:center;gap:12px;margin:0;padding:14px;border:1px solid var(--line);border-radius:12px;background:#f6f8fb;color:var(--text);cursor:pointer;transition:.12s}
label.opt:hover{border-color:#8a96ab}label.opt:has(input:checked){border-color:var(--gold);background:#fff3c4}
label.opt small{display:block;color:var(--mute);font-size:0.75rem}
label.agree{display:flex;align-items:center;gap:10px;margin:16px 0;color:var(--text);cursor:pointer}
.checks label{cursor:pointer}[hidden]{display:none!important}
@media(max-width:520px){.opts{grid-template-columns:1fr}}

/* Händler-Bereich */
.shell{display:grid;grid-template-columns:210px 1fr;gap:28px;align-items:start}
.side{position:sticky;top:12px;display:flex;flex-direction:column;gap:2px}
.side a{padding:9px 12px;border-radius:10px;color:var(--mute);font-size:0.875rem}.side a:hover{background:var(--panel);color:var(--text);text-decoration:none}.side a.on{background:var(--panel2);color:var(--text);font-weight:600}
.side-h{margin:16px 12px 4px;font-size:0.6875rem;letter-spacing:.08em;text-transform:uppercase;color:#64708a}.side-h:first-child{margin-top:0}
.bars{display:flex;align-items:flex-end;gap:3px;height:120px;padding-top:8px}.bars i{flex:1;background:var(--gold);border-radius:3px 3px 0 0;min-height:2px;opacity:.85}.bars i:hover{opacity:1}
.cal-grid{display:grid;grid-template-columns:repeat(28,1fr);gap:2px;min-width:560px}.cal-grid i{aspect-ratio:1;border-radius:3px;background:#bfe8d2}.cal-grid i.booked{background:var(--gold)}.cal-grid i.closed{background:#d9e0eb}
.kpi-sub{color:var(--mute);font-size:var(--fs-xs)}
@media(max-width:860px){.shell{grid-template-columns:1fr}.side{position:static;flex-direction:row;overflow-x:auto;gap:4px}.side a{white-space:nowrap}.side-h{display:none}}

/* Bildergalerie */
.thumbs{display:flex;gap:8px;margin:10px 0;flex-wrap:wrap}
.thumb{width:72px;aspect-ratio:4/3;border-radius:8px;border:2px solid var(--line);background:#d9e0eb center/cover no-repeat;cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center;flex:none}
.thumb:hover,.thumb.on{border-color:var(--gold)}
.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:12px 0}
.gal .ph{font-size:2rem;border-radius:10px}.g form{margin-top:6px}
/* Knoepfe unter jedem Bild (11.10.2026): Titelbild, Reihenfolge, Loeschen – umbrechend, damit nichts aus der Kachel laeuft. */
.g-tun{display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.g-tun .btn-dark{padding:4px 10px;font-size:var(--fs-xs);min-height:32px}
input[type=file]{padding:10px}

/* Katalog: Filter + Karte */
.fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.fgrid label{margin-top:0}
.split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px;align-items:start}
.split .grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
.mapcol{position:sticky;top:12px;height:calc(100vh - 32px);max-height:760px;min-height:420px}.mapcol .map{height:100%}
.viewtoggle{display:none;gap:6px}.viewtoggle button{flex:1;background:var(--panel2);border:1px solid var(--line);color:var(--mute);border-radius:10px;padding:9px;cursor:pointer;font-size:0.875rem}.viewtoggle button.on{color:var(--text);border-color:var(--gold)}
/* touch-action: pan-y statt none (13.10.2026). Mit `none` schluckte die Karte am Handy jede Geste – wer sie berührte,
   konnte die Seite nicht mehr scrollen. Jetzt scrollt ein Finger die Seite, zwei Finger bewegen und zoomen die Karte
   (public/map.js). Für Maus und Trackpad ändert sich nichts. */
.map{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#e9eef6;touch-action:pan-y;user-select:none;cursor:grab}.map.drag{cursor:grabbing}
.m-tiles,.m-pins{position:absolute;inset:0}.m-tiles{filter:none}.m-tiles img{position:absolute;width:256px;height:256px;max-width:none}
.m-pin{position:absolute;transform:translate(-50%,-100%);background:var(--gold);color:#111;border:0;border-radius:99px;padding:4px 9px;font:600 12px system-ui,sans-serif;cursor:pointer;box-shadow:0 2px 8px #0006;white-space:nowrap;margin-top:-5px}
.m-pin:after{content:'';position:absolute;left:50%;bottom:-5px;transform:translateX(-50%);border:5px solid transparent;border-top-color:var(--gold);border-bottom:0}
.m-pin.hl{background:#fff;z-index:5;transform:translate(-50%,-100%) scale(1.12)}.m-pin.hl:after{border-top-color:#fff}
.m-cl{position:absolute;transform:translate(-50%,-50%);width:var(--s,34px);height:var(--s,34px);border-radius:50%;background:var(--gold);color:#111;border:3px solid #f5c51855;font:700 13px system-ui,sans-serif;cursor:pointer;box-shadow:0 2px 8px #0006}
.m-me{position:absolute;width:14px;height:14px;transform:translate(-50%,-50%);border-radius:50%;background:#3b82f6;border:3px solid #fff;box-shadow:0 0 0 6px #3b82f633}
.m-ctrl{position:absolute;right:10px;top:10px;display:flex;flex-direction:column;gap:4px;z-index:20}.m-ctrl button{width:34px;height:34px;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-size:1.125rem;cursor:pointer}
.m-attr{position:absolute;left:0;bottom:0;background:#0006;color:#3a475d;font-size:0.625rem;padding:2px 6px;z-index:20}.m-attr a{color:#3a475d}
.m-popup{position:absolute;z-index:15;width:230px;transform:translate(-50%,-100%);margin-top:-38px;background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #0008;cursor:default}
.m-pimg{height:110px;background:#d9e0eb center/cover no-repeat}.m-pbody{padding:10px 12px;display:flex;flex-direction:column;gap:6px;font-size:0.8125rem}.m-pbody span{color:var(--mute)}.m-pbody .btn{text-align:center;padding:7px}
@media(max-width:860px){.split{grid-template-columns:1fr}.viewtoggle{display:flex}.mapcol{position:static;height:420px;min-height:0}.split.v-list .mapcol{display:none}.split.v-map .results{display:none}}

/* Zeitraum-Picker */
.daterange{position:relative}
.dr-btn{width:100%;text-align:left;background:#f6f8fb;border:1px solid #a9b5c9;border-radius:10px;padding:10px 12px;color:var(--mute);font:inherit;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dr-btn.set{color:var(--text);border-color:#d4a300}.dr-btn:hover{border-color:#8a96ab}
.dr-pop{position:absolute;top:calc(100% + 6px);left:0;z-index:40;width:min(600px,94vw);background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:0 16px 40px #0008}
.dr-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}.dr-sum{font-weight:600;font-size:0.875rem}.dr-presets .btn-dark{border-radius:8px;padding:6px 10px;font-size:0.75rem}
.dr-hint{margin:8px 0 0}
.dr-pop .d.closed{color:#64708a;cursor:not-allowed}
@media(max-width:600px){.dr-pop .months .m2{display:none}}

/* Startseite */
.hero2{margin-top:-28px;padding:56px 0 44px;border-bottom:1px solid var(--line);background:radial-gradient(900px 380px at 78% -10%,#f5c51833,transparent 70%),radial-gradient(700px 300px at 5% 110%,#5b8def22,transparent 70%),var(--bg)}
.hero2 h1{font-size:clamp(34px,6vw,54px);margin:.25em 0 .2em;letter-spacing:-.02em}.lead{max-width:640px;color:var(--mute);font-size:1.0625rem;margin:0 0 26px}
.herosearch{display:grid;grid-template-columns:1.4fr 1fr 1.2fr auto;gap:10px;background:#f6f8fb;border:1px solid var(--line);border-radius:16px;padding:12px;align-items:end;max-width:960px}
.hs-f label{margin:0 0 4px 2px;font-size:0.75rem}.hs-go{padding:13px 22px;height:46px}
/* Zwei Wege ganz oben (12.10.2026, Ansage des Inhabers): Solange noch nichts buchbar ist, zaehlt vor allem der Vermieter –
   ohne ihn gibt es nichts zu mieten. Darum links die Registrierung, rechts das, was den Mieter interessiert. */
.zweiweg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:22px 0 4px}
.zw-k{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:20px;border:1px solid var(--line);border-radius:var(--card-r);background:var(--panel)}
.zw-k.zw-v{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}
.zw-wer{margin:0;color:var(--mute);font-size:var(--fs-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.zw-k h2{margin:0;font-size:var(--fs-lg);line-height:1.2}
.zw-l{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}
.zw-l li{position:relative;padding-left:22px;color:var(--mute);font-size:var(--fs-ui);line-height:1.4}
.zw-l li:before{content:"";position:absolute;left:3px;top:.45em;width:10px;height:6px;border-left:2px solid var(--gold-text);border-bottom:2px solid var(--gold-text);transform:rotate(-45deg)}
.zw-k .btn{margin-top:auto}
@media(max-width:700px){.zweiweg{grid-template-columns:1fr;gap:12px;margin:18px 0 4px}.zw-k{padding:16px}.zw-k .btn{width:100%}}
.trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.trust span{background:#f6f8fb;border:1px solid var(--line);border-radius:12px;padding:9px 14px;font-size:0.8125rem;color:#3a475d}
.sec{padding:52px 0;border-top:1px solid var(--line)}.sec h2{font-size:1.625rem;margin:0 0 6px}.sub{margin:0 0 20px}.center{text-align:center;margin-bottom:26px!important}
.catgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.cat{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 10px;background:var(--panel);border:1px solid var(--line);border-radius:14px;color:var(--text);text-align:center}.cat:hover{border-color:#d4a300;background:#d9e0eb;text-decoration:none}
.cat .ci{font-size:1.75rem;filter:grayscale(1) sepia(1) saturate(3.2) hue-rotate(-8deg) brightness(1.15)}.cat small{color:var(--mute)}
.whygrid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.why{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px}.why b{display:block;margin:8px 0 6px}.why p{margin:0}
.wi{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#fff3c4;border:1px solid #d4a300;font-size:1.125rem}
.feat{display:grid;grid-template-columns:1fr 1fr;gap:16px}.fcard{background:linear-gradient(160deg,#eef3fc,#ffffff);padding:26px}.fcard h3{margin:12px 0 6px}
.grid.pop{grid-template-columns:repeat(4,1fr)}
@media(max-width:960px){.herosearch{grid-template-columns:1fr 1fr}.hs-q{grid-column:1/-1}.hs-go{grid-column:1/-1}.catgrid{grid-template-columns:repeat(2,1fr)}.whygrid{grid-template-columns:1fr 1fr}.feat{grid-template-columns:1fr}.grid.pop{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.herosearch{grid-template-columns:1fr}.whygrid,.grid.pop{grid-template-columns:1fr}.hero2{padding:36px 0 30px}}

/* Karte: Zoom-Hinweis, Standortleiste, Touch */
.m-hint{position:absolute;inset:0;z-index:25;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;background:#050810cc;color:#e6ebf5;font-size:0.875rem;pointer-events:none}
.map.m-embed{touch-action:pan-y pinch-zoom}
.locbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:14px}.locbar input{flex:1;min-width:220px}
.locmsg{margin:8px 0 0;min-height:1.2em}#nearby{margin-top:16px}#nearby h3{margin:0 0 10px}

/* Merkliste im Header + Herz auf Kacheln */
.hdr-fav{display:inline-flex;align-items:center;gap:6px;color:var(--text)!important}.hdr-fav:hover{text-decoration:none}.hf-i{color:var(--gold-text,var(--gold));font-size:1.125rem;line-height:1}
.hf-n{background:var(--gold);color:#111;border-radius:99px;padding:0 7px;font-size:0.75rem;font-weight:700;line-height:18px}
.tile .ph{position:relative;overflow:hidden}.ph>img.pi{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.heart{position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:50%;border:0;background:#ffffffdd;color:#16202f;font-size:1.1875rem;line-height:1;cursor:pointer;display:grid;place-items:center;backdrop-filter:blur(4px);transition:.12s}
.heart:hover{background:#e2e8f0;transform:scale(1.08);color:var(--gold-text,var(--gold))}.heart.on{color:var(--gold-text,var(--gold))}.heart:disabled{opacity:.6}
@media(max-width:600px){.hf-t{display:none}}

/* Einheitliche Formularfelder: Auswahlfelder wie Eingabefelder, Zahlenfelder ohne Klick-Pfeile */
input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]):not([type=submit]),select{min-height:44px}
select{-webkit-appearance:none;appearance:none;color-scheme:dark;cursor:pointer;padding:10px 38px 10px 12px;line-height:1.3;
  background-color:#f6f8fb;background-repeat:no-repeat;background-position:right 14px center;background-size:12px 8px;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' fill='none' stroke='%23f5c518' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>")}
select:hover{border-color:#8a96ab}select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--gold-text,var(--gold));outline-offset:1px}
select option{background:#ffffff;color:var(--text)}
input[type=number]{-moz-appearance:textfield;appearance:textfield}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
input[type=date]{color-scheme:dark}

/* Bewertungen & Statistik */
.cat small.rent{color:#3a475d;font-size:0.75rem}
.dist{display:grid;gap:6px;margin:10px 0 14px;max-width:360px}.dist div{display:grid;grid-template-columns:34px 1fr 24px;align-items:center;gap:8px;font-size:0.8125rem}
.dist i,.rankrow i{display:block;height:8px;background:#e6ebf3;border-radius:99px;overflow:hidden}.dist b,.rankrow i b{display:block;height:100%;background:var(--gold);border-radius:99px}
.rankrow{display:grid;grid-template-columns:minmax(150px,220px) 1fr 110px;align-items:center;gap:12px;padding:6px 0;font-size:0.875rem}
table.heat td{text-align:center;min-width:52px}table.heat td:first-child,table.heat th:first-child{text-align:left}

/* Kategorie-Blöcke (Startseite): nach Beliebtheit, große Kacheln mit Foto */
.catgrid2{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.cblock{position:relative;overflow:hidden;display:flex;align-items:flex-end;min-height:200px;border-radius:16px;border:1px solid var(--line);color:#fff;
  background:radial-gradient(120% 90% at 30% 10%,#1d2f52,#0a1120) center/cover no-repeat;transition:transform .15s,border-color .15s}
.cblock.big{grid-column:span 2;min-height:320px}
.cblock:hover{transform:translateY(-3px);border-color:#d4a300;text-decoration:none}
.cb-shade{position:absolute;inset:0;background:linear-gradient(to top,#050810 4%,#050810d0 32%,#05081040 68%,#05081010 100%)}
.cb-text{position:relative;display:flex;flex-direction:column;gap:3px;padding:18px}.cb-text b{font-size:1.125rem}.cblock.big .cb-text b{font-size:1.625rem}
.cb-text small{color:#d3dbea;font-size:0.8125rem}.cb-text small.rent{color:#f5c518}
.cb-emoji{position:absolute;left:50%;top:34%;transform:translate(-50%,-50%);font-size:4rem;filter:grayscale(1) sepia(1) saturate(3.2) hue-rotate(-8deg) brightness(1.15);opacity:.9}.cblock.big .cb-emoji{font-size:6rem}
.cb-badge{position:absolute;top:14px;left:14px;background:var(--gold);color:#111;font-weight:700;font-size:0.75rem;padding:4px 10px;border-radius:99px}
.cb-credit{position:absolute;right:8px;top:8px;max-width:62%;font-size:0.625rem;line-height:1.3;color:#ffffffc0;background:#0009;padding:2px 6px;border-radius:6px}
@media(max-width:960px){.catgrid2{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.catgrid2{grid-template-columns:1fr}.cblock.big{grid-column:auto;min-height:240px}}

/* Technische Daten, Kaufoption */
.glance{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin:12px 0}
.glance div{background:#f6f8fb;border:1px solid var(--line);border-radius:12px;padding:10px 12px}.glance b{display:block;font-size:1rem}.glance span{color:var(--mute);font-size:0.75rem}
.techh{margin:18px 0 4px;font-size:0.75rem;text-transform:uppercase;letter-spacing:.07em;color:var(--gold-text,var(--gold))}.techh:first-of-type{margin-top:6px}
.buybox{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0}.btn.buy{background:transparent;color:var(--text);border:1px solid var(--gold)}.btn.buy:hover{background:#fff3c4}

/* Vermieter: Leerzustände, Erste Schritte, Aufgaben, nummerierte Schritte, Formularabschnitte, Vermieten-Seite */
.emp{padding:6px 2px}.emp>b{display:block;font-size:1rem;margin:0 0 4px}.emp>p{margin:0;color:var(--mute);max-width:640px}.emp>ol{margin:10px 0 0;padding-left:20px;display:grid;gap:4px;font-size:0.875rem}
.nsteps{counter-reset:ns;list-style:none;margin:0;padding:0;display:grid;gap:12px}.nsteps>li{counter-increment:ns;display:flex;gap:12px;align-items:flex-start}
.nsteps>li::before{content:counter(ns);flex:none;width:28px;height:28px;border-radius:50%;background:var(--gold);color:#111;font-weight:800;font-size:0.875rem;display:grid;place-items:center}.nsteps>li>div{min-width:0}.nsteps>li b{display:block}.nsteps>li span{color:var(--mute);font-size:0.875rem}
.ob>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px}.ob>summary::-webkit-details-marker{display:none}
.ob-h{display:flex;flex-direction:column;gap:2px;min-width:0}.ob-h b{font-size:1.125rem}.ob-chev{flex:none;width:10px;height:10px;border-right:2px solid var(--mute);border-bottom:2px solid var(--mute);transform:rotate(45deg);margin:0 4px 4px 0;transition:.15s}.ob[open] .ob-chev{transform:rotate(225deg);margin:4px 4px 0 0}
.ob-track{width:100%;margin-top:12px}
.ob-list{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:2px}.ob-list li{display:flex;gap:12px;align-items:flex-start;padding:8px 10px;border-radius:12px;border:1px solid transparent}
.ob-n{flex:none;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--line);background:var(--panel2);color:var(--mute);display:grid;place-items:center;font-size:0.8125rem;font-weight:700}
.ob-list li>div{min-width:0}.ob-list li b{font-weight:600}.ob-list li.done b{color:var(--mute);font-weight:500}.ob-list li.done .ob-n{background:var(--ok);border-color:var(--ok);color:#fff}
.ob-list li.cur{background:var(--panel2);border-color:#d4a300}.ob-list li.cur .ob-n{background:var(--gold);border-color:var(--gold);color:#111}.ob-list li p{margin:2px 0 10px}
.tk{display:grid;grid-template-columns:1fr 1fr;gap:0 32px}.tk .task,.tk .task:last-child{border-bottom:1px solid var(--line)}.task.zero,.task.zero:hover{color:var(--mute)}.task.zero b{background:none}
@media(max-width:900px){.tk{grid-template-columns:1fr}}
.fs{margin:28px 0 0;padding-top:22px;border-top:1px solid var(--line)}.fs:first-of-type{margin-top:8px;padding-top:0;border-top:0}
.fs-h{display:flex;align-items:center;gap:10px;margin:0 0 4px;font-size:1.1875rem}.fs-n{flex:none;width:28px;height:28px;border-radius:50%;background:var(--gold);color:#111;display:grid;place-items:center;font-size:0.875rem;font-weight:800}
.fs-t{margin:0 0 8px;color:var(--mute);font-size:0.84375rem}
#listing-form .fs h3:not(.fs-h){font-size:0.9375rem;padding-top:14px;border-top:1px dashed var(--line)}
.reqf label:has(+ [required])::after{content:" *";color:var(--bad);font-weight:700}.req-note{font-size:0.8125rem;color:var(--mute);margin:0 0 4px}
.vm-hero h1{max-width:760px}.vm-hero p{max-width:640px}.vm-cost{display:block;margin:14px 0 16px;padding:14px 18px;max-width:640px;font-size:1rem;line-height:1.5}.vm-cost b{font-weight:700}.vm-cost .mute{display:block;font-size:0.875rem;margin-top:2px}
.vm-btns{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 0}.vm-btns .btn{padding:12px 22px;border:1px solid var(--gold);font-size:0.9375rem;text-align:center}.vm-btns .btn.ghost{border-color:#d4a300}
.vm-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.vm-benefits .card h3{margin:0 0 6px}.vm-benefits .card p{margin:0}
.vm-tbl{width:100%;border-collapse:collapse}.vm-tbl td,.vm-tbl th{padding:9px 6px;border-top:1px solid var(--line);text-align:left;vertical-align:top}.vm-tbl tr:first-child td,.vm-tbl tr:first-child th{border-top:0}.vm-tbl td:last-child{text-align:right;white-space:nowrap}
.vm-end{text-align:center;padding:8px 0 0}.vm-end .vm-btns{justify-content:center}
@media(max-width:760px){.vm-benefits{grid-template-columns:1fr}.vm-btns .btn{flex:1 1 100%}.vm-tbl td:last-child{white-space:normal}}
.sp-list{margin:10px 0 14px;padding-left:20px;display:grid;gap:6px;font-size:0.875rem}
.tk-more{margin-top:10px}.tk-more>summary{cursor:pointer;color:var(--mute)}.tk-more[open]>summary{margin-bottom:6px}
.lg-ck .ic{vertical-align:-2px;margin-right:4px}a.lg-ck:hover{border-color:var(--gold);text-decoration:none}
.thumb2:has(>.ic){display:grid;place-items:center;color:var(--mute)}
.fp-bico .ic{color:var(--bad)}.fl-chev .ic{display:block}
details.card>summary{cursor:pointer}
/* Vermieter-Cockpit */
.task{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid var(--line);color:var(--text);font-size:0.875rem}.task:hover{text-decoration:none;color:var(--gold-text,var(--gold))}.task:last-child{border:0}.task b{min-width:28px;text-align:center;background:#e6ebf3;border-radius:99px;padding:1px 9px}.task b.warn{background:#3a2a06;color:var(--gold-text,var(--gold))}
.score{display:flex;align-items:baseline;gap:6px}.score b{font-size:2.75rem;line-height:1;color:var(--gold-text,var(--gold))}.score span{color:var(--mute)}
.prow{display:grid;grid-template-columns:120px 1fr 44px;gap:10px;align-items:center;font-size:0.8125rem;margin:5px 0}.prow i{display:block;height:7px;background:#e6ebf3;border-radius:99px;overflow:hidden}.prow b{display:block;height:100%;background:var(--gold)}
.evgrid,.chans{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.ev.live{border-color:#d4a300;background:#fff3c4}.chan .wi{margin-bottom:8px}
a.stat{color:var(--text)}a.stat:hover{text-decoration:none;border-color:#d4a300}a.stat.on{border-color:var(--gold)}
.abc{display:flex;gap:3px;height:34px}.abc i{display:grid;place-items:center;font-style:normal;font-weight:700;border-radius:8px;color:#111;min-width:0}.abc i.kA{background:var(--ok)}.abc i.kB{background:var(--gold)}.abc i.kC{background:#8a96ab;color:#fff}
.adbanner{display:flex;align-items:center;gap:16px;background:linear-gradient(90deg,#fff3c4,#ffffff);border:1px solid #d4a300;border-radius:14px;padding:12px 16px;color:var(--text)}.adbanner:hover{text-decoration:none;border-color:var(--gold)}
.adbanner .ab-img{width:96px;height:64px;border-radius:10px;background:#d9e0eb center/cover;flex:none}.adbanner>span:nth-child(2),.adbanner>span:nth-child(1):not(.ab-img){display:flex;flex-direction:column;gap:2px;flex:1}.adbanner small{color:var(--mute)}

/* Cockpit: Inhalt darf nie über den Rand hinauswachsen */
.shell>.stack{min-width:0}

/* Vermieter-Cockpit: eigener Kopfbereich */
body.cockpit{background:#e2e8f0}
.ck-top{position:sticky;top:0;z-index:60;background:#ffffffee;backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.ck-bar{margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:18px;min-width:0}
.ck-brand{display:flex;align-items:center;gap:10px;color:var(--text)}.ck-brand:hover{text-decoration:none}
.ck-logo{width:36px;height:36px;border-radius:10px;background:var(--gold);color:#111;display:grid;place-items:center;font-weight:800;font-size:1.125rem}
.ck-brand b{display:block;line-height:1.1}.ck-brand small{color:var(--mute);font-size:0.65625rem;letter-spacing:.09em;text-transform:uppercase}
.ck-chips{display:flex;gap:8px;flex-wrap:wrap}.ck-chip{border:1px solid #d4a300;background:#fff3c4;color:#8a6a00;border-radius:99px;padding:4px 12px;font-size:0.78125rem;white-space:nowrap}.ck-chip:hover{text-decoration:none;border-color:var(--gold)}.ck-chip.ok{border-color:#a9dfc4;background:#e7f7ee;color:var(--ok)}
.ck-right{margin-left:auto;display:flex;align-items:center;gap:12px}
.ck-search input{width:210px;min-height:38px;padding:7px 14px;border-radius:99px;background:#f6f8fb}
.ck-menu{position:relative}.ck-menu>summary{list-style:none;cursor:pointer}.ck-menu>summary::-webkit-details-marker{display:none}
.ck-avatar{width:38px;height:38px;border-radius:50%;background:#e6ebf3;border:1px solid var(--line);display:grid;place-items:center;font-weight:700;font-size:0.8125rem;color:var(--text)}.ck-avatar:hover{border-color:var(--gold)}
.ck-panel{position:absolute;right:0;top:calc(100% + 8px);min-width:220px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);padding:6px;box-shadow:var(--shadow-pop);display:flex;flex-direction:column;z-index:70}
.ck-panel a,.ck-panel button{display:block;width:100%;text-align:left;background:none;border:0;color:var(--text);padding:9px 12px;border-radius:8px;font:inherit;font-size:0.875rem;cursor:pointer}.ck-panel a:hover,.ck-panel button:hover{background:#151f33;text-decoration:none}.ck-panel a.on{color:var(--gold-text,var(--gold))}
.ck-who{padding:8px 12px 10px;border-bottom:1px solid var(--line);margin-bottom:4px}.ck-who b{display:block}.ck-who small{color:var(--mute)}
.ck-nav{margin:0 auto;padding:0 16px;display:flex;align-items:stretch;min-width:0}.ck-sub{margin:0 auto;padding-left:16px;padding-right:16px}
.ck-tabs{display:flex;overflow-x:auto;flex:1;scrollbar-width:none}.ck-tabs::-webkit-scrollbar{display:none}
.ck-tabs a,.ck-more>summary{padding:12px 11px;color:var(--mute);border-bottom:2px solid transparent;white-space:nowrap;font-size:0.875rem}.ck-tabs a:hover,.ck-more>summary:hover{color:var(--text);text-decoration:none}
.ck-tabs a.on,.ck-more>summary.on{color:var(--text);border-bottom-color:var(--gold);font-weight:600}
.ck-more .ck-panel{right:0;left:auto;min-width:180px}
.ck-main{padding:var(--s5) 0 calc(var(--s6) * 2);min-height:74vh}
.ck-foot{max-width:1240px;margin:0 auto;padding:18px 16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;color:var(--mute);font-size:0.8125rem}.ck-foot a{color:var(--mute);margin-left:14px}
@media(max-width:1200px){.ck-search{display:none}}
@media(max-width:860px){.ck-chips{display:none}}
@media(max-width:700px){.ck-bar{gap:10px}.ck-right .btn{padding:8px 12px;font-size:0.8125rem}}

@media(max-width:560px){.ck-long{display:none}.ck-brand small{display:none}}
.ck-new{white-space:nowrap}

/* Umsatz im Zeitverlauf */
.chart{position:relative}
.seg{display:inline-flex;background:#f6f8fb;border:1px solid var(--line);border-radius:10px;padding:3px}.seg button{background:none;border:0;color:var(--mute);padding:6px 14px;border-radius:8px;cursor:pointer;font:inherit;font-size:0.8125rem}.seg button.on{background:#e6ebf3;color:var(--text)}
.ch-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:6px 0 14px}.ch-kpis div{display:flex;flex-direction:column}.ch-kpis b{font-size:1.25rem}.ch-kpis span{color:var(--mute);font-size:0.78125rem}.ch-kpis small{font-size:0.75rem}
.ch-legend{display:flex;gap:16px;align-items:center;flex-wrap:wrap;font-size:0.78125rem;color:var(--mute);margin-bottom:4px}.ch-legend i,.ch-tip i{display:inline-block;vertical-align:middle;margin-right:6px}
i.l1{width:10px;height:10px;border-radius:3px;background:var(--gold)}i.l2{width:14px;height:0;border-top:2px dashed #7d8bab}
.ch-prev{background:none;border:0;color:var(--mute);font:inherit;font-size:0.78125rem;cursor:pointer;padding:0;opacity:.55}.ch-prev.on{opacity:1;color:var(--text)}
.ch-plot{width:100%;min-height:230px}.ch-plot svg{display:block;overflow:visible}
.ch-plot .g{stroke:#d9e0eb;stroke-width:1}.ch-plot .g.base{stroke:#cdd5e3}.ch-plot .t{fill:#5d6b83;font:11.5px system-ui,sans-serif}.ch-plot .t.empty{font-size:0.8125rem}
.ch-plot .bar{fill:var(--gold);opacity:.88;transition:opacity .1s}.ch-plot .bar.hot{opacity:1;fill:#ffd84a}
.ch-plot .prevline{fill:none;stroke:#7d8bab;stroke-width:2;stroke-dasharray:5 4;stroke-linejoin:round}.ch-plot .prevdot{fill:#ffffff;stroke:#7d8bab;stroke-width:1.6}
.ch-plot .cursor{stroke:#ffffff30;stroke-width:1;stroke-dasharray:3 3}
.ch-tip{position:absolute;z-index:5;pointer-events:none;background:#ffffff;border:1px solid #cdd5e3;border-radius:10px;padding:9px 12px;font-size:0.78125rem;line-height:1.55;box-shadow:0 10px 26px #0005;min-width:150px}.ch-tip b{display:block;margin-bottom:2px}.ch-tip .mute{color:var(--mute)}

/* Übergabeprotokoll */
.hosteps{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hostep{display:flex;gap:12px;align-items:center;padding:12px 14px;background:var(--panel);border:1px solid var(--line);border-radius:12px;color:var(--text)}.hostep:hover{text-decoration:none;border-color:#8a96ab}.hostep.on{border-color:var(--gold);background:#fff3c4}
.hostep i{font-style:normal;width:30px;height:30px;border-radius:50%;background:#e6ebf3;display:grid;place-items:center;font-weight:700}.hostep.on i{background:var(--gold);color:#111}.hostep span{display:flex;flex-direction:column}.hostep small{color:var(--mute)}
.ho-form h3,.card>h3{margin:22px 0 8px;font-size:0.9375rem}.ho-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.upl{margin:0 0 12px}.upl input[type=file]{padding:10px}.upl .prev{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.upl .prev img{height:70px;border-radius:8px;border:1px solid var(--line)}
.ho-checks label{display:flex;gap:10px;align-items:flex-start;margin:6px 0;color:var(--text);cursor:pointer}.ho-checks input{margin-top:2px}
.ho-files{display:flex;gap:10px;flex-wrap:wrap;margin:6px 0}.ho-files figure{margin:0;position:relative;width:120px}.ho-files img{width:120px;height:90px;object-fit:cover;border-radius:8px;border:1px solid var(--line);display:block}.ho-files figcaption{font-size:0.6875rem;color:var(--mute);margin-top:2px}
.ho-files .x{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;border:0;background:#0008;color:#fff;cursor:pointer;line-height:1}
.sigpad{position:relative}.sigpad canvas{display:block;width:100%;height:150px;border:1px dashed #8a96ab;border-radius:10px;background:#fff;touch-action:none;cursor:crosshair}.sigpad [data-clear]{margin-top:6px;border-radius:8px;padding:5px 12px;font-size:0.75rem}
.sigimg{max-height:70px;background:#fff;border-radius:6px;padding:4px;display:block;margin:4px 0}.sigs{display:flex;gap:30px;flex-wrap:wrap;margin-top:14px}
@media(max-width:700px){.hosteps,.ho-grid{grid-template-columns:1fr}}
/* Finanzen */
.fin-donut h2{margin-bottom:2px}.donut-wrap{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.donut-svg{width:190px;height:190px;flex:none}.donut-svg .seg{transition:stroke-width .12s}.donut-svg .seg.hot{stroke-width:36}
.donut-svg .dc-l{fill:#5d6b83;font:11px system-ui,sans-serif}.donut-svg .dc-v{fill:#16202f;font:700 15px system-ui,sans-serif}
.donut-legend{list-style:none;margin:0;padding:0;flex:1;min-width:210px;display:grid;gap:2px}.donut-legend li{display:grid;grid-template-columns:12px 1fr auto 52px;gap:8px;align-items:center;font-size:0.8125rem;padding:5px 6px;border-radius:8px}.donut-legend li.hot{background:#eef2f8}
.donut-legend i{width:10px;height:10px;border-radius:3px}.donut-legend em{color:var(--mute);font-style:normal;text-align:right;font-size:0.75rem}
.ch-plot .bar.exp{fill:#a78bfa}.ch-plot .netline{stroke:#2bb673;stroke-width:2;stroke-linejoin:round}.ch-plot .netdot{fill:#ffffff;stroke:#2bb673;stroke-width:1.6}
i.l3{width:10px;height:10px;border-radius:3px;background:#a78bfa}i.l4{width:14px;height:0;border-top:2px solid #2bb673}i.l1.exp{background:#a78bfa}
.funnel{display:grid;gap:10px;margin-top:10px}.fn-row{display:grid;grid-template-columns:110px 1fr 70px;gap:10px;align-items:center;font-size:0.8125rem}.fn-bar{height:16px;background:#f6f8fb;border-radius:8px;overflow:hidden}.fn-bar i{display:block;height:100%;background:linear-gradient(90deg,#5b8def,#f5c518);border-radius:8px}.fn-row b{text-align:right}
/* Kalender & Ereignisse */
.oc-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:18px;margin-top:8px}.oc-nav{display:flex;gap:8px;align-items:center}.oc-nav .btn{padding:3px 12px;border-radius:8px}
.oc-head,.oc-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.oc-head span{text-align:center;font-size:0.71875rem;color:var(--mute);padding-bottom:4px}
.oc-day{min-height:62px;background:#f6f8fb;border:1px solid var(--line);border-radius:8px;padding:4px 5px;display:flex;flex-direction:column;gap:2px;overflow:hidden}.oc-day.oc-out{opacity:.4}.oc-day.oc-today{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}.oc-day.oc-hol .oc-n{color:#b8262c}.oc-day.oc-has{background:#f3f6fb}
.oc-n{font-size:0.75rem;color:var(--mute)}.oc-dot{font-style:normal;font-size:0.65625rem;border-radius:5px;padding:1px 4px;white-space:nowrap;display:inline-block;width:max-content}
.oc-item.k-out{background:#f5c51826;border-left:4px solid #f5c518}.oc-item.k-back{background:#3b82f626;border-left:4px solid #3b82f6}.oc-item.k-service{background:#f9731626;border-left:4px solid #f97316}.oc-item.k-event{background:#8b5cf626;border-left:4px solid #8b5cf6}
.oc-list{max-height:400px;overflow:auto}.oc-row{display:grid;grid-template-columns:64px 1fr;gap:8px;padding:8px 0;border-top:1px solid var(--line)}.oc-row>b{font-size:0.78125rem;color:var(--mute)}.oc-row>b.today{color:var(--gold-text,var(--gold))}
.oc-item{display:block;text-decoration:none;color:inherit;border-radius:8px;padding:5px 8px;margin-bottom:4px;font-size:0.78125rem;line-height:1.35}.oc-item span{display:block;font-weight:600}.oc-item em{font-style:normal;color:var(--mute)}.oc-item.done{opacity:.55}.oc-item:hover{filter:brightness(1.2)}
@media(max-width:900px){.oc-grid{grid-template-columns:1fr}.oc-day{min-height:48px}}
a.oc-day{text-decoration:none;color:inherit;cursor:pointer}a.oc-day:hover{border-color:#64708a;filter:brightness(1.15)}.oc-day.oc-sel{border-color:var(--gold);background:#e8eef9}
.pf .pf-detail td{padding-top:0;border-top:0}.pf-detail summary{cursor:pointer;color:var(--mute);font-size:0.78125rem}.pf th a{color:inherit;text-decoration:none}.pf th a.sorted{color:var(--gold-text,var(--gold))}
.pf td{white-space:nowrap}.pf td:nth-child(2){white-space:normal;min-width:150px}.pf .pf-detail td{white-space:normal}

.ch-tip,.donut-svg .dc-v{color:var(--text)}.donut-svg .dc-v{fill:#16202f}.donut-svg .dc-l{fill:#5d6b83}.ch-plot .t{fill:#5d6b83}.ch-plot .netdot,.ch-plot .prevdot{fill:#fff}a{--link:#8a6a00}
.cblock.noimg{background:linear-gradient(160deg,#fffaf0,#f7e08c);color:#16202f;border-color:#eadfae}.cblock.noimg .cb-shade{display:none}.cblock.noimg .cb-text small{color:var(--mute)}.cblock.noimg .cb-text small.rent{color:#8a6a00}
.theme-btn{background:none;border:1px solid var(--line);color:var(--text);border-radius:99px;width:34px;height:34px;font-size:1rem;cursor:pointer;flex:none;line-height:1}.theme-btn:hover{border-color:var(--gold)}
/* Performance: Produkt-Ranking wie im Linkreich-Händler-Cockpit */
.pf-scroll{overflow-x:auto;margin:0 -4px}.pf2{min-width:0}
.pf-row{display:grid;grid-template-columns:56px minmax(0,1.7fr) 76px 100px 78px 78px 108px 132px 132px 160px 200px 56px;gap:0 12px;align-items:center;padding:14px 8px;border-top:1px solid var(--line);font-size:0.875rem}
.pf-head{border-top:0;padding-top:0;padding-bottom:10px;font-size:0.71875rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--mute)}.pf-head a{color:inherit;text-decoration:none}.pf-head a.sorted{color:var(--gold-text,var(--gold))}
.rank{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--panel2);border:1px solid var(--line);font-weight:800;font-size:0.875rem}.rank.top{background:#f5c518;border-color:#f5c518;color:#111}
.pf-prod{display:flex;align-items:center;gap:12px;min-width:0}.thumb2{width:46px;height:46px;border-radius:9px;flex:none;border:1px solid var(--line);background:var(--panel2) center/cover no-repeat}.pf-prod b{display:block;line-height:1.25}
.cls{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;font-weight:800;font-size:0.875rem}.cls-A{background:#f5c518;color:#111}.cls-B{background:#f5c51840;color:#8a6a00}.cls-C{background:#7d8bab30;color:var(--mute)}
.retbtn{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--text);font:inherit;font-size:0.84375rem;font-weight:600;cursor:pointer;white-space:nowrap}.retbtn.bad{color:#b8262c}.retbtn svg{width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:2;transition:transform .15s}.retbtn:hover,.retbtn[aria-expanded=true]{background:var(--panel2);border-color:#d4a300}.retbtn[aria-expanded=true] svg{transform:rotate(180deg)}
.pf-score{display:flex;align-items:center;gap:10px}.track{height:8px;border-radius:4px;background:#7d8bab30;overflow:hidden;width:60px}.fill{height:100%;border-radius:4px;background:#f5c518}
.badge-x{white-space:nowrap;display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:7px;font-size:0.75rem;font-weight:700}.badge-x.gold{background:#f5c51838;color:#8a6a00}.badge-x.amber{background:#f59e4230;color:#8f5a10}.badge-x.red{background:#e5484d28;color:#b8262c}.badge-x.gray{background:#7d8bab28;color:var(--mute)}
.switch{position:relative;display:inline-block;width:44px;height:26px;flex:none}.switch input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.switch input:disabled{cursor:not-allowed}.sw{position:absolute;inset:0;border-radius:13px;background:#7d8bab55;pointer-events:none;transition:background .15s}.sw::after{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0004;transition:left .15s}.switch input:checked+.sw{background:#f5c518}.switch input:checked+.sw::after{left:21px}.switch input:disabled+.sw{opacity:.4}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pf-detail2{margin:0 8px 16px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);padding:20px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:28px}.pf-detail2[hidden]{display:none}
.rrow{display:grid;grid-template-columns:210px minmax(0,1fr) 90px;gap:12px;align-items:center;font-size:0.84375rem;padding:6px 0}.rrow b{text-align:right}.rtrack{height:8px;border-radius:4px;background:#7d8bab30;overflow:hidden}.rfill{height:100%;border-radius:4px;background:#f5c518}
.rec-box{border:1px solid #d4a300;background:#fff3c4;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:10px;align-self:start;color:#16202f}.rec-box .mute{color:var(--mute)}.rec-k{font-size:0.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#8a6a00}
@media(max-width:900px){.pf-detail2{grid-template-columns:1fr}.rrow{grid-template-columns:130px 1fr 70px}}
.cf-steps{margin:0;padding-left:20px;display:grid;gap:8px}.cf-ask{border-color:#d4a300}
/* Produkte-Liste */
.pd-bar{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.pd-search input{width:260px;max-width:100%}.pd-card{padding:16px 8px 8px}
.pd2{min-width:1300px}.pd-row{display:grid;grid-template-columns:36px minmax(0,1.9fr) 84px 92px 130px 76px 110px 92px 96px 60px 118px;gap:0 12px;align-items:center;padding:12px 8px;border-top:1px solid var(--line);font-size:0.875rem}
.pd-chk input{width:17px;height:17px;accent-color:#e0ac00;cursor:pointer}.pd-selbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 12px;margin:0 8px 10px;border:1px solid #d4a300;background:#fff3c4;border-radius:10px;color:#16202f}.pd-selbar[hidden]{display:none}
.pd-pager{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 8px 4px;border-top:1px solid var(--line);flex-wrap:wrap}.pd-pager a.sorted{color:var(--gold-text,var(--gold));font-weight:700}.pd-act{text-align:right}
.pd-card .thumb2{display:grid;place-items:center;font-size:1.25rem}
.pd-bar~*,.row>span>.btn,.row .ck-menu>summary{white-space:nowrap}
/* Cockpit breiter, Produkte größer */
.pf-prod>div{min-width:0}.pf-prod>div .small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-prod b{overflow:hidden;text-overflow:ellipsis}
.pd2{min-width:1240px}.pd-row{grid-template-columns:40px minmax(260px,2.2fr) 96px 104px 150px 84px 130px 104px 104px 64px 128px;gap:0 14px;padding:16px 10px;font-size:0.9375rem}
.pd-card .thumb2{width:64px;height:64px;border-radius:12px;font-size:1.625rem}.pd-card .pf-prod{gap:16px}.pd-card .pf-prod b{font-size:0.96875rem}
.pd-chk input{width:19px;height:19px}.pd-card .track{width:70px;height:9px}.pd-card{padding:22px 12px 10px}.pd-bar .badge{font-size:0.84375rem;padding:7px 14px}
.pd-card .pf-prod b{white-space:normal;overflow:visible}
.fp-banner{display:flex;align-items:center;gap:14px;border:1px solid #e5484d55;background:#e5484d14;border-radius:12px;padding:12px 16px}.fp-banner>span{font-size:1.375rem}.fp-banner>div{flex:1}.fp-banner .btn{white-space:nowrap}
.fp-svc input[type=date]{display:block;margin-top:4px;width:150px}.fp-svc b{margin-right:6px}
/* Größe: Tabellen passen sich der Bildschirmbreite an (Spalten blenden nach Bedarf aus, kein seitliches Scrollen) */
.pf2,.pd2{min-width:0}
.pf-row{grid-template-columns:56px minmax(220px,1.7fr) 76px 100px 78px 78px 108px 132px 132px 160px 190px 56px;gap:0 12px}
.pd-row{grid-template-columns:40px minmax(240px,2.2fr) 92px 100px 140px 76px 120px 100px 96px 60px 120px;gap:0 12px}
@media(max-width:1750px){
 .pf-row>:nth-child(5),.pf-row>:nth-child(7){display:none}.pf-row{grid-template-columns:44px minmax(190px,2fr) 66px 92px 72px 120px 118px 152px 176px 52px;gap:0 10px}
}
@media(max-width:1380px){
 .pd-row>:nth-child(6){display:none}.pd-row{grid-template-columns:36px minmax(200px,2fr) 88px 96px 130px 110px 92px 90px 56px 110px;gap:0 10px}
}
@media(max-width:1150px){
 .pf-row>:nth-child(6),.pf-row>:nth-child(11){display:none}.pf-row{grid-template-columns:40px minmax(150px,2fr) 62px 84px 116px 112px 146px 52px;gap:0 10px}
 .pd-row>:nth-child(4),.pd-row>:nth-child(8){display:none}.pd-row{grid-template-columns:34px minmax(170px,2fr) 88px 130px 110px 92px 56px 100px;gap:0 10px}
 .pd-card .thumb2{width:52px;height:52px}.pd-row .pd-act .btn{padding:6px 10px;font-size:0.8125rem}
}
@media(max-width:800px){.pf2{min-width:760px}.pd2{min-width:760px}}
.pf-scroll{margin:0}.pf-detail2{overflow:hidden}.pf-detail2>*{min-width:0}.rec-box{max-width:100%;overflow-wrap:anywhere}.rec-box .btn{align-self:flex-start}
.pf-score .track{width:52px;flex:none}.pf-score b{min-width:28px}
.fp-date{display:flex;align-items:center;gap:10px;border-radius:10px;padding:8px 12px;border:1px solid var(--line);background:var(--panel2)}.fp-date>div{display:flex;flex-direction:column;gap:3px;align-items:flex-start}.fp-date b{font-size:0.90625rem}.fp-ico{font-size:1.125rem}
.fp-date.red{border-color:#b8262c66;background:#e5484d14}.fp-date.amber{border-color:#f59e4266;background:#f59e4214}.fp-date.ok{border-color:#2bb67366;background:#2bb67312}
.fp-edit{margin-top:6px}.fp-edit summary{cursor:pointer;font-size:0.78125rem;color:var(--gold-text,var(--gold));list-style:none}.fp-edit summary::-webkit-details-marker{display:none}.fp-edit[open] summary{margin-bottom:6px}
.fp-pop{border:1px solid var(--line);border-radius:10px;padding:10px;background:var(--panel);box-shadow:0 8px 22px #0002;max-width:260px}.fp-quick{display:flex;flex-wrap:wrap;gap:6px}.fp-quick .btn{padding:4px 10px;font-size:0.78125rem}.fp-clear{margin-top:8px;background:none;border:0;color:#b8262c;font:inherit;font-size:0.78125rem;cursor:pointer;padding:0}
/* Empfehlungen und Bestätigungsfenster */
.rc{border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin-bottom:12px;background:var(--panel2)}.rc-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:10px}.rc-prod{display:flex;align-items:center;gap:10px}.rc-prod .thumb2{width:38px;height:38px}
.rc-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:14px}.rc h4{margin:0 0 6px;font-size:0.8125rem;text-transform:uppercase;letter-spacing:.04em;color:var(--mute)}.rc ul{margin:0;padding-left:18px;display:grid;gap:6px;font-size:0.875rem}
@media(max-width:800px){.rc-cols{grid-template-columns:1fr}}
.askdlg{border:0;border-radius:18px;padding:0;max-width:min(940px,94vw);width:100%;max-height:92vh;background:var(--bg);color:var(--text);box-shadow:0 30px 80px #0007}.askdlg::backdrop{background:#0a101ccc;backdrop-filter:blur(3px)}
.ask-x{position:relative;padding:26px 28px;overflow:auto;max-height:92vh}.ask-close{position:absolute;top:12px;right:14px;background:none;border:0;color:var(--mute);font-size:1.125rem;cursor:pointer}.ask-content h1{font-size:1.5rem;margin:4px 0 0}
/* Marketing & Ads */
.mk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.mk-card{display:flex;flex-direction:column;gap:6px;padding:22px}.mk-card h3{margin:8px 0 0;font-size:1.25rem}.mk-card>p{margin:0 0 6px;font-size:0.875rem;line-height:1.5}
.mk-top{display:flex;justify-content:space-between;align-items:center}.mk-ico{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;font-size:1.5rem;background:#f5c51826;border:1px solid #d4a300}
.mk-facts{margin:4px 0 14px;flex:1}.mk-fact{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:0.875rem}.mk-fact span{color:var(--mute)}
.plan-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(280px,1fr);gap:14px;align-items:start}.plan-sum table{width:100%;margin-bottom:14px}.plan-sum td:last-child{text-align:right}.plan-cost td{border-top:1px solid var(--line)!important;font-size:1rem}.plan-cost td:last-child b{color:var(--gold-text,var(--gold))}
@media(max-width:1000px){.mk-grid{grid-template-columns:1fr}.plan-grid{grid-template-columns:1fr}}
/* Produkte: mehr Platz für den Produktnamen bei mittleren Breiten */
@media(max-width:1150px){
 .pd-row{grid-template-columns:30px minmax(250px,3.2fr) 74px 96px 90px 78px 50px 92px;gap:0 10px;padding:14px 6px;font-size:0.90625rem}
 .pd-card .thumb2{width:46px;height:46px}.pd-card .pf-prod{gap:12px}.pd-card{padding:16px 8px 8px}.pd-card .track{width:44px}
 .pd-row .pd-act .btn{padding:6px 9px;font-size:0.78125rem}.pd-row .badge-x{padding:0 8px}
}
@media(min-width:1151px) and (max-width:1380px){.pd-row{grid-template-columns:36px minmax(260px,3fr) 88px 96px 130px 110px 92px 90px 56px 110px}}
/* Preisempfehlungen (Tabelle wie im Händler-Cockpit) */
.rt-card>.row{align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:8px}.rt-chips{display:flex;gap:8px;flex-wrap:wrap}.chip-f{background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:99px;padding:8px 16px;font:inherit;font-size:0.84375rem;font-weight:600;cursor:pointer}.chip-f b{opacity:.7;margin-left:4px}.chip-f.on{background:#f5c518;border-color:#f5c518;color:#111}
table.rt{width:100%;border-collapse:collapse}table.rt th{font-size:0.71875rem;text-transform:uppercase;letter-spacing:.04em;color:var(--mute);text-align:left;padding:10px 10px;border-bottom:1px solid var(--line);white-space:nowrap}table.rt td{padding:16px 10px;border-top:1px solid var(--line);vertical-align:top;font-size:0.90625rem}table.rt tr:first-child td{border-top:0}
.rt-prod{min-width:170px}.rt-prod .thumb2{display:inline-block;width:34px;height:34px;vertical-align:middle;margin-right:10px;border-radius:8px}.rt-prod b{vertical-align:middle}
.rt-rec{min-width:300px;max-width:420px}.rt-rec p{margin:8px 0 0;font-size:0.84375rem;color:var(--mute);line-height:1.5}.rt-rec .rt-gain{color:var(--text)}.rt-sug{min-width:150px}
.rk{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-weight:800;font-size:0.9375rem}.rk-ok{background:#2bb67326;color:#2bb673}.rk-amber{background:#f59e4226;color:#f59e42}.rk-gold{background:#f5c51830;color:#8a6500}.rk-red{background:#e5484d26;color:#b8262c}.rk-gray{background:#7d8bab26;color:#7d8bab}
b.neg{color:#b8262c}b.mid{color:#946200}b.pos{color:#146b42}
@media(max-width:1150px){table.rt th:nth-child(4),table.rt td:nth-child(4),table.rt th:nth-child(5),table.rt td:nth-child(5){display:none}.rt-rec{min-width:220px}}
.rt-more{margin-top:6px}.rt-more summary{cursor:pointer;font-size:0.78125rem;color:var(--gold-text,var(--gold))}.rt-more p{margin:6px 0 0!important}
/* Cockpit in den Größen des Linkreich-Händler-Cockpits (Grundschrift 14 px, Überschrift 30 px, Karten 24 px, Knöpfe 40 px) */
body.cockpit{font-size:0.875rem;line-height:1.5}
body.cockpit h1{font-size:var(--fs-xl);margin:.1em 0 .1em}body.cockpit h2{font-size:var(--fs-md);margin:0 0 10px}body.cockpit h3{font-size:var(--fs-base)}
body.cockpit .stack{gap:18px}
body.cockpit{--card-pad:22px;--card-r:14px;--kpi-pad:18px 20px;--badge-pad:5px 12px}
body.cockpit .stat b{font-size:1.75rem;line-height:1.15}body.cockpit .stat span{font-size:0.8125rem}body.cockpit .kpi-sub{font-size:0.78125rem}
body.cockpit th,body.cockpit td{font-size:0.875rem;padding:11px 10px}body.cockpit th{font-size:0.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
body.cockpit .btn,body.cockpit button.btn{padding:calc((var(--btn-h) - 1.25em)/2) 18px;min-height:var(--btn-h);display:inline-flex;align-items:center;justify-content:center;font-size:var(--fs-ui);border-radius:var(--r)}body.cockpit .btn.full{width:100%}
body.cockpit .btn-dark{padding:7px 14px;font-size:0.8125rem}
body.cockpit input,body.cockpit select,body.cockpit textarea{font-size:0.875rem;padding:10px 12px}
body.cockpit label{font-size:0.8125rem}body.cockpit .small{font-size:0.78125rem}
body.cockpit .badge{font-size:0.78125rem}
body.cockpit .ck-tabs a,body.cockpit .ck-more>summary{font-size:0.875rem;padding:13px 13px}
body.cockpit .pd-row,body.cockpit .pf-row{font-size:0.875rem}
body.cockpit .thumb2,body.cockpit .pd-card .thumb2{width:46px;height:46px}
body.cockpit table.rt td{font-size:0.875rem;padding:16px 12px}body.cockpit table.rt th{padding:12px}body.cockpit .rt-rec p{font-size:0.8125rem}
body.cockpit .ck-new .ck-long{margin-left:.3em}
/* Breite und Seitenrand wie im Händler-Cockpit: Inhalt füllt das Fenster mit ca. 48 px Rand */
.ck-bar,.ck-nav,.ck-sub,body.cockpit .ck-main .wrap,body.cockpit .ck-wrap{max-width:var(--ck-w);padding-left:var(--ck-pad);padding-right:var(--ck-pad)}
@media(max-width:1200px){body.cockpit{--ck-pad:20px}}
/* Betreiber-Bereich: gleiche Maße wie das Cockpit (Karten, Kacheln, Knöpfe, Tabellen), Inhalt bis 1400 px mit 24 px Rand */
body.adm-mode,body:has(>.adm-nav){--card-pad:22px;--card-r:14px;--kpi-pad:18px 20px;--badge-pad:5px 12px}
body.adm-mode .wrap,body:has(>.adm-nav) .wrap{max-width:1400px;padding-left:var(--s5);padding-right:var(--s5)}
body.adm-mode .stat b,body:has(>.adm-nav) .stat b{font-size:1.75rem;line-height:1.15}
body.adm-mode th,body:has(>.adm-nav) th{font-size:var(--fs-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
body.adm-mode td,body:has(>.adm-nav) td{padding:11px 10px}
@media(max-width:700px){body.adm-mode,body:has(>.adm-nav){--card-pad:14px;--kpi-pad:12px}body.adm-mode .wrap,body:has(>.adm-nav) .wrap{padding-left:var(--s4);padding-right:var(--s4)}body.adm-mode .stat b,body:has(>.adm-nav) .stat b{font-size:1.25rem}}
/* Fuhrpark & Wartung */
.fp-plan{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-top:14px}.fp-item{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:14px;padding:12px;background:var(--panel2);text-decoration:none;color:var(--text)}.fp-item:hover{border-color:var(--gold)}.fp-item.red{border-color:#b8262c66}.fp-item.amber{border-color:#f59e4266}
.fp-tile{width:74px;flex:none;border-radius:12px;text-align:center;padding:7px 4px;display:flex;flex-direction:column;align-items:center;gap:0;background:#2bb67318;border:1px solid #2bb67355}.fp-tile .fp-m{font-size:0.65625rem;font-weight:700;letter-spacing:.06em;color:#146b42}.fp-tile .fp-d{font-size:1.875rem;line-height:1.1}.fp-tile .fp-w{font-size:0.71875rem;color:var(--mute)}
.fp-tile.amber{background:#f59e4218;border-color:#f59e4266}.fp-tile.amber .fp-m{color:#d98a1c}.fp-tile.red{background:#e5484d18;border-color:#b8262c66}.fp-tile.red .fp-m{color:#b8262c}.fp-tile.none{background:#7d8bab14;border:1px dashed #7d8bab66}.fp-tile.none .fp-m,.fp-tile.none .fp-d{color:var(--mute)}
.fp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:16px}.fp-card{display:flex;flex-direction:column;gap:16px}.fp-card.due{border-color:#b8262c66}
.fp-head{display:flex;align-items:center;gap:14px}.fp-head>div{flex:1;min-width:0}.fp-head b{display:block}
.fp-kpis{display:grid;grid-template-columns:1.1fr 1fr 1fr 1.4fr;gap:10px}.fp-kpis>div,.fp-units{display:flex;flex-direction:column;gap:4px;background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:10px 12px}.fp-kpis b{font-size:1.125rem}.fp-units input{width:100%;border:0;background:transparent;font-size:1.125rem;font-weight:700;padding:0!important}
.fp-svcblock{display:flex;align-items:center;gap:16px;border:1px solid var(--line);border-radius:14px;padding:14px;background:var(--panel2)}.fp-svcblock.red{border-color:#b8262c66;background:#e5484d0f}.fp-svcblock.amber{border-color:#f59e4266;background:#f59e420f}.fp-info{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.fp-edit{margin-top:2px}.fp-edit summary{cursor:pointer;font-size:0.8125rem;color:var(--gold-text,var(--gold));list-style:none;font-weight:600}.fp-edit summary::-webkit-details-marker{display:none}.fp-edit[open] summary{margin-bottom:6px}
.fp-pop{border:1px solid var(--line);border-radius:10px;padding:10px;background:var(--panel);box-shadow:0 8px 22px #0002}.fp-quick{display:flex;flex-wrap:wrap;gap:6px}.fp-quick .btn{padding:0 12px!important;height:32px!important;font-size:0.78125rem!important}.fp-clear{margin-top:8px;background:none;border:0;color:#b8262c;font:inherit;font-size:0.78125rem;cursor:pointer;padding:0}
@media(max-width:1000px){.fp-grid{grid-template-columns:1fr}.fp-kpis{grid-template-columns:1fr 1fr}}
.fp-grid{grid-template-columns:repeat(auto-fill,minmax(500px,1fr))}
body.cockpit .fp-units input{padding:0;border:0;background:transparent;height:auto;font-size:1.125rem;font-weight:700;width:100%;box-shadow:none}
.fp-occ .pf-score .track{flex:1;width:auto;min-width:60px}.fp-occ .pf-score b{min-width:44px;text-align:right}
.fp-tile{min-width:74px}
/* Rabatt erstellen */
.rf-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:24px;align-items:start}.rf-fields{display:grid;gap:14px}
.seg-x{display:flex;gap:8px;flex-wrap:wrap}.seg-x label{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;padding:9px 14px;cursor:pointer;background:var(--panel2);font-size:0.875rem}.seg-x input{width:auto;padding:0;accent-color:#e0ac00}
.rf-check{border:1px solid var(--line);border-radius:14px;padding:18px;background:var(--panel2)}.rf-check h3{margin:0 0 10px}.rf-check table{width:100%}.rf-check td{padding:8px 0!important;font-size:0.875rem}.rf-check td:last-child{text-align:right}
.rf-verdict{border-radius:10px;padding:10px 12px;font-weight:600;font-size:0.84375rem;margin-bottom:8px}.rf-verdict.ok{background:#2bb67318;color:#146b42}.rf-verdict.mid{background:#f59e4220;color:#8f5a10}.rf-verdict.bad{background:#e5484d1c;color:#b8262c}
@media(max-width:1000px){.rf-grid{grid-template-columns:1fr}}
.rt-pw{display:flex;align-items:center;gap:12px}.rt-pw .thumb2{flex:none;margin:0;display:block}table.rt td:last-child .btn{white-space:nowrap}
/* Fuhrpark & Wartung: Produkte untereinander */
.fp-list{display:flex;flex-direction:column;gap:12px}.fp-row{padding:0!important;overflow:hidden}.fp-row.due{border-color:#b8262c66}
.fp-main{display:grid;grid-template-columns:minmax(230px,2fr) minmax(170px,1.1fr) minmax(90px,.6fr) minmax(170px,1fr) minmax(250px,1.8fr);gap:20px;align-items:center;padding:16px 22px}.fp-main>div{display:flex;flex-direction:column;gap:5px;min-width:0}.fp-main b{font-size:0.90625rem}
.fp-head{flex-direction:row!important;align-items:center;gap:14px}.fp-head>div{display:block}.fp-head b{display:block}
.fp-units input{width:64px;padding:8px 10px!important}.fp-units .btn{height:34px!important;padding:0 12px!important;font-size:0.8125rem!important}
.fp-next{align-items:flex-start}.fp-next .badge-x{align-self:flex-start}
.fp-more{border-top:1px solid var(--line);background:var(--panel2)}.fp-more>summary{cursor:pointer;padding:12px 22px;font-size:0.84375rem;font-weight:600;color:var(--gold-text,var(--gold));list-style:none}.fp-more>summary::-webkit-details-marker{display:none}.fp-more>summary::before{content:'';}.fp-more[open]>summary::before{content:'';}
.fp-body{padding:4px 22px 22px;display:grid;gap:18px}.fp-body table{background:var(--panel);border-radius:10px}.fp-done td{opacity:.6}.fp-acts{white-space:nowrap;text-align:right}
.fp-form{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px}.fp-form h4{margin:0 0 12px;font-size:0.9375rem}
.fp-fields{display:grid;grid-template-columns:1.2fr 1fr 1.4fr .8fr;gap:14px;margin-bottom:14px}.fp-wide{grid-column:1/-1}.fp-fields label{display:block;margin-bottom:5px}
.fp-quick{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.fp-quick .btn{padding:0 10px!important;height:30px!important;font-size:0.75rem!important}
@media(max-width:1150px){.fp-main{grid-template-columns:1.6fr 1fr 1.4fr;row-gap:14px}.fp-fields{grid-template-columns:1fr 1fr}}
.fp-main .fp-units{background:none;border:0;padding:0}
/* Wartungs-Banner im Stil der übrigen Karten */
.fp-banner{display:flex;align-items:center;gap:16px;background:var(--panel);border:1px solid var(--line);border-left:4px solid #e5484d;border-radius:14px;padding:16px 20px}
.fp-bico{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;font-size:1.25rem;background:#e5484d18;border:1px solid #e5484d44;flex:none}
.fp-btxt{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.fp-btxt b{font-size:0.9375rem}.fp-pills{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.pill-d{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:7px;font-size:0.75rem;font-weight:700;background:var(--panel2);border:1px solid var(--line);color:var(--text)}
body.cockpit table.rt td{padding:14px 12px}.rt-rec{min-width:340px;max-width:480px}.rt-rec p{margin:6px 0 0;line-height:1.45}
@media(max-width:1590px){table.rt th:nth-child(4),table.rt td:nth-child(4),table.rt th:nth-child(5),table.rt td:nth-child(5){display:none}}
table.rt td:last-child{white-space:nowrap}
/* Empfehlungen in verschiedenen Farben: Ads = blau, Rabatt = grün, Preis erhöhen = orange, Ads prüfen = rot, Halten = grau */
.badge-x.blue{background:#5b8def26;color:#2c58b8}.rk-blue{background:#5b8def26;color:#2c58b8}
table.rt tr[class^="rt-"] td:first-child{box-shadow:inset 4px 0 0 var(--tc);padding-left:16px}
table.rt tr.rt-blue{--tc:#5b8def;background:#5b8def0d}table.rt tr.rt-ok{--tc:#2bb673;background:#2bb6730d}table.rt tr.rt-amber{--tc:#f59e42;background:#f59e420f}table.rt tr.rt-red{--tc:#e5484d;background:#e5484d10}table.rt tr.rt-gray{--tc:#7d8bab;background:transparent}
table.rt tr[class^="rt-"] .btn.ghost{border-color:var(--tc);color:var(--text)}table.rt tr[class^="rt-"] .btn.ghost:hover{background:var(--tc);color:#111}
.chip-f[data-tone]::before{content:'';display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px;vertical-align:middle;background:#7d8bab}.chip-f[data-tone=amber]::before{background:#f59e42}.chip-f[data-tone=ok]::before{background:#2bb673}.chip-f[data-tone=blue]::before{background:#5b8def}.chip-f[data-tone=all]::before{display:none}.chip-f.on::before{outline:1.5px solid #111}
.badge-x.ok{background:#2bb67326;color:#146b42}
.pill-date{background:#5b8def1c;border-color:#5b8def55}
/* Datumsauswahl (wie im Händler-Cockpit) */
.dp-wrap{position:relative}.datebtn{height:44px;width:100%;border:1px solid var(--line);border-radius:9px;background:var(--panel2);color:var(--text);display:flex;align-items:center;justify-content:space-between;padding:0 13px;font:inherit;font-size:0.875rem;cursor:pointer;text-align:left}.datebtn:hover{border-color:#d4a300}.datebtn .dp-ph{color:var(--mute)}.datebtn svg{color:var(--gold-text,var(--gold));flex:none}.datebtn.err{border-color:#b8262c}
.dp{position:absolute;top:calc(100% + 6px);left:0;z-index:40;width:310px;background:var(--panel);border:1px solid #d4a300;border-radius:14px;padding:14px;box-shadow:0 16px 40px #0004}.dp[hidden]{display:none}
.dphead{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:0.9375rem}.dpnav{width:34px;height:34px;border-radius:8px;border:1px solid var(--line);background:transparent;color:var(--text);font-size:1.125rem;line-height:1;cursor:pointer}.dpnav:hover{border-color:var(--gold)}
.dpwk{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:0.71875rem;color:var(--mute);margin-bottom:4px}.dpgrid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}
.dpday{height:36px;border:none;border-radius:8px;background:transparent;color:var(--text);font:inherit;font-size:0.84375rem;cursor:pointer;padding:0}.dpday:hover{background:var(--panel2)}.dpday.sel{background:#f5c518;color:#111;font-weight:700}.dpday.today{box-shadow:inset 0 0 0 1px var(--gold)}.dpday.off{color:var(--mute);opacity:.4;cursor:not-allowed}.dpday.off:hover{background:transparent}.dpday.blank{visibility:hidden}
.dpchips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.dpchip{height:30px;padding:0 12px;border:1px solid var(--line);border-radius:15px;background:transparent;color:var(--gold-text,var(--gold));font:inherit;font-size:0.78125rem;font-weight:600;cursor:pointer}.dpchip:hover{border-color:var(--gold)}
@media(max-width:520px){.dp{width:min(310px,90vw)}}
.fp-row{overflow:visible!important}.fp-more{border-radius:0 0 14px 14px}
.pf-sort{background:none;border:0;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;padding:0;white-space:nowrap}.pf-sort:hover,.pf-sort.on{color:var(--gold-text,var(--gold))}
.fin-cf{display:grid;grid-template-columns:1fr 1.2fr 1.6fr 1.3fr .8fr auto;gap:14px;align-items:end}.fin-cbtn .btn{white-space:nowrap}
@media(max-width:1250px){.fin-cf{grid-template-columns:1fr 1fr 1fr}}
/* Info-Box und Support-Box in der Kopfzeile */
.ck-pop{position:relative}.ck-ibtn{position:relative;list-style:none;cursor:pointer;width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--text);display:grid;place-items:center}.ck-ibtn::-webkit-details-marker{display:none}.ck-ibtn:hover,.ck-pop[open]>.ck-ibtn{border-color:#d4a300}
.ck-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#e5484d;color:#fff;font-size:0.6875rem;font-weight:700;display:grid;place-items:center;border:2px solid var(--bg)}
.ck-panel.ck-wide{width:380px;padding:0;overflow:hidden;right:0;left:auto;max-height:70vh;overflow-y:auto}.ck-phead{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}
.ck-ev,.ck-msg{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--text)}.ck-ev:hover,.ck-msg:hover{background:var(--panel2);text-decoration:none}
.ck-ev i{width:10px;height:10px;border-radius:50%;margin-top:6px;flex:none;background:#7d8bab}.ck-ev.red i{background:#e5484d}.ck-ev.amber i{background:#f59e42}.ck-ev.blue i{background:#5b8def}.ck-ev.ok i{background:#2bb673}
.ck-ev span,.ck-msg span:nth-child(2){display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.ck-ev small,.ck-msg small{color:var(--mute);font-size:0.78125rem;white-space:normal}.ck-msg em{font-style:normal;font-size:0.71875rem;color:var(--mute);white-space:nowrap}.ck-msg.new{background:#5b8def0f}.ck-msg.new b::after{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:#5b8def;margin-left:8px}
.ck-av{width:34px;height:34px;border-radius:50%;flex:none;display:grid;place-items:center;font-weight:700;background:#f5c51826;color:#8a6a00;border:1px solid #d4a300}.ck-av.lg{width:44px;height:44px;font-size:1.0625rem}.ck-pfoot{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px}.ck-pfoot .btn{height:34px!important;padding:0 14px!important;font-size:0.8125rem!important}
@media(max-width:700px){.ck-panel.ck-wide{width:min(380px,92vw);position:fixed;right:4vw;top:70px}}
/* Postfach */
.nb-grid{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.6fr);gap:16px;align-items:start}.nb-list{padding:8px!important;display:flex;flex-direction:column;gap:2px;max-height:75vh;overflow:auto}
.nb-item{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:10px;text-decoration:none;color:var(--text)}.nb-item:hover{background:var(--panel2);text-decoration:none}.nb-item.on{background:var(--panel2);box-shadow:inset 3px 0 0 var(--gold)}.nb-item.new b::after{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:#5b8def;margin-left:8px}
.nb-t{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.nb-t small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nb-item em{font-style:normal;font-size:0.71875rem;color:var(--mute);white-space:nowrap}
.nb-dh{display:flex;align-items:center;gap:14px}.nb-dh>div{flex:1}.nb-body{margin:16px 0;padding:16px;border-radius:12px;background:var(--panel2);border:1px solid var(--line);line-height:1.6}.nb-reply{margin:0 0 16px;padding:16px;border-radius:12px;border:1px solid #2bb67355;background:#2bb6730d;line-height:1.6}.nb-form textarea{width:100%;margin:6px 0 10px;resize:vertical}
@media(max-width:1000px){.nb-grid{grid-template-columns:1fr}}
.ck-panel a.ck-msg,.ck-panel a.ck-ev{display:flex!important;padding:12px 16px!important}.ck-phead b{white-space:nowrap}.ck-phead a{white-space:nowrap}
.ck-panel .ck-pfoot .btn{display:inline-flex!important}
/* Händlerstatus als Kennzahl-Karte (wie im Linkreich-Händler-Cockpit) */
a.stat.stat-status{display:flex;flex-direction:column;gap:10px;text-decoration:none;color:var(--text);border-color:#d4a300;background:#fff3c4}a.stat.stat-status:hover{border-color:var(--gold)}
.stat-status .ss-label{color:#8a6a00;font-size:0.8125rem;font-weight:600}.ss-num{display:flex;align-items:baseline;gap:8px}.stat-status .ss-num b{font-size:1.875rem;line-height:1.1;color:#8a6500}.stat-status .ss-num span{font-size:0.9375rem;color:var(--mute)}
.stat-status .kpi-sub b{color:#8a6a00}.stat-status .track{height:8px}
body.cockpit .stat-status .kpi-sub b{display:inline;font-size:inherit;line-height:inherit;font-weight:700}
th.th-sort{cursor:pointer;user-select:none;white-space:nowrap}th.th-sort:hover,th.th-sort.on{color:var(--gold-text,var(--gold))}.th-arrow{font-style:normal}
/* Dringlichkeit und Dateien im Support */
.prio{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:6px;font-size:0.6875rem;font-weight:700;white-space:nowrap}.prio.gray{background:#7d8bab26;color:var(--mute)}.prio.blue{background:#5b8def26;color:#2c58b8}.prio.amber{background:#f59e4230;color:#8f5a10}.prio.red{background:#e5484d26;color:#b8262c}
.ck-pr-w{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:none}.ck-msg .ck-pr-w em,.nb-item .ck-pr-w em{margin:0}.ck-badge.calm{background:#5b8def}
.nb-filters{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:center}.badge.prio-f.red{border-color:#b8262c66}.badge.prio-f.amber{border-color:#f59e4266}
.nb-prio{display:flex;align-items:center;gap:14px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--line);flex-wrap:wrap}.nb-prio .seg-x{gap:6px}
.prio-btn{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:99px;padding:6px 16px;font:inherit;font-size:0.8125rem;font-weight:600;cursor:pointer}.prio-btn:hover{border-color:var(--gold)}.prio-btn.on.gray{background:#7d8bab30;border-color:#7d8bab}.prio-btn.on.blue{background:#5b8def26;border-color:#5b8def}.prio-btn.on.amber{background:#f59e4230;border-color:#f59e42}.prio-btn.on.red{background:#e5484d26;border-color:#b8262c;color:#b8262c}
.nb-files{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.nb-img img{display:block;height:110px;width:auto;max-width:200px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}.nb-doc{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid var(--line);border-radius:10px;background:var(--panel);text-decoration:none;color:var(--text);font-size:0.84375rem}
.nb-attach{display:flex;align-items:center;gap:12px;margin:0 0 12px;flex-wrap:wrap}.nb-fbtn{cursor:pointer}
.nb-prio{border:1px solid var(--line);border-left:4px solid #5b8def;border-radius:12px;padding:14px 16px;background:var(--panel2);display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}.nb-prio.red{border-left-color:#b8262c;background:#e5484d0d}.nb-prio.amber{border-left-color:#f59e42;background:#f59e420d}.nb-prio.gray{border-left-color:#7d8bab}
.nb-pmain{display:flex;flex-direction:column;gap:6px}.nb-plevel{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.prio.big{height:28px;padding:0 14px;font-size:0.875rem;border-radius:8px}.nb-pset{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.prio-btn.auto.on{background:#f5c51826;border-color:#d4a300}
small.pwhy{font-weight:600}small.pwhy.red{color:#b8262c}small.pwhy.amber{color:#d98a1c}
.nb-prios .badge{font-size:0.875rem;padding:8px 16px}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px;background:#7d8bab}.dot.red{background:#e5484d}.dot.amber{background:#f59e42}.dot.gray{background:#7d8bab}
.prio.gray{background:#7d8bab26}
/* Tools (Zusatzfunktionen) */
.tl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tl-card{display:flex;flex-direction:column;gap:10px;padding:24px}.tl-card.on{border-color:#d4a300}.tl-card h3{margin:6px 0 0;font-size:1.25rem}.tl-card>p{margin:0}
.tl-list{margin:0;padding-left:18px;display:grid;gap:6px;font-size:0.875rem}.tl-price{font-size:0.9375rem;margin:6px 0}.tl-price b{font-size:1.625rem}
.tl-lock{display:flex;flex-direction:column;gap:14px;padding:36px!important;max-width:820px}.mk-ico.big{width:64px;height:64px;font-size:1.875rem}.tl-lock h1{margin:0}
.lk{font-size:0.6875rem;opacity:.75}
@media(max-width:1150px){.tl-grid{grid-template-columns:1fr}}
/* Plus grün, Minus rot */
.sg-pos,.sg-pos b,.pos-txt{color:#146b42!important}.sg-neg,.sg-neg b,.neg-txt{color:#b8262c!important}
.stat b span.pos-txt,.stat b span.neg-txt{font-size:inherit!important;font-weight:inherit;line-height:inherit;display:inline}
/* Problem melden / Support-Tickets */
.tk-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:16px;align-items:start}.tk-list{display:flex;flex-direction:column;gap:6px}
.tk-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border-radius:10px;text-decoration:none;color:var(--text);border:1px solid transparent}.tk-item:hover{background:var(--panel2);text-decoration:none}.tk-item.on{background:var(--panel2);border-color:#d4a300}.tk-t{display:flex;flex-direction:column;gap:2px;min-width:0}.tk-t small{color:var(--mute)}
.tk-thread{display:flex;flex-direction:column;gap:12px;margin:16px 0}.tk-msg{padding:14px 16px;border-radius:12px;border:1px solid var(--line);background:var(--panel2);line-height:1.6}.tk-msg.admin{border-color:#5b8def55;background:#5b8def0f}
.badge-x.blue{background:#5b8def26;color:#2c58b8}.badge-x.ok{background:#2bb67326;color:#146b42}
@media(max-width:1000px){.tk-grid{grid-template-columns:1fr}}
.tk-msg>div:not(.small){font-weight:400}.tk-msg .small{font-weight:400}
/* Einstellungen: Rechtliches */
.lg-checks{display:flex;flex-wrap:wrap;gap:8px}.lg-ck{border:1px solid var(--line);border-radius:99px;padding:6px 14px;font-size:0.8125rem;color:var(--mute);background:var(--panel2)}.lg-ck.ok{color:#146b42;border-color:#2bb67355;background:#2bb6730d}
.lg-docs{display:grid;gap:18px}.lg-doc{display:grid;gap:8px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}.lg-doc textarea{width:100%;resize:vertical;font-size:0.84375rem;line-height:1.5}
.lg-public{line-height:1.7}
/* Mitarbeiter */
.sf-emp{border:1px solid var(--line);border-radius:12px;background:var(--panel2);margin-bottom:10px}.sf-emp>summary{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;list-style:none}.sf-emp>summary::-webkit-details-marker{display:none}.sf-emp>summary>span:nth-child(2){flex:1;display:flex;flex-direction:column}
.sf-form{padding:4px 16px 18px;display:grid;gap:12px}.sf-cols{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.sf-opt{display:flex!important;align-items:flex-start;gap:10px;padding:8px 0;cursor:pointer;font-size:0.875rem}.sf-opt input{width:auto;padding:0;margin-top:3px;accent-color:#e0ac00}.sf-opt span{display:flex;flex-direction:column}.sf-opt small{color:var(--mute);font-size:0.78125rem}
.mask{display:inline-block;letter-spacing:2px;color:var(--mute);font-weight:700;cursor:help}
@media(max-width:1000px){.sf-cols{grid-template-columns:1fr}}
.nb-assign{display:flex;align-items:center;gap:12px;margin:0 0 14px;flex-wrap:wrap}.nb-assign select{min-width:240px}.nb-as{color:#2c58b8!important;font-weight:600}
/* Standorte im Fuhrpark */
.fl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin-top:14px}.fl-tile{display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--panel2)}.fl-tile.on{border-color:#d4a300}.fl-tile.out{border-style:dashed}
.fl-items{display:flex;flex-direction:column;gap:6px}.fl-it{display:flex;justify-content:space-between;gap:10px;text-decoration:none;color:var(--text);font-size:0.875rem;padding:6px 10px;border-radius:8px;background:var(--panel);border:1px solid var(--line)}.fl-it:hover{border-color:var(--gold)}
.fl-edit summary{cursor:pointer;font-size:0.8125rem;color:var(--gold-text,var(--gold));font-weight:600;list-style:none}.fl-edit summary::-webkit-details-marker{display:none}.fl-form{display:grid;gap:8px;margin-top:10px}.fl-add{margin-top:14px}
.fp-locs{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.fp-loc{font-size:0.75rem;font-weight:600;padding:2px 9px;border-radius:99px;border:1px solid #d4a300;background:#f5c51818;color:var(--text);text-decoration:none}.fp-loc.warn{border-color:#b8262c66;background:#e5484d14;color:#b8262c}.fl-field{margin-top:6px}
/* KI-Produktassistent */
.pai{border-color:#d4a300;background:linear-gradient(160deg,#fff3c4,var(--panel))}.pai.lock .row{gap:14px;flex-wrap:wrap}.pai-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.pai-file{cursor:pointer}
.pai-imgs{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}.pai-img{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:4px 10px 4px 4px;cursor:pointer;color:var(--text);font:inherit}.pai-img span{width:38px;height:38px;border-radius:7px;background:center/cover no-repeat}.pai-img:hover{border-color:var(--gold)}
.pai-out{border-top:1px solid var(--line);padding-top:12px}.pai-row{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--line)}.pai-txt{font-size:0.875rem;line-height:1.55;margin-top:4px}.pai-opt{display:flex;justify-content:space-between;gap:12px;align-items:center}.pai-notes{margin:6px 0 0;padding-left:18px;display:grid;gap:4px;font-size:0.875rem}
.pai-set{outline:2px solid #d4a300;outline-offset:1px}
.img-prev{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.img-p{position:relative;width:110px;height:82px;border-radius:10px;border:1px solid var(--line);background:center/cover no-repeat}.img-p span{position:absolute;left:4px;bottom:4px;background:#f5c518;color:#111;font-size:0.6875rem;font-weight:700;padding:1px 7px;border-radius:99px}
tr.fin-total td{border-top:2px solid var(--line);font-size:1rem}
/* Standorte einklappbar */
.fl-card>summary.fl-sum{display:flex;align-items:center;gap:14px;cursor:pointer;list-style:none}.fl-card>summary::-webkit-details-marker{display:none}.fl-sum>div{flex:1}.fl-sum h2{margin:0}
.fl-chev{transition:transform .15s;color:var(--mute)}.fl-card:not([open]) .fl-chev{transform:rotate(-90deg)}.fl-card[open]>summary{margin-bottom:6px}
.fl-filter{border:1px solid #d4a300;background:#f5c51820;border-radius:99px;padding:5px 8px 5px 14px;font-size:0.8125rem;font-weight:600;white-space:nowrap}.fl-filter a{margin-left:8px;text-decoration:none;color:var(--mute)}
.toast{position:fixed!important;top:84px;left:50%;transform:translateX(-50%);z-index:90;max-width:min(720px,92vw);margin:0!important;padding:12px 44px 12px 18px;box-shadow:0 12px 34px #0006;transition:opacity .5s}.toast.toast-out{opacity:0}.toast-x{position:absolute;right:12px;top:10px;background:none;border:0;color:inherit;font-size:0.9375rem;cursor:pointer;opacity:.7}
/* KI-Assistent: schmales Banner und kleine Knöpfe neben den Feldern */
.pai-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:10px 16px;border:1px solid #d4a300;border-radius:12px;background:#f5c51814;font-size:0.875rem}.pai-banner .btn{height:34px!important;padding:0 14px!important;font-size:0.8125rem!important}.pai-banner.lock{background:var(--panel2);border-color:var(--line)}.pai-top{margin-top:10px}
.pai-chips{display:inline-flex;gap:6px;flex-wrap:wrap;margin-left:10px;vertical-align:middle}.pai-chip{border:1px solid #d4a300;background:#f5c51818;color:var(--text);border-radius:99px;padding:2px 10px;font:inherit;font-size:0.75rem;font-weight:600;cursor:pointer}.pai-chip:hover{background:#f5c51840}
.pai-out{margin-top:8px;padding:10px 14px;border:1px solid #d4a300;border-radius:12px;background:var(--panel2)}.pai-out[hidden]{display:none}.pai-close{background:none;border:0;color:var(--mute);font:inherit;font-size:0.75rem;cursor:pointer;text-decoration:none;margin-left:8px}.pai-imgbtn{margin-right:4px}

.map-consent{height:100%;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:16px;background:var(--panel2);color:var(--mute)}.map-consent p{margin:0;max-width:340px}.map-consent b{color:var(--text)}

.loc2{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:center;margin:0 0 16px;padding-bottom:14px;border-bottom:1px solid var(--line,#ddd)}
.loc2-in{display:flex;align-items:center;gap:8px;flex:1 1 280px;min-width:220px;border:1px solid var(--line);border-radius:10px;padding:2px 10px;background:var(--panel)}
.loc2-in input{border:0;outline:0;background:transparent;flex:1;margin:0;padding:8px 0;min-width:0}.loc2-x{border:0;background:none;cursor:pointer;color:var(--mute,#888);font-size:1rem}
.loc2-km{display:flex;flex-wrap:wrap;gap:6px}
/* position:relative ist Pflicht: Das unsichtbare Auswahlfeld darin liegt absolut (Zeile darunter). Ohne Bezugspunkt richtet es sich
   am Dokument aus, landet rechts neben der Seite und zieht sie am Handy in die Breite – der Katalog war so 623 statt 360 px
   und liess sich zur Seite schieben (gefunden 13.10.2026). Bei .switch, .ib-art und .filepick steht der Bezugspunkt schon. */
.loc2-km .chip{position:relative;margin:0;cursor:pointer;border:1px solid var(--line,#ccc);border-radius:999px;padding:5px 12px;font-size:0.8125rem;display:inline-flex}
.loc2-km .chip input{position:absolute;opacity:0;pointer-events:none}.loc2-km .chip.on{background:var(--gold);color:#111;border-color:var(--gold);font-weight:600}
.loc2-last{flex-basis:100%;margin:0}

@media(max-width:520px){.bar{gap:10px 12px}.links{gap:6px 12px;font-size:0.875rem}}

.foot{flex-wrap:wrap;gap:8px 16px}.foot>span{display:flex;flex-wrap:wrap;gap:4px 14px}.foot a{margin:0}

/* Tabellen auf dem Handy: seitlich wischbar statt die ganze Seite zu verbreitern */
@media(max-width:700px){.card table,.wrap table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.tabs-x table,.table-wrap table{display:table}}

.buylink{margin:12px 0 0}.buylink a{color:var(--text);text-decoration:none}
#mietzeitraum{scroll-margin-top:16px}
.stickybar{display:none}
@media(max-width:900px){.stickybar{display:flex;align-items:center;justify-content:space-between;gap:12px;position:fixed;left:0;right:0;bottom:0;z-index:40;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--panel);border-top:1px solid var(--line);box-shadow:0 -4px 16px rgba(0,0,0,.12);transition:transform .2s}.stickybar.off{transform:translateY(110%)}.stickybar b{font-size:1.125rem}body:has(.stickybar){padding-bottom:70px}}

/* Lesbarkeit im hellen Design: Text in Goldgelb wird dunkler (Kontrast ≥ 4,5:1); Flächen und Sterne bleiben gold */
a[style*="color:var(--gold-text,var(--gold))"],h3[style*="color:var(--gold-text,var(--gold))"],.eyebrow,.gt{color:var(--gold-text)!important}
/* Kategorien am Handy: eine wischbare Zeile statt vieler Umbrüche */
@media(max-width:760px){.cats{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:10px;max-width:100%}.cats::-webkit-scrollbar{display:none}.cats a{flex:none;white-space:nowrap}}

/* Platzhalter ohne Foto: Kategoriename statt Symbol */
.ph .ph-name{font-size:0.875rem;font-weight:600;letter-spacing:.02em;color:var(--mute);text-align:center;padding:8px;line-height:1.3}
.ph:has(.ph-name){font-size:0.875rem}
.mk-ico:empty,.hf-i:empty,.rk:empty{display:none}

/* KI-Assistent (Produktberater / Händler-Assistent) */
.asst-btn{position:fixed;right:16px;bottom:16px;z-index:60;background:var(--gold);color:#111;border:0;border-radius:999px;padding:12px 20px;font-weight:700;font-size:0.9375rem;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.25)}
body:has(.stickybar) .asst-btn{bottom:84px}
.asst-panel{position:fixed;right:16px;bottom:16px;z-index:61;width:min(400px,calc(100vw - 32px));height:min(620px,calc(100vh - 32px));display:flex;flex-direction:column;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 40px rgba(0,0,0,.3);overflow:hidden}
.asst-panel[hidden]{display:none}
.asst-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;padding:14px 16px;border-bottom:1px solid var(--line);background:var(--panel2)}.asst-head small{display:block;color:var(--mute);margin-top:2px;font-size:0.78125rem;line-height:1.35}
.asst-x{background:none;border:1px solid var(--line);border-radius:8px;color:var(--text);padding:4px 10px;cursor:pointer;font-size:0.8125rem;flex:none}
.asst-log{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px}
.asst-msg{max-width:92%;display:flex;flex-direction:column;gap:8px}.asst-msg.user{align-self:flex-end}.asst-msg.assistant{align-self:flex-start}
.asst-text{padding:9px 13px;border-radius:14px;font-size:0.875rem;line-height:1.45;white-space:pre-wrap;word-break:break-word}.asst-msg.user .asst-text{background:var(--gold);color:#111;border-bottom-right-radius:4px}.asst-msg.assistant .asst-text{background:var(--panel2);border-bottom-left-radius:4px}
.asst-card{display:block;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--panel);color:var(--text);text-decoration:none}.asst-card:hover{border-color:var(--gold)}
.asst-ct{display:flex;flex-direction:column;gap:2px;font-size:0.8125rem}.asst-ct b{font-size:0.875rem}.asst-ct small{color:var(--mute)}.asst-ct .ok{color:var(--ok)}.asst-ct .no{color:var(--bad)}
.asst-tag{display:inline-block;font-size:0.6875rem;letter-spacing:.04em;text-transform:uppercase;padding:2px 8px;border-radius:99px;background:var(--panel2);color:var(--mute);margin-bottom:6px}.asst-tag.top{background:var(--gold);color:#111;font-weight:700}
.asst-prop{border:1px solid var(--gold);border-radius:12px;padding:10px 12px;background:var(--panel)}.asst-prop p{margin:6px 0 8px;font-size:0.84375rem}.asst-prop .ok{color:var(--ok)}.asst-prop .no{color:var(--bad)}.asst-row{display:flex;gap:8px}.asst-row .btn{padding:6px 14px}
.asst-chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 10px}.asst-chip{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:999px;padding:6px 12px;font-size:0.8125rem;cursor:pointer}.asst-chip:hover{border-color:var(--gold)}
.asst-form{display:flex;gap:8px;padding:10px 14px;border-top:1px solid var(--line);align-items:flex-end}.asst-form textarea{flex:1;resize:none;min-height:40px;max-height:110px;margin:0}.asst-form .btn{padding:9px 16px}
.asst-note{margin:0;padding:0 14px 10px;font-size:0.71875rem;color:var(--mute)}.asst-note:empty{display:none}
@media(max-width:600px){.asst-panel{right:0;left:0;bottom:0;width:100%;height:82vh;border-radius:16px 16px 0 0}}

.theme-btn{width:auto;padding:0 12px;font-size:0.8125rem;white-space:nowrap}
.advisor{margin:18px 0 6px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.advisor b{display:block;font-size:1rem;margin-bottom:2px}.advisor .mute{font-size:0.875rem}
.advchips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.advchip{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:999px;padding:8px 14px;font-size:0.875rem;cursor:pointer}.advchip:hover{border-color:var(--gold)}.advchip.main{background:var(--gold);color:#111;border-color:var(--gold);font-weight:700}

.asst-hacts{display:flex;gap:6px;flex:none}
.asst-title{font-weight:700;font-size:0.875rem;color:var(--text)}
.asst-card .asst-row{margin-top:8px}.asst-link{display:inline-block;border:1px solid var(--line);border-radius:8px;padding:5px 12px;font-size:0.8125rem;color:var(--text);text-decoration:none}.asst-link.main{background:var(--gold);color:#111;border-color:var(--gold);font-weight:700}
.asst-rows{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;overflow:hidden}.asst-rowitem{display:flex;flex-direction:column;gap:2px;padding:9px 12px;border-top:1px solid var(--line);color:var(--text);text-decoration:none;font-size:0.8125rem}.asst-rowitem:first-child{border-top:0}.asst-rowitem span{color:var(--mute);font-size:0.78125rem}.asst-rowitem:hover{background:var(--panel2)}
.asst-sug{display:flex;flex-wrap:wrap;gap:6px}

.fit-list{margin:6px 0 0;padding-left:18px;font-size:0.875rem}.fit-list li{margin:2px 0}.fit-list.no li::marker{color:var(--bad)}.fit-list.yes li::marker{color:var(--ok)}
.linkbtn{background:none;border:0;padding:0 4px;color:var(--gold-text);cursor:pointer;text-decoration:none;font-size:inherit}
.tile-total{margin:2px 0 4px;color:var(--text)}.alt-why{margin:4px 2px 0}

.asst-fb{font-size:0.78125rem;color:var(--mute);display:flex;gap:8px;align-items:center}.reco{border-color:var(--gold)}.reco-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:12px}.lead{font-size:1.0625rem;line-height:1.5}

.decl-text{max-height:260px;overflow-y:auto;border:1px solid var(--line);border-radius:10px;padding:4px 14px;margin:0 0 10px;background:var(--panel2)}.decl-text h4{margin:12px 0 4px;font-size:0.875rem}.decl-text p{margin:4px 0;font-size:0.84375rem;line-height:1.5}

.filepick{position:relative}.filepick input[type=file]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;pointer-events:none}
.fp-btn{display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center;text-align:center;padding:16px 12px;min-height:64px;border:2px dashed var(--line);border-radius:12px;background:var(--panel2);cursor:pointer;margin:0}
.fp-btn b{font-size:0.90625rem;color:var(--gold-text,var(--gold))}.fp-btn small{color:var(--mute)}
.fp-btn:hover,.filepick input:focus-visible+.fp-btn{border-color:var(--gold)}.filepick.has .fp-btn{border-style:solid;border-color:var(--gold)}
.upl .prev .pv{position:relative;width:96px;font-size:0.6875rem;color:var(--mute)}.upl .prev .pv img{display:block;width:96px;height:72px;object-fit:cover}.upl .prev .pv span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.upl .prev .pv .x{position:absolute;top:3px;right:3px;width:22px;height:22px;border-radius:50%;border:0;background:rgba(0,0,0,.72);color:#fff;font-size:0.9375rem;line-height:1;cursor:pointer;padding:0}
@media print{header,footer,nav,.assistant-btn,#assistant,.hosteps{display:none!important}.decl-text{max-height:none;overflow:visible}}
.fixrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:space-between;padding:12px 6px;border-top:1px solid var(--line);color:inherit;text-decoration:none;border-radius:8px}.fixrow:hover{background:var(--panel2)}.fixrow>span:first-child{flex:1 1 220px}
.filepick.drag .fp-btn{border-color:var(--gold);background:var(--panel)}.pv .pv-doc{display:flex;align-items:center;justify-content:center;width:96px;height:72px;border:1px solid var(--line);border-radius:8px;background:var(--panel2);font-weight:700;color:var(--gold-text,var(--gold))}
.upl-prev{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.upl-prev:empty{display:none}.upl-prev .pv{position:relative;width:96px;font-size:0.6875rem;color:var(--mute)}.upl-prev .pv img{display:block;width:96px;height:72px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}.upl-prev .pv span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.upl-prev .pv .x{position:absolute;top:3px;right:3px;width:22px;height:22px;border-radius:50%;border:0;background:rgba(0,0,0,.72);color:#fff;font-size:0.9375rem;line-height:1;cursor:pointer;padding:0}

.pf-head>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.pf-sort i{font-style:normal}
.pf-rate{display:flex;flex-direction:column;line-height:1.25}.pf-rate b{font-size:0.90625rem}.pf-rate small,.pf-sc small{color:var(--mute);font-size:0.71875rem}.pf-rate.good b{color:var(--ok)}.pf-rate.mid b{color:var(--gold-text,var(--gold))}.pf-rate.low b{color:var(--bad)}
.pf-sc{display:flex;flex-direction:column;line-height:1.2}.pf-sc b{font-size:0.9375rem}.pf-score .track{width:56px}
.pf-score.good .fill{background:var(--ok,#2e9e5b)}.pf-score.mid .fill{background:#f5c518}.pf-score.low .fill{background:var(--bad,#d64545)}
.ck-group{padding:10px 12px 4px;font-size:0.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}.ck-group:first-child{padding-top:6px}.ck-more .ck-panel{min-width:230px;max-height:80vh;overflow-y:auto}.ck-panel a.on{color:var(--gold-text,var(--gold));font-weight:600}
.pf-rate small,.pf-sc small{white-space:nowrap}.pf-row .badge-x{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:middle}
.invfilter{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.invfilter input{flex:1 1 240px;width:auto}.invfilter select{width:auto;flex:0 0 auto}.invfilter .btn{flex:0 0 auto}
.ck-sub{display:flex;gap:6px;flex-wrap:wrap;padding-top:8px;padding-bottom:10px;overflow-x:auto;scrollbar-width:none}.ck-sub::-webkit-scrollbar{display:none}
.ck-sub a{padding:6px 14px;border-radius:99px;font-size:0.84375rem;color:var(--mute);border:1px solid transparent;white-space:nowrap;text-decoration:none}.ck-sub a:hover{color:var(--text);background:var(--panel2);text-decoration:none}
.ck-sub a.on{background:var(--panel2);color:var(--text);border-color:var(--line);font-weight:600}
@media(max-width:700px){.ck-sub{flex-wrap:nowrap;padding-top:6px;padding-bottom:8px}}

.ord-act{white-space:nowrap;text-align:right}.ord-act .ord-main{display:inline-block;min-width:150px;text-align:center;padding:8px 14px}.ord-inv{display:inline-block;position:relative;margin-left:6px;vertical-align:middle}.ord-inv summary{padding:8px 12px;list-style:none;cursor:pointer}.ord-inv summary::-webkit-details-marker{display:none}.ord-inv .ck-panel{right:0;left:auto;min-width:230px;text-align:left}
.ho-prog{position:sticky;top:8px;z-index:6;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 14px;margin:10px 0 6px;box-shadow:0 6px 18px #0002}.ho-prog-top{display:flex;gap:12px;align-items:center}.ho-prog-t{font-size:0.875rem;white-space:nowrap}.ho-prog-bar{flex:1;height:8px;border-radius:99px;background:#7d8bab30;overflow:hidden}.ho-prog-bar i{display:block;height:100%;width:0;background:#f5c518;border-radius:99px;transition:width .25s}
.ho-prog ul{display:flex;gap:6px 16px;flex-wrap:wrap;list-style:none;margin:8px 0 0;padding:0;font-size:0.8125rem;color:var(--mute)}.ho-prog li{display:flex;align-items:center;gap:6px}.ho-prog .dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--line);display:inline-block}.ho-prog li.done{color:var(--text)}.ho-prog li.done .dot{background:var(--ok,#2e9e5b);border-color:var(--ok,#2e9e5b)}.ho-prog.complete .ho-prog-bar i{background:var(--ok,#2e9e5b)}
.ho-actions{position:sticky;bottom:0;z-index:6;display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px 0;margin-top:14px;background:var(--panel);border-top:1px solid var(--line)}
@media(max-width:700px){.ord-act{white-space:normal}.ord-act .ord-main{min-width:0;display:block;margin-bottom:6px}.ho-prog ul{gap:4px 12px}}

/* Kopfzeile am Handy: umbrechen statt seitlich überlaufen; Tabellen scrollen nur in ihrem Kasten */
html,body{max-width:100%;overflow-x:clip}
@media(max-width:700px){.ck-brand{min-width:0}.ck-nav,.ck-sub,.ck-top{max-width:100vw}.pf-scroll{max-width:100%}}
.pf-scroll{max-width:100%}
/* Kalender: Sperrtage direkt setzen */
.cal-pick{display:flex;gap:8px;flex-wrap:wrap}.cal-pick select{width:auto;min-width:220px}.cal-legend{display:flex;gap:6px 16px;flex-wrap:wrap;align-items:center;margin:0 0 12px}.dc-k{display:inline-block;width:14px;height:14px;border-radius:4px;margin-right:4px;vertical-align:-2px}
.dc-k.free,.dc.free{background:#bfe8d2}.dc-k.booked,.dc.booked{background:var(--gold)}.dc-k.blocked,.dc.blocked{background:repeating-linear-gradient(45deg,#f0b4b4,#f0b4b4 5px,#e58f8f 5px,#e58f8f 10px)}.dc-k.closed,.dc.closed{background:#d9e0eb}.dc-k.buffer,.dc.buffer{background:repeating-linear-gradient(45deg,#fbeeb8,#fbeeb8 5px,var(--gold) 5px,var(--gold) 10px)}.cal-grid i.buffer{background:repeating-linear-gradient(45deg,#fbeeb8,#fbeeb8 3px,var(--gold) 3px,var(--gold) 6px)}.cal-grid i.blocked{background:repeating-linear-gradient(45deg,#f0b4b4,#f0b4b4 3px,#e58f8f 3px,#e58f8f 6px)}
.cal-edit{padding:2px 12px;font-size:0.78125rem;margin-left:8px}.cal-quick-f{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}.cal-quick-f input{width:auto}
.cal-head,.cal-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.cal-head{margin-bottom:6px;font-size:0.75rem;color:var(--mute);text-align:center;text-transform:uppercase;letter-spacing:.05em}.cal-week{margin-bottom:6px}.cal-month{margin:16px 0 6px;font-weight:700;font-size:0.9375rem}
.dc{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:54px;border-radius:10px;border:2px solid transparent;color:#16202f;cursor:pointer;font:inherit;padding:4px}.dc b{font-size:0.9375rem}.dc small{font-size:0.65625rem;line-height:1.1}.dc.past{background:transparent;color:var(--mute);opacity:.45;cursor:default}.dc.booked{cursor:not-allowed}.dc:hover:not([disabled]){border-color:var(--text)}.dc.sel{border-color:var(--text);box-shadow:0 0 0 3px var(--gold)}.dc.sel::after{content:"";position:absolute;top:5px;right:5px;width:8px;height:8px;border-radius:50%;background:var(--text)}
.cal-bar{position:sticky;bottom:0;z-index:6;display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:12px 14px;margin:14px -8px -8px;background:var(--panel);border-top:1px solid var(--line);border-radius:0 0 12px 12px;box-shadow:0 -6px 18px #0002}.cal-bar[hidden]{display:none}.cal-bar #calsum{font-weight:600;flex:1 1 200px}
@media(max-width:600px){.dc{min-height:46px}.dc small{display:none}}
.cal-pick select{min-width:0;max-width:100%}.cal-pick{max-width:100%}
.ck-main .card:has(>table),.ck-main .card:has(>form>table),.ck-main .card:has(>div>table){overflow-x:auto;max-width:100%}
.ck-main .row{flex-wrap:wrap}
@media(max-width:700px){.ck-main .two,.ck-main .ho-grid{grid-template-columns:1fr}.ck-main .row>span,.ck-main .row>a.btn{max-width:100%}.ck-main .btn{max-width:100%}}

/* ===== Handy-Ansicht Cockpit: kompakte Kopfzeile, weniger Leerraum ===== */
.ck-theme-item{display:none!important}
@media(max-width:700px){
 .ck-bar{flex-wrap:nowrap;gap:8px;padding-top:10px;padding-bottom:8px;padding-left:16px;padding-right:16px}
 .ck-brand>span:last-child{display:none}.ck-brand{flex:none}
 .ck-right{flex-wrap:nowrap;width:auto;margin-left:auto;gap:8px;min-width:0;flex:none}
 .ck-right .theme-btn{display:none}.ck-theme-item{display:block!important}
 .ck-new{font-size:0!important;padding:0!important;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px}.ck-new::before{content:"+";font-size:1.5rem;line-height:1;font-weight:700}
 .ck-right .ck-avatar{width:40px;height:40px}
 .ck-nav,.ck-sub{padding-left:16px!important;padding-right:16px!important}.ck-tabs a{padding:12px 10px}
 .ck-main{padding:14px 0 96px!important}body.cockpit .ck-main .wrap,body.cockpit .ck-wrap{padding-left:16px!important;padding-right:16px!important}
 .ck-main h1{font-size:1.5rem;margin:.1em 0}.ck-main h2{font-size:1.0625rem}.ck-main .mute{font-size:0.875rem}
 body.cockpit{--card-pad:14px;--kpi-pad:12px}
 .ck-main .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ck-main .stat b{font-size:1.25rem}
 .ck-main input,.ck-main select,.ck-main textarea{font-size:1rem}
 .ck-foot{flex-direction:column;gap:6px;padding:16px;align-items:flex-start}
}
@media(max-width:700px){
 table.rcards,table.rcards tbody{display:block;width:100%}
 table.rcards tr:has(>th){display:none}
 table.rcards tr{display:block;border:1px solid var(--line);border-radius:12px;padding:6px 12px;margin:0 0 10px;background:var(--panel2)}
 table.rcards td{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 0;border:0;border-bottom:1px solid var(--line);text-align:right;white-space:normal;min-width:0}
 table.rcards td:last-child{border-bottom:0}
 table.rcards td::before{content:attr(data-label);font-weight:600;font-size:0.78125rem;color:var(--mute);text-align:left;flex:none;max-width:42%}
 table.rcards td:not([data-label])::before{display:none}
 table.rcards td[colspan]{display:block;text-align:left}
 table.rcards td.ord-act{justify-content:flex-end;flex-wrap:wrap;padding-top:10px}
 table.rcards td.ord-act .ord-main{display:inline-block;margin:0}
 .card:has(>table.rcards){overflow-x:visible}
}
@media(max-width:700px){table.rcards td.ord-act::before{display:none}table.rcards td.ord-act{display:flex;gap:8px;flex-wrap:nowrap}table.rcards td.ord-act .ord-main{flex:1;text-align:center}table.rcards td.ord-act .ord-inv{margin:0;flex:none}table.rcards td.ord-act .ord-inv .ck-panel{right:0}}
/* ===== Handy-Ansicht Kundenseite: kompakte Kopfzeile ===== */
@media(max-width:700px){
 .top .bar{gap:6px 12px;padding:10px 16px 6px}.logo{font-size:1.125rem}
 .top .links{flex-wrap:nowrap;overflow-x:auto;width:100%;scrollbar-width:none;white-space:nowrap;font-size:0.875rem;gap:6px 16px;padding:2px 0 4px}.top .links::-webkit-scrollbar{display:none}
 .top .links .theme-btn{flex:none;padding:0 10px;height:30px}.top .links .btn{padding:6px 14px;flex:none}
 .cats{padding-top:2px;padding-bottom:8px}
 .hero2 h1{font-size:1.875rem}.lead{font-size:1rem;margin-bottom:18px}
 main{padding:18px 0}
}
.fgrid-toggle{display:none}
@media(max-width:700px){.filters .fgrid-toggle{display:block;width:100%;margin:6px 0}.filters:not(.fopen) .fgrid{display:none}}
/* ===== Handy-Grundregeln für alle Seiten ===== */
@media(max-width:700px){
 input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea{font-size:1rem!important}
 input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]),select{min-height:44px}
 :root{--btn-h:var(--tap);--card-pad:14px;--kpi-pad:12px}.btn,button.btn,.btn-dark,.btn-danger{min-height:var(--tap)}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 summary.small,.dpchip,.pf-sort{padding-top:8px;padding-bottom:8px}
 small,.small,.badge,.ck-badge,.badge-x,.kpi-sub{font-size:0.75rem}
 input[type=checkbox],input[type=radio]{width:20px;height:20px}
 label{line-height:1.35}
 .checks label,.fp-check{padding:6px 0}
}
@media(max-width:700px){
 .top .links .theme-btn{height:38px}.theme-btn{min-height:38px}
 main details>summary{min-height:44px;display:flex;align-items:center;cursor:pointer}
 .linkbtn{padding:10px 6px}
 .d,.h{font-size:0.75rem}.months .h{font-size:0.71875rem}
}
@media(max-width:700px){.m-lean .top .search,.m-lean .top .cats{display:none}.m-lean .top .bar{padding-bottom:8px}}
@media(max-width:700px){.d{min-height:42px}}
/* ===== Handy: Listen (Performance, Produkte) als Karten statt seitlich wischen ===== */
@media(max-width:700px){
 .pf2,.pd2{min-width:0!important}.pf-scroll{overflow-x:visible;margin:0}
 .pf-head,.pd-head{display:none!important}
 .pf2 .pf-row:not(.pf-head),.pd2 .pd-row:not(.pf-head){display:grid!important;gap:8px 10px;padding:12px 10px;margin:0 0 10px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);align-items:center}
 .pf2 .pf-row:not(.pf-head){grid-template-columns:34px 1fr 1fr 1fr}
 .pf2 .pf-row>*{display:block;min-width:0}.pf2 .pf-row>:nth-child(5),.pf2 .pf-row>:nth-child(6),.pf2 .pf-row>:nth-child(7),.pf2 .pf-row>:nth-child(11){display:none!important}
 .pf2 .pf-row>:nth-child(1){grid-area:1/1}.pf2 .pf-row>:nth-child(2){grid-area:1/2/2/5;display:flex}
 .pf2 .pf-row>:nth-child(3){grid-area:2/1}.pf2 .pf-row>:nth-child(4){grid-area:2/2}.pf2 .pf-row>:nth-child(9){grid-area:2/3}.pf2 .pf-row>:nth-child(10){grid-area:2/4;display:flex}
 .pf2 .pf-row>:nth-child(8){grid-area:3/1/4/4}.pf2 .pf-row>:nth-child(12){grid-area:3/4;justify-self:end}
 .pf2 .pf-row>:nth-child(4)::before{content:"Umsatz";display:block;font-size:0.6875rem;color:var(--mute)}.pf2 .pf-row>:nth-child(3)::before{content:"Klasse";display:block;font-size:0.6875rem;color:var(--mute)}
 .pf2 .pf-row>:nth-child(9)::before{content:"Bewertung";display:block;font-size:0.6875rem;color:var(--mute)}.pf2 .pf-row>:nth-child(10)::before{content:none}
 .pd2 .pd-row:not(.pf-head){grid-template-columns:30px 1fr 1fr 1fr}
 .pd2 .pd-row>*{display:block;min-width:0}.pd2 .pd-row>:nth-child(4),.pd2 .pd-row>:nth-child(6),.pd2 .pd-row>:nth-child(8){display:none!important}
 .pd2 .pd-row>:nth-child(1){grid-area:1/1}.pd2 .pd-row>:nth-child(2){grid-area:1/2/2/5;display:flex}
 .pd2 .pd-row>:nth-child(3){grid-area:2/1/3/3}.pd2 .pd-row>:nth-child(7){grid-area:2/3}.pd2 .pd-row>:nth-child(5){grid-area:2/4;display:flex}
 .pd2 .pd-row>:nth-child(9){grid-area:3/1/4/4}.pd2 .pd-row>:nth-child(10){grid-area:3/4;justify-self:end}.pd2 .pd-row>:nth-child(11){grid-area:4/1/5/5}
 .pd2 .pd-row>:nth-child(3)::before{content:"Preis pro Tag";display:block;font-size:0.6875rem;color:var(--mute)}.pd2 .pd-row>:nth-child(7)::before{content:"Umsatz";display:block;font-size:0.6875rem;color:var(--mute)}
 .pd2 .pd-row>:nth-child(11) .btn{width:100%;text-align:center}
}
.m-sort{display:none}
@media(max-width:700px){.m-sort{display:flex;align-items:center;gap:10px;margin:0 0 12px}.m-sort label{margin:0;white-space:nowrap;font-size:0.8125rem;color:var(--mute)}.m-sort select{flex:1}}
@media(max-width:700px){.retbtn,.dpchip,.ch-prev,[data-m]{min-height:40px}.ch-prev{display:inline-flex;align-items:center;padding:8px 12px}}
@media(max-width:700px){.ck-main .stack>.opscal{order:20}}
@media(max-width:700px){.ck-main .stack{display:flex;flex-direction:column;gap:14px}.ck-main .stack>*{margin-top:0;margin-bottom:0}}
@media(max-width:700px){.ck-main .stats>.stat-status,.ck-main .stats>.stat:last-child:nth-child(odd){grid-column:1/-1}}
/* Handy: Performance-Karte (Score in eigener Zeile) und Rechnungs-Positionen als Karten */
@media(max-width:700px){
 .pf2 .pf-row>:nth-child(9){grid-area:2/3/3/5}
 .pf2 .pf-row>:nth-child(10){grid-area:3/1/4/5}.pf2 .pf-row>:nth-child(10) .track{flex:1;width:auto}
 .pf2 .pf-row>:nth-child(8){grid-area:4/1/5/4}.pf2 .pf-row>:nth-child(12){grid-area:4/4}
 #items,#items tbody{display:block;width:100%}#items tr:first-child{display:none}
 #items tr.ir{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px;padding:12px;margin:0 0 10px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}
 #items tr.ir td{display:block;padding:0;border:0}#items tr.ir td:nth-child(1){grid-column:1/3}
 #items tr.ir td input{width:100%!important}
 #items tr.ir td:nth-child(2)::before{content:"Menge";display:block;font-size:0.75rem;color:var(--mute);margin-bottom:2px}#items tr.ir td:nth-child(3)::before{content:"Einzelpreis (€)";display:block;font-size:0.75rem;color:var(--mute);margin-bottom:2px}
 #items tr.ir td:nth-child(4){align-self:center;font-weight:600}#items tr.ir td:nth-child(5){text-align:right}
 .ir-tot{max-width:none!important;width:100%}
 .invfilter select{flex:1 1 140px}
}
@media(max-width:700px){.ck-main .stats .stat b{font-size:clamp(17px,5.2vw,20px);white-space:nowrap}}
@media(max-width:700px){.tile .ph{aspect-ratio:16/10}}
@media(max-width:700px){.m-lean .cta{display:none}}
body:has(.ho-actions) .asst-btn,body:has(.cal-bar:not([hidden])) .asst-btn{bottom:84px}
@media(max-width:700px){
 .ck-main .card>table:not(:has(th)):not(.rcards),.ck-main .card>table:not(:has(th)):not(.rcards)>tbody{display:block;width:100%}
 .ck-main .card>table:not(:has(th)):not(.rcards) tr{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:8px 0;border-bottom:1px solid var(--line)}
 .ck-main .card>table:not(:has(th)):not(.rcards) tr:has(td:nth-child(3)){grid-template-columns:36% 1fr}
 .ck-main .card>table:not(:has(th)):not(.rcards) td{display:block;padding:2px 0;border:0;min-width:0;overflow-wrap:anywhere}
 .ck-main .card>table:not(:has(th)):not(.rcards) td[colspan]{grid-column:2}
 .ck-main .card:has(>table:not(:has(th)):not(.rcards)){overflow-x:visible}
}
@media(max-width:700px){.linkbtn{display:inline-flex;align-items:center;min-height:40px}}
@media(max-width:700px){
 table.rcards td[data-long]{flex-direction:column;align-items:flex-start;text-align:left;gap:4px}table.rcards td[data-long]::before{max-width:none}
 .ck-main textarea{min-height:96px}
}
/* Handy Produktseite: Foto, dann Titel/Preis/Buchung, danach Beschreibung und Details */
@media(max-width:700px){
 .detail{display:flex!important;flex-direction:column;gap:14px}
 .detail>div{display:contents}
 .detail>div:first-child>.ph{order:1}.detail>div:first-child>p.small{order:2}
 .detail>div:last-child>*{order:3}
 .detail>div:first-child>p:not(.small){order:4}.detail>div:first-child>.card{order:5}
}
@media(max-width:700px){.detail>div>*{align-self:stretch;max-width:100%}.detail .ph{aspect-ratio:4/3;min-height:200px;width:100%}}

/* Kalender & Ereignisse: gut erkennbar (Übersicht und Lieferungen) */
.oc-dot{display:flex;align-items:center;justify-content:space-between;gap:4px;width:auto;font-size:0.71875rem;font-weight:700;padding:3px 7px;border-radius:6px;line-height:1.2;text-align:left}
.oc-dot .n{background:#0003;border-radius:99px;padding:0 6px;font-size:0.6875rem}.oc-dot .s{display:none}
.oc-dot.k-out{background:#f5c518;color:#1b1400}.oc-dot.k-back{background:#2563eb;color:#fff}.oc-dot.k-service{background:#c2410c;color:#fff}.oc-dot.k-event{background:#7c3aed;color:#fff}
.oc-days{gap:6px}.oc-head{gap:6px}.oc-head span{font-size:0.78125rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.oc-day{min-height:88px;padding:6px;gap:4px;border-width:1px;border-radius:10px}
.oc-n{font-size:0.875rem;font-weight:700;color:var(--text);width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%}
.oc-day.oc-out .oc-n{color:var(--mute);font-weight:500}.oc-day.oc-hol .oc-n{color:#b8262c}
.oc-day.oc-today{border:2px solid var(--gold);box-shadow:none}.oc-day.oc-today .oc-n{background:var(--gold);color:#1b1400}
.oc-day.oc-has{background:var(--panel2)}.oc-day.oc-sel{border:2px solid var(--text);box-shadow:0 0 0 2px var(--gold)}
.oc-legend{display:flex;gap:8px 12px;flex-wrap:wrap;align-items:center;margin-top:12px}.oc-legend .oc-dot{display:inline-flex;font-size:0.78125rem}
.oc-row>b{font-size:0.84375rem}.oc-item{font-size:0.84375rem;padding:8px 10px}
@media(max-width:700px){
 .oc-days,.oc-head{gap:4px}.oc-day{min-height:58px;padding:4px;border-radius:8px}.oc-n{font-size:0.8125rem;width:22px;height:22px}
 .oc-day .oc-dot{padding:1px 4px;font-size:0.6875rem;justify-content:center}.oc-day .oc-dot .l{display:none}.oc-day .oc-dot::before{content:attr(data-s)}.oc-day .oc-dot .n{background:none;padding:0 0 0 2px}
 .oc-head span{font-size:0.6875rem}
}

/* Auszahlungsdetails: Ablauf in vier Schritten */
.payflow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.pf-step{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px}.pf-step small{display:block;color:var(--mute);font-weight:600;margin-bottom:6px}.pf-step b{display:block;font-size:1.625rem;line-height:1.15}.pf-step b.neg{color:var(--bad)}.pf-step span{display:block;color:var(--mute);font-size:0.8125rem;margin-top:6px;line-height:1.4}
.pf-step+.pf-step::before{content:"";position:absolute;left:-10px;top:50%;width:8px;height:8px;border-top:2px solid var(--mute);border-right:2px solid var(--mute);transform:translateY(-50%) rotate(45deg)}
.pf-final{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}.pf-final b{color:var(--gold-text,var(--gold))}
.why{display:grid;grid-template-columns:120px 1fr;gap:14px;padding:12px 0;border-top:1px solid var(--line)}.why:first-of-type{border-top:0;padding-top:0}.why-amt{font-size:1.25rem;font-weight:700;color:var(--bad)}
@media(max-width:900px){.payflow{grid-template-columns:1fr 1fr}.pf-step+.pf-step::before{display:none}}
@media(max-width:560px){.payflow{grid-template-columns:1fr}.why{grid-template-columns:1fr;gap:4px}}

.ledger .neg{color:var(--bad)}.ledger tr.ded td{background:color-mix(in srgb,var(--bad) 7%,transparent)}.ledger tr.sub th,.ledger tr.sub td{border-top:2px solid var(--line)}
.ledger tr.total th{font-size:1.0625rem;border-top:2px solid var(--gold);padding-top:12px;padding-bottom:12px}.ledger tr.total th:last-child{color:var(--gold-text,var(--gold));white-space:nowrap}
.ledger tr.sub th,.ledger tr.total th,.ledger td:nth-child(n+5){white-space:nowrap}

tr.rowlink{cursor:pointer}tr.rowlink:hover td{background:var(--panel2)}

/* ===== Handy: Symbol-Leiste unten (Linien-Symbole, keine Emojis) ===== */
.mnav{display:none}.ic{flex:none}
@media(max-width:700px){
 .mnav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:80;justify-content:space-around;background:var(--panel);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -6px 18px #0002}
 .mnav>a,.mnav summary{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:58px;padding:5px 6px;border-radius:12px;font-size:0.6875rem;line-height:1.1;color:var(--mute);text-decoration:none;list-style:none;cursor:pointer;white-space:nowrap}
 .mnav summary::-webkit-details-marker{display:none}
 .mnav .ic{width:24px;height:24px}
 .mnav>a.on,.mnav summary.on{color:var(--gold-text,var(--gold));font-weight:700}.mnav>a.on .ic,.mnav summary.on .ic{stroke-width:2.3}
 .mnav>a:active,.mnav summary:active{background:var(--panel2)}
 .mmore{position:relative}.mmore .mpop{position:absolute;right:0;bottom:calc(100% + 10px);min-width:190px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:6px;box-shadow:0 10px 30px #0006}
 .mmore .mpop a{display:flex;align-items:center;gap:10px;padding:12px;border-radius:10px;color:var(--text);text-decoration:none;font-size:0.9375rem}.mmore .mpop a.on{color:var(--gold-text,var(--gold));font-weight:700}.mmore .mpop a:active{background:var(--panel2)}
 body{padding-bottom:74px}body.pg-flow .mnav{display:none}body.pg-flow{padding-bottom:0}
 .ck-nav{display:none}
 .asst-btn{bottom:84px}body.pg-flow .asst-btn{bottom:16px}body:has(.stickybar) .asst-btn{bottom:84px}
 .ho-actions,.cal-bar{bottom:66px}
 .ck-foot{margin-bottom:0}
}
/* Symbol im Assistent-Knopf */
.asst-btn::before{content:"";display:inline-block;width:18px;height:18px;margin-right:8px;vertical-align:-3px;background:currentColor;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M4 5h16v11H9l-5 4z'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M4 5h16v11H9l-5 4z'/></svg>") center/contain no-repeat}

/* Bestellungen: übersichtlicher */
.ord-tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.ord-tools input{flex:1 1 280px;max-width:460px}
.ord-chips{display:flex;gap:8px;flex-wrap:wrap}.ord-chips .badge{padding:7px 14px;font-size:0.875rem}.ord-chips .badge b{margin-left:4px}
tr.urgent td:first-child{box-shadow:inset 4px 0 var(--gold)}tr.urgent{background:color-mix(in srgb,var(--gold) 6%,transparent)}
.next.bad{color:var(--bad);font-weight:600}.next.gold{color:var(--gold-text,var(--gold));font-weight:700}.next.ok{color:var(--ok)}.next.mute{color:var(--mute)}
@media(max-width:700px){.mnav>a,.mnav .mmore,.mnav summary{min-width:0;flex:1 1 0}.mnav summary{width:100%}.mnav>a span,.mnav summary span{overflow:hidden;text-overflow:ellipsis;max-width:100%}}

/* Zeilenrutscher: Knöpfe, Kennzeichen und Chips brechen nie mitten im Text um */
.btn,.badge,.badge-x,.ck-chip,.ck-new,.chip,.theme-btn,summary.btn,.stat b,.pf-step b,.ck-tabs a,.ck-sub a{white-space:nowrap}
.checks .badge,.ord-chips .badge{white-space:nowrap}
.ck-main table th{white-space:nowrap}

/* Karte: Auswahl, Steuerung, leerer Zustand, Handy */
.m-pin.sel{background:#fff;z-index:6;box-shadow:0 0 0 3px var(--gold),0 3px 10px #0007}.m-pin.sel:after{border-top-color:#fff}
.m-ctrl button{display:flex;align-items:center;justify-content:center}
.m-empty{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 16px;text-align:center;color:var(--mute);z-index:12;max-width:80%}
.map-sel{outline:3px solid var(--gold);outline-offset:3px;border-radius:14px}
@media(max-width:860px){.m-ctrl{right:8px;top:8px;gap:6px}.m-ctrl button{width:44px;height:44px;font-size:1.375rem}.m-pin{padding:7px 12px;font-size:0.84375rem}.m-cl{font-size:0.9375rem}.mapcol{height:min(68vh,560px)}.split.v-map .mapcol{height:calc(100vh - 210px);min-height:380px}}

/* Kontrast: Text in Gold (Sterne, Pflichtsternchen) im hellen Design dunkler; auf Fotos und dunklen Flächen bleibt es hell */
[style*="color:var(--gold-text,var(--gold))"]{color:var(--gold-text,var(--gold))!important}
.cblock [style*="color:var(--gold-text,var(--gold))"],.cb-text [style*="color:var(--gold-text,var(--gold))"],.btn:not(.ghost) [style*="color:var(--gold-text,var(--gold))"]{color:var(--gold-text,var(--gold))!important}

.cblock .rent,.cblock small,.cb-text small,.cblock b{color:inherit}.cblock .rent{color:var(--gold-text,var(--gold))}
.search:focus-within,.loc2-in:focus-within{outline:2px solid var(--gold-text,var(--gold));outline-offset:1px}
a:focus-visible,button:focus-visible,summary:focus-visible,[role=button]:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold-text,var(--gold));outline-offset:2px}
/* Lange Wörter (Produktnamen, Firmennamen, E-Mail-Adressen) brechen um, statt Seiten oder Karten aufzuspreizen.
   break-word ändert die Mindestbreite nicht, daher bleiben geschützte Beträge und Datumsbereiche heil. */
body{overflow-wrap:break-word}
.row>div,.stack>div,.next>div,table.rcards td>*{min-width:0}
table.rcards td>*{max-width:100%}
.fixrow>span,.fixrow>div{min-width:0}
label:has(>input[type=checkbox]),label:has(>input[type=radio]){overflow-wrap:anywhere}
.fin-cf>*{min-width:0}
@media(max-width:700px){.fin-cf{grid-template-columns:1fr 1fr}.fin-cbtn{grid-column:1/-1}.fin-cbtn .btn{width:100%}}
@media(max-width:400px){.fin-cf{grid-template-columns:1fr}}
/* ===== Kopfzeile (Website): Logo, Suche mit Vorschlägen, Konto-Menü ===== */
.top .bar{gap:14px 18px;padding:12px 16px}
.logo{display:inline-flex;align-items:center;gap:10px;flex:none}.logo:hover{text-decoration:none}.logo .ck-logo{width:34px;height:34px;font-size:1.125rem;flex:none}.logo .lg-t{white-space:nowrap}
/* Echtes Linkreich-Zeichen statt des Platzhalter-Buchstabens (13.10.2026); das Beta-Abzeichen steht jetzt daneben statt in einer eigenen Leiste darüber. */
.logo .lg-m{width:34px;height:34px;object-fit:contain;flex:none}
.bar>.beta-tag{align-self:center;margin-left:-4px}
.top .search{position:relative;align-items:center;gap:6px;flex:1 1 260px;max-width:660px;min-width:0;margin:0 auto;padding:3px 3px 3px 12px;border-radius:14px;background:var(--panel2)}
.top .search .s-ic{display:grid;place-items:center;color:var(--mute);flex:none}
.top .search input{min-width:0;padding:8px 6px;line-height:1.3;font-size:0.9375rem;-webkit-appearance:none;appearance:none}
.top .search input::-webkit-search-cancel-button{display:none}
.top .search input::placeholder{color:var(--mute);opacity:1}
.top .search .btn{border-radius:11px;padding:9px 18px;flex:none;min-height:0}
.s-x{border:0;background:none;color:var(--mute);width:32px;height:32px;border-radius:50%;cursor:pointer;display:grid;place-items:center;flex:none;padding:0}.s-x:hover{background:var(--line);color:var(--text)}.s-x[hidden]{display:none}
.top .links{margin-left:auto;gap:6px 6px;flex:none;flex-wrap:nowrap}
.top .links>a,.top .links .hdr-me{padding:8px 12px;border-radius:10px;font-size:0.9375rem;color:var(--text);white-space:nowrap}
.top .links>a:hover,.top .links .hdr-me:hover{background:var(--panel2);text-decoration:none}
.top .links>a[aria-current=page]{font-weight:700;background:var(--panel2)}
.top .links .hdr-login{background:var(--gold);color:#111;font-weight:700;padding:9px 18px}.top .links .hdr-login:hover{background:var(--gold);filter:brightness(1.05)}
.hdr-fav .hf-i{display:inline-grid;place-items:center;color:var(--text)}
.hdr-theme{width:40px;height:40px;padding:0!important;display:inline-grid;place-items:center;font-size:0!important;border-radius:50%}
.hdr-me{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 4px!important;border:1px solid var(--line);border-radius:99px!important;background:var(--panel)}
.hdr-me .ck-avatar{width:32px;height:32px;background:var(--gold);color:#111;border:0;font-size:0.8125rem}
.hdr-name{max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.hdr-acct[open]>.hdr-me{border-color:var(--gold)}
.hdr-acct .ck-panel{min-width:250px}.hdr-acct .ck-panel a,.hdr-acct .ck-panel button{display:flex;align-items:center;gap:10px;padding:10px 12px}
.hdr-acct .ck-panel a:hover,.hdr-acct .ck-panel button:hover{background:var(--panel2)}
.hdr-acct .ck-panel form{margin:4px 0 0;padding-top:4px;border-top:1px solid var(--line)}
.sug{position:absolute;left:0;right:0;top:calc(100% + 8px);background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 40px #0003;padding:6px;z-index:75;max-height:min(70vh,460px);overflow-y:auto;text-align:left}
.sug[hidden]{display:none}
.sug .sg-h{margin:0;padding:8px 12px 4px;font-size:0.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.sug .sg-i{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:0;border-radius:10px;background:none;color:var(--text);font:inherit;font-size:0.9375rem;text-align:left;cursor:pointer;text-decoration:none}
.sug .sg-i .ic{color:var(--mute);flex:none}
.sug .sg-i .sg-l{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sug .sg-i .sg-s{color:var(--mute);font-size:0.8125rem;flex:none}
.sug .sg-i:hover,.sug .sg-i[aria-selected=true]{background:var(--panel2);text-decoration:none}
.sug .sg-i[aria-selected=true]{outline:2px solid var(--gold-text,var(--gold));outline-offset:-2px}
.sug .sg-q b{color:var(--gold-text,var(--gold))}
@media(max-width:1000px){.top .links .hdr-name{display:none}.top .links .hdr-me{padding:3px 8px 3px 3px!important}}
@media(max-width:860px){.top .links .hl{display:none}.top .search{order:3;flex:1 1 100%;max-width:none;margin:0}.top .bar{gap:10px 12px;padding:10px 16px 8px}.top .links{margin-left:auto;width:auto;overflow:visible;white-space:normal;padding:0;gap:6px}.top .links .hdr-fav{display:none}}
@media(max-width:860px){.top .search input{font-size:1rem}.top .search .btn{padding:9px 14px}.top .links .hdr-login{padding:8px 16px;min-height:0}.hdr-theme{width:40px;height:40px}}
@media(max-width:400px){.top .search .btn{display:none}.top .search{padding-right:6px}}
.ck-right .hdr-theme{width:38px;height:38px}
.top .links .hdr-theme{width:40px;height:40px;min-height:0;padding:0!important}
.sug .sg-i .sg-s{max-width:42%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.top .search input:focus-visible{outline:0}
.loc2-in{position:relative}.loc2-in .sug{left:-11px;right:-11px;top:calc(100% + 10px)}
.loc2-in input:focus-visible{outline:0}
@media(max-width:700px){.sug{max-height:46vh}}
.top .search input,.loc2-in input{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
@media(max-width:700px){.cal-grid{grid-template-columns:repeat(14,1fr);min-width:0}}
.cal-axis{min-width:560px}@media(max-width:700px){.cal-axis{min-width:0}}
.filters .fgrid-toggle{white-space:normal!important;text-align:center}
@media(min-width:701px){.filters .fgrid-toggle{display:none!important}}
.detail>*{min-width:0}.detail h1{overflow-wrap:anywhere}
/* Eigene Termine im Kalender der Übersicht */
.oc-item.k-own{background:#0d948826;border-left:4px solid #0d9488}.oc-dot.k-own{background:#0f766e;color:#fff}
.oc-own-act{display:flex;gap:6px;margin-top:6px}.oc-own-act .btn{padding:4px 10px;font-size:0.75rem;min-height:0}
div.oc-item{cursor:default}.oc-item.k-own.done em{text-decoration:line-through}
.oc-nav .oc-new{margin-right:6px;padding:5px 12px;font-size:0.8125rem;min-height:0;border-radius:8px;white-space:nowrap}
.oc-add{margin-top:12px;border-top:1px solid var(--line);padding-top:12px}.oc-add>summary{list-style:none;cursor:pointer;display:inline-block}.oc-add>summary::-webkit-details-marker{display:none}
.oc-add form{margin-top:10px;display:grid;gap:10px}.oc-add label{display:grid;gap:4px;font-size:0.8125rem;font-weight:600}.oc-add input{font-weight:400}
.oc-add-f{display:grid;grid-template-columns:1fr 1fr;gap:10px}.oc-add-f label:first-child{grid-column:1/-1}
.oc-add .btn{justify-self:start}
@media(max-width:700px){.oc-add input{font-size:1rem}}
a.btn.oc-jump{display:none;margin-top:6px}
@media(max-width:900px){a.btn.oc-jump{display:inline-flex}}
/* Cookie-Einwilligung (nur aktiv, wenn Werbung verbunden ist) */
.cc{position:fixed;left:16px;right:16px;bottom:16px;max-width:760px;margin:0 auto;z-index:200;background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 50px #0004;padding:16px 18px;display:grid;gap:12px}
.cc-t b{font-size:1rem}.cc-t p{margin:4px 0 0;font-size:0.875rem;color:var(--text);line-height:1.45}
.cc-set{display:grid;gap:8px;border-top:1px solid var(--line);padding-top:10px}
.cc-row{display:flex;gap:10px;align-items:flex-start;font-size:0.875rem;cursor:pointer}.cc-row input{margin-top:3px;width:auto;flex:none}.cc-row small{color:var(--mute);font-weight:400}
.cc-bar{display:flex;gap:8px;flex-wrap:wrap}.cc-bar .btn{flex:1 1 150px;min-height:44px;justify-content:center}
.cc-bar [hidden],.cc-set[hidden]{display:none}
@media(max-width:700px){.cc{left:8px;right:8px;bottom:calc(72px + env(safe-area-inset-bottom));padding:14px;max-height:70vh;overflow-y:auto}body.pg-flow .cc{bottom:8px}}
/* Startseite: „Warum Linkreich-Rent?“ und die zwei Vorteils-Karten */
.whygrid{grid-template-columns:repeat(5,minmax(0,1fr));column-gap:14px;row-gap:14px}
.why-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px 18px;display:grid;grid-template-rows:auto auto 1fr;justify-items:start;text-align:left;gap:0}
.why-card .wi{margin-bottom:14px}.why-card h3{margin:0 0 8px;font-size:1.0625rem;line-height:1.25}.why-card p{margin:0;font-size:0.875rem;line-height:1.55}
@supports (grid-template-rows:subgrid){@media(min-width:961px){.whygrid{grid-template-rows:auto auto 1fr;row-gap:0}.why-card{grid-row:span 3;grid-template-rows:subgrid}}}
.wi{width:44px;height:44px;border-radius:12px;color:var(--gold-text,var(--gold));font-size:0}.wi .ic{display:block}
.fcard{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:26px}.fcard .wi{margin-bottom:14px}.fcard h3{margin:0 0 8px;font-size:1.125rem}.fcard p{margin:0 0 16px;line-height:1.55}.fcard>a{margin-top:auto;font-weight:600}
@media(max-width:960px){.whygrid{grid-template-columns:repeat(2,minmax(0,1fr))}.why-card:last-child:nth-child(odd){grid-column:1/-1}}
@media(max-width:560px){.whygrid{grid-template-columns:1fr}.why-card{grid-template-columns:44px 1fr;grid-template-rows:auto auto;column-gap:14px;padding:16px}.why-card .wi{grid-row:span 2;margin:0}.why-card h3{margin:0 0 4px;align-self:end}.why-card p{align-self:start}}
/* Benachrichtigungen mit Zahl */
.hdr-bell .ck-ibtn{width:40px;height:40px;border-radius:50%}
.hdr-bell .ck-panel{min-width:300px}
.ck-tabs .tab-n,.ck-tabs a .tab-n{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;margin-left:4px;border-radius:9px;background:#e5484d;color:#fff;font-size:0.6875rem;font-weight:700;line-height:1;vertical-align:middle}
.mnav>a{position:relative}.mnav .mn-n{position:absolute;top:0;left:calc(50% + 4px);min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#e5484d;color:#fff;font-size:0.6875rem;font-weight:700;display:grid;place-items:center;border:2px solid var(--panel);line-height:1}
.mnav summary .mn-n{left:calc(50% + 2px)}.mpop .tab-n{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;margin-left:6px;border-radius:9px;background:#e5484d;color:#fff;font-size:0.6875rem;font-weight:700;line-height:1}
/* Werbe-Seiten im Admin */
details.camp{border-top:1px solid var(--line);padding:10px 0}details.camp>summary{cursor:pointer;padding:4px 0}
.cplist{list-style:none;margin:6px 0 10px;padding:0;display:grid;gap:6px}.cplist li{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:0.875rem}.cplist li>span{flex:1 1 180px;min-width:0;overflow-wrap:anywhere}
.cp{padding:4px 10px;font-size:0.75rem;min-height:0}
.two>*{min-width:0}
.oc-add-f label:nth-child(4){grid-column:1}
/* Werbe-Auftrag (Vermieter) */
.ad-prod{display:flex;gap:12px;align-items:flex-start;cursor:pointer;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font-size:0.875rem;line-height:1.4;font-weight:400}
.ad-prod input{width:auto;flex:none;margin:3px 0 0}.ad-prod:has(input:checked){border-color:var(--gold);background:var(--panel2)}.ad-prod b{font-weight:600}
/* Foto-Banner ganz oben auf der Startseite (lib/photobanner.js) */
.pb{position:relative;height:clamp(240px,26vw,340px);margin-top:-28px;overflow:hidden;background:#0d1524;isolation:isolate;border-bottom:1px solid var(--line)}
.pb+.hero2{margin-top:0}
.pb-slides,.pb-s{position:absolute;inset:0}
.pb-s{opacity:0;visibility:hidden}.pb-s:first-child{opacity:1;visibility:visible}.pb-ready .pb-s{animation-name:pb-fade;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:both}
.pb-s img{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;transform-origin:50% 55%;animation-delay:inherit}.pb-ready .pb-s img{animation-name:pb-kb;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:both;will-change:transform}
/* 12.10.2026 (Ansage des Inhabers: „die Schrift unten in den Banner, systematisch, damit man es lesen kann"):
   Der Text sitzt jetzt in einem klar begrenzten dunklen Band am unteren Rand – nicht mehr als weicher Auslauf
   quer durchs Bild, wo er je nach Foto mal lesbar war und mal nicht. Die Hoehe des Bandes ist fest, der Text
   steht immer an derselben Stelle. */
.pb-s::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,rgba(6,10,18,.92) 0%,rgba(6,10,18,.88) 26%,rgba(6,10,18,.55) 46%,rgba(6,10,18,0) 66%)}
.pb-in{position:absolute;inset:0;z-index:2;display:flex;align-items:flex-end;padding-bottom:46px}
.pb-in>.wrap{width:100%}
.pb-cap{max-width:520px;color:#fff}.pb-ready .pb-cap{animation-name:pb-cap;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:both}
.pb-eyebrow{margin:0 0 6px;color:#f5c518;font-size:0.8125rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.pb-cap h2{margin:0;color:#fff;text-wrap:balance;font-size:clamp(23px,2.8vw,34px);line-height:1.12;letter-spacing:-.015em;text-shadow:0 2px 14px rgba(0,0,0,.55)}
.pb-sub{margin:4px 0 0;color:rgba(255,255,255,.92);font-size:clamp(14px,1.5vw,16px);text-shadow:0 1px 10px rgba(0,0,0,.6)}
.pb-cap:has(.btn) .pb-sub{margin-bottom:12px}
.pb-cap{max-width:620px}
.pb-cap .btn{box-shadow:0 8px 24px rgba(0,0,0,.35)}
.pb-credit{position:absolute;right:14px;bottom:12px;max-width:52%;margin:0;color:rgba(255,255,255,.8);font-size:0.6875rem;line-height:1.3;text-align:right;text-shadow:0 1px 4px rgba(0,0,0,.7)}
.pb-credit a{color:#fff;text-decoration:underline}
.pb-ui{position:absolute;left:0;right:0;bottom:14px;z-index:4;pointer-events:none}
.pb-ui>.wrap{display:flex;align-items:center;gap:12px}
.pb-dots{display:flex;gap:8px}
.pb-dot{display:block;width:34px;height:4px;border-radius:2px;background:rgba(255,255,255,.35);overflow:hidden}
.pb-bar{display:block;height:100%;background:#f5c518;transform:scaleX(0);transform-origin:0 50%}.pb-ready .pb-bar{animation-name:pb-bar;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:both}
/* 12.10.2026: Der Pause-Knopf sass direkt neben den Punkten mitten unter dem Text und war heller als die Ueberschrift.
   Jetzt steht er am rechten Rand und haelt sich zurueck, bis man ihn anfasst. */
.pb-pause{position:absolute;top:12px;right:14px;z-index:5;pointer-events:auto;border:1px solid rgba(255,255,255,.3);background:rgba(6,10,18,.55);color:rgba(255,255,255,.75);border-radius:99px;font:inherit;font-size:0.75rem;padding:3px 12px;cursor:pointer;backdrop-filter:blur(4px)}
.pb-pause:hover,.pb-pause:focus-visible{color:#fff;border-color:rgba(255,255,255,.6)}
.pb-pause:hover{background:rgba(6,10,18,.65)}.pb-pause:focus-visible{outline:2px solid #f5c518;outline-offset:2px}
.pb:hover .pb-s,.pb:hover .pb-s img,.pb:hover .pb-cap,.pb:hover .pb-bar,.pb:focus-within .pb-s,.pb:focus-within .pb-s img,.pb:focus-within .pb-cap,.pb:focus-within .pb-bar,.pb[data-paused] .pb-s,.pb[data-paused] .pb-s img,.pb[data-paused] .pb-cap,.pb[data-paused] .pb-bar{animation-play-state:paused}
/* 11.10.2026 am Handy nachgemessen: Der Text brauchte 197 px, bekam 155 px – 53 px wurden oben abgeschnitten,
   die Zeile „Start in Koeln“ fehlte ganz. Und der Banner lag mit dem Hochziehen (-28px) 9 px ueber der Kategorienzeile.
   Darum hier: mehr Hoehe, kein Hochziehen, und der Untertitel bekommt hoechstens zwei Zeilen. */
@media(max-width:700px){.pb{height:clamp(268px,74vw,320px);margin-top:0}.pb-in{padding-bottom:64px}.pb-cap h2{font-size:1.4375rem}.pb-sub{margin:4px 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pb-credit{left:16px;right:16px;bottom:8px;max-width:none;text-align:left;font-size:0.625rem;line-height:1.25;text-shadow:0 1px 5px rgba(0,0,0,.9)}.pb-ui{bottom:36px}.pb-pause{top:10px;right:16px}.pb-eyebrow{font-size:0.75rem;margin-bottom:4px;text-shadow:0 1px 10px rgba(0,0,0,.85)}/* 12.10.2026: Mit der groesseren Banner-Hoehe sitzt die Zeile „Start in Koeln“ bei 83 % der Hoehe – der dunkle Verlauf
   reichte aber nur bis 62 %, die goldene Schrift stand ohne Schatten auf dem hellen Teil des Fotos. Verlauf hochgezogen. */
.pb-s::before{background:linear-gradient(0deg,rgba(6,10,18,.88) 0%,rgba(6,10,18,.62) 45%,rgba(6,10,18,.28) 72%,rgba(6,10,18,0) 94%),linear-gradient(90deg,rgba(6,10,18,.5) 0%,rgba(6,10,18,0) 60%)}}
@media(prefers-reduced-motion:reduce){.pb-s,.pb-s img,.pb-cap,.pb-bar{animation:none!important}.pb-s{opacity:0;visibility:hidden}.pb-s:first-child{opacity:1;visibility:visible}.pb-pause,.pb-dots{display:none}}
@media print{.pb{display:none}}

/* Produktseite: klarer Aufbau, Buchungskasten bleibt auf dem Desktop sichtbar */
.keyfacts{list-style:none;margin:10px 0 12px;padding:0;display:grid;gap:6px}
.keyfacts li{display:flex;align-items:center;gap:10px;font-size:0.875rem;line-height:1.35}.keyfacts .ic{flex:none;color:var(--gold-text,var(--gold))}
.quote{min-height:0;margin:8px 0 10px}.quote:empty{display:none}
.q-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.q-dates{font-weight:600}.q-total{font-size:1.5rem;color:var(--text)}
.trust{margin:10px 0 0;text-align:center}
.detail>div>a.vmini{margin:14px 0 0}
#calendar .mh button{min-width:36px;min-height:36px;font-size:1.25rem;line-height:1;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);cursor:pointer}
#calendar .mh button:hover{border-color:var(--gold)}
.nav-m{visibility:hidden}
.d:disabled{opacity:1}.d.past:disabled{color:#8a96ab}
/* Kaufspalte der Produktseite: kein eigener Scrollbereich mehr (früher sticky mit max-height: auf normalen Bildschirmen wurde der Kalender samt Buchungsknopf abgeschnitten) */
@media(max-width:760px){.nav-m{visibility:visible}#calendar .mh button{min-width:44px;min-height:44px}.dg{gap:4px}.d{aspect-ratio:auto;min-height:44px;height:44px;border-radius:12px;font-size:0.875rem}.months .h{font-size:0.75rem}.cal{padding:10px}}
@media(max-width:700px){.detail>div:first-child>a.vmini{order:4;margin:0}.detail>div:first-child>.thumbs{order:1}}
/* Zusatzversicherung: direkt unter Preis und Kernfakten, nicht mehr unten im Kalenderkasten */
.insbox{display:flex;align-items:center;gap:12px;margin:12px 0 0;padding:12px 14px;border:1.5px solid var(--gold);border-radius:12px;background:var(--panel);cursor:pointer}
.insbox input{width:22px;height:22px;flex:none;margin:0}.insbox:has(input:checked){background:#f7e08c;border-color:#8a6a00}
.ins-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ins-t b{font-size:0.9375rem}.ins-t small{color:var(--mute);font-size:0.8125rem}
.ins-sum{white-space:nowrap;color:var(--text);font-size:0.875rem}
.ins-more{margin:6px 0 0;font-size:0.8125rem}.ins-more summary{cursor:pointer;color:var(--gold-text,var(--gold));padding:6px 2px}.ins-more ul{margin:4px 0 0 18px;padding:0}

.price-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:2px 0 4px}.price-row .price{margin:6px 0}
.pd-jump{padding:8px 16px}@media(max-width:900px){.pd-jump{display:none}}
.ins-opt{font-weight:400;color:var(--mute)}
@media(max-width:700px){.detail>div:first-child>.glance{order:4}}

.heart{width:44px;height:44px}.heart svg{display:block}.heart.on{color:#e5484d}

/* Startseite oben: Kategorien in einer Zeile, Banner niedriger, Kurztext auf dem Handy */
.cats{gap:6px}.cats a{padding:4px 10px;font-size:0.8125rem;white-space:nowrap}
.hero2{padding-top:44px}
@media(max-width:700px){.lead-more{display:none}.hero2 h1{margin-top:.1em}}
@media(max-width:380px){.logo .lg-t{font-size:1rem}.logo{gap:8px}.top .links .hdr-login{padding:8px 12px}.top .links .hdr-theme{width:36px;height:36px}.top .bar{gap:8px 8px}}
.cblock .cb-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cblock .cb-shade{z-index:0}
.nf{padding:40px 0}.nf-search{margin:18px 0}.nf-links{display:flex;flex-wrap:wrap;gap:10px}
/* Fahrer-Cockpit, Routenkarte und Lieferstatus */
.dr-two{align-items:start}.dr-two>.card{margin:0}
.dr-online{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.dr-dot{width:10px;height:10px;border-radius:50%;background:#98a4b8;display:inline-block;flex:none}.dr-dot.on,.dr-track[data-state=ok] .dr-dot{background:var(--ok);box-shadow:0 0 0 4px #17734a26}.dr-track[data-state=err] .dr-dot{background:var(--bad)}
.dr-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.dr-job{margin:0;display:block;color:inherit}a.dr-link:hover{border-color:#d4a300;filter:none}
.dr-job-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dr-fee{margin-left:auto;font-weight:800;font-size:1.125rem;color:var(--text)}
.dr-route{margin:0;font-weight:600}.dr-arr{color:var(--mute);padding:0 4px}
.dr-accept{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.dr-accept select{flex:1;min-width:140px}
.dr-day{margin:10px 0 2px}
.dr-check{list-style:none;padding:0;margin:0}.dr-check li{display:flex;gap:8px;align-items:center;padding:6px 0;color:var(--mute)}.dr-check li.ok{color:var(--text)}.dr-check li.ok .ic{color:var(--ok)}
.dr-land{padding-bottom:40px}.dr-hero{padding:34px 0 10px}.dr-hero h1{max-width:760px}.dr-eyebrow{color:var(--gold-text);text-transform:uppercase;font-size:0.75rem;letter-spacing:.08em;margin:0}
.dr-benefits{margin:18px 0;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.dr-benefit{margin:0}.dr-benefit h3{margin:10px 0 4px}.dr-benefit p{margin:0}
.dr-ic{width:44px;height:44px;border-radius:12px;background:#f5c51838;color:var(--gold-text);display:inline-flex;align-items:center;justify-content:center;flex:none}
.dr-steps{margin:0;padding-left:22px}.dr-steps li{padding:4px 0}
.dr-veh summary{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none;flex-wrap:wrap}.dr-veh summary::-webkit-details-marker{display:none}.dr-veh summary>span:nth-child(2){flex:1;min-width:160px}.dr-veh[open] summary{margin-bottom:12px}
.dr-cols{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:18px;align-items:start}@media(max-width:900px){.dr-cols{grid-template-columns:1fr}}
.dr-action .btn.lg{padding:16px;font-size:1.125rem}
.dr-track{border-left:4px solid var(--gold)}.dr-track-h{display:flex;align-items:center;gap:8px}.dr-tstate{margin:6px 0 0}.dr-track[data-state=err] .dr-tstate{color:var(--bad)}
.dr-stop{display:flex;gap:12px;padding:10px 0;border-top:1px solid var(--line)}.dr-stop:first-of-type{border-top:0}.dr-stop p{overflow-wrap:anywhere}
.dr-pin{width:28px;height:28px;border-radius:50%;background:var(--gold);color:#111;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex:none}.dr-pin.b{background:var(--text);color:var(--panel)}
.dr-req{display:grid;grid-template-columns:minmax(0,2fr) auto auto auto;gap:14px;align-items:end;padding:12px 0;border-top:1px solid var(--line)}.dr-req:first-child{border-top:0}@media(max-width:900px){.dr-req{grid-template-columns:1fr;align-items:start}}
.dr-app{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap;padding:10px 0;border-top:1px solid var(--line)}.dr-app:first-of-type{border-top:0}
.dr-fleet p{margin:6px 0}
.dr-dl{list-style:none;padding:0;margin:0}.dr-dl li{padding:8px 0;border-top:1px solid var(--line)}.dr-dl li:first-child{border-top:0}.dr-dl p{margin:2px 0}.dr-dl-h{display:flex;gap:8px;align-items:center}
.dr-deliv .rmap{margin-top:10px}
.rmap{position:relative;height:300px;border-radius:12px;overflow:hidden;background:#dfe6ec;touch-action:pan-y;isolation:isolate}.rmap.tall{height:420px}.rmap[hidden]{display:none}
.rm-tiles,.rm-pins,.rm-line{position:absolute;inset:0}.rm-tiles img{position:absolute;width:256px;height:256px;max-width:none;user-select:none}
.rm-line{pointer-events:none}.rm-line polyline{fill:none;stroke:#8a6500;stroke-width:3;stroke-dasharray:8 6;opacity:.85}
.rm-pins{pointer-events:none}
.rm-pin,.rm-drv,.rm-me{position:absolute;transform:translate(-50%,-50%);pointer-events:auto}
.rm-pin span{width:28px;height:28px;border-radius:50%;background:var(--gold);color:#111;font-weight:800;font-size:0.8125rem;display:flex;align-items:center;justify-content:center;border:2px solid #fff;box-shadow:0 2px 6px #0004}.rm-pin.b span{background:#16202f;color:#fff}
.rm-drv{display:flex;align-items:center;gap:6px;background:#16202f;color:#fff;padding:5px 11px 5px 8px;border-radius:99px;font-size:0.75rem;box-shadow:0 2px 8px #0005;white-space:nowrap}.rm-drv b{font-weight:700}
.rm-me{width:16px;height:16px;border-radius:50%;background:#2f7cf6;border:3px solid #fff;box-shadow:0 0 0 6px #2f7cf633}
.rm-ctrl{position:absolute;right:8px;top:8px;display:flex;flex-direction:column;gap:4px;z-index:2}.rm-ctrl button{width:36px;height:36px;border-radius:9px;border:1px solid #c9d1de;background:#fff;color:#16202f;font-size:1.125rem;line-height:1;cursor:pointer}
.rm-attr{position:absolute;left:0;bottom:0;background:#ffffffd9;color:#333;font-size:0.625rem;padding:1px 6px;border-top-right-radius:6px;z-index:2}.rm-attr a{color:#333}
/* ===== Übergreifend: Sprunglink, Fußzeile, Admin-Menü, „Jetzt zu tun“, Startklar-Check, Rechtstexte ===== */
.skip{position:absolute;left:8px;top:-64px;z-index:1000;padding:10px 16px;border-radius:10px;background:var(--gold);color:#111;font-weight:700}.skip:focus{top:8px;text-decoration:none}
main[tabindex="-1"]:focus{outline:0}
.cta h3{font-size:1.125rem;margin:0 0 8px}.sec .cta{margin:0}
/* Fußbereich nach dem Vorbild von linkreich.de (13.10.2026): Logo mit Leitsatz, vier Spalten, am Handy aufklappbar, Schlusszeile mit Zusagen.
   Die Spalten sind <details open>: am Rechner ist der Pfeil ausgeblendet und die Überschrift nicht anklickbar, am Handy lassen sie sich zuklappen. */
.foot2{margin-top:28px;border-top:1px solid var(--line);background:var(--bg-soft,#f6f8fb)}
.foot2>.wrap{padding:26px 16px 20px}
.fbrand{display:flex;align-items:center;gap:12px;margin:0 0 20px}
.fbrand img{flex:none;width:40px;height:40px;object-fit:contain}
.fbrand b{display:block;font-size:1.0625rem;color:var(--text);line-height:1.2}
.fbrand span{display:block;color:var(--mute);font-size:0.875rem;margin-top:2px}
.fcols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 32px}
.fcol{min-width:0}
.fcol .fh{font-size:0.8125rem;font-weight:700;color:var(--text);margin:0 0 4px;list-style:none;cursor:default}
.fcol .fh::-webkit-details-marker{display:none}
.fcol ul{list-style:none;margin:0;padding:0}
.foot2 .fcol a{display:inline-block;padding:7px 0;margin:0;color:var(--mute);font-size:0.875rem}
.foot2 .fcol a:hover{color:var(--text);text-decoration:underline}
.fbar{margin:20px 0 0;padding-top:14px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 18px}
.fcopy,.ftrust{margin:0;color:var(--mute);font-size:0.8125rem}
@media(min-width:701px){.fcol .fh{pointer-events:none}}
@media(max-width:700px){
  .fcols{grid-template-columns:1fr;gap:0}
  .fcol{border-bottom:1px solid var(--line)}
  .fcol .fh{cursor:pointer;pointer-events:auto;padding:13px 0;margin:0;font-size:0.9375rem;display:flex;align-items:center;justify-content:space-between}
  .fcol .fh::after{content:"";width:9px;height:9px;border-right:2px solid var(--mute);border-bottom:2px solid var(--mute);transform:rotate(45deg);margin-right:4px;transition:transform .15s}
  .fcol[open] .fh::after{transform:rotate(-135deg)}
  .fcol ul{padding-bottom:6px}
  .foot2 .fcol a{padding:10px 0}
  .fbar{flex-direction:column}
}
.legal-text h2{font-size:1.125rem;margin:22px 0 6px}.legal-text p{margin:0 0 12px}
.sc-item{display:flex;gap:14px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--line)}.sc-item .badge{flex:none;min-width:88px;text-align:center;margin:2px 0 0}.sc-item code{background:var(--panel2);padding:1px 6px;border-radius:6px}
/* Admin-Menü in zwei Ebenen: Gruppen-Reiter (mit Summe der offenen Vorgänge), darunter die Seiten der aktiven Gruppe. Bricht um, scrollt nie waagerecht. */
.adm-nav{border-bottom:1px solid var(--line);background:var(--panel)}.adm-nav .wrap{max-width:1240px}
.adm-tabs{display:flex;flex-wrap:wrap;gap:4px 6px;padding-top:8px}
.adm-tabs a{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:10px 10px 0 0;border-bottom:2px solid transparent;color:var(--mute);font-weight:600;font-size:0.9375rem;white-space:nowrap}
.adm-tabs a:hover{text-decoration:none;color:var(--text);background:var(--panel2)}.adm-tabs a.on{color:var(--text);border-bottom-color:var(--gold)}
.adm-gl{font-size:inherit;font-weight:inherit;letter-spacing:0;text-transform:none;color:inherit}
.adm-sub{display:flex;flex-wrap:wrap;gap:4px;padding-top:6px;padding-bottom:8px;border-top:1px solid var(--line)}
.adm-sub a{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:99px;color:var(--mute);font-size:0.875rem;white-space:nowrap}.adm-sub a:hover{text-decoration:none;color:var(--text);background:var(--panel2)}.adm-sub a.on{color:var(--text);background:var(--panel2);font-weight:600}
.adm-nav .n{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#e5484d;color:#fff;font-size:0.6875rem;font-weight:700;line-height:1}
@media(max-width:700px){.adm-tabs{gap:0 2px}.adm-tabs a{padding:9px 10px;font-size:0.875rem}.adm-sub a{padding:9px 12px}}
/* Brotkrume und einheitlicher Seitenkopf: Überschrift, ein Satz Erklärung, rechts die Hauptaktion */
.adm-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding-top:14px;font-size:0.8125rem;color:var(--mute)}.adm-crumb a{color:var(--mute)}.adm-crumb a:hover{color:var(--text)}.adm-crumb .sep{opacity:.6}.adm-crumb [aria-current]{color:var(--text);font-weight:600}
.adm-crumb+main{padding-top:6px}
.adm-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px 24px;flex-wrap:wrap}.adm-ht{min-width:0;flex:1 1 360px}.adm-head h1{font-size:1.625rem;margin:0 0 4px;line-height:1.2}.adm-head .mute{margin:0;max-width:760px;line-height:1.5}
.adm-act{display:flex;flex-wrap:wrap;gap:8px;align-items:center;flex:none;max-width:100%}.adm-act>span{display:flex;flex-wrap:wrap;gap:8px}.adm-act form{margin:0}.adm-act .inline{display:inline}
/* Chips (Zeitraum, Filter) überall gleich: Kapsel, aktiv = Gold */
.adm-mode .checks:has(>a.badge),.adm-mode .ord-chips,.adm-act>span:has(>a.badge){display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.adm-mode .checks>a.badge,.adm-mode .ord-chips>a.badge,.adm-act a.badge{margin:0;padding:7px 14px;font-size:0.875rem;color:var(--text);border-color:var(--line);background:var(--panel)}
.adm-mode .checks>a.badge:hover,.adm-mode .ord-chips>a.badge:hover,.adm-act a.badge:hover{text-decoration:none;border-color:var(--gold)}
.adm-mode .checks>a.badge.ok,.adm-mode .ord-chips>a.badge.ok,.adm-act a.badge.ok{background:var(--gold);border-color:var(--gold);color:#111;font-weight:600}
/* Kennzahlen-Kacheln gleich hoch, Tabellen mit Kopfzeile und Rahmen, Beträge rechtsbündig, Formulare in Karten mit Abschnitten */
.adm-mode .stats{align-items:stretch}.adm-mode .stat{display:flex;flex-direction:column;gap:2px;min-height:100px;min-width:0}.adm-mode .stat b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adm-mode .stat .kpi-sub{margin-top:auto}
@media(max-width:900px){.adm-mode .stats{grid-template-columns:1fr 1fr}}@media(max-width:420px){.adm-mode .stats{grid-template-columns:1fr}.adm-mode .stat{min-height:0}}
.adm-mode .card:has(>table),.adm-mode .card:has(>div>table),.adm-mode .card:has(>form>table),.adm-mode .card:has(>details>table){overflow-x:auto;max-width:100%}
.adm-mode table th{white-space:nowrap;font-size:0.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--mute);background:var(--panel2)}.adm-mode table th:first-child{border-top-left-radius:8px}.adm-mode table th:last-child{border-top-right-radius:8px}
.adm-mode td.r,.adm-mode th.r{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.adm-mode form.card>h2,.adm-mode .card>form>h2{padding-bottom:10px;border-bottom:1px solid var(--line)}.adm-mode form.card h2+.small,.adm-mode form.card h2+.mute{margin-top:8px}
.adm-mode form.card>label:first-of-type,.adm-mode .card>form>label:first-of-type{margin-top:6px}
.adm-mode .card>form p:last-child,.adm-mode form.card>p:last-child{margin-bottom:0}
/* Übersicht: Abschnitte nach Gruppen, leere Blöcke als eine Zeile */
.adm-sec{display:grid;gap:12px}.adm-sech{font-size:0.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);margin:6px 0 -2px}
.adm-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;padding:12px 20px}.adm-line h2{margin:0;font-size:1rem}.adm-line p{margin:0;font-size:0.875rem}
.adm-todo h2{margin-bottom:12px}
.td-list{display:grid;gap:8px}
.td-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;color:var(--text)}.td-row:hover{text-decoration:none;border-color:var(--gold)}
.td-row .n{display:inline-grid;place-items:center;flex:none;min-width:34px;height:34px;padding:0 8px;border-radius:17px;background:var(--panel2);font-size:0.9375rem}
.td-row.red .n{background:#e5484d;color:#fff}.td-row.amber .n{background:var(--gold);color:#111}.td-row.blue .n{background:#2c58b8;color:#fff}
.td-row small{display:block;color:var(--mute);font-weight:400}.td-row .go{margin-left:auto;padding-left:8px;color:var(--gold-text,var(--gold));font-weight:600;white-space:nowrap}
@media(max-width:520px){.td-row .go{display:none}}
.faq-jump{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 4px}.faq-jump a{display:inline-block;padding:9px 14px;border:1px solid var(--line);border-radius:99px;background:var(--panel);color:var(--text);font-size:0.875rem}.faq-jump a:hover{text-decoration:none;border-color:var(--gold)}
.faq-sec{padding-top:6px}.faq-sec>h2{margin:24px 0 8px;font-size:1.1875rem}
details.faq{margin:8px 0;padding:0}details.faq>summary{cursor:pointer;padding:14px 18px;list-style-position:inside}.faq-a{padding:0 18px 14px}.faq-a p,.faq-a ol{margin:8px 0 0;color:var(--mute)}.faq-a ol{padding-left:22px}.faq-a li{margin:4px 0}

/* ===== Startseite und Katalog: Reihenfolge, Handy-Ansicht, Angebotskacheln, Leerzustände ===== */
/* Startseite oben: Überschrift, Suche und Berater kompakter, damit die Suche früher sichtbar ist */
.hero2{padding:28px 0 32px}
.hero2 h1{font-size:clamp(30px,4.6vw,46px);line-height:1.15;margin:.12em 0 .18em}
.hero2 .lead{margin-bottom:16px}
.hero-top .small{padding:6px 0}
.sec .row>a.small{padding:8px 0}
.hero2 .advisor{margin:14px 0 4px}
.hero2 .trust{margin:12px 0 0;text-align:left}
.dr-btn::before{content:"";display:inline-block;width:16px;height:16px;margin-right:8px;vertical-align:-3px;background:currentColor;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M4 6h16v14H4zM4 10h16M8 3v4M16 3v4'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M4 6h16v14H4zM4 10h16M8 3v4M16 3v4'/></svg>") center/contain no-repeat}
@media(max-width:700px){
 .hero2{padding:14px 0 22px}
 .hero2 .lead{display:none}
 .herosearch{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:8px;padding:10px;border-radius:14px}
 .hs-q,.hs-go{grid-column:1/-1}
 .hs-go{width:100%}
 .hs-f label{margin:0 0 3px 2px}
 .hero2 .advisor{padding:12px 14px}
 .hs-d .dr-btn::before{display:none}
 .hero2 .trust{display:none}
}
/* Kategorie-Kacheln: ohne Foto helle Fläche mit Symbol; Sterne auf dem Foto hell */
.cb-ico{position:absolute;left:50%;top:36%;transform:translate(-50%,-50%);color:#8a6a00}
.cb-star{color:#f5c518}.cblock.noimg .cb-star{color:#8a6a00}
@media(max-width:560px){
 .catgrid2{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .cblock{min-height:130px;border-radius:14px}
 .cblock.big{grid-column:span 2;min-height:170px}
 .cb-text{padding:12px}.cb-text b{font-size:0.9375rem;line-height:1.25}.cblock.big .cb-text b{font-size:1.25rem}
 .cb-text small{font-size:0.75rem}.cblock:not(.big) .cb-text small.rent{display:none}
 .cb-badge{top:10px;left:10px;font-size:0.6875rem;padding:3px 8px}
 .cb-ico svg{width:34px;height:34px}
 .sec{padding:34px 0}
}
@media(max-width:340px){.catgrid2{grid-template-columns:1fr}.cblock.big{grid-column:auto}}
/* So funktioniert’s: drei Schritte mit Zahl, Symbol und kurzem Text. Desktop nebeneinander mit verbindender Linie, Handy als senkrechte Zeitleiste */
#ablauf,#suche{scroll-margin-top:16px}
.flow{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 18px}
.flow li{position:relative;text-align:center}
.flow li::before{content:"";position:absolute;top:20px;left:calc(50% + 30px);right:calc(-50% - 18px + 30px);height:2px;background:var(--line)}
.flow li:last-child::before{display:none}
.flow-n{position:relative;display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--gold);color:#111;font-weight:800;font-size:1.1875rem;line-height:1}
.flow-ic{display:block;margin:14px 0 6px;color:var(--gold-text)}.flow-ic .ic{display:block;margin:0 auto}
.flow h3{margin:0 0 6px;font-size:1rem;line-height:1.25}
.flow p{margin:0 auto;max-width:230px;color:var(--mute);font-size:0.84375rem;line-height:1.5}
.flow-trust{margin:26px 0 0;text-align:center;color:var(--mute);font-size:0.875rem}.flow-trust span{padding:0 6px}
.flow-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:16px 0 0}
@media(max-width:960px){
 .flow{grid-template-columns:1fr;max-width:520px;margin:22px auto 0}
 .flow li{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:14px;align-items:start;text-align:left;padding-bottom:18px}
 .flow li:last-child{padding-bottom:0}
 .flow li::before{top:46px;bottom:4px;left:19px;right:auto;width:2px;height:auto}
 .flow-n{width:40px;height:40px;font-size:1.125rem}
 .flow-b{display:grid;grid-template-columns:26px minmax(0,1fr);column-gap:8px;row-gap:2px;align-items:center;min-height:40px}
 .flow-ic{margin:0}.flow-ic .ic{margin:0}
 .flow h3{margin:0}
 .flow p{grid-column:1/-1;max-width:none;font-size:0.8125rem;line-height:1.45}
 .flow-trust{margin-top:22px}
 .flow-cta .btn{flex:1 1 200px;text-align:center}
}
/* Startseite: Karte und beliebte Angebote */
.home-map{height:380px}
@media(max-width:700px){.home-map{height:260px}}
@media(max-width:560px){.grid.pop{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
/* Angebotskacheln: Bild, Kennzeichen, Titel, Ort, Preis und Bewertung, Anbieter-Abzeichen */
.tile .t-tags{margin:0 0 6px;display:flex;flex-wrap:wrap;gap:4px}.tile .t-tags .badge{margin:0;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.tile .in h2,.tile .in h3{font-size:1rem;line-height:1.25;margin:0 0 2px}
.tile .t-meta{margin:0 0 6px;color:var(--mute);font-size:0.8125rem}
.tile .t-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 10px}
.tile .t-price{font-size:0.8125rem;color:var(--mute)}.tile .t-now{font-size:1.0625rem;color:var(--text)}.tile .t-price.disc .t-now{color:var(--ok)}
.tile .t-rate{font-size:0.8125rem}.tile .t-star{color:var(--gold-text)}
.tile .t-vendor{margin:8px 0 0}.tile .t-vendor .badge{margin:0}
@media(max-width:560px){
 .tile .in{padding:10px 10px 12px}
 .tile .in h2,.tile .in h3{font-size:0.90625rem}
 .tile .t-now{font-size:0.9375rem}
 .split .grid,.reco-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .reco-grid>div:first-child{grid-column:1/-1}
}
/* Katalog: Filterleiste, aktive Filter, Leerzustand, weitere Angebote */
.loc2-lab{font-size:0.8125rem;color:var(--mute);margin-right:2px}
.loc2-km{align-items:center}.loc2-km .chip{min-height:36px;align-items:center;padding:4px 12px}
.loc2-x{min-width:36px;min-height:36px;font-size:1.25rem;line-height:1}
.fgrid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end}
.fg-lief{padding-bottom:10px}
.f-actions{margin:14px 0 0}
.fchips{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.fchip{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 12px;border:1px solid var(--line);border-radius:99px;background:var(--panel);color:var(--text);font-size:0.8125rem}
.fchip:hover{border-color:var(--gold)}.fchip b{font-weight:600}.fchip.on{border-color:var(--gold);background:var(--panel2);font-weight:600}
.res-empty h2{margin:0 0 6px;font-size:1.25rem}.res-empty p{margin:0 0 10px}
.empty-ways{margin:0 0 14px;padding:0;list-style:none;display:grid;gap:8px}.empty-ways li{padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}
.res-more{margin:16px 0 0;text-align:center}
.grid>.res-anchor{grid-column:1/-1;height:0}
@media(max-width:700px){
 .loc2{gap:8px 10px;margin-bottom:8px;padding-bottom:10px}
 .loc2-in{flex:1 1 100%;min-width:0}
 .loc2 #f-geo{flex:none}
 .loc2-km{flex:1 1 0;min-width:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.loc2-km::-webkit-scrollbar{display:none}
 .loc2-km .chip,.loc2-lab{flex:none}
 .loc2-km .chip{min-height:44px;padding:4px 14px}
 .filters:not(.fopen) .f-actions{display:none}
 .filters{padding:14px}
}
@media(max-width:860px){
 .viewtoggle{position:sticky;top:0;z-index:30;background:var(--bg);padding:8px 0}
 .viewtoggle button{min-height:44px}
}
@supports(height:100dvh){@media(max-width:860px){.split.v-map .mapcol{height:calc(100dvh - 210px)}}}
/* Beratungs-Knopf: auf Startseite und Katalog am Handy nur als Symbol, auf der Startseite erst nach der Suche */
@media(max-width:700px){
 body:has(.hero2) .asst-btn,body:has(.filters) .asst-btn{font-size:0;width:48px;height:48px;padding:0;display:inline-flex;align-items:center;justify-content:center;right:12px}
 body:has(.hero2) .asst-btn::before,body:has(.filters) .asst-btn::before{margin:0;width:22px;height:22px;vertical-align:0}
}
.asst-btn[hidden]{display:none!important}
body.hero-in .asst-btn{display:none!important}
/* Ausweichen (public/assistant.js): nach etwas Scrollen nur das Symbol, beim Weiterlesen und über der Fußzeile zur Seite; Tastatur-Fokus holt den Knopf immer zurück */
.asst-btn{transition:transform .2s ease,opacity .2s ease}
.asst-btn.asst-min{font-size:0;width:48px;height:48px;padding:0;display:inline-flex;align-items:center;justify-content:center}
.asst-btn.asst-min::before{margin:0;width:22px;height:22px;vertical-align:0}
.asst-btn.asst-away{transform:translateX(calc(100% + 24px));opacity:0;pointer-events:none}
.asst-btn.asst-away:focus-visible{transform:none;opacity:1;pointer-events:auto}
@media(prefers-reduced-motion:reduce){.asst-btn{transition:none}}

/* ===== Konto (Mieter): Mietstatus, „Jetzt zu tun“, Buchungsliste, Anmelden ===== */
.kt-head{display:flex;justify-content:space-between;align-items:center;gap:8px 12px;flex-wrap:wrap}.kt-head h2,.kt-head h3{margin:0}
.kt-back{margin:0}.kt-h2{font-size:1.375rem;margin:4px 0 2px}.kt-h2 a{color:var(--text)}
.kt-eyebrow{margin:0 0 2px;font-size:0.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--gold-text)}
.kt-status{border-color:var(--gold)}.kt-now{margin-top:6px}.kt-now>b{font-size:1.0625rem}.kt-now>p{margin:4px 0 0}
.kt-list-h{margin-top:10px}.kt-list-h ul{margin:4px 0 0;padding-left:18px}
.kt-acts{margin-top:12px}.kt-act{border-top:1px solid var(--line);padding:8px 0}.kt-act summary{cursor:pointer;padding:4px 0}.kt-act>p{margin:6px 0}.kt-act form{margin:8px 0 0}
.kt-steps{display:flex;list-style:none;margin:16px 0 14px;padding:0}
.kt-steps li{flex:1 1 0;min-width:0;position:relative;text-align:center;font-size:0.78125rem;line-height:1.25;color:var(--mute);padding:34px 2px 0;hyphens:auto;overflow-wrap:break-word}
.kt-steps li i{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:1;width:26px;height:26px;border-radius:50%;background:var(--panel2);border:2px solid var(--line);display:grid;place-items:center;color:#fff}
.kt-steps li:not(:first-child)::before{content:'';position:absolute;top:12px;right:50%;width:100%;height:2px;background:var(--line)}
.kt-steps li.done i{background:var(--ok);border-color:var(--ok)}.kt-steps li.done::before,.kt-steps li.now::before{background:var(--ok)}
.kt-steps li.now i{background:var(--gold);border-color:var(--gold)}.kt-steps li.now i::after{content:'';width:8px;height:8px;border-radius:50%;background:#111}
.kt-steps li.done,.kt-steps li.now{color:var(--text)}.kt-steps li.now span{font-weight:700}.kt-steps li i .ic{width:14px;height:14px}
.kt-todo{border-color:var(--gold)}.kt-todo h2{margin:0 0 10px}.kt-todo ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.kt-todo li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--line);border-left:4px solid var(--line);border-radius:10px;background:var(--panel2)}
.kt-todo li.bad{border-left-color:var(--bad)}.kt-todo li.warn{border-left-color:var(--warn)}.kt-todo li.ok{border-left-color:var(--ok)}
.kt-todo li>span{min-width:0}.kt-todo li b{display:block}.kt-todo li small{display:block;color:var(--mute);font-size:0.8125rem;margin-top:2px}.kt-todo li .btn{flex:none}
.kt-list{list-style:none;margin:0;padding:0}.kt-list li+li{border-top:1px solid var(--line)}
.kt-list a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 4px;min-height:56px;color:var(--text)}.kt-list a:hover{background:var(--panel2);filter:none}
.kt-li-main{min-width:0;display:grid;gap:2px}.kt-li-main small{color:var(--mute);font-size:0.8125rem}.kt-li-side{display:grid;justify-items:end;gap:4px;flex:none;text-align:right}.kt-li-side .badge{margin:0}
.kt-chips{display:flex;flex-wrap:wrap;gap:8px}.kt-chips .badge{padding:8px 14px;font-size:0.875rem;margin:0}
.kt-cols,.kt-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.kt-cols>:only-child{grid-column:1/-1}
.kt-facts th{width:36%;font-weight:500;color:var(--mute)}
.kt-plain{list-style:none;margin:0;padding:0;display:grid;gap:6px}.kt-ul,.kt-ol{margin:6px 0 0;padding-left:20px;display:grid;gap:4px}
.kt-quote{border-left:3px solid var(--warn);padding-left:12px;margin:10px 0}.kt-btns{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}
.kt-rate{border:0;margin:12px 0 0;padding:0;min-width:0}.kt-rate legend{font-size:0.8125rem;color:var(--mute);padding:0 0 4px}
.kt-danger h2{color:var(--bad)}
.kt-how{list-style:none;counter-reset:kt;margin:10px 0 14px;padding:0;display:grid;gap:10px}
.kt-how li{counter-increment:kt;display:grid;grid-template-columns:32px 1fr;column-gap:12px;align-items:start}
.kt-how li::before{content:counter(kt);grid-row:span 2;width:28px;height:28px;border-radius:50%;background:var(--gold);color:#111;font-weight:700;display:grid;place-items:center}
.kt-how li b,.kt-how li span{grid-column:2}.kt-how li span{color:var(--mute);font-size:0.875rem}
.kt-first h2{margin-top:0}
.kt-links{margin:0;text-align:center}.kt-links a{display:inline-block;padding:12px 8px}
.kt-alt{margin:18px 0 0;display:flex;flex-wrap:wrap;gap:8px 12px;justify-content:center;align-items:center;color:var(--mute)}
@media(max-width:760px){.kt-cols,.kt-grid{grid-template-columns:1fr}}
@media(max-width:700px){
 .subnav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}.subnav::-webkit-scrollbar{display:none}
 .subnav a{flex:none;min-height:44px;display:inline-flex;align-items:center}
 .kt-steps li{font-size:0.71875rem;padding-left:0;padding-right:0}
 .kt-todo li{flex-direction:column;align-items:stretch}.kt-todo li .btn{text-align:center;min-height:44px;display:flex;align-items:center;justify-content:center}
 .kt-act summary{min-height:44px;display:flex;align-items:center}
}

/* Buchungsstrecke: Formular, Zahlung, Bestätigung; Produktseite unterhalb der Kaufspalte */
table.sum{margin:6px 0 0}.sum td{padding:8px 4px;border-bottom:1px solid var(--line)}.sum td.r{text-align:right;white-space:nowrap}
.sum tr.tot td{border-top:2px solid var(--gold);border-bottom:0;padding-top:12px;font-size:1.0625rem}.sum tr.tot td.r{color:var(--gold-text,var(--gold))}
table.kv th{width:1%;white-space:nowrap;padding-right:16px}table.kv td{overflow-wrap:anywhere}
.todo{margin:8px 0 0;padding-left:22px;display:grid;gap:8px}.todo li::marker{color:var(--gold-text,var(--gold));font-weight:700}
.bk-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:var(--panel);border:1px solid var(--line);border-radius:16px}
.bk-sum{display:flex;flex-direction:column;line-height:1.2}.bk-sum b{font-size:1.25rem;color:var(--gold-text,var(--gold))}.bk-bar .btn{padding:12px 22px;font-size:0.9375rem}
.crumbs a{display:inline-block}
@media(max-width:760px){
 .steps{gap:6px}.steps li>*{padding:8px 2px;font-size:0.75rem}.steps small{font-size:0.59375rem}
 .bk-bar{position:sticky;bottom:0;z-index:30;margin:0 -16px;border-radius:0;border-width:1px 0 0;padding:10px 16px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -4px 16px rgba(0,0,0,.12)}
 .bk-bar .btn{flex:1;min-height:48px}body:has(.bk-bar) .asst-btn{bottom:84px}
 label.agree{min-height:44px;padding:8px 0}label.agree input{width:24px;height:24px}
 .crumbs a{padding:12px 6px 12px 0}.buylink a{display:inline-block;padding:12px 4px}
 .strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:8px;margin-right:-16px;padding-right:16px}.strip>*{flex:0 0 78%;min-width:0;scroll-snap-align:start}
}
/* Passwortfelder mit „Anzeigen“-Knopf (public/app.js) */
.pw-wrap{position:relative;display:block}.pw-wrap input{padding-right:96px}
.pw-toggle{position:absolute;right:2px;top:1px;bottom:1px;min-width:44px;padding:0 12px;border:0;border-radius:8px;background:none;color:var(--gold-text,var(--gold));font:inherit;font-size:0.8125rem;cursor:pointer}
.pw-toggle:hover{text-decoration:underline}
/* Fahrer-Bereich: Ergänzungen (Karte ohne Kartenbild, Fahrzeug-Zeile in der Auftragskarte) */
.rmap.rm-nomap::after{content:"Kartenbild nicht verfügbar. Die Punkte sind trotzdem markiert.";position:absolute;left:8px;right:56px;top:8px;z-index:1;padding:6px 10px;border-radius:8px;background:var(--panel);color:var(--mute);border:1px solid var(--line);font-size:0.75rem;pointer-events:none}
.dr-veh1{flex:1;align-self:center}
/* Fahrer: Hinweis auf neue Aufträge und Testmodus */
.dr-toast{position:fixed;left:50%;bottom:86px;transform:translateX(-50%);z-index:90;display:flex;align-items:center;gap:12px;flex-wrap:wrap;max-width:min(680px,calc(100vw - 24px));background:#16202f;color:#fff;border-radius:14px;padding:12px 14px;box-shadow:0 8px 28px #0006;font-size:.875rem}
.dr-toast[hidden]{display:none}.dr-toast b{color:#f5c518}.dr-toast span{flex:1;min-width:180px}.dr-toast a.btn{color:#16202f}.dr-toast-x{background:none;border:0;color:#fff;font-size:1.25rem;line-height:1;cursor:pointer;padding:4px 8px}
@media(min-width:761px){.dr-toast{bottom:24px}}
.dr-demo{border-style:dashed}.dr-demo .checks{display:flex;gap:8px;flex-wrap:wrap}

/* ===== Fahrer-Aufträge: Liste, Karten, Vorschau (nur Farb-Variablen; der Dunkelmodus entsteht daraus) ===== */
.dr-filters{display:grid;gap:8px}
.dr-frow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.dr-flabel{min-width:52px;font-size:0.8125rem;color:var(--mute)}
.dr-chip{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:99px;background:var(--panel);color:var(--text);font-size:0.875rem;line-height:1.2;text-decoration:none}
.dr-chip:hover{border-color:var(--gold);text-decoration:none;filter:none}
.dr-chip.on{border-color:var(--gold);background:var(--panel2);font-weight:700;box-shadow:inset 0 0 0 1px var(--gold)}
.dr-chip:focus-visible{outline:2px solid var(--gold-text,var(--gold));outline-offset:2px}
.dr-chip .n{color:var(--mute);font-weight:400;font-size:0.75rem}.dr-chip .ic{color:var(--ok)}
.dr-active,.dr-total{margin:0}.dr-total{font-size:1rem}.dr-active a,.dr-stand a{display:inline-block;padding:12px 6px}
.dr-head{align-items:baseline}
.dr-cards{grid-template-columns:1fr}
@media(min-width:760px){.dr-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1280px){.dr-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
.dr-card{margin:0;display:flex;flex-direction:column;gap:12px;min-width:0}
.dr-card-main{display:flex;gap:12px;align-items:flex-start}.dr-card-txt{min-width:0;flex:1}
.dr-ctop{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.dr-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.dr-num{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--gold);color:#111;font-weight:800;font-size:0.8125rem;flex:none}
.dr-card-txt h3{margin:6px 0 2px;font-size:1rem;overflow-wrap:anywhere}.dr-card-txt h3 a{color:var(--text)}.dr-card-txt h3 a:hover{text-decoration:underline;filter:none}
.dr-fee-box{text-align:right;flex:none}.dr-fee-box b{display:block;font-size:1.25rem;line-height:1.15}.dr-fee-box span{display:block;font-size:0.75rem;color:var(--mute);white-space:nowrap}
.dr-photo{display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border-radius:12px;background:var(--panel2);color:var(--mute);flex:none}
.dr-photo{position:relative}.dr-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.dr-photo.none small{font-size:0.75rem;margin-top:4px}
.dr-photo.sm{width:84px;height:84px}.dr-photo.lg{width:200px;max-width:100%;aspect-ratio:4/3}
@media(max-width:420px){.dr-photo.sm{width:68px;height:68px}}
.dr-meta{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:0.8125rem;color:var(--mute)}.dr-meta li{display:flex;gap:8px;align-items:flex-start}.dr-meta .ic{flex:none;margin-top:1px}
.dr-fit{display:flex;gap:8px;align-items:flex-start;margin:0}.dr-fit .ic{flex:none;margin-top:1px}.dr-fit.ok,.dr-meta li.dr-fit.ok{color:var(--ok)}.dr-fit.no,.dr-meta li.dr-fit.no{color:var(--warn)}
.dr-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:stretch;margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}
.dr-actions .btn{min-height:44px;flex:1 1 140px}.dr-actions .dr-accept{margin:0;flex:1 1 140px;display:flex;gap:8px;flex-wrap:nowrap}.dr-actions .dr-accept .btn{flex:1 1 auto}.dr-actions .dr-accept select{flex:1 1 0;min-width:0}
@media(max-width:700px){.dr-actions{flex-direction:column}.dr-actions>.btn,.dr-actions>.dr-accept{flex:none;width:100%}.dr-actions .dr-accept{flex-wrap:wrap}.dr-actions .dr-accept select{flex:1 1 100%}.dr-actions .dr-accept .btn{flex:1 1 100%}}
.dr-mapbox>summary{cursor:pointer;min-height:44px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px}.dr-mapbox[open]>summary{margin-bottom:10px}
.dr-empty h2{margin-bottom:6px}.dr-ways{display:flex;gap:8px;flex-wrap:wrap;margin:0}.dr-ways .btn{min-height:44px;display:inline-flex;align-items:center}
/* Vorschau eines offenen Auftrags */
.dr-back{margin:0}.dr-back a{display:inline-flex;align-items:center;min-height:44px}
.dr-titlerow{align-items:center;gap:10px}.dr-titlerow h1{margin:0}.dr-tags{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.dr-lead{margin:-6px 0 0}.dr-jump{display:none;margin:0}
@media(min-width:701px) and (max-width:900px){.dr-jump{display:block}.dr-jump .btn{min-height:44px;display:inline-flex;align-items:center}} /* am Handy übernimmt die mitlaufende Leiste */
.dr-factbox{display:grid;gap:8px}.dr-note{margin:0}
.dr-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}
@media(max-width:700px){.dr-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
.dr-fact{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px 14px;min-width:0}
.dr-fact dt{font-size:0.75rem;color:var(--mute);margin:0 0 2px}.dr-fact dd{margin:0;font-size:1.125rem;font-weight:700;line-height:1.25;overflow-wrap:anywhere}
.dr-fact dd.sub{font-size:0.75rem;font-weight:400;color:var(--mute);margin-top:2px}.dr-fact.main{border-color:var(--gold)}.dr-fact.main dd{font-size:1.5rem}
.dr-steps2{list-style:none;margin:0;padding:0;counter-reset:st;display:grid;gap:14px}
.dr-steps2 li{counter-increment:st;position:relative;padding-left:40px;min-height:28px}
.dr-steps2 li::before{content:counter(st);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;background:var(--gold);color:#111;font-weight:800;display:flex;align-items:center;justify-content:center}
.dr-when{display:block;font-size:0.8125rem;color:var(--mute);margin-top:2px}
.dr-dev{display:flex;gap:14px;align-items:flex-start}.dr-dev-txt{min-width:0;flex:1}.dr-dev-title{margin:0}
@media(max-width:520px){.dr-dev{flex-direction:column}.dr-photo.lg{width:100%}}
.dr-specs{margin:0;display:grid;gap:0}.dr-specs div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:6px 0}.dr-specs dt{color:var(--mute);font-size:0.8125rem}.dr-specs dd{margin:0;font-weight:600;text-align:right}
.dr-vlist{margin:6px 0 0;padding-left:20px}
#annehmen,#fahrzeug{scroll-margin-top:120px}
.dr-accept-card h2{margin-bottom:6px}.dr-accept.big{display:grid;gap:10px;margin:0}.dr-accept.big select{width:100%}.dr-accept.big .dr-veh1{margin:0}
.dr-after{margin:12px 0 0;padding-left:18px;display:grid;gap:4px}
@media(min-width:901px){.dr-side{position:sticky;top:176px}}
.dr-mini{display:block;color:inherit;margin:0}.dr-mini:hover{border-color:var(--gold);filter:none;text-decoration:none}.dr-mini .dr-badges{justify-content:space-between;width:100%}.dr-mini-t{margin:6px 0 2px}.dr-why{margin:6px 0 0;font-weight:600}
.dr-combo>h2{margin-bottom:6px}
.dr-sticky{display:none}
@media(max-width:700px){
 .dr-sticky{display:flex;align-items:center;justify-content:space-between;gap:12px;position:fixed;left:0;right:0;bottom:calc(64px + env(safe-area-inset-bottom));z-index:70;padding:10px 16px;background:var(--panel);border-top:1px solid var(--line);box-shadow:0 -4px 16px #0002}
 .dr-sticky-info b{display:block;font-size:1.25rem;line-height:1.1}.dr-sticky .btn{min-height:46px;padding:0 20px}
 .dr-preview{padding-bottom:76px}
}

/* Meine Aufträge, Erledigt und Arbeitsseite */
.dr-sec{display:grid;gap:10px}.dr-sec>h2{margin:8px 0 0}.dr-sec h2 .n{color:var(--mute);font-weight:400;font-size:0.875rem}
.dr-mine.live{border-left:4px solid var(--gold)}.dr-nextline{margin:0}.dr-when-li b{color:var(--text)}
.dr-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0}.dr-nav .btn{min-height:44px;display:inline-flex;align-items:center;gap:6px}
.dr-actions .dr-start{margin:0;flex:1 1 140px;display:flex}.dr-actions .dr-start .btn{flex:1}
@media(max-width:700px){.dr-actions>.dr-start{flex:none;width:100%}}
.dr-when-big{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:-4px 0 0;font-size:1.0625rem}.dr-when-big .ic{color:var(--gold-text,var(--gold))}.dr-time{background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:2px 10px;font-weight:700}
.dr-contact{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:6px 0}.dr-cname{font-weight:600}.dr-call{display:inline-flex;align-items:center;gap:6px;min-height:44px}.dr-release{min-height:44px}
.dr-done.card{list-style:none;margin:0;padding:6px 14px}.dr-done li+li{border-top:1px solid var(--line)}
.dr-done-row{display:grid;grid-template-columns:96px minmax(0,1fr) auto auto;gap:6px 14px;align-items:center;padding:14px 4px;min-height:44px;color:var(--text);text-decoration:none}.dr-done-row:hover{background:var(--panel2);filter:none;text-decoration:none}
.dr-done-main{display:grid;gap:2px;min-width:0}.dr-done-main b{overflow-wrap:anywhere}.dr-done-fee{font-weight:800;white-space:nowrap}
@media(max-width:700px){.dr-done-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"day fee" "main main" "badge badge";padding:12px 2px}.dr-done-day{grid-area:day;font-size:0.8125rem;color:var(--mute)}.dr-done-main{grid-area:main}.dr-done-fee{grid-area:fee}.dr-done-row .badge-x{grid-area:badge;justify-self:start}}
/* Tippflächen im Fahrer-Cockpit mindestens 44 px */
.dr-stop .btn{min-height:44px;display:inline-flex;align-items:center;gap:6px}
.dr-toast-x{min-width:44px;min-height:44px}
/* Filterzeilen am Handy: eine Zeile zum seitlichen Wischen statt vieler Zeilen; Kennzeichen bricht nicht um */
@media(max-width:700px){.dr-frow{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:-4px -16px;padding:4px 16px}.dr-frow::-webkit-scrollbar{display:none}.dr-flabel,.dr-chip{flex:none}}
.dr-plate{white-space:nowrap}
.dr-nav .small{flex:0 0 100%}.dr-nav .btn{flex:1 1 140px;justify-content:center}

/* Betreiber-Bereich als eigenes Programm: Kennzeichen im Kopf */
.adm-tag{display:inline-block;margin-left:10px;padding:2px 9px;border:1px solid var(--line);border-radius:99px;color:var(--mute);font-size:0.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}

/* ===== Fahrer: Fahrerkarte, Codes, Fotos, Bewertungen, Live-Ansicht, Fahrtenbuch (Präfix dx-, nur Farb-Variablen; der Dunkelmodus entsteht daraus) ===== */
/* Fahrerkarte */
.dx-card{display:flex;gap:12px;align-items:center;padding:12px;margin:10px 0 0;border:1px solid var(--line);border-radius:14px;background:var(--panel2)}
.dx-avatar{flex:none;width:48px;height:48px;border-radius:50%;background:var(--gold);color:#111;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
.dx-card-txt{min-width:0;flex:1}.dx-card-txt p{margin:0}.dx-name{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:1.0625rem}
.dx-veh{margin-top:2px!important;overflow-wrap:anywhere}.dx-plate{display:inline-block;padding:1px 8px;border:1px solid var(--line);border-radius:6px;background:var(--panel);letter-spacing:.06em;white-space:nowrap}
.dx-sub{margin-top:2px!important}.dx-note{margin:6px 0 0}
.dx-rate{display:inline-flex;align-items:center;gap:4px}.dx-rate .dx-star{color:var(--gold-text);display:inline-flex}.dx-rate .dx-star .ic{fill:currentColor}
.dx-stars-row{display:inline-flex;gap:2px;vertical-align:middle}.dx-stars-row .dx-star .ic{fill:none;color:var(--line)}.dx-stars-row .dx-star.on .ic{fill:currentColor;color:var(--gold-text)}
.dx-tagrow{display:inline-flex;flex-wrap:wrap;gap:4px;vertical-align:middle}
/* Code für die Person an der Station */
.dx-code{margin:10px 0 0;padding:12px 14px;border:2px solid var(--gold);border-radius:14px;background:var(--panel)}
.dx-code-h{margin:0 0 2px}.dx-code-n{margin:2px 0 8px;font-size:2.25rem;font-weight:800;letter-spacing:.3em;font-variant-numeric:tabular-nums;line-height:1.15}
.dx-code-mini{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700;letter-spacing:.12em}.dx-code-done{margin:8px 0 0}.dx-admin-codes{margin:6px 0 0}
/* Fotos vom Fahrer */
.dx-photos{margin:10px 0 0}.dx-photos-h{margin:0 0 4px;font-weight:700}.dx-ph-group{margin:6px 0}.dx-ph-h{margin:0 0 4px}
.dx-ph-row{display:flex;gap:8px;flex-wrap:wrap}.dx-ph-row img{display:block;width:96px;height:72px;object-fit:cover;border-radius:8px;border:1px solid var(--line);background:var(--panel2)}
.dx-ph{margin:0;display:flex;flex-direction:column;gap:6px;align-items:flex-start}.dx-ph .btn{min-height:44px}
.dx-privacy{margin:0 0 6px}.dx-upload{margin-top:10px}
/* Schritt „Ware abgeholt“ / „Übergabe abschließen“: Code, Schaden, Ohne Code */
.dx-step{margin:0 0 12px}
input.dx-code-in:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]){font-size:1.5rem;letter-spacing:.3em;text-align:center;font-variant-numeric:tabular-nums;min-height:52px}
.dx-err{margin:8px 0 0;color:var(--bad);font-weight:600}.dx-demo{margin:8px 0 0;padding:8px 10px;border:1px dashed var(--line);border-radius:10px}
.dx-damage,.dx-skip{margin:12px 0 0}.dx-damage>summary,.dx-skip>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:600}
.dx-flags{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px;font-size:0.8125rem}
.dx-check{padding:12px 0;border-top:1px solid var(--line)}.dx-check:first-of-type{border-top:0}
/* Bewertung abgeben und lesen */
.dx-review{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--line)}.dx-ratecard .dx-review{margin:0;padding:0;border:0}
.dx-review-h{margin:0 0 4px}.dx-rate-set{border:0;padding:0;margin:0 0 10px;min-width:0}.dx-rate-set legend{padding:0;margin:0 0 6px;font-size:0.8125rem;color:var(--mute)}
.dx-stars-in{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.dx-stars-in label.opt{justify-content:center;padding:10px 6px;min-height:48px;font-weight:700}
.dx-tags{display:flex;flex-wrap:wrap;gap:4px 14px}.dx-rv-text{margin:4px 0 0;overflow-wrap:anywhere}.dx-rv-line{margin:0}
.dx-mine-line{margin:0}
.dx-sum{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.dx-avg b{display:block;font-size:2.25rem;line-height:1}
.dx-dist{flex:1;min-width:220px;display:grid;gap:4px}.dx-dist-row{display:grid;grid-template-columns:64px minmax(0,1fr) 28px;gap:8px;align-items:center;font-size:0.8125rem}
.dx-bar{display:block;height:8px;border-radius:99px;background:var(--panel2);overflow:hidden}.dx-bar i{display:block;height:100%;background:var(--gold)}.dx-dist-n{text-align:right;color:var(--mute)}
.dx-h3{margin:16px 0 6px;font-size:1rem}.dx-rv-list{list-style:none;margin:0;padding:0}.dx-rv-list li{padding:10px 0;border-top:1px solid var(--line)}.dx-hidden-row td{opacity:.6}
/* Vermieter: Fahrer-Aufträge als aufklappbare Karten */
.dx-jobs{display:grid;gap:10px}.dx-job{border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.dx-job>summary{display:grid;grid-template-columns:96px minmax(0,1.6fr) auto minmax(0,1.2fr) auto;gap:6px 14px;align-items:center;padding:12px 14px;cursor:pointer;min-height:44px}
.dx-job>summary:focus-visible{outline:2px solid var(--gold-text,var(--gold));outline-offset:2px;border-radius:14px}.dx-job[open]>summary{border-bottom:1px solid var(--line)}
.dx-job-day,.dx-job-main{display:flex;flex-direction:column;min-width:0}.dx-job-main{overflow-wrap:anywhere}.dx-job-day small,.dx-job-main small{display:block}
.dx-job-who{min-width:0;overflow-wrap:anywhere}.dx-job-fee{font-weight:800;text-align:right;white-space:nowrap}.dx-job-body{padding:8px 14px 14px}
@media(max-width:760px){.dx-job>summary{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"day fee" "main main" "state who"}.dx-job-day{grid-area:day}.dx-job-fee{grid-area:fee}.dx-job-main{grid-area:main}.dx-job-state{grid-area:state}.dx-job-who{grid-area:who;text-align:right}}
@media(max-width:520px){.dx-card{align-items:flex-start}.dx-avatar{width:40px;height:40px}.dx-code-n{font-size:1.875rem}.dx-dist-row{grid-template-columns:56px minmax(0,1fr) 24px}}
@media(max-width:480px){.adm-mode .logo .lg-t{display:none}.adm-mode .adm-tag{margin-left:10px}}

/* ===== Produktseite: Kalender (Mietzeitraum) ===== */
/* Zustände der Tage: Zellen im Kalender und Muster in der Legende teilen sich dieselben Regeln, damit beide nie auseinanderlaufen (Prüfung in test/produktseite.test.js).
   Der Unterschied liegt nie nur in der Farbe: frei = heller Kasten mit Rand, Ruhetag/Feiertag = gestrichelter Rand ohne Füllung,
   ausgebucht = Schraffur und durchgestrichen, vergangen = blass ohne Rand, Auswahl = Gold. Nur Variablen, damit der Dunkelmodus mitzieht. */
.cal .legend{margin:8px 0 0;padding-top:8px;border-top:1px solid var(--line)}
#calendar .d.free,.legend .lg-free{background:var(--panel);border-color:var(--line)}
#calendar .d.closed,.legend .lg-closed{background:transparent;border:1px dashed var(--mute);color:var(--mute);cursor:not-allowed}
#calendar .d.booked,.legend .lg-booked{color:var(--bad);text-decoration:line-through;border-color:transparent;background:transparent repeating-linear-gradient(135deg,color-mix(in srgb,var(--bad) 24%,transparent) 0 2px,transparent 2px 6px)}
#calendar .d.past{color:var(--mute);opacity:.45;cursor:default}
#calendar .d.buffer,.legend .lg-buffer{color:var(--mute);border:1px dotted var(--warn);background:transparent repeating-linear-gradient(135deg,color-mix(in srgb,var(--warn) 22%,transparent) 0 2px,transparent 2px 6px);cursor:not-allowed}
#calendar .d.free.we{background:var(--panel2);background:color-mix(in srgb,var(--line) 70%,var(--panel))}
#calendar .dg .d.range{background:#f7e08c;background:color-mix(in srgb,var(--gold) 28%,var(--panel));border-color:color-mix(in srgb,var(--gold) 55%,transparent)}
#calendar .dg .d.sel,.legend .lg-sel{background:var(--gold);border-color:var(--gold-text);font-weight:700}
.legend .lg-sel{color:#111}
/* Vorschau beim Überfahren (nach dem Mietbeginn): Tage bis dahin hell hinterlegt, ungeeignete Zeiträume rötlich */
#calendar .dg .d.pre{background-color:color-mix(in srgb,var(--gold) 14%,var(--panel));border:1px dashed var(--gold-text)}
#calendar .dg .d.pre-end{outline:2px solid var(--gold-text);outline-offset:-2px;font-weight:700}
#calendar .dg .d.pre-bad{background-color:color-mix(in srgb,var(--bad) 12%,var(--panel));border-color:var(--bad)}
#calendar .dg .d.pre-end.pre-bad{outline-color:var(--bad)}
@media(hover:hover){#calendar .d:not(:disabled):not(.closed):not(.blank):hover{box-shadow:inset 0 0 0 2px var(--gold-text)}}
#calendar .d:focus-visible{outline:2px solid var(--text);outline-offset:2px;position:relative;z-index:1}
#calendar .mh button[aria-disabled="true"]{opacity:.4;cursor:default}#calendar .mh button[aria-disabled="true"]:hover{border-color:var(--line)}
/* Zeile unter dem Kalender: Mietbeginn, Vorschau, „Auswahl zurücksetzen“ */
.q-pick{flex-wrap:wrap}
.q-reset{margin-left:auto;padding:2px 0;font-size:0.8125rem;text-decoration:underline;text-underline-offset:2px;white-space:nowrap}
.q-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:0 12px}
.q-sub{align-items:center;margin-top:2px}.q-prev{flex:1;min-width:0;min-height:1.5em;color:var(--mute)}.q-prev.bad{color:var(--bad)}
/* Desktop: größere Tage (mindestens 36 px hoch), gut lesbare Monatszeile */
@media(min-width:1024px){
 #calendar{min-height:260px}
 #calendar .months{gap:24px}
 #calendar .mh{min-height:36px;margin-bottom:4px;font-size:1rem}
 #calendar .dg .h{font-size:0.75rem;font-weight:600;line-height:22px}
 #calendar .d{aspect-ratio:auto;height:36px;border-radius:8px;font-size:0.9375rem}
}

/* ===== Produktseite: Kaufspalte ===== */
/* Diese Abstände standen früher als style="…" im HTML; als Klassen kann der Desktop sie umstellen. Handy und Tablet bleiben genau wie vorher. */
.pd-tags{margin:0 0 6px}.pd-tiers{margin:2px 0 0}.pd-disc{margin:-6px 0 8px}
#mietzeitraum{margin-top:16px}.mz-step{margin:-6px 0 8px}#mietzeitraum .trust+.trust{margin-top:4px}
/* Desktop (ab 1024 px): Die Kaufspalte ist eine Flex-Spalte, in der die Karte „Mietzeitraum“ vor den Kernfakten steht, damit der Kalender höher im Bild liegt.
   Die Reihenfolge im HTML (= Reihenfolge am Handy, dort gilt „order: 3“ für alle Teile der Spalte) bleibt unverändert, hier ändert nur „order“.
   In einer Flex-Spalte fallen Abstände nicht zusammen, deshalb stehen sie unten einzeln. Die Zusatzversicherung bleibt direkt unter dem Preis. */
@media(min-width:1024px){
 .detail{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
 .pdbox{display:flex;flex-direction:column}
 .pdbox>*{margin:0}
 .pdbox>.pd-meta{margin:0 0 2px}
 .pdbox>h1{line-height:1.25}
 .pdbox>.pd-brand{margin:2px 0 0}
 .pdbox>.pd-tags{margin:6px 0 0}
 .pdbox>.price-row{margin:8px 0 0}.pdbox .price-row .price{margin:0}
 .pdbox>.pd-tiers{margin:2px 0 0}
 .pdbox>.pd-disc{margin:2px 0 0}
 .pdbox>.pd-fav{margin:10px 0 0}
 .pdbox>.insbox{margin:12px 0 0}
 .pdbox>.ins-more{margin:2px 0 0}
 .pdbox>#mietzeitraum{order:3;margin:14px 0 0;padding:16px 18px}
 .pdbox>.keyfacts{order:4;margin:14px 0 0}.keyfacts .kf-storno{display:none}
 .pdbox>.buylink{order:5;margin:12px 0 0}
 #mietzeitraum .mz-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:0 12px}
 #mietzeitraum h2{margin:0;line-height:1.3}#mietzeitraum .mz-step{margin:0}
 #mietzeitraum #calhint{margin:6px 0 0}
 #mietzeitraum .cal{margin:10px 0 0;padding:10px 12px}
 #mietzeitraum #calmsg{margin:8px 0 0}#mietzeitraum #calmsg:empty{margin:0}
 #mietzeitraum .quote{margin:8px 0 0}
 #mietzeitraum #check{margin:10px 0 0}
 #mietzeitraum .trust{margin:8px 0 0}
}

/* ===== Produktseite: feste Kaufleiste auch am Desktop ===== */
/* Ab 901 px (darunter gilt die Handy-Leiste weiter oben in dieser Datei): Preis, Zeitraum und Knopf, sobald die Karte „Mietzeitraum“ aus dem Bild ist.
   Sichtbar wird sie erst durch die Klasse „sb-on“ am Seitenanfang, die public/app.js setzt; ohne Skript bleibt sie weg. Der Beratungs-Knopf sitzt dann über der Leiste, sonst wieder unten am Rand. */
.sb-name,.stickybar .sb-dates{display:none}
@media(min-width:901px){
 .stickybar{display:flex;align-items:center;gap:16px;position:fixed;left:0;right:0;bottom:0;z-index:40;padding:10px max(16px,calc((100% - 1088px)/2));background:var(--panel);border-top:1px solid var(--line);box-shadow:0 -4px 16px rgba(0,0,0,.12);transform:translateY(110%);visibility:hidden;transition-property:transform,visibility;transition-duration:.2s}
 body.sb-on .stickybar{transform:none;visibility:visible}
 .stickybar .sb-name{display:block;flex:1;min-width:0;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .stickybar #sb-price{white-space:nowrap}.stickybar #sb-price b{font-size:1.125rem}.stickybar .sb-dates{display:inline}
 .stickybar .btn{flex:none}
 body:has(.stickybar){padding-bottom:64px}
 body:has(.stickybar) .asst-btn{bottom:16px}
 body.sb-on .asst-btn{bottom:84px}
}
@media(prefers-reduced-motion:reduce){.stickybar{transition:none}}

/* Produktseite, Tablet (761 bis 1023 px): Die Kaufspalte ist nur etwa 350 px breit, zwei Monate ergäben winzige Tage (16 bis 25 px). Wie am Handy: ein Monat mit größeren Tagen;
   der zweite Monat ist ausgeblendet, public/app.js holt ihn bei Tastatur-Navigation bei Bedarf nach vorn. */
@media(min-width:761px) and (max-width:1023px){
 #calendar .months{grid-template-columns:1fr}
 #calendar .months .m2{display:none}
 #calendar .nav-m{visibility:visible}
 #calendar .mh{min-height:40px}
 #calendar .mh button{min-width:40px;min-height:40px}
 #calendar .dg{gap:4px}
 #calendar .d{aspect-ratio:auto;height:40px;border-radius:8px;font-size:0.9375rem}
}

/* ===== Fahrt ansehen (Live-Vollseite und Nachlese, lib/driver-trip.js): Kopf, Kennzahlen, Karte, Ablauf, Fahrerkarte ===== */
.dx-live{gap:16px}.dx-back{margin:0}
.dx-titlerow{align-items:flex-start;gap:12px}.dx-titlerow h1{margin:0}.dx-titlerow .dx-sub{margin:4px 0 0}
.dx-jobtabs{display:flex;gap:8px;flex-wrap:wrap}
.dx-jobtabs a{display:flex;flex-direction:column;gap:2px;padding:8px 16px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);text-decoration:none;font-weight:700}
.dx-jobtabs a small{font-weight:500;color:var(--mute)}
.dx-jobtabs a:hover{border-color:var(--gold-text)}
.dx-jobtabs a.on{border-color:var(--gold-text);box-shadow:inset 0 0 0 1px var(--gold-text)}
.dx-live-head{display:grid;gap:12px}
.dx-headline{margin:0;font-size:1.25rem;font-weight:700;line-height:1.35}
.dx-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:0;padding:0}
.dx-fact{display:flex;flex-direction:column;gap:2px;margin:0;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}
.dx-fact-l{margin:0;font-size:0.75rem;font-weight:600;color:var(--mute)}
.dx-fact-v{margin:0;font-size:1.25rem;font-weight:800;line-height:1.3;overflow-wrap:anywhere}
.dx-fact-s{font-size:0.75rem;color:var(--mute)}.dx-fact-s:empty{display:none}
.dx-live:not([data-mode="run"]) .live-only{display:none}
.dx-next{margin:0}.dx-net{margin:0;color:var(--warn)}.dx-net:empty{display:none}
.dx-live-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px;align-items:start}
.dx-live-grid>.stack{gap:16px}
.dx-live .dx-map{height:clamp(320px,55vh,520px)}
.dx-nofix{margin:8px 0 0;color:var(--warn);font-weight:600}.dx-nofix:empty{display:none}
.dx-tl{list-style:none;margin:0;padding:0}
.dx-tl li{position:relative;display:flex;gap:12px;padding:0 0 16px;color:var(--text)}
.dx-tl li:last-child{padding-bottom:0}
.dx-tl li::before{content:"";position:absolute;left:7px;top:18px;bottom:0;width:2px;background:var(--line)}
.dx-tl li:last-child::before{display:none}
.dx-tl li.done::before{background:var(--ok)}
.dx-tl-dot{flex:none;width:16px;height:16px;margin-top:2px;border-radius:50%;border:2px solid var(--line);background:var(--panel);position:relative;z-index:1}
.dx-tl li.done .dx-tl-dot{background:var(--ok);border-color:var(--ok)}
.dx-tl li.now .dx-tl-dot{background:var(--gold);border-color:var(--gold-text);box-shadow:0 0 0 4px color-mix(in srgb,var(--gold) 30%,transparent)}
.dx-tl li.todo{color:var(--mute)}
.dx-tl-txt{display:flex;flex-direction:column;min-width:0}.dx-tl-txt small{color:var(--mute);font-size:0.8125rem}
.dx-priv{margin:0}
@media(max-width:900px){.dx-live-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:520px){.dx-headline{font-size:1.125rem}.dx-fact-v{font-size:1.125rem}}

/* ===== Fahrtenbuch (Monatsübersicht, lib/driver-book.js) ===== */
.dx-book-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0}
.dx-book-nav select{width:auto;min-width:11em;max-width:100%}
.dx-book-sum{grid-template-columns:repeat(4,minmax(0,1fr))}
.dx-book table .num{text-align:right;white-space:nowrap}.dx-book table td{vertical-align:top}
.dx-print-only{display:none}
@media(max-width:700px){.dx-book-sum{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media print{
 .ck-top,.mnav,.ck-foot,.dr-toast,.no-print,.stickybar,.asst-btn,.skip{display:none!important}
 .dx-print-only{display:block;margin:0 0 8px}
 body,body.cockpit{background:#fff!important;color:#000}
 .dx-book .card{border:0;box-shadow:none;padding:0}
 .dx-book table{font-size:0.75rem}.dx-book-sum{grid-template-columns:repeat(4,minmax(0,1fr))}
}
/* Gesponsertes Produkt: eigener Platz über den Ergebnissen, Goldrahmen, Band auf dem Bild */
.tile{position:relative}.tile.sp{border:2px solid #d4a300}.tile.sp:hover{border-color:#8a6a00}
.sp-ribbon{position:absolute;top:10px;left:10px;z-index:2;background:#e0ac00;color:#111;font-size:0.75rem;font-weight:700;padding:3px 10px;border-radius:99px;letter-spacing:.02em}
.sp-strip{margin:0 0 18px}.sp-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0 0 8px;font-size:0.8125rem;color:var(--mute)}.sp-head b{color:var(--warn);text-transform:uppercase;letter-spacing:.06em;font-size:0.75rem}
.tile.wide{display:grid;grid-template-columns:minmax(200px,36%) 1fr}.tile.wide .ph{aspect-ratio:auto;height:100%;min-height:190px}.tile.wide .in{padding:18px 22px;display:flex;flex-direction:column;justify-content:center}.tile.wide .in h2,.tile.wide .in h3{font-size:1.25rem}
@media (max-width:640px){.tile.wide{display:block}.tile.wide .ph{aspect-ratio:16/10;min-height:0}.tile.wide .in{padding:12px 14px}}
/* Hilfe (/hilfe): Suchfeld, Einstiegskacheln, Bereiche, „War das hilfreich?“ – Farben nur über Variablen, damit der Dunkelmodus mitkommt */
.faq-search{position:relative;margin:14px 0 6px}.faq-search input{width:100%;padding:14px 44px 14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);font:inherit;font-size:1rem}.faq-search input:focus{outline:2px solid var(--gold);outline-offset:1px}
.faq-x{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:none;color:var(--mute);cursor:pointer;padding:6px 12px;font-size:1.25rem;line-height:1}.faq-x:hover{color:var(--text)}
.faq-count{font-size:.875rem;color:var(--mute);margin:0 0 10px;min-height:1.3em}.faq-miss{margin:0 0 14px}
.faq-tiles-h{margin:18px 0 8px;font-size:1rem;color:var(--mute);text-transform:uppercase;letter-spacing:.04em}
.faq-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin:0 0 6px}
.faq-tile{display:block;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--text)}.faq-tile:hover{border-color:var(--gold);text-decoration:none;filter:none}
.faq-tile b{display:block;font-size:1rem}.faq-tile span{display:block;color:var(--mute);font-size:.8125rem;margin-top:3px;line-height:1.35}.faq-tile small{display:block;color:var(--gold-text,var(--gold));font-size:.75rem;font-weight:600;margin-top:8px}
.faq-area{margin:34px 0 2px;font-size:1.375rem;padding-bottom:8px;border-bottom:2px solid var(--gold)}.faq-area-lead{color:var(--mute);margin:6px 0 4px;font-size:.9375rem}
.faq-sec>h3{margin:22px 0 8px;font-size:1.125rem}
.faq-fb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0 0;padding-top:10px;border-top:1px solid var(--line);font-size:.8125rem;color:var(--mute)}
.faq-fb button{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:99px;padding:4px 14px;font:inherit;font-size:.8125rem;cursor:pointer}.faq-fb button:hover{border-color:var(--gold)}
@media(max-width:700px){.faq-tiles{grid-template-columns:1fr 1fr}.faq-search input{font-size:1.0625rem}}@media(max-width:480px){.faq-tiles{grid-template-columns:1fr}}
/* ===== Kopfzeile: Kategorienleiste immer in einer Zeile (waagerecht wischbar, Verlauf am Rand zeigt „mehr“), aktive Kategorie markiert ===== */
.top .cats{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:x proximity}.top .cats::-webkit-scrollbar{display:none}
.top .cats a{flex:none;white-space:nowrap;scroll-snap-align:start;scroll-margin:0 16px}
.top .cats a:focus-visible{outline:2px solid var(--gold-text,var(--gold));outline-offset:1px}
.top .cats a.on{font-weight:700;border-color:var(--gold);background:var(--panel2)}
.top .cats.cats-more{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 48px),transparent)}
.top .cats.cats-more.cats-end{-webkit-mask-image:linear-gradient(90deg,transparent,#000 48px);mask-image:linear-gradient(90deg,transparent,#000 48px)}
.top .links .hdr-me[aria-current=page]{font-weight:700;background:var(--panel2)}
/* ===== Startseite: Partner-Block und Hilfe-Block mit eigener Überschrift ===== */
.helpgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.help-card{display:flex;flex-direction:column;gap:6px;color:var(--text);padding:20px 18px}.help-card:hover{border-color:var(--gold);text-decoration:none;filter:none}
.help-card .wi{margin-bottom:6px}.help-card b{font-size:1.0625rem}.help-card .mute{font-size:0.875rem;line-height:1.45}
.why-card .why-more{margin-top:10px;align-self:end}
@media(max-width:760px){.helpgrid{grid-template-columns:1fr}}

/* ===== Vermieter-Cockpit: einheitlicher Seitenkopf, Kartenraster, gleich hohe Kennzahlen, kein seitliches Scrollen (26.09.2026) ===== */
.ck-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px 24px;flex-wrap:wrap}
.ck-head-t{min-width:0;flex:1 1 380px}.ck-head-t h1{margin:0 0 4px}.ck-head-t p{margin:0;max-width:78ch}
.ck-head-a{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:flex-end;flex:0 1 auto;max-width:100%;padding-top:4px}.ck-head-a form.inline{margin:0}.ck-head-a .checks{margin:0}
.ck-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:18px;align-items:stretch}.ck-cards>.card{min-width:0}
.ov-kpi{display:flex;flex-direction:column;gap:12px}.ov-kpi-head{display:flex;justify-content:space-between;align-items:center;gap:8px 16px;flex-wrap:wrap}.ov-kpi-head h2{margin:0}.ov-kpi-head h2 .small{font-weight:500;margin-left:6px}.ov-kpi-head .checks{margin:0}
body.cockpit .stats{align-items:stretch}body.cockpit .stat{display:flex;flex-direction:column;gap:2px;min-width:0}body.cockpit .stat b{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}body.cockpit .stat .kpi-sub{margin-top:auto;padding-top:6px}
body.cockpit .ov-stats{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))}
body.cockpit .ck-main{overflow-x:clip}body.cockpit .stack>*{min-width:0;max-width:100%}body.cockpit .card{min-width:0}
body.cockpit .card>table,body.cockpit .card>form>table{max-width:100%}
.ck-tbl{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}
@media(max-width:1150px){.ck-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}}
@media(max-width:700px){.ck-head{gap:10px}.ck-head-a{width:100%;justify-content:flex-start;padding-top:0}.ck-head-a .btn{flex:1 1 auto}.ov-kpi-head{align-items:flex-start;flex-direction:column}.ck-cards{grid-template-columns:1fr;gap:12px}body.cockpit .ov-stats{grid-template-columns:1fr 1fr}body.cockpit .ov-stats .stat-status{grid-column:1/-1}}

/* ===== Betreiber: Bewertungen (/admin/bewertungen, lib/admin-bewertungen.js, 27.09.2026) – Filterzeile, Sterne, verborgene Zeilen, Verbergen-Formular ===== */
.bw-filter{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:flex-end}
.bw-filter>label{flex:1 1 140px;margin:0;min-width:0}.bw-filter>label select,.bw-filter>label input{margin:4px 0 0}
.bw-filter .bw-filter-act{display:flex;align-items:center;gap:10px;flex:0 0 auto;padding-bottom:2px}
.bw-stars{color:var(--gold-text,var(--gold));white-space:nowrap;letter-spacing:1px}
.bw-text summary{cursor:pointer}.bw-text p{margin:6px 0 0;white-space:pre-wrap;max-width:48ch}.bw-reply{margin:6px 0 0}
tr.bw-hidden td{color:var(--mute)}tr.bw-hidden .bw-stars{opacity:.55}
.bw-form summary{list-style:none;display:inline-block;cursor:pointer}.bw-form summary::-webkit-details-marker{display:none}
.bw-form form{margin-top:8px;min-width:220px}.bw-form label{margin:6px 0 4px}.bw-form p{margin:8px 0 0}
.bw-pager a{white-space:nowrap}
@media(max-width:700px){.bw-filter>label{flex-basis:100%}.bw-filter .bw-filter-act{width:100%}}


/* ===== Betriebsstatus /admin/betrieb (27.09.2026, lib/admin-betrieb.js): Ampel-Zeilen mit Rand in Ampelfarbe, Gesamtstand-Karte ===== */
.bs-stand{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;border-left:5px solid var(--ok)}.bs-stand.warn{border-left-color:var(--warn)}.bs-stand.bad{border-left-color:var(--bad)}.bs-stand b{font-size:1.125rem}
.bs-row{border-left:3px solid transparent;padding-left:10px;margin-left:-13px}.bs-row.bad{border-left-color:var(--bad)}.bs-row.warn{border-left-color:var(--warn)}.bs-row.ok{border-left-color:var(--ok)}
.bs-wert{color:var(--mute);font-size:0.875rem;overflow-wrap:anywhere}.bs-tun{margin-top:4px}
@media(max-width:700px){.bs-row{margin-left:0;padding-left:8px}.sc-item.bs-row{flex-direction:column;gap:6px}}


/* ===== Betreiber: Angebots-Verwaltung (/admin/angebote, Detail, Qualitätsliste; lib/admin-angebote.js, 27.09.2026) ===== */
.ang-filter{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px 12px;align-items:end}.ang-filter label{margin-top:0;font-size:0.8125rem}.ang-filter input,.ang-filter select{width:100%;min-width:0}.ang-filter>div:last-child{display:flex;gap:8px;flex-wrap:wrap}
.ang-title{font-weight:600}.ang-sub{display:block;color:var(--mute);font-size:0.75rem;line-height:1.3}
.ang-pager{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-size:0.875rem;margin:12px 0 0}
.ang-fields{display:grid;grid-template-columns:minmax(120px,max-content) minmax(0,1fr);gap:6px 14px;margin:0;font-size:0.9375rem}.ang-fields dt{color:var(--mute);font-size:0.8125rem}.ang-fields dd{margin:0;min-width:0;overflow-wrap:anywhere;white-space:pre-wrap}
.ang-raw{font-size:0.8125rem}.ang-raw td{vertical-align:top;overflow-wrap:anywhere}
details.card>summary{cursor:pointer;font-weight:600}
@media(max-width:700px){.ang-fields{grid-template-columns:minmax(0,1fr)}.ang-fields dt{margin-top:6px}}


/* ===== Betreiber-Bereich: Kennzahlen mit Verlauf (lib/admin-kennzahlen.js, 27.09.2026): Veränderung farbig, Balkendiagramm als Inline-SVG, Formular „frei“ ===== */
.kz-delta{font-weight:700;white-space:nowrap}.kz-gut{color:var(--ok)}.kz-schlecht{color:var(--bad)}.kz-flat{color:var(--mute)}
.kz-chart{display:block;max-width:none;height:auto}.kz-bar{fill:var(--gold)}.kz-bar:hover{fill:var(--gold-text,var(--gold))}.kz-ax{stroke:var(--line);stroke-width:1}.kz-txt{fill:var(--mute);font-size:11px;font-family:inherit}
.kz-frei{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.kz-frei>div{flex:1 1 140px;min-width:0}.kz-frei label{display:block;margin:0 0 4px}.kz-frei input{margin:0;width:100%}.kz-frei .btn{flex:none}
.kz-sec{margin:6px 0 -6px;font-size:1rem}
@media(max-width:700px){.kz-frei .btn{flex:1 1 100%}}

/* ===== Vermieter-Verwaltung im Betreiber-Bereich (lib/admin-vermieter.js, 27.09.2026): Filterzeile, Blättern, Stammdaten-Liste ===== */
.vm-filter{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:flex-end}.vm-filter>div{min-width:0;flex:1 1 160px}.vm-filter input,.vm-filter select{margin:0;width:100%}.vm-filter label{margin:0 0 4px}.vm-filter .btn{white-space:nowrap}
.vm-pager{display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:space-between;align-items:center;margin:10px 0 0}
.vm-dl{display:grid;grid-template-columns:minmax(120px,max-content) minmax(0,1fr);gap:4px 14px;margin:0}.vm-dl dt{color:var(--mute);font-size:.875rem}.vm-dl dd{margin:0;overflow-wrap:anywhere}
@media(max-width:700px){.vm-filter>div{flex:1 1 100%}.vm-dl{grid-template-columns:1fr}.vm-dl dt{margin-top:6px}}

/* ===== Betreiber-Notizen (/admin/notizen, noteBlock in Detailseiten), 27.09.2026 ===== */
.nz-act{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.nz-act form.inline{display:inline-flex;align-items:center;gap:4px;margin:0}
.nz-act input[type=date]{width:auto;min-height:36px;padding:4px 8px;font-size:0.8125rem}
.nz-btn,.adm-mode .nz-btn,body.cockpit .nz-btn{padding:4px 10px;min-height:32px;font-size:0.8125rem;white-space:nowrap}
.nz-chk{display:inline-flex;align-items:center;gap:4px;margin:0;font-size:0.75rem;color:var(--mute);white-space:nowrap}
.nz-text{max-width:52ch;white-space:pre-wrap;overflow-wrap:anywhere}.nz-done{color:var(--mute);text-decoration:line-through}
.nz-late{color:var(--bad);font-weight:700}.nz-today{color:var(--warn);font-weight:700}
.nz-list{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:8px}.nz-item{padding:10px 12px;border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:10px;background:var(--panel2)}
.nz-item-done{border-left-color:var(--line)}.nz-meta{margin-bottom:4px}.nz-item .nz-act{margin-top:8px}
.nz-form textarea{min-height:70px}.nz-pager{margin:10px 0 0}.nz-block h2{margin-bottom:6px}

/* ===== Betreiber: Zahlungs-Übersicht /admin/zahlungen (lib/admin-zahlungen.js, 27.09.2026): Zeitraum-Filter im Seitenkopf, Blättern unter der Liste ===== */
.zl-filter{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end}.zl-filter label{display:flex;flex-direction:column;gap:2px;margin:0;font-size:0.75rem;color:var(--mute)}.zl-filter input{margin:0;min-width:150px}
.zl-pages{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:10px 0 0}
@media(max-width:700px){.zl-filter{width:100%}.zl-filter label{flex:1 1 140px}.zl-filter input{width:100%}}

/* ===== Plattform-Gutscheine (/admin/gutscheine, 27.09.2026): Budget-Balken verbraucht/gesamt ===== */
.pg-bud{display:flex;flex-direction:column;gap:4px;min-width:140px}.pg-bud span{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.875rem}
.pg-bar{height:8px;border-radius:99px;background:var(--panel2);border:1px solid var(--line);overflow:hidden}
.pg-fill{display:block;height:100%;background:var(--gold);border-radius:99px;min-width:2px}.pg-fill.hot{background:var(--warn)}

/* ===== Kunden-Verwaltung im Betreiber-Bereich (lib/admin-kunden.js, 27.09.2026): Filterzeile, Blättern, Lösch-Karte ===== */
.kd-filter{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.kd-filter input,.kd-filter select{margin:0;max-width:260px}.kd-filter input[name=q]{flex:1 1 200px}
.kd-pager{display:flex;justify-content:space-between;align-items:center;gap:8px 12px;flex-wrap:wrap;padding-top:12px}
.kd-danger{border-color:#f0b9bb}.kd-danger h2{color:var(--bad)}
@media(max-width:700px){.kd-filter input,.kd-filter select{max-width:100%;width:100%}}

/* ===== Buchungs-Zentrale (/admin/buchungen, 27.09.2026): Monatsraster mit Zahl je Tag und Balken je Buchung; sieben schmale Spalten passen auch auf 375 px ===== */
.bk-cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.bk-wd{font-size:var(--fs-xs);color:var(--mute);text-align:center;text-transform:uppercase;letter-spacing:.04em;padding:2px 0}
.bk-day{min-height:52px;border:1px solid var(--line);border-radius:var(--r);padding:4px 6px;background:var(--panel);display:flex;flex-direction:column;gap:2px;min-width:0}
.bk-day small{color:var(--mute);font-size:var(--fs-xs)}.bk-day b{font-size:1.125rem;line-height:1.1;font-variant-numeric:tabular-nums}
.bk-day.bk-0 b{color:var(--mute);font-weight:400}.bk-day.bk-n{background:var(--panel2)}.bk-day.bk-today{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.bk-day.bk-pad{background:none;border-color:transparent}
/* Balken der Buchungsübersicht (Betreiber): nur unterhalb von .bk-track, sonst trifft die Regel die Summenleiste im Buchungsformular (.bk-bar, Zeile oben) und streckt sie über die ganze Seite (Fund 07.10.2026) */
.bk-track{position:relative;height:14px;background:var(--panel2);border-radius:99px;min-width:140px;margin-bottom:4px}.bk-track .bk-bar{position:absolute;top:0;bottom:0;background:var(--gold);border-radius:99px;min-width:4px}
.bk-track .bk-bar.bk-cut-l{border-radius:0 99px 99px 0}.bk-track .bk-bar.bk-cut-r{border-radius:99px 0 0 99px}
@media(max-width:700px){.bk-day{min-height:44px;padding:3px 4px}.bk-day b{font-size:1rem}.bk-track{min-width:100px}}

/* Pflichtfeld-Hinweis direkt am Feld (public/app.js), 07.10.2026 */
.field-err{color:var(--bad,#b8262c);font-size:.9375rem;font-weight:600;margin:6px 0 0}
.has-err{outline:2px solid var(--bad,#b8262c);outline-offset:4px;border-radius:8px}
/* Handy-Test 07.10.2026: lange Knopftexte (z. B. „Zahlungspflichtig buchen (Testmodus, keine Abbuchung)“) laufen sonst über den Knopfrand hinaus */
.btn.full{white-space:normal;overflow-wrap:anywhere}
/* Handy-Feinschliff 07.10.2026: Tippflächen mindestens 44 Pixel (vorher Kopfleiste 34 bis 36, Kategorie-Chips 30) */
@media(max-width:760px){
  .top .logo{min-height:44px;display:inline-flex;align-items:center}
  .top .links .theme-btn,.top .links .hdr-theme{width:44px;height:44px;min-height:44px}
  .top .links .hdr-login,.top .links .hdr-me{min-height:44px;display:inline-flex;align-items:center}
  .cats a{min-height:44px;display:inline-flex;align-items:center;padding:4px 16px}
  .pb-pause{min-height:44px;min-width:60px}
  .advchip{min-height:44px;display:inline-flex;align-items:center}
}

/* Versicherungsnachweise (08.10.2026): Grund und die zwei Knöpfe in einer Tabellenzelle, am Handy untereinander */
.ins-form{display:grid;gap:8px;min-width:210px}
.ins-form input{margin:0}
/* Berater und Assistent: Pflichthinweis, dass eine KI antwortet (08.10.2026) */
.asst-ki{margin:0;padding:8px 14px;border-bottom:1px solid var(--line);color:var(--mute);font-size:0.78125rem;line-height:1.4}
/* Haftungsreduzierung: Pflichthinweis „Keine Versicherung“ (08.10.2026) */
.ins-note{margin:10px 0 0}
/* Vermieter-Kasten auf der Produktseite: Anschrift und Vermittler-Satz (08.10.2026, V1-A2) */
.vd-addr{margin:0 0 8px;color:var(--mute)}
.vd-role{margin:0 0 8px}
/* Hinweis zum Streichpreis (08.10.2026, Z3) */
.pd-ref{margin:4px 0 0}
/* Produktseite: Vermieter direkt am Buchungsknopf, wie der Verkäufer bei otto.de (08.10.2026, V1-A2) */
.pd-seller{margin:8px 0 0;line-height:1.5}