/* Scanner-Video und Standbilder, Vorschau-Gang 11.09.2026.
   NACHBESSERUNG P16: die Slot-Figuren der Demo tragen unter 768 px ein festes
   aspect-ratio 4/5. Gemessen bei 466 px: Figur 426x533, Videobox 426x266 - also
   Balken links und rechts am 9:16-Mobilvideo und darunter rund 266 px leere
   graue Flaeche. Regel jetzt: die Box folgt dem Seitenverhaeltnis der aktiven
   Quelle. Die Ueberschreibungen brauchen die Slot-Kennung, um die Demo-Regel zu
   schlagen. */

/* --- Videoplatz --- */
figure#home-01[data-live-image-slot]{aspect-ratio:auto;height:auto}
.scanner-video{display:block;width:100%;height:auto;background:#0d0f0e;border-radius:14px;
  object-fit:contain;margin-inline:auto}
/* NACHBESSERUNG P17, Befund C: max-height:90vh leitete die Breite aus der
   Fensterhoehe ab. Gemessen bei einem 466 px hohen Fenster: Video 230 px breit,
   zentriert in einer 411 px breiten grauen Box. Jetzt bestimmt die Breite das
   Bild, die Figur umschliesst das Video exakt, das Seitenverhaeltnis setzt die
   Datei selbst (scanner-video.js aus videoWidth/videoHeight). */
@media (max-width:767px){
  figure#home-01[data-live-image-slot]{aspect-ratio:auto;width:-moz-fit-content;width:fit-content;margin-inline:auto;background:none}
  .scanner-video{width:100%;max-width:100%;height:auto;max-height:none}
}
@media (min-width:768px){
  figure#home-01[data-live-image-slot]{width:-moz-fit-content;width:fit-content;margin-inline:auto;background:none}
}
.scanner-video-bu{margin-top:.6rem;font-size:.875rem;line-height:1.5;color:#474747}

/* --- Standbilder: eigene Quelle je Breite, Box folgt der Quelle --- */
figure#image-extra-01[data-live-image-slot],
figure#home-02[data-live-image-slot]{aspect-ratio:auto;height:auto}
#image-extra-01 img,#home-02 img{display:block;width:100%;height:auto;border-radius:14px;
  object-fit:contain;background:#f5f5f7}
@media (max-width:767px){
  #image-extra-01 img,#home-02 img{aspect-ratio:4/5;object-fit:cover;object-position:50% 0}
}
@media (min-width:768px){
  #image-extra-01 img,#home-02 img{aspect-ratio:16/10;object-fit:cover}
}

/* P17-Nachbesserung Befund C: die Figur umschliesst das Video exakt,
   keine grauen Seitenflaechen. Gilt fuer den Kopf-Film und fuer web.04. */
figure[data-live-image-slot="web.04"]{aspect-ratio:auto;height:auto;width:-moz-fit-content;width:fit-content;margin-inline:auto;background:none}
.slot-video{display:block;width:100%;max-width:620px;height:auto;border-radius:14px;background:#0d0f0e}
@media (max-width:767px){.slot-video{max-width:min(100%,420px)}}