/* Garage Boxstop – Kunden-App «modern» (Teil 78/79, 06.11.2026; überall nur das Website-Orange #F07B1D): hell als Grundform, dunkel automatisch, wenn das Handy im Dunkelmodus ist. */
/* Garage Boxstop – Kunden-App «modern hell» (Entwurf 06.11.2026, nach Vorbild moderner Hersteller-Apps; lädt nach app.css).
   Dunkler Grund, dunkle Karten mit weichem orangem Licht, runde Kacheln mit feinen weissen Symbolen, Titillium Web für Titel. */
:root{--acc:#F07B1D;--acc-d:#F07B1D;--ft:'Titillium Web','Barlow',system-ui,sans-serif;--d0:#F2F3F5;--d1:#FFFFFF;--d2:#EEF0F2;--d3:#E2E5E8;--tx:#17191C;--mt:#6B7079;--mut:#6B7079;--line:#ECEDEF;--soft:rgba(240,123,29,.14)}
html,body{background:var(--d0);color:var(--tx)}
main{color:var(--tx)}
a{color:#F07B1D}
h1,h2,.big,.reg h1{font-family:var(--ft);font-weight:700;letter-spacing:-.01em;color:var(--tx)}
h1.t{font-size:30px;line-height:1.1}
.sub,.s,.note,.li span,.ty small,.sw small,.ls small,.ch small,.dy small,.lib .lt small,.mt-x small,.sh-hd p,.sh-note,.empty,.gl,label{color:var(--mt)}
.big{font-size:24px}

/* Kopf */
.top{background:#17191C;border-bottom:0;padding-bottom:10px}
.top .ib{background:transparent;width:42px;height:42px;border-radius:12px;color:#fff}
.top .ib:active{background:#272A2E}
#b-tel{color:#fff}

/* Karten */
.c{background:radial-gradient(130% 90% at 100% 0%,rgba(240,123,29,.10),rgba(240,123,29,0) 55%),var(--d1);border:0;border-radius:18px;padding:18px;margin-bottom:14px;color:var(--tx);box-shadow:0 1px 2px rgba(23,25,28,.04),0 6px 20px rgba(23,25,28,.05)}
.c h3{font-family:var(--ft);font-size:17px;letter-spacing:.02em;text-transform:uppercase;color:var(--tx);font-weight:700;margin:0 0 10px}
.c.msg.neu{box-shadow:inset 3px 0 0 var(--acc)}
.tag{font-family:var(--ft);border-radius:8px;padding:3px 9px;font-size:12px;background:#FEF1E6;color:#F07B1D}
.tag.ok{background:#E8F5EC;color:#15803D}
.tag.w{background:#FEF3F2;color:#B42318}
.tag.gy{background:var(--d2);color:var(--mt)}
.li,.sw,.lib,.mt-r{border-top-color:var(--line)}
.lib .lr{color:var(--tx)}

/* Knöpfe: rund, ruhig */
.btn,.pill{font-family:var(--ft);font-weight:700;font-size:16px;letter-spacing:.01em;text-transform:none;border-radius:14px;box-shadow:none;min-height:50px;transform:none}
.btn{background:var(--acc);color:#fff}
.btn:hover{background:#F07B1D}
.btn.g{background:var(--d2);color:var(--tx);border:0}
.btn.g:hover{background:var(--d3);color:var(--tx)}
.btn.g small{color:var(--mt)}
.btn.dk{background:#17191C;color:#fff}
.btn.armed{background:#FEF3F2;color:#B42318;border:0}
.btn.sm{border-radius:12px}
.link{font-family:var(--ft);color:#F07B1D}

/* Schnellwahl: quadratische Kacheln mit feinem Symbol, Text darunter */
.q{gap:12px;grid-template-columns:repeat(4,1fr)}
.q a,.q button{background:none;border:0;box-shadow:none;border-radius:0;padding:0;color:var(--tx);font-family:Barlow,sans-serif;font-weight:500;font-size:14px;line-height:1.2;gap:10px}
.q b,.q b.gr,.q b.bl{width:100%;height:auto;aspect-ratio:1/1;max-width:84px;margin:0 auto;border-radius:14px;background:#fff;color:var(--tx);display:grid;place-items:center;box-shadow:0 1px 2px rgba(23,25,28,.05),0 6px 18px rgba(23,25,28,.06)}
.q b svg{width:30px;height:30px;stroke-width:1.5}
.q a:active b,.q button:active b{background:var(--d3)}
.q>:first-child b{background:var(--acc);color:#fff}

/* Reifen, Balken, Hinweise */
.ty{border:0;background:var(--d2);border-radius:12px}
.bar{background:#E6E8EB}
.tip,.inf.tipp{background:#FFF6EE;border:0;color:var(--tx)}
.inf{background:var(--d2);color:var(--tx)}
.inf.ok{background:#E8F5EC;color:#15803D}
.inst{background:var(--d1);border:0;box-shadow:inset 3px 0 0 var(--acc);color:var(--tx)}
.inst b{color:#F07B1D}
.akt{background:#17191C}
.err{background:#FEF3F2;color:#B42318}

/* Schalter und Auswahl */
.tg{background:#D1D5DB}
.mfk-chip{background:var(--d2);color:var(--tx)}
.mfk-chip.bald{background:#FEF1E6;color:#F07B1D}
.mfk-add{background:transparent;border-color:#F07B1D;color:#F07B1D}
.mt-ic{background:var(--d2);color:var(--tx)}
.mt-b{background:var(--acc)}
.ls,.ch,.dy,.tm,.seg3 button{background:var(--d2);border:1.5px solid transparent;color:var(--tx);border-radius:14px}
.ls b,.ch b,.dy b{font-family:var(--ft);font-weight:700}
.ls em{color:#F07B1D}
.ls.on,.ls:hover,.ch.on,.seg3 button.on{border-color:var(--acc);background:#FFF6EE;color:var(--tx)}
.ch.on b{color:#F07B1D}
.dy.on,.tm.on{background:var(--acc);border-color:var(--acc);color:#fff}
.sum{background:var(--d2)}
.reg .hd button{background:#fff;border:0;color:var(--tx);box-shadow:0 1px 3px rgba(23,25,28,.08)}
.reg,.bk{color:var(--tx)}

/* Eingaben */
input[type=email],input[type=text],input[type=tel],input[type=date],select,textarea,.sh-date{background:var(--d2);border-color:var(--d3);color:var(--tx)}
input::placeholder,textarea::placeholder{color:#9BA1A8}
.chk{color:var(--tx)}

/* Blatt von unten, Hinweis */
.sh{background:var(--d1);color:var(--tx)}
.sh-grip{background:#DADCE0}
.sh-x{background:var(--d2);color:var(--tx)}
#toast{background:#17191C}

/* Navigation unten */
.nav{background:#fff;border-top:1px solid #ECEDEF;box-shadow:none}
.nav button{color:#8A9097;font-family:Barlow,sans-serif;font-weight:500;font-size:11px;letter-spacing:0;text-transform:none}
.nav button.on{color:var(--tx)}
.nav button.on::after{bottom:0;top:auto;width:26px;height:3px;border-radius:2px;background:var(--acc);transform:none}

/* Grafik oben rechts in den Karten (eigene Zeichnungen in Orange, laufen nach unten links aus) */
.c[class*="k-"]{position:relative;overflow:hidden}
.c[class*="k-"]>*{position:relative;z-index:1}
.c[class*="k-"]::after{content:"";position:absolute;top:-38px;right:-36px;width:140px;height:140px;background:no-repeat center/contain;opacity:.3;pointer-events:none;z-index:0}
.c.k-rad::after{top:-48px;right:-48px;width:165px;height:165px}
.c.k-rad::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20200%20200%22%20fill=%22none%22%20stroke=%22url%28%23g%29%22%20stroke-width=%226%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cdefs%3E%3ClinearGradient%20id=%22g%22%20x1=%221%22%20y1=%220%22%20x2=%220%22%20y2=%221%22%3E%3Cstop%20offset=%220%22%20stop-color=%22%23FFB27A%22/%3E%3Cstop%20offset=%22.45%22%20stop-color=%22%23F07B1D%22/%3E%3Cstop%20offset=%221%22%20stop-color=%22%23F07B1D%22%20stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle%20cx=%22100%22%20cy=%22100%22%20r=%2288%22%20stroke-width=%2214%22/%3E%3Ccircle%20cx=%22100%22%20cy=%22100%22%20r=%2272%22%20stroke-width=%223%22/%3E%3Cpath%20d=%22M100.0%2038.0L96.2%2083.4L103.8%2083.4ZM63.6%2049.8L87.2%2088.8L93.4%2084.4ZM41.0%2080.8L83.1%2098.5L85.4%2091.2ZM41.0%20119.2L85.4%20108.8L83.1%20101.5ZM63.6%20150.2L93.4%20115.6L87.2%20111.2ZM100.0%20162.0L103.8%20116.6L96.2%20116.6ZM136.4%20150.2L112.8%20111.2L106.6%20115.6ZM159.0%20119.2L116.9%20101.5L114.6%20108.8ZM159.0%2080.8L114.6%2091.2L116.9%2098.5ZM136.4%2049.8L106.6%2084.4L112.8%2088.8Z%22%20stroke-width=%223%22/%3E%3Ccircle%20cx=%22100%22%20cy=%22100%22%20r=%2213%22%20stroke-width=%225%22/%3E%3C/svg%3E")}
.c.k-termin::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20200%20200%22%20fill=%22none%22%20stroke=%22url%28%23g%29%22%20stroke-width=%226%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cdefs%3E%3ClinearGradient%20id=%22g%22%20x1=%221%22%20y1=%220%22%20x2=%220%22%20y2=%221%22%3E%3Cstop%20offset=%220%22%20stop-color=%22%23FFB27A%22/%3E%3Cstop%20offset=%22.45%22%20stop-color=%22%23F07B1D%22/%3E%3Cstop%20offset=%221%22%20stop-color=%22%23F07B1D%22%20stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20x=%2228%22%20y=%2240%22%20width=%22144%22%20height=%22132%22%20rx=%2220%22/%3E%3Cpath%20d=%22M28%2078h144M66%2024v30M134%2024v30%22/%3E%3Cpath%20d=%22M72%20124l20%2020%2038-40%22%20stroke-width=%229%22/%3E%3C/svg%3E")}
.c.k-auto::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20200%20200%22%20fill=%22none%22%20stroke=%22url%28%23g%29%22%20stroke-width=%226%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cdefs%3E%3ClinearGradient%20id=%22g%22%20x1=%221%22%20y1=%220%22%20x2=%220%22%20y2=%221%22%3E%3Cstop%20offset=%220%22%20stop-color=%22%23FFB27A%22/%3E%3Cstop%20offset=%22.45%22%20stop-color=%22%23F07B1D%22/%3E%3Cstop%20offset=%221%22%20stop-color=%22%23F07B1D%22%20stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath%20d=%22M30%20136H18c-4%200-6-3-6-6v-10c0-8%206-12%2016-14l38-8c14-14%2030-24%2052-25h22c16%200%2028%208%2038%2022l8%2010c6%203%208%208%208%2014v11c0%203-2%206-6%206h-10%22/%3E%3Cpath%20d=%22M70%20136h66%22/%3E%3Ccircle%20cx=%2252%22%20cy=%22136%22%20r=%2217%22/%3E%3Ccircle%20cx=%22154%22%20cy=%22136%22%20r=%2217%22/%3E%3Cpath%20d=%22M80%2099c10-10%2022-16%2036-16h22c10%200%2018%205%2024%2014z%22%20stroke-width=%224%22/%3E%3C/svg%3E")}
.c.k-person::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20200%20200%22%20fill=%22none%22%20stroke=%22url%28%23g%29%22%20stroke-width=%226%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cdefs%3E%3ClinearGradient%20id=%22g%22%20x1=%221%22%20y1=%220%22%20x2=%220%22%20y2=%221%22%3E%3Cstop%20offset=%220%22%20stop-color=%22%23FFB27A%22/%3E%3Cstop%20offset=%22.45%22%20stop-color=%22%23F07B1D%22/%3E%3Cstop%20offset=%221%22%20stop-color=%22%23F07B1D%22%20stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle%20cx=%22100%22%20cy=%2272%22%20r=%2234%22/%3E%3Cpath%20d=%22M34%20176c4-36%2032-58%2066-58s62%2022%2066%2058%22/%3E%3C/svg%3E")}
.c.k-garage::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20200%20200%22%20fill=%22none%22%20stroke=%22url%28%23g%29%22%20stroke-width=%226%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cdefs%3E%3ClinearGradient%20id=%22g%22%20x1=%221%22%20y1=%220%22%20x2=%220%22%20y2=%221%22%3E%3Cstop%20offset=%220%22%20stop-color=%22%23FFB27A%22/%3E%3Cstop%20offset=%22.45%22%20stop-color=%22%23F07B1D%22/%3E%3Cstop%20offset=%221%22%20stop-color=%22%23F07B1D%22%20stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath%20d=%22M20%2086L100%2030l80%2056v90H20z%22/%3E%3Cpath%20d=%22M50%20176v-62h100v62M50%20134h100M50%20154h100%22%20stroke-width=%224%22/%3E%3C/svg%3E")}
.c.k-doc::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20200%20200%22%20fill=%22none%22%20stroke=%22url%28%23g%29%22%20stroke-width=%226%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cdefs%3E%3ClinearGradient%20id=%22g%22%20x1=%221%22%20y1=%220%22%20x2=%220%22%20y2=%221%22%3E%3Cstop%20offset=%220%22%20stop-color=%22%23FFB27A%22/%3E%3Cstop%20offset=%22.45%22%20stop-color=%22%23F07B1D%22/%3E%3Cstop%20offset=%221%22%20stop-color=%22%23F07B1D%22%20stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath%20d=%22M52%2020h68l40%2040v120H52z%22/%3E%3Cpath%20d=%22M120%2020v40h40%22/%3E%3Cpath%20d=%22M76%2098h60M76%20122h60M76%20146h40%22%20stroke-width=%225%22/%3E%3C/svg%3E")}
.c.k-set::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20200%20200%22%20fill=%22none%22%20stroke=%22url%28%23g%29%22%20stroke-width=%226%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cdefs%3E%3ClinearGradient%20id=%22g%22%20x1=%221%22%20y1=%220%22%20x2=%220%22%20y2=%221%22%3E%3Cstop%20offset=%220%22%20stop-color=%22%23FFB27A%22/%3E%3Cstop%20offset=%22.45%22%20stop-color=%22%23F07B1D%22/%3E%3Cstop%20offset=%221%22%20stop-color=%22%23F07B1D%22%20stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle%20cx=%22100%22%20cy=%22100%22%20r=%2226%22/%3E%3Cpath%20d=%22M100%2022v22M100%20156v22M22%20100h22M156%20100h22M45%2045l16%2016M139%20139l16%2016M155%2045l-16%2016M61%20139l-16%2016%22/%3E%3Ccircle%20cx=%22100%22%20cy=%22100%22%20r=%2258%22%20stroke-width=%224%22/%3E%3C/svg%3E")}

/* ---------- Dunkelmodus des Handys ---------- */
@media (prefers-color-scheme: dark){
/* Garage Boxstop – Kunden-App «modern dunkel» (Entwurf 06.11.2026, nach Vorbild moderner Hersteller-Apps; lädt nach app.css).
   Dunkler Grund, dunkle Karten mit weichem orangem Licht, runde Kacheln mit feinen weissen Symbolen, Titillium Web für Titel. */
:root{--acc:#F07B1D;--acc-d:#F07B1D;--ft:'Titillium Web','Barlow',system-ui,sans-serif;--d0:#0F1012;--d1:#1C1E21;--d2:#272A2E;--d3:#34383D;--tx:#F3F4F6;--mt:#9BA1A8;--mut:#9BA1A8;--line:#2E3236;--soft:rgba(240,123,29,.14)}
html,body{background:var(--d0);color:var(--tx)}
main{color:var(--tx)}
a{color:#F07B1D}
h1,h2,.big,.reg h1{font-family:var(--ft);font-weight:700;letter-spacing:-.01em;color:var(--tx)}
h1.t{font-size:30px;line-height:1.1}
.sub,.s,.note,.li span,.ty small,.sw small,.ls small,.ch small,.dy small,.lib .lt small,.mt-x small,.sh-hd p,.sh-note,.empty,.gl,label{color:var(--mt)}
.big{font-size:24px}

/* Kopf */
.top{background:var(--d0);border-bottom:0;padding-bottom:10px}
.top .ib{background:transparent;width:42px;height:42px;border-radius:12px;color:#fff}
.top .ib:active{background:var(--d2)}
#b-tel{color:#fff}

/* Karten */
.c{background:radial-gradient(130% 90% at 100% 0%,rgba(240,123,29,.09),rgba(240,123,29,0) 55%),var(--d1);border:0;border-radius:18px;padding:18px;margin-bottom:14px;color:var(--tx);box-shadow:none}
.c h3{font-family:var(--ft);font-size:17px;letter-spacing:.02em;text-transform:uppercase;color:#fff;font-weight:700;margin:0 0 10px}
.c.msg.neu{box-shadow:inset 3px 0 0 var(--acc)}
.tag{font-family:var(--ft);border-radius:8px;padding:3px 9px;font-size:12px;background:rgba(240,123,29,.18);color:#F07B1D}
.tag.ok{background:rgba(34,197,94,.16);color:#6EE7A0}
.tag.w{background:rgba(239,68,68,.16);color:#FCA5A5}
.tag.gy{background:var(--d2);color:var(--mt)}
.li,.sw,.lib,.mt-r{border-top-color:var(--line)}
.lib .lr{color:var(--tx)}

/* Knöpfe: rund, ruhig */
.btn,.pill{font-family:var(--ft);font-weight:700;font-size:16px;letter-spacing:.01em;text-transform:none;border-radius:14px;box-shadow:none;min-height:50px;transform:none}
.btn{background:var(--acc);color:#fff}
.btn:hover{background:#F07B1D}
.btn.g{background:var(--d2);color:#fff;border:0}
.btn.g:hover{background:var(--d3);color:#fff}
.btn.g small{color:var(--mt)}
.btn.dk{background:#000;color:#fff}
.btn.armed{background:rgba(239,68,68,.16);color:#FCA5A5;border:0}
.btn.sm{border-radius:12px}
.link{font-family:var(--ft);color:#F07B1D}

/* Schnellwahl: quadratische Kacheln mit feinem Symbol, Text darunter */
.q{gap:12px;grid-template-columns:repeat(4,1fr)}
.q a,.q button{background:none;border:0;box-shadow:none;border-radius:0;padding:0;color:var(--tx);font-family:Barlow,sans-serif;font-weight:500;font-size:14px;line-height:1.2;gap:10px}
.q b,.q b.gr,.q b.bl{width:100%;height:auto;aspect-ratio:1/1;max-width:84px;margin:0 auto;border-radius:14px;background:var(--d2);color:#fff;display:grid;place-items:center}
.q b svg{width:30px;height:30px;stroke-width:1.5}
.q a:active b,.q button:active b{background:var(--d3)}
.q>:first-child b{background:var(--acc);color:#fff}

/* Reifen, Balken, Hinweise */
.ty{border:0;background:var(--d2);border-radius:12px}
.bar{background:#3A3E43}
.tip,.inf.tipp{background:#272A2E;box-shadow:inset 3px 0 0 #F07B1D;border:0;color:var(--tx)}
.inf{background:var(--d2);color:var(--tx)}
.inf.ok{background:rgba(34,197,94,.14);color:#6EE7A0}
.inst{background:var(--d1);border:0;box-shadow:inset 3px 0 0 var(--acc);color:var(--tx)}
.inst b{color:#F07B1D}
.akt{background:var(--d1)}
.err{background:rgba(239,68,68,.14);color:#FCA5A5}

/* Schalter und Auswahl */
.tg{background:#3A3E43}
.mfk-chip{background:var(--d2);color:var(--tx)}
.mfk-chip.bald{background:rgba(240,123,29,.18);color:#F07B1D}
.mfk-add{background:transparent;border-color:rgba(240,123,29,.6);color:#F07B1D}
.mt-ic{background:var(--d2);color:#fff}
.mt-b{background:var(--acc)}
.ls,.ch,.dy,.tm,.seg3 button{background:var(--d2);border:1.5px solid transparent;color:var(--tx);border-radius:14px}
.ls b,.ch b,.dy b{font-family:var(--ft);font-weight:700}
.ls em{color:#F07B1D}
.ls.on,.ls:hover,.ch.on,.seg3 button.on{border-color:var(--acc);background:rgba(240,123,29,.12);color:var(--tx)}
.ch.on b{color:#fff}
.dy.on,.tm.on{background:var(--acc);border-color:var(--acc);color:#fff}
.sum{background:var(--d2)}
.reg .hd button{background:var(--d2);border:0;color:#fff}
.reg,.bk{color:var(--tx)}

/* Eingaben */
input[type=email],input[type=text],input[type=tel],input[type=date],select,textarea,.sh-date{background:var(--d2);border-color:var(--d3);color:var(--tx)}
input::placeholder,textarea::placeholder{color:#6B7178}
.chk{color:var(--tx)}

/* Blatt von unten, Hinweis */
.sh{background:var(--d1);color:var(--tx)}
.sh-grip{background:#4A4F55}
.sh-x{background:var(--d2);color:#fff}
#toast{background:#2E3236}

/* Navigation unten */
.nav{background:var(--d0);border-top:1px solid #1E2024;box-shadow:none}
.nav button{color:#8A9097;font-family:Barlow,sans-serif;font-weight:500;font-size:11px;letter-spacing:0;text-transform:none}
.nav button.on{color:#fff}
.nav button.on::after{bottom:0;top:auto;width:26px;height:3px;border-radius:2px;background:#fff;transform:none}

/* Grafik oben rechts in den Karten (eigene Zeichnungen in Orange, laufen nach unten links aus) */
.c[class*="k-"]{position:relative;overflow:hidden}
.c[class*="k-"]>*{position:relative;z-index:1}
.c[class*="k-"]::after{content:"";position:absolute;top:-38px;right:-36px;width:140px;height:140px;background:no-repeat center/contain;opacity:.42;pointer-events:none;z-index:0}
.c.k-rad::after{top:-48px;right:-48px;width:165px;height:165px}
.c.k-rad::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20200%20200%22%20fill=%22none%22%20stroke=%22url%28%23g%29%22%20stroke-width=%226%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cdefs%3E%3ClinearGradient%20id=%22g%22%20x1=%221%22%20y1=%220%22%20x2=%220%22%20y2=%221%22%3E%3Cstop%20offset=%220%22%20stop-color=%22%23FFB27A%22/%3E%3Cstop%20offset=%22.45%22%20stop-color=%22%23F07B1D%22/%3E%3Cstop%20offset=%221%22%20stop-color=%22%23F07B1D%22%20stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle%20cx=%22100%22%20cy=%22100%22%20r=%2288%22%20stroke-width=%2214%22/%3E%3Ccircle%20cx=%22100%22%20cy=%22100%22%20r=%2272%22%20stroke-width=%223%22/%3E%3Cpath%20d=%22M100.0%2038.0L96.2%2083.4L103.8%2083.4ZM63.6%2049.8L87.2%2088.8L93.4%2084.4ZM41.0%2080.8L83.1%2098.5L85.4%2091.2ZM41.0%20119.2L85.4%20108.8L83.1%20101.5ZM63.6%20150.2L93.4%20115.6L87.2%20111.2ZM100.0%20162.0L103.8%20116.6L96.2%20116.6ZM136.4%20150.2L112.8%20111.2L106.6%20115.6ZM159.0%20119.2L116.9%20101.5L114.6%20108.8ZM159.0%2080.8L114.6%2091.2L116.9%2098.5ZM136.4%2049.8L106.6%2084.4L112.8%2088.8Z%22%20stroke-width=%223%22/%3E%3Ccircle%20cx=%22100%22%20cy=%22100%22%20r=%2213%22%20stroke-width=%225%22/%3E%3C/svg%3E")}
.c.k-termin::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20200%20200%22%20fill=%22none%22%20stroke=%22url%28%23g%29%22%20stroke-width=%226%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cdefs%3E%3ClinearGradient%20id=%22g%22%20x1=%221%22%20y1=%220%22%20x2=%220%22%20y2=%221%22%3E%3Cstop%20offset=%220%22%20stop-color=%22%23FFB27A%22/%3E%3Cstop%20offset=%22.45%22%20stop-color=%22%23F07B1D%22/%3E%3Cstop%20offset=%221%22%20stop-color=%22%23F07B1D%22%20stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20x=%2228%22%20y=%2240%22%20width=%22144%22%20height=%22132%22%20rx=%2220%22/%3E%3Cpath%20d=%22M28%2078h144M66%2024v30M134%2024v30%22/%3E%3Cpath%20d=%22M72%20124l20%2020%2038-40%22%20stroke-width=%229%22/%3E%3C/svg%3E")}
.c.k-auto::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20200%20200%22%20fill=%22none%22%20stroke=%22url%28%23g%29%22%20stroke-width=%226%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cdefs%3E%3ClinearGradient%20id=%22g%22%20x1=%221%22%20y1=%220%22%20x2=%220%22%20y2=%221%22%3E%3Cstop%20offset=%220%22%20stop-color=%22%23FFB27A%22/%3E%3Cstop%20offset=%22.45%22%20stop-color=%22%23F07B1D%22/%3E%3Cstop%20offset=%221%22%20stop-color=%22%23F07B1D%22%20stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath%20d=%22M30%20136H18c-4%200-6-3-6-6v-10c0-8%206-12%2016-14l38-8c14-14%2030-24%2052-25h22c16%200%2028%208%2038%2022l8%2010c6%203%208%208%208%2014v11c0%203-2%206-6%206h-10%22/%3E%3Cpath%20d=%22M70%20136h66%22/%3E%3Ccircle%20cx=%2252%22%20cy=%22136%22%20r=%2217%22/%3E%3Ccircle%20cx=%22154%22%20cy=%22136%22%20r=%2217%22/%3E%3Cpath%20d=%22M80%2099c10-10%2022-16%2036-16h22c10%200%2018%205%2024%2014z%22%20stroke-width=%224%22/%3E%3C/svg%3E")}
.c.k-person::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20200%20200%22%20fill=%22none%22%20stroke=%22url%28%23g%29%22%20stroke-width=%226%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cdefs%3E%3ClinearGradient%20id=%22g%22%20x1=%221%22%20y1=%220%22%20x2=%220%22%20y2=%221%22%3E%3Cstop%20offset=%220%22%20stop-color=%22%23FFB27A%22/%3E%3Cstop%20offset=%22.45%22%20stop-color=%22%23F07B1D%22/%3E%3Cstop%20offset=%221%22%20stop-color=%22%23F07B1D%22%20stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle%20cx=%22100%22%20cy=%2272%22%20r=%2234%22/%3E%3Cpath%20d=%22M34%20176c4-36%2032-58%2066-58s62%2022%2066%2058%22/%3E%3C/svg%3E")}
.c.k-garage::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20200%20200%22%20fill=%22none%22%20stroke=%22url%28%23g%29%22%20stroke-width=%226%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cdefs%3E%3ClinearGradient%20id=%22g%22%20x1=%221%22%20y1=%220%22%20x2=%220%22%20y2=%221%22%3E%3Cstop%20offset=%220%22%20stop-color=%22%23FFB27A%22/%3E%3Cstop%20offset=%22.45%22%20stop-color=%22%23F07B1D%22/%3E%3Cstop%20offset=%221%22%20stop-color=%22%23F07B1D%22%20stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath%20d=%22M20%2086L100%2030l80%2056v90H20z%22/%3E%3Cpath%20d=%22M50%20176v-62h100v62M50%20134h100M50%20154h100%22%20stroke-width=%224%22/%3E%3C/svg%3E")}
.c.k-doc::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20200%20200%22%20fill=%22none%22%20stroke=%22url%28%23g%29%22%20stroke-width=%226%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cdefs%3E%3ClinearGradient%20id=%22g%22%20x1=%221%22%20y1=%220%22%20x2=%220%22%20y2=%221%22%3E%3Cstop%20offset=%220%22%20stop-color=%22%23FFB27A%22/%3E%3Cstop%20offset=%22.45%22%20stop-color=%22%23F07B1D%22/%3E%3Cstop%20offset=%221%22%20stop-color=%22%23F07B1D%22%20stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath%20d=%22M52%2020h68l40%2040v120H52z%22/%3E%3Cpath%20d=%22M120%2020v40h40%22/%3E%3Cpath%20d=%22M76%2098h60M76%20122h60M76%20146h40%22%20stroke-width=%225%22/%3E%3C/svg%3E")}
.c.k-set::after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20200%20200%22%20fill=%22none%22%20stroke=%22url%28%23g%29%22%20stroke-width=%226%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cdefs%3E%3ClinearGradient%20id=%22g%22%20x1=%221%22%20y1=%220%22%20x2=%220%22%20y2=%221%22%3E%3Cstop%20offset=%220%22%20stop-color=%22%23FFB27A%22/%3E%3Cstop%20offset=%22.45%22%20stop-color=%22%23F07B1D%22/%3E%3Cstop%20offset=%221%22%20stop-color=%22%23F07B1D%22%20stop-opacity=%220%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle%20cx=%22100%22%20cy=%22100%22%20r=%2226%22/%3E%3Cpath%20d=%22M100%2022v22M100%20156v22M22%20100h22M156%20100h22M45%2045l16%2016M139%20139l16%2016M155%2045l-16%2016M61%20139l-16%2016%22/%3E%3Ccircle%20cx=%22100%22%20cy=%22100%22%20r=%2258%22%20stroke-width=%224%22/%3E%3C/svg%3E")}

}

/* Karte «Ihre Reifen sind da»: Rand im Website-Orange, im Dunkelmodus dunkle Karte */
.c.bereit{border:1.5px solid #F07B1D}
@media (prefers-color-scheme: dark){.c.bereit{background:radial-gradient(130% 90% at 100% 0%,rgba(240,123,29,.09),rgba(240,123,29,0) 55%),#1C1E21}}

/* Teil 81: eigener Hell/Dunkel-Modus – verhindert, dass Handy-Browser (z. B. Samsung) die Farben zusätzlich abdunkeln (Orange wurde rot) */
:root{color-scheme:light dark}
/* Teil 82: Samsung Internet legt seinen Dunkelmodus über die HELLE Ansicht und macht orange Hintergründe dunkelrot,
   Schatten aber nur leicht gedämpft. Deshalb Orange zusätzlich als Innen-Schatten – überall sonst sieht es genau gleich aus. */
.btn:not(.g):not(.dk):not(.armed),.mt-b,.dy.on,.tm.on,.tg.on,.dots i.f,.top .badge,.br-ic,.nw-dot,.nav button.on::after{box-shadow:inset 0 0 0 999px #F07B1D}
.pill:not(.ghost){box-shadow:inset 0 0 0 999px #F07B1D,0 10px 26px rgba(240,123,29,.28)}
.q>:first-child b{box-shadow:inset 0 0 0 999px #F07B1D,0 1px 2px rgba(23,25,28,.05),0 6px 18px rgba(23,25,28,.06)}
@media (prefers-color-scheme: dark){.nav button.on::after{box-shadow:none}}
/* Teil 83: Bilder und oranger Schimmer in den Karten als PNG statt SVG/Verlauf – Samsung Internet färbt SVG und Verläufe im Dunkelmodus rot, PNG nur gedämpft */
.c{background-image:url(/app/grafik/glanz.png);background-repeat:no-repeat;background-position:0 0;background-size:100% 100%}
.c.k-rad::after{background-image:url(/app/grafik/k-rad.png)}.c.k-termin::after{background-image:url(/app/grafik/k-termin.png)}.c.k-auto::after{background-image:url(/app/grafik/k-auto.png)}.c.k-person::after{background-image:url(/app/grafik/k-person.png)}.c.k-garage::after{background-image:url(/app/grafik/k-garage.png)}.c.k-doc::after{background-image:url(/app/grafik/k-doc.png)}.c.k-set::after{background-image:url(/app/grafik/k-set.png)}
/* Teil 92: Fahrzeugausweis fotografieren */
.au-foto{margin:0 0 6px;padding:14px;border-radius:14px;background:var(--soft);font-size:15px;line-height:1.45}
.au-foto .btn{margin-top:12px;width:100%}
.au-oder{display:flex;align-items:center;gap:10px;margin:16px 0 8px;color:var(--mt);font-size:13px}.au-oder::before,.au-oder::after{content:"";flex:1;height:1px;background:var(--line)}
.lnk{background:none;border:0;padding:0 0 0 6px;color:#F07B1D;font:inherit;font-weight:700;cursor:pointer;text-decoration:underline}
.aw-wahl{display:grid;gap:12px;margin-top:6px}
.aw-w{display:block;text-align:left;width:100%;padding:16px 18px;border-radius:16px;border:0;background:var(--d1);color:var(--tx);font:inherit;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.05)}
.aw-w b{display:block;font-family:var(--ft);font-size:17px;margin-bottom:4px}.aw-w span{color:var(--mt);font-size:14.5px}
.aw-w:first-child{box-shadow:inset 0 0 0 2px #F07B1D}
.vs-alt{opacity:.75}.vs-alt .big{text-decoration:line-through;text-decoration-thickness:1px}.vs-hin{margin:12px 0 8px}
.aw-tipp-hin{margin-top:0}
.ow-l{list-style:none;margin:6px 0 12px;padding:0;display:grid;gap:10px;counter-reset:ow}
.ow-l li{position:relative;padding-left:38px;min-height:28px;counter-increment:ow}
.ow-l li::before{content:counter(ow);position:absolute;left:0;top:0;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font:700 13px var(--ft);background:var(--d2,#EEF0F2);color:var(--mt)}
.ow-l li.ok::before{content:"✓";background:rgba(31,154,82,.16);color:#1F7A3A}
.ow-l li.jetzt::before{background:#F07B1D;box-shadow:inset 0 0 0 999px #F07B1D;color:#fff}
.ow-l b{display:block;font-family:var(--ft);font-size:15.5px}.ow-l small{display:block;color:var(--mt);font-size:13.5px;margin-top:2px}
.on-g{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 12px}
.neu-box{box-shadow:inset 3px 0 0 #F07B1D}.neu-l{margin:6px 0 14px;padding-left:20px;display:grid;gap:6px}.neu-l li{font-size:15px;line-height:1.4}
.prob-k{display:flex;align-items:center;gap:14px;width:100%;text-align:left;border:0;font:inherit;color:var(--tx);cursor:pointer}
.prob-k b{display:block;font-family:var(--ft);font-size:17px}.prob-k small{display:block;color:var(--mt);font-size:14px;margin-top:2px}.prob-k i{margin-left:auto;font-style:normal;font-size:24px;color:var(--mt)}
.prob-ic{flex:0 0 46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:22px;background:var(--d2,#EEF0F2)}
.pb-art{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pb-art .ch{min-height:76px;padding:10px 6px;text-align:center}.pb-art .ch b{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:13.5px;line-height:1.2}
.pb-ic{font-size:22px;line-height:1}
.pb-3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pb-3 .ch{text-align:center;padding:12px 6px}.pb-3 .ch b{font-size:14px}
.pb-not{margin-top:12px;padding:14px 16px;border-radius:14px;background:var(--d2,#F2F3F5)}.pb-not b{display:block;font-family:var(--ft);font-size:15.5px}.pb-not p{margin:4px 0 0;font-size:14.5px;line-height:1.45;color:var(--tx)}.pb-not .pb-not-s{margin-top:8px;color:var(--mt);font-size:13.5px}.pb-not a{color:#F07B1D;font-weight:600;text-decoration:none}
.pb-frei{font-weight:500;color:var(--mt);text-transform:none;letter-spacing:0;font-size:12px;margin-left:6px}
.pb-fotos{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}.pb-th{position:relative;width:78px;height:78px;border-radius:12px;overflow:hidden}.pb-th img{width:100%;height:100%;object-fit:cover}
.pb-th button{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;border:0;background:rgba(0,0,0,.6);color:#fff;font-size:16px;line-height:1;cursor:pointer}
.pb-add{width:78px;height:78px;border-radius:12px;border:2px dashed var(--d3,#D5D9DE);background:none;color:var(--mt);font:600 13px var(--ft);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer}.pb-add{font-size:22px}.pb-add span{font-size:12px}
.ok-big{width:72px;height:72px;border-radius:50%;margin:30px auto 10px;display:grid;place-items:center;font-size:36px;color:#fff;background:#1F9A52;box-shadow:inset 0 0 0 999px #1F9A52}
.pb-lb{display:block;margin:12px 0 6px;font:600 13.5px var(--ft);color:var(--tx)}.pb-2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pb-2 .ch{text-align:center;padding:12px 8px}.pb-2 .ch b,.pb-not .pb-3 .ch b{font-size:14px}
.prob-ic img{width:34px;height:34px}