/* =====================================================================
   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}
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__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)}

/* 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}
}
/* 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}}
