/* =====================================================================
   TM24 Startseite /verkaufen/ - Abschnitte UNTER dem Einstieg in einem System (R66, 12.11.2026)
   Dieselben Werte wie die Landingpages (css/tm24-landing-hub.css): eine Stufe fuer Abschnittsueberschriften
   (Archivo, 30 px, Handy 24 px), eine fuer Zwischenueberschriften (18 px), eine fuer Kartentitel (16 px);
   ein Abstandsraster (52 px, Handy 36 px); eine Kartenform (weiss, Rand #D5DFF5, Radius 16 px).
   Der Einstieg (Ueberschrift, Suche, Kategorien, Vorteilszeile, Geraetebild) wird von dieser Datei NICHT beruehrt.
   Die Datei laedt als letzte. Die aelteren Schichten setzen ihre Werte mit hoher Spezifitaet und !important;
   deshalb stehen hier dieselbe Wurzel (html body.page-ankauf.tm-ui.tm-hybrid #main-content) und !important.
   ===================================================================== */

/* ---------- Abstandsraster ---------- */
html body.page-ankauf.tm-ui.tm-hybrid #main-content .tm-how,
html body.page-ankauf.tm-ui.tm-hybrid #main-content #warum-tm24.why-tm24-section,
html body.page-ankauf.tm-ui.tm-hybrid #main-content #faq-section,
html body.page-ankauf.tm-ui.tm-hybrid #main-content .b2b-banner,
html body.page-ankauf.tm-ui.tm-hybrid #main-content .ankauf-seo-text{padding-top:36px !important;padding-bottom:36px !important;margin-top:0 !important;margin-bottom:0 !important}
html body.page-ankauf.tm-ui.tm-hybrid #main-content .ankauf-seo-text + .ankauf-seo-text{padding-top:0 !important;border-top:0 !important}
html body.page-ankauf.tm-ui.tm-hybrid #main-content #final-cta{margin-top:0 !important;margin-bottom:0 !important}
@media(min-width:768px){
  html body.page-ankauf.tm-ui.tm-hybrid #main-content .tm-how,
  html body.page-ankauf.tm-ui.tm-hybrid #main-content #warum-tm24.why-tm24-section,
  html body.page-ankauf.tm-ui.tm-hybrid #main-content #faq-section,
  html body.page-ankauf.tm-ui.tm-hybrid #main-content .b2b-banner,
  html body.page-ankauf.tm-ui.tm-hybrid #main-content .ankauf-seo-text{padding-top:52px !important;padding-bottom:52px !important}
}

/* ---------- Ueberschriften: eine Stufe je Ebene ---------- */
html body.page-ankauf.tm-ui.tm-hybrid #main-content .tm-how h2,
html body.page-ankauf.tm-ui.tm-hybrid #main-content #warum-tm24 .why-tm24-head h2,
html body.page-ankauf.tm-ui.tm-hybrid #main-content #faq-section .tm24-faq-title,
html body.page-ankauf.tm-ui.tm-hybrid #main-content .ankauf-seo-text h2{font-family:"Archivo","Figtree",system-ui,sans-serif !important;font-stretch:112% !important;font-weight:750 !important;font-size:24px !important;line-height:1.2 !important;letter-spacing:-.02em !important;color:#111827 !important;margin:0 0 8px !important;text-align:left !important;text-wrap:balance}
html body.page-ankauf.tm-ui.tm-hybrid #main-content .b2b-banner .b2b-banner-title{font-family:"Archivo","Figtree",system-ui,sans-serif !important;font-stretch:112% !important;font-weight:750 !important;font-size:22px !important;line-height:1.2 !important;letter-spacing:-.02em !important;color:#111827 !important}
html body.page-ankauf.tm-ui.tm-hybrid #main-content .ankauf-seo-text h3,
html body.page-ankauf.tm-ui.tm-hybrid #main-content .tm24-help-contact .tm24-help-contact__title,
html body.page-ankauf.tm-ui.tm-hybrid #main-content .tm-how .tm24-how-detail h3{font-family:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif !important;font-stretch:100% !important;font-weight:800 !important;font-size:18px !important;line-height:1.3 !important;letter-spacing:-.01em !important;color:#0B1533 !important}
html body.page-ankauf.tm-ui.tm-hybrid #main-content .ankauf-seo-text h3{margin:0 0 8px !important}
@media(min-width:768px){
  html body.page-ankauf.tm-ui.tm-hybrid #main-content .tm-how h2,
  html body.page-ankauf.tm-ui.tm-hybrid #main-content #warum-tm24 .why-tm24-head h2,
  html body.page-ankauf.tm-ui.tm-hybrid #main-content #faq-section .tm24-faq-title,
  html body.page-ankauf.tm-ui.tm-hybrid #main-content .ankauf-seo-text h2{font-size:30px !important}
  html body.page-ankauf.tm-ui.tm-hybrid #main-content .b2b-banner .b2b-banner-title{font-size:24px !important}
}

/* ---------- "Warum Kunden an TM24 verkaufen": lesbare Karten statt vier duenner Spalten ---------- */
html body.page-ankauf.tm-ui.tm-hybrid #main-content #warum-tm24 .why-tm24-head p{margin:0 !important;max-width:62ch;font-size:15px !important;line-height:1.55 !important;color:#4E5A78 !important}
html body.page-ankauf.tm-ui.tm-hybrid #main-content #warum-tm24 .why-grid{display:grid !important;grid-template-columns:minmax(0,1fr) !important;gap:10px !important;margin-top:18px !important}
html body.page-ankauf.tm-ui.tm-hybrid #main-content #warum-tm24 .why-card{display:block !important;position:relative;margin:0 !important;padding:16px 16px 16px 70px !important;border:1px solid #D5DFF5 !important;border-radius:16px !important;background:#fff !important;box-shadow:none !important;text-align:left !important;transform:none !important}
html body.page-ankauf.tm-ui.tm-hybrid #main-content #warum-tm24 .why-card .why-icon{position:absolute;left:16px;top:16px;display:flex !important;align-items:center;justify-content:center;width:40px !important;height:40px !important;margin:0 !important;border-radius:12px !important;background:#EAF3FF !important}
html body.page-ankauf.tm-ui.tm-hybrid #main-content #warum-tm24 .why-card .why-icon i{font-size:20px !important;line-height:1 !important;color:#0039E8 !important}
html body.page-ankauf.tm-ui.tm-hybrid #main-content #warum-tm24 .why-card .why-card-title{margin:0 0 4px !important;font-size:16px !important;font-weight:800 !important;line-height:1.3 !important;letter-spacing:-.01em !important;color:#0B1533 !important}
html body.page-ankauf.tm-ui.tm-hybrid #main-content #warum-tm24 .why-card p{margin:0 !important;font-size:14.5px !important;font-weight:400 !important;line-height:1.5 !important;color:#4E5A78 !important}
html body.page-ankauf.tm-ui.tm-hybrid #main-content #warum-tm24 .why-card p.why-card-whatsapp{margin-top:2px !important}
html body.page-ankauf.tm-ui.tm-hybrid #main-content #warum-tm24 .why-card-whatsapp a{display:inline-flex !important;align-items:center;gap:6px;min-height:44px;font-weight:800 !important;color:#0E6B3A !important;white-space:nowrap}
@media(min-width:600px){
  html body.page-ankauf.tm-ui.tm-hybrid #main-content #warum-tm24 .why-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:14px !important}
  html body.page-ankauf.tm-ui.tm-hybrid #main-content #warum-tm24 .why-card{padding:18px 18px 18px 72px !important}
  html body.page-ankauf.tm-ui.tm-hybrid #main-content #warum-tm24 .why-card .why-icon{left:18px;top:18px}
}
@media(min-width:992px){
  html body.page-ankauf.tm-ui.tm-hybrid #main-content #warum-tm24 .why-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;margin-top:22px !important}
  html body.page-ankauf.tm-ui.tm-hybrid #main-content #warum-tm24 .why-card{padding:18px !important}
  html body.page-ankauf.tm-ui.tm-hybrid #main-content #warum-tm24 .why-card .why-icon{position:static;margin:0 0 12px !important}
}

/* ---------- Fragen und Kontakt ---------- */
html body.page-ankauf.tm-ui.tm-hybrid #main-content #faq-section .tm24-faq-sub{color:#4E5A78 !important}
html body.page-ankauf.tm-ui.tm-hybrid #main-content .tm24-help-contact .tm24-help-contact__facts a{display:inline-block;padding:13px 0;margin:-13px 0}

/* ---------- Textabschnitte am Seitenende: lesbare Zeilen, auf breiten Bildschirmen zwei Spalten ---------- */
html body.page-ankauf.tm-ui.tm-hybrid #main-content .ankauf-seo-text .container{max-width:1120px !important;margin:0 auto !important;padding-left:16px !important;padding-right:16px !important}
html body.page-ankauf.tm-ui.tm-hybrid #main-content .ankauf-seo-text p,
html body.page-ankauf.tm-ui.tm-hybrid #main-content .ankauf-seo-text .tm24-start-steps li{font-size:15.5px !important;line-height:1.6 !important;color:#3B4458 !important}
html body.page-ankauf.tm-ui.tm-hybrid #main-content .ankauf-seo-text p{max-width:62ch !important;margin:0 0 12px !important}
html body.page-ankauf.tm-ui.tm-hybrid #main-content .ankauf-seo-text h2 + p{margin-top:4px !important}
html body.page-ankauf.tm-ui.tm-hybrid #main-content .ankauf-seo-text p + h3{margin-top:22px !important}
html body.page-ankauf.tm-ui.tm-hybrid #main-content #tm24-start-explainer .tm24-start-steps{max-width:62ch !important;margin:0 0 14px !important}
html body.page-ankauf.tm-ui.tm-hybrid #main-content #tm24-start-explainer .tm24-start-note{font-size:14.5px !important;color:#4E5A78 !important}
html body.page-ankauf.tm-ui.tm-hybrid #main-content #tm24-start-explainer .tm24-start-note a{display:inline-block;padding:13px 0;margin:-13px 0}
html body.page-ankauf.tm-ui.tm-hybrid #main-content #tm24-start-explainer .hub-cross-list{display:flex !important;flex-wrap:wrap;gap:8px !important;margin:4px 0 0 !important;padding:0 !important;list-style:none !important}
html body.page-ankauf.tm-ui.tm-hybrid #main-content #tm24-start-explainer .hub-cross-list li{margin:0 !important;padding:0 !important}
html body.page-ankauf.tm-ui.tm-hybrid #main-content #tm24-start-explainer .hub-cross-list a{display:inline-flex !important;align-items:center;min-height:44px !important;padding:0 16px !important;border:1px solid #D5DFF5 !important;border-radius:999px !important;background:#fff !important;font-size:14px !important;font-weight:700 !important;line-height:1.2 !important;color:#003B8F !important;text-decoration:none !important}
html body.page-ankauf.tm-ui.tm-hybrid #main-content #tm24-start-explainer .hub-cross-list a:hover{background:#EAF3FF !important;border-color:#9DB8FF !important}
@media(min-width:768px){
  html body.page-ankauf.tm-ui.tm-hybrid #main-content .ankauf-seo-text .container{padding-left:24px !important;padding-right:24px !important}
}
@media(min-width:992px){
  html body.page-ankauf.tm-ui.tm-hybrid #main-content #tm24-start-explainer:not(.tm24-start-explainer--links) .container{display:grid !important;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);column-gap:56px;align-items:start}
  html body.page-ankauf.tm-ui.tm-hybrid #main-content #tm24-start-explainer:not(.tm24-start-explainer--links) .container > h2{grid-column:1 / -1;grid-row:1}
  html body.page-ankauf.tm-ui.tm-hybrid #main-content #tm24-start-explainer:not(.tm24-start-explainer--links) .container > p:first-of-type{grid-column:1;grid-row:2}
  html body.page-ankauf.tm-ui.tm-hybrid #main-content #tm24-start-explainer:not(.tm24-start-explainer--links) .container > ol{grid-column:1;grid-row:3}
  html body.page-ankauf.tm-ui.tm-hybrid #main-content #tm24-start-explainer:not(.tm24-start-explainer--links) .container > .tm24-start-note{grid-column:1;grid-row:4}
  html body.page-ankauf.tm-ui.tm-hybrid #main-content #tm24-start-explainer:not(.tm24-start-explainer--links) .container > h3{grid-column:2;grid-row:2;margin-top:0 !important}
  html body.page-ankauf.tm-ui.tm-hybrid #main-content #tm24-start-explainer:not(.tm24-start-explainer--links) .container > nav{grid-column:2;grid-row:3 / span 2}
  html body.page-ankauf.tm-ui.tm-hybrid #main-content .ankauf-seo-text:not(.tm24-start-explainer) .container{display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:56px;align-items:start}
  html body.page-ankauf.tm-ui.tm-hybrid #main-content .ankauf-seo-text:not(.tm24-start-explainer) .container > h2{grid-column:1 / -1;grid-row:1}
  html body.page-ankauf.tm-ui.tm-hybrid #main-content .ankauf-seo-text:not(.tm24-start-explainer) .container > p:first-of-type{grid-column:1;grid-row:2 / span 2}
  html body.page-ankauf.tm-ui.tm-hybrid #main-content .ankauf-seo-text:not(.tm24-start-explainer) .container > h3{grid-column:2;grid-row:2;margin-top:0 !important}
  html body.page-ankauf.tm-ui.tm-hybrid #main-content .ankauf-seo-text:not(.tm24-start-explainer) .container > p:last-of-type{grid-column:2;grid-row:3}
}

/* ---------- Umwelt-Hinweis am bisherigen Platz (ohne S4): gehoert sichtbar zum folgenden Block ---------- */
html body.page-ankauf.tm-ui.tm-hybrid #main-content .ankauf-info-section > .tm24-eco-badge{margin-top:36px !important;margin-bottom:0 !important}
html body.page-ankauf.tm-ui.tm-hybrid #main-content .ankauf-info-section > .tm24-eco-badge + #warum-tm24.why-tm24-section{padding-top:24px !important}

/* ---------- S1: Auftragsstatus beim Kontakt unter den Fragen ---------- */
html body.page-ankauf.tm-ui.tm-hybrid #main-content #faq-section .tm24-entry-support.tm24-entry-support--faq{width:auto !important;max-width:none !important;margin:14px 0 0 !important;padding:0 !important}

/* ---------- S2: die ausfuehrliche Schritt-Liste aufklappbar unter den vier Karten ---------- */
html body.page-ankauf.tm-ui.tm-hybrid #main-content .tm-how .tm24-how-detail{margin:14px 0 0;border:1px solid #D5DFF5;border-radius:16px;background:#fff}
html body.page-ankauf.tm-ui.tm-hybrid #main-content .tm-how .tm24-how-detail > summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:8px 18px;cursor:pointer;list-style:none}
html body.page-ankauf.tm-ui.tm-hybrid #main-content .tm-how .tm24-how-detail > summary::-webkit-details-marker{display:none}
html body.page-ankauf.tm-ui.tm-hybrid #main-content .tm-how .tm24-how-detail > summary::after{content:"";flex:none;width:11px;height:11px;margin-right:4px;border-right:2px solid #003B8F;border-bottom:2px solid #003B8F;transform:translateY(-3px) rotate(45deg);transition:transform .2s cubic-bezier(.16,1,.3,1)}
html body.page-ankauf.tm-ui.tm-hybrid #main-content .tm-how .tm24-how-detail[open] > summary::after{transform:translateY(3px) rotate(225deg)}
html body.page-ankauf.tm-ui.tm-hybrid #main-content .tm-how .tm24-how-detail > summary:focus-visible{outline:3px solid #2A5BFF;outline-offset:3px;border-radius:14px}
html body.page-ankauf.tm-ui.tm-hybrid #main-content .tm-how .tm24-how-detail h3{margin:0 !important;font-size:16px !important}
html body.page-ankauf.tm-ui.tm-hybrid #main-content .tm-how .tm24-how-detail__body{padding:2px 18px 18px}
html body.page-ankauf.tm-ui.tm-hybrid #main-content .tm-how .tm24-how-detail__body p{margin:0 0 12px;max-width:62ch;font-size:15.5px;line-height:1.6;color:#3B4458}
html body.page-ankauf.tm-ui.tm-hybrid #main-content .tm-how .tm24-how-detail__body .tm24-start-steps{list-style:none;margin:0 0 12px;padding:0;max-width:62ch;counter-reset:tm24how}
html body.page-ankauf.tm-ui.tm-hybrid #main-content .tm-how .tm24-how-detail__body .tm24-start-steps li{position:relative;margin:0 0 10px;padding:0 0 0 38px;font-size:15.5px;line-height:1.6;color:#3B4458;background:none;border:0;border-radius:0;display:block}
html body.page-ankauf.tm-ui.tm-hybrid #main-content .tm-how .tm24-how-detail__body .tm24-start-steps li::before{counter-increment:tm24how;content:counter(tm24how);position:absolute;left:0;top:1px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#0039E8;color:#fff;font-size:13px;font-weight:800;line-height:1}
html body.page-ankauf.tm-ui.tm-hybrid #main-content .tm-how .tm24-how-detail__body .tm24-start-steps li b{font-weight:800;color:#0B1533}
html body.page-ankauf.tm-ui.tm-hybrid #main-content .tm-how .tm24-how-detail__body .tm24-start-note{margin:0;font-size:14.5px;color:#4E5A78}
html body.page-ankauf.tm-ui.tm-hybrid #main-content .tm-how .tm24-how-detail__body .tm24-start-note a{display:inline-block;padding:13px 0;margin:-13px 0;color:#003B8F}

/* ---------- S4: Umwelt-Hinweis als ruhige Zeile im Vertrauensblock ---------- */
html body.page-ankauf.tm-ui.tm-hybrid #main-content #warum-tm24 .tm24-eco-badge{display:flex !important;align-items:center;justify-content:flex-start !important;gap:12px;width:auto !important;max-width:none !important;margin:14px 0 0 !important;padding:14px 16px !important;border-radius:16px !important;box-shadow:none !important;text-align:left !important;animation:none !important}

@media(prefers-reduced-motion:reduce){
  html body.page-ankauf.tm-ui.tm-hybrid #main-content .tm-how .tm24-how-detail > summary::after{transition:none}
}