:root{--asd-primary:#232222;--asd-accent:#fc0;--asd-white:#fff;--asd-text:#5b5b5a;--asd-dark:#212121;--asd-light:#f4f4f4;--grund:#161616;--flaeche:#232222;--flaeche-2:#2c2b2b;--linie:#3a3939;--schrift:#f4f4f4;--gedimmt:#b5b5b3;--rot:#e5342b;--gruen:#57c27a;--radius:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--grund);color:var(--schrift);-webkit-text-size-adjust:100%;margin:0;font-family:Montserrat,system-ui,sans-serif;font-size:17px;line-height:1.5}h1,h2,h3{margin:0 0 .6rem;line-height:1.25}h2{font-size:1.12rem;font-weight:700}h3{font-size:1rem;font-weight:700}p{margin:0 0 .6rem}a{color:var(--asd-accent)}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.seite{flex-direction:column;min-height:100vh;display:flex}.schmal{max-width:640px;margin:0 auto}.kundenseite{padding-bottom:92px}.kopf{background:var(--asd-dark);border-bottom:3px solid var(--asd-accent);z-index:5;align-items:center;gap:14px;padding:14px 16px;display:flex;position:sticky;top:0}.logo{flex:none;width:auto;height:42px}.kopf-text{flex:1;min-width:0}.kopf-titel{letter-spacing:.01em;font-size:1.05rem;font-weight:800}.kopf-unter{color:var(--gedimmt);font-size:.78rem}.kopf-link{color:var(--gedimmt);font-size:.9rem}.sprachwahl select{background:var(--flaeche-2);color:var(--schrift);border:1px solid var(--linie);font:inherit;border-radius:10px;max-width:128px;min-height:44px;padding:10px 8px;font-size:.9rem}.leiste-info{background:var(--asd-accent);color:var(--asd-primary);padding:6px 16px;font-size:.85rem;font-weight:600}.inhalt{flex-direction:column;flex:1;gap:14px;padding:14px 16px;display:flex}.karte{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius);margin:0;padding:18px 16px}.karte.hervorgehoben{border-color:var(--asd-accent);box-shadow:0 0 0 1px var(--asd-accent) inset}.karte-kopf{justify-content:space-between;align-items:center;gap:10px;margin-bottom:.6rem;display:flex}.karte-kopf h2{margin:0}.gedimmt{color:var(--gedimmt)}.klein{font-size:.82rem}.gross{font-size:1.08rem}.fallnummer{color:var(--asd-accent);letter-spacing:.06em;text-transform:uppercase;font-size:.8rem;font-weight:700}.fahrzeugzeile{margin:2px 0 10px;font-size:1.2rem;font-weight:700}.fakten{grid-template-columns:1fr;gap:0;margin:0;font-size:.92rem;display:grid}.fakten dt{color:var(--gedimmt);text-transform:uppercase;letter-spacing:.05em;margin-top:8px;font-size:.75rem}.fakten dd{margin:0}.schritte{margin:0;padding:0;list-style:none}.schritt{gap:12px;padding-bottom:14px;display:flex;position:relative}.schritt:not(:last-child):before{content:"";background:var(--linie);width:2px;position:absolute;top:32px;bottom:0;left:15px}.schritt.erledigt:not(:last-child):before{background:var(--asd-accent)}.punkt{background:var(--flaeche-2);border:2px solid var(--linie);width:32px;height:32px;color:var(--gedimmt);border-radius:50%;flex:none;place-items:center;font-size:.85rem;font-weight:700;display:grid}.schritt.erledigt .punkt{background:var(--asd-accent);border-color:var(--asd-accent);color:var(--asd-primary)}.schritt.aktuell .punkt{border-color:var(--asd-accent);color:var(--asd-accent);animation:2s infinite puls;box-shadow:0 0 0 4px #fc03}.schritt.entfaellt{opacity:.45}.schritt.offen{color:var(--gedimmt)}@keyframes puls{50%{box-shadow:0 0 0 8px #ffcc000f}}.schritt-text{flex:1;padding-top:4px}.schritt-kopf{justify-content:space-between;gap:8px;font-weight:600;display:flex}.schritt.aktuell .schritt-kopf{color:var(--asd-accent);font-weight:700}.zeit{color:var(--gedimmt);white-space:nowrap;font-size:.85rem;font-weight:500}.als-naechstes{background:var(--flaeche-2);border-left:3px solid var(--asd-accent);border-radius:8px;margin-top:8px;padding:10px 12px;font-size:.95rem}.als-naechstes p{margin:4px 0 0}.fotos{gap:10px;display:grid}.fotos figure{margin:0}.fotos img{background:#000;border-radius:10px;width:100%;display:block}.fotos figcaption{color:var(--gedimmt);margin-top:6px;font-size:.85rem}.unsicher-box{background:#ffcc0014;border:1px dashed #ffcc0080;border-radius:10px;margin-top:6px;padding:10px 12px}.unsicher-box p{margin:4px 0 0}.notiz{color:var(--gedimmt);margin-top:12px;font-size:.85rem}.notiz summary{cursor:pointer;min-height:32px}.notiz code{white-space:pre-wrap;margin-top:6px;font-family:ui-monospace,monospace;display:block}.laedt-punkt:after{content:"";background:var(--asd-accent);border-radius:50%;width:8px;height:8px;margin-left:8px;animation:1s infinite blinken;display:inline-block}@keyframes blinken{50%{opacity:.2}}.vorlaeufig{color:var(--asd-accent);background:#ffcc001f;border-radius:8px;margin-bottom:10px;padding:8px 12px;font-size:.86rem;font-weight:600}.kosten{margin:0;padding:0;list-style:none}.kosten li{border-bottom:1px solid var(--linie);padding:10px 0}.kosten-zeile{justify-content:space-between;gap:10px;display:flex}.kosten-detail{color:var(--gedimmt);font-size:.8rem}.traeger{background:var(--flaeche-2);color:var(--gedimmt);border-radius:999px;margin-top:4px;padding:2px 8px;font-size:.75rem;display:inline-block}.traeger-club,.traeger-versicherung,.traeger-vermieter,.traeger-spedition{color:var(--gruen);background:#57c27a24}.summe{padding:12px 0 4px;font-size:1.05rem}.optionen{gap:10px;display:grid}.option{background:var(--flaeche-2);border-radius:12px;gap:12px;padding:12px;display:flex}.option-icon{font-size:1.6rem;line-height:1}.option p{color:var(--gedimmt);margin:0 0 6px;font-size:.92rem}.marke{color:var(--asd-primary);background:var(--asd-accent);border-radius:999px;padding:2px 10px;font-size:.78rem;font-weight:600;display:inline-block}.knopf{border:1px solid var(--linie);background:var(--flaeche-2);min-height:48px;color:var(--schrift);font:inherit;cursor:pointer;text-align:center;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-weight:600;text-decoration:none;display:inline-flex}.knopf:disabled{opacity:.6;cursor:default}.knopf.primaer{background:var(--asd-accent);border-color:var(--asd-accent);color:var(--asd-primary)}.knopf.rot{background:var(--rot);border-color:var(--rot);color:#fff}.knopf.notruf{background:var(--asd-accent);border-color:var(--asd-accent);color:var(--asd-primary)}.knopf.breit{width:100%}.knopf.klein{min-height:36px;padding:6px 12px;font-size:.85rem}.knopf.gewaehlt{border-color:var(--asd-accent);color:var(--asd-accent)}.knopf-reihe{flex-wrap:wrap;gap:8px;display:flex}.liste-links{gap:10px;display:grid}.liste-links .knopf{justify-content:flex-start}.entscheidungen{gap:10px;display:grid}.gross-knopf{justify-content:flex-start;min-height:56px;font-size:1rem}.bestaetigt{color:var(--gruen);margin:12px 0 0}.nachrichten{flex-direction:column;gap:10px;margin:10px 0;display:flex}.nachricht{flex-direction:column;gap:8px;max-width:92%;display:flex}.nachricht.kunde{align-self:flex-end;align-items:flex-end}.blase{white-space:pre-wrap;border-radius:16px;padding:10px 14px;font-size:.97rem}.kunde .blase{background:var(--asd-accent);color:var(--asd-primary);border-bottom-right-radius:4px}.asd .blase{background:var(--flaeche-2);white-space:normal;border-bottom-left-radius:4px}.blase p{margin:0 0 .45rem}.blase p:last-child,.blase ul:last-child{margin-bottom:0}.blase ul{margin:0 0 .45rem;padding-left:1.1rem}.tippt{color:var(--gedimmt);font-style:italic}.vorschlaege{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.chip{border:1px solid var(--asd-accent);color:var(--asd-accent);font:inherit;cursor:pointer;background:0 0;border-radius:999px;min-height:40px;padding:8px 14px;font-size:.88rem}.chat-eingabe{gap:8px;display:flex}.chat-eingabe input{flex:1;min-width:0}input,select,textarea{background:var(--grund);color:var(--schrift);border:1px solid var(--linie);font:inherit;border-radius:10px;width:100%;min-height:48px;padding:12px;font-size:1rem}input:focus,select:focus,textarea:focus,.knopf:focus-visible,.chip:focus-visible{outline:2px solid var(--asd-accent);outline-offset:1px}.notrufleiste{z-index:10;padding:10px 16px calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-top:1px solid var(--linie);background:#161616f0;gap:10px;max-width:640px;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.notrufleiste .notruf{flex:1}.notrufleiste .rot{width:84px;font-weight:800}.fuss{color:var(--gedimmt);text-align:center;gap:4px;padding:18px 16px 24px;font-size:.75rem;display:grid}.intern{max-width:1200px;margin:0 auto}.intern-raster{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:16px;padding:16px;display:grid}.spalte{flex-direction:column;gap:16px;display:flex}@media (width<=900px){.intern-raster{grid-template-columns:1fr}}.formular{gap:12px;display:grid}.formular label{color:var(--gedimmt);gap:4px;font-size:.85rem;font-weight:600;display:grid}.zwei{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mit-knopf{align-items:stretch;gap:8px;display:flex}.diktat{width:56px;padding:0;font-size:1.3rem}.diktat.aktiv{background:var(--rot);border-color:var(--rot)}fieldset{border:1px solid var(--linie);border-radius:10px;margin:0;padding:10px}legend{color:var(--gedimmt);padding:0 4px;font-size:.85rem;font-weight:600}.foto-wahl{flex-wrap:wrap;gap:8px;display:flex}.foto-kachel{border:2px solid var(--linie);background:var(--flaeche-2);cursor:pointer;width:96px;height:64px;color:var(--gedimmt);border-radius:8px;place-items:center;padding:0;font-size:.85rem;display:grid;overflow:hidden}.foto-kachel img{object-fit:cover;width:100%;height:100%}.foto-kachel.an{border-color:var(--asd-accent)}.fehler{color:var(--rot)}.qr-block{flex-wrap:wrap;gap:16px;display:flex}.qr{background:#fff;border-radius:10px;width:220px;height:220px}.qr.klein{width:160px;height:160px;margin-top:8px}.qr-block>div{flex:1;min-width:220px}.feld-titel{text-transform:uppercase;letter-spacing:.06em;color:var(--gedimmt);margin-top:6px;font-size:.75rem}.link-text{word-break:break-all;font-weight:600}.sms{background:var(--flaeche-2);border-radius:10px;padding:10px 12px;font-size:.9rem}.fallliste{gap:10px;margin:0;padding:0;list-style:none;display:grid}.fallzeile{background:var(--flaeche-2);border:1px solid #0000;border-radius:12px;padding:12px}.fallzeile.mit-entscheidung{border-color:var(--asd-accent)}.fallzeile-kopf{flex-wrap:wrap;justify-content:space-between;gap:10px;display:flex}.hinweis-entscheidung{color:var(--asd-accent);background:#ffcc001f;border-radius:8px;margin-top:8px;padding:6px 10px;font-size:.9rem}.status-wahl{color:var(--gedimmt);align-items:center;gap:10px;margin-top:8px;font-size:.85rem;display:flex}.status-wahl select{max-width:240px;min-height:40px;padding:6px 10px}@media print{body{color:#000;background:#fff}.kopf,.formular,.fallliste,.fuss,.knopf-reihe{display:none!important}}