/* Standard: Bild ist unsichtbar, Video ist sichtbar */
.mobile-fallback {
  display: none;
}

.desktop-video {
  display: block;
  width: 100%;
  max-width: 1000px;
  height: auto;
}

/* Die Weiche: Für alles unter 768px (Handys & kleine Tablets) */
@media (max-width: 767px) {
  .desktop-video {
    display: none; /* Video komplett entfernen */
  }

  .mobile-fallback {
    display: block; /* Bild stattdessen anzeigen */
    width: 100%;
    height: auto;
  }
}