@font-face {
  font-family: "TheSansUHHItalic";
  src: url("../fonts/TheSansUHHRegularItalic.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "TheSansUHHBoldItalic";
  src: url("../fonts/TheSansUHHBoldItalic.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "TheSansUHHBold";
  src: url("../fonts/TheSansUHHBold.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "TheSansUHHBoldCaps";
  src: url("../fonts/TheSansUHHBoldCaps.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "TheSansUHHRegular";
  src: url("../fonts/TheSansUHHRegular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "TheSansUHH";
  src: url("../fonts/TheSansUHHRegular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "TheSansUHHRegularCaps";
  src: url("../fonts/TheSansUHHRegularCaps.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "TheSansUHHSemiLightCaps";
  src: url("../fonts/TheSansUHHSemiLightCaps.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Futura-Medium";
  src: url("../fonts/Futura-Medium.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Futura-MediumItalic";
  src: url("../fonts/Futura-MediumItalic.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Futura-Bold";
  src: url("../fonts/Futura-Bold.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Futura-CondensedExtraBold";
  src: url("../fonts/Futura-CondensedExtraBold.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Futura-CondensedMedium";
  src: url("../fonts/Futura-CondensedMedium.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "FuturaLTPro-Book";
  src: url("../fonts/FuturaLTPro-Book.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "FuturaLTPro-BookOblique";
  src: url("../fonts/FuturaLTPro-BookOblique.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "FuturaLTPro-Bold";
  src: url("../fonts/FuturaLTPro-Bold.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "FuturaLTPro-BoldOblique";
  src: url("../fonts/FuturaLTPro-BoldOblique.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
/*
* START
* Big play button before video was started
*/
.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  background: #dbb371;
}

.vjs-uhh .vjs-big-play-button {
  background: rgba(219, 179, 113, 0.8);
  border: none;
  border-radius: 50%;
  line-height: 1.6em;
  height: 1.6em;
  width: 1.6em;
  margin-top: -0.8em;
  margin-left: -0.8em;
  font-size: 6em;
  top: 50%;
  left: 50%;
}
.vjs-uhh .vjs-big-play-button:hover {
  background: #dbb371;
}

/*
 * END: Big play button before video was started
 */
.vjs-uhh .vjs-button.source-link-button {
  width: 8em !important;
}
.vjs-uhh .vjs-button.source-link-button::before {
  content: "HfMT-Mediathek";
}

/*
 * START
 * Control bar
 */
.vjs-uhh .vjs-control-bar {
  background-image: linear-gradient(0deg, rgba(78, 78, 78, 0.7) 0%, transparent 100%);
  background-color: transparent;
  font-size: 1.5em;
  align-items: center;
  padding-left: 0.25em;
  padding-right: 0.25em;
}

.vjs-uhh .vjs-progress-control {
  font-size: 1.6em;
}

.vjs-uhh .vjs-progress-holder,
.vjs-uhh .vjs-play-progress {
  border-radius: 10px;
}

.vjs-uhh .vjs-progress-control:hover .vjs-progress-holder {
  font-size: inherit;
}

.vjs-uhh .vjs-button {
  height: 2.5em;
  width: 2.5em;
  border-radius: 5px;
}
.vjs-uhh .vjs-button .vjs-icon-placeholder:before {
  line-height: 1.4;
}

.vjs-uhh .vjs-button:hover {
  background-color: #dbb371;
}

.vjs-uhh .vjs-dgs-control {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  fill: #fff;
  width: 5em;
}
.vjs-uhh .vjs-dgs-control svg {
  height: 1.14em;
  width: 1.14em;
}
.vjs-uhh .vjs-dgs-control.active {
  color: #dbb371;
  fill: #dbb371;
}
.vjs-uhh .vjs-dgs-control.active:hover {
  color: #fff;
  fill: #fff;
}

.vjs-uhh .vjs-playback-rate-value {
  font-size: inherit;
  line-height: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

.vjs-uhh .vjs-volume-panel {
  align-items: center;
  width: 2.5em;
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover {
  width: 8em;
}

.vjs-uhh .vjs-volume-bar {
  background-image: none !important;
  background-color: #dbb371 !important;
  border-radius: 10px;
}
.vjs-uhh .vjs-volume-bar .vjs-volume-level {
  border-radius: 10px;
}

.vjs-uhh .vjs-load-progress,
.vjs-uhh .vjs-load-progress div {
  background-image: linear-gradient(90deg, #dbb371 0%, #dbb371 50%, rgba(219, 179, 113, 0.3) 100%);
  background-color: transparent;
  border-radius: 10px;
}

.vjs-uhh .vjs-slider {
  background-image: linear-gradient(90deg, rgba(219, 179, 113, 0.5) 0%, rgba(219, 179, 113, 0.5) 50%, rgba(219, 179, 113, 0.1) 100%);
  background-color: transparent;
  outline: none;
}
.vjs-uhh .vjs-slider:focus {
  box-shadow: 0 0 0 1px #ca9d58, 0 0 5px 1px #ca9d58;
}

.vjs-uhh .vjs-menu {
  margin-bottom: 1em;
  z-index: 1;
}
.vjs-uhh .vjs-menu .vjs-menu-content {
  width: auto !important;
  min-width: 180px;
}
.vjs-uhh .vjs-menu li {
  text-transform: none;
}
.vjs-uhh .vjs-menu li.vjs-selected {
  color: #b58a4e;
}

.vjs-uhh .vjs-button-vr {
  display: none !important;
}

/*
 * END: Control bar
 */
.vjs-uhh .vjs-marker-hitbox .tooltip {
  font-size: 14px;
}

.vjs-playlist-icon {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16%205H4V7H16V5Z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M16%209H4V11H16V9Z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M4%2013H12V15H4V13Z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M20%2016L14%2013V19L20%2016Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
}

.vjs-playlist-icon_off {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16%205H4V7H16V5Z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M16%209H4V11H16V9Z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M4%2013H12V15H4V13Z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M20%2016L14%2013V19L20%2016Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
}

.vjs-playlist .vjs-selected {
  background-color: #fff;
  color: #ca9d58;
}

.vjs-uhh .vjs-skip-backward-5 .vjs-icon-placeholder:before, .vjs-uhh .vjs-skip-backward-15 .vjs-icon-placeholder:before, .vjs-uhh .vjs-skip-backward-30 .vjs-icon-placeholder:before {
  content: "\f11b";
  transform: rotate(-45deg);
}
.vjs-uhh .vjs-skip-forward-5 .vjs-icon-placeholder:before, .vjs-uhh .vjs-skip-forward-15 .vjs-icon-placeholder:before, .vjs-uhh .vjs-skip-forward-30 .vjs-icon-placeholder:before {
  content: "\f11b";
  transform: scale(-1, 1) rotate(-45deg);
}

@media (max-width: 550px) {
  .vjs-uhh .vjs-skip-forward-5, .vjs-uhh .vjs-skip-forward-15, .vjs-uhh .vjs-skip-forward-30 {
    display: none;
  }
  .vjs-uhh .vjs-skip-backward-5, .vjs-uhh .vjs-skip-backward-15, .vjs-uhh .vjs-skip-backward-30 {
    display: none;
  }
  .vjs-uhh .vjs-playback-rate {
    display: none;
  }
  .vjs-uhh .vjs-quality-selector {
    display: none;
  }
  .vjs-uhh .vjs-time-control {
    display: none;
  }
}
body.public-page {
  margin: 0;
}

.video-invalid {
  background: #000000;
  color: #fff;
  padding: 2rem;
  text-align: center;
  vertical-align: middle;
  font-family: Futura-Medium, sans-serif;
}
.video-invalid h1 {
  font-family: Futura-Bold, sans-serif;
  font-weight: normal;
}

@media (max-width: 550px) {
  .source-link-button::before {
    content: "HfMT" !important;
  }
  .vjs-control.vjs-button.source-link-button {
    width: 3em !important;
  }
}

/*# sourceMappingURL=vjs-uhh.css.map */
/*# sourceMappingURL=vjs-uhh.css.map */