@charset "UTF-8";
/* ++ ++ ++ ++ ++ ++ ++ ++ ++ ++ ++ ++ ++ ++ ++ ++

	Mandaten -> ndr.de

 ++ ++ ++ ++ ++ ++ ++ ++ ++ ++ ++ ++ ++ ++ ++ ++ */
@font-face {
  font-family: "ndr-ardplayer-icons";
  src: url("/common/ardplayer/assets/fonts/ndr-ardplayer-icons.eot");
  src: url("/common/ardplayer/assets/fonts/ndr-ardplayer-icons.eot#iefix") format("embedded-opentype"), url("/common/ardplayer/assets/fonts/ndr-ardplayer-icons.ttf") format("truetype"), url("/common/ardplayer/assets/fonts/ndr-ardplayer-icons.woff") format("woff"), url("/common/ardplayer/assets/fonts/ndr-ardplayer-icons.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.ardplayer-icon:before {
  font-family: "ndr-ardplayer-icons" !important;
  font-size: 28px;
}
.ardplayer-icon-accessibility:before, .ardplayer-icon-language:before {
  content: "";
}
.ardplayer-icon-ad:before {
  content: "";
}
.ardplayer-icon-adactive:before {
  content: "";
}
.ardplayer-icon-airplay:before {
  content: "";
}
.ardplayer-icon-arrowleft:before {
  content: "";
}
.ardplayer-icon-arrowright:before {
  content: "";
}
.ardplayer-icon-chromecast-connected:before {
  content: "";
}
.ardplayer-icon-chromecast:before {
  content: "";
}
.ardplayer-icon-close:before {
  content: "";
}
.ardplayer-icon-download:before {
  content: "";
}
.ardplayer-icon-error:before {
  content: "";
}
.ardplayer-icon-fastbackward:before {
  content: "";
}
.ardplayer-icon-fastforward:before {
  content: "";
}
.ardplayer-icon-fullscreen:before {
  content: "";
}
.ardplayer-icon-info:before {
  content: "";
}
.ardplayer-icon-more:before, .ardplayer-icon-addons:before {
  content: "";
}
.ardplayer-icon-nextclip:before {
  content: "";
}
.ardplayer-icon-pause:before {
  content: "";
}
.ardplayer-icon-play:before {
  content: "";
}
.ardplayer-icon-prevclip:before {
  content: "";
}
.ardplayer-icon-reco:before {
  content: "";
}
.ardplayer-icon-return:before {
  content: "";
}
.ardplayer-icon-settings:before {
  content: "";
}
.ardplayer-icon-sharing-contact:before {
  content: "";
}
.ardplayer-icon-sharing-embedding:before {
  content: "";
}
.ardplayer-icon-sharing-facebook:before {
  content: "";
}
.ardplayer-icon-sharing-fb-messenger:before {
  content: "";
}
.ardplayer-icon-sharing-telegram:before {
  content: "";
}
.ardplayer-icon-sharing-threema:before {
  content: "";
}
.ardplayer-icon-sharing-twitter:before {
  content: "";
}
.ardplayer-icon-sharing-url:before {
  content: "";
}
.ardplayer-icon-sharing-whatsapp:before {
  content: "";
}
.ardplayer-icon-sharing:before {
  content: "";
}
.ardplayer-icon-sign:before {
  content: "";
}
.ardplayer-icon-signactive:before {
  content: "";
}
.ardplayer-icon-skipbackward:before {
  content: "";
}
.ardplayer-icon-skipforward:before {
  content: "";
}
.ardplayer-icon-smallscreen:before {
  content: "";
}
.ardplayer-icon-ut:before {
  content: "";
}
.ardplayer-icon-utactive:before {
  content: "";
}
.ardplayer-icon-volume-high:before {
  content: "";
}
.ardplayer-icon-volume-low:before {
  content: "";
}
.ardplayer-icon-volume-mute:before {
  content: "";
}

@font-face {
  font-family: "NDRSansCondRegular";
  src: url("/common/resources/fonts/NDRSansDCondRegular.eot");
  /* IE9 Compat Modes */
  src: url("/common/resources/fonts/NDRSansDCondRegular.eot?#iefix") format("embedded-opentype"), url("/common/resources/fonts/NDRSansDCondRegular.woff2") format("woff2"), url("/common/resources/fonts/NDRSansDCondRegular.woff") format("woff"), url("/common/resources/fonts/NDRSansDCondRegular.ttf") format("truetype"), url("/common/resources/fonts/NDRSansDCondRegular.svg#NDRSansDCondRegular") format("svg");
  /* Legacy iOS */
}
@font-face {
  font-family: "NDRSansCondBold";
  src: url("/common/resources/fonts/NDRSansDCondBold.eot");
  /* IE9 Compat Modes */
  src: url("/common/resources/fonts/NDRSansDCondBold.eot?#iefix") format("embedded-opentype"), url("/common/resources/fonts/NDRSansDCondBold.woff2") format("woff2"), url("/common/resources/fonts/NDRSansDCondBold.woff") format("woff"), url("/common/resources/fonts/NDRSansDCondBold.ttf") format("truetype"), url("/common/resources/fonts/NDRSansDCondBold.svg#NDRSansDBold") format("svg");
  /* Legacy iOS */
}
body, html {
  background-color: #000;
  height: 100%;
  min-height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

.ardplayer button {
  outline: none;
}
.ardplayer button.ardplayer-icon-settings-hd:after {
  background-color: #0e57ab;
}
.ardplayer .ardplayer-posterframe span.ardplayer-posterframe-duration {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 2px;
  font-size: 15px;
  padding: 8px 10px 6px;
}
.ardplayer .ardplayer-posterframe.shadowEdge:after {
  background: #222222;
  background: linear-gradient(0deg, #222222 0%, rgba(34, 34, 34, 0) 100%);
  bottom: 0;
  content: "";
  height: 30px;
  left: 0;
  position: absolute;
  width: 100%;
}
.ardplayer-stage {
  height: calc(100vw / 16 * 9);
  width: 100%;
}
.ardplayer-stage button.ardplayer-button-big button.ardplayer-button-hero, .ardplayer-stage button.ardplayer-button-big.ardplayer-button-hero {
  background: rgba(0, 0, 0, 0.5);
  font-size: 65px;
  height: 65px;
  line-height: 65px;
  width: 65px;
}
.ardplayer-stage button.ardplayer-button-big button.ardplayer-button-hero[aria-pressed=true], .ardplayer-stage button.ardplayer-button-big button.ardplayer-button-hero:hover, .ardplayer-stage button.ardplayer-button-big.ardplayer-button-hero[aria-pressed=true], .ardplayer-stage button.ardplayer-button-big.ardplayer-button-hero:hover {
  background: rgba(0, 0, 0, 0.5);
}
.ardplayer-stage .ardplayer {
  font-family: "NDRSansCondRegular", sans-serif;
}
.ardplayer-stage .ardplayer-font-byline {
  color: #fff;
  font-size: 14px;
  line-height: 16px;
}
.ardplayer-stage .ardplayer-button-accessibility-close, .ardplayer-stage .ardplayer-accessibility .ardplayer-accessibility-content .ardplayer-accessibility-formats .ardplayer-icon {
  background: #0e57ab;
}
.ardplayer .ardplayer-bottom-sheet-container button:hover, .ardplayer .ardplayer-bottom-sheet-container button[aria-pressed=true], .ardplayer .ardplayer-button-big button:hover, .ardplayer .ardplayer-button-big button[aria-pressed=true], .ardplayer .ardplayer-center button:hover, .ardplayer .ardplayer-center button[aria-pressed=true], .ardplayer .ardplayer-modal-container button:hover, .ardplayer .ardplayer-modal-container button[aria-pressed=true], .ardplayer button.ardplayer-button-big button:hover, .ardplayer button.ardplayer-button-big button[aria-pressed=true] {
  color: #fff;
}
.ardplayer .ardplayer-button-big button, .ardplayer .ardplayer button.ardplayer-button-big {
  font-size: 65px;
  height: 65px;
  line-height: 65px;
  width: 65px;
}
.ardplayer .ardplayer-playstate-zoom {
  font-size: 65px;
  height: 65px;
  left: calc( 50% - 32px );
  top: calc( 50% - 32px );
  width: 65px;
}
.ardplayer .ardplayer-playstate-zoom.ardplayer-icon:before {
  font-size: inherit;
}
.ardplayer.ardplayer-volume-open.ardplayer-volume-open:not(.ardplayer-state-audio) .ardplayer-button-volume button:after, .ardplayer.ardplayer-volume-open.ardplayer-volume-open:not(.ardplayer-state-audio) .ardplayer-button-volume button:before {
  color: #fff;
}
.ardplayer.ardplayer-state-live button.ardplayer-button-big {
  background: #ff6a56;
  border-radius: 50%;
}
.ardplayer.ardplayer-state-live .ardplayer-buffering .ardplayer-ball-scale-multiple > div {
  background-color: #ff6a56 !important;
}
.ardplayer.ardplayer-state-live .ardplayer-bottom-sheet-container button:hover, .ardplayer.ardplayer-state-live .ardplayer-bottom-sheet-container button[aria-pressed=true], .ardplayer.ardplayer-state-live .ardplayer-button-big button:hover, .ardplayer.ardplayer-state-live .ardplayer-button-big button[aria-pressed=true], .ardplayer.ardplayer-state-live .ardplayer-center button:hover, .ardplayer.ardplayer-state-live .ardplayer-center button[aria-pressed=true], .ardplayer.ardplayer-state-live .ardplayer-modal-container button:hover, .ardplayer.ardplayer-state-live .ardplayer-modal-container button[aria-pressed=true], .ardplayer.ardplayer-state-live button.ardplayer-button-big button:hover, .ardplayer.ardplayer-state-live button.ardplayer-button-big button[aria-pressed=true] {
  color: #fff;
}
.ardplayer.ardplayer-state-live.ardplayer-volume-open.ardplayer-volume-open:not(.ardplayer-state-audio) .ardplayer-button-volume button:after, .ardplayer.ardplayer-state-live.ardplayer-volume-open.ardplayer-volume-open:not(.ardplayer-state-audio) .ardplayer-button-volume button:before {
  color: #fff;
}
.ardplayer.ardplayer-state-live .ardplayer-controlbar .ardplayer-controlbar-bg {
  background-color: rgba(255, 255, 255, 0.4);
}
.ardplayer.ardplayer-state-live .ardplayer-controlbar .ardplayer-controlbar-buffer {
  background-color: rgba(255, 255, 255, 0.25);
}
.ardplayer.ardplayer-state-live .ardplayer-controlbar .ardplayer-controlbar-watched {
  background-color: #ff6a56;
}
.ardplayer.ardplayer-state-live .ardplayer-controlbar .ardplayer-controlbar-hover {
  background-color: #0e57ab;
  font-family: arial, helvetica, sans-serif;
  font-size: 14px;
  font-weight: 300;
  padding: 2px 8px;
}
.ardplayer.ardplayer-state-live .ardplayer-controlbar .ardplayer-controlbar-hover:after {
  border-right-color: #0e57ab;
}
.ardplayer.ardplayer-state-live .ardplayer-options .ardplayer-button-options-close {
  background: #ff6a56;
}
.ardplayer.ardplayer-state-live .ardplayer-options .ardplayer-options-content-desktop .ardplayer-options-row .ardplayer-option-link:hover {
  background: #fff;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper:before, .ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper:after {
  display: none;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-title {
  font-size: 24px;
  font-weight: 600;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-option, .ardplayer .ardplayer-bottom-sheet-container .ardplayer-option-label, .ardplayer .ardplayer-bottom-sheet-container p, .ardplayer .ardplayer-bottom-sheet-container span:not([class]) {
  font-size: 15px;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-option.ardplayer-option-active {
  background: #fff;
  border-radius: 2px;
  color: rgba(0, 0, 0, 0.9);
  font-weight: 300;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover, .ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:active {
  background: #fff;
  border-radius: 2px;
  color: rgba(0, 0, 0, 0.9);
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover.ardplayer-option-active, .ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:active.ardplayer-option-active {
  background: #fff;
  border-radius: 2px;
  color: rgba(0, 0, 0, 0.9);
  font-weight: 400;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-button-pill, .ardplayer .ardplayer-bottom-sheet-container button.ardplayer-button-pill {
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 2px;
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  padding: 12px 30px;
  text-transform: none;
  transition: 0.2s all ease-in-out;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-button-pill:hover, .ardplayer .ardplayer-bottom-sheet-container .ardplayer-button-pill:active, .ardplayer .ardplayer-bottom-sheet-container .ardplayer-button-pill:focus, .ardplayer .ardplayer-bottom-sheet-container button.ardplayer-button-pill:hover, .ardplayer .ardplayer-bottom-sheet-container button.ardplayer-button-pill:active, .ardplayer .ardplayer-bottom-sheet-container button.ardplayer-button-pill:focus {
  border-color: #fff;
  background: #fff;
  color: rgba(0, 0, 0, 0.9);
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-stage {
  background-color: rgba(0, 0, 0, 0.9);
}
.ardplayer .ardplayer-footer .ardplayer-time-playhead, .ardplayer .ardplayer-footer .ardplayer-time-remaining {
  font-family: arial, helvetica, sans-serif;
  font-size: 14px;
  font-weight: 300;
}
.ardplayer .ardplayer-errorframe .ardplayer-errorframe-content span.ardplayer-error-message span.ardplayer-error-external a {
  background: #0e57ab;
  display: inline-block;
  padding: 2px 14px 0;
}
.ardplayer .ardplayer-controlbar .noUi-connects .noUi-connect {
  background-color: #0e57ab;
}
.ardplayer .ardplayer-controlbar .noUi-horizontal .noUi-handle {
  background: #0e57ab;
}
.ardplayer .ardplayer-controlbar .ardplayer-controlbar-hover {
  background-color: #0e57ab;
  font-family: arial, helvetica, sans-serif;
  font-size: 14px;
  font-weight: 300;
  padding: 2px 8px;
}
.ardplayer .ardplayer-controlbar .ardplayer-controlbar-hover:after {
  border-right-color: #0e57ab;
}
.ardplayer .ardplayer-buffering .ardplayer-ball-scale-multiple > div {
  background-color: #2568b4;
}
.ardplayer .ardplayer-options .ardplayer-button-options-close {
  background: #0e57ab;
}
.ardplayer .ardplayer-options .ardplayer-options-bg {
  background: rgba(0, 0, 0, 0.8);
}
.ardplayer .ardplayer-options .ardplayer-options-content-desktop .ardplayer-options-row button.ardplayer-option-link:hover {
  background: #0e57ab;
}
.ardplayer .ardplayer-viewport .ardplayer-posterframe {
  z-index: 10;
}
.ardplayer .ardplayer-viewport .ardplayer-posterframe, .ardplayer .ardplayer-viewport .ardplayer-audioframe {
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.ardplayer .ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark p {
  font-weight: 300;
}
.ardplayer .ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark span {
  font-size: 16px;
  font-weight: 300;
}

.closebutton {
  color: #fff;
  content: "";
  cursor: pointer;
  font-size: 48px;
  height: 48px;
  line-height: 48px;
  position: absolute;
  right: 0;
  text-shadow: 0 0 20px rgba(0, 14, 41, 0.8);
  top: 0;
  transition: transform 0.5s ease;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  width: 48px;
  z-index: 10;
}
.closebutton:hover {
  -webkit-transform: scale3d(1.2, 1.2, 1.2);
  transform: scale3d(1.2, 1.2, 1.2);
}

.ardplayer-buttons-main button:before, .ardplayer-posterframe-buttons button:before {
  font-size: 40px;
}
.ardplayer-buttons-main .ardplayer-button-skipbackward:before, .ardplayer-buttons-main .ardplayer-button-skipforward:before, .ardplayer-posterframe-buttons .ardplayer-button-skipbackward:before, .ardplayer-posterframe-buttons .ardplayer-button-skipforward:before {
  font-size: 30px;
}

.ardplayer-button-error:before {
  font-size: 90px;
}
