/* r60 «schlank» (21.10.2026, Yann: Seiten auf dem Handy überladen, Hero too much).
   Hero: Headline, ein Satz, Video, ein Button, eine Bewertungszeile.
   Titel ruhiger, nur ein Overlay gleichzeitig, Sticky als schmale Leiste. */
.hero__cta{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:24px}
.hero__cta .gproof{margin:0}
.hero .benefits{margin-top:22px}
/* r61 (Yann: «jetzt zu schlank», Desktop leer): Haken zurück unter den Button, Desktop mit Pill, Scribble und langem Untertitel */
.sub-d{display:none}
@media (min-width:768px){.sub-m{display:none}.sub-d{display:inline}}
@media (max-width:767px){
  :root{--sec:72px}
  .hero{padding-bottom:36px}
  .hero .h1{margin-top:44px}
  .hero__sub{margin-top:12px;font-size:16px;line-height:1.45}
  .hero .vsl{margin-top:20px}
  .hero__cta{width:100%;margin-top:16px;gap:12px}
  .hero__cta .btn{width:100%;min-width:0;justify-content:space-between}
  .hero__cta .gproof{font-size:13px}

  .h2{font-size:24px;line-height:1.05}
  .h2__l{margin-top:8px;font-size:17px;font-weight:300;line-height:1.35;letter-spacing:0;text-transform:none;color:var(--a60)}
  .h2--bar .h2__l{color:rgba(255,255,255,.87)}
  .hero__pill,.note--vsl{display:none}
  .hero .benefits{margin-top:28px}

  .vstack{gap:18px}
  .vstack__i{display:block}
  .vstack__ic,.vstack__i h3 .ico{display:none}
  .vstack__i h3{font-size:16.5px}
  .vstack__i p{padding-left:0;margin-top:3px;font-size:14.5px;line-height:1.45}
  .vstack__g h3{font-size:20px}
  .vstack__g p{padding-left:0;font-size:15px}

  .team__lead{font-size:16px}
  .team__pics{margin-top:24px}

  /* Scroller sitzt auf dem Wrapper: liegt er auf der Liste, kappt Chrome den Seiten-Scroll */
  .ssl__wrap{overflow-x:auto;overflow-y:hidden;margin:24px calc(-1 * var(--pad)) 0;padding:0 var(--pad) 4px;scroll-snap-type:x mandatory;scroll-padding-left:var(--pad);scrollbar-width:none}
  .ssl__wrap::-webkit-scrollbar{display:none}
  .js .ssl .ssl__list{flex-direction:row;width:max-content;gap:12px}
  .js .ssl .ssl__list>li{width:80vw;max-width:none;scroll-snap-align:start}
  .ssl__sub{font-size:16px}

  /* Cookie-Hinweis unten statt oben; solange er offen ist, kein Sticky */
  .cc{top:auto;bottom:calc(10px + env(safe-area-inset-bottom));left:10px;right:10px}
  body:has(.cc.show) .sticky.is-float{visibility:hidden!important;opacity:0!important}

  /* Sticky: schmale Leiste ohne Foto */
  html .sticky.is-float{display:block;left:10px!important;right:auto!important;bottom:calc(10px + env(safe-area-inset-bottom));width:calc(100vw - 20px)!important;padding:0;margin:0!important}
  html .sticky.is-float .sticky__txt{flex:1}
  html .sticky.is-float .sticky__txt b{display:flex;justify-content:space-between;align-items:center}
  html .sticky.is-float .sticky__a{box-sizing:border-box;width:100%!important;min-height:0;height:52px;padding:0 18px;display:flex;align-items:center}
  html .sticky .sticky__pic,html .sticky .sticky__sub{display:none}
  html .sticky .sticky__txt b{font-size:15px}
  html .sticky .sticky__a{padding-left:18px}

  html .end__img img{height:240px}
}

/* Anruf-Option nach dem Absenden */
.done__call{margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}
.done__q{margin:0 0 14px;font:300 15px/1.45 var(--font);color:rgba(255,255,255,.7);text-wrap:pretty}
.done__call .btn{width:100%;min-width:0;justify-content:space-between}
.done__call .btn:hover .ico{transform:none}
.done__num{font-weight:300;opacity:.75;margin-left:.5em}