.trailer {
  width: 100%;
  position: relative;
}
.trailer video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.trailer .overlay {
    content: "";
    width: 100%;
    z-index: 99999;
    position: absolute;
    top: 0;
    bottom: 80px;
    left: 0;
}
.trailer iframe {
  width: 100vw;
  min-height: 56.25vw;
  display: none;
}
.trailer.live video,
.trailer.live .overlay {
  display: none;
}
.trailer.live iframe {
  display: block;
}


@media (min-width: 991px) {
  .trailer {
    height: 500px;
    margin-top: 15px;
  }
  .trailer video,
  .trailer iframe,
  .trailer .overlay {
    width: 75%;
  }
  .trailer iframe {
    min-height: auto;
  }
  .trailer.live {
    height: auto;
  }
  #pid-1 .container-wrapper {
    height: 0;
  }
  #fahrplanauskunft-row {
    top: 0;
    padding-right: 0;
  }
  #right-side-red .sprite-info {
    display: none;
  }
}

@media (min-width: 767px) {
  #stoermeldungen {
    margin-top: 15px !important;
  }
}

@media (max-width: 1350px) and (min-width: 991px) {
  .trailer {
    padding-left: 15px;
    padding-right: 15px;
  }
}