/*! WELLE 447 · Hero mit einer Stimme (Homepage EN + DE, 7.10.2026)
   1. Das H1 traegt die Seite: zwei Zeilen, Gold auf dem zweiten Satz.
      Die Frage bleibt die Weiche darunter, eine Stufe leiser (H2 der Typoleiter).
   2. Unter 1000 px: zwei Wahlknoepfe direkt unter der Frage. Sie beantworten
      die Frage und fuehren an die passende Tuer. Ticker und sein Platzhalter
      treten auf der Homepage mobil nicht auf: die Leiter steht im Hero selbst.
   3. Ticker-Label mit Abstand und Trennkante (Kollision mit dem Lauftext).
   4. Ein Checkout je Ansicht: der Leiter-Kopf gibt ihn auf Desktop an den Ticker ab.
   Kein Storage, kein Netz, keine Cookies. Preise und Stripe-Links unberuehrt. */

/* --- 1 · Die Stimme ------------------------------------------------------ */
html body main#main-content .w310-hero.w433 h1.w433-claim:not(#ka){
  margin:0 0 30px!important;
  max-width:22ch!important;
  font-size:clamp(1.9rem,4vw,2.9rem)!important;
  line-height:1.08!important;
  font-weight:600;
  letter-spacing:-.018em;
  color:#e8eef5;
  text-wrap:balance;
}
html[lang="de"] body main#main-content .w310-hero.w433 h1.w433-claim:not(#ka){max-width:26ch!important}
html body main#main-content .w433 .w433-claim b{display:block;color:#d8ac5c;font-weight:600}
main#main-content .w433 .w433-zuerst{margin:0 0 10px;font-size:.625rem;letter-spacing:.26em;color:rgba(216,172,92,.86)}
main#main-content .w433 .w433-zuerst::before{content:"";display:inline-block;width:22px;height:1px;margin:0 12px 3px 0;vertical-align:middle;background:rgba(216,172,92,.6)}
main#main-content .w433 .w433-frage{
  font-size:clamp(1.2rem,2.2vw,1.6rem);
  line-height:1.18;
  max-width:40ch;
  letter-spacing:-.008em;
}
html[lang="de"] main#main-content .w433 .w433-frage{max-width:44ch}
main#main-content .w433 .w433-sub{margin-top:.55rem;font-size:.9rem;line-height:1.55}
main#main-content .w433 .w433-tueren{margin-top:22px}
.w433-tuer{scroll-margin-top:150px}
/* Fuenf Wege statt vier: die rechte Tuer bleibt so hoch wie die linke,
   damit der Hauptknopf im ersten Bildschirm steht. */
@media (min-width:1001px){
  html body main#main-content .w310-hero.w433{padding-top:clamp(88px,10vh,124px)!important}
  html body main#main-content .w310-hero.w433 h1.w433-claim:not(#ka){margin-bottom:24px!important}
  /* DE: ein Satz je Zeile, sonst drei Zeilen und der Hauptknopf faellt unter den Fold */
  html[lang="de"] body main#main-content .w310-hero.w433 h1.w433-claim:not(#ka){max-width:none!important}
  main#main-content .w433 .w433-tuer{padding-top:20px;padding-bottom:20px}
  main#main-content .w433 .w433-tuer__kopf{margin-bottom:12px}
  main#main-content .w433 .w433-wege{gap:6px;margin-top:14px}
  main#main-content .w433 .w433-wege a{padding-top:8px;padding-bottom:8px}
  main#main-content .w433 .w433-preise{margin-top:14px}
  main#main-content .w433 .w433-tuer__cta{padding-top:16px}
}

/* --- 2 · Die Weiche als Handlung (nur schmal) -------------------------- */
.w447-weiche{display:none}
@media (max-width:1000px){
  .w447-weiche{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0 0}
  .w447-weiche a{
    display:flex;flex-direction:column;justify-content:center;gap:6px;
    min-height:66px;padding:12px 14px;border-radius:2px;text-decoration:none;
    border:1px solid rgba(93,201,214,.62);background:rgba(93,201,214,.07);color:#e8eef5;
  }
  .w447-weiche a b{font-size:.95rem;line-height:1.2;font-weight:700}
  .w447-weiche a span{font:700 .625rem/1.35 "JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:#5dc9d6}
  .w447-weiche a.w447-weiche__ergebnis{
    border-color:#d8ac5c;color:#141006;
    background:linear-gradient(115deg,#e2bb6e,#d8ac5c 55%,#c8963e);
    box-shadow:0 10px 26px rgba(216,172,92,.22);
  }
  .w447-weiche a.w447-weiche__ergebnis span{color:rgba(20,16,6,.78)}
  .w447-weiche a:focus-visible{outline:2px solid #5dc9d6;outline-offset:3px}
  .w433-tuer{scroll-margin-top:104px}

  /* Ticker tritt auf der Homepage mobil nicht auf: die Leiter steht im Hero. */
  body.home-page .signal-ticker.wave22a-signal-bar,
  body.home-page .signal-ticker.wave22a-signal-bar.is-stuck{display:none!important}
  body.home-page main#main-content > .wave22a-signal-slot{min-height:0!important;height:0!important;overflow:hidden}
}
@media (max-width:640px){
  html body main#main-content .w310-hero.w433{padding-top:106px!important}
  html body main#main-content .w310-hero.w433 h1.w433-claim:not(#ka){margin-bottom:22px!important}
  main#main-content .w433 .w433-sub{font-size:.875rem}
  .w447-weiche{gap:8px}
  .w447-weiche a{padding:11px 12px}
}
@media (max-width:360px){.w447-weiche{grid-template-columns:1fr}}

/* --- 3 · Ticker-Label: Abstand und Trennkante -------------------------- */
body.home-page .signal-ticker .signal-ticker__label{
  padding-right:16px!important;margin-right:0!important;
  border-right:1px solid rgba(255,255,255,.09)!important;
}
body.home-page .signal-ticker .w364__bahn{margin-left:14px!important}
/* Der Live-Punkt: eine Box ohne Textzeichen, mittig zur Zeile.
   Vorher steckte "· " in einer 5-px-Box und lief nach oben heraus. */
body.home-page .signal-ticker .signal-ticker__sig::before{
  content:""!important;display:inline-block!important;
  width:5px!important;height:5px!important;border-radius:50%!important;
  background:#d8ac5c!important;margin:0 8px 0 0!important;
  vertical-align:middle!important;position:relative;top:-1px;
}

/* --- 4 · (W452) Ticker ist auf der Homepage aus, der Leiter-Kopf traegt den Checkout wieder. */