/* ============================================================
   Demo-Videos in den Modul-Panels
   ============================================================
   Die Demos liegen jetzt als kurze, stumme WebM-Videos vor (aus der
   Referenzseite aufgenommen, 20-31 Bilder/s).

   Warum Videos und nicht der DOM-Nachbau: der Nachbau hat bei jedem
   Zustandswechsel Elemente ersetzt, wodurch Animationen neu starteten —
   im Bild fehlte zeitweise sogar das ganze Handy. Ein Video ist per
   Konstruktion flüssig.

   Sie laufen NICHT von selbst: demo-video.js startet nur das Video des
   gerade geöffneten Panels und setzt es dabei auf Anfang.
   ============================================================ */
.ap-demo-tokens { width: 100%; display: flex; justify-content: center; }

.dm-video {
  display: block;
  width: 100%;
  max-width: 625px;      /* native Breite der Aufnahmen, kein Hochskalieren */
  height: auto;
  border-radius: 10px;
  background: #0b2036;   /* bis das erste Bild da ist */
}

/* Auf schmalen Karten bleibt das Video in der Breite */
@media (max-width: 720px) { .dm-video { border-radius: 8px; } }