/* =========================================================================
   runde6.css: Kundenwuensche Julia Bibas vom 05.10.2026.
   Laedt NACH runde5.css und gewinnt damit gegen die spaeten Bloecke in
   marke.css und gegen Runde 4/5.
   ========================================================================= */

/* ---- 1) Hero-Video am Handy sichtbar machen ----------------------------
   Das Video laeuft seit dieser Runde auch unter 900 px (marke.js, eigene
   Handydatei 720 x 960). Die weisse Textkarte deckte dort aber fast die
   ganze Flaeche ab: vom Video blieben links und rechts je 24 px. Jetzt
   steht oben ein freies Fenster, in dem man das Video als Erstes sieht;
   die Karte folgt darunter. Nur Heros MIT Video (Start, Karriere). */
@media (max-width: 899px) {
  .hero-360:has(> .hero-360__video) {
    flex-direction: column; align-items: stretch; justify-content: flex-end;
    padding-top: clamp(200px, 56vw, 300px);
  }
  .hero-360:has(> .hero-360__video) > .container { width: 100%; }
}
/* Im freien Fenster liegt kein Text, der weisse Schleier (marke.css, max 700 px)
   wuerde das ohnehin helle Video dort nur weiter ausbleichen. Der Text steht
   auf der Karte (94 % Weiss), sein Kontrast haengt nicht am Video. */
@media (max-width: 899px) {
  .hero-360:has(> .hero-360__video)::after { background: none; }
}