@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;
}
/*
* START
* Big play button before video was started
*/
.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  background: #449cd5;
}

.vjs-uhh .vjs-big-play-button {
  background: rgba(68, 156, 213, 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: #449cd5;
}

/*
 * 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: "Lecture2Go";
}

/*
 * 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: #449cd5;
}

.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: #449cd5;
  fill: #449cd5;
}
.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: #449cd5 !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, #449cd5 0%, #449cd5 50%, rgba(68, 156, 213, 0.3) 100%);
  background-color: transparent;
  border-radius: 10px;
}

.vjs-uhh .vjs-slider {
  background-image: linear-gradient(90deg, rgba(68, 156, 213, 0.5) 0%, rgba(68, 156, 213, 0.5) 50%, rgba(68, 156, 213, 0.1) 100%);
  background-color: transparent;
  outline: none;
}
.vjs-uhh .vjs-slider:focus {
  box-shadow: 0 0 0 3px #0271bb, 0 0 5px 4px #e2001a;
}

.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: #006ab0;
}

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

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

body.public-page {
  margin: 0;
}

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

@media (max-width: 550px) {
  .vjs-seek-button.skip-back.skip-15.vjs-control.vjs-button {
    display: none;
  }
  .vjs-seek-button.skip-forward.skip-15.vjs-control.vjs-button {
    display: none;
  }
  .vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button.vjs-quality-selector {
    display: none;
  }
  .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button {
    display: none;
  }
  .source-link-button::before {
    content: "L2G" !important;
  }
  .vjs-control.vjs-button.source-link-button {
    width: 3em !important;
  }
  .vjs-time-control {
    display: none;
  }
}

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