@charset "UTF-8";
.video-js.vjs-audio .vjs-control-bar {
  background-color: transparent;
  z-index: 10;
}
.video-js.vjs-audio .vjs-progress-control {
  position: absolute;
  left: 0;
  top: 50%;
  height: 25%;
  width: 100%;
  padding: 0 1em;
  transform: translate(-50%, 0);
  -webkit-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
}
@media screen and (min-width: 768px) {
  .video-js.vjs-audio .vjs-progress-control {
    padding: 0 6em;
  }
}
.video-js.vjs-audio .vjs-slider {
  background-color: white;
}
.video-js.vjs-audio .vjs-load-progress {
  background-color: green;
}
.video-js.vjs-audio .centerWaveform {
  padding: 0 1em;
}
@media screen and (min-width: 768px) {
  .video-js.vjs-audio .centerWaveform {
    padding: 0 6em;
  }
}
.video-js.vjs-audio .shade {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}
.video-js.vjs-audio .vjs-duration.vjs-time-control.vjs-control,
.video-js.vjs-audio .vjs-current-time.vjs-time-control.vjs-control {
  left: 0;
  top: 75%;
  height: 3em;
  transform: translate(-50%, 0);
  -webkit-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  text-align: left;
}
@media screen and (min-width: 768px) {
  .video-js.vjs-audio .vjs-duration.vjs-time-control.vjs-control,
.video-js.vjs-audio .vjs-current-time.vjs-time-control.vjs-control {
    top: 50%;
  }
}
.video-js.vjs-audio .vjs-duration.vjs-time-control.vjs-control {
  text-align: right;
}
.video-js.vjs-audio .vjs-time-control.vjs-time-divider {
  display: none !important;
}
.video-js.vjs-audio .vjs-current-time, .video-js.vjs-audio .vjs-no-flex .vjs-current-time,
.video-js.vjs-audio .vjs-duration, .video-js.vjs-audio .vjs-no-flex .vjs-duration {
  display: block;
  position: absolute;
  bottom: 2em;
  right: 0.4em;
}

.video-js.audio .vjs-picture-in-picture-control {
  display: none;
}

#vjs-waveform-progress, .vjs-waveform {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
}

.vjs-text-track-display div {
  font-size: 1.25em !important;
}

.vjs-waveform img {
  width: 100%;
}

/* big play button ausblenden */
.vjs-nofull .vjs-fullscreen-control, .video-js.vjs-ended .vjs-big-play-button {
  display: none !important;
}

/* Untertitelsettings auswählbar machen */
.video-js .vjs-control, .vjs-text-track-display, .video-js .vjs-control-bar {
  z-index: 2;
}

.vjs-text-track-display {
  bottom: 5em;
}

.centerWaveform {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
}

.photoCredit {
  position: absolute;
  bottom: 0;
  right: 0.6em;
  color: lightgrey;
  font-size: 120%;
  top: auto;
  padding: 1em;
  font-weight: bold;
}

.vjs-time-control,
.shade,
#vjs-waveform-progress,
#vjs-waveform-canvas,
.vjs-control {
  transition: visibility 0.5s, opacity 0.5s;
}

.vjs-playing.vjs-user-inactive .vjs-time-control,
.vjs-playing.vjs-user-inactive .shade,
.vjs-playing.vjs-user-inactive #vjs-waveform-progress,
.vjs-playing.vjs-user-inactive #vjs-waveform-canvas,
.vjs-playing.vjs-user-inactive .vjs-control {
  opacity: 0;
}
.vjs-playing.vjs-user-inactive .photoCredit {
  background-color: rgba(0, 0, 0, 0.4);
}