/* =====================================================================
   TM24 Ankaufseite 3.0 – Hybrid (16.10.2026)
   Navy/Electric-Einstieg, helle farbige Auswahl, dunkle Preisanker, Rot nur fuer den finalen
   Verkaufsknopf und notwendige Fehler. Reine Gestaltungsschicht ueber dem bestehenden Funnel:
   keine IDs, Texte, Fragen, Preise oder Regeln werden hier veraendert. Laedt als letzte Datei.
   ===================================================================== */
@font-face{font-family:"Archivo";font-style:normal;font-weight:500 900;font-stretch:100% 125%;font-display:swap;
  src:url("../assets/fonts/archivo-latin-var.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

body.tm-hybrid{
  --hy-navy:#06122E;--hy-abyss:#030A1C;--hy-deep:#0B1D4D;--hy-deep-2:#10276A;
  --hy-blue:#003B8F;--hy-electric:#0039E8;--hy-electric-hi:#2A5BFF;--hy-red:#E30613;--hy-red-dk:#B80510;
  --hy-ice:#EAF3FF;--hy-sky:#9DB8FF;--hy-mist:#C9D6F5;--hy-sky-t:#D6E6FF;--hy-rose:#FFE4E7;--hy-mint:#DCF5E9;--hy-lilac:#ECE6FF;--hy-cream:#FFF1C7;
  --hy-paper:#F5F8FE;--hy-ink:#0B1533;--hy-muted:#4E5A78;--hy-line:#E1E8F5;--hy-line-2:#C9D4EA;
  --hy-ok:#0E6B3A;--hy-ok-line:#1E9B5A;--hy-warn-bg:#FFF4D6;--hy-warn:#7A4B00;--hy-stop-bg:#FFE9EB;--hy-stop:#9E0410;
  --hy-display:"Archivo","Figtree",system-ui,sans-serif;--hy-r:20px;--hy-r-s:14px;
  --hy-ease:cubic-bezier(.16,1,.3,1);--hy-spring:cubic-bezier(.34,1.56,.64,1);
  --tm-accent:#0039E8;--tm-accent-ink:#003B8F;--tm-accent-soft:#EAF3FF;--tm-accent-ring:rgba(0,57,232,.22);--tm-bg:#F5F8FE;
  background:var(--hy-paper) !important;color:var(--hy-ink)}
body.tm-hybrid ::selection{background:var(--hy-electric);color:#fff}
body.tm-hybrid :focus-visible{outline:3px solid var(--hy-electric-hi) !important;outline-offset:3px}
body.tm-hybrid .tm-hy-num,body.tm-hybrid :is(.wizard-card-preis,.wizard-speicher-preis,.model-card-price,.s3-card-price,#ankauf-preis,#ankauf-mobile-preis,#checkout-preis-anzeige,.tm-p,.tm-hy-pick__price,.tm-hy-pick__price){font-variant-numeric:tabular-nums}

/* ---------- Kopf: weiss und schlank, Insel Verkaufen | Kaufen | B2B bleibt sichtbar ---------- */
body.tm-hybrid #tm24-home-header.tm-topbar{background:#fff !important;border-bottom:1px solid var(--hy-line) !important}
body.tm-hybrid #tm24-home-header .tm24-pill-nav{background:var(--hy-ice) !important;border:0 !important;border-radius:999px !important;padding:3px !important;gap:2px !important;box-shadow:none !important}
body.tm-hybrid #tm24-home-header .tm24-pill{border-radius:999px !important;font-weight:800 !important;color:var(--hy-blue) !important;background:transparent !important;box-shadow:none !important;border:0 !important}
body.tm-hybrid #tm24-home-header .tm24-pill.is-active{background:var(--hy-navy) !important;color:#fff !important}
body.tm-hybrid #tm24-home-header .ankauf-icon-link.tm-btn{border-color:var(--hy-line-2) !important;color:var(--hy-blue) !important;font-weight:800 !important}
@media(max-width:767.98px){
  /* Gleiche Selektorform wie tm24-header-tokens.css (Shop/Ankauf/B2B), nur fuer die Ankaufseite: eine Zeile statt zwei. */
  html body.tm-hybrid #tm24-home-header.ankauf-header > .tm24-header-grid{grid-template-columns:auto minmax(0,1fr) auto !important;grid-template-areas:"logo nav act" !important;align-items:center !important;gap:8px !important;padding:8px 12px !important;min-height:58px !important}
  html body.tm-hybrid #tm24-home-header.ankauf-header > .tm24-header-grid > .tm24-header-left > a:first-child img{height:26px !important;max-width:96px !important;width:auto !important}
  html body.tm-hybrid #tm24-home-header.ankauf-header > .tm24-header-grid > .tm24-header-left > .tm24-pill-nav{justify-self:center !important;margin:0 !important}
  body.tm-hybrid #tm24-home-header .tm24-pill{padding:7px 10px !important;min-height:36px !important;font-size:13px !important;line-height:1.1 !important;gap:0 !important}
  body.tm-hybrid #tm24-home-header .tm24-pill i{display:none !important}
  /* Auftragsstatus bleibt im Menue erreichbar (#mobile-nav); die Leiste spart eine ganze Zeile. */
  html body.tm-hybrid #tm24-home-header.ankauf-header .ankauf-icon-link{display:none !important}
  body.tm-hybrid .ankauf-burger-btn{width:40px !important;height:40px !important;border-color:var(--hy-line-2) !important}
}
@media(max-width:359px){body.tm-hybrid #tm24-home-header .tm24-pill{padding:7px 8px !important;font-size:12px !important}}

/* ---------- Einstieg: Navy, Electric, rote Unterstreichung ---------- */
body.tm-hybrid #tm24-ankauf-hero{position:relative;overflow:hidden;color:#fff;border:0 !important;padding:26px 0 26px !important;
  background:radial-gradient(120% 70% at 105% 0%,rgba(0,57,232,.55),transparent 60%),radial-gradient(60% 50% at -10% 100%,rgba(0,59,143,.5),transparent 70%),var(--hy-navy) !important}
body.tm-hybrid #tm24-ankauf-hero h1{font-family:var(--hy-display) !important;font-stretch:118%;font-weight:900 !important;font-size:clamp(38px,10.6vw,76px) !important;line-height:.98 !important;letter-spacing:-.03em !important;color:#fff !important;max-width:12ch;text-wrap:balance}
body.tm-hybrid #tm24-ankauf-hero h1 .tm-hy-hl{display:inline-block;position:relative;color:#fff}
body.tm-hybrid #tm24-ankauf-hero h1 .tm-hy-hl::after{content:"";position:absolute;left:2%;right:3%;bottom:-.06em;height:.13em;background:var(--hy-red);border-radius:3px;transform-origin:left;animation:tmHyBar .9s .25s var(--hy-ease) both}
@keyframes tmHyBar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
body.tm-hybrid #tm24-ankauf-hero .tm-hero-sub{color:var(--hy-mist) !important;font-size:17px !important;line-height:1.45;max-width:40ch;margin-top:14px !important}
body.tm-hybrid #tm24-ankauf-hero .tm-hero-search{margin-top:20px !important;max-width:600px;position:relative;z-index:5}
body.tm-hybrid #tm24-ankauf-hero .tm-hero-search .tm-search{background:#fff !important;border:2px solid var(--hy-electric-hi) !important;border-radius:18px !important;min-height:62px !important;padding:6px 6px 6px 16px !important;box-shadow:0 18px 40px rgba(3,10,28,.45) !important}
body.tm-hybrid #tm24-ankauf-hero .tm-hero-search .tm-search .tm-btn{min-height:48px !important;border-radius:14px !important;background:var(--hy-electric) !important;border:0 !important;color:#fff !important;font-weight:800 !important;padding:0 18px !important;white-space:nowrap}
body.tm-hybrid #tm24-ankauf-hero .tm-hero-search .tm-search .tm-btn:hover{background:var(--hy-electric-hi) !important}
body.tm-hybrid #tm24-ankauf-hero .suche-ergebnisse{border-radius:18px !important;border:0 !important;box-shadow:0 24px 50px rgba(3,10,28,.45) !important}
body.tm-hybrid #tm24-ankauf-hero .suche-item{border-radius:12px !important;color:var(--hy-ink) !important}
body.tm-hybrid #tm24-ankauf-hero .suche-item-preis{font-family:var(--hy-display);font-stretch:112%;font-weight:800;color:var(--hy-electric) !important}
body.tm-hybrid #tm24-ankauf-hero .tm24-search-contact{background:rgba(255,255,255,.08) !important;border-color:rgba(157,184,255,.25) !important;color:#fff !important}
body.tm-hybrid #tm24-ankauf-hero .tm24-search-contact a{color:#fff !important}
/* Leerer Suchzustand im dunklen Hero: Titel und Kontaktwege lesbar (vorher weiss auf weiss) */
body.tm-hybrid #tm24-ankauf-hero .tm24-search-contact h3{color:#fff !important}
body.tm-hybrid #tm24-ankauf-hero .tm24-search-contact__links a{background:rgba(255,255,255,.1) !important;border:1px solid rgba(255,255,255,.5) !important;border-radius:12px}
body.tm-hybrid #tm24-ankauf-hero .tm24-search-contact__links a:hover{background:rgba(255,255,255,.2) !important}
body.tm-hybrid #tm24-ankauf-hero .tm24-search-contact__links a:focus-visible{outline:3px solid #fff;outline-offset:3px}
body.tm-hybrid #tm24-ankauf-hero .tm-hero-visual{position:relative}
body.tm-hybrid #tm24-ankauf-hero .tm-hero-visual img{mix-blend-mode:normal !important;clip-path:none !important;background:#fff;border-radius:28px;padding:14px;box-shadow:0 30px 60px rgba(3,10,28,.5);transform:rotate(-3deg)}

/* Schnellwahl */
body.tm-hybrid .tm-hy-quick{grid-column:1/-1;min-width:0;margin-top:22px}
body.tm-hybrid .tm-hy-quick__head{display:flex;align-items:baseline;justify-content:space-between}
body.tm-hybrid .tm-hy-quick__head h2{font:800 15px/1.3 Figtree,system-ui,sans-serif !important;color:#fff !important;margin:0 0 10px !important;letter-spacing:0}
body.tm-hybrid .tm-hy-quick__rail{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(-1 * var(--tm-gutter,16px));padding:2px var(--tm-gutter,16px) 8px;scrollbar-width:none}
body.tm-hybrid .tm-hy-quick__rail::-webkit-scrollbar{display:none}
body.tm-hybrid .tm-hy-quick__scroller{position:relative;padding-inline:52px}
body.tm-hybrid .tm-hy-quick__scroller>.tm-hy-quick__rail{margin:0;padding:2px 0 8px}
body.tm-hybrid .tm-hy-quick__arrow{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid rgba(157,184,255,.5);border-radius:50%;background:var(--hy-deep-2);color:#fff;cursor:pointer;transition:background .15s,border-color .15s}
body.tm-hybrid .tm-hy-quick__arrow--prev{left:0}
body.tm-hybrid .tm-hy-quick__arrow--next{right:0}
body.tm-hybrid .tm-hy-quick__arrow svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
body.tm-hybrid .tm-hy-quick__arrow:hover:not(:disabled){background:var(--hy-electric);border-color:var(--hy-sky)}
body.tm-hybrid .tm-hy-quick__arrow:active:not(:disabled){transform:translateY(-50%) scale(.96)}
body.tm-hybrid .tm-hy-quick__arrow:disabled{opacity:.35;cursor:default}
body.tm-hybrid .tm-hy-quick__rail>div{flex:none;scroll-snap-align:start}
body.tm-hybrid .tm-hy-pick{display:flex;flex-direction:column;align-items:flex-start;width:148px;min-height:100%;padding:10px 10px 12px;border-radius:18px;border:1px solid rgba(157,184,255,.18);background:linear-gradient(180deg,var(--hy-deep-2),var(--hy-deep));color:#fff;text-align:left;cursor:pointer;font:inherit;transition:transform .25s var(--hy-ease),border-color .2s}
body.tm-hybrid .tm-hy-pick:hover{transform:translateY(-3px);border-color:var(--hy-electric-hi)}
body.tm-hybrid .tm-hy-pick:active{transform:scale(.97)}
body.tm-hybrid .tm-hy-pick[aria-busy=true]{opacity:.7}
body.tm-hybrid .tm-hy-pick__img{display:grid;place-items:center;width:100%;height:104px;border-radius:12px;background:#fff;overflow:hidden;margin-bottom:10px}
body.tm-hybrid .tm-hy-pick__img img{max-width:92%;max-height:96px;object-fit:contain}
body.tm-hybrid .tm-hy-pick__ph{display:grid;place-items:center;width:100%;height:100%;color:var(--hy-blue);background:var(--hy-ice)}
body.tm-hybrid .tm-hy-pick__ph svg{width:46px;height:46px}
body.tm-hybrid .tm-hy-pick__name{font-weight:800;font-size:14px;line-height:1.3}
body.tm-hybrid .tm-hy-pick__price{margin-top:4px;font-family:var(--hy-display);font-stretch:112%;font-weight:800;font-size:16px;color:var(--hy-sky)}
/* Reserve the final rail before its fresh response arrives. Category hit targets never move. */
body.tm-hybrid .tm-hy-quick__rail{height:224px}
body.tm-hybrid .tm-hy-pick__name{min-height:2.6em}
body.tm-hybrid .tm-hy-pick--loading{pointer-events:none}
body.tm-hybrid .tm-hy-pick--loading .tm-hy-pick__img{background:rgba(255,255,255,.10)}
body.tm-hybrid .tm-hy-quick__empty{align-self:center;margin:0;color:#fff;font-size:15px}
@media(min-width:960px){body.tm-hybrid .tm-hy-quick__rail{height:240px}}

/* Kategorien: farbige Kacheln im Navy-Einstieg */
body.tm-hybrid #tm24-ankauf-hero #kategorie-auswahl{padding-top:22px !important}
html body.tm-hybrid.page-ankauf #tm24-ankauf-hero #kategorie-auswahl .tm24-category-section__title h2{font-family:var(--hy-display) !important;font-stretch:112%;font-weight:800 !important;font-size:24px !important;color:#fff !important;letter-spacing:-.01em}
html body.tm-hybrid.page-ankauf #tm24-ankauf-hero #kategorie-auswahl .tm24-category-section__title p{color:var(--hy-mist) !important}
body.tm-hybrid #tm24-category-grid{gap:10px !important}
body.tm-hybrid #tm24-category-grid .tm-cat{position:relative;overflow:hidden;border:0 !important;border-radius:var(--hy-r) !important;min-height:148px;padding:12px !important;display:flex !important;flex-direction:column;justify-content:flex-end;transition:transform .3s var(--hy-spring) !important}
body.tm-hybrid #tm24-category-grid .tm-cat:active{transform:scale(.97) !important}
body.tm-hybrid #tm24-category-grid .tm-cat:nth-child(1){background:var(--hy-electric) !important;color:#fff}
body.tm-hybrid #tm24-category-grid .tm-cat:nth-child(2){background:var(--hy-sky-t) !important;color:var(--hy-blue)}
body.tm-hybrid #tm24-category-grid .tm-cat:nth-child(3){background:var(--hy-rose) !important;color:var(--hy-red-dk)}
body.tm-hybrid #tm24-category-grid .tm-cat:nth-child(4){background:var(--hy-lilac) !important;color:#3B2A8C}
body.tm-hybrid #tm24-category-grid .tm-cat.is-active{outline:3px solid #fff;outline-offset:2px}
body.tm-hybrid #tm24-category-grid .tm24-category-card__image{position:absolute !important;top:10px;right:8px;width:62% !important;height:auto !important;aspect-ratio:1;background:#fff !important;border-radius:16px !important;padding:6px !important;box-shadow:0 10px 20px rgba(3,10,28,.18);transition:transform .4s var(--hy-spring)}
body.tm-hybrid #tm24-category-grid .tm-cat:hover .tm24-category-card__image{transform:translateY(-4px) rotate(-3deg)}
body.tm-hybrid #tm24-category-grid .tm24-category-card__image img{width:100% !important;height:100% !important;object-fit:contain !important;mix-blend-mode:normal !important}
body.tm-hybrid #tm24-category-grid .tm24-category-card__name{position:relative;font-weight:900 !important;font-size:17px !important;line-height:1.25 !important;color:inherit !important;max-width:9ch}
/* Fakten als Vertrauens-Chips */
body.tm-hybrid #tm24-ankauf-hero .tm-facts-row{display:flex !important;flex-wrap:wrap;gap:8px !important;margin-top:22px !important;padding:0 !important;list-style:none}
body.tm-hybrid #tm24-ankauf-hero .tm-facts-row li{display:flex;gap:8px;align-items:flex-start;flex:1 1 220px;padding:10px 12px !important;background:rgba(255,255,255,.07) !important;border:1px solid rgba(157,184,255,.2) !important;border-radius:16px !important;color:var(--hy-mist) !important;font-size:13px;line-height:1.4}
body.tm-hybrid #tm24-ankauf-hero .tm-facts-row li b{display:block;color:#fff !important;font-weight:800;font-size:14px}
body.tm-hybrid #tm24-ankauf-hero .tm-facts-row svg{width:22px;height:22px;flex:none;color:var(--hy-sky) !important;stroke:var(--hy-sky)}

@media(max-width:959px){
  body.tm-hybrid #tm24-ankauf-hero{padding:22px 0 22px !important}
  body.tm-hybrid #tm24-ankauf-hero .tm-hero-grid{display:flex !important;flex-direction:column}
  body.tm-hybrid #tm24-ankauf-hero .tm-hero-copy{display:block !important;order:1}
  body.tm-hybrid #tm24-ankauf-hero .tm-hero-search{margin-top:18px !important}
  body.tm-hybrid #tm24-ankauf-hero .tm-hero-sub{order:0 !important;font-size:16px !important}
  body.tm-hybrid #tm24-ankauf-hero .tm-hy-quick{order:2;margin-top:20px}
  body.tm-hybrid #tm24-ankauf-hero #kategorie-auswahl{order:3;padding-top:20px !important}
  body.tm-hybrid #tm24-ankauf-hero .tm-hero-visual{display:none !important}
  html body.tm-hybrid.page-ankauf #tm24-ankauf-hero #kategorie-auswahl .tm24-category-section__title h2{font-size:22px !important}
  body.tm-hybrid #tm24-category-grid{grid-template-columns:1fr 1fr !important}
  body.tm-hybrid #tm24-ankauf-hero .tm-facts-row li{flex:1 1 100%}
}
@media(min-width:960px){
  body.tm-hybrid #tm24-ankauf-hero{padding:52px 0 44px !important}
  body.tm-hybrid #tm24-ankauf-hero .tm-hero-grid{grid-template-areas:"copy visual" "quick quick" "cats cats" !important;gap:0 48px !important}
  body.tm-hybrid #tm24-ankauf-hero .tm-hy-quick{grid-area:quick;margin-top:30px}
  body.tm-hybrid .tm-hy-quick__rail{margin:0;padding:2px 0 8px}
  body.tm-hybrid .tm-hy-pick{width:168px}
  body.tm-hybrid .tm-hy-pick__img{height:120px}
  body.tm-hybrid #tm24-category-grid{grid-template-columns:repeat(4,1fr) !important;gap:14px !important}
  body.tm-hybrid #tm24-category-grid .tm-cat{min-height:200px;padding:16px !important}
  body.tm-hybrid #tm24-category-grid .tm24-category-card__image{width:58% !important}
  body.tm-hybrid #tm24-category-grid .tm24-category-card__name{font-size:21px !important}
  body.tm-hybrid #tm24-ankauf-hero .tm-hero-visual{width:min(100%,360px) !important}
}

/* Inhaltsbloecke unter dem Funnel: nur Schrift und Farben angleichen */
body.tm-hybrid :is(#faq-section,.tm-how,.tm24-why,.tm24-b2b-banner,.tm24-seo-text) :is(h2,.section-title h2){font-family:var(--hy-display) !important;font-stretch:112%;font-weight:800 !important;letter-spacing:-.02em;color:var(--hy-ink)}

/* ---------- Gemeinsame Schrittkoepfe im Funnel ---------- */
body.tm-hybrid :is(#schritt-1,#schritt-2) :is(h2,#modell-titel),body.tm-hybrid #zustand-titel,body.tm-hybrid .ankauf-fragen-card-titel,body.tm-hybrid #main-content #schritt-4 .checkout-pane-titel{font-family:var(--hy-display) !important;font-stretch:112%;font-weight:800 !important;letter-spacing:-.02em !important;color:var(--hy-ink) !important;line-height:1.08 !important}
body.tm-hybrid :is(#schritt-1,#schritt-2) :is(h2,#modell-titel){font-size:clamp(26px,7vw,38px) !important}
body.tm-hybrid :is(#schritt-1,#schritt-2,#schritt-4) .wizard-back-btn,body.tm-hybrid #main-content #schritt-3 .s3-back{align-items:center;gap:6px;min-height:42px !important;padding:0 16px 0 12px !important;border-radius:999px !important;background:var(--hy-ice) !important;color:var(--hy-blue) !important;border:0 !important;font-weight:800 !important;box-shadow:none !important;text-decoration:none}
body.tm-hybrid :is(#schritt-1,#schritt-2,#schritt-4) .wizard-back-btn:hover,body.tm-hybrid #main-content #schritt-3 .s3-back:hover{background:var(--hy-sky-t) !important}
html body.tm-hybrid #main-content :is(#schritt-1 > .tm24-brand-back,#schritt-2 > #modell-bereich > .wizard-back-btn:first-child,#schritt-3 > .s3-back,#schritt-4 .checkout-content > .wizard-back-btn){min-height:42px !important;padding:0 16px 0 12px !important;border-radius:999px !important;background:var(--hy-ice) !important;color:var(--hy-blue) !important;font-weight:800 !important;font-size:14px !important;gap:4px !important}
html body.tm-hybrid #main-content :is(#schritt-1 > .tm24-brand-back,#schritt-2 > #modell-bereich > .wizard-back-btn:first-child,#schritt-3 > .s3-back,#schritt-4 .checkout-content > .wizard-back-btn):hover{background:var(--hy-sky-t) !important;color:var(--hy-blue) !important}
body.tm-hybrid .wizard-step-heading{font-family:var(--hy-display);font-stretch:108%;font-weight:800 !important;color:var(--hy-muted) !important;font-size:15px !important;letter-spacing:0}

/* ---------- Marke ---------- */
body.tm-hybrid #main-content #schritt-1 #marken-grid{display:grid;grid-template-columns:1fr 1fr !important;gap:10px !important}
body.tm-hybrid #main-content #schritt-1 #marken-grid .brand-card{display:flex;align-items:center;gap:12px;min-height:72px;padding:12px 14px !important;border-radius:var(--hy-r) !important;border:2px solid var(--hy-line) !important;background:#fff !important;box-shadow:none !important;transition:transform .25s var(--hy-spring),border-color .2s}
body.tm-hybrid #main-content #schritt-1 #marken-grid .brand-card:hover{border-color:var(--hy-electric) !important}
body.tm-hybrid #main-content #schritt-1 #marken-grid .brand-card:active{transform:scale(.97)}
body.tm-hybrid #main-content #schritt-1 #marken-grid .brand-card.is-selected{border-color:var(--hy-electric) !important;background:var(--hy-ice) !important}
body.tm-hybrid #main-content #schritt-1 #marken-grid .tm-brand-logo{width:46px !important;height:46px !important;flex:none;border-radius:12px;background:var(--hy-ice);display:grid !important;place-items:center;overflow:hidden}
body.tm-hybrid #main-content #schritt-1 #marken-grid .tm-brand-logo img{max-width:34px !important;max-height:34px !important;object-fit:contain}
body.tm-hybrid #main-content #schritt-1 #marken-grid .tm-brand-name{flex:1;min-width:0;font-weight:900 !important;font-size:17px !important;color:var(--hy-ink) !important}
body.tm-hybrid #main-content #schritt-1 #marken-grid .tm-brand-arrow{margin-left:auto !important;padding-left:6px;flex:none;color:var(--hy-blue) !important}
@media(min-width:768px){body.tm-hybrid #main-content #schritt-1 #marken-grid{grid-template-columns:repeat(3,1fr) !important}}
@media(min-width:1100px){body.tm-hybrid #main-content #schritt-1 #marken-grid{grid-template-columns:repeat(4,1fr) !important}}

/* ---------- Produktlinie, Modellreihe, Modell: farbige Karten mit grossem Bild ---------- */
body.tm-hybrid #main-content #schritt-2 #modell-bereich :is(.wizard-card-grid,.tm-models,.wizard-produktlinie-grid){display:grid;grid-template-columns:1fr 1fr !important;gap:10px !important}
body.tm-hybrid #main-content #schritt-2 #modell-bereich :is(.wizard-card,.wizard-linie-card){position:relative;display:flex;flex-direction:column !important;align-items:flex-start !important;justify-content:flex-start !important;gap:4px !important;min-height:0 !important;padding:10px 12px 14px !important;border:0 !important;border-radius:var(--hy-r) !important;box-shadow:none !important;text-align:left !important;cursor:pointer;transition:transform .3s var(--hy-spring),box-shadow .2s !important}
/* Legacy setzt .wizard-card--vertical als Raster mit !important (Bild links). Hybrid: gleiches Raster, gestapelt. */
body.tm-hybrid #main-content #schritt-2 #modell-bereich .wizard-card--vertical{grid-template-columns:minmax(0,1fr) !important;grid-template-rows:auto auto auto !important;grid-template-areas:"img" "name" "price" !important;row-gap:4px !important;align-content:start !important;justify-items:stretch !important}
body.tm-hybrid #main-content #schritt-2 #modell-bereich .wizard-card--vertical .wizard-card-icon{grid-area:img !important}
body.tm-hybrid #main-content #schritt-2 #modell-bereich .wizard-card--vertical .wizard-card-name{grid-area:name !important}
body.tm-hybrid #main-content #schritt-2 #modell-bereich .wizard-card--vertical .wizard-card-preis{grid-area:price !important}
body.tm-hybrid #main-content #schritt-2 #modell-bereich :is(.wizard-card,.wizard-linie-card):hover{box-shadow:0 12px 26px rgba(11,21,51,.12) !important}
body.tm-hybrid #main-content #schritt-2 #modell-bereich :is(.wizard-card,.wizard-linie-card):active{transform:scale(.97)}
body.tm-hybrid #main-content #schritt-2 #modell-bereich :is(.wizard-card,.wizard-linie-card):nth-child(5n+1){background:var(--hy-lilac) !important}
body.tm-hybrid #main-content #schritt-2 #modell-bereich :is(.wizard-card,.wizard-linie-card):nth-child(5n+2){background:var(--hy-rose) !important}
body.tm-hybrid #main-content #schritt-2 #modell-bereich :is(.wizard-card,.wizard-linie-card):nth-child(5n+3){background:var(--hy-ice) !important}
body.tm-hybrid #main-content #schritt-2 #modell-bereich :is(.wizard-card,.wizard-linie-card):nth-child(5n+4){background:var(--hy-mint) !important}
body.tm-hybrid #main-content #schritt-2 #modell-bereich :is(.wizard-card,.wizard-linie-card):nth-child(5n+5){background:var(--hy-cream) !important}
body.tm-hybrid #main-content #schritt-2 #modell-bereich :is(.wizard-card-icon,.wizard-linie-icon){display:grid !important;place-items:center;width:100% !important;height:132px !important;margin:0 0 8px !important;padding:8px !important;background:#fff !important;border-radius:14px !important;border:0 !important;overflow:hidden;color:var(--hy-blue)}
body.tm-hybrid #main-content #schritt-2 #modell-bereich :is(.wizard-card-icon,.wizard-linie-icon) img{width:auto !important;height:auto !important;max-width:100% !important;max-height:116px !important;object-fit:contain !important}
body.tm-hybrid #main-content #schritt-2 #modell-bereich :is(.wizard-card-icon,.wizard-linie-icon) svg{max-height:100px;width:auto}
body.tm-hybrid #main-content #schritt-2 #modell-bereich :is(.wizard-card-name,.wizard-linie-name){align-self:flex-start !important;width:auto !important;font-weight:900 !important;font-size:16px !important;line-height:1.25 !important;color:var(--hy-ink) !important;text-align:left !important}
body.tm-hybrid #main-content #schritt-2 #modell-bereich .wizard-card-preis{align-self:flex-start !important;margin:0 !important;font-family:var(--hy-display) !important;font-stretch:112%;font-weight:800 !important;font-size:18px !important;color:var(--hy-electric) !important;text-align:left !important}
body.tm-hybrid #main-content #schritt-2 #modell-bereich .wizard-card-cta{position:absolute !important;left:auto !important;right:16px !important;top:16px !important;bottom:auto !important;width:32px !important;height:32px !important;box-shadow:0 4px 10px rgba(11,21,51,.15) !important;min-height:0 !important;border-radius:50% !important;background:#fff !important;display:grid !important;place-items:center;color:var(--hy-blue) !important;padding:0 !important;margin:0 !important;font-size:12px !important;border:0 !important}
body.tm-hybrid #main-content #schritt-2 #modell-bereich .wizard-card-cta span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

body.tm-hybrid #wiz-modell-suchfeld,body.tm-hybrid #main-content #schritt-2 #modell-bereich input[type=search]{min-height:52px;border-radius:16px !important;border:2px solid var(--hy-line-2) !important;font-size:16px;padding:0 16px}
@media(min-width:768px){body.tm-hybrid #main-content #schritt-2 #modell-bereich :is(.wizard-card-grid,.tm-models,.wizard-produktlinie-grid){grid-template-columns:repeat(3,1fr) !important}}
@media(min-width:1100px){body.tm-hybrid #main-content #schritt-2 #modell-bereich :is(.wizard-card-grid,.tm-models,.wizard-produktlinie-grid){grid-template-columns:repeat(4,1fr) !important;gap:14px !important}}

/* ---------- Speicher, RAM, Ausfuehrung ---------- */
body.tm-hybrid #main-content #schritt-2 #modell-bereich .wizard-speicher-grid{display:grid;grid-template-columns:1fr 1fr !important;gap:10px !important}
body.tm-hybrid #main-content #schritt-2 #modell-bereich .wizard-speicher-card{display:flex;flex-direction:column;align-items:flex-start !important;gap:2px;min-height:86px;padding:14px 16px !important;border-radius:var(--hy-r) !important;border:2px solid var(--hy-line) !important;background:#fff !important;box-shadow:none !important;text-align:left !important;transition:transform .25s var(--hy-spring),border-color .2s}
body.tm-hybrid #main-content #schritt-2 #modell-bereich .wizard-speicher-card:hover{border-color:var(--hy-electric) !important}
body.tm-hybrid #main-content #schritt-2 #modell-bereich .wizard-speicher-card:active{transform:scale(.97)}
body.tm-hybrid #main-content #schritt-2 #modell-bereich .wizard-speicher-modell{display:none !important}
body.tm-hybrid #main-content #schritt-2 #modell-bereich .wizard-speicher-gb{font-family:var(--hy-display) !important;font-stretch:112%;font-weight:900 !important;font-size:24px !important;color:var(--hy-ink) !important}
body.tm-hybrid #main-content #schritt-2 #modell-bereich .wizard-speicher-preis{font-weight:800 !important;font-size:15px !important;color:var(--hy-electric) !important}
@media(min-width:768px){body.tm-hybrid #main-content #schritt-2 #modell-bereich .wizard-speicher-grid{grid-template-columns:repeat(4,1fr) !important}}

/* Ausfuehrungskarten ohne Preis (z. B. Apple Watch: Verbindung, Groesse, Gehaeuse) bleiben wie in der Mobil-Korrektur eine Liste */
body.tm-hybrid #main-content #schritt-2 #modell-bereich .wizard-speicher-grid:not(:has(.wizard-speicher-preis)){grid-template-columns:minmax(0,1fr) !important}
body.tm-hybrid #main-content #schritt-2 #modell-bereich .wizard-speicher-card:not(:has(.wizard-speicher-preis)){min-height:60px;justify-content:center}
body.tm-hybrid #main-content #schritt-2 #modell-bereich .wizard-speicher-card:not(:has(.wizard-speicher-preis)) .wizard-speicher-gb{font-family:Figtree,system-ui,sans-serif !important;font-stretch:100%;font-size:17px !important;font-weight:800 !important;line-height:1.3}
@media(min-width:768px){body.tm-hybrid #main-content #schritt-2 #modell-bereich .wizard-speicher-grid:not(:has(.wizard-speicher-preis)){grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
/* ---------- Geraeteauswahl: Kopf, Speicher-Chips, Farbkacheln ---------- */
body.tm-hybrid #main-content #schritt-2 #modell-bereich .tm-runtime-variant{display:flex;align-items:center;gap:14px;padding:14px !important;border:0 !important;border-radius:var(--hy-r) !important;background:var(--hy-lilac) !important;box-shadow:none !important;margin:6px 0 18px !important}
body.tm-hybrid #main-content #schritt-2 #modell-bereich .tm-variant-thumb{width:84px !important;height:96px !important;flex:none;border-radius:14px !important;background:#fff !important;border:0 !important;display:grid !important;place-items:center;overflow:hidden;color:var(--hy-blue)}
body.tm-hybrid #main-content #schritt-2 #modell-bereich .tm-variant-thumb img{max-width:90%;max-height:88px;object-fit:contain}
body.tm-hybrid #main-content #schritt-2 #modell-bereich .tm-variant-kicker{font-size:12px !important;font-weight:800 !important;color:#3B2A8C !important;margin:0 !important}
body.tm-hybrid #main-content #schritt-2 #modell-bereich .tm-variant-name{font-family:var(--hy-display) !important;font-stretch:110%;font-weight:900 !important;font-size:22px !important;line-height:1.1 !important;color:var(--hy-ink) !important;margin:2px 0 !important}
body.tm-hybrid #main-content #schritt-2 #modell-bereich .tm-variant-meta{font-weight:700 !important;color:var(--hy-muted) !important;margin:0 !important}
body.tm-hybrid #main-content #schritt-2 #modell-bereich .tm-opt-label{font-weight:900 !important;font-size:16px !important;color:var(--hy-ink) !important;margin:18px 0 10px !important;font-family:Figtree,system-ui,sans-serif !important}
body.tm-hybrid #main-content #schritt-2 #modell-bereich .tm-storage{display:grid;grid-template-columns:repeat(4,1fr);gap:8px !important}
body.tm-hybrid #main-content #schritt-2 #modell-bereich .tm-storage .tm-opt{display:flex !important;align-items:center !important;justify-content:center !important;text-align:center !important;min-height:52px !important;border-radius:14px !important;border:2px solid var(--hy-line) !important;background:#fff !important;font-weight:900 !important;color:var(--hy-ink) !important;box-shadow:none !important;padding:0 6px !important}
body.tm-hybrid #main-content #schritt-2 #modell-bereich .tm-storage .tm-opt[aria-pressed=true]{border-color:var(--hy-electric) !important;background:var(--hy-ice) !important;color:var(--hy-electric) !important}
body.tm-hybrid #main-content #schritt-2 #modell-bereich .tm-colors{display:grid;grid-template-columns:1fr 1fr !important;gap:10px !important}
body.tm-hybrid #main-content #schritt-2 #modell-bereich .tm-colors .model-card{display:flex;flex-direction:row !important;align-items:center !important;gap:12px !important;min-height:72px;padding:12px !important;border-radius:var(--hy-r) !important;border:2px solid var(--hy-line) !important;background:#fff !important;box-shadow:none !important;text-align:left !important;transition:transform .25s var(--hy-spring),border-color .2s}
body.tm-hybrid #main-content #schritt-2 #modell-bereich .tm-colors .model-card:hover{border-color:var(--hy-electric) !important}
body.tm-hybrid #main-content #schritt-2 #modell-bereich .tm-colors .model-card:active{transform:scale(.97)}
body.tm-hybrid #main-content #schritt-2 #modell-bereich .tm-colors .model-card-dot{width:38px !important;height:38px !important;flex:none;border-radius:50% !important;box-shadow:inset 0 0 0 1px rgba(11,21,51,.18) !important;margin:0 !important}
body.tm-hybrid #main-content #schritt-2 #modell-bereich .tm-colors .model-card-color{font-weight:900 !important;font-size:15px !important;color:var(--hy-ink) !important;text-align:left !important}
body.tm-hybrid #main-content #schritt-2 #modell-bereich .tm-colors .model-card-price{font-weight:800 !important;font-size:14px !important;color:var(--hy-electric) !important;text-align:left !important}
@media(min-width:768px){body.tm-hybrid #main-content #schritt-2 #modell-bereich .tm-colors{grid-template-columns:repeat(3,1fr) !important}}
@media(min-width:1100px){body.tm-hybrid #main-content #schritt-2 #modell-bereich .tm-colors{grid-template-columns:repeat(4,1fr) !important}}
/* Apple-Watch-Ausfuehrung und weitere Konfigurationskarten: grosse Zeilen */
body.tm-hybrid #main-content #schritt-2 #modell-bereich .tm-configurations,body.tm-hybrid #main-content #schritt-2 #modell-bereich .wizard-config-grid{gap:10px !important}
/* Dein Geraet nicht dabei? */
body.tm-hybrid #geraet-fallback{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:22px !important;padding:14px 16px !important;border:2px dashed var(--hy-line-2) !important;border-radius:var(--hy-r) !important;background:#fff !important;box-shadow:none !important;text-align:left !important}
body.tm-hybrid #geraet-fallback>i{display:none}
body.tm-hybrid #geraet-fallback strong{font-weight:900;font-size:16px;color:var(--hy-ink);flex:1 1 100%}
body.tm-hybrid #geraet-fallback p{flex:1 1 200px;margin:0 !important;color:var(--hy-muted);font-size:14px}
body.tm-hybrid #geraet-fallback .btn-ankauf-small{min-height:44px;display:inline-flex;align-items:center;padding:0 16px;border-radius:12px;border:2px solid var(--hy-line-2) !important;background:#fff !important;color:var(--hy-blue) !important;font-weight:800 !important;box-shadow:none !important}

/* ---------- Zustand: Bildkarten mit Spuren-Piktogramm, Preis rechts ---------- */
body.tm-hybrid #main-content #schritt-3 .tm-runtime-device{margin-bottom:14px !important}
body.tm-hybrid #zustand-titel{font-size:clamp(28px,7.4vw,38px) !important}
body.tm-hybrid #tm24-condition-device{font-weight:800 !important;color:var(--hy-muted) !important;font-size:15px !important;margin-top:6px !important}
body.tm-hybrid #main-content #schritt-3.tm-questions-active #zustand-titel{font-family:Figtree,system-ui,sans-serif !important;font-size:13px !important;font-weight:800 !important;letter-spacing:.04em !important;text-transform:uppercase;color:var(--hy-electric) !important}
body.tm-hybrid #main-content #schritt-3.tm-questions-active #tm24-condition-device{font-size:16px !important;color:var(--hy-ink) !important;margin-top:2px !important}
body.tm-hybrid #main-content #schritt-3 .tm-steps{gap:6px !important;margin-bottom:18px !important}
body.tm-hybrid #main-content #schritt-3 .tm-steps .tm-bar{height:8px !important;border-radius:999px !important;background:var(--hy-ice) !important}
body.tm-hybrid #main-content #schritt-3 .tm-steps .tm-bar::after{background:var(--hy-electric) !important;border-radius:999px}
body.tm-hybrid #main-content #schritt-3 .tm-steps .tm-lbl{font-size:12px !important;font-weight:800 !important;color:var(--hy-muted) !important}
body.tm-hybrid #main-content #schritt-3 .tm-steps li.is-active .tm-lbl{color:var(--hy-electric) !important}
body.tm-hybrid #main-content #schritt-3 .tm24-condition-basis{font-size:14px !important;color:var(--hy-muted) !important;line-height:1.5}
body.tm-hybrid #main-content #schritt-3 .s3-cards{display:grid;gap:10px !important;border:0 !important;background:transparent !important;overflow:visible !important}
body.tm-hybrid #main-content #schritt-3 .s3-card{border:0 !important;background:transparent !important;padding:0 !important;margin:0 !important;box-shadow:none !important}
body.tm-hybrid #main-content #schritt-3 .s3-card>label{position:relative;display:flex !important;flex-wrap:wrap;align-items:baseline;column-gap:10px;row-gap:2px;min-height:92px;padding:14px 14px 14px 82px !important;margin:0 !important;border:2px solid var(--hy-line) !important;border-radius:var(--hy-r) !important;background:#fff !important;box-shadow:none !important;cursor:pointer;transition:transform .25s var(--hy-spring),border-color .2s,background .2s}
body.tm-hybrid #main-content #schritt-3 .s3-card>label:hover{border-color:var(--hy-electric) !important}
body.tm-hybrid #main-content #schritt-3 .s3-card>input:checked+label{border-color:var(--hy-electric) !important;background:var(--hy-ice) !important}
body.tm-hybrid #main-content #schritt-3 .s3-card>input:focus-visible+label{outline:3px solid var(--hy-electric-hi);outline-offset:3px}
body.tm-hybrid #main-content #schritt-3 .s3-card>label:active{transform:scale(.985)}
body.tm-hybrid #main-content #schritt-3 .s3-card-top{display:flex !important;align-items:center;justify-content:flex-start !important;gap:6px;flex:1 1 auto;min-width:min-content;order:1;padding-right:0 !important;margin:0 !important}
body.tm-hybrid #main-content #schritt-3 .s3-card-title{font-weight:900 !important;font-size:17px !important;line-height:1.25 !important;color:var(--hy-ink) !important;display:block !important}
body.tm-hybrid #main-content #schritt-3 .s3-card>label::before{display:none !important;content:none !important}
body.tm-hybrid #main-content #schritt-3 .s3-icon-round{display:block !important;position:absolute !important;left:14px;top:14px;width:54px !important;height:62px !important;border-radius:14px !important;margin:0 !important;background-position:center !important;background-repeat:no-repeat !important;background-size:30px 42px !important;font-size:0 !important}
body.tm-hybrid #main-content #schritt-3 .s3-icon-round i{display:none !important}
body.tm-hybrid #main-content #schritt-3 #s3_cond_sealed+label .s3-icon-round{background-color:var(--hy-cream) !important;background-size:32px 32px !important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237A4B00' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8 12 3l9 5-9 5z'/%3E%3Cpath d='M3 8v8l9 5 9-5V8M12 13v8'/%3E%3C/svg%3E") !important}
body.tm-hybrid #main-content #schritt-3 #s3_cond_1+label .s3-icon-round{background-color:var(--hy-mint) !important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 56'%3E%3Crect x='7' y='4' width='26' height='48' rx='6' fill='none' stroke='%230E6B3A' stroke-width='2'/%3E%3Cpath d='M17 8.5h6' stroke='%230E6B3A' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M30 9l1.2 2.8L34 13l-2.8 1.2L30 17l-1.2-2.8L26 13l2.8-1.2z' fill='%230E6B3A'/%3E%3C/svg%3E") !important}
body.tm-hybrid #main-content #schritt-3 #s3_cond_2+label .s3-icon-round{background-color:var(--hy-ice) !important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 56' fill='none' stroke='%23003B8F' stroke-width='2' stroke-linecap='round'%3E%3Crect x='7' y='4' width='26' height='48' rx='6'/%3E%3Cpath d='M17 8.5h6'/%3E%3Cpath d='M13 14l7 9' stroke-width='1.6'/%3E%3C/svg%3E") !important}
body.tm-hybrid #main-content #schritt-3 #s3_cond_3+label .s3-icon-round{background-color:var(--hy-lilac) !important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 56' fill='none' stroke='%233B2A8C' stroke-width='2' stroke-linecap='round'%3E%3Crect x='7' y='4' width='26' height='48' rx='6'/%3E%3Cpath d='M17 8.5h6'/%3E%3Cpath d='M13 14l7 9M27 30l-6 8M15 40l9 4' stroke-width='1.6'/%3E%3C/svg%3E") !important}
body.tm-hybrid #main-content #schritt-3 #s3_cond_4+label .s3-icon-round{background-color:var(--hy-rose) !important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 56' fill='none' stroke='%23B80510' stroke-width='2' stroke-linecap='round'%3E%3Crect x='7' y='4' width='26' height='48' rx='6'/%3E%3Cpath d='M17 8.5h6'/%3E%3Cpath d='M13 14l7 9M27 30l-6 8M15 40l9 4M24 12l4 10M12 30l3 10M29 42l-9-6' stroke-width='1.6'/%3E%3C/svg%3E") !important}
body.tm-hybrid #main-content #schritt-3 .s3-card-desc{flex:1 1 100%;order:3;margin-top:4px !important;font-size:13.5px !important;line-height:1.45 !important;color:var(--hy-muted) !important}
/* Preis fliesst rechts neben dem Titel; fehlt der Platz (z. B. 320 px), rueckt er in eine eigene Zeile statt zu ueberlagern */
body.tm-hybrid #main-content #schritt-3 .s3-card-price{position:static !important;flex:0 0 auto;order:2;margin:0 0 0 auto !important;font-family:var(--hy-display) !important;font-stretch:112%;font-weight:800 !important;font-size:18px !important;color:var(--hy-ink) !important;text-align:right;white-space:nowrap}
body.tm-hybrid #main-content #schritt-3 .s3-card>input:checked+label .s3-card-price{color:var(--hy-electric) !important}
body.tm-hybrid #main-content #schritt-3 .s3-help:empty{display:none !important}
body.tm-hybrid #main-content #schritt-3 .s3-card .s3-help:not(:empty){flex:1 1 100%;order:4}
body.tm-hybrid #main-content #schritt-3 .s3-info-btn{width:30px;height:30px;min-width:30px;border-radius:50%;color:var(--hy-blue) !important;background:transparent !important;border:0 !important}

/* ---------- Fragen: Karten, grosse Antworten, sofortiges Feedback ---------- */
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen{background:transparent !important;border:0 !important;box-shadow:none !important;padding:0 !important}
body.tm-hybrid .ankauf-fragen-card-titel{font-size:clamp(26px,7vw,34px) !important;margin:4px 0 6px !important}
body.tm-hybrid #tm24-question-group-help{color:var(--hy-muted) !important;font-size:15px !important;margin:0 0 14px !important}
body.tm-hybrid #tm24-question-flow-controls .tm24-question-flow__top,body.tm-hybrid #tm24-question-flow-controls .tm24-question-flow__track{display:none !important}
body.tm-hybrid #tm24-question-flow-error:not([hidden]){display:flex !important;gap:8px;align-items:center;padding:12px 14px;border-radius:14px;background:var(--hy-stop-bg);color:var(--hy-stop);font-weight:800}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen .s3-grid{display:grid;gap:12px !important;grid-template-columns:1fr !important}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen :is(.s3-item,.tm24-category-question){padding:16px !important;margin:0 !important;border:1px solid var(--hy-line) !important;border-radius:var(--hy-r) !important;background:#fff !important;box-shadow:0 1px 2px rgba(11,21,51,.04) !important}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen #category-questionnaire:not([hidden]){display:grid !important;gap:12px !important;margin-bottom:12px}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen .tm24-category-question fieldset{border:0 !important;padding:0 !important;margin:0 !important}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen :is(.s3-label,.tm24-category-question-title,#defekt-wrap legend){font-weight:900 !important;font-size:17px !important;line-height:1.3 !important;color:var(--hy-ink) !important;font-family:Figtree,system-ui,sans-serif !important;padding:0 !important}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen .s3-label-soft{font-weight:700;color:var(--hy-muted)}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen .s3-answer-hint,body.tm-hybrid #main-content #schritt-3 #ankauf-fragen .ankauf-damage-hint{font-size:14px !important;color:var(--hy-muted) !important;margin:6px 0 0 !important}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen :is(.s3-seg,.tm24-answer-cards){display:grid;grid-template-columns:1fr 1fr !important;gap:8px !important;margin-top:12px !important;background:transparent !important;border:0 !important;padding:0 !important}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen .tm24-answer-cards:not(.tm24-answer-cards--binary){grid-template-columns:1fr !important}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen :is(.s3-seg,.tm24-answer-cards)>label{display:flex !important;align-items:center;justify-content:center;gap:8px;min-height:56px !important;margin:0 !important;padding:8px 12px !important;border:2px solid var(--hy-line) !important;border-radius:var(--hy-r-s) !important;background:#fff !important;color:var(--hy-ink) !important;font-weight:900 !important;font-size:16px !important;text-align:center;box-shadow:none !important;cursor:pointer;transition:transform .2s var(--hy-spring),background .15s,border-color .15s}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen .tm24-answer-cards:not(.tm24-answer-cards--binary)>label{justify-content:flex-start;text-align:left;padding:8px 16px !important}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen :is(.s3-seg,.tm24-answer-cards)>label:hover{border-color:var(--hy-electric) !important}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen :is(.s3-seg,.tm24-answer-cards)>label:active{transform:scale(.97)}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen :is(.s3-seg,.tm24-answer-cards)>input:checked+label{background:var(--hy-electric) !important;border-color:var(--hy-electric) !important;color:#fff !important}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen :is(.s3-seg,.tm24-answer-cards)>input:focus-visible+label{outline:3px solid var(--hy-electric-hi);outline-offset:3px}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen :is(.s3-seg,.tm24-answer-cards)>label i{font-size:14px}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen .s3-help{font-size:14px !important;background:var(--hy-ice) !important;border:0 !important;border-radius:14px !important;color:var(--hy-ink) !important}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen .s3-help ul{color:var(--hy-ink) !important}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen #tm24-lock-steps,body.tm-hybrid #main-content #schritt-3 #ankauf-fragen .tm24-lock-steps{background:var(--hy-ice) !important;border:0 !important;border-radius:14px !important;color:var(--hy-ink) !important;font-size:14px !important;padding:10px 12px !important}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen .s3-lock-warn.is-open{border:0 !important;border-radius:14px !important;background:var(--hy-warn-bg) !important;color:var(--hy-warn) !important;font-size:14px !important;padding:12px 14px !important;margin-top:10px !important}
/* Mehrfachauswahl: Fehler, Brueche, Zubehoer */
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen :is(.s3-defekt-grid,#zubehoer-grid){display:grid;grid-template-columns:1fr !important;gap:8px !important;margin-top:10px !important}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen #zubehoer-grid{grid-template-columns:1fr 1fr !important}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen :is(.s3-defekt-chip,.zubehoer-chip){position:relative;display:block;margin:0 !important;cursor:pointer}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen :is(.s3-defekt-chip,.zubehoer-chip) input{position:absolute;opacity:0;width:1px;height:1px}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen :is(.s3-defekt-chip>span,.zubehoer-chip-inner){display:flex !important;align-items:center;gap:10px;min-height:52px;padding:10px 12px 10px 44px !important;border:2px solid var(--hy-line) !important;border-radius:var(--hy-r-s) !important;background:#fff !important;color:var(--hy-ink) !important;font-weight:700 !important;font-size:14px !important;line-height:1.35;position:relative;box-shadow:none !important;transition:background .15s,border-color .15s}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen :is(.s3-defekt-chip>span,.zubehoer-chip-inner)::before{content:"";position:absolute;left:12px;top:50%;width:22px;height:22px;margin-top:-11px;border-radius:7px;border:2px solid var(--hy-line-2);background:#fff center/14px no-repeat}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen :is(.s3-defekt-chip,.zubehoer-chip) input:checked+:is(span,.zubehoer-chip-inner){border-color:var(--hy-electric) !important;background:var(--hy-ice) !important}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen :is(.s3-defekt-chip,.zubehoer-chip) input:checked+:is(span,.zubehoer-chip-inner)::before{background-color:var(--hy-electric);border-color:var(--hy-electric);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen :is(.s3-defekt-chip,.zubehoer-chip) input:focus-visible+:is(span,.zubehoer-chip-inner){outline:3px solid var(--hy-electric-hi);outline-offset:2px}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen .zubehoer-chip-inner i{display:none}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen #defekt-wrap{border:0 !important;padding:12px 0 0 12px !important;margin-top:12px !important;border-left:3px solid var(--hy-electric) !important}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen #bruch-details-wrap{padding:12px 0 0 12px !important;margin-top:12px;border-left:3px solid var(--hy-electric)}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen :is(.s3-textarea,textarea){width:100%;min-height:84px;border:2px solid var(--hy-line-2) !important;border-radius:var(--hy-r-s) !important;padding:12px 14px !important;font-size:16px !important;background:#fff !important}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen :is(.s3-textarea,textarea):focus{border-color:var(--hy-electric) !important;box-shadow:0 0 0 4px rgba(0,57,232,.15) !important;outline:0}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen .tm24-defect-followups:not([hidden]),body.tm-hybrid #main-content #schritt-3 #ankauf-fragen [data-repair-confirmation]{margin-top:12px !important;padding:12px !important;border:1px solid var(--hy-line) !important;border-radius:16px !important;background:var(--hy-paper) !important}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen #tm24-repair-readout:not([hidden]){margin-top:12px !important;padding:12px 14px !important;border-radius:14px !important;background:var(--hy-ice) !important;border:0 !important;font-weight:700;color:var(--hy-ink)}
/* Akku */
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen .tm-exact{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:12px !important}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen .tm-exact .tm-label{flex:1 1 100%;font-weight:800 !important;font-size:14px !important;color:var(--hy-ink) !important}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen #tm24-battery-exact::placeholder{font-family:Figtree,system-ui,sans-serif;font-stretch:100%;font-size:16px;font-weight:600;color:#7A86A6}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen #tm24-battery-exact{width:132px !important;max-width:none !important;height:56px !important;border:2px solid var(--hy-line-2) !important;border-radius:var(--hy-r-s) !important;font-family:var(--hy-display) !important;font-stretch:112%;font-weight:800 !important;font-size:22px !important;text-align:center}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen #tm24-battery-exact:focus{border-color:var(--hy-electric) !important;box-shadow:0 0 0 4px rgba(0,57,232,.15) !important}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen .s3-akku-row{margin-top:8px}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen #s3_akku_badge{border-radius:999px !important;font-weight:800}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen .s3-battery-alt>label{display:block;margin-top:16px;font-weight:900;font-size:15px;color:var(--hy-ink)}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen #tm24-battery-choices{display:grid;grid-template-columns:1fr !important;gap:8px !important;margin-top:10px !important}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen #tm24-battery-choices .tm-choice{position:relative;display:flex;align-items:center;gap:12px;min-height:56px;margin:0 !important;padding:10px 12px 10px 62px !important;border:2px solid var(--hy-line) !important;border-radius:var(--hy-r-s) !important;background:#fff !important;font-weight:700 !important;font-size:14px !important;color:var(--hy-ink) !important;cursor:pointer;box-shadow:none !important}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen #tm24-battery-choices .tm-choice input{position:absolute;opacity:0;width:1px;height:1px}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen #tm24-battery-choices .tm-choice::before{content:"";position:absolute;left:12px;top:50%;width:34px;height:18px;margin-top:-9px;border:2px solid var(--hy-ink);border-radius:5px;background:linear-gradient(90deg,var(--hy-ink) var(--hy-batt,90%),transparent 0) 2px 2px/calc(100% - 4px) calc(100% - 4px) no-repeat}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen #tm24-battery-choices .tm-choice::after{content:"";position:absolute;left:47px;top:50%;width:3px;height:6px;margin-top:-3px;border-radius:0 2px 2px 0;background:var(--hy-ink)}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen #tm24-battery-choices .tm-choice:nth-child(1){--hy-batt:95%}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen #tm24-battery-choices .tm-choice:nth-child(2){--hy-batt:55%}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen #tm24-battery-choices .tm-choice:nth-child(3){--hy-batt:18%}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen #tm24-battery-choices .tm-choice:has(input:checked){border-color:var(--hy-electric) !important;background:var(--hy-ice) !important}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen #tm24-battery-choices .tm-choice:has(input:focus-visible){outline:3px solid var(--hy-electric-hi);outline-offset:2px}
/* Beschreibung und Fotos */
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen details.tm-extras{border:1px solid var(--hy-line) !important;border-radius:var(--hy-r) !important;background:#fff !important;padding:4px 16px !important}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen details.tm-extras>summary{min-height:52px;display:flex;align-items:center;font-weight:900 !important;font-size:16px;color:var(--hy-ink) !important;cursor:pointer}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen .s3-foto-slot{border:2px dashed var(--hy-line-2) !important;border-radius:14px !important;background:#fff !important;color:var(--hy-blue) !important}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen .s3-foto-slot.has-image{border-style:solid !important;border-color:var(--hy-ok-line) !important}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen .s3-foto-slot .slot-label{font-weight:800 !important;color:var(--hy-ink) !important}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen .s3-foto-slot .slot-tag{background:var(--hy-ice) !important;color:var(--hy-blue) !important;border-radius:999px !important;font-weight:800 !important}
/* Kein Ankauf moeglich / Bewertung nicht verfuegbar: klare Statuskarte (Fehlerrot ist erlaubt) */
body.tm-hybrid #tm24-funnel-no-buy:not([hidden]){margin-top:14px !important;padding:0 !important;overflow:hidden;border:2px solid var(--hy-stop) !important;border-radius:var(--hy-r) !important;background:#fff !important;box-shadow:none !important}
body.tm-hybrid #tm24-funnel-no-buy #tm24-funnel-no-buy-title{margin:0 !important;padding:14px 16px 4px !important;background:var(--hy-stop-bg);color:var(--hy-stop) !important;font-family:Figtree,system-ui,sans-serif !important;font-weight:900 !important;font-size:18px !important}
body.tm-hybrid #tm24-funnel-no-buy #tm24-funnel-no-buy-reason{margin:0 !important;padding:0 16px 14px !important;background:var(--hy-stop-bg);color:var(--hy-stop) !important;font-weight:700 !important;font-size:14px !important}
body.tm-hybrid #tm24-funnel-no-buy .tm-options{margin:0 !important;gap:0 !important}
body.tm-hybrid #tm24-funnel-no-buy .tm-option{border:0 !important;border-top:1px solid var(--hy-line) !important;border-radius:0 !important;padding:14px 16px !important;min-height:60px}
body.tm-hybrid #tm24-funnel-no-buy .tm-option b{color:var(--hy-blue) !important;font-weight:900 !important}
body.tm-hybrid #tm24-funnel-no-buy .tm-option.is-primary{background:var(--hy-ice) !important}
body.tm-hybrid #tm24-mobile-price-notice:not([hidden]){border-radius:14px !important;background:var(--hy-warn-bg) !important;color:var(--hy-warn) !important;padding:12px 14px !important;font-weight:700 !important}
/* Weiter/Zurueck im Fragenbereich (Desktop) */
body.tm-hybrid #tm24-question-flow-next{min-height:56px !important;border-radius:var(--hy-r-s) !important;background:var(--hy-electric) !important;border:0 !important;color:#fff !important;font-weight:900 !important;font-size:16px !important;padding:0 26px !important;box-shadow:0 8px 18px rgba(3,10,28,.22) !important}
body.tm-hybrid #tm24-question-flow-next:hover{background:var(--hy-electric-hi) !important}
body.tm-hybrid #tm24-question-flow-next:disabled{background:#B9C3DA !important;box-shadow:none !important}
body.tm-hybrid #tm24-question-flow-back{min-height:56px !important;border-radius:var(--hy-r-s) !important;background:var(--hy-ice) !important;border:0 !important;color:var(--hy-blue) !important;font-weight:800 !important}

/* Preisanker Desktop: Navy-Karte rechts */
body.tm-hybrid #ankauf-preisbox{background:var(--hy-navy) !important;color:#fff !important;border:0 !important;border-radius:22px !important;box-shadow:0 20px 40px rgba(3,10,28,.25) !important;padding:20px !important}
body.tm-hybrid #ankauf-preisbox #tm24-preisbox-bild img{background:#fff;border-radius:16px;padding:8px}
body.tm-hybrid #ankauf-preisbox .s3-summary-kicker{color:var(--hy-sky) !important;font-size:12px !important;font-weight:800 !important;letter-spacing:.06em !important;text-transform:uppercase}
body.tm-hybrid #ankauf-preisbox #ankauf-preis{font-family:var(--hy-display) !important;font-stretch:118%;font-weight:900 !important;font-size:42px !important;line-height:1.05 !important;color:#fff !important;letter-spacing:-.02em}
body.tm-hybrid #ankauf-preisbox :is(.s3-summary-state,.s3-summary-device,.s3-summary-note){color:var(--hy-mist) !important}
body.tm-hybrid #ankauf-preisbox .s3-summary-state i{color:#7CE3A6 !important}
body.tm-hybrid #ankauf-preisbox :is(ul,li,a,span){color:var(--hy-mist)}
body.tm-hybrid #ankauf-preisbox details,body.tm-hybrid #ankauf-preisbox summary{color:#fff !important}
body.tm-hybrid #ankauf-preisbox #btn-fragen-weiter{min-height:54px !important;border-radius:var(--hy-r-s) !important;background:var(--hy-electric) !important;border:0 !important;color:#fff !important;font-weight:900 !important}
body.tm-hybrid #ankauf-preisbox #btn-fragen-weiter:disabled{background:#2B3A63 !important;color:var(--hy-mist) !important}

/* Feste mobile Preis-/Weiter-Leiste: Navy, Preis gross */
body.tm-hybrid #ankauf-mobile-footer.tm-sticky{background:var(--hy-navy) !important;color:#fff !important;border:0 !important;border-radius:22px 22px 0 0 !important;box-shadow:0 -10px 30px rgba(3,10,28,.3) !important;backdrop-filter:none !important;padding:10px 14px calc(10px + env(safe-area-inset-bottom)) !important}
body.tm-hybrid #ankauf-mobile-footer .ankauf-mobile-footer-inner{display:flex;align-items:center;gap:12px}
body.tm-hybrid #ankauf-mobile-footer .ankauf-mobile-footer-label{color:var(--hy-sky) !important;font-size:11px !important;font-weight:800 !important;letter-spacing:.05em !important;text-transform:uppercase}
body.tm-hybrid #ankauf-mobile-footer #ankauf-mobile-preis{font-family:var(--hy-display) !important;font-stretch:116%;font-weight:900 !important;font-size:26px !important;line-height:1.05 !important;color:#fff !important;letter-spacing:-.01em}
/* Statustext statt Preis (Kein Ankauf moeglich / Bewertung nicht verfuegbar): ruhiger, zweizeilig statt Preisgroesse */
body.tm-hybrid #ankauf-mobile-footer:has(#tm24-mobile-no-buy-reason:not([hidden])) #ankauf-mobile-preis,body.tm-hybrid #ankauf-mobile-footer:has(#btn-fragen-weiter-mobile:disabled) #ankauf-mobile-preis{font-family:Figtree,system-ui,sans-serif !important;font-stretch:100%;font-size:17px !important;line-height:1.2 !important;letter-spacing:0}
body.tm-hybrid #ankauf-preisbox:has(#preisbox-warnung:not(:empty)) #ankauf-preis{font-size:28px !important}
body.tm-hybrid #ankauf-mobile-footer #btn-fragen-weiter-mobile{margin-left:auto;min-height:52px !important;min-width:140px;border-radius:var(--hy-r-s) !important;background:var(--hy-electric) !important;border:0 !important;color:#fff !important;font-weight:900 !important;font-size:16px !important;box-shadow:none !important}
body.tm-hybrid #ankauf-mobile-footer #btn-fragen-weiter-mobile:disabled{background:#2B3A63 !important;color:var(--hy-mist) !important;opacity:1 !important}
body.tm-hybrid #ankauf-mobile-footer #tm24-mobile-no-buy-reason{color:#FFC2C7 !important;font-size:13px !important;font-weight:700;margin:6px 0 0 !important}
body.tm-hybrid #ankauf-mobile-footer .tm24-mobile-summary-toggle{color:var(--hy-sky) !important;border-color:rgba(157,184,255,.35) !important;background:transparent !important}

/* ---------- Checkout: Meine Artikel / Meine Daten / Verkauf abschliessen ---------- */
body.tm-hybrid #main-content #schritt-4 .checkout-tabs{gap:6px !important;margin-bottom:22px !important}
body.tm-hybrid #main-content #schritt-4 .checkout-tab{position:relative;padding:16px 0 0 !important;font-size:12px !important;font-weight:800 !important;color:var(--hy-muted) !important}
body.tm-hybrid #main-content #schritt-4 .checkout-tab::before{content:"";position:absolute;left:0;right:0;top:0;height:8px;border-radius:999px;background:var(--hy-ice)}
body.tm-hybrid #main-content #schritt-4 .checkout-tab:is(.active,.done)::before{background:var(--hy-electric)}
body.tm-hybrid #main-content #schritt-4 .checkout-tab.active{color:var(--hy-electric) !important}
body.tm-hybrid #main-content #schritt-4 .checkout-tab-nr{display:none !important}
body.tm-hybrid #main-content #schritt-4 .checkout-pane-titel{font-size:clamp(26px,7vw,34px) !important}
/* Preismoment */
body.tm-hybrid #main-content #schritt-4 #tab-1 .checkout-item-card{position:relative;overflow:hidden;display:grid !important;grid-template-columns:1fr !important;grid-template-areas:"img" "price" "details" !important;justify-items:center;gap:10px !important;padding:22px 18px 24px !important;border:0 !important;border-radius:24px !important;text-align:center !important;color:#fff;background:radial-gradient(110% 60% at 50% 0%,rgba(0,57,232,.6),transparent 65%),var(--hy-navy) !important;box-shadow:0 24px 50px rgba(3,10,28,.25) !important}
body.tm-hybrid #main-content #schritt-4 #tab-1 .checkout-item-img{grid-area:img;width:128px !important;height:128px !important;padding:10px !important;background:#fff !important;border-radius:20px !important}
body.tm-hybrid #main-content #schritt-4 #tab-1 .checkout-item-img img{width:100%;height:100%;object-fit:contain}
body.tm-hybrid #main-content #schritt-4 #tab-1 .checkout-item-preis-wrap{grid-area:price;grid-column:auto !important;padding:0 !important;border:0 !important;text-align:center !important}
body.tm-hybrid #main-content #schritt-4 #tab-1 .checkout-item-preis-label{color:var(--hy-sky) !important;font-size:13px !important;font-weight:800 !important;letter-spacing:.08em !important;text-transform:uppercase}
body.tm-hybrid #main-content #schritt-4 #tab-1 #checkout-preis-anzeige{position:relative;display:inline-block;margin-top:4px;font-family:var(--hy-display) !important;font-stretch:122%;font-weight:900 !important;font-size:clamp(46px,14vw,72px) !important;line-height:1 !important;letter-spacing:-.03em !important;color:#fff !important;white-space:nowrap}
body.tm-hybrid #main-content #schritt-4 #tab-1 #checkout-preis-anzeige::after{content:"";position:absolute;left:4%;right:4%;bottom:-8px;height:6px;border-radius:3px;background:var(--hy-red);transform-origin:left;animation:tmHyBar 1s .15s var(--hy-ease) both}
body.tm-hybrid #main-content #schritt-4 #tab-1 .checkout-item-details{grid-area:details;margin-top:10px}
body.tm-hybrid #main-content #schritt-4 #tab-1 #checkout-name{display:inline-block;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(157,184,255,.22);font-weight:800 !important;font-size:14px !important;color:#fff !important}
body.tm-hybrid #main-content #schritt-4 #tab-1 #checkout-meta{margin-top:6px;color:var(--hy-mist) !important;font-weight:700 !important;font-size:14px !important}
body.tm-hybrid #main-content #schritt-4 .checkout-preis-hinweis{margin:14px 0 18px !important;padding:12px 14px !important;border-radius:14px !important;background:var(--hy-ice) !important;color:var(--hy-ink) !important;font-size:14px !important}
body.tm-hybrid #main-content #schritt-4 .checkout-preis-hinweis i{color:var(--hy-electric)}
body.tm-hybrid #main-content #schritt-4 :is(.checkout-answer-summary,.tm-checkout-next-steps,#tm24-checkout-price-breakdown){border:1px solid var(--hy-line) !important;border-radius:var(--hy-r) !important;background:#fff !important;padding:16px !important;margin:0 0 12px !important;box-shadow:none !important}
body.tm-hybrid #main-content #schritt-4 :is(.checkout-answer-summary,.tm-checkout-next-steps,#tm24-checkout-price-breakdown) h4{font-weight:900 !important;font-size:17px !important;color:var(--hy-ink) !important;margin:0 0 8px !important}
body.tm-hybrid #main-content #schritt-4 #checkout-answer-summary-items li{font-size:14px;padding:8px 0;border-bottom:1px solid var(--hy-line)}
body.tm-hybrid #main-content #schritt-4 .tm-checkout-next-steps ol{margin:0;padding-left:20px}
body.tm-hybrid #main-content #schritt-4 .tm-checkout-next-steps li{padding:6px 0;font-size:14px;color:var(--hy-ink)}
/* Formulare */
body.tm-hybrid #main-content #schritt-4 .checkout-intro-hint{color:var(--hy-muted) !important}
body.tm-hybrid #main-content #schritt-4 .checkout-form-section{padding:16px !important;margin:0 0 12px !important;border:1px solid var(--hy-line) !important;border-radius:var(--hy-r) !important;background:#fff !important}
body.tm-hybrid #main-content #schritt-4 :is(.checkout-form-section-title,.auszahlung-titel){font-family:var(--hy-display) !important;font-stretch:110%;font-weight:800 !important;font-size:20px !important;color:var(--hy-ink) !important}
body.tm-hybrid #main-content #schritt-4 .form-label{font-weight:800 !important;font-size:14px !important;color:var(--hy-ink) !important}
body.tm-hybrid #main-content #schritt-4 .form-control{min-height:52px !important;border:2px solid var(--hy-line-2) !important;border-radius:var(--hy-r-s) !important;font-size:16px !important;background:#fff !important}
body.tm-hybrid #main-content #schritt-4 .form-control:focus{border-color:var(--hy-electric) !important;box-shadow:0 0 0 4px rgba(0,57,232,.15) !important;outline:0}
body.tm-hybrid #main-content #schritt-4 .form-control[aria-invalid=true]{border-color:var(--hy-red) !important;background:#FFF8F8 !important}
body.tm-hybrid #main-content #schritt-4 .auszahlung-box{min-height:58px !important;border:2px solid var(--hy-line) !important;border-radius:var(--hy-r-s) !important;font-weight:900 !important}
body.tm-hybrid #main-content #schritt-4 .auszahlung-label input:checked+.auszahlung-box{border-color:var(--hy-electric) !important;background:var(--hy-ice) !important;color:var(--hy-electric) !important}
body.tm-hybrid #main-content #schritt-4 .auszahlung-label input:checked+.auszahlung-box::before{border-color:var(--hy-electric) !important}
body.tm-hybrid #main-content #schritt-4 #tm24-order-validation,body.tm-hybrid #main-content #schritt-4 .tm-validation-message:not([hidden]){border-radius:12px !important;background:var(--hy-stop-bg) !important;color:var(--hy-stop) !important;font-weight:800 !important;padding:10px 12px !important}
/* Pflichtbestaetigungen */
body.tm-hybrid #main-content #schritt-4 .pflicht-box{display:grid !important;gap:8px !important}
body.tm-hybrid #main-content #schritt-4 .check-label{grid-template-columns:26px 1fr !important;padding:14px !important;border:2px solid var(--hy-line) !important;border-radius:var(--hy-r-s) !important;background:#fff !important;color:var(--hy-ink) !important;font-size:14px !important;cursor:pointer;transition:background .15s,border-color .15s}
body.tm-hybrid #main-content #schritt-4 .check-label input[type=checkbox]{width:24px !important;height:24px !important;margin:0 !important;accent-color:var(--hy-electric)}
body.tm-hybrid #main-content #schritt-4 .check-label:has(input:checked){border-color:var(--hy-electric) !important;background:var(--hy-ice) !important}
body.tm-hybrid #main-content #schritt-4 .check-label:has(input[aria-invalid=true]){border-color:var(--hy-red) !important;background:#FFF8F8 !important}
body.tm-hybrid #main-content #schritt-4 .check-label a{color:var(--hy-blue) !important;font-weight:800}
body.tm-hybrid #main-content #schritt-4 .checkout-final-hint{color:var(--hy-muted) !important}
body.tm-hybrid #main-content #schritt-4 .ssl-hinweis{color:var(--hy-muted) !important;font-weight:700}
/* Knoepfe: Weiter = Electric, finaler Verkauf = Rot */
body.tm-hybrid #main-content #schritt-4 .btn-checkout-next{min-height:56px !important;background:var(--hy-electric) !important;color:#fff !important;font-weight:900 !important;border-radius:var(--hy-r-s) !important;border:0 !important}
body.tm-hybrid #main-content #schritt-4 .btn-checkout-next:hover{background:var(--hy-electric-hi) !important}
body.tm-hybrid #main-content #schritt-4 .btn-checkout-final{min-height:60px !important;background:var(--hy-red) !important;color:#fff !important;font-weight:900 !important;font-size:18px !important;border-radius:var(--hy-r-s) !important;border:0 !important;box-shadow:0 10px 22px rgba(184,5,16,.25) !important}
body.tm-hybrid #main-content #schritt-4 .btn-checkout-final:hover{background:var(--hy-red-dk) !important}
body.tm-hybrid #main-content #schritt-4 .btn-checkout-final:disabled{opacity:.7}
body.tm-hybrid #main-content #schritt-4 .btn-checkout-back{min-height:56px !important;border-radius:var(--hy-r-s) !important;background:var(--hy-ice) !important;color:var(--hy-blue) !important;border:0 !important;font-weight:800 !important}
body.tm-hybrid #tm-checkout-sticky.tm-sticky{background:var(--hy-navy) !important;color:#fff !important;border:0 !important;border-radius:22px 22px 0 0 !important;box-shadow:0 -10px 30px rgba(3,10,28,.3) !important;backdrop-filter:none !important}
body.tm-hybrid #tm-checkout-sticky :is(.tm-p,#tm-checkout-mobile-price){font-family:var(--hy-display) !important;font-stretch:116%;font-weight:900 !important;font-size:24px !important;color:#fff !important}
body.tm-hybrid #tm-checkout-sticky .tm-s{color:var(--hy-sky) !important;font-weight:800 !important;text-transform:uppercase;letter-spacing:.05em}
body.tm-hybrid #tm-checkout-sticky #tm-checkout-mobile-button{min-height:52px !important;border-radius:var(--hy-r-s) !important;background:var(--hy-electric) !important;color:#fff !important;font-weight:900 !important;border:0 !important}
body.tm-hybrid:has(#tab-3.checkout-pane.active) #tm-checkout-sticky #tm-checkout-mobile-button{background:var(--hy-red) !important}
body.tm-hybrid #tm-checkout-summary.tm-order{background:var(--hy-navy) !important;color:#fff !important;border:0 !important;border-radius:22px !important}
body.tm-hybrid #tm-checkout-summary.tm-order :is(h3,h4,b,.tm-sum-device){color:#fff !important}
body.tm-hybrid #tm-checkout-summary.tm-order :is(.tm-price-label,.tm-muted,span){color:var(--hy-mist) !important}
body.tm-hybrid #tm-checkout-summary.tm-order .tm-price{font-family:var(--hy-display) !important;font-stretch:118%;font-weight:900 !important;color:#fff !important}
body.tm-hybrid #tm-checkout-summary.tm-order img{background:#fff !important;border-radius:16px;padding:8px;mix-blend-mode:normal !important;filter:none !important;object-fit:contain}
body.tm-hybrid #tm-checkout-summary.tm-order .tm-btn{background:rgba(255,255,255,.1) !important;color:#fff !important;border-color:rgba(157,184,255,.3) !important}

body.tm-hybrid #tm-checkout-summary.tm-order .tm-card{background:transparent !important;border:0 !important;box-shadow:none !important;color:#fff !important}
body.tm-hybrid #tm-checkout-summary.tm-order .tm-price-label{color:var(--hy-sky) !important;font-size:12px !important;font-weight:800 !important;letter-spacing:.06em;text-transform:uppercase}
body.tm-hybrid #tm-checkout-summary.tm-order #tm-checkout-device-name{color:#fff !important;font-weight:800 !important}
body.tm-hybrid #tm-checkout-summary.tm-order #tm-checkout-device-meta{color:var(--hy-mist) !important}
body.tm-hybrid #tm-checkout-summary.tm-order .tm-sum-total{border-top:1px solid rgba(157,184,255,.22);margin-top:14px;padding-top:14px;align-items:center}
body.tm-hybrid #tm-checkout-summary.tm-order .tm-sum-total>span:first-child{color:var(--hy-sky) !important;font-weight:800}
body.tm-hybrid #tm-checkout-summary.tm-order #tm-checkout-device-price{font-size:34px !important;color:#fff !important;letter-spacing:-.02em}
body.tm-hybrid #tm-checkout-summary.tm-order .tm-help{color:var(--hy-mist) !important;font-size:13px}
body.tm-hybrid #ankauf-preisbox .s3-summary-state>span{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.1) !important;color:#fff !important;font-weight:800}
body.tm-hybrid #ankauf-preisbox .s3-summary-state>span:has(#ankauf-zustand-text:empty){display:none}
/* ---------- Danke ---------- */
body.tm-hybrid #schritt-danke{background:var(--hy-paper)}
body.tm-hybrid #schritt-danke .danke-card{padding:0 !important}
body.tm-hybrid #schritt-danke :is(h1,h2,.danke-titel){font-family:var(--hy-display) !important;font-stretch:116%;font-weight:900 !important;letter-spacing:-.02em !important;color:var(--hy-ink) !important}
body.tm-hybrid #schritt-danke .danke-steps{border-radius:var(--hy-r) !important;border:1px solid var(--hy-line) !important}
body.tm-hybrid #schritt-danke #thankyou-order-reference{display:inline-block;padding:8px 14px;border-radius:999px;background:var(--hy-navy);color:#fff !important;font-weight:800}
body.tm-hybrid #schritt-danke .btn-ankauf-small{min-height:52px;display:inline-flex;align-items:center;padding:0 22px;border-radius:var(--hy-r-s) !important;background:var(--hy-electric) !important;color:#fff !important;border:0 !important;font-weight:900}

/* ---------- Cookie-Hinweis: mobil kompakt, beide Wahlmoeglichkeiten gleichwertig ---------- */
body.tm-hybrid #cookie-banner{border-top:0 !important;border-radius:22px 22px 0 0 !important;box-shadow:0 -10px 30px rgba(3,10,28,.25) !important}
body.tm-hybrid #cookie-banner #tm24-privacy-accept,body.tm-hybrid #cookie-banner #tm24-privacy-reject{background:var(--hy-navy) !important;color:#fff !important;border:2px solid var(--hy-navy) !important;border-radius:14px !important;font-weight:800 !important;min-height:46px}
@media(max-width:640px){
  body.tm-hybrid #cookie-banner{padding:12px 14px calc(12px + env(safe-area-inset-bottom)) !important}
  body.tm-hybrid #cookie-banner .tm24-cookie-banner__inner{gap:10px !important}
  body.tm-hybrid #cookie-banner .tm24-cookie-banner__inner>div:first-child{min-width:0 !important;flex:1 1 100% !important}
  body.tm-hybrid #cookie-banner strong{font-size:14px !important;margin-bottom:2px !important}
  body.tm-hybrid #cookie-banner p{font-size:12.5px !important;line-height:1.4 !important}
  body.tm-hybrid #cookie-banner .tm24-cookie-banner__actions{flex:1 1 100% !important;display:grid !important;grid-template-columns:1fr 1fr;gap:8px !important}
  body.tm-hybrid #cookie-banner #tm24-privacy-accept,body.tm-hybrid #cookie-banner #tm24-privacy-reject{padding:10px 8px !important;width:100%}
}

/* Lange Einzelwoerter (z. B. Pflichtbestaetigungen) nie abschneiden: trennen statt ueberlaufen */
body.tm-hybrid :is(#schritt-1,#schritt-2) :is(h2,#modell-titel),body.tm-hybrid #zustand-titel,body.tm-hybrid .ankauf-fragen-card-titel,body.tm-hybrid #main-content #schritt-4 .checkout-pane-titel,body.tm-hybrid #tm24-ankauf-hero h1,body.tm-hybrid #schritt-danke :is(h1,h2,.danke-titel){overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}
@media(max-width:374px){body.tm-hybrid #main-content #schritt-4 .checkout-pane-titel,body.tm-hybrid .ankauf-fragen-card-titel,body.tm-hybrid :is(#schritt-1,#schritt-2) :is(h2,#modell-titel),body.tm-hybrid #zustand-titel{font-size:23px !important;font-stretch:104% !important}}
/* Sehr schmale Geraete (bis 374 px): Preis und Knopf in den festen Leisten ohne Umbruch */
@media(max-width:374px){
  body.tm-hybrid #tm-checkout-sticky :is(.tm-p,#tm-checkout-mobile-price),body.tm-hybrid #ankauf-mobile-footer #ankauf-mobile-preis{font-size:21px !important;white-space:nowrap}
  body.tm-hybrid #tm-checkout-sticky #tm-checkout-mobile-button,body.tm-hybrid #ankauf-mobile-footer #btn-fragen-weiter-mobile{min-width:0 !important;padding:0 12px !important;font-size:15px !important}
}
/* =====================================================================
   UX-Feinschliff 17.10.2026 (freigegebene Punkte aus der Videoanalyse).
   Gleiches Hybrid-Design: lebendige Farben bleiben, weniger Rahmen in Rahmen,
   Fettschrift nur fuer Ueberschriften, Namen und Preise. Keine Preise oder Regeln.
   ===================================================================== */

/* P1 Modellkarten: kein weisser Kreis ueber dem Foto, nur ein kleiner Pfeil unten rechts */
body.tm-hybrid #main-content #schritt-2 #modell-bereich .wizard-card-cta{top:auto !important;bottom:15px !important;right:12px !important;width:auto !important;height:auto !important;background:transparent !important;box-shadow:none !important;border-radius:0 !important;font-size:13px !important;color:var(--hy-blue) !important;opacity:.75}
body.tm-hybrid #main-content #schritt-2 #modell-bereich .wizard-card:has(.wizard-card-cta) .wizard-card-preis{padding-right:18px !important}

/* P3 Modellbilder: gleich grosse quadratische Bildflaeche, das Foto fuellt sie.
   Ohne exaktes Foto: ruhiger Kategorie-Platzhalter in derselben Flaeche (kein fremdes Modellbild). */
body.tm-hybrid #main-content #schritt-2 #modell-bereich :is(.wizard-card,.wizard-linie-card){padding:6px 6px 14px !important}
body.tm-hybrid #main-content #schritt-2 #modell-bereich :is(.wizard-card-name,.wizard-linie-name,.wizard-card-preis){padding-left:8px !important;padding-right:8px}
body.tm-hybrid #main-content #schritt-2 #modell-bereich :is(.wizard-card-icon,.wizard-linie-icon){height:auto !important;aspect-ratio:1/1;max-height:230px;padding:4px !important;margin:0 0 6px !important;border-radius:15px !important}
body.tm-hybrid #main-content #schritt-2 #modell-bereich :is(.wizard-card-icon,.wizard-linie-icon) img{width:100% !important;height:100% !important;max-width:100% !important;max-height:100% !important;object-fit:contain !important}
html body.tm-hybrid #main-content #schritt-2 #modell-bereich .wizard-card-icon:has(> .tm-ph-cat){background:linear-gradient(160deg,#fff 0%,var(--hy-paper) 100%) !important;width:100% !important;height:auto !important;display:grid !important}
html body.tm-hybrid #main-content #schritt-2 #modell-bereich .wizard-card-icon:has(> .tm-ph-cat) > .tm-ph{display:none !important}
html body.tm-hybrid #main-content #schritt-2 #modell-bereich .wizard-card-icon > .tm-ph-cat{display:block !important;width:42% !important;height:auto !important;max-width:96px;aspect-ratio:1/1;color:var(--hy-sky) !important;opacity:.9}
html body.tm-hybrid #main-content #schritt-2 #modell-bereich .wizard-card-icon > .tm-ph{width:22% !important;height:auto !important;max-height:none !important;color:var(--hy-sky) !important}

/* P2 Kategorien: Bild im Fluss oberhalb der Bezeichnung, nichts wird mehr ueberdeckt */
body.tm-hybrid #tm24-category-grid .tm-cat{justify-content:flex-start;gap:8px;min-height:0}
body.tm-hybrid #tm24-category-grid .tm24-category-card__image{position:relative !important;top:auto;right:auto;align-self:flex-end;width:64% !important;margin:0 -2px 0 auto}
body.tm-hybrid #tm24-category-grid .tm24-category-card__name{max-width:none;margin-top:auto;overflow-wrap:break-word}
@media(min-width:960px){body.tm-hybrid #tm24-category-grid .tm-cat{min-height:0}body.tm-hybrid #tm24-category-grid .tm24-category-card__image{width:56% !important}}

/* Vorteile als klar abgegrenzte Kacheln; Inhalt bleibt eine nicht-interaktive Liste. */
body.tm-hybrid #tm24-ankauf-hero .tm-facts-row{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px !important;border-top:0}
body.tm-hybrid #tm24-ankauf-hero .tm-facts-row li{min-width:0;gap:12px;flex:none;padding:16px !important;background:linear-gradient(180deg,var(--hy-deep-2),var(--hy-deep)) !important;border:1px solid rgba(157,184,255,.42) !important;border-radius:16px !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 4px 12px rgba(3,10,28,.16);font-size:13px;line-height:1.45}
body.tm-hybrid #tm24-ankauf-hero .tm-facts-row li span{min-width:0;overflow-wrap:break-word}
body.tm-hybrid #tm24-ankauf-hero .tm-facts-row li b{margin-bottom:4px;font-weight:800;font-size:14px}
@media(max-width:959px){
  body.tm-hybrid #tm24-ankauf-hero .tm-facts-row{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px !important}
}
@media(max-width:599px){
  body.tm-hybrid #tm24-ankauf-hero .tm-facts-row{grid-template-columns:minmax(0,1fr)}
}
body.tm-hybrid #main-content #schritt-1 #marken-grid .tm-brand-name,
body.tm-hybrid #main-content #schritt-2 #modell-bereich :is(.wizard-card-name,.wizard-linie-name),
body.tm-hybrid #main-content #schritt-3 .s3-card-title,
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen :is(.s3-label,.tm24-category-question-title,#defekt-wrap legend),
body.tm-hybrid #main-content #schritt-2 #modell-bereich :is(.tm-opt-label,.tm-colors .model-card-color),
body.tm-hybrid #geraet-fallback strong{font-weight:800 !important}
body.tm-hybrid #main-content #schritt-2 #modell-bereich .tm-storage .tm-opt{font-weight:800 !important}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen :is(.s3-seg,.tm24-answer-cards)>label{font-weight:700 !important}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen :is(.s3-defekt-chip>span,.zubehoer-chip-inner),
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen #tm24-battery-choices .tm-choice{font-weight:600 !important}
body.tm-hybrid #main-content #schritt-4 .form-label{font-weight:700 !important}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen :is(.s3-item,.tm24-category-question){border:0 !important;box-shadow:0 1px 3px rgba(11,21,51,.07) !important}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen .tm24-defect-followups:not([hidden]),body.tm-hybrid #main-content #schritt-3 #ankauf-fragen [data-repair-confirmation]{padding:0 !important;border:0 !important;background:transparent !important}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen details.tm-extras{border:0 !important;box-shadow:0 1px 3px rgba(11,21,51,.07) !important}
body.tm-hybrid #main-content #schritt-4 .checkout-form-section,
body.tm-hybrid #main-content #schritt-4 :is(.checkout-answer-summary,.tm-checkout-next-steps,#tm24-checkout-price-breakdown){border:0 !important;box-shadow:0 1px 3px rgba(11,21,51,.07) !important}

/* P5/P25 Unterer Seitenbereich: gleiche Inhalte, kompakter. FAQ, Versand- und Auszahlungsaussagen unveraendert. */
html body.tm-hybrid .tm-how{padding:30px 0 !important;background:#fff !important}
html body.tm-hybrid .tm-how h2{font-size:24px !important}
/* Die vier Infotexte bleiben Schritte; Kacheloptik ohne neue Klickfunktion. */
html body.tm-hybrid .tm-how .tm-how-steps{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px !important;margin-top:16px !important}
html body.tm-hybrid .tm-how .tm-how-steps li{min-width:0;gap:6px !important;padding:18px !important;border:1px solid rgba(157,184,255,.42) !important;border-radius:16px;background:linear-gradient(180deg,var(--hy-deep-2),var(--hy-deep)) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 4px 12px rgba(3,10,28,.12) !important;overflow-wrap:break-word}
html body.tm-hybrid .tm-how .tm-how-steps .tm-n{width:32px !important;height:32px !important;margin:0 0 4px !important;font-size:14px !important;background:var(--hy-electric) !important;color:#fff;border:1px solid rgba(157,184,255,.5)}
html body.tm-hybrid .tm-how .tm-how-steps b{font-size:15px !important;font-weight:800 !important;color:#fff}
html body.tm-hybrid .tm-how .tm-how-steps span:last-child{font-size:13px !important;line-height:1.45 !important;color:var(--hy-mist)}
@media(max-width:599px){html body.tm-hybrid .tm-how .tm-how-steps{grid-template-columns:minmax(0,1fr)}}
@media(min-width:960px){html body.tm-hybrid .tm-how .tm-how-steps{grid-template-columns:repeat(4,minmax(0,1fr))}}
html body.tm-hybrid .why-tm24-section{padding:28px 0 !important}
html body.tm-hybrid #warum-tm24.why-tm24-section .why-tm24-head h2{font-size:24px !important;margin-bottom:4px !important}
html body.tm-hybrid #warum-tm24.why-tm24-section .why-tm24-head p{font-size:14px !important}
html body.tm-hybrid #warum-tm24.why-tm24-section .why-grid{display:grid !important;grid-template-columns:1fr 1fr !important;gap:16px 14px !important;margin-top:16px !important}
html body.tm-hybrid #warum-tm24.why-tm24-section .why-card{padding:0 !important;border:0 !important;background:transparent !important;box-shadow:none !important;text-align:left !important;animation:none !important}
html body.tm-hybrid #warum-tm24.why-tm24-section .why-card::before{display:none !important}
html body.tm-hybrid #warum-tm24.why-tm24-section .why-icon{width:34px !important;height:34px !important;border-radius:10px !important;font-size:15px !important;margin:0 0 6px !important}
html body.tm-hybrid #warum-tm24.why-tm24-section .why-card h5{font-size:14px !important;font-weight:800 !important;line-height:1.3 !important;margin:0 0 2px !important}
html body.tm-hybrid #warum-tm24.why-tm24-section .why-card p{font-size:12.5px !important;line-height:1.45 !important;margin:0 !important}
@media(min-width:900px){html body.tm-hybrid #warum-tm24.why-tm24-section .why-grid{grid-template-columns:repeat(4,1fr) !important}}
html body.tm-hybrid .tm24-eco-badge{margin-top:20px !important;margin-bottom:0 !important;padding:10px 14px !important;font-size:13px !important;box-shadow:none !important}
/* Weiterfuehrende SEO-Texte bleiben vollstaendig im Dokument; laengere Abschnitte sind aufklappbar */
html body.tm-hybrid .ankauf-seo-text{padding:28px 0 8px !important}
html body.tm-hybrid .ankauf-seo-text h2{font-size:22px !important;line-height:1.2 !important}
html body.tm-hybrid .ankauf-seo-text details.tm-hy-more{margin-top:10px}
html body.tm-hybrid .ankauf-seo-text details.tm-hy-more>summary{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;background:var(--hy-ice);color:var(--hy-blue);font-weight:800;font-size:14px;cursor:pointer;list-style:none}
html body.tm-hybrid .ankauf-seo-text details.tm-hy-more>summary::-webkit-details-marker{display:none}
html body.tm-hybrid .ankauf-seo-text details.tm-hy-more>summary::after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
html body.tm-hybrid .ankauf-seo-text details.tm-hy-more[open]>summary::after{transform:rotate(-135deg) translateY(-2px)}
html body.tm-hybrid .ankauf-seo-text details.tm-hy-more[open]>summary{margin-bottom:12px}

/* P4 Mehrfachauswahl (Funktionen, Schaeden, Zubehoer): ein Rahmen je Auswahl statt Kasten im Kasten */
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen :is(.s3-defekt-chip,.zubehoer-chip){padding:0 !important;border:0 !important;background:transparent !important;box-shadow:none !important;border-radius:0 !important}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen :is(#defekt-wrap,#bruch-details-wrap){background:transparent !important;border-radius:0 !important}

/* P7 Speicher: bereits gewaehlter Speicher bleibt sichtbar markiert */
body.tm-hybrid #main-content #schritt-2 #modell-bereich .tm-storage[hidden],body.tm-hybrid #main-content #schritt-2 #modell-bereich .tm-storage-kept[hidden]{display:none !important}
body.tm-hybrid #main-content #schritt-2 #modell-bereich .tm-storage-kept{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:8px 8px 8px 16px;border-radius:14px;background:var(--hy-ice)}
body.tm-hybrid #main-content #schritt-2 #modell-bereich .tm-storage-kept b{font-weight:800;font-size:16px;color:var(--hy-ink)}
body.tm-hybrid #main-content #schritt-2 #modell-bereich .tm-storage-kept__edit{min-height:40px;padding:0 14px;border:0;border-radius:999px;background:#fff;color:var(--hy-blue);font:inherit;font-weight:800;font-size:14px;cursor:pointer}
body.tm-hybrid #main-content #schritt-2 #modell-bereich .wizard-speicher-card.is-selected{border-color:var(--hy-electric) !important;background:var(--hy-ice) !important}

/* P8/P9 Feste Leiste bei Fehlern kompakt: grosser Preis bleibt, Status klein in einer Zeile,
   kurzer Grund nur solange die Statuskarte selbst nicht sichtbar ist; Knopf unveraendert gross */
body.tm-hybrid #ankauf-mobile-footer .ankauf-mobile-footer-inner>div:first-child{flex:1 1 auto;min-width:0}
body.tm-hybrid:has(#ankauf-preisbox:is([data-public-decision=NO_BUY],[data-public-decision=UNAVAILABLE])) #ankauf-mobile-footer .ankauf-mobile-footer-label{display:none !important}
body.tm-hybrid:has(#ankauf-preisbox:is([data-public-decision=NO_BUY],[data-public-decision=UNAVAILABLE],[data-public-decision=PENDING])) #ankauf-mobile-footer #ankauf-mobile-preis{font-family:Figtree,system-ui,sans-serif !important;font-stretch:100%;font-size:15px !important;font-weight:800 !important;line-height:1.25 !important;letter-spacing:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.tm-hybrid #ankauf-mobile-footer #tm24-mobile-no-buy-reason{margin:2px 0 0 !important;font-size:12px !important;line-height:1.35 !important;font-weight:600 !important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.tm-hybrid #ankauf-mobile-footer #tm24-mobile-no-buy-reason[hidden],body.tm-hybrid.tm24-decision-card-in-view #ankauf-mobile-footer #tm24-mobile-no-buy-reason{display:none !important}
body.tm-hybrid #tm24-funnel-no-buy.is-attention{animation:tmHyAttention .7s var(--hy-ease)}
@keyframes tmHyAttention{0%{box-shadow:0 0 0 0 rgba(158,4,16,.45)}100%{box-shadow:0 0 0 12px rgba(158,4,16,0)}}
body.tm-hybrid #tm24-funnel-no-buy #tm24-funnel-no-buy-reason{font-weight:600 !important}

/* P10 Aktivierungssperre: eine Erklaerung (geraetespezifischer Hinweis an der Frage); die
   gleichlautende allgemeine Hilfe bleibt im Dokument, wird an dieser Frage aber nicht doppelt gezeigt */
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen .s3-item:has(#tm24-lock-steps) .s3-info-btn[data-help="help_lock"],
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen .s3-item:has(#tm24-lock-steps) #help_lock{display:none}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen #tm24-lock-steps.is-highlighted{box-shadow:0 0 0 3px var(--hy-electric-hi) !important}

/* P11 Fotos: wichtige Ansichten zuerst, weitere bei Bedarf; keine Etiketten-Unruhe */
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen .s3-foto-slot .slot-tag{display:none !important}
body.tm-hybrid #main-content #schritt-3 #ankauf-fragen .s3-foto-more-toggle{background:var(--hy-ice) !important;color:var(--hy-blue) !important;font-weight:800 !important;border-radius:999px !important}

/* P28 Fortschritt: Phase und eigene Schrittzahl ueber jeder Leiste */
body.tm-hybrid .tm-hy-phase{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:0 0 8px !important;font-size:13px;line-height:1.3}
body.tm-hybrid .tm-hy-phase__name{font-weight:800;color:var(--hy-ink);font-size:14px}
body.tm-hybrid .tm-hy-phase__count{font-weight:700;color:var(--hy-electric);white-space:nowrap}
body.tm-hybrid .tm-hy-phase__count:empty{display:none}
body.tm-hybrid #schritt-3 > .tm-hy-phase{margin:0 16px 8px !important}
@media(min-width:960px){body.tm-hybrid #schritt-3 > .tm-hy-phase{max-width:720px;margin:0 0 8px !important}}
body.tm-hybrid #main-content #schritt-1 #marken-grid .tm-brand-name{font-size:16px !important;overflow-wrap:anywhere}

/* P15 Bildschirmtastatur offen: feste Leisten verdecken das fokussierte Feld nicht (nur waehrend der Eingabe) */
@media(max-width:959px){html body.tm-hybrid.tm24-keyboard-open :is(#ankauf-mobile-footer,#tm-checkout-sticky){display:none !important}}

/* P16 Kurze Kontrolle vor dem Abschluss */
body.tm-hybrid #main-content #schritt-4 .tm-final-review{margin:4px 0 18px;padding:14px 16px 6px;border-radius:var(--hy-r);background:#fff;box-shadow:0 1px 3px rgba(11,21,51,.07)}
body.tm-hybrid #main-content #schritt-4 .tm-final-review h4{margin:0 0 6px !important;font-size:16px !important;font-weight:800 !important;color:var(--hy-ink) !important}
body.tm-hybrid #main-content #schritt-4 .tm-final-review dl{margin:0}
body.tm-hybrid #main-content #schritt-4 .tm-final-review dl>div{display:grid;grid-template-columns:minmax(84px,30%) minmax(0,1fr);gap:2px 10px;padding:9px 0;border-top:1px solid var(--hy-line)}
body.tm-hybrid #main-content #schritt-4 .tm-final-review dt{font-size:13px;font-weight:600;color:var(--hy-muted)}
body.tm-hybrid #main-content #schritt-4 .tm-final-review dd{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0;font-size:14px;color:var(--hy-ink);min-width:0}
body.tm-hybrid #main-content #schritt-4 .tm-final-review dd>span{min-width:0;overflow-wrap:anywhere}
body.tm-hybrid #main-content #schritt-4 .tm-final-review__edit{flex:none;border:0;background:none;padding:4px 0;font:inherit;font-size:13px;font-weight:800;color:var(--hy-electric);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
body.tm-hybrid #main-content #schritt-4 .tm-pflicht-subtitle{margin:0 0 10px !important;font-size:16px !important;font-weight:800 !important;color:var(--hy-ink) !important}
/* P17 Danke-Seite: naechste Schritte klar als eigener Abschnitt */
body.tm-hybrid #schritt-danke .danke-next-title{margin:20px 0 10px !important;font-family:Figtree,system-ui,sans-serif !important;font-stretch:100%;font-size:17px !important;font-weight:800 !important;color:var(--hy-ink) !important;letter-spacing:0 !important}

/* A8 Versiegelte Neuware: ein ruhiger Hinweis oben, kurze Hinweise an Funktion, Akku und CE */
html body.tm-hybrid #schritt-3 .tm-hy-sealed-note{margin:0 0 16px;padding:12px 14px;border-radius:12px;background:var(--hy-ice);color:var(--hy-ink);font-size:14px;line-height:1.5;font-weight:600}
html body.tm-hybrid #schritt-3 .tm-hy-sealed-hint{color:var(--hy-blue);font-weight:600}
html body.tm-hybrid #schritt-3 .tm-hy-sealed-note[hidden],html body.tm-hybrid #schritt-3 .s3-foto-slot[hidden],html body.tm-hybrid #schritt-3 #s3_akku_slider_area .tm-exact[hidden]{display:none !important}
/* A6 Suchtreffer: gleiche Bildflaeche, klarer Modellname, knappe Variante, Preis an fester Stelle */
html body.tm-hybrid .suche-ergebnisse .suche-item{display:grid !important;grid-template-columns:56px minmax(0,1fr) auto !important;align-items:center !important;gap:12px !important;padding:10px 12px !important}
html body.tm-hybrid .suche-ergebnisse .suche-item-icon{width:56px !important;height:56px !important;min-width:56px !important;margin:0 !important;border-radius:12px !important;background:#fff !important;border:1px solid var(--hy-line) !important;display:grid !important;place-items:center !important;overflow:hidden;color:var(--hy-sky) !important;font-size:22px !important}
html body.tm-hybrid .suche-ergebnisse .suche-item-icon img{width:100% !important;height:100% !important;max-width:none !important;object-fit:contain !important;padding:3px;border-radius:0 !important}
html body.tm-hybrid .suche-ergebnisse .suche-item-info{min-width:0}
html body.tm-hybrid .suche-ergebnisse .suche-item-modell{font-weight:700 !important;font-size:15px !important;line-height:1.3 !important;color:var(--hy-ink) !important;overflow-wrap:anywhere}
html body.tm-hybrid .suche-ergebnisse .suche-item-modell mark{background:transparent !important;color:var(--hy-electric) !important;padding:0 !important;font-weight:800}
html body.tm-hybrid .suche-ergebnisse .suche-item-ausfuehrung{margin-top:2px;font-size:13px !important;line-height:1.35;color:var(--hy-muted) !important}
html body.tm-hybrid .suche-ergebnisse .suche-item-ausfuehrung:empty{display:none}
html body.tm-hybrid .suche-ergebnisse .suche-item-farbe{margin-top:5px}
html body.tm-hybrid .suche-ergebnisse .suche-item-preis{white-space:nowrap;text-align:right;font-size:15px !important;align-self:center}

/* A5 Markenliste: ruhiger Platzhalter in Kachelgroesse, bis die Liste der gewaehlten Kategorie da ist */
body.tm-hybrid #main-content #schritt-1 #marken-grid .tm-brand-skeleton{min-height:72px;border-radius:var(--hy-r);background:linear-gradient(90deg,#fff 0%,var(--hy-ice) 50%,#fff 100%);background-size:200% 100%;border:2px solid var(--hy-line);animation:tmHySkel 1.4s ease-in-out infinite}
@keyframes tmHySkel{0%{background-position:100% 0}100%{background-position:-100% 0}}

/* ===== Nutzerfeedback 17.10. (Betreiberentscheidung 17.10.: Geld-Karte, Kategorien, gruene Preise, GB/Preis, Abschlusspreis behalten; Rest zurueckgenommen) =====
   Geld, das die Kundin/der Kunde bekommt, ist gruen; nur die fuenf ausdruecklich behaltenen Gestaltungsbereiche. */
:root{--hy-money:#0A7A45;--hy-money-dk:#086638;--hy-money-lt:#5EE6A0;--hy-money-bg:#E4F5EC;--hy-money-line:#BFE6CF}
/* Hero-Bild: Geld-Karte (Ueberweisung/PayPal, kein Bargeld-Versprechen) */
html body.tm-hybrid #tm24-ankauf-hero .tm-hy-money{position:absolute;left:-22px;bottom:26px;z-index:2;display:flex;align-items:center;gap:12px;max-width:82%;padding:12px 18px 12px 12px;background:#fff;border-radius:18px;box-shadow:0 18px 40px rgba(3,10,28,.38);color:var(--hy-ink);animation:tmHyMoney .7s .35s var(--hy-ease) both}
html body.tm-hybrid #tm24-ankauf-hero .tm-hy-money__icon{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--hy-money);color:#fff;font-size:22px;box-shadow:inset 0 -3px 0 rgba(0,0,0,.15)}
html body.tm-hybrid #tm24-ankauf-hero .tm-hy-money__text b{display:block;font-family:var(--hy-display);font-stretch:108%;font-weight:800;font-size:18px;line-height:1.2;color:var(--hy-ink)}
html body.tm-hybrid #tm24-ankauf-hero .tm-hy-money__text small{display:block;margin-top:2px;font-size:15px;line-height:1.35;color:var(--hy-muted)}
@keyframes tmHyMoney{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
/* Kategorien: Bild und Bezeichnung mittig */
html body.tm-hybrid #tm24-category-grid .tm-cat{align-items:center !important;text-align:center !important}
html body.tm-hybrid #tm24-category-grid .tm24-category-card__image{align-self:center !important;margin:0 auto !important;width:70% !important}
html body.tm-hybrid #tm24-category-grid .tm24-category-card__name{align-self:center !important;text-align:center !important;width:100%;font-size:18px !important}
@media(min-width:960px){html body.tm-hybrid #tm24-category-grid .tm24-category-card__image{width:60% !important}html body.tm-hybrid #tm24-category-grid .tm24-category-card__name{font-size:24px !important}}
/* Preise: gruen und groesser als die Speicherangabe */
html body.tm-hybrid #main-content #schritt-2 #modell-bereich .wizard-speicher-gb{font-size:18px !important}
html body.tm-hybrid #main-content #schritt-2 #modell-bereich .wizard-speicher-preis{margin-top:4px;font-family:var(--hy-display) !important;font-stretch:112%;font-size:22px !important;font-weight:800 !important;color:var(--hy-money) !important}
html body.tm-hybrid #main-content #schritt-2 #modell-bereich .wizard-card-preis{color:var(--hy-money) !important}
html body.tm-hybrid #main-content #schritt-2 #modell-bereich .tm-colors .model-card-price{color:var(--hy-money) !important;font-size:16px !important}
html body.tm-hybrid #main-content #schritt-3 .s3-card-price,html body.tm-hybrid #main-content #schritt-3 .s3-card>input:checked+label .s3-card-price{color:var(--hy-money) !important}
html body.tm-hybrid .tm-hy-pick__price{color:var(--hy-money-lt) !important;font-size:18px !important}
html body.tm-hybrid .suche-ergebnisse .suche-item-preis,html body.tm-hybrid #tm24-ankauf-hero .suche-item-preis{color:var(--hy-money) !important;font-size:16px !important}
html body.tm-hybrid #ankauf-preisbox:not(:has(#preisbox-warnung:not(:empty))) #ankauf-preis{color:var(--hy-money-lt) !important}
html body.tm-hybrid #ankauf-mobile-footer:not(:has(#tm24-mobile-no-buy-reason:not([hidden]))):not(:has(#btn-fragen-weiter-mobile:disabled)) #ankauf-mobile-preis{color:var(--hy-money-lt) !important}
html body.tm-hybrid #main-content #schritt-4 #tab-1 #checkout-preis-anzeige{color:var(--hy-money-lt) !important}
html body.tm-hybrid #main-content #schritt-4 #tab-1 #checkout-preis-anzeige::after{background:var(--hy-money-lt) !important}

/* Speicherkarten: GB so gross wie der Preis; Preise in Speicher-/Modell-/Farbkarten und Schnellwahl (als gruene Zahl, siehe unten) */
html body.tm-hybrid #main-content #schritt-2 #modell-bereich .wizard-speicher-card{align-items:center !important;text-align:center !important;justify-content:center;gap:10px !important;padding:16px !important}
html body.tm-hybrid #main-content #schritt-2 #modell-bereich .wizard-speicher-gb{font-family:var(--hy-display) !important;font-stretch:108%;font-size:22px !important;font-weight:800 !important;color:var(--hy-ink) !important}
html body.tm-hybrid #main-content #schritt-2 #modell-bereich .wizard-speicher-preis,
html body.tm-hybrid #main-content #schritt-2 #modell-bereich .wizard-card-preis,
html body.tm-hybrid #main-content #schritt-2 #modell-bereich .tm-colors .model-card-price,
html body.tm-hybrid #tm24-quickpick .tm-hy-pick__price{display:inline-flex !important;align-items:center;justify-content:center;width:auto !important;max-width:100%;margin-top:0;padding:6px 14px !important;border-radius:999px !important;background:var(--hy-money) !important;color:#fff !important;font-family:var(--hy-display) !important;font-stretch:108%;font-weight:800 !important;line-height:1.15 !important;white-space:nowrap;box-shadow:0 4px 12px rgba(10,122,69,.22)}
html body.tm-hybrid #main-content #schritt-2 #modell-bereich .wizard-speicher-preis{font-size:20px !important;padding:7px 16px !important}
html body.tm-hybrid #main-content #schritt-2 #modell-bereich .wizard-card-preis{font-size:16px !important;justify-self:start;align-self:start !important}
html body.tm-hybrid #main-content #schritt-2 #modell-bereich .tm-colors .model-card-price{font-size:15px !important}
html body.tm-hybrid #tm24-quickpick .tm-hy-pick__price{font-size:16px !important;margin-top:auto;align-self:flex-start}
html body.tm-hybrid #main-content #schritt-2 #modell-bereich :is(.wizard-speicher-preis,.wizard-card-preis,.model-card-price):empty,html body.tm-hybrid #tm24-quickpick .tm-hy-pick__price:empty{display:none !important}
/* Abschluss: Uebersicht als klare Tabelle, Preis als Schild im Kopf */
html body.tm-hybrid #main-content #schritt-4 .tm-hy-review-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 8px}
html body.tm-hybrid #main-content #schritt-4 .tm-hy-review-head h4{margin:0 !important;font-size:18px !important}
html body.tm-hybrid #main-content #schritt-4 .tm-hy-review-price{display:inline-flex;padding:6px 14px;border-radius:999px;background:var(--hy-money);color:#fff;font-family:var(--hy-display);font-stretch:108%;font-weight:800;font-size:18px;line-height:1.1;white-space:nowrap}
html body.tm-hybrid #main-content #schritt-4 .tm-hy-review-price:empty{display:none}
html body.tm-hybrid #tm-checkout-sticky #tm-checkout-mobile-price,html body.tm-hybrid #main-content #tm-checkout-mobile-price{color:var(--hy-money-lt) !important}
html body.tm-hybrid #main-content #schritt-2 #modell-bereich .wizard-speicher-preis,html body.tm-hybrid #main-content #schritt-2 #modell-bereich .wizard-card-preis,html body.tm-hybrid #main-content #schritt-2 #modell-bereich .tm-colors .model-card-price,html body.tm-hybrid #tm24-quickpick .tm-hy-pick__price{display:block !important;padding:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;color:var(--hy-money) !important}
html body.tm-hybrid #tm24-quickpick .tm-hy-pick__price{color:var(--hy-money-lt) !important;font-size:18px !important}
html body.tm-hybrid #main-content #schritt-2 #modell-bereich .wizard-speicher-preis{font-size:22px !important;padding:0 !important}
html body.tm-hybrid #main-content #schritt-2 #modell-bereich .wizard-card-preis{font-size:17px !important}
html body.tm-hybrid #main-content #schritt-4 .tm-hy-review-price{padding:0;background:transparent;color:var(--hy-money);font-size:22px}

/* Umwelt-Hinweis: hellgruene, mittige Flaeche (Betreiberentscheidung 17.10., Korrektur: behalten) */
html body.tm-hybrid .tm24-eco-badge{display:flex !important;align-items:center;justify-content:center;gap:12px;width:fit-content;max-width:calc(100% - 32px);margin:32px auto 8px !important;padding:14px 24px !important;background:var(--hy-money-bg) !important;border:1px solid var(--hy-money-line) !important;border-radius:999px !important;text-align:center;box-shadow:none !important}
html body.tm-hybrid .tm24-eco-badge__icon{flex:none;font-size:24px !important;color:var(--hy-money) !important}
html body.tm-hybrid .tm24-eco-badge__text{font-size:16px !important;line-height:1.45 !important;color:#0B4F2E !important}
html body.tm-hybrid .tm24-eco-badge__text strong{color:var(--hy-money-dk) !important}
@media(max-width:640px){html body.tm-hybrid .tm24-eco-badge{border-radius:18px !important;padding:14px 16px !important}}
/* ===== Zustandskarten mit Bild je Geraetetyp (Betreiberentscheidung 17.10., Korrektur: behalten) =====
   Ab 600 px grosse Bildkarten wie 622a676; Smartphone kompakt: freigegebene Hybrid-Karte mit dem Zustandsbild als Vorschaubild. */
html body.tm-hybrid #main-content #schritt-3 #s3_cond_sealed+label .s3-icon-round{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'%3E%3Cpath d='M18 30l30-15 30 15v44L48 89 18 74z' fill='%23FFF7E6' stroke='%2306122E' stroke-width='4.5' stroke-linejoin='round'/%3E%3Cpath d='M18 30l30 15 30-15M48 45v44' fill='none' stroke='%2306122E' stroke-width='3.5' stroke-linejoin='round'/%3E%3Cpath d='M33 22l30 15v12' fill='none' stroke='%230A7A45' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='66' cy='66' r='11' fill='%230A7A45'/%3E%3Cpath d='M61 66l4 4 6-7' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important}
html body.tm-hybrid #main-content #schritt-3 #s3_cond_1+label .s3-icon-round,html body.tm-hybrid #main-content #schritt-3[data-device-kind="Smartphone"] #s3_cond_1+label .s3-icon-round{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'%3E%3Crect x='29' y='6' width='38' height='84' rx='10' fill='%23fff' stroke='%2306122E' stroke-width='5'/%3E%3Crect x='42' y='80' width='12' height='3.5' rx='1.75' fill='%2306122E'/%3E%3Crect x='35' y='13' width='26' height='62' rx='4' fill='%23F5F8FE'/%3E%3Cpath d='M55.28 18.4l1.8 5.2 5.2 1.8-5.2 1.8-1.8 5.2-1.8-5.2-5.2-1.8 5.2-1.8z' fill='%230A7A45'/%3E%3C/svg%3E") !important}
html body.tm-hybrid #main-content #schritt-3 #s3_cond_2+label .s3-icon-round,html body.tm-hybrid #main-content #schritt-3[data-device-kind="Smartphone"] #s3_cond_2+label .s3-icon-round{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'%3E%3Crect x='29' y='6' width='38' height='84' rx='10' fill='%23fff' stroke='%2306122E' stroke-width='5'/%3E%3Crect x='42' y='80' width='12' height='3.5' rx='1.75' fill='%2306122E'/%3E%3Crect x='35' y='13' width='26' height='62' rx='4' fill='%23EEF2F8'/%3E%3Cpath d='M38.9 25.4L45.4 29.1M49.3 61.4L55.8 63.8' fill='none' stroke='%237A869F' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") !important}
html body.tm-hybrid #main-content #schritt-3 #s3_cond_3+label .s3-icon-round,html body.tm-hybrid #main-content #schritt-3[data-device-kind="Smartphone"] #s3_cond_3+label .s3-icon-round{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'%3E%3Crect x='29' y='6' width='38' height='84' rx='10' fill='%23fff' stroke='%2306122E' stroke-width='5'/%3E%3Crect x='42' y='80' width='12' height='3.5' rx='1.75' fill='%2306122E'/%3E%3Crect x='35' y='13' width='26' height='62' rx='4' fill='%23E2E7EF'/%3E%3Cpath d='M38.1 21.7L46.7 26.6M49.3 31.6L57.1 27.9M38.9 53.9L46.7 58.3M50.1 63.8L57.1 67.6' fill='none' stroke='%236B7690' stroke-width='1.8' stroke-linecap='round'/%3E%3Ccircle cx='48.0' cy='44.0' r='1.6' fill='%236B7690'/%3E%3C/svg%3E") !important}
html body.tm-hybrid #main-content #schritt-3 #s3_cond_4+label .s3-icon-round,html body.tm-hybrid #main-content #schritt-3[data-device-kind="Smartphone"] #s3_cond_4+label .s3-icon-round{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'%3E%3Crect x='29' y='6' width='38' height='84' rx='10' fill='%23fff' stroke='%2306122E' stroke-width='5'/%3E%3Crect x='42' y='80' width='12' height='3.5' rx='1.75' fill='%2306122E'/%3E%3Crect x='35' y='13' width='26' height='62' rx='4' fill='%23D3DAE5'/%3E%3Cpath d='M37.6 19.2L48.0 25.4M49.3 22.9L58.4 27.9M38.1 37.8L45.4 34.1M49.3 44.0L57.9 50.2M38.1 56.4L48.0 62.6M48.5 66.3L57.4 61.4M42.8 70.0L49.3 71.9' fill='none' stroke='%234E5A78' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='M31 47.1l-3 3M65 15l3-3' stroke='%234E5A78' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") !important}
html body.tm-hybrid #main-content #schritt-3[data-device-kind="Tablet"] #s3_cond_1+label .s3-icon-round{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'%3E%3Crect x='16' y='10' width='64' height='78' rx='9' fill='%23fff' stroke='%2306122E' stroke-width='5'/%3E%3Ccircle cx='48' cy='82' r='2' fill='%2306122E'/%3E%3Crect x='22' y='16' width='52' height='60' rx='3' fill='%23F5F8FE'/%3E%3Cpath d='M62.56 21l1.8 5.2 5.2 1.8-5.2 1.8-1.8 5.2-1.8-5.2-5.2-1.8 5.2-1.8z' fill='%230A7A45'/%3E%3C/svg%3E") !important}
html body.tm-hybrid #main-content #schritt-3[data-device-kind="Tablet"] #s3_cond_2+label .s3-icon-round{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'%3E%3Crect x='16' y='10' width='64' height='78' rx='9' fill='%23fff' stroke='%2306122E' stroke-width='5'/%3E%3Ccircle cx='48' cy='82' r='2' fill='%2306122E'/%3E%3Crect x='22' y='16' width='52' height='60' rx='3' fill='%23EEF2F8'/%3E%3Cpath d='M29.8 28.0L42.8 31.6M50.6 62.8L63.6 65.2' fill='none' stroke='%237A869F' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") !important}
html body.tm-hybrid #main-content #schritt-3[data-device-kind="Tablet"] #s3_cond_3+label .s3-icon-round{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'%3E%3Crect x='16' y='10' width='64' height='78' rx='9' fill='%23fff' stroke='%2306122E' stroke-width='5'/%3E%3Ccircle cx='48' cy='82' r='2' fill='%2306122E'/%3E%3Crect x='22' y='16' width='52' height='60' rx='3' fill='%23E2E7EF'/%3E%3Cpath d='M28.2 24.4L45.4 29.2M50.6 34.0L66.2 30.4M29.8 55.6L45.4 59.8M52.2 65.2L66.2 68.8' fill='none' stroke='%236B7690' stroke-width='1.8' stroke-linecap='round'/%3E%3Ccircle cx='48.0' cy='46.0' r='1.6' fill='%236B7690'/%3E%3C/svg%3E") !important}
html body.tm-hybrid #main-content #schritt-3[data-device-kind="Tablet"] #s3_cond_4+label .s3-icon-round{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'%3E%3Crect x='16' y='10' width='64' height='78' rx='9' fill='%23fff' stroke='%2306122E' stroke-width='5'/%3E%3Ccircle cx='48' cy='82' r='2' fill='%2306122E'/%3E%3Crect x='22' y='16' width='52' height='60' rx='3' fill='%23D3DAE5'/%3E%3Cpath d='M27.2 22.0L48.0 28.0M50.6 25.6L68.8 30.4M28.2 40.0L42.8 36.4M50.6 46.0L67.8 52.0M28.2 58.0L48.0 64.0M49.0 67.6L66.7 62.8M37.6 71.2L50.6 73.0' fill='none' stroke='%234E5A78' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='M18 49l-3 3M78 18l3-3' stroke='%234E5A78' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") !important}
html body.tm-hybrid #main-content #schritt-3[data-device-kind="Smartwatch"] #s3_cond_1+label .s3-icon-round{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'%3E%3Crect x='35' y='2' width='26' height='22' rx='5' fill='%23C9D3E6' stroke='%2306122E' stroke-width='3'/%3E%3Crect x='35' y='72' width='26' height='22' rx='5' fill='%23C9D3E6' stroke='%2306122E' stroke-width='3'/%3E%3Crect x='24' y='20' width='48' height='56' rx='14' fill='%23fff' stroke='%2306122E' stroke-width='5'/%3E%3Crect x='72' y='40' width='6' height='14' rx='2.5' fill='%2306122E'/%3E%3Crect x='30' y='26' width='36' height='44' rx='9' fill='%23F5F8FE'/%3E%3Cpath d='M58.08 27.799999999999997l1.8 5.2 5.2 1.8-5.2 1.8-1.8 5.2-1.8-5.2-5.2-1.8 5.2-1.8z' fill='%230A7A45'/%3E%3C/svg%3E") !important}
html body.tm-hybrid #main-content #schritt-3[data-device-kind="Smartwatch"] #s3_cond_2+label .s3-icon-round{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'%3E%3Crect x='35' y='2' width='26' height='22' rx='5' fill='%23C9D3E6' stroke='%2306122E' stroke-width='3'/%3E%3Crect x='35' y='72' width='26' height='22' rx='5' fill='%23C9D3E6' stroke='%2306122E' stroke-width='3'/%3E%3Crect x='24' y='20' width='48' height='56' rx='14' fill='%23fff' stroke='%2306122E' stroke-width='5'/%3E%3Crect x='72' y='40' width='6' height='14' rx='2.5' fill='%2306122E'/%3E%3Crect x='30' y='26' width='36' height='44' rx='9' fill='%23EEF2F8'/%3E%3Cpath d='M35.4 34.8L44.4 37.4M49.8 60.3L58.8 62.1' fill='none' stroke='%237A869F' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") !important}
html body.tm-hybrid #main-content #schritt-3[data-device-kind="Smartwatch"] #s3_cond_3+label .s3-icon-round{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'%3E%3Crect x='35' y='2' width='26' height='22' rx='5' fill='%23C9D3E6' stroke='%2306122E' stroke-width='3'/%3E%3Crect x='35' y='72' width='26' height='22' rx='5' fill='%23C9D3E6' stroke='%2306122E' stroke-width='3'/%3E%3Crect x='24' y='20' width='48' height='56' rx='14' fill='%23fff' stroke='%2306122E' stroke-width='5'/%3E%3Crect x='72' y='40' width='6' height='14' rx='2.5' fill='%2306122E'/%3E%3Crect x='30' y='26' width='36' height='44' rx='9' fill='%23E2E7EF'/%3E%3Cpath d='M34.3 32.2L46.2 35.7M49.8 39.2L60.6 36.6M35.4 55.0L46.2 58.1M50.9 62.1L60.6 64.7' fill='none' stroke='%236B7690' stroke-width='1.8' stroke-linecap='round'/%3E%3Ccircle cx='48.0' cy='48.0' r='1.6' fill='%236B7690'/%3E%3C/svg%3E") !important}
html body.tm-hybrid #main-content #schritt-3[data-device-kind="Smartwatch"] #s3_cond_4+label .s3-icon-round{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'%3E%3Crect x='35' y='2' width='26' height='22' rx='5' fill='%23C9D3E6' stroke='%2306122E' stroke-width='3'/%3E%3Crect x='35' y='72' width='26' height='22' rx='5' fill='%23C9D3E6' stroke='%2306122E' stroke-width='3'/%3E%3Crect x='24' y='20' width='48' height='56' rx='14' fill='%23fff' stroke='%2306122E' stroke-width='5'/%3E%3Crect x='72' y='40' width='6' height='14' rx='2.5' fill='%2306122E'/%3E%3Crect x='30' y='26' width='36' height='44' rx='9' fill='%23D3DAE5'/%3E%3Cpath d='M33.6 30.4L48.0 34.8M49.8 33.0L62.4 36.6M34.3 43.6L44.4 41.0M49.8 48.0L61.7 52.4M34.3 56.8L48.0 61.2M48.7 63.8L61.0 60.3M40.8 66.5L49.8 67.8' fill='none' stroke='%234E5A78' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='M26 50.2l-3 3M70 28l3-3' stroke='%234E5A78' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") !important}
html body.tm-hybrid #main-content #schritt-3[data-device-kind="Laptop"] #s3_cond_1+label .s3-icon-round{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'%3E%3Crect x='16' y='14' width='64' height='48' rx='6' fill='%23fff' stroke='%2306122E' stroke-width='5'/%3E%3Cpath d='M6 66h84v4a8 8 0 0 1-8 8H14a8 8 0 0 1-8-8z' fill='%23fff' stroke='%2306122E' stroke-width='5' stroke-linejoin='round'/%3E%3Crect x='40' y='66' width='16' height='4' rx='2' fill='%2306122E'/%3E%3Crect x='22' y='20' width='52' height='36' rx='2' fill='%23F5F8FE'/%3E%3Cpath d='M62.56 20.2l1.8 5.2 5.2 1.8-5.2 1.8-1.8 5.2-1.8-5.2-5.2-1.8 5.2-1.8z' fill='%230A7A45'/%3E%3C/svg%3E") !important}
html body.tm-hybrid #main-content #schritt-3[data-device-kind="Laptop"] #s3_cond_2+label .s3-icon-round{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'%3E%3Crect x='16' y='14' width='64' height='48' rx='6' fill='%23fff' stroke='%2306122E' stroke-width='5'/%3E%3Cpath d='M6 66h84v4a8 8 0 0 1-8 8H14a8 8 0 0 1-8-8z' fill='%23fff' stroke='%2306122E' stroke-width='5' stroke-linejoin='round'/%3E%3Crect x='40' y='66' width='16' height='4' rx='2' fill='%2306122E'/%3E%3Crect x='22' y='20' width='52' height='36' rx='2' fill='%23EEF2F8'/%3E%3Cpath d='M29.8 27.2L42.8 29.4M50.6 48.1L63.6 49.5' fill='none' stroke='%237A869F' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") !important}
html body.tm-hybrid #main-content #schritt-3[data-device-kind="Laptop"] #s3_cond_3+label .s3-icon-round{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'%3E%3Crect x='16' y='14' width='64' height='48' rx='6' fill='%23fff' stroke='%2306122E' stroke-width='5'/%3E%3Cpath d='M6 66h84v4a8 8 0 0 1-8 8H14a8 8 0 0 1-8-8z' fill='%23fff' stroke='%2306122E' stroke-width='5' stroke-linejoin='round'/%3E%3Crect x='40' y='66' width='16' height='4' rx='2' fill='%2306122E'/%3E%3Crect x='22' y='20' width='52' height='36' rx='2' fill='%23E2E7EF'/%3E%3Cpath d='M28.2 25.0L45.4 27.9M50.6 30.8L66.2 28.6M29.8 43.8L45.4 46.3M52.2 49.5L66.2 51.7' fill='none' stroke='%236B7690' stroke-width='1.8' stroke-linecap='round'/%3E%3Ccircle cx='48.0' cy='38.0' r='1.6' fill='%236B7690'/%3E%3C/svg%3E") !important}
html body.tm-hybrid #main-content #schritt-3[data-device-kind="Laptop"] #s3_cond_4+label .s3-icon-round{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 96'%3E%3Crect x='16' y='14' width='64' height='48' rx='6' fill='%23fff' stroke='%2306122E' stroke-width='5'/%3E%3Cpath d='M6 66h84v4a8 8 0 0 1-8 8H14a8 8 0 0 1-8-8z' fill='%23fff' stroke='%2306122E' stroke-width='5' stroke-linejoin='round'/%3E%3Crect x='40' y='66' width='16' height='4' rx='2' fill='%2306122E'/%3E%3Crect x='22' y='20' width='52' height='36' rx='2' fill='%23D3DAE5'/%3E%3Cpath d='M27.2 23.6L48.0 27.2M50.6 25.8L68.8 28.6M28.2 34.4L42.8 32.2M50.6 38.0L67.8 41.6M28.2 45.2L48.0 48.8M49.0 51.0L66.7 48.1M37.6 53.1L50.6 54.2' fill='none' stroke='%234E5A78' stroke-width='2.2' stroke-linecap='round'/%3E%3Cpath d='M18 39.8l-3 3M78 22l3-3' stroke='%234E5A78' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") !important}
html body.tm-hybrid #main-content #schritt-3 .s3-icon-round{background-size:78% 78% !important;background-position:center !important}
/* Auswahl-Anzeige unten in der Karte */
html body.tm-hybrid #main-content #schritt-3 .s3-card-select{order:5;flex:1 1 100%;display:flex;align-items:center;gap:10px;margin-top:8px;font-size:14px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--hy-muted)}
html body.tm-hybrid #main-content #schritt-3 .s3-card-select::before{content:"";flex:none;width:22px;height:22px;border-radius:50%;border:2px solid var(--hy-muted);background:#fff}
html body.tm-hybrid #main-content #schritt-3 .s3-card-select__on{display:none}
html body.tm-hybrid #main-content #schritt-3 .s3-card>input:checked+label .s3-card-select{color:var(--hy-electric)}
html body.tm-hybrid #main-content #schritt-3 .s3-card>input:checked+label .s3-card-select::before{border-color:var(--hy-electric);background:var(--hy-electric) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
html body.tm-hybrid #main-content #schritt-3 .s3-card>input:checked+label .s3-card-select__off{display:none}
html body.tm-hybrid #main-content #schritt-3 .s3-card>input:checked+label .s3-card-select__on{display:inline}
@media not all and (min-width:600px){html body.tm-hybrid #main-content #schritt-3 .s3-card-select{display:none !important}}
@media(min-width:600px){
  html body.tm-hybrid #main-content #schritt-3 .s3-cards{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:14px !important}
  html body.tm-hybrid #main-content #schritt-3 .s3-card>label{padding:192px 18px 18px !important;min-height:0;align-items:baseline}
  html body.tm-hybrid #main-content #schritt-3 .s3-icon-round{left:14px !important;right:14px !important;top:14px !important;width:auto !important;height:164px !important;border-radius:14px !important;background-size:auto 136px !important}
  html body.tm-hybrid #main-content #schritt-3 .s3-card-title{font-size:19px !important}
  html body.tm-hybrid #main-content #schritt-3 .s3-card-price,html body.tm-hybrid #main-content #schritt-3 .s3-card>input:checked+label .s3-card-price{font-size:23px !important}
  html body.tm-hybrid #main-content #schritt-3 .s3-card-desc{font-size:15.5px !important;line-height:1.5 !important}
}

/* Kompakter Statuszugang. Der Funnel steuert weiterhin die Sichtbarkeit des Wrappers. */
html body.tm-hybrid .tm24-entry-support{width:100%;max-width:828px;margin:24px auto;padding:0 var(--tm-gutter,20px)}
html body.tm-hybrid .tm24-entry-support .tm24-order-status-entry{box-sizing:border-box;grid-template-columns:48px minmax(0,1fr) auto;gap:16px;padding:18px;border:1px solid #cfdbef;border-radius:18px;background:linear-gradient(120deg,#fff,#f4f8ff);box-shadow:0 5px 16px rgba(6,18,46,.06);transform:none;transition:border-color 150ms ease,box-shadow 150ms ease}
html body.tm-hybrid .tm24-order-status-entry__icon{width:48px;height:48px;border-radius:14px;background:#e7efff;color:var(--hy-electric);font-size:21px}
html body.tm-hybrid .tm24-order-status-entry__title{min-width:0;margin:0;font-size:20px;line-height:1.3;overflow-wrap:anywhere;color:var(--hy-ink)}
html body.tm-hybrid .tm24-order-status-entry__action{display:flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:10px 16px;border-radius:11px;background:var(--hy-electric);color:#fff;font-size:15px;font-weight:700;line-height:1.35;text-align:center;transition:background-color 150ms ease}
html body.tm-hybrid .tm24-order-status-entry__action i{flex:none;font-size:14px}
html body.tm-hybrid .tm24-entry-support .tm24-order-status-entry:focus-visible{outline:3px solid var(--hy-electric);outline-offset:4px}
@media(hover:hover){html body.tm-hybrid .tm24-entry-support .tm24-order-status-entry:hover{border-color:var(--hy-electric);box-shadow:0 6px 20px rgba(6,18,46,.1)}html body.tm-hybrid .tm24-order-status-entry:hover .tm24-order-status-entry__action{background:#002cc4}}
@media not all and (min-width:600px){
  html body.tm-hybrid .tm24-entry-support{margin:18px auto;padding:0 16px}
  html body.tm-hybrid .tm24-entry-support .tm24-order-status-entry{grid-template-columns:40px minmax(0,1fr);gap:12px;padding:14px;border-radius:16px}
  html body.tm-hybrid .tm24-order-status-entry__icon{width:40px;height:40px;border-radius:12px;font-size:19px}
  html body.tm-hybrid .tm24-order-status-entry__title{font-size:18px}
  html body.tm-hybrid .tm24-order-status-entry__action{grid-column:1/-1;min-height:46px}
}

/* Bewegung nur als Rueckmeldung */
@media (prefers-reduced-motion:reduce){body.tm-hybrid *,body.tm-hybrid *::before,body.tm-hybrid *::after{animation:none !important;transition:none !important}}