/* Launch-Block im Hero der Startseite (Variante A, 12.10.2026). Zustand: assets/js/launch.js */
.dl{margin-top:22px;max-width:460px}
.dl [hidden],[data-pre][hidden],[data-post][hidden]{display:none!important}

/* Countdown bis zum Start, ohne Sekunden */
.dl-count{margin:0 0 18px}

.dl-count-row{display:flex;gap:10px;justify-content:center}
.dl-count-cell{flex:1;max-width:96px;background:#fff;border:1px solid #E5E7EB;border-radius:14px;padding:10px 6px 8px;text-align:center;box-shadow:0 6px 18px rgba(125,8,69,.08)}
.dl-count-num{display:block;font-family:"Bauhaus Bugler",var(--bn-sans);font-weight:700;color:#7D0845;font-size:30px;line-height:1.1;font-variant-numeric:tabular-nums}
.dl-count-unit{display:block;font-size:12.5px;color:#4B5563;margin-top:2px}

/* Desktop: ein Element, links der QR-Code, rechts die beiden Badges untereinander, gleich breit (Owner 12.10.2026) */
.dl-qrbox .dl-badges{flex-direction:column;align-items:stretch;gap:10px;justify-content:center;width:164px;flex:none}
.dl-qrbox .dl-badge img{width:100%;height:auto}
.dl-qrbox .dl-badge img[src$="app-store.svg"]{height:54.8px}
.dl-qrbox{display:flex;gap:18px;align-items:center;background:#fff;border:1px solid #E5E7EB;border-radius:20px;padding:16px 20px 16px 16px;box-shadow:0 10px 30px rgba(125,8,69,.10);margin-bottom:16px}
.dl-qr{width:132px;height:132px;flex:none;padding:8px;border-radius:12px;background:#fff}
.dl-badges{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.dl-badge{display:inline-flex;line-height:0;border-radius:10px;transition:transform .15s}
.dl-badge:hover{transform:translateY(-1px)}
.dl-badge img{height:48px;width:auto;display:block}

/* Nach dem Start, Handy: ein Knopf zum passenden Store */
.dl-mob{display:none}
.dl-big{display:flex;align-items:center;justify-content:center;gap:12px;background:#7D0845;color:#fff;text-decoration:none;border-radius:16px;padding:15px 20px;box-shadow:0 10px 24px rgba(125,8,69,.28)}
.dl-big svg{width:28px;height:28px;display:block}
.dl-big-l1{display:block;font-weight:700;font-size:19px;line-height:1.15}
.dl-big-l2{display:block;font-size:14px;opacity:.85}

.dl .bnp-proof{margin:14px 0 0}

/* Startzeile als eigener Absatz, und der ganze Block mittig (Owner, 12.10.2026) */
.bn-hero .bn-value-prop.bn-launch-when{margin-top:14px}
/* Gleich gesetzt wie „Ab Donnerstag verfügbar!“ (.bn-value-prop strong), Owner 12.10.2026 */
.dl-lead{font-family:var(--bn-sans);font-weight:600;color:var(--bn-text);font-size:16px;line-height:1.65;margin:0 0 12px;text-align:left}
.dl-qrbox{justify-content:center}
.dl-badges{justify-content:center}
.dl-note{text-align:center}
.bn-hero-waitlist.dl{margin-left:auto;margin-right:auto}

/* Badges im Schluss-Abschnitt nach dem Start */
.dl-end{display:flex;justify-content:center;margin-top:8px}

@media (max-width:760px){
  .dl{max-width:none}
  .dl-desk{display:none}
  .dl-mob{display:block}
  .dl-count-cell{max-width:none}
  .is-launched .dl .bnp-proof{text-align:center}
}

/* Außerhalb von DE, AT und CH: noch nicht verfügbar, Formular statt Store */
[data-region][hidden]{display:none!important}
.dl-away{margin:0 0 14px;font-size:15px;line-height:1.5;color:#7D0845;font-weight:600}
.is-away .bn-checkbox-uebungen,.is-away .bn-waitlist .bn-hook{display:none!important}
