.plyr-wrap {
  max-width: 900px;
  margin: 32px auto;
}

/* Einheitliche 4:3 Bühne */
.video-stage {
  aspect-ratio: 4 / 3;
  width: 100%;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 12px 28px rgba(0,0,0,.25);
  background: #000; /* Einheitlicher Hintergrund */
}

.video-stage {
  aspect-ratio: 4 / 3;
  width: 100%;
  border-radius: 14px;
  overflow: hidden;
  background: #000;
}
/* Poster/Preview genauso wie Video behandeln */
.video-stage .plyr__poster {
  background-size: cover !important;
  background-position: center center !important;
}

/* sicherstellen, dass alle Medienflächen die Bühne füllen */
.video-stage .plyr__video-wrapper,
.video-stage .plyr__poster {
  width: 100% !important;
  height: 100% !important;
}

/* Plyr + Wrapper müssen die Bühne komplett ausfüllen */
.video-stage .plyr,
.video-stage .plyr__video-wrapper {
  width: 100% !important;
  height: 100% !important;
}

/* Das eigentliche Video muss ebenfalls 100% Höhe bekommen */
.video-stage video {
  width: 100% !important;
  height: 100% !important;     /* <-- DAS ist der Knackpunkt */
  object-fit: cover !important;
  display: block;
}
/* Grün (wie gehabt) */
:root {
  --plyr-color-main: #3C622B;
}
/* Lautstärke-Controls komplett entfernen */
.plyr__controls [data-plyr="mute"],
.plyr__controls [data-plyr="volume"],
.plyr__controls__item.plyr__volume {
  display: none !important;
}

