/* ═══════════════════════════════════════════════════════════════════════════
   KonzernTV — Animationen
   Alle Slide-Übergänge werden über CSS-Transitions in main.css gesteuert.
   Hier nur: Fortschrittsbalken, Badge-Einblendung und Medien-Einblendung
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Bild/Video Phase 1: Fade-in + sanftes Verkleinern von 115 → 100 % ─── */

@keyframes media-enter {
  from {
    opacity: 0;
    transform: scale(1.12);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.slide-image-wrap.media-enter {
  animation: media-enter 1.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

/* ── Fortschrittsbalken ────────────────────────────────────────────────── */

@keyframes progress-grow {
  from { width: 0%; }
  to   { width: 100%; }
}

/* Dauer wird per Inline-Style (animation-duration) gesetzt */
.progress-fill {
  animation: progress-grow 8s linear forwards;
  animation-play-state: paused;
}