/* =====================================================================
   bb-start.css — Startseite als Welt (N221 SW, PLAN/25 Release 1). NUR auf `/` mit $bbStart geladen (Link per header.tpl,
   blockierend direkt nach dem Bündel wie bb-kasse.css); das Bündel bleibt unverändert. Markup: snippets/bb_start_welt.tpl,
   Karte snippets/bb_start_karte.tpl. Vorlage: Dummy S (dummies/S-startwelt/overlay/bb-start.css, Review 08.11. S-02 … S-12).
   Owner: OF-1 Bühne kompakt ≈ 200 px mobil (6/6 Welten im ersten Bildschirm), OF-7 Weltentor kompakt mit Namensplatte,
   O8 Wegweiser „Schnell rein“. Regeln: nur var(--bb-*)-Werte; Tap ≥ 44, Kleintext ≥ 12, Fließtext ≥ 16; keine „−x €“.
   Hierarchie (25 §1.1): Bühne+Band · Weltentor · Wegweiser · Leitreihe · Schaufenster · Vertrauen · Ergänzung · Inhalte.
   Rollback: Datei plugins/bb_frontend/Catalog/Plp/START_AUS (dann lädt diese Datei nicht).
   ===================================================================== */

.bbs{
  --_kachel-ar:2.15/1;              /* OF-7: Weltkachel kompakt, Name als Platte im Foto */
  --_sek:var(--bb-section);         /* EIN Abstand zwischen Modulen (S-08) */
  display:block; overflow-wrap:break-word; hyphens:manual;
}
.bbs h1, .bbs h2{ hyphens:manual; }

/* ---------- Bühne (Rang 1): eine Raster-Zelle; Mindesthöhe OF-1 (a), der Text darf sie vergrößern (S-02) ---------- */
.bbs-buehne{ container:bbs-buehne / inline-size; margin:0; padding:0; background:var(--bb-ink); }
.bbs-buehne__flaeche{ position:relative; display:grid; grid-template-areas:"z"; grid-template-columns:minmax(0,1fr); min-height:200px; overflow:clip; }
.bbs-buehne__flaeche > picture{ display:contents; }
.bbs-buehne .bbs-buehne__flaeche .bbs-buehne__bild{ position:absolute; inset:0; display:block; width:100%; height:100%; max-width:none; object-fit:cover; object-position:75% 50%; opacity:.92; background:var(--bb-g-ink); }
.bbs-buehne__text{ grid-area:z; align-self:end; position:relative; padding:var(--bb-s-5) var(--bb-gutter-r) var(--bb-s-3) var(--bb-gutter-l);
  background:linear-gradient(180deg, color-mix(in srgb, var(--bb-ink) 0%, transparent) 0%, color-mix(in srgb, var(--bb-ink) 80%, transparent) 62%);
  color:var(--bb-surface); }
.bbs-buehne__kicker{ display:block; font:700 var(--bb-fs-12)/1.3 var(--bb-font-mono); letter-spacing:var(--bb-track-caps); text-transform:uppercase; color:var(--bb-bg-2); }
/* H1 mobil zweizeilig (OF-1 kompakt, ≤ 36 px, unter 400 px stufenlos bis --bb-h1); Markierung als Band (überdeckt keine Nachbarzeile) */
.bbs-buehne h1{ margin:.15em 0 0; font:400 clamp(var(--bb-h1), 9vw, 36px)/1.05 var(--bb-font-disp); letter-spacing:var(--bb-track-disp); text-transform:uppercase; color:var(--bb-surface); }
.bbs-buehne h1 .mk{ background:linear-gradient(var(--bb-y), var(--bb-y)) no-repeat 0 55% / 100% 1.04em; color:var(--bb-ink); padding:0 .08em; box-decoration-break:clone; -webkit-box-decoration-break:clone; }
.bbs-buehne__sub{ display:none; }
@container bbs-buehne (max-width: 18em){
  .bbs-buehne__flaeche{ display:block; min-height:0; }
  .bbs-buehne .bbs-buehne__flaeche .bbs-buehne__bild{ position:static; height:auto; aspect-ratio:2/1; }
  .bbs-buehne__text{ background:var(--bb-ink); padding-top:var(--bb-s-3); }
}

/* Aktionsband: ganze Fläche ein Link, ≥ 48 hoch, ohne % und € (Präz. 6), ohne Datum (OF-9). Text balanciert (S-06). */
.bbs-band{ display:flex; flex-wrap:wrap; align-items:center; gap:var(--bb-s-1) var(--bb-s-3); min-height:var(--bb-row); padding:var(--bb-s-2) var(--bb-gutter-r) var(--bb-s-2) var(--bb-gutter-l);
  background:var(--bb-c-sale-bg); color:var(--bb-surface); text-decoration:none; font:700 var(--bb-fs-16)/1.25 var(--bb-font-body); }
.bbs-band:hover, .bbs-band:focus{ color:var(--bb-surface); text-decoration:none; }
.bbs-band__txt{ flex:1 1 12em; min-width:0; text-wrap:balance; }
.bbs-band b{ font:700 var(--bb-fs-18)/1 var(--bb-font-mono); }
.bbs-band__kicker{ font:700 var(--bb-fs-12)/1.3 var(--bb-font-mono); letter-spacing:var(--bb-track-caps); text-transform:uppercase; }
.bbs-band__ziel{ margin-left:auto; flex:none; display:inline-flex; align-items:center; gap:var(--bb-s-1); white-space:nowrap;
  font:var(--bb-ctl-fw) var(--bb-ctl-fs)/1 var(--bb-ctl-font); letter-spacing:var(--bb-ctl-track); text-transform:var(--bb-ctl-case); }
.bbs-band__ziel svg{ width:18px; height:18px; }
.bbs-band[data-k="neu"]{ background:var(--bb-g-action); }
.bbs-band[data-k="saison"]{ background:var(--bb-g-ink); }
.bbs-band[data-k="marke"]{ background:var(--bb-ink); }
.bbs-band:focus-visible{ outline:2px solid var(--bb-ink); outline-offset:-4px; box-shadow:inset 0 0 0 4px var(--bb-surface); }

/* ---------- Weltentor (Rang 2): immer 6/6, 2 × 3, Foto + Namensplatte, höchstens ein Badge, keine Artikelzahl ---------- */
.bbs-tor{ display:grid; grid-template-columns:1fr 1fr; gap:var(--bb-s-2); padding:var(--bb-s-3) var(--bb-gutter-r) 0 var(--bb-gutter-l); }
.bbs-welt{ position:relative; display:flex; flex-direction:column; min-width:0; min-height:var(--bb-tap); border-radius:var(--bb-r-s); overflow:hidden; background:var(--bb-surface);
  box-shadow:inset 0 0 0 1px var(--bb-line); text-decoration:none; color:var(--bb-ink); }
.bbs-welt:hover, .bbs-welt:focus{ color:var(--bb-ink); text-decoration:none; }
.bbs-welt__bild{ display:block; width:100%; height:auto; aspect-ratio:var(--_kachel-ar); object-fit:cover; background:var(--bb-bg-2); }
/* S-07 Namensplatte: Creme 92 % deckend, 36 hoch, Anton 20, linksbündig — Kontrast ≥ 4,5:1 unabhängig vom Motiv */
.bbs-welt__name{ position:absolute; left:0; bottom:0; display:flex; align-items:center; max-width:100%; min-height:36px; padding:var(--bb-s-1) var(--bb-s-3);
  font:400 var(--bb-fs-20)/1.1 var(--bb-font-disp); letter-spacing:var(--bb-track-disp); text-transform:uppercase; color:var(--bb-ink);
  background:color-mix(in srgb, var(--bb-bg) 92%, transparent); border-top-right-radius:var(--bb-r-s); }
.bbs-badge{ position:absolute; top:6px; left:6px; max-width:calc(100% - 12px); padding:3px 7px; border-radius:var(--bb-r-pill); font:700 var(--bb-fs-12)/1.15 var(--bb-font-mono); background:var(--bb-y); color:var(--bb-ink); }
.bbs-badge--sale{ background:var(--bb-c-sale-bg); color:var(--bb-surface); }
.bbs-welt:focus-visible{ outline:2px solid var(--bb-ink); outline-offset:2px; }

/* ---------- Wegweiser „Schnell rein“ (O8): 5 Chips in Welt-Zustände, Spur ohne Pfeile ---------- */
.bbs-weg{ display:flex; align-items:center; gap:var(--bb-s-3); padding:var(--bb-s-3) 0 0 var(--bb-gutter-l); }
.bbs-weg__titel{ flex:none; margin:0; font:700 var(--bb-fs-12)/1.3 var(--bb-font-mono); letter-spacing:var(--bb-track-caps); text-transform:uppercase; color:var(--bb-c-text-3); }
.bbs-chips{ display:flex; gap:var(--bb-s-2); min-width:0; overflow-x:auto; overscroll-behavior-x:contain; padding:2px var(--bb-gutter-r) 2px 2px; scrollbar-width:none; }
.bbs-chips::-webkit-scrollbar{ display:none; }
.bbs-chip{ flex:none; display:inline-flex; align-items:center; min-height:var(--bb-tap); padding:0 var(--bb-s-4); border-radius:var(--bb-r-pill); background:var(--bb-surface);
  box-shadow:inset 0 0 0 1.5px var(--bb-line); white-space:nowrap; text-decoration:none; color:var(--bb-ink);
  font:var(--bb-chip-fw) var(--bb-chip-fs)/1.1 var(--bb-chip-font); letter-spacing:var(--bb-chip-track); text-transform:var(--bb-chip-case); }
.bbs-chip:hover, .bbs-chip:focus{ color:var(--bb-ink); text-decoration:none; }

/* ---------- Reihen (Rang 3 Leitreihe, Rang 6 Ergänzung) ---------- */
.bbs-sek{ padding-top:var(--_sek); }
.bbs-sek__kopf{ display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:0 var(--bb-s-3); padding:0 var(--bb-gutter-r) var(--bb-s-3) var(--bb-gutter-l); }
.bbs-sek__kopf > div{ min-width:0; }
.bbs-sek__kopf h2{ margin:0; font:400 var(--bb-h2)/1.05 var(--bb-font-disp); letter-spacing:var(--bb-track-disp); text-transform:uppercase; }
.bbs-sek__kicker{ display:block; margin-bottom:var(--bb-s-1); font:700 var(--bb-fs-12)/1.3 var(--bb-font-mono); letter-spacing:var(--bb-track-caps); text-transform:uppercase; color:var(--bb-c-text-3); }
.bbs-alle{ flex:none; margin-left:auto; display:inline-flex; align-items:center; gap:var(--bb-s-1); min-height:var(--bb-tap); min-width:var(--bb-tap); padding-left:var(--bb-s-2);
  font:var(--bb-ctl-fw) var(--bb-ctl-fs)/1 var(--bb-ctl-font); letter-spacing:var(--bb-ctl-track); text-transform:var(--bb-ctl-case); color:var(--bb-ink); text-underline-offset:3px; }
.bbs-alle svg{ width:16px; height:16px; }
.bbs-sek--deal{ background:linear-gradient(180deg, var(--bb-c-error-bg), var(--bb-bg) 85%); padding-bottom:var(--bb-s-2); }

.bbs-spur{ display:grid; grid-auto-flow:column; grid-auto-columns:44%; gap:var(--bb-s-3); overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory;
  scroll-padding-left:var(--bb-gutter-l); padding:2px var(--bb-gutter-r) var(--bb-s-3) var(--bb-gutter-l); scrollbar-width:none; }
.bbs-spur::-webkit-scrollbar{ display:none; }
.bbs-spur > *{ scroll-snap-align:start; min-width:0; }

/* Startkarte (Kartenvertrag P1-10): ein Produktlink, höchstens eine Kaufaktion; Bildfläche mit Seitenverhältnis (CLS 0). */
.bbs-karte{ display:flex; flex-direction:column; height:100%; background:var(--bb-surface); border-radius:var(--bb-card-r); box-shadow:var(--bb-card-e); overflow:hidden; }
.bbs-karte__link{ display:block; flex:1; padding:var(--bb-s-2) var(--bb-s-2) 0; text-decoration:none; color:var(--bb-ink); }
.bbs-karte__link:hover, .bbs-karte__link:focus{ color:var(--bb-ink); text-decoration:none; }
.bbs-karte__bild{ display:block; width:100%; height:auto; aspect-ratio:1; object-fit:contain; background:var(--bb-surface); }
.bbs-karte__welt{ display:block; margin-top:var(--bb-s-2); font:700 var(--bb-fs-12)/1.3 var(--bb-font-mono); letter-spacing:var(--bb-track-caps); text-transform:uppercase; color:var(--bb-c-text-3); }
.bbs-karte__name{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; font:500 var(--bb-fs-14)/1.35 var(--bb-font-body); min-height:calc(3 * 1.35em); }
.bbs-karte__fuss{ display:flex; flex-wrap:wrap; align-items:center; gap:var(--bb-s-2); min-height:calc(var(--bb-tap) + var(--bb-s-2)); margin-top:var(--bb-s-2); padding:0 var(--bb-s-1) var(--bb-s-1) var(--bb-s-2); }
.bbs-preis{ display:flex; flex-direction:column; line-height:1.15; min-width:0; }
.bbs-preis b{ font:700 var(--bb-fs-16)/1.2 var(--bb-font-mono); white-space:nowrap; }
.bbs-preis b.sale{ color:var(--bb-c-sale); }
.bbs-preis del{ font:400 var(--bb-fs-12)/1.2 var(--bb-font-mono); color:var(--bb-c-text-3); white-space:nowrap; }
.bbs-preis .fn{ font-weight:400; }
.bbs-kauf{ position:relative; margin:0 0 0 auto; flex:none; }
.bbs-korb{ position:relative; display:grid; place-items:center; width:var(--bb-tap); height:var(--bb-tap); padding:0; border:0; border-radius:var(--bb-r-pill); background:var(--bb-c-buy); color:var(--bb-c-on-buy); cursor:pointer; }
.bbs-korb svg{ width:22px; height:22px; }
.bbs-korb[aria-busy="true"], .bbs-korb.bb-kauf-laeuft, .bbs-kauf.io-loading .bbs-korb{ background:var(--bb-g-ink); cursor:progress; }
.bbs-korb[aria-busy="true"] svg, .bbs-korb.bb-kauf-laeuft svg{ opacity:0; }
.bbs-korb[aria-busy="true"]::after, .bbs-korb.bb-kauf-laeuft::after{ content:""; position:absolute; width:18px; height:18px; border-radius:50%; border:2px solid color-mix(in srgb, var(--bb-surface) 40%, transparent); border-top-color:var(--bb-surface); animation:bbs-dreh .8s linear infinite; }
.bbs-korb:focus-visible{ outline:2px solid var(--bb-ink); outline-offset:2px; }
@keyframes bbs-dreh{ to{ transform:rotate(360deg); } }
.bbs-hinweis{ margin-left:auto; display:inline-flex; align-items:center; min-height:var(--bb-tap); padding:0 var(--bb-s-1); font:600 var(--bb-fs-12)/1.2 var(--bb-font-body); color:var(--bb-ink-2); text-align:right; max-width:8.5em; }

/* ---------- Schaufenster (Rang 4): Top-1 je Welt + 3 Unterwelten, ohne Korb ---------- */
.bbs-spur--fenster{ grid-auto-columns:80%; }
.bbs-fenster{ display:flex; flex-direction:column; height:100%; background:var(--bb-surface); border-radius:var(--bb-card-r); box-shadow:var(--bb-card-e); overflow:hidden; }
.bbs-fenster__kopf{ display:flex; align-items:center; justify-content:space-between; gap:var(--bb-s-2); min-height:var(--bb-tap); padding:var(--bb-s-1) var(--bb-s-3); background:var(--bb-ink); color:var(--bb-bg); text-decoration:none;
  font:400 var(--bb-fs-18)/1.1 var(--bb-font-disp); letter-spacing:var(--bb-track-disp); text-transform:uppercase; }
.bbs-fenster__kopf:hover, .bbs-fenster__kopf:focus{ color:var(--bb-bg); text-decoration:none; }
.bbs-fenster__kopf svg{ flex:none; width:18px; height:18px; }
.bbs-fenster__ware{ display:grid; grid-template-columns:88px minmax(0,1fr); gap:var(--bb-s-3); align-items:center; padding:var(--bb-s-3); text-decoration:none; color:var(--bb-ink); }
.bbs-fenster__ware:hover, .bbs-fenster__ware:focus{ color:var(--bb-ink); text-decoration:none; }
.bbs-fenster__ware img{ width:88px; height:88px; aspect-ratio:1; object-fit:contain; background:var(--bb-surface); border-radius:var(--bb-r-s); box-shadow:inset 0 0 0 1px var(--bb-line-2); }
.bbs-fenster__ware span.n{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; font:500 var(--bb-fs-14)/1.35 var(--bb-font-body); }
.bbs-fenster__ware b{ display:inline-block; margin-top:var(--bb-s-1); font:700 var(--bb-fs-16)/1.3 var(--bb-font-mono); }
.bbs-fenster__ware b.sale{ color:var(--bb-c-sale); }
.bbs-fenster__ware del{ font:400 var(--bb-fs-12)/1 var(--bb-font-mono); color:var(--bb-c-text-3); margin-left:var(--bb-s-1); }
.bbs-fenster__links{ display:flex; flex-wrap:wrap; gap:var(--bb-s-2); padding:0 var(--bb-s-3) var(--bb-s-3); margin-top:auto; }
.bbs-fenster__links a{ display:inline-flex; align-items:center; min-height:var(--bb-tap); padding:0 var(--bb-s-3); border-radius:var(--bb-r-pill); box-shadow:inset 0 0 0 1.5px var(--bb-line);
  text-decoration:none; color:var(--bb-ink); font:var(--bb-chip-fw) var(--bb-chip-fs)/1.1 var(--bb-chip-font); letter-spacing:var(--bb-chip-track); text-transform:var(--bb-chip-case); }

/* ---------- Vertrauen (Rang 5, statisch) ---------- */
.bbs-vertrauen{ list-style:none; display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 9.5em), 1fr)); gap:var(--bb-s-3) var(--bb-s-4); margin:var(--_sek) var(--bb-gutter-r) 0 var(--bb-gutter-l); padding:var(--bb-s-4);
  background:var(--bb-bg-2); border-radius:var(--bb-card-r); font:400 var(--bb-fs-14)/1.4 var(--bb-font-body); color:var(--bb-ink-2); }
.bbs-vertrauen li{ display:flex; gap:var(--bb-s-2); align-items:flex-start; min-width:0; }
.bbs-vertrauen svg{ flex:none; width:18px; height:18px; margin-top:1px; color:var(--bb-g-ink); }

/* ---------- Inhalte (Rang 7) ---------- */
.bbs-hubs{ display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 9.5em), 1fr)); gap:var(--bb-s-2); padding:0 var(--bb-gutter-r) 0 var(--bb-gutter-l); }
.bbs-hub{ display:flex; flex-direction:column; justify-content:center; gap:2px; min-width:0; min-height:64px; padding:var(--bb-s-2) var(--bb-s-3); background:var(--bb-surface); border-radius:var(--bb-r-s);
  box-shadow:inset 0 0 0 1px var(--bb-line); text-decoration:none; color:var(--bb-ink); }
.bbs-hub:hover, .bbs-hub:focus{ color:var(--bb-ink); text-decoration:none; }
.bbs-hub b{ font:700 var(--bb-fs-16)/1.25 var(--bb-font-body); }
.bbs-hub span{ font:400 var(--bb-fs-14)/1.35 var(--bb-font-body); color:var(--bb-c-text-2); }
.bbs-marken{ display:flex; flex-wrap:wrap; gap:var(--bb-s-2); padding:0 var(--bb-gutter-r) 0 var(--bb-gutter-l); }
.bbs-marken a{ display:inline-flex; align-items:center; gap:var(--bb-s-2); min-height:var(--bb-tap); padding:0 var(--bb-s-4); border-radius:var(--bb-r-pill); background:var(--bb-surface); box-shadow:inset 0 0 0 1px var(--bb-line);
  text-decoration:none; color:var(--bb-ink); font:600 var(--bb-fs-14)/1.1 var(--bb-font-body); }
.bbs-marken a:hover, .bbs-marken a:focus{ color:var(--bb-ink); text-decoration:none; }
.bbs-marken img{ display:block; width:auto; height:24px; max-width:72px; object-fit:contain; }
.bbs-faq{ padding-inline:var(--bb-gutter-l) var(--bb-gutter-r); }
.bbs-faq .bbs-sek__kopf{ padding-inline:0; }
.bbs-faq details{ border-bottom:1px solid var(--bb-line); }
.bbs-faq summary{ display:flex; align-items:center; gap:var(--bb-s-3); min-height:52px; padding:var(--bb-s-1) 0; cursor:pointer; font:700 var(--bb-fs-16)/1.3 var(--bb-font-body); list-style:none; }
.bbs-faq summary::-webkit-details-marker{ display:none; }
.bbs-faq summary::after{ content:"+"; margin-left:auto; font:700 var(--bb-fs-20)/1 var(--bb-font-mono); }
.bbs-faq details[open] summary::after{ content:"–"; }
.bbs-faq p{ margin:0 0 var(--bb-s-4); font:400 var(--bb-fs-16)/var(--bb-lh-text) var(--bb-font-body); color:var(--bb-ink-2); }
.bbs-faq p a{ display:inline-block; padding:var(--bb-s-1) 0; }
.bbs-news{ margin:var(--_sek) var(--bb-gutter-r) var(--_sek) var(--bb-gutter-l); padding:var(--bb-s-5) var(--bb-s-4); border-radius:var(--bb-card-r); background:var(--bb-y); color:var(--bb-ink); }
.bbs-news .bbs-sek__kicker{ color:var(--bb-ink); }   /* axe: Kontrast auf Gelb */
.bbs-news h2{ margin:0 0 var(--bb-s-2); font:400 var(--bb-h2)/1.05 var(--bb-font-disp); text-transform:uppercase; }
.bbs-news p{ margin:0 0 var(--bb-s-3); font:400 var(--bb-fs-16)/1.45 var(--bb-font-body); }
.bbs-news__knopf{ display:inline-flex; align-items:center; gap:var(--bb-s-2); min-height:var(--bb-ctl-l); padding:0 var(--bb-s-5); border-radius:var(--bb-r-pill); background:var(--bb-ink); color:var(--bb-bg); text-decoration:none;
  font:var(--bb-ctl-fw) var(--bb-ctl-fs)/1 var(--bb-ctl-font); letter-spacing:var(--bb-ctl-track); text-transform:var(--bb-ctl-case); }
.bbs-news__knopf:hover, .bbs-news__knopf:focus{ color:var(--bb-bg); text-decoration:none; }
.bbs-news__knopf svg{ width:16px; height:16px; }
.bbs-news small{ display:block; margin-top:var(--bb-s-3); font:400 var(--bb-fs-12)/1.4 var(--bb-font-body); }

@media (prefers-reduced-motion: reduce){ .bbs-spur, .bbs-chips{ scroll-behavior:auto; } .bbs-korb[aria-busy="true"]::after, .bbs-korb.bb-kauf-laeuft::after{ animation:none; } }

/* Quer (Ausnahme §1): Bühne flacher, Tor dreispaltig */
@media (orientation:landscape) and (max-height:500px){
  .bbs{ --_kachel-ar:2.6/1; }
  .bbs-buehne__flaeche{ min-height:160px; }
  .bbs-tor{ grid-template-columns:repeat(3,1fr); }
}

/* Tablet/Desktop: gleiche Reihenfolge, nur breiter (25 §1.1) */
@media (min-width:768px){
  .bbs-buehne__flaeche::before{ content:""; grid-area:z; aspect-ratio:21/9; }
  .bbs-buehne__flaeche{ min-height:0; }
  .bbs-buehne .bbs-buehne__flaeche .bbs-buehne__bild{ object-position:50% 70%; }
  .bbs-tor{ grid-template-columns:repeat(3,1fr); }
  .bbs-spur{ grid-auto-columns:calc((100% - 3 * var(--bb-s-3)) / 4); }
  .bbs-spur--fenster{ grid-auto-columns:calc((100% - 2 * var(--bb-s-3)) / 3); }
  .bbs-hubs{ grid-template-columns:repeat(3,1fr); }
}
/* S-11 Desktop-Satz: Bühne min(42 vh, 440 px) hoch (1280 × 800: Kopf ≈ 245 px), wächst nur mit dem Text (Weltentor einreihig im ersten Bildschirm bei
   1280 × 800), Bild object-position 50 % 70 % (Bong oben, DynaVap unten sichtbar), Sektionsabstand 64 */
@media (min-width:1024px){
  .bbs{ max-width:1440px; margin:0 auto; --_sek:var(--bb-s-16); }
  .bbs-buehne__flaeche::before{ display:none; }
  .bbs-buehne__flaeche{ min-height:min(42vh, 440px); }
  .bbs-buehne__text{ padding:var(--bb-s-8) var(--bb-s-10); }
  .bbs-buehne h1{ font-size:calc(var(--bb-h1-stage) * 1.3); max-width:18ch; }
  .bbs-buehne__sub{ display:block; max-width:44ch; margin:var(--bb-s-3) 0 0; font:400 var(--bb-fs-18)/1.45 var(--bb-font-body); color:var(--bb-bg-2); }
  .bbs-tor{ grid-template-columns:repeat(6,1fr); }
  .bbs-weg{ padding-right:var(--bb-gutter-r); }
  .bbs-spur{ grid-auto-flow:row; grid-template-columns:repeat(6,1fr); overflow:visible; }
  .bbs-spur--fenster{ grid-template-columns:repeat(3,1fr); }
  .bbs-vertrauen{ grid-template-columns:repeat(4,auto); justify-content:center; }
  .bbs-hubs{ grid-template-columns:repeat(6,1fr); }
}