/* Original-Logo von Carilo */
.lockup{height:46px;width:auto;display:block}
@media (min-width:900px){.lockup{height:52px}}
html.splash body #splash{background:#fff}
#splash .sp-logo{width:260px;height:auto;animation:spl-in .55s cubic-bezier(.2,.9,.3,1.2) both}

/* Startbild der App (wie Entwurf) */
#welcome{position:fixed;inset:0;z-index:40;overflow:hidden;background:linear-gradient(180deg,#c9d6e8 0%,#dfe3ec 18%,#f2e8e6 34%,#f9ede5 46%)}
#welcome[hidden]{display:none}
html.wl-on body{overflow:hidden}
.wl-photo{position:absolute;top:41vh;left:0;right:0;margin:0 auto;width:100%;max-width:620px;height:auto;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 22%);mask-image:linear-gradient(180deg,transparent 0,#000 22%)}
@media (min-width:600px){.wl-photo{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 22%),linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,transparent 0,#000 22%),linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);mask-composite:intersect}}
.wl-logo{position:absolute;top:calc(env(safe-area-inset-top,0px) + 9vh);left:0;right:0;margin:0 auto;width:min(80vw,340px);height:auto;animation:spl-in .55s cubic-bezier(.2,.9,.3,1.2) both}
.wl-actions{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:110px 24px calc(30px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:center;gap:14px;background:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,255,255,.88) 90px,#fff 140px)}
.wl-btn{appearance:none;width:100%;max-width:420px;height:58px;border-radius:999px;font:inherit;font-weight:700;font-size:18px;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer}
.wl-btn svg{width:22px;height:22px}
.wl-btn span{font-size:28px;font-weight:400;line-height:1;margin-top:-3px}
.wl-red{border:0;color:#fff;background:linear-gradient(180deg,#f0262d,#c4000a);box-shadow:0 8px 18px rgba(196,0,10,.28)}
.wl-ghost{color:#111;background:rgba(255,255,255,.9);border:1.5px solid #8c8c8c}
.wl-btn:active{transform:translateY(1px)}
.wl-tag{display:flex;align-items:center;gap:12px;width:100%;max-width:420px;font-size:13px;color:#444;margin-top:8px}
.wl-tag::before,.wl-tag::after{content:"";flex:1;height:1px;background:#9a9a9a}
#welcome::after{content:"";position:absolute;z-index:3;left:-22%;bottom:-118px;width:78%;height:170px;border-radius:0 100% 0 0/0 100% 0 0;background:linear-gradient(100deg,#b8000a,#ee2a2a);pointer-events:none}
.wl-back{appearance:none;background:none;border:0;padding:0;font:inherit;font-weight:700;color:var(--muted);cursor:pointer;align-self:flex-start}
@media (max-height:700px){.wl-logo{top:calc(env(safe-area-inset-top,0px) + 5vh);width:min(66vw,280px)}.wl-photo{top:36vh}}
/* ===== Einheitliches Design auf allen Seiten (wie Anmeldeseite) ===== */
.wl-formlogo{display:none}
html{background:#eef1f6}
html body{background:transparent}
body::after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(180deg,#fff 0%,#e3e9f2 14%,#f1e9e7 34%,#f9ede5 46%,#f6efe9 100%)}
body::before{content:"";position:fixed;left:0;right:0;top:40vh;bottom:0;z-index:-1;pointer-events:none;background:linear-gradient(rgba(255,255,255,.28),rgba(255,255,255,.28)),url(/welcome-bg.webp) center top/cover no-repeat;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 25%);mask-image:linear-gradient(180deg,transparent 0,#000 25%)}
html.wl-form body::before{top:34vh;background:url(/welcome-bg.webp) center top/cover no-repeat}
.app>h1,.app>h2,.app section>.row h2,.app section>.row .muted,.hero h1,.hero p{text-shadow:0 1px 14px rgba(255,255,255,.95)}

/* Karten: Glas, weich */
.card,.card.pop{background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);border:1px solid rgba(255,255,255,.85);border-radius:26px;padding:20px;gap:14px;box-shadow:0 14px 40px rgba(28,38,60,.12)}
.muted{color:#5b5d66}

/* Knöpfe: Pillen */
.btn{border-radius:999px;min-height:52px;padding:14px 20px;display:flex;align-items:center;justify-content:center;font-size:16px;background:linear-gradient(180deg,#f0262d,#c4000a);color:#fff;box-shadow:0 8px 18px rgba(196,0,10,.22)}
.btn.red{background:linear-gradient(180deg,#f0262d,#c4000a)}
.btn.ghost{background:#fff;color:#111;border:1.5px solid #c9c9cf;box-shadow:0 2px 8px rgba(28,38,60,.06)}
.btn.sm{display:inline-flex;min-height:40px;padding:8px 16px;font-size:14px;border-radius:999px;width:auto}
.btn:active{transform:translateY(1px)}
.top .btn.ghost{background:rgba(255,255,255,.9)}

/* Felder */
.field label{font-size:13px;font-weight:600;color:#444}
.field input,.field textarea{border:1.5px solid #dcdde3;border-radius:14px;background:#fff;padding:14px;font-size:16px;transition:border-color .15s,box-shadow .15s}
.field input:focus,.field textarea:focus{outline:none;border-color:#e3060f;box-shadow:0 0 0 4px rgba(227,6,15,.12)}
.field input[type=file]{padding:10px}

/* Kleine Elemente */
.chip{padding:5px 11px;font-weight:700;border:0}
.chip.ink{background:linear-gradient(180deg,#f0262d,#c4000a);color:#fff}
.chip.info{background:rgba(17,17,17,.07);color:#333}
.plate{border-width:1.5px}
.eyebrow{color:#c4000a}
.err{border:1.5px solid #f3b4b7;border-radius:14px}
html .info:not(.chip){border:1.5px solid #a9dcbf;border-radius:14px}
html .chip.info{border:0;background:rgba(17,17,17,.07);color:#333;padding:5px 11px;font-size:12px;font-weight:700;border-radius:999px}
html .card[style*="--sign"] .chip.info{background:rgba(255,255,255,.22);color:#fff}
.legal{border:1.5px solid #f0d48a;border-radius:14px}
.switch{border:1.5px solid #c9c9cf;background:#e9eaee}
.switch::after{background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.25)}
.switch:checked{background:linear-gradient(180deg,#f0262d,#c4000a);border-color:#c4000a}
.app>.note{align-self:center;background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;padding:8px 14px;color:#444}
.app>.note a{color:#c4000a}
.toast{border:0;border-radius:999px;background:rgba(17,17,17,.9);box-shadow:0 10px 30px rgba(0,0,0,.25)}
.skeleton{color:#555}

/* Anmeldung / Umschalter / Links */
#login h1,#recover h1{font-size:24px!important;text-align:center;letter-spacing:-.02em}
.wl-back{font-size:14px;font-weight:600;color:#666}
html .seg{border:0;background:rgba(17,17,17,.07);border-radius:999px;padding:4px;gap:4px;overflow:visible}
html .seg button{background:transparent;border-radius:999px;padding:10px 8px;color:#555;font-size:15px;transition:background .15s,color .15s}
html .seg button[aria-selected="true"]{background:#fff;color:#111;box-shadow:0 2px 8px rgba(0,0,0,.12)}
html .linkbtn{text-decoration:none;color:#c4000a;font-weight:600}
#login .linkbtn{align-self:center}
html .alt{border-top:1px solid #e6e6ea;align-items:center}

/* Nachrichten */
.msg{background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.85);border-radius:24px;padding:18px;box-shadow:0 10px 30px rgba(28,38,60,.10)}
.msg.new{background:#fff;border:2px solid #e3060f;box-shadow:0 12px 30px rgba(227,6,15,.16)}
.msg.sos{background:linear-gradient(160deg,#f0262d,#b8000a);color:#fff;border:0;box-shadow:0 12px 30px rgba(196,0,10,.3)}
.msg>div{display:flex;flex-direction:column;gap:10px}
.msg-title{font-size:22px}
.msg img{border:0;border-radius:16px}
.msg .btn.ghost.sm{align-self:flex-start}
.contact{border:1.5px solid #dcdde3}

/* Scan-Seite */
.reason{border:1.5px solid rgba(255,255,255,.9);background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;box-shadow:0 6px 18px rgba(28,38,60,.08);transition:transform .1s,box-shadow .15s,border-color .15s}
.reason .ico{color:#c4000a}
.reason[aria-pressed="true"]{background:#fff;border-color:#e3060f;box-shadow:0 0 0 4px rgba(227,6,15,.14),0 8px 20px rgba(28,38,60,.12)}
.reason.sos{background:linear-gradient(160deg,#f0262d,#b8000a);border:0;color:#fff}
.reason.sos .ico{color:#fff}
.reason.sos[aria-pressed="true"]{background:linear-gradient(160deg,#f0262d,#b8000a);outline:3px solid #fff;outline-offset:-7px;box-shadow:0 10px 24px rgba(196,0,10,.35)}
.sosbox{background:linear-gradient(160deg,#f0262d,#b8000a);border:0;border-radius:26px;box-shadow:0 14px 34px rgba(196,0,10,.3)}
.call{border:0;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.15)}
.big{border:0;background:linear-gradient(180deg,#f0262d,#c4000a);color:#fff;box-shadow:0 8px 20px rgba(196,0,10,.3)}
.card[style*="--sign"]{background:linear-gradient(160deg,#f0262d,#b8000a)!important;border:0;box-shadow:0 14px 34px rgba(196,0,10,.28)}

/* Startseite */
.stk{border:0;background:linear-gradient(160deg,#f0262d,#b8000a);box-shadow:0 18px 40px rgba(196,0,10,.3)}
.bubble{border:1px solid rgba(255,255,255,.9);box-shadow:0 14px 34px rgba(28,38,60,.16)}
.price-tag{border:0;box-shadow:0 8px 20px rgba(0,0,0,.14)}
.step::before{border-radius:50%;background:linear-gradient(180deg,#f0262d,#c4000a)}
.price{border:1.5px solid #e3e3e8;background:#fff;border-radius:18px}
.ticks li::before{color:#c4000a}
.facts span{background:rgba(255,255,255,.8);border-radius:999px;padding:5px 12px}

/* Mein Konto: Kacheln */
.tp:not(.tp-on){display:none!important}
html[data-view="home"] #tp-back{display:none}
html:not([data-view="home"]) #tiles{display:none}
#tiles{display:flex;flex-direction:column;gap:14px}
.tiles-title{font-size:30px;text-shadow:0 1px 14px rgba(255,255,255,.95)}
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tile{position:relative;display:flex;flex-direction:column;gap:4px;min-height:128px;padding:16px;border-radius:24px;text-decoration:none;color:#111;background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1.5px solid rgba(255,255,255,.9);box-shadow:0 10px 28px rgba(28,38,60,.11);transition:transform .1s,box-shadow .15s}
.tile:active{transform:scale(.98)}
.tile-ico{width:44px;height:44px;border-radius:14px;background:#fdecec;color:#c4000a;display:grid;place-items:center;margin-bottom:auto}
.tile-ico svg{width:24px;height:24px}
.tile b{font-family:var(--display);font-weight:800;font-size:18px;letter-spacing:-.02em;line-height:1.1;margin-top:12px}
.tile small{font-size:13px;color:#5b5d66;font-weight:500}
.tile-nachrichten{grid-column:1/-1;min-height:0;display:grid;grid-template-columns:52px 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center}
.tile-nachrichten .tile-ico{grid-row:1/3;width:52px;height:52px;margin:0}
.tile-nachrichten b{margin:0;font-size:20px;align-self:end}
.tile-nachrichten small{align-self:start}
.tile.hot{border:2px solid #e3060f;box-shadow:0 12px 30px rgba(227,6,15,.18)}
.tile.hot .tile-ico{background:linear-gradient(180deg,#f0262d,#c4000a);color:#fff}
.tile.hot small{color:#c4000a;font-weight:700}
.tile-push.on .tile-ico{background:#d9f5e4;color:#0d6b3a}
.tile-badge{position:absolute;top:14px;right:14px;min-width:26px;height:26px;padding:0 8px;border-radius:999px;background:linear-gradient(180deg,#f0262d,#c4000a);color:#fff;font-style:normal;font-weight:800;font-size:14px;display:grid;place-items:center}
.tile-nachrichten .tile-badge{top:50%;transform:translateY(-50%);right:18px}
#tp-back{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.tp-back-btn{display:inline-flex;align-items:center;gap:4px;padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.9);border:1.5px solid #dcdde3;color:#111;font-weight:700;font-size:14px;text-decoration:none;box-shadow:0 2px 8px rgba(28,38,60,.06)}
.tp-title{font-size:30px;text-shadow:0 1px 14px rgba(255,255,255,.95)}
.tp[data-tp="nachrichten"]>.row h2,#push>.row h3,#privacy>h3{display:none}
.tp[data-tp="nachrichten"]>.row{justify-content:flex-end}
/* Fusszeile ganz unten */
.app{min-height:calc(100vh - 54px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));min-height:calc(100dvh - 54px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}
.app>.note{margin-top:auto}
body{padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}
.app{min-height:calc(100dvh - 30px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}
@media (min-width:900px){.home{min-height:0}}

/* ===== Design-Feinschliff v2 (Impeccable / Taste / Emil Kowalski) ===== */
:root{--ease-out:cubic-bezier(.23,1,.32,1);--ease-io:cubic-bezier(.77,0,.175,1);--ink:#16171a;--line-soft:#e7e8ed}
/* Browser-Details in Carilo-Farben */
::selection{background:#fde0e1;color:#111}
html{caret-color:#e3060f;accent-color:#e3060f;-webkit-tap-highlight-color:transparent}
:focus-visible{outline:2px solid #e3060f;outline-offset:2px}
.tile:focus-visible,.btn:focus-visible,.reason:focus-visible{outline-offset:3px}
/* Ruhiger Hintergrund: Berge nur bei Start/Anmelden und Startseite */
body::before{display:none}
html.wl-form body::before,body:has(.home)::before{display:block}
body::after{background:linear-gradient(180deg,#fbfbfd 0%,#f1f3f8 100%)}
html.wl-form body::after,body:has(.home)::after{background:linear-gradient(180deg,#fff 0%,#e3e9f2 14%,#f1e9e7 34%,#f9ede5 46%,#f6efe9 100%)}
.app>h1,.app>h2,.app section>.row h2,.app section>.row .muted,.tiles-title,.tp-title{text-shadow:none}
/* Karten: schlicht weiss statt Milchglas */
.card,.card.pop,.msg,.reason,.tile{-webkit-backdrop-filter:none;backdrop-filter:none}
.card,.card.pop{background:#fff;border:1px solid var(--line-soft);box-shadow:0 1px 2px rgba(16,24,40,.04),0 8px 24px rgba(16,24,40,.06)}
.msg{background:#fff;border:1px solid var(--line-soft);box-shadow:0 1px 2px rgba(16,24,40,.04),0 6px 18px rgba(16,24,40,.05)}
.tile{background:#fff;border:1px solid var(--line-soft);box-shadow:0 1px 2px rgba(16,24,40,.04),0 6px 18px rgba(16,24,40,.05)}
.reason{background:#fff;border:1px solid var(--line-soft);box-shadow:0 1px 2px rgba(16,24,40,.04)}
html.wl-form #login{background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
/* Rot nur fuer die Hauptaktion: Standard-Knopf dunkel */
.btn{background:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.12)}
.btn.red,.btn.cta,.pp>.btn,#send,#login .btn:not(.ghost),#act-form .btn{background:linear-gradient(180deg,#f0262d,#c4000a);box-shadow:0 6px 16px rgba(196,0,10,.22)}
.msg .btn.red{background:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.12)}
.msg.sos .btn.red{background:#fff;color:#c4000a}
.btn:disabled{opacity:.4;box-shadow:none}
.read-hint{margin-top:-4px}
.msg.sos .read-hint{color:rgba(255,255,255,.85)}
/* Keine Etiketten ueber Titeln */
.eyebrow{display:none}
.car-name{font-family:var(--display);font-size:20px;font-weight:800;letter-spacing:-.02em}
/* Scan-Seite: Begruessung ruhig, Notfall klar am staerksten */
.card[style*="--sign"]{background:#fff!important;color:var(--ink)!important;border:1px solid var(--line-soft);box-shadow:0 1px 2px rgba(16,24,40,.04),0 8px 24px rgba(16,24,40,.06)}
.card[style*="--sign"] h1{color:var(--ink)}
html .card[style*="--sign"] .chip.info{background:#f1f2f5;color:#444}
.reason.sos{min-height:64px;font-size:18px;box-shadow:0 10px 26px rgba(196,0,10,.32),inset 0 0 0 1px rgba(255,255,255,.15)}
.reason.sos .ico{width:30px;height:30px}
.reason .ico{color:#c4000a}
.reason[aria-pressed="true"]{border-color:#e3060f;box-shadow:0 0 0 3px rgba(227,6,15,.14)}
/* Startseite: Preis hervorheben */
.home>.pp{border:1.5px solid #f3c5c7;box-shadow:0 10px 30px rgba(196,0,10,.10)}
.home>.pp .price b.p{color:#c4000a}
.home>.have{background:transparent;border:1px dashed #d6d8de;box-shadow:none}
.home>.how{box-shadow:none}

/* ===== Bewegung (kurz, ease-out, unterbrechbar) ===== */
.btn,.tile,.reason,.tp-back-btn,.wl-btn,.seg button{transition:transform .16s var(--ease-out),box-shadow .2s var(--ease-out),background-color .2s var(--ease-out)}
.btn:active,.tp-back-btn:active,.wl-btn:active{transform:scale(.97)}
.tile:active,.reason:active{transform:scale(.98)}
@keyframes c-in-r{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
@keyframes c-in-l{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:none}}
@keyframes c-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes c-pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.12);opacity:1}100%{transform:scale(1)}}
@keyframes c-press{0%{transform:scale(1)}40%{transform:scale(.96)}100%{transform:scale(1)}}
@keyframes c-check{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.08);opacity:1}100%{transform:scale(1)}}
html:not([data-view="home"]) .tp-on,html:not([data-view="home"]) #tp-back{animation:c-in-r .26s var(--ease-out) both}
html[data-view="home"] #tiles{animation:c-in-l .26s var(--ease-out) both}
.tiles>.tile{animation:c-rise .32s var(--ease-out) both}
.tiles>.tile:nth-child(2){animation-delay:30ms}.tiles>.tile:nth-child(3){animation-delay:60ms}.tiles>.tile:nth-child(4){animation-delay:90ms}.tiles>.tile:nth-child(5){animation-delay:120ms}
.tile-badge:not([hidden]){animation:c-pop .42s var(--ease-out) both}
.tile-nachrichten .tile-badge:not([hidden]){animation:none}
.msg.new,.msg.sos{animation:c-rise .32s var(--ease-out) both}
.reason[aria-pressed="true"]{animation:c-press .22s var(--ease-out)}
#details:not([hidden]),#sosbox:not([hidden]),#contact-fields:not([hidden]),#legal:not([hidden]){animation:c-rise .28s var(--ease-out) both}
#sent:not([hidden]) .big{animation:c-check .45s var(--ease-out) both}
#sent:not([hidden]) h2,#sent:not([hidden]) p,#sent:not([hidden]) #status{animation:c-rise .3s var(--ease-out) .12s both}
.toast:not([hidden]){animation:c-rise .24s var(--ease-out) both}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* ===== v3: Apple-Klarheit, Wallet-Karte, Mitteilungs-Liste ===== */
.app{gap:18px}
.tiles-title,.tp-title{font-size:34px;letter-spacing:-.035em}
.tiles-sub{margin:-8px 0 2px;font-size:15px;color:#5b5d66;font-weight:500}
.tiles-sub.hot{color:#c4000a;font-weight:700}
.tp-back-btn{border:0;background:transparent;box-shadow:none;padding:6px 0;color:#c4000a;font-size:16px}
#tp-back{gap:4px}
/* Nachrichten wie iOS-Mitteilungen: Symbol links */
.msg>div{display:grid;grid-template-columns:44px 1fr;column-gap:14px;row-gap:6px;align-items:start}
.msg>div::before{content:"";grid-row:1/4;grid-column:1;width:44px;height:44px;border-radius:13px;background:#fdecec;box-shadow:inset 0 0 0 1px rgba(196,0,10,.06)}
.msg>div>*{grid-column:2}
.msg>div>.msg-top{order:-1}
.msg>div::after{content:"";position:absolute;top:27px;left:27px;width:22px;height:22px;background:#c4000a;-webkit-mask:var(--ri) center/contain no-repeat;mask:var(--ri) center/contain no-repeat;pointer-events:none}
.msg{position:relative;padding:16px}
.msg.sos>div::before{background:rgba(255,255,255,.18);box-shadow:none}
.msg.sos>div::after{background:#fff}
.msg-title{font-size:19px;line-height:1.15}
.msg .chip{font-size:11px;padding:3px 9px}
.msg .btn{min-height:46px}
.msg:not(.new):not(.sos){box-shadow:none}
.msg[data-r="licht"]{--ri:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2018h6M10%2022h4M12%202a7%207%200%200%200-4%2012.7V17h8v-2.3A7%207%200%200%200%2012%202z%22/%3E%3C/svg%3E")}
.msg[data-r="falsch"]{--ri:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2017h18M7%2017l3-12h4l3%2012M8.5%2011h7%22/%3E%3C/svg%3E")}
.msg[data-r="fenster"]{--ri:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%224%22%20width%3D%2216%22%20height%3D%2216%22%20rx%3D%222%22/%3E%3Cpath%20d%3D%22M4%2012h16M12%204v16%22/%3E%3C/svg%3E")}
.msg[data-r="schaden"]{--ri:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2013l2-6h12l2%206v4H4z%22/%3E%3Cpath%20d%3D%22M5%2017v2M19%2017v2M14%204l2-2M18%206l2-1%22/%3E%3C/svg%3E")}
.msg[data-r="notfall"]{--ri:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203l9%2016H3z%22/%3E%3Cpath%20d%3D%22M12%2010v4M12%2017h.01%22/%3E%3C/svg%3E")}
.msg[data-r="anderes"]{--ri:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2214%22%20rx%3D%222%22/%3E%3Cpath%20d%3D%22m3%207%209%206%209-6%22/%3E%3C/svg%3E")}
.msg:not([data-r]),.msg[data-r=""]{--ri:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2214%22%20rx%3D%222%22/%3E%3Cpath%20d%3D%22m3%207%209%206%209-6%22/%3E%3C/svg%3E")}
/* Mein Auto als Wallet-Karte */
#stickers>.card{padding:0;overflow:hidden;gap:0}
#stickers>.card>.row:first-child{position:relative;margin:0;padding:22px 20px 56px;min-height:150px;align-items:flex-start;color:#fff;background:radial-gradient(120% 140% at 100% 0%,#ff4a50 0%,#e3060f 38%,#a8000a 100%);overflow:hidden}
#stickers>.card>.row:first-child::after{content:"";position:absolute;right:-18px;bottom:-26px;width:130px;height:130px;background:rgba(255,255,255,.14);-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22/%3E%3Crect%20x%3D%2214%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22/%3E%3Crect%20x%3D%223%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22/%3E%3Cpath%20d%3D%22M14%2014h3v3h-3zM20%2014v.01M14%2020h.01M17%2020h4v-3%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22/%3E%3Crect%20x%3D%2214%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22/%3E%3Crect%20x%3D%223%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22/%3E%3Cpath%20d%3D%22M14%2014h3v3h-3zM20%2014v.01M14%2020h.01M17%2020h4v-3%22/%3E%3C/svg%3E") center/contain no-repeat}
#stickers>.card>.row:first-child .car-name{font-size:26px;color:#fff}
#stickers>.card>.row:first-child .plate{background:#fff;border-color:#fff}
#stickers>.card>.row:first-child .chip.ok{background:rgba(255,255,255,.2);color:#fff}
#stickers>.card>.row:first-child .chip.warn{background:#fff;color:#8a4a00}
#stickers>.card>:not(.row:first-child){margin-left:20px;margin-right:20px}
#stickers>.card>p.small{margin-top:14px;margin-bottom:6px}
#stickers>.card>.row:not(:first-child){padding:14px 0;border-top:1px solid #eef0f3}
#stickers>.card>.btn,#stickers>.card>form{margin-bottom:18px}
#stickers>.card>.btn{margin-top:6px}
/* Scan-Seite */
.reason{min-height:108px;padding:16px;gap:12px}
.reason .ico{width:42px;height:42px;padding:9px;border-radius:13px;background:#fdecec;box-sizing:border-box}
.reason span{font-size:16px}
.reason.wide{min-height:auto}
.reason.wide .ico{width:38px;height:38px;padding:8px}
.reason.sos{min-height:72px;position:relative;overflow:hidden}
.reason.sos .ico{width:42px;height:42px;padding:8px;background:rgba(255,255,255,.2)}
.reason.sos::after{content:"Sofort";position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:800;letter-spacing:.02em;background:#fff;color:#c4000a;border-radius:999px;padding:4px 10px}
@keyframes c-ring{0%{box-shadow:0 10px 26px rgba(196,0,10,.32),0 0 0 0 rgba(227,6,15,.45)}100%{box-shadow:0 10px 26px rgba(196,0,10,.32),0 0 0 14px rgba(227,6,15,0)}}
.reason.sos{animation:c-ring 1.6s var(--ease-out) .4s 2}
.card[style*="--sign"] h1{font-size:30px!important}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}