/*! nouislider - 15.5.0 - 05.01.2022 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.noUi-target {
  position: relative;
}
.noUi-base,
.noUi-connects {
  height: 100%;
  position: relative;
  width: 100%;
  z-index: 1;
}
.noUi-connects {
  overflow: hidden;
  z-index: 0;
}
.noUi-connect,
.noUi-origin {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-style: flat;
  width: 100%;
  will-change: transform;
  z-index: 1;
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto;
}
.noUi-vertical .noUi-origin {
  top: -100%;
  width: 0;
}
.noUi-horizontal .noUi-origin {
  height: 0;
}
.noUi-handle {
  backface-visibility: hidden;
  position: absolute;
}
.noUi-touch-area {
  height: 100%;
  width: 100%;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  transition: transform 0.3s;
}
.noUi-state-drag * {
  cursor: inherit !important;
}
.noUi-horizontal {
  height: 18px;
}
.noUi-horizontal .noUi-handle {
  height: 28px;
  right: -17px;
  top: -6px;
  width: 34px;
}
.noUi-vertical {
  width: 18px;
}
.noUi-vertical .noUi-handle {
  bottom: -17px;
  height: 34px;
  right: -6px;
  width: 28px;
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto;
}
.noUi-connects {
  border-radius: 3px;
}
.noUi-connect {
  background: #3fb8af;
}
.noUi-draggable {
  cursor: ew-resize;
}
.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}
.noUi-handle {
  background: #fff;
  border-radius: 50%;
  cursor: pointer;
}
[disabled] .noUi-connect {
  background: #b8b8b8;
}
[disabled] .noUi-handle,
[disabled].noUi-handle,
[disabled].noUi-target {
  cursor: not-allowed;
}
.noUi-pips,
.noUi-pips * {
  box-sizing: border-box;
}
.noUi-pips {
  color: #999;
  position: absolute;
}
.noUi-value {
  position: absolute;
  text-align: center;
  white-space: nowrap;
}
.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}
.noUi-marker {
  background: #ccc;
  position: absolute;
}
.noUi-marker-large,
.noUi-marker-sub {
  background: #aaa;
}
.noUi-pips-horizontal {
  height: 80px;
  left: 0;
  padding: 10px 0;
  top: 100%;
  width: 100%;
}
.noUi-value-horizontal {
  transform: translate(-50%, 50%);
}
.noUi-rtl .noUi-value-horizontal {
  transform: translate(50%, 50%);
}
.noUi-marker-horizontal.noUi-marker {
  height: 5px;
  margin-left: -1px;
  width: 2px;
}
.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}
.noUi-pips-vertical {
  height: 100%;
  left: 100%;
  padding: 0 10px;
  top: 0;
}
.noUi-value-vertical {
  padding-left: 25px;
  transform: translateY(-50%);
}
.noUi-rtl .noUi-value-vertical {
  transform: translateY(50%);
}
.noUi-marker-vertical.noUi-marker {
  height: 2px;
  margin-top: -1px;
  width: 5px;
}
.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}
.noUi-tooltip {
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  color: #000;
  display: block;
  padding: 5px;
  position: absolute;
  text-align: center;
  white-space: nowrap;
}
.noUi-horizontal .noUi-tooltip {
  bottom: 120%;
  left: 50%;
  transform: translate(-50%);
}
.noUi-vertical .noUi-tooltip {
  right: 120%;
  top: 50%;
  transform: translateY(-50%);
}
.ardplayer.ardplayer-old-webkit .ardplayer-bottom-sheet-container {
  transition: none !important;
}
.ardplayer.ardplayer-old-webkit
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-stage {
  animation: none !important;
}
body.ardplayer-safari-noscroll {
  overflow: hidden !important;
}
.ardplayer {
  background-color: var(--ardplayer-color-darkest);
  box-sizing: border-box;
  color: var(--ardplayer-color-lightest);
  contain: style size;
  cursor: none;
  font-family: Thesis, The Sans, TheSans, sans-serif, Helvetica Neue, Arial;
  height: 100%;
  line-height: 1;
  overflow: hidden;
  position: relative;
  text-align: left;
  text-rendering: optimizeLegibility;
  width: 100%;
}
.ardplayer a,
.ardplayer abbr,
.ardplayer acronym,
.ardplayer address,
.ardplayer applet,
.ardplayer article,
.ardplayer aside,
.ardplayer audio,
.ardplayer b,
.ardplayer big,
.ardplayer blockquote,
.ardplayer canvas,
.ardplayer caption,
.ardplayer center,
.ardplayer cite,
.ardplayer code,
.ardplayer dd,
.ardplayer del,
.ardplayer details,
.ardplayer dfn,
.ardplayer div,
.ardplayer dl,
.ardplayer dt,
.ardplayer em,
.ardplayer embed,
.ardplayer fieldset,
.ardplayer figcaption,
.ardplayer figure,
.ardplayer footer,
.ardplayer form,
.ardplayer h1,
.ardplayer h2,
.ardplayer h3,
.ardplayer h4,
.ardplayer h5,
.ardplayer h6,
.ardplayer header,
.ardplayer hgroup,
.ardplayer i,
.ardplayer iframe,
.ardplayer img,
.ardplayer ins,
.ardplayer kbd,
.ardplayer label,
.ardplayer legend,
.ardplayer li,
.ardplayer mark,
.ardplayer menu,
.ardplayer nav,
.ardplayer object,
.ardplayer ol,
.ardplayer output,
.ardplayer p,
.ardplayer pre,
.ardplayer q,
.ardplayer ruby,
.ardplayer s,
.ardplayer samp,
.ardplayer section,
.ardplayer small,
.ardplayer span,
.ardplayer strike,
.ardplayer strong,
.ardplayer sub,
.ardplayer summary,
.ardplayer sup,
.ardplayer table,
.ardplayer tbody,
.ardplayer td,
.ardplayer tfoot,
.ardplayer th,
.ardplayer thead,
.ardplayer time,
.ardplayer tr,
.ardplayer tt,
.ardplayer u,
.ardplayer ul,
.ardplayer var,
.ardplayer video {
  border: 0;
  font: inherit;
  font-size: 100%;
  margin: 0;
  outline: none;
  padding: 0;
  vertical-align: baseline;
}
.ardplayer article,
.ardplayer aside,
.ardplayer details,
.ardplayer figcaption,
.ardplayer figure,
.ardplayer footer,
.ardplayer header,
.ardplayer hgroup,
.ardplayer menu,
.ardplayer nav,
.ardplayer section {
  display: block;
}
.ardplayer ol,
.ardplayer ul {
  list-style: none;
}
.ardplayer blockquote,
.ardplayer q {
  quotes: none;
}
.ardplayer blockquote:after,
.ardplayer blockquote:before,
.ardplayer q:after,
.ardplayer q:before {
  content: none;
}
.ardplayer table {
  border-collapse: collapse;
  border-spacing: 0;
}
.ardplayer button,
.ardplayer input,
.ardplayer optgroup,
.ardplayer select,
.ardplayer textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
.ardplayer {
  --ardplayer-color-primary-live: #ff6670;
  --ardplayer-color-primary-live-transparent-30: rgba(255, 102, 112, 0.7);
  --ardplayer-color-primary-live-transparent-50: rgba(255, 102, 112, 0.5);
  --ardplayer-color-primary-base: #2d91ff;
  --ardplayer-color-primary-base-transparent-30: rgba(45, 145, 255, 0.7);
  --ardplayer-color-primary-base-transparent-50: rgba(45, 145, 255, 0.5);
  --ardplayer-color-primary: var(--ardplayer-color-primary-base);
  --ardplayer-color-primary-transparent-30: var(
    --ardplayer-color-primary-base-transparent-30
  );
  --ardplayer-color-primary-transparent-50: var(
    --ardplayer-color-primary-base-transparent-50
  );
  --ardplayer-color-primary-dark-base: #001e50;
  --ardplayer-color-primary-dark-base-transparent-30: rgba(0, 30, 80, 0.7);
  --ardplayer-color-primary-dark-base-transparent-50: rgba(0, 30, 80, 0.5);
  --ardplayer-color-primary-dark-base-transparent-90: rgba(0, 30, 80, 0.1);
  --ardplayer-color-primary-dark-base-transparent-100: rgba(0, 30, 80, 0);
  --ardplayer-color-primary-dark-live: #48071e;
  --ardplayer-color-primary-dark-live-transparent-30: rgba(72, 7, 30, 0.7);
  --ardplayer-color-primary-dark-live-transparent-50: rgba(72, 7, 30, 0.5);
  --ardplayer-color-primary-dark-live-transparent-90: rgba(72, 7, 30, 0.1);
  --ardplayer-color-primary-dark-live-transparent-100: rgba(72, 7, 30, 0);
  --ardplayer-color-primary-dark: var(--ardplayer-color-primary-dark-base);
  --ardplayer-color-primary-dark-transparent-30: var(
    --ardplayer-color-primary-dark-base-transparent-30
  );
  --ardplayer-color-primary-dark-transparent-50: var(
    --ardplayer-color-primary-dark-base-transparent-50
  );
  --ardplayer-color-primary-dark-transparent-90: var(
    --ardplayer-color-primary-dark-base-transparent-90
  );
  --ardplayer-color-primary-dark-transparent-100: var(
    --ardplayer-color-primary-dark-base-transparent-100
  );
  --ardplayer-color-secondary: #162034;
  --ardplayer-color-secondary-transparent-30: rgba(22, 32, 52, 0.7);
  --ardplayer-color-secondary-transparent-50: rgba(22, 32, 52, 0.5);
  --ardplayer-color-tertiary-base: #0071ee;
  --ardplayer-color-tertiary: var(--ardplayer-color-tertiary-base);
  --ardplayer-color-tertiary-dark: #003480;
  --ardplayer-color-darkest: #000;
  --ardplayer-color-dark: #494949;
  --ardplayer-color-light: #c4c4c4;
  --ardplayer-color-light-transparent-90: hsla(0, 0%, 77%, 0.1);
  --ardplayer-color-lightest-transparent-30: hsla(0, 0%, 100%, 0.7);
  --ardplayer-color-lightest-transparent-50: hsla(0, 0%, 100%, 0.5);
  --ardplayer-color-ui-background-shim: linear-gradient(
    180deg,
    rgba(0, 14, 41, 0.9),
    rgba(0, 14, 41, 0) 20%,
    rgba(0, 14, 41, 0) 60%,
    rgba(0, 14, 41, 0.8)
  );
  --ardplayer-color-ui-background-shim-s: linear-gradient(
    180deg,
    rgba(0, 14, 41, 0.9),
    rgba(0, 14, 41, 0) 50%,
    rgba(0, 14, 41, 0) 0,
    rgba(0, 14, 41, 0.8)
  );
}
.ardplayer *,
.ardplayer :after,
.ardplayer :before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: inherit;
}
.ardplayer ::-moz-focus-inner {
  border: none;
}
.ardplayer .ardplayer-hidden {
  display: none !important;
}
.ardplayer .ardplayer-background,
.ardplayer .ardplayer-viewport,
.ardplayer .ardplayer-viewport > * {
  height: 100%;
  position: absolute;
  width: 100%;
}
.ardplayer .ardplayer-background {
  background: var(--ardplayer-color-ui-background-shim);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.6s ease-in-out;
}
.ardplayer.ardplayer-s .ardplayer-background {
  background: var(--ardplayer-color-ui-background-shim-s);
}
.ardplayer.ardplayer-show-controls .ardplayer-background,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls)
  .ardplayer-background {
  opacity: 1;
}
.ardplayer .ardplayer-viewport-addon-overlays {
  height: 100%;
  pointer-events: none;
  position: absolute;
  width: 100%;
}
.ardplayer .ardplayer-title-container {
  display: none;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.ardplayer .ardplayer-title-container .ardplayer-title-sizer {
  display: flex;
  white-space: nowrap;
  width: 100%;
}
.ardplayer .ardplayer-center {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 164px;
  justify-content: center;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: calc(50% - 82px);
  width: 100%;
  z-index: 1;
}
.ardplayer .ardplayer-footer {
  bottom: 0;
  height: 100px;
  pointer-events: none;
  position: absolute;
  width: 100%;
}
.ardplayer .ardplayer-footer .ardplayer-time-playhead {
  left: 30px;
  text-align: center;
}
.ardplayer .ardplayer-footer .ardplayer-time-remaining {
  right: 30px;
  text-align: center;
}
.ardplayer .ardplayer-footer .ardplayer-time-playhead,
.ardplayer .ardplayer-footer .ardplayer-time-remaining {
  bottom: 130px;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  position: absolute;
  width: 110px;
}
.ardplayer
  .ardplayer-footer.ardplayer-controlbar-hero
  .ardplayer-time-remaining {
  right: 88px;
}
.ardplayer .ardplayer-footer.ardplayer-controlbar-hero [ardplayer-menu-hero] {
  bottom: 104px;
  position: absolute;
  right: 30px;
}
.ardplayer .ardplayer-header {
  text-align: right;
}
.ardplayer .ardplayer-header .ardplayer-addons-container {
  margin: 30px;
}
.ardplayer .ardplayer-header .ardplayer-addons-container button {
  transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out,
    visibility 0.6s ease-in-out;
}
.ardplayer
  .ardplayer-header
  .ardplayer-addons-container.ardplayer-show-controls:not(
    .ardplayer-state-inactive
  )
  .ardplayer-btn-chromecast,
.ardplayer
  .ardplayer-header
  .ardplayer-addons-container.ardplayer.ardplayer-state-completed:not(
    .ardplayer-state-inactive
  ):not(.ardplayer-force-hide-controls)
  .ardplayer-btn-chromecast {
  opacity: 1;
  visibility: visible;
}
.ardplayer.ardplayer-m .ardplayer-header .ardplayer-addons-container,
.ardplayer.ardplayer-sm .ardplayer-header .ardplayer-addons-container {
  margin: 16px;
}
.ardplayer.ardplayer-s .ardplayer-header .ardplayer-addons-container {
  margin: 0;
}
.ardplayer .ardplayer-addons-container-big {
  bottom: 35px;
  padding-right: 102px;
  position: absolute;
  text-align: right;
  width: 100%;
}
.ardplayer .ardplayer-addons-container {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-end;
}
.ardplayer .ardplayer-addons-container button {
  z-index: 0;
}
.ardplayer .ardplayer-button-fullscreen-container {
  bottom: 35px;
  position: absolute;
  right: 30px;
}
.ardplayer .ardplayer-button-settings-small {
  display: none;
}
.ardplayer.ardplayer-m .ardplayer-hide-m,
.ardplayer.ardplayer-sm .ardplayer-hide-m {
  display: none !important;
}
.ardplayer.ardplayer-m .ardplayer-addons-container-big,
.ardplayer.ardplayer-m .ardplayer-button-fullscreen-container,
.ardplayer.ardplayer-m .ardplayer-buttons-main,
.ardplayer.ardplayer-sm .ardplayer-addons-container-big,
.ardplayer.ardplayer-sm .ardplayer-button-fullscreen-container,
.ardplayer.ardplayer-sm .ardplayer-buttons-main {
  height: 48px;
}
.ardplayer.ardplayer-m .ardplayer-addons-container-big,
.ardplayer.ardplayer-sm .ardplayer-addons-container-big {
  bottom: 15px;
  padding-right: 48px;
}
.ardplayer.ardplayer-m .ardplayer-time-playhead,
.ardplayer.ardplayer-m .ardplayer-time-remaining,
.ardplayer.ardplayer-sm .ardplayer-time-playhead,
.ardplayer.ardplayer-sm .ardplayer-time-remaining {
  font-size: 16px;
  line-height: 16px;
  width: 70px;
}
.ardplayer.ardplayer-m .ardplayer-time-playhead,
.ardplayer.ardplayer-sm .ardplayer-time-playhead {
  left: 18px;
}
.ardplayer.ardplayer-m .ardplayer-button-fullscreen-container,
.ardplayer.ardplayer-sm .ardplayer-button-fullscreen-container {
  bottom: 15px;
  right: 16px;
}
.ardplayer.ardplayer-m .ardplayer-addons-container-big,
.ardplayer.ardplayer-sm .ardplayer-addons-container-big {
  padding-right: 64px;
}
.ardplayer.ardplayer-m .ardplayer-time-playhead,
.ardplayer.ardplayer-m .ardplayer-time-remaining {
  bottom: 72px;
}
.ardplayer.ardplayer-m .ardplayer-time-remaining {
  right: 18px;
}
.ardplayer.ardplayer-m .ardplayer-controlbar-hero .ardplayer-time-remaining {
  right: 54px;
}
.ardplayer.ardplayer-m .ardplayer-controlbar-hero [ardplayer-menu-hero] {
  bottom: 56px;
  position: absolute;
  right: 16px;
}
.ardplayer.ardplayer-sm .ardplayer-time-playhead,
.ardplayer.ardplayer-sm .ardplayer-time-remaining {
  bottom: 31px;
}
.ardplayer.ardplayer-sm .ardplayer-controlbar-hero .ardplayer-time-remaining,
.ardplayer.ardplayer-sm .ardplayer-time-remaining {
  right: 102px;
}
.ardplayer.ardplayer-s .ardplayer-addons-container-big,
.ardplayer.ardplayer-s .ardplayer-controlbar-hero [ardplayer-menu-hero],
.ardplayer.ardplayer-sm .ardplayer-addons-container-big,
.ardplayer.ardplayer-sm .ardplayer-controlbar-hero [ardplayer-menu-hero] {
  display: none;
}
.ardplayer.ardplayer-s .ardplayer-button-settings-small,
.ardplayer.ardplayer-sm .ardplayer-button-settings-small {
  display: inline-block;
}
.ardplayer.ardplayer-s .ardplayer-hide-s,
.ardplayer:not(.ardplayer-s) .ardplayer-show-s {
  display: none !important;
}
.ardplayer.ardplayer-s .ardplayer-controlbar-hero .ardplayer-time-remaining,
.ardplayer.ardplayer-s .ardplayer-time-playhead,
.ardplayer.ardplayer-s .ardplayer-time-remaining {
  bottom: unset;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  left: unset;
  line-height: 16px;
  margin-top: 42px;
  position: relative;
  right: unset;
  text-align: left;
  width: auto;
}
.ardplayer.ardplayer-s .ardplayer-time-playhead {
  margin-left: 12px;
}
.ardplayer.ardplayer-s .ardplayer-time-playhead:after {
  content: "/";
  display: inline-block;
  margin: 0 4px;
}
.ardplayer.ardplayer-s .ardplayer-time-remaining {
  color: var(--ardplayer-color-lightest-transparent-50);
}
.ardplayer.ardplayer-s
  .ardplayer-button-fullscreen-container.ardplayer-button-big
  button,
.ardplayer.ardplayer-s
  .ardplayer-button-fullscreen-container.ardplayer-button-big
  button:after,
.ardplayer.ardplayer-s
  .ardplayer-button-fullscreen-container.ardplayer-button-big
  button:before,
.ardplayer.ardplayer-s .ardplayer-footer button,
.ardplayer.ardplayer-s .ardplayer-footer button:after,
.ardplayer.ardplayer-s .ardplayer-footer button:before {
  font-size: 40px;
  height: 40px;
  line-height: 40px;
  width: 40px;
}
.ardplayer.ardplayer-s .ardplayer-addons-container-big,
.ardplayer.ardplayer-s .ardplayer-button-fullscreen-container,
.ardplayer.ardplayer-s .ardplayer-buttons-main {
  height: 40px;
}
.ardplayer.ardplayer-s .ardplayer-button-fullscreen-container {
  bottom: 0;
  right: 0;
}
.ardplayer.ardplayer-s .ardplayer-title-container {
  display: block;
}
.ardplayer {
  --headline-right-margin: $footer-h-padding;
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget {
  align-items: center;
  color: var(--ardplayer-color-lightest);
  cursor: pointer;
  display: flex;
  margin-left: 30px;
  margin-right: var(--headline-right-margin);
  margin-top: 30px;
  min-width: 100px;
  position: relative;
  text-decoration: none;
  visibility: hidden;
  z-index: 1;
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-img {
  background-color: #fff;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 40px;
  display: none;
  flex: 0 0 80px;
  height: 80px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 80px;
  z-index: 1;
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-img
  i {
  background-color: #001e50;
  display: block;
  height: 100%;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 100%;
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-img.ardplayer-publisher-default
  i {
  -webkit-mask-image: url(../index/ard-b0376fe1.svg);
  mask-image: url(../index/ard-b0376fe1.svg);
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-img.ardplayer-publisher-3sat
  i {
  -webkit-mask-image: url(../index/3sat-97c7c01a.svg);
  mask-image: url(../index/3sat-97c7c01a.svg);
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-img.ardplayer-publisher-alpha
  i {
  -webkit-mask-image: url(../index/alpha-29b57b3e.svg);
  mask-image: url(../index/alpha-29b57b3e.svg);
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-img.ardplayer-publisher-ard
  i {
  -webkit-mask-image: url(../index/ard-b0376fe1.svg);
  mask-image: url(../index/ard-b0376fe1.svg);
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-img.ardplayer-publisher-arte
  i {
  -webkit-mask-image: url(../index/arte-8a174832.svg);
  mask-image: url(../index/arte-8a174832.svg);
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-img.ardplayer-publisher-br
  i {
  -webkit-mask-image: url(../index/br-1a782a5d.svg);
  mask-image: url(../index/br-1a782a5d.svg);
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-img.ardplayer-publisher-daserste
  i {
  -webkit-mask-image: url(../index/daserste-d6363449.svg);
  mask-image: url(../index/daserste-d6363449.svg);
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-img.ardplayer-publisher-dw
  i {
  -webkit-mask-image: url(../index/dw-00fab9c1.svg);
  mask-image: url(../index/dw-00fab9c1.svg);
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-img.ardplayer-publisher-deutschlandradio
  i {
  -webkit-mask-image: url(../index/deutschlandradio-100cce3c.svg);
  mask-image: url(../index/deutschlandradio-100cce3c.svg);
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-img.ardplayer-publisher-funk
  i {
  -webkit-mask-image: url(../index/funk-605fd714.svg);
  mask-image: url(../index/funk-605fd714.svg);
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-img.ardplayer-publisher-hr
  i {
  -webkit-mask-image: url(../index/hr-ea7b54c7.svg);
  mask-image: url(../index/hr-ea7b54c7.svg);
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-img.ardplayer-publisher-kika
  i {
  -webkit-mask-image: url(../index/kika-5a7ddc5f.svg);
  mask-image: url(../index/kika-5a7ddc5f.svg);
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-img.ardplayer-publisher-mdr
  i {
  -webkit-mask-image: url(../index/mdr-147ffd56.svg);
  mask-image: url(../index/mdr-147ffd56.svg);
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-img.ardplayer-publisher-ndr
  i {
  -webkit-mask-image: url(../index/ndr-af21bb92.svg);
  mask-image: url(../index/ndr-af21bb92.svg);
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-img.ardplayer-publisher-one
  i {
  -webkit-mask-image: url(../index/one-7594520c.svg);
  mask-image: url(../index/one-7594520c.svg);
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-img.ardplayer-publisher-phoenix
  i {
  -webkit-mask-image: url(../index/phoenix-49a512ab.svg);
  mask-image: url(../index/phoenix-49a512ab.svg);
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-img.ardplayer-publisher-radiobremen
  i {
  -webkit-mask-image: url(../index/radiobremen-6ffa63ff.svg);
  mask-image: url(../index/radiobremen-6ffa63ff.svg);
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-img.ardplayer-publisher-rbb
  i {
  -webkit-mask-image: url(../index/rbb-6653f6ea.svg);
  mask-image: url(../index/rbb-6653f6ea.svg);
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-img.ardplayer-publisher-sportschau
  i {
  -webkit-mask-image: url(../index/sportschau-eaa739f1.svg);
  mask-image: url(../index/sportschau-eaa739f1.svg);
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-img.ardplayer-publisher-sr
  i {
  -webkit-mask-image: url(../index/sr-63f113c4.svg);
  mask-image: url(../index/sr-63f113c4.svg);
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-img.ardplayer-publisher-swr
  i {
  -webkit-mask-image: url(../index/swr-3573dc63.svg);
  mask-image: url(../index/swr-3573dc63.svg);
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-img.ardplayer-publisher-tagesschau24
  i {
  -webkit-mask-image: url(../index/tagesschau24-51c2e8ef.svg);
  mask-image: url(../index/tagesschau24-51c2e8ef.svg);
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-img.ardplayer-publisher-wdr
  i {
  -webkit-mask-image: url(../index/wdr-db5a40ca.svg);
  mask-image: url(../index/wdr-db5a40ca.svg);
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-img.ardplayer-publisher-zdf
  i {
  -webkit-mask-image: url(../index/zdf-2d26a61f.svg);
  mask-image: url(../index/zdf-2d26a61f.svg);
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-img.ardplayer-publisher-zdfinfo
  i {
  -webkit-mask-image: url(../index/zdfinfo-47a13356.svg);
  mask-image: url(../index/zdfinfo-47a13356.svg);
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-img.ardplayer-publisher-zdfneo
  i {
  -webkit-mask-image: url(../index/zdfneo-41061594.svg);
  mask-image: url(../index/zdfneo-41061594.svg);
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-text {
  min-width: 0;
  opacity: 1;
  padding-left: 30px;
  transition: opacity 0.3s ease-in-out;
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-text
  p {
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-text
  p.ardplayer-title-widget-main {
  font-size: 30px;
  font-weight: 700;
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-text
  p.ardplayer-title-widget-byline {
  font-size: 20px;
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  i.ardplayer-icon {
  display: none;
  margin-right: -30px;
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  i.ardplayer-icon:before {
  font-size: 60px;
  font-weight: 700 !important;
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-link {
  border-radius: 40px;
  display: none;
  height: 100%;
  max-width: 80px;
  overflow: hidden;
  position: absolute;
  transition: max-width 0.3s linear;
  width: auto;
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-link
  span {
  background-color: #fff;
  border-radius: 40px;
  color: #fff;
  display: inline-block;
  font-size: 22px;
  line-height: 80px;
  padding-left: 120px;
  padding-right: 44px;
  transition: color 0.2s ease-out 0s;
}
.ardplayer
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-link
  span:before {
  font-size: 44px;
  margin-right: 5px;
  position: absolute;
  right: 0;
}
.ardplayer.ardplayer-embedded.ardplayer-show-errorframe
  .ardplayer-title-container,
.ardplayer.ardplayer-showback.ardplayer-showback-fullscreen.ardplayer-show-errorframe
  .ardplayer-title-container,
.ardplayer.ardplayer-showback:not(
    .ardplayer-state-fullscreen
  ).ardplayer-show-errorframe
  .ardplayer-title-container {
  display: block !important;
}
.ardplayer.ardplayer-embedded .ardplayer-errorframe:after,
.ardplayer.ardplayer-embedded .ardplayer-posterframe:after,
.ardplayer.ardplayer-showback.ardplayer-showback-fullscreen
  .ardplayer-errorframe:after,
.ardplayer.ardplayer-showback.ardplayer-showback-fullscreen
  .ardplayer-posterframe:after,
.ardplayer.ardplayer-showback:not(.ardplayer-state-fullscreen)
  .ardplayer-errorframe:after,
.ardplayer.ardplayer-showback:not(.ardplayer-state-fullscreen)
  .ardplayer-posterframe:after {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.6),
    rgba(0, 0, 0, 0.4),
    transparent
  );
  content: " ";
  display: block;
  height: 50%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ardplayer.ardplayer-embedded .ardplayer-title-container,
.ardplayer.ardplayer-showback.ardplayer-showback-fullscreen
  .ardplayer-title-container,
.ardplayer.ardplayer-showback:not(.ardplayer-state-fullscreen)
  .ardplayer-title-container {
  display: block;
}
.ardplayer.ardplayer-embedded
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget,
.ardplayer.ardplayer-embedded
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-text,
.ardplayer.ardplayer-showback.ardplayer-showback-fullscreen
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget,
.ardplayer.ardplayer-showback.ardplayer-showback-fullscreen
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-text,
.ardplayer.ardplayer-showback:not(.ardplayer-state-fullscreen)
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget,
.ardplayer.ardplayer-showback:not(.ardplayer-state-fullscreen)
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-text {
  visibility: visible;
}
.ardplayer.ardplayer-embedded
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-img,
.ardplayer.ardplayer-embedded
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-link,
.ardplayer.ardplayer-showback
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  i.ardplayer-icon {
  display: block;
}
.ardplayer.ardplayer-embedded
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget:hover
  .ardplayer-title-widget-img,
.ardplayer.ardplayer-embedded
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget:hover
  span {
  background-color: #fff;
}
.ardplayer.ardplayer-embedded
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget:hover
  .ardplayer-title-widget-text {
  opacity: 0;
}
.ardplayer.ardplayer-embedded
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget:hover
  .ardplayer-title-widget-link {
  max-width: 100vw;
}
.ardplayer.ardplayer-embedded
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget:hover
  .ardplayer-title-widget-link
  span {
  color: #001e50;
  transition: color 0.2s ease-out 0.1s;
}
.ardplayer.ardplayer-m:not(.ardplayer-state-audio)
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget {
  margin-left: 16px;
  margin-top: 16px;
}
.ardplayer.ardplayer-m:not(.ardplayer-state-audio)
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget-img {
  border-radius: 32px;
  flex: 0 0 64px;
  height: 64px;
  width: 64px;
}
.ardplayer.ardplayer-m:not(.ardplayer-state-audio)
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget-text {
  padding-left: 16px;
}
.ardplayer.ardplayer-m:not(.ardplayer-state-audio)
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget-text
  p.ardplayer-title-widget-main {
  font-size: 20px;
}
.ardplayer.ardplayer-m:not(.ardplayer-state-audio)
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget-text
  p.ardplayer-title-widget-byline {
  font-size: 16px;
}
.ardplayer.ardplayer-m:not(.ardplayer-state-audio)
  .ardplayer-title-container
  .ardplayer-title-sizer
  i.ardplayer-icon {
  margin-right: -20px;
}
.ardplayer.ardplayer-m:not(.ardplayer-state-audio)
  .ardplayer-title-container
  .ardplayer-title-sizer
  i.ardplayer-icon:before {
  font-size: 40px;
}
.ardplayer.ardplayer-m:not(.ardplayer-state-audio)
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget-link {
  border-radius: 32px;
  max-width: 64px;
}
.ardplayer.ardplayer-m:not(.ardplayer-state-audio)
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget-link
  span {
  border-radius: 32px;
  font-size: 18px;
  line-height: 64px;
  padding-left: 96px;
  padding-right: 36px;
}
.ardplayer.ardplayer-m:not(.ardplayer-state-audio)
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget-link
  span:before {
  font-size: 36px;
}
.ardplayer.ardplayer-s.ardplayer-showback:not(.ardplayer-state-audio)
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget {
  margin-left: 0;
  margin-top: 0;
}
.ardplayer.ardplayer-s.ardplayer-embedded:not(.ardplayer-state-audio)
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget {
  margin-left: 12px;
  margin-top: 12px;
}
.ardplayer.ardplayer-s
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget-img,
.ardplayer.ardplayer-state-audio
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget-img {
  border-radius: 24px;
  flex: 0 0 48px;
  height: 48px;
  width: 48px;
}
.ardplayer.ardplayer-s
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget-text
  p.ardplayer-title-widget-main,
.ardplayer.ardplayer-state-audio
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget-text
  p.ardplayer-title-widget-main {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  -webkit-box-pack: end;
  display: -webkit-box;
  font-size: 18px;
  font-weight: 400;
  white-space: normal;
}
.ardplayer.ardplayer-s
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget-text
  p.ardplayer-title-widget-byline,
.ardplayer.ardplayer-state-audio
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget-text
  p.ardplayer-title-widget-byline {
  display: none;
}
.ardplayer.ardplayer-s
  .ardplayer-title-container
  .ardplayer-title-sizer
  i.ardplayer-icon,
.ardplayer.ardplayer-state-audio
  .ardplayer-title-container
  .ardplayer-title-sizer
  i.ardplayer-icon {
  margin-right: -18px;
}
.ardplayer.ardplayer-s
  .ardplayer-title-container
  .ardplayer-title-sizer
  i.ardplayer-icon:before,
.ardplayer.ardplayer-state-audio
  .ardplayer-title-container
  .ardplayer-title-sizer
  i.ardplayer-icon:before {
  font-size: 36px;
}
.ardplayer.ardplayer-s
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget-link,
.ardplayer.ardplayer-state-audio
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget-link {
  border-radius: 24px;
  max-width: 48px;
}
.ardplayer.ardplayer-s
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget-link
  span,
.ardplayer.ardplayer-state-audio
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget-link
  span {
  border-radius: 24px;
  font-size: 16px;
  line-height: 48px;
  padding-left: 72px;
  padding-right: 32px;
}
.ardplayer.ardplayer-s
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget-link
  span:before,
.ardplayer.ardplayer-state-audio
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget-link
  span:before {
  font-size: 32px;
}
.ardplayer.ardplayer-xs:not(.ardplayer-state-audio)
  .ardplayer-title-container
  .ardplayer-title-sizer:hover
  .ardplayer-title-widget {
  margin-right: 0;
}
.ardplayer.ardplayer-xs:not(.ardplayer-state-audio)
  .ardplayer-title-container
  .ardplayer-title-sizer:hover
  .ardplayer-title-widget-text {
  margin-right: var(--headline-right-margin);
}
.ardplayer.ardplayer-xs:not(.ardplayer-state-audio)
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget-img {
  border-radius: 24px;
  flex: 0 0 48px;
  height: 48px;
  width: 48px;
}
.ardplayer.ardplayer-xs:not(.ardplayer-state-audio)
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget-link {
  border-radius: 24px;
  max-width: 48px;
}
.ardplayer.ardplayer-xs:not(.ardplayer-state-audio)
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget-link
  span {
  border-radius: 24px;
  line-height: 48px;
  padding-left: 72px;
}
.ardplayer.ardplayer-xs:not(.ardplayer-state-audio)
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget-text
  p.ardplayer-title-widget-main {
  font-size: 16px;
}
.ardplayer.ardplayer-state-mobile
  .ardplayer-title-sizer:hover
  .ardplayer-title-widget-text {
  opacity: 1;
}
.ardplayer.ardplayer-state-mobile
  .ardplayer-title-sizer:hover
  .ardplayer-title-widget-link {
  visibility: hidden;
}
.ardplayer .ardplayer-buffering {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}
@keyframes ball-scale-multiple {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  5% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: scale(1);
  }
}
.ardplayer .ardplayer-buffering .ardplayer-loader {
  left: 50%;
  position: absolute;
  top: 50%;
}
.ardplayer .ardplayer-buffering .ardplayer-ball-scale-multiple {
  position: relative;
  transform: translateY(-48px);
}
.ardplayer
  .ardplayer-buffering
  .ardplayer-ball-scale-multiple
  > div:nth-child(2) {
  animation-delay: -0.4s;
}
.ardplayer
  .ardplayer-buffering
  .ardplayer-ball-scale-multiple
  > div:nth-child(3) {
  animation-delay: -0.2s;
}
.ardplayer .ardplayer-buffering .ardplayer-ball-scale-multiple > div {
  animation: ball-scale-multiple 1s linear 0s infinite;
  animation-fill-mode: both;
  background-color: var(--ardplayer-color-primary);
  border-radius: 100%;
  height: 96px;
  left: -48px;
  margin: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 96px;
}
@media (prefers-reduced-motion) {
  .ardplayer .ardplayer-buffering .ardplayer-ball-scale-multiple > div {
    animation-delay: -0.5s;
    animation-duration: 1s !important;
    animation-play-state: paused;
    display: none;
  }
  .ardplayer
    .ardplayer-buffering
    .ardplayer-ball-scale-multiple
    > div:first-child {
    display: block;
  }
}
.ardplayer.ardplayer-m .ardplayer-buffering .ardplayer-ball-scale-multiple {
  transform: translateY(-37.5px);
}
.ardplayer.ardplayer-m
  .ardplayer-buffering
  .ardplayer-ball-scale-multiple
  > div {
  height: 75px;
  left: -37.5px;
  width: 75px;
}
@keyframes ardplayer-seek-transition-forward {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.7;
  }
  to {
    opacity: 0;
    transform: translateX(-50%) scale(2);
  }
}
@keyframes ardplayer-seek-transition-back {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.7;
  }
  to {
    opacity: 0;
    transform: translateX(50%) scale(2);
  }
}
.ardplayer .ardplayer-seeking-indicator {
  backface-visibility: hidden;
  bottom: 0;
  display: none;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(0) scale(1);
  will-change: opacity, transform;
}
.ardplayer .ardplayer-seeking-indicator.ardplayer-seek-anim-forward {
  animation: ardplayer-seek-transition-forward 0.5s ease-out;
  display: block;
  transform-origin: right;
}
.ardplayer .ardplayer-seeking-indicator.ardplayer-seek-anim-forward > div {
  transform: scale(1.5) translateX(60%);
}
.ardplayer .ardplayer-seeking-indicator.ardplayer-seek-anim-back {
  animation: ardplayer-seek-transition-back 0.5s ease-out;
  display: block;
  transform-origin: left;
}
.ardplayer .ardplayer-seeking-indicator.ardplayer-seek-anim-back > div {
  transform: scale(1.5) translateX(-60%);
}
.ardplayer .ardplayer-seeking-indicator div {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.ardplayer .ardplayer-seeking-indicator div div {
  background-color: var(--ardplayer-color-lightest-transparent-50);
  border-radius: 100%;
  height: 0;
  left: 50%;
  padding-top: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
}
.ardplayer .ardplayer-seeking-indicator div div div {
  padding-top: 75%;
  width: 75%;
}
@media (prefers-reduced-motion) {
  .ardplayer .ardplayer-seeking-indicator.ardplayer-seek-anim-back,
  .ardplayer .ardplayer-seeking-indicator.ardplayer-seek-anim-forward {
    display: none;
  }
}
@keyframes playstateZoomPlay {
  0% {
    transform: scaleX(1);
  }
  10% {
    opacity: 1;
    visibility: visible;
  }
  to {
    transform: scale3d(2, 2, 2);
  }
}
@keyframes playstateZoomPause {
  0% {
    transform: scaleX(1);
  }
  10% {
    opacity: 1;
    visibility: visible;
  }
  to {
    transform: scale3d(2, 2, 2);
  }
}
.ardplayer .ardplayer-playstate-zoom {
  animation-duration: 0.6s;
  animation-fill-mode: none;
  background-color: var(--ardplayer-color-primary-transparent-30);
  border-radius: 100%;
  color: var(--ardplayer-color-lightest);
  display: none;
  font-size: 72px;
  height: 72px;
  left: calc(50% - 36px);
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: calc(50% - 36px);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  visibility: hidden;
  width: 72px;
}
.ardplayer .ardplayer-playstate-zoom.ardplayer-icon-play {
  animation-name: playstateZoomPlay;
  display: block;
}
.ardplayer .ardplayer-playstate-zoom.ardplayer-icon-pause {
  animation-name: playstateZoomPause;
  display: block;
}
.ardplayer.ardplayer-m .ardplayer-playstate-zoom {
  font-size: 48px;
  height: 48px;
  left: calc(50% - 24px);
  top: calc(50% - 24px);
  width: 48px;
}
@media (prefers-reduced-motion) {
  .ardplayer .ardplayer-playstate-zoom.ardplayer-icon-pause,
  .ardplayer .ardplayer-playstate-zoom.ardplayer-icon-play {
    display: none;
  }
}
.ardplayer.ardplayer-s .ardplayer-playstate-zoom.ardplayer-icon-pause,
.ardplayer.ardplayer-s .ardplayer-playstate-zoom.ardplayer-icon-play,
.ardplayer.ardplayer-sm .ardplayer-playstate-zoom.ardplayer-icon-pause,
.ardplayer.ardplayer-sm .ardplayer-playstate-zoom.ardplayer-icon-play {
  display: none;
}
.ardplayer {
  --video-zoom-width: 30px;
}
.ardplayer.ardplayer-m,
.ardplayer.ardplayer-sm {
  --video-zoom-width: 16px;
}
.ardplayer.ardplayer-s {
  --video-zoom-width: 12px;
}
@keyframes ardplayer-video-zoom-in {
  0% {
    border-width: 0;
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  50% {
    border-width: var(--video-zoom-width);
  }
  to {
    border-width: var(--video-zoom-width);
    opacity: 0;
  }
}
@keyframes ardplayer-video-zoom-out {
  0% {
    border-width: var(--video-zoom-width);
    opacity: 0;
  }
  25% {
    border-width: var(--video-zoom-width);
  }
  50% {
    opacity: 1;
  }
  to {
    border-width: 0;
    opacity: 0;
  }
}
.ardplayer .ardplayer-video-zoom {
  animation-direction: normal;
  animation-duration: 0.4s;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
  border-color: var(--ardplayer-color-lightest-transparent-50);
  border-style: solid;
  bottom: 0;
  display: none;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
}
.ardplayer .ardplayer-video-zoom.ardplayer-video-zoom-inward {
  animation-name: ardplayer-video-zoom-in;
  display: block;
}
.ardplayer .ardplayer-video-zoom.ardplayer-video-zoom-outward {
  animation-name: ardplayer-video-zoom-out;
  display: block;
}
@media (prefers-reduced-motion) {
  .ardplayer .ardplayer-video-zoom {
    animation: none;
    display: none;
  }
}
.ardplayer .ardplayer-title-container .ardplayer-title-sizer {
  opacity: 0;
  transition: 0.6s ease-in-out;
  visibility: hidden;
}
.ardplayer .ardplayer-footer .ardplayer-buttons-main {
  display: block;
}
.ardplayer .ardplayer-center .ardplayer-buttons-main,
.ardplayer.ardplayer-s .ardplayer-footer .ardplayer-buttons-main,
.ardplayer.ardplayer-sm .ardplayer-footer .ardplayer-buttons-main {
  display: none;
}
.ardplayer.ardplayer-s .ardplayer-center .ardplayer-buttons-main,
.ardplayer.ardplayer-sm .ardplayer-center .ardplayer-buttons-main {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
}
.ardplayer.ardplayer-s .ardplayer-center button,
.ardplayer.ardplayer-sm .ardplayer-center button {
  margin: 0;
}
.ardplayer.ardplayer-s .ardplayer-center button,
.ardplayer.ardplayer-s .ardplayer-center button:after,
.ardplayer.ardplayer-s .ardplayer-center button:before,
.ardplayer.ardplayer-sm .ardplayer-center button,
.ardplayer.ardplayer-sm .ardplayer-center button:after,
.ardplayer.ardplayer-sm .ardplayer-center button:before {
  font-size: 48px;
  height: 48px;
  line-height: 48px;
  width: 48px;
}
.ardplayer.ardplayer-s .ardplayer-center .ardplayer-button-big button,
.ardplayer.ardplayer-s .ardplayer-center .ardplayer-button-big button:after,
.ardplayer.ardplayer-s .ardplayer-center .ardplayer-button-big button:before,
.ardplayer.ardplayer-s .ardplayer-center button.ardplayer-button-big,
.ardplayer.ardplayer-s .ardplayer-center button.ardplayer-button-big:after,
.ardplayer.ardplayer-s .ardplayer-center button.ardplayer-button-big:before {
  font-size: 60px;
  height: 60px;
  line-height: 60px;
  width: 60px;
}
.ardplayer.ardplayer-sm .ardplayer-center button,
.ardplayer.ardplayer-sm .ardplayer-center button:after,
.ardplayer.ardplayer-sm .ardplayer-center button:before {
  font-size: 72px;
  height: 72px;
  line-height: 72px;
  width: 72px;
}
.ardplayer.ardplayer-sm .ardplayer-center .ardplayer-button-big button,
.ardplayer.ardplayer-sm .ardplayer-center .ardplayer-button-big button:after,
.ardplayer.ardplayer-sm .ardplayer-center .ardplayer-button-big button:before,
.ardplayer.ardplayer-sm .ardplayer-center button.ardplayer-button-big,
.ardplayer.ardplayer-sm .ardplayer-center button.ardplayer-button-big:after,
.ardplayer.ardplayer-sm .ardplayer-center button.ardplayer-button-big:before {
  font-size: 84px;
  height: 84px;
  line-height: 84px;
  width: 84px;
}
.ardplayer .ardplayer-header {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.6s ease-in-out;
}
.ardplayer .ardplayer-header button {
  pointer-events: none;
  transition: transform 0.2s ease-in-out, color 0.2s ease-in-out;
}
.ardplayer .ardplayer-title-container {
  pointer-events: none;
}
.ardplayer .ardplayer-center .ardplayer-addons-container-big,
.ardplayer .ardplayer-center .ardplayer-button-fullscreen-container,
.ardplayer .ardplayer-center .ardplayer-buttons-main,
.ardplayer .ardplayer-footer .ardplayer-addons-container-big,
.ardplayer .ardplayer-footer .ardplayer-button-fullscreen-container,
.ardplayer .ardplayer-footer .ardplayer-buttons-main {
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}
.ardplayer .ardplayer-center button,
.ardplayer .ardplayer-footer button {
  pointer-events: none;
  transition: transform 0.2s ease-in-out, color 0.2s ease-in-out,
    opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
}
.ardplayer .ardplayer-footer {
  opacity: 0;
  transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out,
    visibility 0.6s ease-in-out;
}
.ardplayer .ardplayer-footer .ardplayer-buttons-main {
  bottom: 35px;
  left: 30px;
  position: absolute;
}
.ardplayer.ardplayer-m .ardplayer-footer .ardplayer-buttons-main,
.ardplayer.ardplayer-sm .ardplayer-footer .ardplayer-buttons-main {
  bottom: 15px;
  left: 16px;
}
.ardplayer.ardplayer-s .ardplayer-footer .ardplayer-buttons-main {
  left: 0;
}
.ardplayer .ardplayer-control {
  opacity: 0;
  transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out,
    visibility 0.6s ease-in-out;
}
.ardplayer .ardplayer-control button {
  pointer-events: none;
}
.ardplayer.ardplayer-show-controls,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls) {
  cursor: default;
}
.ardplayer.ardplayer-show-controls .ardplayer-addons-container-big button,
.ardplayer.ardplayer-show-controls
  .ardplayer-button-fullscreen-container
  button,
.ardplayer.ardplayer-show-controls
  .ardplayer-center
  .ardplayer-buttons-main
  button,
.ardplayer.ardplayer-show-controls .ardplayer-control button,
.ardplayer.ardplayer-show-controls .ardplayer-footer button,
.ardplayer.ardplayer-show-controls .ardplayer-header button,
.ardplayer.ardplayer-show-controls .ardplayer-title-widget,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls)
  .ardplayer-addons-container-big
  button,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls)
  .ardplayer-button-fullscreen-container
  button,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls)
  .ardplayer-center
  .ardplayer-buttons-main
  button,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls)
  .ardplayer-control
  button,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls)
  .ardplayer-footer
  button,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls)
  .ardplayer-header
  button,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls)
  .ardplayer-title-widget {
  pointer-events: all;
}
.ardplayer.ardplayer-show-controls .ardplayer-addons-container-big,
.ardplayer.ardplayer-show-controls .ardplayer-button-fullscreen-container,
.ardplayer.ardplayer-show-controls .ardplayer-buttons-main,
.ardplayer.ardplayer-show-controls
  .ardplayer-buttons-main
  .ardplayer-icon-nextclip,
.ardplayer.ardplayer-show-controls
  .ardplayer-buttons-main
  .ardplayer-icon-prevclip,
.ardplayer.ardplayer-show-controls
  .ardplayer-buttons-main
  .ardplayer-icon-skipbackward,
.ardplayer.ardplayer-show-controls
  .ardplayer-buttons-main
  .ardplayer-icon-skipforward,
.ardplayer.ardplayer-show-controls .ardplayer-center,
.ardplayer.ardplayer-show-controls .ardplayer-control,
.ardplayer.ardplayer-show-controls .ardplayer-footer,
.ardplayer.ardplayer-show-controls .ardplayer-header,
.ardplayer.ardplayer-show-controls
  .ardplayer-title-container
  .ardplayer-title-sizer,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls)
  .ardplayer-addons-container-big,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls)
  .ardplayer-button-fullscreen-container,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls)
  .ardplayer-buttons-main,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls)
  .ardplayer-buttons-main
  .ardplayer-icon-nextclip,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls)
  .ardplayer-buttons-main
  .ardplayer-icon-prevclip,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls)
  .ardplayer-buttons-main
  .ardplayer-icon-skipbackward,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls)
  .ardplayer-buttons-main
  .ardplayer-icon-skipforward,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls)
  .ardplayer-center,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls)
  .ardplayer-control,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls)
  .ardplayer-footer,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls)
  .ardplayer-header,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls)
  .ardplayer-title-container
  .ardplayer-title-sizer,
.ardplayer.ardplayer-state-inactive:not(.ardplayer-show-errorframe)
  .ardplayer-title-container
  .ardplayer-title-sizer {
  opacity: 1;
}
.ardplayer.ardplayer-show-posterframe .ardplayer-center,
.ardplayer.ardplayer-show-posterframe .ardplayer-control,
.ardplayer.ardplayer-show-posterframe .ardplayer-controlbar,
.ardplayer.ardplayer-show-posterframe .ardplayer-footer,
.ardplayer.ardplayer-show-posterframe .ardplayer-header,
.ardplayer.ardplayer-show-posterframe .ardplayer-time-playhead,
.ardplayer.ardplayer-show-posterframe .ardplayer-time-remaining {
  display: none;
}
.ardplayer.ardplayer-show-posterframe .ardplayer-title-widget {
  pointer-events: all;
}
.ardplayer.ardplayer-show-posterframe .ardplayer-posterframe {
  display: block;
}
.ardplayer.ardplayer-show-posterframe .ardplayer-viewport > * {
  visibility: hidden;
}
.ardplayer.ardplayer-show-errorframe {
  background-color: var(--ardplayer-color-secondary);
}
.ardplayer.ardplayer-show-errorframe > * {
  display: none !important;
}
.ardplayer.ardplayer-show-errorframe .ardplayer-errorframe,
.ardplayer.ardplayer-show-errorframe .ardplayer-posterframe {
  display: block !important;
}
.ardplayer.ardplayer-show-errorframe .ardplayer-posterframe {
  background-color: var(--ardplayer-color-secondary);
  filter: blur(1rem);
}
.ardplayer.ardplayer-show-errorframe
  .ardplayer-posterframe
  .ardplayer-posterframe-buttons,
.ardplayer.ardplayer-show-errorframe .ardplayer-posterframe span {
  display: none;
}
.ardplayer.ardplayer-show-errorframe .ardplayer-contextmenu.ardplayer-open {
  display: block !important;
}
.ardplayer.ardplayer-show-errorframe.ardplayer-posterframe-transparent {
  background-color: transparent;
}
.ardplayer.ardplayer-show-errorframe.ardplayer-posterframe-transparent
  .ardplayer-posterbackdrop,
.ardplayer.ardplayer-show-errorframe.ardplayer-posterframe-transparent
  .ardplayer-posterframe {
  background: transparent;
}
.ardplayer .ardplayer-controlbar-hover,
.ardplayer .ardplayer-controlbar-seek-indicator {
  display: none;
}
.ardplayer.ardplayer-show-controlbar-hover .ardplayer-controlbar-hover,
.ardplayer.ardplayer-show-controlbar-hover .ardplayer-controlbar-seek-indicator,
.ardplayer.ardplayer-show-controlbar-thumb-hover .ardplayer-controlbar-hover,
.ardplayer.ardplayer-show-controlbar-thumb-hover
  .ardplayer-controlbar-seek-indicator {
  display: block;
}
.ardplayer.ardplayer-show-focus-outlines
  .ardplayer-controlbar
  .ardplayer-focus-outline,
.ardplayer.ardplayer-show-focus-outlines .ardplayer-controlbar:focus,
.ardplayer.ardplayer-show-focus-outlines
  [tabindex]:not([tabindex^="-"])
  .ardplayer-focus-outline,
.ardplayer.ardplayer-show-focus-outlines [tabindex]:not([tabindex^="-"]):focus,
.ardplayer.ardplayer-show-focus-outlines button .ardplayer-focus-outline,
.ardplayer.ardplayer-show-focus-outlines button:focus {
  outline: 2px solid var(--ardplayer-color-primary);
  outline-offset: -2px;
}
.ardplayer.ardplayer-show-focus-outlines
  .ardplayer-controlbar:focus:not(:focus-visible),
.ardplayer.ardplayer-show-focus-outlines
  [tabindex]:not([tabindex^="-"]):focus:not(:focus-visible),
.ardplayer.ardplayer-show-focus-outlines button:focus:not(:focus-visible) {
  outline: none;
}
.ardplayer:not(.ardplayer-show-focus-outlines)
  .ardplayer-controlbar
  .ardplayer-focus-outline,
.ardplayer:not(.ardplayer-show-focus-outlines) .ardplayer-controlbar:focus,
.ardplayer:not(.ardplayer-show-focus-outlines)
  .ardplayer-controlbar:focus-visible,
.ardplayer:not(.ardplayer-show-focus-outlines)
  [tabindex]:not([tabindex^="-"])
  .ardplayer-focus-outline,
.ardplayer:not(.ardplayer-show-focus-outlines)
  [tabindex]:not([tabindex^="-"]):focus,
.ardplayer:not(.ardplayer-show-focus-outlines)
  [tabindex]:not([tabindex^="-"]):focus-visible,
.ardplayer:not(.ardplayer-show-focus-outlines) button .ardplayer-focus-outline,
.ardplayer:not(.ardplayer-show-focus-outlines) button:focus,
.ardplayer:not(.ardplayer-show-focus-outlines) button:focus-visible {
  outline: none;
}
.ardplayer.reinit-ardplayer *,
.ardplayer.reinit-ardplayer :before {
  animation-duration: 1ms !important;
  transition-duration: 1ms !important;
}
@media (prefers-reduced-motion) {
  .ardplayer *,
  .ardplayer :before {
    animation-duration: 1ms !important;
    transition-duration: 1ms !important;
  }
}
.ardplayer.ardplayer-init *,
.ardplayer.ardplayer-init :before,
.ardplayer.ardplayer-state-loading *,
.ardplayer.ardplayer-state-loading :before {
  animation-name: none !important;
  transition: none !important;
}
.ardplayer.ardplayer-state-audio.ardplayer-state-audio-inline.ardplayer-state-live,
.ardplayer.ardplayer-state-audio.ardplayer-state-live,
.ardplayer.ardplayer-state-live {
  --ardplayer-color-primary: var(--ardplayer-color-primary-live);
  --ardplayer-color-tertiary: var(--ardplayer-color-primary-live);
  --ardplayer-color-primary-transparent-30: var(
    --ardplayer-color-primary-live-transparent-30
  );
  --ardplayer-color-primary-transparent-50: var(
    --ardplayer-color-primary-live-transparent-50
  );
}
.ardplayer.ardplayer-state-audio.ardplayer-state-audio-inline.ardplayer-state-live
  .ardplayer-button-jumptolive,
.ardplayer.ardplayer-state-audio.ardplayer-state-live
  .ardplayer-button-jumptolive,
.ardplayer.ardplayer-state-live .ardplayer-button-jumptolive {
  display: inline-block;
}
.ardplayer.ardplayer-state-audio.ardplayer-state-audio-inline.ardplayer-state-live
  .ardplayer-footer
  .ardplayer-time-playhead,
.ardplayer.ardplayer-state-audio.ardplayer-state-live
  .ardplayer-footer
  .ardplayer-time-playhead,
.ardplayer.ardplayer-state-live .ardplayer-footer .ardplayer-time-playhead {
  color: var(--ardplayer-color-primary-live);
  visibility: hidden !important;
}
.ardplayer.ardplayer-state-audio.ardplayer-state-audio-inline.ardplayer-state-live
  .ardplayer-footer
  .ardplayer-time-playhead:after,
.ardplayer.ardplayer-state-audio.ardplayer-state-live
  .ardplayer-footer
  .ardplayer-time-playhead:after,
.ardplayer.ardplayer-state-live
  .ardplayer-footer
  .ardplayer-time-playhead:after {
  content: "LIVE";
  display: block;
  visibility: visible;
}
.ardplayer.ardplayer-state-audio.ardplayer-state-audio-inline.ardplayer-state-live
  .ardplayer-controlbar
  .ardplayer-controlbar-hover,
.ardplayer.ardplayer-state-audio.ardplayer-state-live
  .ardplayer-controlbar
  .ardplayer-controlbar-hover,
.ardplayer.ardplayer-state-live
  .ardplayer-controlbar
  .ardplayer-controlbar-hover {
  background: var(--ardplayer-color-primary-live);
}
.ardplayer.ardplayer-state-audio.ardplayer-state-audio-inline.ardplayer-state-live
  .ardplayer-controlbar
  .ardplayer-controlbar-hover:after,
.ardplayer.ardplayer-state-audio.ardplayer-state-live
  .ardplayer-controlbar
  .ardplayer-controlbar-hover:after,
.ardplayer.ardplayer-state-live
  .ardplayer-controlbar
  .ardplayer-controlbar-hover:after {
  border-right: 2px solid var(--ardplayer-color-primary-live);
}
.ardplayer.ardplayer-state-audio.ardplayer-state-audio-inline.ardplayer-state-live.ardplayer-state-live-nodvr
  .ardplayer-button-jumpbackward,
.ardplayer.ardplayer-state-audio.ardplayer-state-audio-inline.ardplayer-state-live.ardplayer-state-live-nodvr
  .ardplayer-button-jumpforward,
.ardplayer.ardplayer-state-audio.ardplayer-state-audio-inline.ardplayer-state-live.ardplayer-state-live-nodvr
  .ardplayer-button-jumptolive,
.ardplayer.ardplayer-state-audio.ardplayer-state-audio-inline.ardplayer-state-live.ardplayer-state-live-nodvr
  .ardplayer-controlbar,
.ardplayer.ardplayer-state-audio.ardplayer-state-audio-inline.ardplayer-state-live.ardplayer-state-live-nodvr
  .ardplayer-footer
  .ardplayer-time-remaining,
.ardplayer.ardplayer-state-audio.ardplayer-state-live.ardplayer-state-live-nodvr
  .ardplayer-button-jumpbackward,
.ardplayer.ardplayer-state-audio.ardplayer-state-live.ardplayer-state-live-nodvr
  .ardplayer-button-jumpforward,
.ardplayer.ardplayer-state-audio.ardplayer-state-live.ardplayer-state-live-nodvr
  .ardplayer-button-jumptolive,
.ardplayer.ardplayer-state-audio.ardplayer-state-live.ardplayer-state-live-nodvr
  .ardplayer-controlbar,
.ardplayer.ardplayer-state-audio.ardplayer-state-live.ardplayer-state-live-nodvr
  .ardplayer-footer
  .ardplayer-time-remaining,
.ardplayer.ardplayer-state-live.ardplayer-state-live-nodvr
  .ardplayer-button-jumpbackward,
.ardplayer.ardplayer-state-live.ardplayer-state-live-nodvr
  .ardplayer-button-jumpforward,
.ardplayer.ardplayer-state-live.ardplayer-state-live-nodvr
  .ardplayer-button-jumptolive,
.ardplayer.ardplayer-state-live.ardplayer-state-live-nodvr
  .ardplayer-controlbar,
.ardplayer.ardplayer-state-live.ardplayer-state-live-nodvr
  .ardplayer-footer
  .ardplayer-time-remaining {
  display: none;
}
.ardplayer.ardplayer-state-audio.ardplayer-state-audio-inline.ardplayer-state-live.ardplayer-state-live-nodvr
  .ardplayer-footer
  .ardplayer-time-playhead,
.ardplayer.ardplayer-state-audio.ardplayer-state-live.ardplayer-state-live-nodvr
  .ardplayer-footer
  .ardplayer-time-playhead,
.ardplayer.ardplayer-state-live.ardplayer-state-live-nodvr
  .ardplayer-footer
  .ardplayer-time-playhead {
  text-align: left;
}
.ardplayer.ardplayer-state-live:not(.ardplayer-state-audio).ardplayer-s:not(
    .ardplayer-state-live-nodvr
  )
  .ardplayer-footer
  .ardplayer-time-playhead {
  width: 0;
}
.ardplayer.ardplayer-state-live:not(.ardplayer-state-audio).ardplayer-s:not(
    .ardplayer-state-live-nodvr
  )
  .ardplayer-footer
  .ardplayer-time-playhead:after {
  display: none;
}
.ardplayer.ardplayer-state-live:not(.ardplayer-state-audio).ardplayer-s:not(
    .ardplayer-state-live-nodvr
  )
  .ardplayer-footer
  .ardplayer-time-remaining:before {
  color: var(--ardplayer-color-primary-live);
  content: "LIVE ";
  display: inline-block;
}
.ardplayer.ardplayer-state-audio.ardplayer-old-webkit {
  overflow: initial;
}
.ardplayer.ardplayer-state-audio .ardplayer-background,
.ardplayer.ardplayer-state-audio .ardplayer-button-fullscreen,
.ardplayer.ardplayer-state-audio .ardplayer-header,
.ardplayer.ardplayer-state-audio .ardplayer-playstate-zoom {
  display: none;
}
.ardplayer.ardplayer-state-audio .ardplayer-viewport {
  bottom: 0;
  height: 0;
}
.ardplayer.ardplayer-state-audio .ardplayer-volume-fader {
  opacity: 1;
  visibility: visible;
}
.ardplayer.ardplayer-state-audio
  .ardplayer-volume-fader:not(:hover)
  .noUi-handle {
  transform: scale(0);
}
.ardplayer.ardplayer-state-audio .ardplayer-volume-fader .noUi-handle {
  transition: transform 0.2s ease-in-out;
  will-change: transform;
}
.ardplayer.ardplayer-state-audio .ardplayer-volume-fader .noUi-connect {
  border-radius: 1.5px;
}
.ardplayer.ardplayer-state-audio .ardplayer-posterbackdrop {
  background: linear-gradient(
    148deg,
    var(--ardplayer-color-primary-dark) 0,
    var(--ardplayer-color-tertiary-dark) 35%,
    var(--ardplayer-color-primary-dark) 100%
  );
  display: block;
}
.ardplayer.ardplayer-state-audio .ardplayer-button-volume {
  transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(
    .ardplayer-show-posterframe
  ):after {
  background: hsla(0, 2%, 67%, 0.4);
  bottom: 80px;
  content: " ";
  display: block;
  height: 4px;
  left: 0;
  position: absolute;
  right: 0;
}
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive
  .ardplayer-controlbar {
  display: none;
}
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive
  .ardplayer-button-volume {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive
  .ardplayer-button-jumpbackward,
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive
  .ardplayer-button-jumpforward,
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive
  .ardplayer-button-nextclip,
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive
  .ardplayer-button-prevclip {
  color: hsla(0, 0%, 62%, 0.6);
  cursor: default !important;
  pointer-events: none !important;
}
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive
  .ardplayer-button-jumpbackward:hover:after,
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive
  .ardplayer-button-jumpbackward:hover:before,
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive
  .ardplayer-button-jumpbackward[pressed="true"]:after,
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive
  .ardplayer-button-jumpbackward[pressed="true"]:before,
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive
  .ardplayer-button-jumpforward:hover:after,
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive
  .ardplayer-button-jumpforward:hover:before,
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive
  .ardplayer-button-jumpforward[pressed="true"]:after,
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive
  .ardplayer-button-jumpforward[pressed="true"]:before,
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive
  .ardplayer-button-nextclip:hover:after,
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive
  .ardplayer-button-nextclip:hover:before,
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive
  .ardplayer-button-nextclip[pressed="true"]:after,
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive
  .ardplayer-button-nextclip[pressed="true"]:before,
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive
  .ardplayer-button-prevclip:hover:after,
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive
  .ardplayer-button-prevclip:hover:before,
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive
  .ardplayer-button-prevclip[pressed="true"]:after,
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive
  .ardplayer-button-prevclip[pressed="true"]:before {
  transform: none;
}
.ardplayer.ardplayer-state-audio.ardplayer-show-errorframe
  .ardplayer-posterframe {
  bottom: 0;
  filter: unset;
  height: 84px;
  top: unset;
}
.ardplayer.ardplayer-state-audio.ardplayer-show-errorframe
  .ardplayer-posterframe
  picture {
  display: none;
}
.ardplayer.ardplayer-state-audio.ardplayer-show-errorframe
  .ardplayer-errorframe {
  bottom: 0;
  height: 84px;
  top: unset;
}
.ardplayer.ardplayer-state-audio.ardplayer-show-errorframe
  .ardplayer-errorframe
  .ardplayer-errorframe-content {
  align-items: center;
  bottom: 0;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  top: 0;
  transform: unset;
}
.ardplayer.ardplayer-state-audio.ardplayer-show-errorframe
  .ardplayer-errorframe
  .ardplayer-errorframe-content
  .ardplayer-error-icon {
  font-size: 48px;
  height: 48px;
  line-height: 48px;
  margin: 0 0 0 30px;
  width: 48px;
}
.ardplayer.ardplayer-state-audio.ardplayer-show-errorframe
  .ardplayer-errorframe
  .ardplayer-errorframe-content
  span.ardplayer-error-message {
  margin: 0;
}
.ardplayer.ardplayer-state-audio .ardplayer-addons-container-big {
  display: none;
  pointer-events: all;
}
.ardplayer.ardplayer-state-audio .ardplayer-center,
.ardplayer.ardplayer-state-audio .ardplayer-footer {
  bottom: 0;
  height: 80px;
  top: unset;
}
.ardplayer.ardplayer-state-audio .ardplayer-center button,
.ardplayer.ardplayer-state-audio .ardplayer-center button:after,
.ardplayer.ardplayer-state-audio .ardplayer-center button:before,
.ardplayer.ardplayer-state-audio .ardplayer-footer button,
.ardplayer.ardplayer-state-audio .ardplayer-footer button:after,
.ardplayer.ardplayer-state-audio .ardplayer-footer button:before {
  font-size: 48px;
  height: 48px;
  line-height: 48px;
  width: 48px;
}
.ardplayer.ardplayer-state-audio .ardplayer-center .ardplayer-buttons-main {
  display: flex;
}
.ardplayer.ardplayer-state-audio .ardplayer-footer .ardplayer-controlbar {
  z-index: 3;
}
.ardplayer.ardplayer-state-audio
  .ardplayer-footer
  .ardplayer-addons-container-big {
  background: unset;
  margin-right: -15px;
  -webkit-mask-image: linear-gradient(270deg, transparent, #000 15px);
  mask-image: linear-gradient(270deg, transparent, #000 15px);
  overflow: hidden;
  padding: 0 15px 0 0;
  transition: visibility 0.6s ease-in-out;
  visibility: hidden;
  width: auto;
  z-index: 2;
}
.ardplayer.ardplayer-state-audio
  .ardplayer-footer
  .ardplayer-addons-container-big
  .ardplayer-addons-container {
  background: var(--ardplayer-color-primary-dark);
  display: flex;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 20px);
  mask-image: linear-gradient(90deg, transparent, #000 20px);
  padding-left: 20px;
  transform: translateX(100%);
  transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out,
    visibility 0.6s ease-in-out;
  will-change: visibility;
}
.ardplayer.ardplayer-state-audio.ardplayer-reveal-settings
  .ardplayer-footer
  .ardplayer-buttons-main.ardplayer-button-big,
.ardplayer.ardplayer-state-audio.ardplayer-reveal-settings
  .ardplayer-footer
  .ardplayer-buttons-main.ardplayer-button-big
  .ardplayer-button-volume,
.ardplayer.ardplayer-state-audio.ardplayer-reveal-settings
  .ardplayer-footer
  .ardplayer-buttons-main.ardplayer-button-big
  .ardplayer-volume-fader
  .noUi-base,
.ardplayer.ardplayer-state-audio.ardplayer-reveal-settings
  .ardplayer-footer
  .ardplayer-buttons-main.ardplayer-button-big
  button {
  pointer-events: none;
}
.ardplayer.ardplayer-state-audio.ardplayer-reveal-settings
  .ardplayer-footer
  .ardplayer-addons-container-big {
  visibility: visible;
}
.ardplayer.ardplayer-state-audio.ardplayer-reveal-settings
  .ardplayer-footer
  .ardplayer-addons-container-big
  .ardplayer-addons-container {
  transform: translateX(0);
}
.ardplayer.ardplayer-state-audio:not(.ardplayer-state-embedded):not(:hover)
  .ardplayer-controlbar
  .noUi-horizontal
  .noUi-handle {
  transform: scale(0);
}
.ardplayer.ardplayer-state-audio .ardplayer-controlbar {
  bottom: 72px;
}
.ardplayer.ardplayer-state-audio
  .ardplayer-controlbar
  .noUi-horizontal
  .noUi-handle {
  will-change: transform;
}
.ardplayer.ardplayer-state-audio
  .ardplayer-controlbar
  .ardplayer-controlbar-buffer,
.ardplayer.ardplayer-state-audio
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks,
.ardplayer.ardplayer-state-audio
  .ardplayer-controlbar
  .ardplayer-controlbar-seek-indicator,
.ardplayer.ardplayer-state-audio .ardplayer-controlbar .noUi-connect {
  border-radius: 2px;
  bottom: 8px;
  height: 4px;
}
.ardplayer.ardplayer-state-audio .ardplayer-bottom-sheet-container,
.ardplayer.ardplayer-state-audio .ardplayer-debugger-container {
  position: fixed;
}
.ardplayer.ardplayer-state-audio
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-background {
  background-color: transparent;
  transition: background-color 0.5s;
}
.ardplayer.ardplayer-state-audio.ardplayer-show-bottom-sheet
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-background {
  background-color: rgba(0, 0, 0, 0.2);
}
.ardplayer.ardplayer-state-audio:not(.ardplayer-m)
  .ardplayer-footer
  .ardplayer-buttons-main {
  height: 48px;
  left: unset;
}
.ardplayer.ardplayer-state-audio:not(.ardplayer-m)
  .ardplayer-footer
  .ardplayer-buttons-main
  > button {
  display: none;
}
.ardplayer.ardplayer-state-audio:not(.ardplayer-m):not(
    .ardplayer-state-live-nodvr
  )
  .ardplayer-center
  .ardplayer-button-jumpbackward,
.ardplayer.ardplayer-state-audio:not(.ardplayer-m):not(
    .ardplayer-state-live-nodvr
  )
  .ardplayer-center
  .ardplayer-button-jumpforward {
  display: block;
}
.ardplayer.ardplayer-state-audio.ardplayer-m
  .ardplayer-footer
  .ardplayer-buttons-main {
  height: 48px;
  left: unset;
  right: 48px;
}
.ardplayer.ardplayer-state-audio.ardplayer-m .ardplayer-controlbar {
  bottom: 72px;
}
.ardplayer.ardplayer-state-audio.ardplayer-m
  .ardplayer-controlbar
  .ardplayer-controlbar-buffer,
.ardplayer.ardplayer-state-audio.ardplayer-m
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks,
.ardplayer.ardplayer-state-audio.ardplayer-m
  .ardplayer-controlbar
  .ardplayer-controlbar-seek-indicator,
.ardplayer.ardplayer-state-audio.ardplayer-m
  .ardplayer-controlbar
  .noUi-connects {
  border-radius: 2px;
  bottom: 8px;
  height: 4px;
}
.ardplayer.ardplayer-state-audio:not(.ardplayer-s)
  .ardplayer-button-fullscreen-container
  .ardplayer-button-settings-reveal,
.ardplayer.ardplayer-state-audio:not(.ardplayer-s)
  .ardplayer-footer
  .ardplayer-addons-container-big {
  display: block;
}
.ardplayer.ardplayer-state-audio.ardplayer-s:not(.ardplayer-state-live)
  .ardplayer-footer
  .ardplayer-time-playhead:after {
  display: none;
}
.ardplayer.ardplayer-state-audio.ardplayer-s .ardplayer-controlbar {
  bottom: 72px;
}
.ardplayer.ardplayer-state-audio.ardplayer-s
  .ardplayer-controlbar
  .ardplayer-controlbar-buffer,
.ardplayer.ardplayer-state-audio.ardplayer-s
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks,
.ardplayer.ardplayer-state-audio.ardplayer-s
  .ardplayer-controlbar
  .ardplayer-controlbar-seek-indicator,
.ardplayer.ardplayer-state-audio.ardplayer-s
  .ardplayer-controlbar
  .noUi-connects {
  border-radius: 2px;
  bottom: 8px;
  height: 4px;
}
.ardplayer.ardplayer-state-audio.ardplayer-menu-hero
  .ardplayer-button-fullscreen-container
  [ardplayer-menu-hero] {
  display: block;
  position: absolute;
  right: 48px;
}
.ardplayer.ardplayer-state-audio.ardplayer-menu-none
  .ardplayer-button-fullscreen-container,
.ardplayer.ardplayer-state-audio.ardplayer-menu-none
  .ardplayer-footer
  .ardplayer-addons-container-big {
  display: none;
}
.ardplayer.ardplayer-state-audio.ardplayer-menu-collapse
  .ardplayer-button-fullscreen-container
  [ardplayer-menu-hero] {
  display: block;
}
.ardplayer.ardplayer-state-audio.ardplayer-menu-collapse
  .ardplayer-button-fullscreen-container
  .ardplayer-button-settings-reveal {
  display: none;
}
.ardplayer.ardplayer-state-audio-sticky {
  background-color: transparent;
  bottom: 0;
  height: 84px;
  left: 0;
  position: fixed;
  right: 0;
  z-index: 200;
}
.ardplayer.ardplayer-state-audio-sticky:not(.ardplayer-old-webkit) {
  overflow: visible;
}
.ardplayer.ardplayer-state-audio-sticky:before {
  background-color: var(--ardplayer-color-primary-dark);
  bottom: 0;
  content: " ";
  display: block;
  height: 84px;
  left: 0;
  position: absolute;
  right: 0;
}
.ardplayer.ardplayer-state-audio-sticky .ardplayer-audio-title {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  -webkit-box-pack: end;
  color: var(--ardplayer-color-lightest);
  display: -webkit-box;
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
  margin-top: 7px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.ardplayer.ardplayer-state-audio-sticky .ardplayer-audio-subtitle {
  color: var(--ardplayer-color-light);
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  margin-bottom: -5px;
  margin-top: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ardplayer.ardplayer-state-audio-sticky .ardplayer-audio {
  bottom: 0;
  display: block;
  height: 80px;
  left: 80px;
  padding: 4px;
  pointer-events: auto;
  position: absolute;
  right: 65%;
  width: auto;
}
.ardplayer.ardplayer-state-audio-sticky .ardplayer-buffering,
.ardplayer.ardplayer-state-audio-sticky .ardplayer-posterbackdrop {
  bottom: 4px;
  height: 72px;
  left: 4px;
  top: unset;
  width: 72px;
}
.ardplayer.ardplayer-state-audio-sticky .ardplayer-button-fullscreen-container {
  bottom: 18px;
  right: 0;
}
.ardplayer.ardplayer-state-audio-sticky .ardplayer-footer .ardplayer-controlbar,
.ardplayer.ardplayer-state-audio-sticky
  .ardplayer-footer
  .ardplayer-time-playhead,
.ardplayer.ardplayer-state-audio-sticky
  .ardplayer-footer
  .ardplayer-time-remaining,
.ardplayer.ardplayer-state-audio-sticky .ardplayer-footer:before {
  position: fixed;
}
.ardplayer.ardplayer-state-audio-sticky .ardplayer-footer:before {
  background: linear-gradient(0deg, rgba(0, 14, 41, 0.7), rgba(0, 14, 41, 0));
  bottom: 84px;
  content: " ";
  display: block;
  height: 48px;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  transition: opacity 0.2s ease-in-out, visibility 0.2s;
  visibility: hidden;
  will-change: visibility, opacity;
}
.ardplayer.ardplayer-state-audio-sticky
  .ardplayer-footer
  .ardplayer-time-playhead,
.ardplayer.ardplayer-state-audio-sticky
  .ardplayer-footer
  .ardplayer-time-remaining {
  border-radius: unset;
  bottom: 110px;
  color: var(--ardplayer-color-lightest);
  font-size: 14px;
  font-weight: 700;
  opacity: 0;
  padding: 0;
  text-align: center;
  transition: opacity 0.2s ease-in-out, visibility 0.2s;
  visibility: hidden;
  width: auto;
  will-change: opacity;
}
.ardplayer.ardplayer-state-audio-sticky
  .ardplayer-footer
  .ardplayer-time-playhead {
  left: 10px;
}
.ardplayer.ardplayer-state-audio-sticky
  .ardplayer-footer
  .ardplayer-time-remaining {
  right: 10px;
}
.ardplayer.ardplayer-state-audio-sticky
  .ardplayer-footer
  .ardplayer-controlbar {
  left: 9px;
  right: 9px;
}
.ardplayer.ardplayer-state-audio-sticky
  .ardplayer-footer
  .ardplayer-controlbar
  .noUi-connects {
  border-radius: 0;
}
.ardplayer.ardplayer-state-audio-sticky
  .ardplayer-footer
  .ardplayer-controlbar
  .noUi-connects
  .noUi-connect {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.ardplayer.ardplayer-state-audio-sticky
  .ardplayer-footer
  .ardplayer-controlbar:after,
.ardplayer.ardplayer-state-audio-sticky
  .ardplayer-footer
  .ardplayer-controlbar:before {
  bottom: 8px;
  content: " ";
  display: block;
  height: 4px;
  position: absolute;
  width: 9px;
}
.ardplayer.ardplayer-state-audio-sticky
  .ardplayer-footer
  .ardplayer-controlbar:before {
  background-color: var(--ardplayer-color-primary);
  left: -9px;
}
.ardplayer.ardplayer-state-audio-sticky
  .ardplayer-footer
  .ardplayer-controlbar:after {
  background: var(--ardplayer-color-lightest-transparent-50);
  right: -9px;
}
.ardplayer.ardplayer-state-audio-sticky:not(
    .ardplayer-state-inactive
  ).ardplayer-embedded
  .ardplayer-footer:before,
.ardplayer.ardplayer-state-audio-sticky:not(
    .ardplayer-state-inactive
  ).ardplayer-embedded
  .ardplayer-time-playhead,
.ardplayer.ardplayer-state-audio-sticky:not(
    .ardplayer-state-inactive
  ).ardplayer-embedded
  .ardplayer-time-remaining,
.ardplayer.ardplayer-state-audio-sticky:not(
    .ardplayer-state-inactive
  ).ardplayer-framed
  .ardplayer-footer:before,
.ardplayer.ardplayer-state-audio-sticky:not(
    .ardplayer-state-inactive
  ).ardplayer-framed
  .ardplayer-time-playhead,
.ardplayer.ardplayer-state-audio-sticky:not(
    .ardplayer-state-inactive
  ).ardplayer-framed
  .ardplayer-time-remaining,
.ardplayer.ardplayer-state-audio-sticky:not(.ardplayer-state-inactive):hover
  .ardplayer-footer:before,
.ardplayer.ardplayer-state-audio-sticky:not(.ardplayer-state-inactive):hover
  .ardplayer-time-playhead,
.ardplayer.ardplayer-state-audio-sticky:not(.ardplayer-state-inactive):hover
  .ardplayer-time-remaining {
  opacity: 1;
  visibility: visible;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded .ardplayer-audio {
  left: 156px;
  padding-top: 12px;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded
  .ardplayer-audio-title {
  margin-top: 4px;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded
  .ardplayer-center
  .ardplayer-buttons-main {
  align-items: center;
  height: 100%;
  pointer-events: visible;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded
  .ardplayer-title-container {
  bottom: 16px;
  left: 0;
  right: 50%;
  top: unset;
  width: auto;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget {
  margin: 0;
  padding: 0 0 0 92px;
  pointer-events: none;
  width: 100%;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-link {
  pointer-events: all;
  z-index: 1;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-img {
  z-index: 2;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-text {
  background-color: var(--ardplayer-color-primary-dark);
  bottom: -16px;
  height: auto;
  left: 92px;
  opacity: 0;
  padding: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: -16px;
  width: auto;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-text:before {
  content: " ";
  display: block;
  height: 80px;
  left: -92px;
  position: absolute;
  top: 0;
  width: 92px;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-text
  > p {
  display: none;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded
  .ardplayer-title-container:hover
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-text {
  opacity: 1;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded.ardplayer-m:not(
    .ardplayer-s
  )
  .ardplayer-audio {
  padding-left: 0;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded.ardplayer-m:not(
    .ardplayer-s
  )
  .ardplayer-title-container {
  right: 96px;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded.ardplayer-m:not(
    .ardplayer-s
  ).ardplayer-menu-none
  .ardplayer-title-container {
  right: 48px;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded.ardplayer-m:not(
    .ardplayer-s
  ).ardplayer-menu-hero
  .ardplayer-title-container {
  right: 144px;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded.ardplayer-s
  .ardplayer-audio {
  left: 78px;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded.ardplayer-s
  .ardplayer-title-container {
  right: 48px;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded.ardplayer-s
  .ardplayer-posterbackdrop {
  display: none;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded.ardplayer-s
  .ardplayer-title-sizer
  .ardplayer-title-widget {
  padding-left: 16px;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded.ardplayer-s
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-text {
  left: 0;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded.ardplayer-state-mobile
  .ardplayer-title-container {
  right: unset;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded.ardplayer-state-mobile
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget {
  min-width: auto;
  width: auto;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded.ardplayer-state-mobile
  .ardplayer-title-container
  .ardplayer-title-sizer
  .ardplayer-title-widget
  .ardplayer-title-widget-link {
  display: none;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded.ardplayer-state-mobile.ardplayer-s
  .ardplayer-title-sizer
  .ardplayer-title-widget {
  width: auto;
}
.ardplayer.ardplayer-state-audio-sticky:not(.ardplayer-m)
  .ardplayer-footer
  .ardplayer-buttons-main {
  bottom: 18px;
  right: 126px;
}
.ardplayer.ardplayer-state-audio-sticky:not(.ardplayer-m).ardplayer-menu-hero
  .ardplayer-footer
  .ardplayer-buttons-main {
  right: 174px;
}
.ardplayer.ardplayer-state-audio-sticky:not(.ardplayer-m).ardplayer-menu-none
  .ardplayer-footer
  .ardplayer-buttons-main {
  right: 78px;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-m,
.ardplayer.ardplayer-state-audio-sticky.ardplayer-s {
  height: 84px;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-m {
  height: 150px;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-m .ardplayer-audio {
  right: 96px;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-m .ardplayer-audio-title {
  font-size: 16px;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-m .ardplayer-audio-subtitle {
  font-size: 14px;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-m
  .ardplayer-center
  .ardplayer-buttons-main {
  display: none;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-m
  .ardplayer-footer
  .ardplayer-controlbar {
  left: 7px;
  right: 7px;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-m
  .ardplayer-footer
  .ardplayer-controlbar
  .noUi-connects {
  border-radius: 0;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-m
  .ardplayer-footer
  .ardplayer-controlbar
  .noUi-connects
  .noUi-connect {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-m
  .ardplayer-footer
  .ardplayer-controlbar:after,
.ardplayer.ardplayer-state-audio-sticky.ardplayer-m
  .ardplayer-footer
  .ardplayer-controlbar:before {
  bottom: 8px;
  height: 4px;
  width: 7px;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-m
  .ardplayer-footer
  .ardplayer-controlbar:before {
  left: -7px;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-m
  .ardplayer-footer
  .ardplayer-controlbar:after {
  right: -7px;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-m
  .ardplayer-footer
  .ardplayer-buttons-main {
  bottom: 18px;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-m
  .ardplayer-footer
  .ardplayer-buttons-main
  .ardplayer-button-skipbackward,
.ardplayer.ardplayer-state-audio-sticky.ardplayer-m
  .ardplayer-footer
  .ardplayer-buttons-main
  .ardplayer-button-skipforward,
.ardplayer.ardplayer-state-audio-sticky.ardplayer-m
  .ardplayer-footer
  .ardplayer-buttons-main
  .ardplayer-button-volume {
  display: none;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-m
  .ardplayer-footer
  .ardplayer-time-playhead,
.ardplayer.ardplayer-state-audio-sticky.ardplayer-m
  .ardplayer-footer
  .ardplayer-time-remaining {
  bottom: 110px;
  font-size: 14px;
  font-weight: 700;
  padding: 0;
  width: auto;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-m
  .ardplayer-footer
  .ardplayer-time-playhead {
  left: 10px;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-m
  .ardplayer-footer
  .ardplayer-time-remaining {
  left: unset;
  right: 10px;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-m
  .ardplayer-footer
  .ardplayer-time-remaining:before {
  content: unset;
  display: none;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-m.ardplayer-menu-none
  .ardplayer-footer
  .ardplayer-buttons-main {
  right: 0;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-m:not(.ardplayer-s)
  .ardplayer-audio {
  right: 144px;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-m:not(
    .ardplayer-s
  ).ardplayer-menu-hero
  .ardplayer-footer
  .ardplayer-buttons-main {
  right: 96px;
}
.ardplayer.ardplayer-state-audio-sticky:not(.ardplayer-s)
  .ardplayer-footer
  .ardplayer-addons-container-big {
  bottom: 0;
  height: auto;
  min-width: 146px;
  right: 48px;
  top: 0;
}
.ardplayer.ardplayer-state-audio-sticky:not(.ardplayer-s)
  .ardplayer-footer
  .ardplayer-addons-container-big
  .ardplayer-addons-container {
  padding: 14px 0 18px 20px;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-framed {
  height: 150px;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-framed:not(.ardplayer-s)
  .ardplayer-controlbar
  .ardplayer-controlbar-hover {
  bottom: 38px;
  font-size: 16px;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-framed.ardplayer-s {
  height: 150px;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-s {
  height: 142px;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-s .ardplayer-audio {
  right: 48px;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-s .ardplayer-audio-title {
  font-size: 16px;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-s .ardplayer-audio-subtitle {
  font-size: 12px;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-s
  .ardplayer-footer
  .ardplayer-buttons-main {
  display: block;
  right: 0;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-s
  .ardplayer-footer
  .ardplayer-addons-container-big,
.ardplayer.ardplayer-state-audio-sticky.ardplayer-s
  .ardplayer-footer
  .ardplayer-button-fullscreen-container {
  display: none;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-s
  .ardplayer-footer
  .ardplayer-controlbar {
  left: 7px;
  right: 7px;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-s
  .ardplayer-footer
  .ardplayer-controlbar
  .noUi-connects {
  border-radius: 0;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-s
  .ardplayer-footer
  .ardplayer-controlbar
  .noUi-connects
  .noUi-connect {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-s
  .ardplayer-footer
  .ardplayer-controlbar:after,
.ardplayer.ardplayer-state-audio-sticky.ardplayer-s
  .ardplayer-footer
  .ardplayer-controlbar:before {
  bottom: 8px;
  height: 4px;
  width: 7px;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-s
  .ardplayer-footer
  .ardplayer-controlbar:before {
  left: -7px;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-s
  .ardplayer-footer
  .ardplayer-controlbar:after {
  right: -7px;
}
.ardplayer.ardplayer-state-audio-sticky.ardplayer-s .ardplayer-time-playhead,
.ardplayer.ardplayer-state-audio-sticky.ardplayer-s .ardplayer-time-remaining {
  bottom: 110px;
  font-size: 13px;
  font-weight: 600;
  width: auto;
}
.ardplayer.ardplayer-state-audio-inline {
  background-color: var(--ardplayer-color-primary-dark);
  min-height: 184px;
}
.ardplayer.ardplayer-state-audio-inline .ardplayer-posterbackdrop {
  height: 72px;
  margin: 10px;
  width: 72px;
}
.ardplayer.ardplayer-state-audio-inline .ardplayer-buffering {
  height: 72px;
  left: 10px;
  top: 10px;
  width: 72px;
}
.ardplayer.ardplayer-state-audio-inline .ardplayer-audio {
  height: 72px;
  left: 92px;
  position: absolute;
  right: 10px;
  top: 10px;
}
.ardplayer.ardplayer-state-audio-inline .ardplayer-audio h3 {
  color: var(--ardplayer-color-lightest-transparent-30);
  font-size: 16px;
  font-weight: 500;
  line-height: 21px;
  overflow: hidden;
  padding-top: 4px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ardplayer.ardplayer-state-audio-inline
  .ardplayer-audio
  h3
  .ardplayer-chip-highlight {
  color: var(--ardplayer-color-lightest);
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  margin-bottom: 0;
  margin-right: 4px;
  padding: 2px 4px;
  position: relative;
  top: -1.5px;
}
.ardplayer.ardplayer-state-audio-inline .ardplayer-audio h2 {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  -webkit-box-pack: end;
  display: -webkit-box;
  font-size: 16px;
  font-weight: 600;
  line-height: 21px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-embedded
  .ardplayer-title-widget {
  margin-left: 10px;
  margin-top: 22px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-embedded
  .ardplayer-title-widget
  .ardplayer-icon-arrowleft {
  display: inline-block !important;
  height: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease-in-out, visibility 0.3s;
  visibility: hidden;
  width: 0;
  will-change: visibility, opacity;
  z-index: -1;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-embedded
  .ardplayer-title-widget
  .ardplayer-icon-arrowleft:before {
  background: var(--ardplayer-color-primary-dark);
  content: "";
  display: block;
  height: 72px;
  -webkit-mask-image: linear-gradient(270deg, transparent, #000 20px);
  mask-image: linear-gradient(270deg, transparent, #000 20px);
  position: absolute;
  top: -12px;
  width: 15000px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-embedded
  .ardplayer-title-widget:hover
  .ardplayer-icon-arrowleft {
  opacity: 1;
  visibility: visible;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-embedded
  .ardplayer-posterbackdrop {
  margin-left: 68px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-embedded
  .ardplayer-buffering {
  left: 68px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-embedded .ardplayer-audio {
  left: 150px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-state-audio-forced-video {
  min-height: 102px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-state-audio-forced-video
  .ardplayer-audio {
  display: none;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-state-audio-forced-video
  .ardplayer-header {
  display: block;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-state-audio-forced-video
  .ardplayer-buffering {
  left: 50%;
  top: calc(50% - 46px);
  transform: translate(-50%, -50%);
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-state-audio-forced-video
  .ardplayer-posterbackdrop {
  bottom: 0;
  height: auto;
  left: 0;
  margin: 0;
  -webkit-mask-image: linear-gradient(0deg, transparent 46px, #000 92px);
  mask-image: linear-gradient(0deg, transparent 46px, #000 92px);
  right: 0;
  top: 0;
  width: auto;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-state-audio-forced-video
  .ardplayer-footer:before {
  background-color: var(--ardplayer-color-primary-dark);
  bottom: 0;
  content: "";
  display: block;
  height: 120%;
  -webkit-mask-image: linear-gradient(180deg, transparent, #000 45%);
  mask-image: linear-gradient(180deg, transparent, #000 45%);
  position: absolute;
  width: 100%;
}
.ardplayer.ardplayer-state-audio-inline .ardplayer-controlbar,
.ardplayer.ardplayer-state-audio-inline.ardplayer-state-inactive:not(
    .ardplayer-show-posterframe
  ):after {
  bottom: 78px;
  left: 80px;
  right: 80px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-state-inactive:after {
  border-radius: 2px;
}
.ardplayer.ardplayer-state-audio-inline .ardplayer-button-fullscreen-container {
  bottom: 10px;
  right: 10px;
}
.ardplayer.ardplayer-state-audio-inline .ardplayer-center {
  bottom: 10px;
  height: auto;
  justify-content: start;
  left: 10px;
}
.ardplayer.ardplayer-state-audio-inline
  .ardplayer-center
  .ardplayer-buttons-main {
  justify-content: start;
}
.ardplayer.ardplayer-state-audio-inline .ardplayer-footer {
  height: 92px;
}
.ardplayer.ardplayer-state-audio-inline
  .ardplayer-footer
  .ardplayer-time-playhead,
.ardplayer.ardplayer-state-audio-inline
  .ardplayer-footer
  .ardplayer-time-remaining {
  bottom: 72px;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  width: 70px;
}
.ardplayer.ardplayer-state-audio-inline
  .ardplayer-footer
  .ardplayer-controlbar {
  bottom: 70px;
  left: 80px;
  right: 80px;
}
.ardplayer.ardplayer-state-audio-inline
  .ardplayer-footer
  .ardplayer-time-playhead {
  left: 10px;
}
.ardplayer.ardplayer-state-audio-inline
  .ardplayer-footer
  .ardplayer-time-remaining {
  right: 10px;
}
.ardplayer.ardplayer-state-audio-inline
  .ardplayer-footer
  .ardplayer-addons-container-big {
  bottom: 10px;
  display: block;
  min-width: 138px;
  right: 58px;
}
.ardplayer.ardplayer-state-audio-inline
  .ardplayer-button-fullscreen-container
  .ardplayer-button-settings-small {
  display: none;
}
.ardplayer.ardplayer-state-audio-inline
  .ardplayer-button-fullscreen-container
  .ardplayer-button-settings-reveal {
  display: block;
}
.ardplayer.ardplayer-state-audio-inline:not(.ardplayer-m)
  .ardplayer-footer
  .ardplayer-buttons-main {
  bottom: 10px;
  right: 128px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-m .ardplayer-footer {
  height: 92px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-m
  .ardplayer-footer
  .ardplayer-time-playhead,
.ardplayer.ardplayer-state-audio-inline.ardplayer-m
  .ardplayer-footer
  .ardplayer-time-remaining {
  bottom: 72px;
  font-size: 16px;
  font-weight: 500;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-m
  .ardplayer-footer
  .ardplayer-controlbar {
  bottom: 70px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-m
  .ardplayer-footer
  .ardplayer-time-playhead {
  left: 10px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-m
  .ardplayer-footer
  .ardplayer-time-remaining {
  right: 10px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-m
  .ardplayer-footer
  .ardplayer-buttons-main {
  bottom: 10px;
  height: 48px;
  left: unset;
  right: 128px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-m
  .ardplayer-footer
  .ardplayer-buttons-main
  > button {
  display: none;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-menu-hero
  .ardplayer-footer
  .ardplayer-buttons-main {
  right: 176px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-menu-none
  .ardplayer-footer
  .ardplayer-buttons-main {
  right: 80px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-s {
  min-height: 176px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-s.ardplayer-state-audio-forced-video {
  min-height: 94px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-s.ardplayer-state-audio-forced-video
  .ardplayer-posterbackdrop {
  -webkit-mask-image: linear-gradient(0deg, transparent 42px, #000 84px);
  mask-image: linear-gradient(0deg, transparent 42px, #000 84px);
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-s .ardplayer-controlbar,
.ardplayer.ardplayer-state-audio-inline.ardplayer-s.ardplayer-state-inactive:not(
    .ardplayer-show-posterframe
  ):after {
  left: 80px;
  right: 80px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-s.ardplayer-state-inactive:after {
  bottom: 70px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-s .ardplayer-center button,
.ardplayer.ardplayer-state-audio-inline.ardplayer-s
  .ardplayer-center
  button:after,
.ardplayer.ardplayer-state-audio-inline.ardplayer-s
  .ardplayer-center
  button:before,
.ardplayer.ardplayer-state-audio-inline.ardplayer-s .ardplayer-footer button,
.ardplayer.ardplayer-state-audio-inline.ardplayer-s
  .ardplayer-footer
  button:after,
.ardplayer.ardplayer-state-audio-inline.ardplayer-s
  .ardplayer-footer
  button:before {
  font-size: 40px;
  height: 40px;
  line-height: 40px;
  width: 40px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-s
  .ardplayer-center
  .ardplayer-buttons-main {
  max-width: 120px;
  overflow: clip;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-s .ardplayer-footer {
  height: 84px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-s
  .ardplayer-footer
  .ardplayer-buttons-main {
  display: block;
  height: 40px;
  right: 110px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-s
  .ardplayer-footer
  .ardplayer-time-playhead,
.ardplayer.ardplayer-state-audio-inline.ardplayer-s
  .ardplayer-footer
  .ardplayer-time-remaining {
  bottom: 64px;
  color: var(--ardplayer-color-lightest);
  margin: unset;
  position: absolute;
  text-align: center;
  width: 70px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-s
  .ardplayer-footer
  .ardplayer-controlbar {
  bottom: 62px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-s
  .ardplayer-footer
  .ardplayer-time-playhead {
  left: 10px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-s
  .ardplayer-footer
  .ardplayer-time-remaining {
  right: 10px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-s
  .ardplayer-footer
  .ardplayer-addons-container-big {
  right: 50px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-s.ardplayer-menu-hero
  .ardplayer-footer
  .ardplayer-buttons-main {
  right: 160px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-s.ardplayer-menu-hero
  .ardplayer-button-fullscreen-container
  [ardplayer-menu-hero] {
  right: 40px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-s.ardplayer-menu-none
  .ardplayer-footer
  .ardplayer-buttons-main {
  right: 80px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-s.ardplayer-embedded
  .ardplayer-title-widget {
  margin-left: 10px;
  margin-top: 22px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-s.ardplayer-embedded
  .ardplayer-posterbackdrop {
  display: none !important;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-s.ardplayer-embedded
  .ardplayer-buffering {
  height: 48px;
  left: 10px;
  top: 22px;
  width: 48px;
  z-index: 2;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-s.ardplayer-embedded
  .ardplayer-audio {
  left: 68px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-xs
  .ardplayer-footer
  .ardplayer-buttons-main {
  right: 50px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-xs
  .ardplayer-footer
  .ardplayer-volume-fader {
  display: none;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-xs.ardplayer-menu-hero
  .ardplayer-footer
  .ardplayer-buttons-main {
  right: 90px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-xs.ardplayer-menu-none
  .ardplayer-footer
  .ardplayer-buttons-main {
  right: 10px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-xxs
  .ardplayer-center
  .ardplayer-buttons-main {
  max-width: 40px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-xxs
  .ardplayer-footer
  .ardplayer-controlbar,
.ardplayer.ardplayer-state-audio-inline.ardplayer-xxs.ardplayer-state-inactive:not(
    .ardplayer-show-posterframe
  ):after {
  left: 10px;
  right: 10px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-xxs.ardplayer-state-audio-forced-video
  .ardplayer-footer
  .ardplayer-controlbar,
.ardplayer.ardplayer-state-audio-inline.ardplayer-xxs.ardplayer-state-inactive:not(
    .ardplayer-show-posterframe
  ):after {
  bottom: 52px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-xxs.ardplayer-state-inactive:not(
    .ardplayer-show-posterframe
  ):after {
  bottom: 70px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-xxs .ardplayer-footer {
  height: 74px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-xxs .ardplayer-footer:before {
  height: 100%;
  -webkit-mask-image: none;
  mask-image: none;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-xxs
  .ardplayer-footer
  .ardplayer-addons-container-big,
.ardplayer.ardplayer-state-audio-inline.ardplayer-xxs
  .ardplayer-footer
  .ardplayer-button-fullscreen-container,
.ardplayer.ardplayer-state-audio-inline.ardplayer-xxs
  .ardplayer-footer
  .ardplayer-buttons-main,
.ardplayer.ardplayer-state-audio-inline.ardplayer-xxs
  .ardplayer-footer
  .ardplayer-time-remaining {
  display: none;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-xxs
  .ardplayer-footer
  .ardplayer-time-playhead {
  bottom: 22px;
  left: unset;
  right: 10px;
}
.ardplayer .ardplayer-buffering {
  display: none;
}
.ardplayer.ardplayer-state-buffering:not(.ardplayer-state-inactive)
  .ardplayer-buffering {
  display: block;
}
.ardplayer .ardplayer-button-replay {
  display: none;
}
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls) {
  cursor: default;
}
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls)
  .ardplayer-button-playpause {
  display: none;
}
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls)
  .ardplayer-button-replay {
  display: inline-block;
}
.ardplayer.ardplayer-no-fullscreen:not(.ardplayer-state-fullscreen):not(
    .ardplayer-state-audio
  )
  .ardplayer-button-fullscreen,
.ardplayer.ardplayer-state-casting:not(.ardplayer-state-fullscreen):not(
    .ardplayer-state-audio
  )
  .ardplayer-button-fullscreen,
.ardplayer.ardplayer-state-mobile .ardplayer-button-volume,
.ardplayer.ardplayer-state-pip:not(.ardplayer-state-fullscreen):not(
    .ardplayer-state-audio
  )
  .ardplayer-button-fullscreen {
  display: none;
}
.ardplayer.ardplayer-no-fullscreen:not(.ardplayer-state-fullscreen):not(
    .ardplayer-state-audio
  )
  .ardplayer-addons-container-big,
.ardplayer.ardplayer-state-casting:not(.ardplayer-state-fullscreen):not(
    .ardplayer-state-audio
  )
  .ardplayer-addons-container-big,
.ardplayer.ardplayer-state-pip:not(.ardplayer-state-fullscreen):not(
    .ardplayer-state-audio
  )
  .ardplayer-addons-container-big {
  padding-right: 30px;
}
.ardplayer.ardplayer-no-fullscreen:not(.ardplayer-state-fullscreen):not(
    .ardplayer-state-audio
  ).ardplayer-m
  .ardplayer-addons-container-big,
.ardplayer.ardplayer-no-fullscreen:not(.ardplayer-state-fullscreen):not(
    .ardplayer-state-audio
  ).ardplayer-sm
  .ardplayer-addons-container-big,
.ardplayer.ardplayer-state-casting:not(.ardplayer-state-fullscreen):not(
    .ardplayer-state-audio
  ).ardplayer-m
  .ardplayer-addons-container-big,
.ardplayer.ardplayer-state-casting:not(.ardplayer-state-fullscreen):not(
    .ardplayer-state-audio
  ).ardplayer-sm
  .ardplayer-addons-container-big,
.ardplayer.ardplayer-state-pip:not(.ardplayer-state-fullscreen):not(
    .ardplayer-state-audio
  ).ardplayer-m
  .ardplayer-addons-container-big,
.ardplayer.ardplayer-state-pip:not(.ardplayer-state-fullscreen):not(
    .ardplayer-state-audio
  ).ardplayer-sm
  .ardplayer-addons-container-big {
  padding-right: 16px;
}
.ardplayer.ardplayer-no-fullscreen:not(.ardplayer-state-fullscreen):not(
    .ardplayer-state-audio
  ).ardplayer-sm
  .ardplayer-controlbar,
.ardplayer.ardplayer-state-casting:not(.ardplayer-state-fullscreen):not(
    .ardplayer-state-audio
  ).ardplayer-sm
  .ardplayer-controlbar,
.ardplayer.ardplayer-state-pip:not(.ardplayer-state-fullscreen):not(
    .ardplayer-state-audio
  ).ardplayer-sm
  .ardplayer-controlbar {
  right: 134px;
}
.ardplayer.ardplayer-no-fullscreen:not(.ardplayer-state-fullscreen):not(
    .ardplayer-state-audio
  ).ardplayer-sm
  .ardplayer-time-remaining,
.ardplayer.ardplayer-state-casting:not(.ardplayer-state-fullscreen):not(
    .ardplayer-state-audio
  ).ardplayer-sm
  .ardplayer-time-remaining,
.ardplayer.ardplayer-state-pip:not(.ardplayer-state-fullscreen):not(
    .ardplayer-state-audio
  ).ardplayer-sm
  .ardplayer-time-remaining {
  right: 54px;
}
.ardplayer.ardplayer-no-fullscreen:not(.ardplayer-state-fullscreen):not(
    .ardplayer-state-audio
  ).ardplayer-s
  .ardplayer-addons-container-big,
.ardplayer.ardplayer-state-casting:not(.ardplayer-state-fullscreen):not(
    .ardplayer-state-audio
  ).ardplayer-s
  .ardplayer-addons-container-big,
.ardplayer.ardplayer-state-pip:not(.ardplayer-state-fullscreen):not(
    .ardplayer-state-audio
  ).ardplayer-s
  .ardplayer-addons-container-big {
  padding-right: 0;
}
.ardplayer.ardplayer-no-fullscreen:not(.ardplayer-state-fullscreen):not(
    .ardplayer-state-audio
  ).ardplayer-s
  .ardplayer-controlbar,
.ardplayer.ardplayer-state-casting:not(.ardplayer-state-fullscreen):not(
    .ardplayer-state-audio
  ).ardplayer-s
  .ardplayer-controlbar,
.ardplayer.ardplayer-state-pip:not(.ardplayer-state-fullscreen):not(
    .ardplayer-state-audio
  ).ardplayer-s
  .ardplayer-controlbar {
  right: 43px;
}
.ardplayer.ardplayer-state-casting.ardplayer-state-airplay .ardplayer-viewport,
.ardplayer.ardplayer-state-casting.ardplayer-state-pip .ardplayer-viewport,
.ardplayer.ardplayer-state-pip.ardplayer-state-airplay .ardplayer-viewport,
.ardplayer.ardplayer-state-pip.ardplayer-state-pip .ardplayer-viewport {
  mix-blend-mode: screen;
}
.ardplayer.ardplayer-state-casting.ardplayer-state-airplay
  .ardplayer-posterbackdrop,
.ardplayer.ardplayer-state-casting.ardplayer-state-pip
  .ardplayer-posterbackdrop,
.ardplayer.ardplayer-state-pip.ardplayer-state-airplay
  .ardplayer-posterbackdrop,
.ardplayer.ardplayer-state-pip.ardplayer-state-pip .ardplayer-posterbackdrop {
  opacity: 0.7;
}
.ardplayer.ardplayer-state-casting .ardplayer-posterbackdrop,
.ardplayer.ardplayer-state-pip .ardplayer-posterbackdrop {
  display: block;
}
.ardplayer.ardplayer-state-casting.ardplayer-show-controls
  .ardplayer-background,
.ardplayer.ardplayer-state-casting.ardplayer-state-completed:not(
    .ardplayer-force-hide-controls
  )
  .ardplayer-background,
.ardplayer.ardplayer-state-pip.ardplayer-show-controls .ardplayer-background,
.ardplayer.ardplayer-state-pip.ardplayer-state-completed:not(
    .ardplayer-force-hide-controls
  )
  .ardplayer-background {
  opacity: 0.3;
}
.ardplayer.ardplayer-state-casting:not(.ardplayer-state-casting-volumecontrol)
  .ardplayer-button-volume {
  display: none;
}
.ardplayer.ardplayer-state-native-pip,
.ardplayer.ardplayer-state-native-pip * {
  pointer-events: none !important;
}
.ardplayer.ardplayer-state-native-pip .ardplayer-bottom-sheet-container,
.ardplayer.ardplayer-state-native-pip .ardplayer-center,
.ardplayer.ardplayer-state-native-pip .ardplayer-control,
.ardplayer.ardplayer-state-native-pip .ardplayer-footer,
.ardplayer.ardplayer-state-native-pip .ardplayer-header,
.ardplayer.ardplayer-state-native-pip .ardplayer-playstate-zoom,
.ardplayer.ardplayer-state-native-pip .ardplayer-posterframe div,
.ardplayer.ardplayer-state-native-pip .ardplayer-posterframe span,
.ardplayer.ardplayer-state-native-pip .ardplayer-title-container,
.ardplayer.ardplayer-state-native-pip .ardplayer-viewport-addon-overlays {
  display: none !important;
}
.ardplayer.ardplayer-android-tv .ardplayer-button-volume {
  display: none;
}
.ardplayer.ardplayer-state-live-initial-buffer .ardplayer-buffering {
  display: block;
}
.ardplayer.ardplayer-state-live-initial-buffer .ardplayer-controlbar,
.ardplayer.ardplayer-state-live-initial-buffer
  .ardplayer-footer
  .ardplayer-time-remaining,
.ardplayer.ardplayer-state-live-initial-buffer.ardplayer.ardplayer
  .ardplayer-center
  *,
.ardplayer.ardplayer-state-live-initial-buffer.ardplayer.ardplayer
  .ardplayer-footer
  *,
.ardplayer.ardplayer-state-live-initial-buffer.ardplayer.ardplayer
  .ardplayer-header
  * {
  opacity: 0;
}
@keyframes pulsePlay {
  0% {
    transform: scaleX(1);
  }
  50% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    transform: scaleX(1);
  }
}
@keyframes pulsePause {
  0% {
    transform: scaleX(1);
  }
  50% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    transform: scaleX(1);
  }
}
.ardplayer button {
  background: none;
  border: none;
  color: var(--ardplayer-color-lightest);
  cursor: pointer;
  margin: 0;
  outline-width: 0;
  padding: 0;
  pointer-events: all;
  text-shadow: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  will-change: color, background;
}
.ardplayer button,
.ardplayer button:after,
.ardplayer button:before {
  font-size: 48px;
  height: 48px;
  line-height: 48px;
  width: 48px;
}
.ardplayer button:after,
.ardplayer button:before {
  display: block;
  transition: transform 0.2s ease-in-out;
  will-change: transform;
}
.ardplayer button:hover:after,
.ardplayer button:hover:before,
.ardplayer button[aria-pressed="true"]:after,
.ardplayer button[aria-pressed="true"]:before {
  transform: scale(1.2);
}
.ardplayer button.ardplayer-button-disabled {
  color: hsla(0, 0%, 62%, 0.6) !important;
  cursor: default !important;
}
.ardplayer button.ardplayer-button-disabled:hover:after,
.ardplayer button.ardplayer-button-disabled:hover:before,
.ardplayer button.ardplayer-button-disabled[aria-pressed="true"]:after,
.ardplayer button.ardplayer-button-disabled[aria-pressed="true"]:before {
  transform: none;
}
.ardplayer button.ardplayer-icon-pause {
  animation-duration: 0.4s;
  animation-name: pulsePlay;
}
.ardplayer button.ardplayer-icon-play {
  animation-duration: 0.4s;
  animation-name: pulsePause;
}
.ardplayer .ardplayer-bottom-sheet-container button.ardplayer-button-active,
.ardplayer .ardplayer-bottom-sheet-container button:hover,
.ardplayer .ardplayer-button-big button.ardplayer-button-active,
.ardplayer .ardplayer-button-big button:hover,
.ardplayer .ardplayer-center button.ardplayer-button-active,
.ardplayer .ardplayer-center button:hover,
.ardplayer .ardplayer-header button.ardplayer-button-active,
.ardplayer .ardplayer-header button:hover,
.ardplayer .ardplayer-modal-container button.ardplayer-button-active,
.ardplayer .ardplayer-modal-container button:hover,
.ardplayer button.ardplayer-button-big.ardplayer-button-active,
.ardplayer button.ardplayer-button-big:hover,
.ardplayer > button.ardplayer-button-active,
.ardplayer > button:hover {
  color: var(--ardplayer-color-primary);
}
@media (hover: none), (pointer: coarse), (pointer: none) {
  .ardplayer
    .ardplayer-bottom-sheet-container
    button:not(.ardplayer-button-disabled):hover,
  .ardplayer .ardplayer-button-big button:not(.ardplayer-button-disabled):hover,
  .ardplayer .ardplayer-center button:not(.ardplayer-button-disabled):hover,
  .ardplayer .ardplayer-header button:not(.ardplayer-button-disabled):hover,
  .ardplayer
    .ardplayer-modal-container
    button:not(.ardplayer-button-disabled):hover,
  .ardplayer button.ardplayer-button-big:not(.ardplayer-button-disabled):hover,
  .ardplayer > button:not(.ardplayer-button-disabled):hover {
    color: var(--ardplayer-color-lightest);
  }
}
.ardplayer.ardplayer-state-embedded
  .ardplayer-bottom-sheet-container
  button:not(.ardplayer-button-disabled):hover,
.ardplayer.ardplayer-state-embedded
  .ardplayer-button-big
  button:not(.ardplayer-button-disabled):hover,
.ardplayer.ardplayer-state-embedded
  .ardplayer-center
  button:not(.ardplayer-button-disabled):hover,
.ardplayer.ardplayer-state-embedded
  .ardplayer-header
  button:not(.ardplayer-button-disabled):hover,
.ardplayer.ardplayer-state-embedded
  .ardplayer-modal-container
  button:not(.ardplayer-button-disabled):hover,
.ardplayer.ardplayer-state-embedded
  button.ardplayer-button-big:not(.ardplayer-button-disabled):hover,
.ardplayer.ardplayer-state-embedded
  > button:not(.ardplayer-button-disabled):hover {
  color: var(--ardplayer-color-lightest);
}
.ardplayer .ardplayer-button-big button,
.ardplayer .ardplayer-button-big button:after,
.ardplayer .ardplayer-button-big button:before,
.ardplayer button.ardplayer-button-big,
.ardplayer button.ardplayer-button-big:after,
.ardplayer button.ardplayer-button-big:before {
  font-size: 72px;
  height: 72px;
  line-height: 72px;
  width: 72px;
}
.ardplayer .ardplayer-button-big button.ardplayer-button-hero,
.ardplayer button.ardplayer-button-big.ardplayer-button-hero {
  background: var(--ardplayer-color-tertiary);
  border-radius: 50%;
  color: var(--ardplayer-color-lightest) !important;
  margin: 10px;
}
.ardplayer .ardplayer-button-big button.ardplayer-button-hero:hover,
.ardplayer
  .ardplayer-button-big
  button.ardplayer-button-hero[aria-pressed="true"],
.ardplayer button.ardplayer-button-big.ardplayer-button-hero:hover,
.ardplayer
  button.ardplayer-button-big.ardplayer-button-hero[aria-pressed="true"] {
  background: var(--ardplayer-color-primary);
}
.ardplayer .ardplayer-button-big button.ardplayer-button-hero:after,
.ardplayer .ardplayer-button-big button.ardplayer-button-hero:before,
.ardplayer button.ardplayer-button-big.ardplayer-button-hero:after,
.ardplayer button.ardplayer-button-big.ardplayer-button-hero:before {
  transition: transform 0.6s ease-in-out;
}
.ardplayer.ardplayer-m button,
.ardplayer.ardplayer-m button:after,
.ardplayer.ardplayer-m button:before,
.ardplayer.ardplayer-sm button,
.ardplayer.ardplayer-sm button:after,
.ardplayer.ardplayer-sm button:before {
  font-size: 48px;
  height: 48px;
  line-height: 48px;
  width: 48px;
}
.ardplayer.ardplayer-m .ardplayer-button-big button,
.ardplayer.ardplayer-m button.ardplayer-button-big,
.ardplayer.ardplayer-sm .ardplayer-button-big button,
.ardplayer.ardplayer-sm button.ardplayer-button-big {
  margin: 0;
}
.ardplayer.ardplayer-m .ardplayer-button-big button,
.ardplayer.ardplayer-m .ardplayer-button-big button:after,
.ardplayer.ardplayer-m .ardplayer-button-big button:before,
.ardplayer.ardplayer-m button.ardplayer-button-big,
.ardplayer.ardplayer-m button.ardplayer-button-big:after,
.ardplayer.ardplayer-m button.ardplayer-button-big:before,
.ardplayer.ardplayer-sm .ardplayer-button-big button,
.ardplayer.ardplayer-sm .ardplayer-button-big button:after,
.ardplayer.ardplayer-sm .ardplayer-button-big button:before,
.ardplayer.ardplayer-sm button.ardplayer-button-big,
.ardplayer.ardplayer-sm button.ardplayer-button-big:after,
.ardplayer.ardplayer-sm button.ardplayer-button-big:before {
  font-size: 48px;
  height: 48px;
  line-height: 48px;
  width: 48px;
}
.ardplayer.ardplayer-s .ardplayer-button-big button,
.ardplayer.ardplayer-s .ardplayer-button-big button:after,
.ardplayer.ardplayer-s .ardplayer-button-big button:before,
.ardplayer.ardplayer-s button,
.ardplayer.ardplayer-s button.ardplayer-button-big,
.ardplayer.ardplayer-s button.ardplayer-button-big:after,
.ardplayer.ardplayer-s button.ardplayer-button-big:before,
.ardplayer.ardplayer-s button:after,
.ardplayer.ardplayer-s button:before {
  font-size: 40px;
  height: 40px;
  line-height: 40px;
  width: 40px;
}
.ardplayer .ardplayer-button-jumptolive,
.ardplayer .ardplayer-button-nextclip,
.ardplayer .ardplayer-button-prevclip,
.ardplayer .ardplayer-button-settings-reveal,
.ardplayer .ardplayer-button-skipbackward,
.ardplayer .ardplayer-button-skipforward {
  display: none;
}
.ardplayer .ardplayer-controlbar {
  bottom: 130px;
  left: 140px;
  pointer-events: none;
  position: absolute;
  right: 140px;
}
.ardplayer .ardplayer-controlbar .noUi-target {
  height: 20px;
  pointer-events: none;
}
.ardplayer .ardplayer-controlbar .noUi-horizontal .noUi-handle {
  background: var(--ardplayer-color-primary);
  height: 18px;
  left: auto;
  right: -9px;
  top: 1px;
  transition: 0.2s ease-in-out;
  width: 18px;
}
.ardplayer .ardplayer-controlbar .ardplayer-controlbar-buffer,
.ardplayer .ardplayer-controlbar .ardplayer-controlbar-jumpmarks,
.ardplayer .ardplayer-controlbar .ardplayer-controlbar-seek-indicator,
.ardplayer .ardplayer-controlbar .noUi-connects {
  border-radius: 2px;
  bottom: 8px;
  height: 4px;
  position: absolute;
  transition: transform 0.2s ease-in-out;
  width: 100%;
}
.ardplayer .ardplayer-controlbar .noUi-connects {
  background-color: var(--ardplayer-color-lightest-transparent-50);
  pointer-events: none;
}
.ardplayer .ardplayer-controlbar .noUi-connects .noUi-connect {
  background-color: var(--ardplayer-color-primary);
  border-radius: 2px;
}
.ardplayer .ardplayer-controlbar .ardplayer-controlbar-buffer,
.ardplayer .ardplayer-controlbar .ardplayer-controlbar-seek-indicator {
  background-color: var(--ardplayer-color-lightest-transparent-30);
  pointer-events: none;
}
.ardplayer .ardplayer-controlbar .ardplayer-controlbar-thumb-input {
  width: 100%;
}
.ardplayer .ardplayer-controlbar .ardplayer-controlbar-hover {
  background: var(--ardplayer-color-primary-dark);
  border-radius: 5px;
  bottom: 45px;
  font-size: 20px;
  font-weight: 700;
  overflow: hidden;
  padding: 8px 16px;
  pointer-events: none;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  z-index: 2;
}
.ardplayer .ardplayer-controlbar-hero .ardplayer-controlbar {
  right: 212px;
}
.ardplayer.ardplayer-show-controls .ardplayer-controlbar,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls)
  .ardplayer-controlbar {
  pointer-events: all;
}
.ardplayer.ardplayer-show-controls .ardplayer-controlbar .noUi-connects,
.ardplayer.ardplayer-show-controls .ardplayer-controlbar .noUi-target,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls)
  .ardplayer-controlbar
  .noUi-connects,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls)
  .ardplayer-controlbar
  .noUi-target {
  pointer-events: auto;
}
.ardplayer.ardplayer-m .ardplayer-controlbar-buffer,
.ardplayer.ardplayer-m .ardplayer-controlbar-jumpmarks,
.ardplayer.ardplayer-m .ardplayer-controlbar-seek-indicator,
.ardplayer.ardplayer-m .noUi-connects,
.ardplayer.ardplayer-sm .ardplayer-controlbar-buffer,
.ardplayer.ardplayer-sm .ardplayer-controlbar-jumpmarks,
.ardplayer.ardplayer-sm .ardplayer-controlbar-seek-indicator,
.ardplayer.ardplayer-sm .noUi-connects {
  border-radius: 2px;
  bottom: 8px;
  height: 4px;
}
.ardplayer.ardplayer-m .noUi-connects .noUi-connect,
.ardplayer.ardplayer-sm .noUi-connects .noUi-connect {
  border-radius: 2px;
}
.ardplayer.ardplayer-m .ardplayer-controlbar,
.ardplayer.ardplayer-sm .ardplayer-controlbar {
  bottom: 70px;
  left: 86px;
  right: 86px;
}
.ardplayer.ardplayer-m .ardplayer-controlbar .ardplayer-controlbar-hover,
.ardplayer.ardplayer-sm .ardplayer-controlbar .ardplayer-controlbar-hover {
  bottom: 38px;
  font-size: 16px;
  padding: 6px 12px;
}
.ardplayer.ardplayer-m .noUi-horizontal .noUi-handle,
.ardplayer.ardplayer-sm .noUi-horizontal .noUi-handle {
  height: 14px;
  right: -7px;
  top: 3px;
  width: 14px;
}
.ardplayer.ardplayer-m .ardplayer-controlbar-hero .ardplayer-controlbar {
  right: 134px;
}
.ardplayer.ardplayer-sm .ardplayer-controlbar {
  bottom: 29px;
}
.ardplayer.ardplayer-sm .ardplayer-controlbar,
.ardplayer.ardplayer-sm .ardplayer-controlbar-hero .ardplayer-controlbar {
  right: 182px;
}
.ardplayer.ardplayer-s .ardplayer-controlbar-hero .ardplayer-controlbar {
  right: 86px;
}
.ardplayer.ardplayer-s .ardplayer-controlbar {
  bottom: 10px;
  left: 12px;
  right: 86px;
}
.ardplayer.ardplayer-s .ardplayer-controlbar .ardplayer-controlbar-hover {
  bottom: 30px;
  font-size: 16px;
}
.ardplayer.ardplayer-s .ardplayer-controlbar .noUi-horizontal .noUi-handle {
  height: 14px;
  right: -7px;
  top: 3px;
  width: 14px;
}
.ardplayer.ardplayer-s .ardplayer-controlbar .ardplayer-controlbar-buffer,
.ardplayer.ardplayer-s .ardplayer-controlbar .ardplayer-controlbar-jumpmarks,
.ardplayer.ardplayer-s
  .ardplayer-controlbar
  .ardplayer-controlbar-seek-indicator,
.ardplayer.ardplayer-s .ardplayer-controlbar .noUi-connects {
  border-radius: 2px;
  bottom: 8px;
  height: 4px;
}
.ardplayer.ardplayer-s .ardplayer-controlbar .noUi-connects .noUi-connect {
  border-radius: 2px;
}
.ardplayer .ardplayer-button-volume {
  display: inline-block;
  pointer-events: all;
  position: relative;
}
.ardplayer .ardplayer-volume-fader {
  left: 72px;
  opacity: 0;
  position: absolute;
  top: -7px;
  transition: visibility 0.6s ease-in-out, opacity 0.6s ease-in-out;
  visibility: hidden;
}
.ardplayer .ardplayer-volume-fader .noUi-base {
  height: 72px;
  pointer-events: auto;
}
.ardplayer .ardplayer-volume-fader .noUi-base .noUi-connects {
  background-color: var(--ardplayer-color-lightest-transparent-50);
  height: 6px;
  top: 33px;
}
.ardplayer .ardplayer-volume-fader .noUi-base .noUi-connects .noUi-connect {
  background-color: var(--ardplayer-color-lightest-transparent-30);
}
.ardplayer .ardplayer-volume-fader .noUi-base .noUi-handle {
  height: 20px;
  right: -10px;
  top: 26px;
  width: 20px;
}
.ardplayer .ardplayer-volume-fader .ardplayer-volume-fader-input {
  height: 6px;
  width: 125px;
}
.ardplayer .ardplayer-volume-fader .slider-wrapper {
  display: inline-block;
  padding: 0;
}
.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: var(--ardplayer-color-primary);
  transform: scale(1.2);
}
.ardplayer.ardplayer-volume-open.ardplayer-volume-open:not(
    .ardplayer-state-audio
  )
  .ardplayer-volume-fader {
  opacity: 1;
  visibility: visible;
}
.ardplayer.ardplayer-m .ardplayer-volume-fader,
.ardplayer.ardplayer-state-audio .ardplayer-volume-fader {
  left: 48px;
  top: -10px;
}
.ardplayer.ardplayer-m .ardplayer-volume-fader .noUi-base,
.ardplayer.ardplayer-state-audio .ardplayer-volume-fader .noUi-base {
  height: 48px;
}
.ardplayer.ardplayer-m .ardplayer-volume-fader .noUi-base .noUi-connects,
.ardplayer.ardplayer-state-audio
  .ardplayer-volume-fader
  .noUi-base
  .noUi-connects {
  height: 3px;
  top: 22.5px;
}
.ardplayer.ardplayer-m .ardplayer-volume-fader .noUi-base .noUi-handle,
.ardplayer.ardplayer-state-audio
  .ardplayer-volume-fader
  .noUi-base
  .noUi-handle {
  height: 10px;
  right: -5px;
  top: 19px;
  width: 10px;
}
.ardplayer.ardplayer-m .ardplayer-volume-fader .ardplayer-volume-fader-input,
.ardplayer.ardplayer-state-audio
  .ardplayer-volume-fader
  .ardplayer-volume-fader-input {
  height: 3px;
  width: 60px;
}
.ardplayer.ardplayer-s .ardplayer-volume-fader {
  left: 40px;
}
.ardplayer.ardplayer-s .ardplayer-volume-fader .noUi-base {
  height: 40px;
}
.ardplayer.ardplayer-s .ardplayer-volume-fader .noUi-base .noUi-connects {
  top: 18.5px;
}
.ardplayer.ardplayer-s .ardplayer-volume-fader .noUi-base .noUi-handle {
  top: 15px;
}
.ardplayer .ardplayer-posterbackdrop {
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.ardplayer .ardplayer-posterbackdrop picture {
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
}
.ardplayer .ardplayer-posterbackdrop picture,
.ardplayer .ardplayer-posterbackdrop picture > img {
  height: 100%;
  width: 100%;
}
.ardplayer .ardplayer-posterbackdrop picture > img {
  -o-object-fit: cover;
  object-fit: cover;
}
.ardplayer .ardplayer-posterbackdrop img:not([src]),
.ardplayer .ardplayer-posterbackdrop picture:empty {
  display: none;
}
.ardplayer .ardplayer-posterframe {
  background-color: var(--ardplayer-color-secondary);
  cursor: default;
  display: none;
}
.ardplayer .ardplayer-posterframe,
.ardplayer .ardplayer-posterframe picture,
.ardplayer .ardplayer-posterframe picture > img {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.ardplayer .ardplayer-posterframe picture > img {
  -o-object-fit: cover;
  object-fit: cover;
}
.ardplayer .ardplayer-posterframe img:not([src]),
.ardplayer .ardplayer-posterframe picture:empty {
  display: none;
}
.ardplayer .ardplayer-posterframe .ardplayer-posterframe-buttons {
  left: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.ardplayer .ardplayer-posterframe span.ardplayer-posterframe-title {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  -webkit-box-pack: end;
  bottom: 15%;
  display: -webkit-box;
  font-size: 32px;
  left: 0;
  overflow: hidden;
  position: absolute;
  text-align: center;
  text-overflow: ellipsis;
  text-shadow: 1px 1px 1px var(--ardplayer-color-darkest);
  white-space: normal;
  width: 100%;
}
.ardplayer .ardplayer-posterframe span.ardplayer-posterframe-duration {
  background-color: var(--ardplayer-color-primary-dark);
  bottom: 20px;
  color: var(--ardplayer-color-lightest);
  font-size: 14px;
  padding: 2px 3px;
  position: absolute;
  right: 20px;
  text-align: center;
  text-shadow: 0 0 20px rgba(0, 14, 41, 0.8);
}
.ardplayer.ardplayer-m .ardplayer-posterframe span.ardplayer-posterframe-title {
  -webkit-line-clamp: 2;
  bottom: 13%;
  font-size: 26px;
}
.ardplayer.ardplayer-s .ardplayer-posterframe span.ardplayer-posterframe-title {
  bottom: 40px;
  font-size: 20px;
}
.ardplayer.ardplayer-xs
  .ardplayer-posterframe
  span.ardplayer-posterframe-title {
  bottom: 30px;
  font-size: 16px;
}
.ardplayer.ardplayer-xs
  .ardplayer-posterframe
  span.ardplayer-posterframe-duration {
  bottom: 10px;
  right: 10px;
}
.ardplayer.ardplayer-posterframe-transparent {
  background-color: transparent;
}
.ardplayer.ardplayer-posterframe-transparent .ardplayer-posterbackdrop,
.ardplayer.ardplayer-posterframe-transparent .ardplayer-posterframe {
  background: transparent;
}
.ardplayer .ardplayer-errorframe {
  background: var(--ardplayer-color-secondary-transparent-50);
  cursor: default;
  display: none;
}
.ardplayer .ardplayer-errorframe,
.ardplayer .ardplayer-errorframe img {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.ardplayer .ardplayer-errorframe button {
  background: var(--ardplayer-color-tertiary);
  border-radius: 20px;
  font-size: 16px;
  height: auto;
  line-height: normal;
  margin-top: 15px;
  padding: 10px 24px;
  width: auto;
}
.ardplayer .ardplayer-errorframe button:active,
.ardplayer .ardplayer-errorframe button:focus,
.ardplayer .ardplayer-errorframe button:hover {
  background-color: var(--ardplayer-color-primary-transparent-50);
}
.ardplayer .ardplayer-errorframe .ardplayer-errorframe-content {
  left: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.ardplayer
  .ardplayer-errorframe
  .ardplayer-errorframe-content
  .ardplayer-error-icon {
  display: inline-block;
  font-size: 90px;
  height: 90px;
  line-height: 90px;
  margin: 0 0 30px;
  width: 90px;
}
.ardplayer
  .ardplayer-errorframe
  .ardplayer-errorframe-content
  .ardplayer-error-icon:hover:before {
  transform: none;
}
.ardplayer
  .ardplayer-errorframe
  .ardplayer-errorframe-content
  span.ardplayer-error-message {
  display: block;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
  max-width: calc(530px + 18%);
  padding: 0 8%;
  text-align: center;
  width: 100%;
}
.ardplayer
  .ardplayer-errorframe
  .ardplayer-errorframe-content
  span.ardplayer-error-message
  span.ardplayer-error-external {
  display: block;
  line-height: 40px;
  margin-top: 20px;
}
.ardplayer
  .ardplayer-errorframe
  .ardplayer-errorframe-content
  span.ardplayer-error-message
  span.ardplayer-error-external
  a {
  background: var(--ardplayer-color-tertiary);
  border-radius: 20px;
  color: var(--ardplayer-color-lightest);
  cursor: pointer;
  padding: 2px 8px;
  text-decoration: none;
}
.ardplayer.ardplayer-m
  .ardplayer-errorframe
  .ardplayer-errorframe-content
  .ardplayer-error-icon {
  font-size: 60px;
  height: 60px;
  line-height: 60px;
  margin-bottom: 20px;
  width: 60px;
}
.ardplayer.ardplayer-m
  .ardplayer-errorframe
  .ardplayer-errorframe-content
  button {
  font-size: 14px;
  margin-top: 10px;
}
.ardplayer.ardplayer-m
  .ardplayer-errorframe
  .ardplayer-errorframe-content
  span.ardplayer-error-message {
  font-size: 14px;
  line-height: normal;
}
.ardplayer.ardplayer-m
  .ardplayer-errorframe
  .ardplayer-errorframe-content
  span.ardplayer-error-message
  span.ardplayer-error-external {
  line-height: 24px;
  margin-top: 15px;
}
.ardplayer.ardplayer-s
  .ardplayer-errorframe
  .ardplayer-errorframe-content
  .ardplayer-error-icon {
  display: none;
}
.ardplayer.ardplayer-s
  .ardplayer-errorframe
  .ardplayer-errorframe-content
  button {
  margin-top: 0;
}
.ardplayer.ardplayer-s
  .ardplayer-errorframe
  .ardplayer-errorframe-content
  span.ardplayer-error-message {
  font-size: 12px;
}
.ardplayer.ardplayer-s
  .ardplayer-errorframe
  .ardplayer-errorframe-content
  span.ardplayer-error-message
  span.ardplayer-error-external {
  line-height: 20px;
  margin-top: 10px;
}
.ardplayer .ardplayer-contextmenu {
  background-color: var(--ardplayer-color-primary-dark);
  border: 1px solid var(--ardplayer-color-primary-transparent-30);
  color: var(--ardplayer-color-lightest);
  display: block;
  font-size: 13px;
  list-style: none;
  margin: 0;
  max-width: 250px;
  min-width: 125px;
  outline: 0;
  padding: 2px 0;
  position: fixed;
  transform-origin: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: 99999;
}
.ardplayer .ardplayer-contextmenu li:first-child {
  background: var(--ardplayer-color-primary-dark);
  border: 1px solid var(--ardplayer-color-primary-transparent-30);
  border-bottom: none;
  position: absolute;
  right: 0;
  top: -25px;
}
.ardplayer .ardplayer-contextmenu li:first-child button {
  float: left;
  height: 25px;
  position: relative;
  width: 25px;
}
.ardplayer .ardplayer-contextmenu li:first-child button:focus,
.ardplayer .ardplayer-contextmenu li:first-child button:hover {
  background-color: var(--ardplayer-color-primary);
}
.ardplayer .ardplayer-contextmenu li:first-child button:active {
  background-color: var(--ardplayer-color-primary-transparent-30);
}
.ardplayer .ardplayer-contextmenu li:first-child button svg {
  height: 20px;
  left: 2px;
  position: absolute;
  top: 2px;
  width: 20px;
}
.ardplayer
  .ardplayer-contextmenu
  li:first-child
  button.ardplayer-context-copy
  svg {
  height: 15px;
  left: 5px;
  top: 4px;
  width: 15px;
}
.ardplayer .ardplayer-contextmenu.ardplayer-contextmenu-touch li:first-child {
  transform: scale(1.5);
  transform-origin: bottom right;
}
.ardplayer .ardplayer-contextmenu .ardplayer-item {
  cursor: default;
  display: block;
  overflow: hidden;
  padding: 2px 6px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ardplayer .ardplayer-contextmenu .ardplayer-item:focus,
.ardplayer .ardplayer-contextmenu .ardplayer-item:hover {
  background-color: var(--ardplayer-color-primary);
}
.ardplayer .ardplayer-contextmenu .ardplayer-item:focus {
  outline: 0;
}
.ardplayer .ardplayer-contextmenu .ardplayer-item-inactive {
  color: gray;
}
.ardplayer .ardplayer-contextmenu .ardplayer-item-inactive:focus,
.ardplayer .ardplayer-contextmenu .ardplayer-item-inactive:hover {
  background-color: var(--ardplayer-color-primary-dark);
}
.ardplayer .ardplayer-contextmenu .ardplayer-divider {
  background-color: var(--ardplayer-color-primary-transparent-30);
  height: 1px;
  margin: 4px 0;
  overflow: clip;
}
@keyframes ardplayer-modal-reveal-stage {
  0% {
    transform: translateY(100%);
  }
  75% {
    transform: translateY(0);
  }
}
@keyframes ardplayer-modal-reveal-content {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes ardplayer-modal-conceal-stage {
  0% {
    transform: translateY(0);
  }
  to {
    transform: translateY(100%);
  }
}
@keyframes ardplayer-modal-conceal-content {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  to {
    opacity: 0;
  }
}
.ardplayer .ardplayer-font-byline {
  font-size: 18px;
  line-height: 21.6px;
  margin-right: 5px;
}
.ardplayer .ardplayer-font-byline,
.ardplayer .ardplayer-font-byline a {
  color: var(--ardplayer-color-light);
}
.ardplayer .ardplayer-font-byline + .ardplayer-font-byline:before {
  content: "|";
  margin-right: 5px;
}
.ardplayer .ardplayer-font-title + .ardplayer-chip,
.ardplayer .ardplayer-font-title + .ardplayer-chip-highlight,
.ardplayer :not(.ardplayer-font-byline) + .ardplayer-font-byline {
  display: inline-block;
  margin-top: 18px;
}
.ardplayer .ardplayer-chip,
.ardplayer .ardplayer-chip-highlight {
  background: var(--ardplayer-color-dark);
  border-radius: 1px;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  margin: 2px;
  padding: 4px 8px;
  text-transform: uppercase;
}
.ardplayer .ardplayer-chip-highlight {
  background: var(--ardplayer-color-primary);
}
.ardplayer .ardplayer-bottom-sheet-container {
  bottom: 0;
  color: var(--ardplayer-color-lightest);
  font-size: 20px;
  left: 0;
  overscroll-behavior: contain;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: visibility 0.5s ease-out;
  visibility: hidden;
  z-index: 4;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-background {
  background-color: transparent;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: background-color 0.5s ease-out;
  width: 100%;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-stage {
  animation: ardplayer-modal-conceal-stage 0.5s cubic-bezier(0, 0, 0.01, 1);
  background-color: var(--ardplayer-color-primary-dark);
  bottom: 0;
  display: flex;
  flex-direction: column;
  left: 0;
  max-height: 100%;
  min-height: 240px;
  padding: 10px 5%;
  position: absolute;
  right: 0;
  transform: translateY(100%);
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-topbar {
  align-items: center;
  animation: ardplayer-modal-conceal-content 0.25s cubic-bezier(0, 0, 0.01, 1);
  animation-fill-mode: forwards;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-bottom: 20px;
  z-index: 1;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-title {
  flex-grow: 1;
  font-size: 26px;
  overflow: hidden;
  padding: 5px 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper {
  animation: ardplayer-modal-conceal-content 0.25s cubic-bezier(0, 0, 0.01, 1);
  margin: -20px 5.5555555556% -15px;
  overflow-y: auto;
  overscroll-behavior: contain;
  position: relative;
  scrollbar-color: var(--ardplayer-color-lightest)
    var(--ardplayer-color-light-transparent-90);
  scrollbar-width: thin;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper
  .ardplayer-bottom-sheet-content {
  margin-bottom: 80px;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper:after,
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper:before {
  content: "";
  display: block;
  height: 15px;
  left: 0;
  position: sticky;
  right: 0;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper:before {
  background: linear-gradient(
    to bottom,
    var(--ardplayer-color-primary-dark),
    var(--ardplayer-color-primary-dark-transparent-100)
  );
  top: 0;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper:after {
  background: linear-gradient(
    to top,
    var(--ardplayer-color-primary-dark),
    var(--ardplayer-color-primary-dark-transparent-100)
  );
  bottom: 0;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper::-webkit-scrollbar {
  width: 4px;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper::-webkit-scrollbar-track {
  background: var(--ardplayer-color-light-transparent-90);
  border-radius: 4px;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper::-webkit-scrollbar-thumb {
  background-color: var(--ardplayer-color-lightest);
  border-radius: 4px;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-container-horizontal,
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-container-vertical {
  align-content: space-around;
  align-items: baseline;
  display: flex;
  justify-content: center;
  scrollbar-color: var(--ardplayer-color-lightest)
    var(--ardplayer-color-light-transparent-90);
  scrollbar-width: thin;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-container-horizontal
  .ardplayer-container-spacer,
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-container-vertical
  .ardplayer-container-spacer {
  flex-grow: 1;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-container-horizontal.ardplayer-container-end,
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-container-vertical.ardplayer-container-end {
  justify-content: flex-end;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-container-horizontal.ardplayer-container-start,
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-container-vertical.ardplayer-container-start {
  justify-content: flex-start;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-container-horizontal.ardplayer-container-tabs,
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-container-vertical.ardplayer-container-tabs {
  flex-shrink: 0;
  flex-wrap: nowrap;
  margin: 0 20px;
  -webkit-mask-image: linear-gradient(
    90deg,
    transparent,
    #000 20px,
    #000 calc(100% - 20px),
    transparent
  );
  mask-image: linear-gradient(
    90deg,
    transparent,
    #000 20px,
    #000 calc(100% - 20px),
    transparent
  );
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0 20px;
  scroll-padding: 0 20px;
  scroll-snap-type: x proximity;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-container-horizontal.ardplayer-container-tabs:after,
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-container-vertical.ardplayer-container-tabs:after {
  content: " ";
  display: block;
  flex-shrink: 0;
  height: 1px;
  width: 20px;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-container-horizontal.ardplayer-container-tabs
  .ardplayer-option,
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-container-vertical.ardplayer-container-tabs
  .ardplayer-option {
  scroll-snap-align: start;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-container-horizontal::-webkit-scrollbar,
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-container-vertical::-webkit-scrollbar {
  width: 4px;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-container-horizontal::-webkit-scrollbar-track,
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-container-vertical::-webkit-scrollbar-track {
  background: var(--ardplayer-color-light-transparent-90);
  border-radius: 4px;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-container-horizontal::-webkit-scrollbar-thumb,
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-container-vertical::-webkit-scrollbar-thumb {
  background-color: var(--ardplayer-color-lightest);
  border-radius: 4px;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-container-vertical {
  flex-wrap: nowrap;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-container-horizontal {
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 20px;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-stage
  > .ardplayer-container-horizontal.ardplayer-container-tabs {
  margin: 0 calc(5.55556% - 20px);
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-stage
  > .ardplayer-container-horizontal.ardplayer-container-tabs
  + .ardplayer-bottom-sheet-content-wrapper {
  margin-top: 0;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-container-vertical {
  align-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-container-vertical
  .ardplayer-container-horizontal {
  width: 100%;
}
.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: 20px;
}
.ardplayer .ardplayer-bottom-sheet-container a {
  color: var(--ardplayer-color-lightest);
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-button-pill,
.ardplayer .ardplayer-bottom-sheet-container button.ardplayer-button-pill {
  background-color: var(--ardplayer-color-tertiary);
  border-radius: 24px;
  color: var(--ardplayer-color-lightest);
  font-size: 18px;
  height: 40px;
  line-height: 18px;
  padding: 10px 24px;
  width: auto;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-button-pill.ardplayer-button-pill-secondary,
.ardplayer
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-pill.ardplayer-button-pill-secondary {
  background: transparent;
  border: 1px solid var(--ardplayer-color-lightest);
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-button-pill:before,
.ardplayer
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-pill:before {
  display: inline-block;
  font-size: 24px;
  line-height: 20px;
  margin-left: -5px;
  margin-right: 4px;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-button-pill:active,
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-button-pill:hover,
.ardplayer
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-pill:active,
.ardplayer
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-pill:hover {
  background-color: var(--ardplayer-color-primary);
}
.ardplayer .ardplayer-bottom-sheet-container button.ardplayer-button-rect {
  font-size: 20px;
  overflow: hidden;
  position: relative;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-rect:before {
  display: inline-block;
  transition: transform 0.2s ease-in-out, margin-right 0.2s ease-in-out;
  will-change: transform, margin-right;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-rect:hover:not(.ardplayer-button-disabled):before,
.ardplayer
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-rect[aria-pressed="true"]:not(
    .ardplayer-button-disabled
  ):before {
  margin-right: 3px;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-rect:after {
  position: absolute;
  right: 0;
  top: 0;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-rect.ardplayer-icon-after {
  padding-right: 48px;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-checkbox {
  display: none;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-checkbox
  + .ardplayer-checkbox-label {
  cursor: pointer;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-checkbox
  + .ardplayer-checkbox-label:before {
  background: var(--ardplayer-color-lightest);
  border: 3px solid var(--ardplayer-color-lightest);
  content: "";
  display: inline-block;
  height: 15px;
  margin-bottom: -1px;
  margin-right: 7px;
  width: 15px;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-checkbox
  + .ardplayer-checkbox-label:hover:before {
  background-color: var(--ardplayer-color-light);
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-checkbox:checked
  + .ardplayer-checkbox-label:before {
  background-color: var(--ardplayer-color-tertiary);
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-checkbox:checked
  + .ardplayer-checkbox-label:hover:before {
  background-color: var(--ardplayer-color-tertiary-dark);
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-input-wrapper {
  align-items: center;
  border: 2px solid var(--ardplayer-color-tertiary);
  border-radius: 30px;
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  padding: 3px;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-input-wrapper:focus-within {
  border-color: var(--ardplayer-color-primary);
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-input-wrapper input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none !important;
  outline: none !important;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-input-wrapper
  input:focus,
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-input-wrapper
  input:focus-visible,
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-input-wrapper
  input:focus-within {
  border: none !important;
  outline: none !important;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-input-wrapper
  .ardplayer-input-text {
  background: transparent;
  border: none;
  color: var(--ardplayer-color-lightest);
  flex-grow: 1;
  font-size: 20px;
  padding: 5px;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-input-wrapper.ardplayer-input-small {
  border-width: 1px;
  flex-grow: 0;
  padding: 5px 10px;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-input-wrapper.ardplayer-input-small
  .ardplayer-input-text {
  flex-grow: 0;
  font-size: 18px;
  padding: 0;
  text-align: center;
  width: 60px;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-select
  > .ardplayer-container-horizontal {
  margin-top: 0;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-select
  .ardplayer-container-horizontal
  .ardplayer-option-label {
  flex-basis: 200px;
  flex-basis: clamp(200px, 25%, 300px);
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-font-body {
  line-height: normal;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  *
  + .ardplayer-font-body.ardplayer-font-paragraph {
  margin-top: 30px;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-font-body > br {
  margin-bottom: 30px;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-font-title {
  font-size: 30px;
  font-weight: 700;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ardplayer .ardplayer-bottom-sheet-container * + .ardplayer-font-title {
  margin-top: 10px;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-option-label {
  font-weight: 700;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-option {
  cursor: pointer;
  display: inline-block;
  line-height: 29px;
  margin: 5px;
  padding: 5px 10px;
  transition: background 0.15s ease-in-out;
  white-space: nowrap;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:first-letter {
  text-transform: capitalize;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-option.ardplayer-option-active {
  background: linear-gradient(
    to top,
    var(--ardplayer-color-tertiary) 3px,
    transparent 3px
  );
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover {
  background-color: var(--ardplayer-color-primary);
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-option:hover.ardplayer-option-active {
  background: var(--ardplayer-color-primary)
    linear-gradient(to top, var(--ardplayer-color-primary) 3px, transparent 3px);
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-option.ardplayer-option-expand {
  margin-right: 20px;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-option.ardplayer-option-expand
  .ardplayer-icon {
  font-size: 18px;
  margin-top: 0;
  padding-left: 7px;
  position: absolute;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-option.ardplayer-option-expand
  select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  box-sizing: content-box;
  color: inherit;
  display: inline-block;
  font: inherit;
  margin: -5px -20px -5px -10px;
  overflow: hidden;
  padding: 5px 20px 5px 10px;
  position: relative;
  -moz-text-align-last: center;
  text-align-last: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-option.ardplayer-option-expand
  select
  + .ardplayer-icon {
  margin-top: -2px;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-option.ardplayer-option-disabled {
  color: var(--ardplayer-color-lightest-transparent-50);
  cursor: default;
  pointer-events: none;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-xl .ardplayer-font-byline,
.ardplayer.ardplayer-xl:not(.ardplayer-bs-break) .ardplayer-font-byline {
  font-size: 18px;
  line-height: 21.6px;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-xl
  .ardplayer-font-title
  + .ardplayer-chip,
.ardplayer.ardplayer-bs-break.ardplayer-bs-xl
  .ardplayer-font-title
  + .ardplayer-chip-highlight,
.ardplayer.ardplayer-bs-break.ardplayer-bs-xl
  :not(.ardplayer-font-byline)
  + .ardplayer-font-byline,
.ardplayer.ardplayer-xl:not(.ardplayer-bs-break)
  .ardplayer-font-title
  + .ardplayer-chip,
.ardplayer.ardplayer-xl:not(.ardplayer-bs-break)
  .ardplayer-font-title
  + .ardplayer-chip-highlight,
.ardplayer.ardplayer-xl:not(.ardplayer-bs-break)
  :not(.ardplayer-font-byline)
  + .ardplayer-font-byline {
  margin-top: 18px;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-xl .ardplayer-chip,
.ardplayer.ardplayer-bs-break.ardplayer-bs-xl .ardplayer-chip-highlight,
.ardplayer.ardplayer-xl:not(.ardplayer-bs-break) .ardplayer-chip,
.ardplayer.ardplayer-xl:not(.ardplayer-bs-break) .ardplayer-chip-highlight {
  font-size: 14px;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-xl
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-title,
.ardplayer.ardplayer-xl:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-title {
  font-size: 26px;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-xl
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper,
.ardplayer.ardplayer-bs-break.ardplayer-bs-xl
  .ardplayer-bottom-sheet-container
  .ardplayer-option,
.ardplayer.ardplayer-bs-break.ardplayer-bs-xl
  .ardplayer-bottom-sheet-container
  .ardplayer-option-label,
.ardplayer.ardplayer-bs-break.ardplayer-bs-xl
  .ardplayer-bottom-sheet-container
  p,
.ardplayer.ardplayer-bs-break.ardplayer-bs-xl
  .ardplayer-bottom-sheet-container
  span:not([class]),
.ardplayer.ardplayer-xl:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper,
.ardplayer.ardplayer-xl:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-option,
.ardplayer.ardplayer-xl:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-option-label,
.ardplayer.ardplayer-xl:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  p,
.ardplayer.ardplayer-xl:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  span:not([class]) {
  font-size: 20px;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-xl
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-pill,
.ardplayer.ardplayer-xl:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-pill {
  font-size: 18px;
  line-height: 18px;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-xl
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-rect,
.ardplayer.ardplayer-xl:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-rect {
  font-size: 20px;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-xl
  .ardplayer-bottom-sheet-container
  .ardplayer-input-wrapper
  .ardplayer-input-text,
.ardplayer.ardplayer-bs-break.ardplayer-bs-xl
  .ardplayer-bottom-sheet-container
  .ardplayer-input-wrapper.ardplayer-input-small
  .ardplayer-input-text,
.ardplayer.ardplayer-xl:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-input-wrapper
  .ardplayer-input-text,
.ardplayer.ardplayer-xl:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-input-wrapper.ardplayer-input-small
  .ardplayer-input-text {
  font-size: 18px;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-xl
  .ardplayer-bottom-sheet-container
  .ardplayer-font-title,
.ardplayer.ardplayer-xl:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-font-title {
  font-size: 26px;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-m .ardplayer-font-byline,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break) .ardplayer-font-byline {
  font-size: 14px;
  line-height: 16.8px;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-m
  .ardplayer-font-title
  + .ardplayer-chip,
.ardplayer.ardplayer-bs-break.ardplayer-bs-m
  .ardplayer-font-title
  + .ardplayer-chip-highlight,
.ardplayer.ardplayer-bs-break.ardplayer-bs-m
  :not(.ardplayer-font-byline)
  + .ardplayer-font-byline,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break)
  .ardplayer-font-title
  + .ardplayer-chip,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break)
  .ardplayer-font-title
  + .ardplayer-chip-highlight,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break)
  :not(.ardplayer-font-byline)
  + .ardplayer-font-byline {
  margin-top: 14px;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-m .ardplayer-chip,
.ardplayer.ardplayer-bs-break.ardplayer-bs-m .ardplayer-chip-highlight,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break) .ardplayer-chip,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break) .ardplayer-chip-highlight {
  font-size: 12px;
  padding: 2px 4px;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-m
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-topbar
  button,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-topbar
  button {
  font-size: 48px;
  height: 48px;
  line-height: 48px;
  width: 48px;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-m
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-stage,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-stage {
  min-height: 140px;
  padding: 10px 5%;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-m
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-title,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-title {
  font-size: 20px;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-m
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper {
  font-size: 16px;
  margin-left: 5.5555555556%;
  margin-right: 5.5555555556%;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-m
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper
  .ardplayer-bottom-sheet-content,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper
  .ardplayer-bottom-sheet-content {
  margin-bottom: 80px;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-m
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-stage
  > .ardplayer-container-horizontal.ardplayer-container-tabs,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-stage
  > .ardplayer-container-horizontal.ardplayer-container-tabs {
  margin: 0 calc(5.55556% - 20px);
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-m
  .ardplayer-bottom-sheet-container
  .ardplayer-option,
.ardplayer.ardplayer-bs-break.ardplayer-bs-m
  .ardplayer-bottom-sheet-container
  .ardplayer-option-label,
.ardplayer.ardplayer-bs-break.ardplayer-bs-m
  .ardplayer-bottom-sheet-container
  p,
.ardplayer.ardplayer-bs-break.ardplayer-bs-m
  .ardplayer-bottom-sheet-container
  span:not([class]),
.ardplayer.ardplayer-m:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-option,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-option-label,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  p,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  span:not([class]) {
  font-size: 16px;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-m
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-pill,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-pill {
  font-size: 14px;
  height: 30px;
  line-height: 14px;
  padding: 7px 15px;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-m
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-pill:before,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-pill:before {
  font-size: 20px;
  line-height: 15px;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-m
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-rect,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-rect {
  font-size: 16px;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-m
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-rect.ardplayer-icon-after,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-rect.ardplayer-icon-after {
  padding-right: 48px;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-m
  .ardplayer-bottom-sheet-container
  .ardplayer-input-wrapper,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-input-wrapper {
  border-width: 1px;
  padding: 3px;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-m
  .ardplayer-bottom-sheet-container
  .ardplayer-input-wrapper
  .ardplayer-input-text,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-input-wrapper
  .ardplayer-input-text {
  font-size: 16px;
  padding: 5px;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-m
  .ardplayer-bottom-sheet-container
  .ardplayer-input-wrapper.ardplayer-input-small
  .ardplayer-input-text,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-input-wrapper.ardplayer-input-small
  .ardplayer-input-text {
  font-size: 14px;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-m
  .ardplayer-bottom-sheet-container
  *
  + .ardplayer-font-body.ardplayer-font-paragraph,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  *
  + .ardplayer-font-body.ardplayer-font-paragraph {
  margin-top: 16px;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-m
  .ardplayer-bottom-sheet-container
  .ardplayer-font-body
  > br,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-font-body
  > br {
  margin-bottom: 16px;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-m
  .ardplayer-bottom-sheet-container
  .ardplayer-font-title,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-font-title {
  font-size: 20px;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-m
  .ardplayer-bottom-sheet-container
  .ardplayer-select
  .ardplayer-container-horizontal
  .ardplayer-option-label,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-select
  .ardplayer-container-horizontal
  .ardplayer-option-label {
  flex-basis: 140px;
  flex-basis: clamp(140px, 20%, 180px);
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-m
  .ardplayer-bottom-sheet-container
  .ardplayer-option,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-option {
  line-height: normal;
  padding: 4px 6px;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-s .ardplayer-font-byline,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break) .ardplayer-font-byline {
  font-size: 14px;
  line-height: 16.8px;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-s
  .ardplayer-font-title
  + .ardplayer-chip,
.ardplayer.ardplayer-bs-break.ardplayer-bs-s
  .ardplayer-font-title
  + .ardplayer-chip-highlight,
.ardplayer.ardplayer-bs-break.ardplayer-bs-s
  :not(.ardplayer-font-byline)
  + .ardplayer-font-byline,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break)
  .ardplayer-font-title
  + .ardplayer-chip,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break)
  .ardplayer-font-title
  + .ardplayer-chip-highlight,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break)
  :not(.ardplayer-font-byline)
  + .ardplayer-font-byline {
  margin-top: 14px;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-s .ardplayer-chip,
.ardplayer.ardplayer-bs-break.ardplayer-bs-s .ardplayer-chip-highlight,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break) .ardplayer-chip,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break) .ardplayer-chip-highlight {
  font-size: 10px;
  padding: 2px 4px;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-stage,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-stage {
  padding: 10px;
  top: 0;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-topbar,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-topbar {
  margin-bottom: 0;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-topbar
  button:first-child,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-topbar
  button:first-child {
  margin-right: -10px;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-topbar
  .ardplayer-bottom-sheet-title:first-child,
.ardplayer.ardplayer-bs-break.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-topbar
  button:first-child
  + .ardplayer-bottom-sheet-title,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-topbar
  .ardplayer-bottom-sheet-title:first-child,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-topbar
  button:first-child
  + .ardplayer-bottom-sheet-title {
  margin-left: 10px;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper {
  font-size: 16px;
  margin-left: 16px;
  margin-right: 16px;
  margin-top: 0;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper:before,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper:before {
  display: none;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper:after,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper:after {
  bottom: 5px;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper
  .ardplayer-bottom-sheet-content,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper
  .ardplayer-bottom-sheet-content {
  margin-bottom: 15px;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-title,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-title {
  font-size: 20px;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-stage
  > .ardplayer-container-horizontal.ardplayer-container-tabs,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-stage
  > .ardplayer-container-horizontal.ardplayer-container-tabs {
  margin: 0 -4px;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-pill,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-pill {
  font-size: 14px;
  line-height: 14px;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-rect,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-rect {
  font-size: 16px;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-rect.ardplayer-icon-after,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-rect.ardplayer-icon-after {
  padding-right: 40px;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  .ardplayer-input-wrapper
  .ardplayer-input-text,
.ardplayer.ardplayer-bs-break.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  .ardplayer-option,
.ardplayer.ardplayer-bs-break.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  .ardplayer-option-label,
.ardplayer.ardplayer-bs-break.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  p,
.ardplayer.ardplayer-bs-break.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  span:not([class]),
.ardplayer.ardplayer-s:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-input-wrapper
  .ardplayer-input-text,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-option,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-option-label,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  p,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  span:not([class]) {
  font-size: 16px;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  .ardplayer-input-wrapper.ardplayer-input-small
  .ardplayer-input-text,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-input-wrapper.ardplayer-input-small
  .ardplayer-input-text {
  font-size: 14px;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  *
  + .ardplayer-font-body.ardplayer-font-paragraph,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  *
  + .ardplayer-font-body.ardplayer-font-paragraph {
  margin-top: 13px;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  .ardplayer-font-body
  > br,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-font-body
  > br {
  margin-bottom: 13px;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  .ardplayer-input-wrapper,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-input-wrapper {
  border: none;
  border-radius: 0;
  padding: 0;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  .ardplayer-container-horizontal,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-container-horizontal {
  margin-top: 10px;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  .ardplayer-select
  .ardplayer-container-horizontal
  .ardplayer-option-label,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-select
  .ardplayer-container-horizontal
  .ardplayer-option-label {
  flex-basis: unset;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-xs
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-stage,
.ardplayer.ardplayer-xs:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-stage {
  padding: 0;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-xs
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper,
.ardplayer.ardplayer-xs:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper {
  margin-left: 16px;
  margin-right: 16px;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-xs
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper:after,
.ardplayer.ardplayer-xs:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper:after {
  bottom: 12px;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-xs
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-stage
  > .ardplayer-container-horizontal.ardplayer-container-tabs,
.ardplayer.ardplayer-xs:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-stage
  > .ardplayer-container-horizontal.ardplayer-container-tabs {
  margin: 0 -4px;
}
.ardplayer.ardplayer-bs-break:not(.ardplayer-bs-m)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper
  .ardplayer-bottom-sheet-content
  > .ardplayer-font-body,
.ardplayer.ardplayer-bs-break:not(.ardplayer-bs-m)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper
  .ardplayer-bottom-sheet-content
  > .ardplayer-font-byline,
.ardplayer.ardplayer-bs-break:not(.ardplayer-bs-m)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper
  .ardplayer-bottom-sheet-content
  > .ardplayer-font-paragraph,
.ardplayer.ardplayer-bs-break:not(.ardplayer-bs-m)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper
  .ardplayer-bottom-sheet-content
  > .ardplayer-font-title,
.ardplayer.ardplayer:not(.ardplayer-m):not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper
  .ardplayer-bottom-sheet-content
  > .ardplayer-font-body,
.ardplayer.ardplayer:not(.ardplayer-m):not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper
  .ardplayer-bottom-sheet-content
  > .ardplayer-font-byline,
.ardplayer.ardplayer:not(.ardplayer-m):not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper
  .ardplayer-bottom-sheet-content
  > .ardplayer-font-paragraph,
.ardplayer.ardplayer:not(.ardplayer-m):not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper
  .ardplayer-bottom-sheet-content
  > .ardplayer-font-title {
  max-width: 75%;
}
.ardplayer.ardplayer-show-bottom-sheet
  .ardplayer-bottom-sheet-container-toggle {
  pointer-events: auto;
  visibility: visible;
}
.ardplayer.ardplayer-show-bottom-sheet
  .ardplayer-bottom-sheet-container-toggle
  .ardplayer-bottom-sheet-background {
  background-color: var(--ardplayer-color-ui-background-shim);
}
.ardplayer.ardplayer-show-bottom-sheet
  .ardplayer-bottom-sheet-container-toggle
  .ardplayer-bottom-sheet-stage {
  animation: ardplayer-modal-reveal-stage 0.5s cubic-bezier(0, 0, 0.01, 1);
  transform: translateY(0);
}
.ardplayer.ardplayer-show-bottom-sheet
  .ardplayer-bottom-sheet-container-toggle
  .ardplayer-bottom-sheet-content-wrapper,
.ardplayer.ardplayer-show-bottom-sheet
  .ardplayer-bottom-sheet-container-toggle
  .ardplayer-bottom-sheet-topbar {
  animation: ardplayer-modal-reveal-content 0.25s cubic-bezier(0, 0, 0.01, 1)
    0.25s;
  animation-fill-mode: backwards;
}
.ardplayer.ardplayer-show-bottom-sheet .ardplayer-background {
  opacity: 1;
}
.ardplayer.ardplayer-show-focus-outlines
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper
  .ardplayer-option:focus,
.ardplayer.ardplayer-show-focus-outlines
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-pill:focus {
  background-color: var(--ardplayer-color-primary);
}
.ardplayer .ardplayer-bottom-sheet-horizontal-scroller {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal {
  margin-left: -5.5555555556%;
  margin-right: -5.5555555556%;
  overflow-x: scroll;
  overflow-y: hidden;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-horizontal-padding {
  flex-shrink: 0;
  height: 5px;
  width: 10.5555555556%;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-content {
  margin-bottom: 10px;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal:before {
  display: none;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal:after {
  background: linear-gradient(
    to right,
    var(--ardplayer-color-primary-dark-transparent-100),
    var(--ardplayer-color-primary-dark)
  );
  bottom: 0;
  content: " ";
  display: block;
  height: unset;
  left: unset;
  margin-top: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 5%;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-horizontal-gutter {
  align-self: center;
  background-color: var(--ardplayer-color-secondary-transparent-30);
  border-radius: 100%;
  height: 80px;
  position: fixed;
  z-index: 1;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-horizontal-gutter.ardplayer-icon-arrowleft {
  left: 16px;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-horizontal-gutter.ardplayer-icon-arrowright {
  right: 16px;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-horizontal-gutter,
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-horizontal-gutter:before {
  font-size: 46px;
  width: 80px;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-m
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal {
  margin-left: -5.5555555556%;
  margin-right: -5.5555555556%;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-m
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-content,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-content {
  margin-bottom: 10px;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-m
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-horizontal-padding,
.ardplayer.ardplayer-bs-break.ardplayer-bs-m
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal:after,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-horizontal-padding,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal:after {
  width: 10.5555555556%;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-m
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-horizontal-gutter,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-horizontal-gutter {
  height: 56px;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-m
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-horizontal-gutter,
.ardplayer.ardplayer-bs-break.ardplayer-bs-m
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-horizontal-gutter:before,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-horizontal-gutter,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-horizontal-gutter:before {
  font-size: 32px;
  width: 56px;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-s
  .ardplayer-bottom-sheet-horizontal-scroller,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-horizontal-scroller {
  height: 100%;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal {
  height: calc(100% - 35px);
  margin-left: -10px;
  margin-right: -10px;
  overflow-y: hidden;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-content,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-content {
  height: 100%;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-horizontal-padding,
.ardplayer.ardplayer-bs-break.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal:after,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-horizontal-padding,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal:after {
  width: 26px;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-horizontal-gutter,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-horizontal-gutter {
  height: 48px;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-horizontal-gutter,
.ardplayer.ardplayer-bs-break.ardplayer-bs-s
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-horizontal-gutter:before,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-horizontal-gutter,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-horizontal-gutter:before {
  font-size: 25px;
  width: 48px;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-xs
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal,
.ardplayer.ardplayer-xs:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal {
  margin-left: 0;
  margin-right: 0;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-xs
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-horizontal-padding,
.ardplayer.ardplayer-xs:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-horizontal-padding {
  width: 16px;
}
.ardplayer button.ardplayer-icon-settings-hd,
.ardplayer button.ardplayer-icon-settings-hd-off {
  position: relative;
}
.ardplayer button.ardplayer-icon-settings-hd-off:after,
.ardplayer button.ardplayer-icon-settings-hd:after {
  background-color: var(--ardplayer-color-dark);
  border-radius: 2px;
  color: var(--ardplayer-color-lightest);
  content: "HD";
  display: block;
  font-size: 13% !important;
  font-weight: 700;
  height: unset !important;
  left: 55%;
  line-height: normal !important;
  padding: 1px 3px;
  position: absolute;
  top: 27%;
  width: unset !important;
}
.ardplayer button.ardplayer-icon-settings-hd:after {
  background-color: var(--ardplayer-color-tertiary);
}
.ardplayer .ardplayer-icon-after:after {
  font-family: ardplayer !important;
  font-style: normal;
  font-weight: 400 !important;
  vertical-align: top;
}
.ardplayer .ardplayer-icon-after-blank:before,
.ardplayer .ardplayer-icon-blank:before {
  content: " ";
}
.ardplayer .ardplayer-debugger-container {
  grid-gap: 5px;
  background-color: var(--ardplayer-color-primary-dark);
  border: 1px solid var(--ardplayer-color-primary-transparent-30);
  color: var(--ardplayer-color-lightest);
  cursor: auto;
  display: grid;
  grid-template-columns: auto auto;
  justify-content: start;
  margin: 10px;
  max-width: calc(100% - 20px);
  min-width: max(250px, 25%);
  padding: 10px;
  position: fixed;
  z-index: 20;
}
.ardplayer .ardplayer-debugger-container > span {
  align-self: center;
  font-size: 11px;
  font-weight: 700;
  justify-self: end;
}
.ardplayer .ardplayer-debugger-container > div {
  align-self: center;
  font-size: 11px;
  justify-self: start;
  line-break: anywhere;
}
.ardplayer .ardplayer-debugger-container > div.debug-id {
  align-self: end;
  cursor: pointer;
  font-size: 8px;
  justify-self: end;
  text-align: end;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.ardplayer .ardplayer-debugger-container > div.debug-dvr {
  position: relative;
}
.ardplayer .ardplayer-debugger-container > div.debug-dvr:after {
  animation: blinker 1s step-start infinite;
  background: var(--ardplayer-color-lightest);
  border-radius: 100%;
  content: "";
  display: block;
  height: 5px;
  position: absolute;
  right: -10px;
  top: 3px;
  width: 5px;
}
.ardplayer .ardplayer-debugger-container .ardplayer-icon-close {
  height: 20px;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}
.ardplayer .ardplayer-debugger-container .ardplayer-icon-close:before {
  font-size: 20px;
  height: 20px;
  line-height: 20px;
  width: 20px;
}
.ardplayer .ardplayer-debugger-container .ardplayer-debug-graph {
  position: relative;
}
.ardplayer .ardplayer-debugger-container .ardplayer-debug-graph canvas {
  -ms-interpolation-mode: nearest-neighbor;
  imagesmoothingenabled: true;
  mozimagesmoothingenabled: true;
  webkitimagesmoothingenabled: true;
  backface-visibility: hidden;
  background: transparent;
  border: 1px solid var(--ardplayer-color-primary-transparent-30);
  display: inline-block;
  image-rendering: optimizeSpeed;
  image-rendering: -webkit-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: pixelated;
  -ms-perspective: 1000px;
  perspective: 1000px;
  text-rendering: geometricPrecision;
  transform: translateZ(0);
}
.ardplayer .ardplayer-debugger-container .ardplayer-debug-graph canvas + span {
  background-color: var(--ardplayer-color-primary-dark-transparent-50);
  border-radius: 6px;
  padding: 2px;
  position: absolute;
  right: 5px;
  top: 5px;
}
.ardplayer .ardplayer-debugger-container .ardplayer-debug-graph p {
  border: 1px solid var(--ardplayer-color-primary-transparent-30);
  bottom: -4px;
  display: none;
  line-height: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
}
.ardplayer .ardplayer-debugger-container .ardplayer-debug-graph p span {
  display: inline-block;
  height: 5px;
  width: 5px;
}
.ardplayer
  .ardplayer-debugger-container
  .ardplayer-debug-graph
  p.ardplayer-legend-vertical {
  bottom: unset;
  display: block;
  right: -6px;
  top: 0;
}
.ardplayer
  .ardplayer-debugger-container
  .ardplayer-debug-graph
  p.ardplayer-legend-vertical
  span {
  display: block;
}
.ardplayer .ardplayer-debugger-container label:focus-within {
  background-color: var(--ardplayer-color-primary);
}
.ardplayer.ardplayer-s .ardplayer-debugger-container {
  grid-gap: 2px;
  margin: 3px;
  max-width: 100%;
  padding: 3px;
}
.ardplayer.ardplayer-s .ardplayer-debugger-container > div,
.ardplayer.ardplayer-s .ardplayer-debugger-container > span {
  font-size: 8px;
}
.ardplayer.ardplayer-state-embedded .ardplayer-debugger-container {
  position: absolute;
  top: 0;
}
.ardplayer.ardplayer-state-embedded.ardplayer-s .ardplayer-debugger-container {
  left: 0;
}
.ardplayer .ardplayer-untertitel {
  font-family: Thesis, The Sans, TheSans, sans-serif, Helvetica Neue, Arial;
  height: 56.25%;
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.ardplayer .ardplayer-cast-label {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 25px;
  display: inline-block;
  left: 50%;
  line-height: 50px;
  max-width: 80%;
  overflow: hidden;
  padding: 0 25px;
  position: absolute;
  text-align: center;
  text-overflow: ellipsis;
  top: 15px;
  transform: translateX(-50%);
  white-space: nowrap;
  z-index: 1;
}
.ardplayer .ardplayer-cast-label b {
  font-weight: 900;
}
.ardplayer.ardplayer-s .ardplayer-cast-label {
  top: 40px;
}
.ardplayer.ardplayer-state-airplay .ardplayer-cast-label,
.ardplayer.ardplayer-state-audio .ardplayer-cast-label,
.ardplayer.ardplayer-state-completed .ardplayer-btn-airplay {
  display: none;
}
.ardplayer .ardplayer-btn-airplay.active {
  color: var(--ardplayer-color-primary);
}
.ardplayer .ardplayer-btn-airplay:disabled {
  cursor: default;
  opacity: 0.5;
}
.ardplayer video::-internal-media-controls-overlay-cast-button {
  display: none;
}
.ardplayer .cast-wrapper-hide,
.ardplayer.ardplayer-state-completed .ardplayer-btn-chromecast {
  display: none;
}
.ardplayer .ardplayer-btn-chromecast:disabled {
  cursor: default;
  opacity: 0.5;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-playlist-sheet
  .ardplayer-bottom-sheet-content {
  min-height: 264px;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-playlist-sheet
  p
  br {
  margin: 0;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-playlist-sheet
  .ardplayer-playlist-item {
  align-items: center;
  border-radius: 3px;
  cursor: pointer;
  flex-wrap: nowrap;
  margin: 0;
  min-height: 48px;
  transition: background-color 0.15s ease-in-out;
  width: 100%;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-playlist-sheet
  .ardplayer-playlist-item.ardplayer-playlist-item-current {
  background-color: hsla(0, 0%, 100%, 0.188);
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-playlist-sheet
  .ardplayer-playlist-item:hover {
  background-color: var(--ardplayer-color-primary);
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-playlist-sheet
  .ardplayer-playlist-item
  > * {
  flex-shrink: 0;
  overflow: hidden;
  white-space: nowrap;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-playlist-sheet
  .ardplayer-playlist-item
  span.ardplayer-playlist-item-number {
  min-width: 60px;
  padding: 6px 6px 6px 15px;
  text-align: left;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-playlist-sheet
  .ardplayer-playlist-item
  span.ardplayer-icon {
  font-size: 0;
  padding: 0;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-playlist-sheet
  .ardplayer-playlist-item
  span.ardplayer-icon:before {
  font-size: 48px;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-playlist-sheet
  .ardplayer-playlist-item
  span.ardplayer-playlist-item-duration {
  min-width: 48px;
  padding: 6px;
  text-align: center;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-playlist-sheet
  .ardplayer-playlist-item
  span.ardplayer-playlist-item-duration:last-child {
  padding-right: 15px;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-playlist-sheet
  .ardplayer-playlist-item
  .ardplayer-playlist-item-title {
  flex-grow: 1;
  flex-shrink: 1;
  font-weight: 700;
  line-height: normal;
  text-overflow: ellipsis;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-playlist-sheet
  .ardplayer-playlist-item
  button {
  color: var(--ardplayer-color-lightest) !important;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-playlist-sheet
  .ardplayer-playlist-item
  button,
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-playlist-sheet
  .ardplayer-playlist-item
  button:after,
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-playlist-sheet
  .ardplayer-playlist-item
  button:before {
  font-size: 35px;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-playlist-sheet
  i.ardplayer-icon {
  background-color: var(--ardplayer-color-tertiary) !important;
  border-radius: 100%;
  font-size: 96px;
  height: 96px;
  line-height: 96px;
  margin-bottom: 48px;
  margin-top: 20px;
  width: 96px;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-playlist-sheet
  .ardplayer-container-horizontal.ardplayer-playlist-empty {
  margin-top: 0;
  text-align: center;
}
.ardplayer .ardplayer-addon-playlist-coming-up {
  align-items: center;
  background: var(--ardplayer-color-primary-dark);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 16px;
  height: 48px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: left;
  transform: translateY(100%);
  transition: visibility 0.6s ease-in-out, transform 0.6s ease-in-out,
    z-index 0.6s linear;
  visibility: hidden;
  will-change: transform, visibility, z-index;
  z-index: -100;
}
.ardplayer .ardplayer-addon-playlist-coming-up p {
  flex-grow: 1;
  flex-shrink: 1;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ardplayer .ardplayer-addon-playlist-coming-up:before {
  content: "Nächste Episode";
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  font-weight: 700;
  margin: 0 10px;
}
.ardplayer .ardplayer-addon-playlist-coming-up button {
  flex-grow: 0;
  flex-shrink: 0;
}
.ardplayer.ardplayer-state-audio.ardplayer-state-coming-up
  .ardplayer-footer
  .ardplayer-time-playhead,
.ardplayer.ardplayer-state-audio.ardplayer-state-coming-up
  .ardplayer-footer
  .ardplayer-time-remaining,
.ardplayer.ardplayer-state-audio.ardplayer-state-coming-up
  .ardplayer-footer:before {
  opacity: 0 !important;
  visibility: hidden !important;
}
.ardplayer.ardplayer-state-audio .ardplayer-addon-playlist-coming-up {
  bottom: 84px;
}
.ardplayer.ardplayer-state-audio-sticky .ardplayer-addon-playlist-coming-up {
  position: fixed;
}
.ardplayer.ardplayer-state-coming-up .ardplayer-addon-playlist-coming-up {
  transform: unset;
  visibility: visible;
  z-index: 0;
}
.ardplayer.ardplayer-m
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-playlist-sheet
  .ardplayer-playlist-item
  span.ardplayer-playlist-item-number {
  min-width: 48px;
}
.ardplayer.ardplayer-m
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-playlist-sheet
  .ardplayer-playlist-item
  button,
.ardplayer.ardplayer-m
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-playlist-sheet
  .ardplayer-playlist-item
  button:after,
.ardplayer.ardplayer-m
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-playlist-sheet
  .ardplayer-playlist-item
  button:before {
  font-size: 30px;
}
.ardplayer.ardplayer-m
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-playlist-sheet
  i.ardplayer-icon {
  font-size: 80px;
  height: 80px;
  line-height: 80px;
  margin-bottom: 40px;
  width: 80px;
}
.ardplayer.ardplayer-s
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-playlist-sheet
  .ardplayer-playlist-item {
  margin: 0;
}
.ardplayer.ardplayer-s
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-playlist-sheet
  .ardplayer-playlist-item
  > span {
  font-size: 14px;
}
.ardplayer.ardplayer-s
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-playlist-sheet
  .ardplayer-playlist-item
  span.ardplayer-icon {
  font-size: 0;
}
.ardplayer.ardplayer-s
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-playlist-sheet
  .ardplayer-playlist-item
  .ardplayer-playlist-item-title {
  font-size: 14px;
  font-weight: 400;
}
.ardplayer.ardplayer-s
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-playlist-sheet
  i.ardplayer-icon {
  font-size: 56px;
  height: 56px;
  line-height: 56px;
  margin-bottom: 28px;
  width: 56px;
}
.ardplayer.ardplayer-s .ardplayer-addon-playlist-coming-up,
.ardplayer.ardplayer-s .ardplayer-addon-playlist-coming-up p {
  font-size: 16px;
}
.ardplayer.ardplayer-show-focus-outlines
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper
  .ardplayer-playlist-item:focus {
  background-color: var(--ardplayer-color-primary);
}
a.ardplayer-sharing-button {
  color: var(--ardplayer-color-lightest) !important;
  display: inline-block;
  font-size: 20px;
  line-height: 20px;
  margin: 60px 30px 80px 0;
  text-align: center;
  text-decoration: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 96px;
}
a.ardplayer-sharing-button:before {
  background-color: var(--ardplayer-color-tertiary) !important;
  border-radius: 100%;
  display: inline-block;
  font-size: 96px;
  height: 96px;
  line-height: 96px;
  margin-bottom: 13.3333333333px;
  width: 96px;
}
a.ardplayer-sharing-button:focus:before,
a.ardplayer-sharing-button:hover:before {
  background-color: var(--ardplayer-color-primary) !important;
}
.ardplayer-sharing-time-container {
  align-items: center;
}
.ardplayer-sharing-time-container .ardplayer-sharing-time-label {
  margin: 0 10px 0 20px;
}
.ardplayer-sharing-time-container .ardplayer-input-wrapper:last-child {
  border: none !important;
}
.ardplayer-sharing-disabled .ardplayer-input-wrapper:not(:last-child) {
  border-color: var(--ardplayer-color-primary-transparent-50) !important;
  color: var(--ardplayer-color-primary-transparent-50) !important;
  cursor: default;
}
.ardplayer-sharing-slider-container .ardplayer-iocontrolbar-range {
  background-color: transparent !important;
}
.ardplayer-sharing-slider-container
  .ardplayer-controlbar.ardplayer-iocontrolbar {
  bottom: unset !important;
  display: block !important;
  left: 5px;
  margin-bottom: 10px;
  position: absolute;
  right: unset !important;
  width: calc(100% - 20px);
}
.ardplayer-sharing-slider-container
  .ardplayer-controlbar.ardplayer-iocontrolbar
  .ardplayer-controlbar-bg {
  left: 0;
  width: 100%;
}
.ardplayer-sharing-slider-container
  .ardplayer-controlbar.ardplayer-iocontrolbar
  .noUi-connect {
  background: var(--ardplayer-color-primary);
  height: 4px;
  margin-top: 7px;
}
.ardplayer-sharing-slider-container
  .ardplayer-controlbar.ardplayer-iocontrolbar
  .noUi-handle {
  height: 12px;
  top: 3px;
  width: 12px;
}
.ardplayer-m a.ardplayer-sharing-button {
  font-size: 18px;
  line-height: 18px;
  margin: 50px 25px 80px 0;
  width: 80px;
}
.ardplayer-m a.ardplayer-sharing-button:before {
  font-size: 80px;
  height: 80px;
  line-height: 80px;
  margin-bottom: 12px;
  width: 80px;
}
.ardplayer-m
  .ardplayer-sharing-slider-container
  .ardplayer-controlbar.ardplayer-iocontrolbar {
  bottom: unset;
}
.ardplayer-s a.ardplayer-sharing-button {
  font-size: 14px;
  line-height: 14px;
  margin: 10px 15px 0 0;
  width: 56px;
}
.ardplayer-s a.ardplayer-sharing-button:before {
  font-size: 56px;
  height: 56px;
  line-height: 56px;
  margin-bottom: 9.3333333333px;
  width: 56px;
}
.ardplayer-s
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper
  .ardplayer-container-horizontal.ardplayer-sharing-slider-container,
.ardplayer-s
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper
  .ardplayer-container-horizontal.ardplayer-sharing-time-container {
  display: none !important;
}
.ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal.ardplayer-bottom-sheet-sharing
  .ardplayer-bottom-sheet-horizontal-gutter {
  margin-top: -48px;
}
.ardplayer-m
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal.ardplayer-bottom-sheet-sharing
  .ardplayer-bottom-sheet-horizontal-gutter {
  margin-top: -40px;
}
.ardplayer-s
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal.ardplayer-bottom-sheet-sharing
  .ardplayer-bottom-sheet-horizontal-gutter {
  margin-top: 0;
  top: 98px;
  transform: translateY(-50%);
}
.ardplayer-show-controls
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays {
  opacity: 1;
}
.ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays {
  height: 100%;
  opacity: 0;
  position: relative;
  transition: opacity 0.6s ease-in-out;
  width: 100%;
  z-index: 2;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark {
  background: var(--ardplayer-color-primary-dark);
  border-radius: 5px;
  bottom: 175px;
  cursor: default;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  pointer-events: auto;
  position: absolute;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark
  .time-display {
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 20px;
  font-weight: 700;
  padding: 8px 16px;
  text-align: center;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark:after,
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark:before {
  bottom: calc(50% - 24px);
  display: none;
  font-size: 48px;
  line-height: 48px;
  position: absolute;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark:before {
  left: -40px;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark:after {
  right: -40px;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--condensed {
  width: 375px;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--condensed
  .adrp-jpmrk-scroller {
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  scrollbar-color: var(--ardplayer-color-lightest)
    var(--ardplayer-color-light-transparent-90);
  scrollbar-width: thin;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--condensed
  .adrp-jpmrk-scroller::-webkit-scrollbar {
  width: 4px;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--condensed
  .adrp-jpmrk-scroller::-webkit-scrollbar-track {
  background: var(--ardplayer-color-light-transparent-90);
  border-radius: 4px;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--condensed
  .adrp-jpmrk-scroller::-webkit-scrollbar-thumb {
  background-color: var(--ardplayer-color-lightest);
  border-radius: 4px;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--condensed
  .ardp-jpmrk-chapter {
  align-items: flex-start;
  border-radius: 5px;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 15px;
  font-weight: 700;
  height: 75px;
  justify-content: flex-start;
  margin: 8px;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--condensed
  .ardp-jpmrk-chapter
  + .ardp-jpmrk-chapter {
  margin-top: 0 !important;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--condensed
  .ardp-jpmrk-chapter:focus,
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--condensed
  .ardp-jpmrk-chapter:hover {
  background-color: var(--ardplayer-color-primary);
}
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--condensed
  .ardp-jpmrk-chapter
  * {
  flex-grow: 0;
  flex-shrink: 0;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--condensed
  .ardp-jpmrk-chapter
  i {
  background-size: cover;
  display: block;
  height: 40px;
  margin-left: auto;
  margin-right: auto;
  width: 40px;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--condensed
  .ardp-jpmrk-chapter
  .ardp-jpmrk-hlgt {
  align-self: center;
  text-align: center;
  width: 60px;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--condensed
  .ardp-jpmrk-chapter
  .ardp-jpmrk-hlgt
  p {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--condensed
  .ardp-jpmrk-chapter
  .ardp-jpmrk-img {
  background-size: cover;
  border-radius: 5px;
  height: 59px;
  margin: 8px 0;
  width: 104.8888888889px;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--condensed
  .ardp-jpmrk-chapter
  .ardp-jpmrk-gutter {
  align-self: center;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--condensed
  .ardp-jpmrk-chapter
  .ardp-jpmrk-title {
  align-self: center;
  flex-grow: 1;
  flex-shrink: 1;
  padding: 0 8px;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--condensed
  .ardp-jpmrk-chapter
  .ardp-jpmrk-title
  p {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  -webkit-box-pack: end;
  display: -webkit-box;
  line-height: normal;
  overflow: hidden;
  overflow-wrap: anywhere;
  white-space: normal;
  word-break: break-word;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--condensed
  .ardp-jpmrk-chapter
  .ardp-jpmrk-title
  p:only-child {
  -webkit-line-clamp: 3;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--condensed
  .ardp-jpmrk-chapter
  .ardp-jpmrk-title
  p
  + p {
  -webkit-line-clamp: 1;
  font-weight: 400;
  margin-top: 8px;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--one-up {
  cursor: pointer;
  min-height: 120px;
  width: 300px;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--one-up
  .ardp-jpmrk-img {
  background-size: contain;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  height: 168.75px;
  width: 100%;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--one-up
  b {
  display: block;
  flex-grow: 1;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--one-up
  p {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  -webkit-box-pack: end;
  color: var(--ardplayer-color-lightest);
  display: -webkit-box;
  flex-grow: 1;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: normal;
  margin: 0 0 5px;
  overflow: hidden;
  padding: 5px 14px 0;
  pointer-events: all;
  text-align: center;
  text-overflow: ellipsis;
  white-space: normal;
  width: 100%;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--one-up.--with-image
  b,
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--one-up.--with-subtitle
  b {
  display: none;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--one-up.--with-image
  p,
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--one-up.--with-subtitle
  p {
  font-size: 16px;
  margin-bottom: 0;
  padding-top: 11px;
  text-align: left;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--one-up.--with-subtitle
  p {
  justify-content: flex-end;
  margin-bottom: 3px;
}
.ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--one-up.--with-subtitle
  p.ardplayer-jumpmark-subtitle {
  color: #9d9d9d;
  flex-grow: 0;
  font-size: 14px;
  font-weight: 400;
  padding-top: 0;
}
.ardplayer-controlbar .ardplayer-controlbar-jumpmark-hint {
  background: var(--ardplayer-color-primary-dark);
  border-radius: 5px;
  bottom: 45px;
  display: none;
  font-size: 15px;
  font-weight: 700;
  left: -110px;
  line-height: 20px;
  padding: 8px 16px;
  position: absolute;
}
.ardplayer-controlbar .ardplayer-controlbar-jumpmark-hint:after {
  font-size: 30px;
  margin-right: -10px;
}
.ardplayer-controlbar .ardplayer-controlbar-jumpmarks {
  height: 0;
}
.ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark {
  backface-visibility: hidden;
  background-clip: content-box;
  background-color: var(--ardplayer-color-lightest);
  border-radius: 200px;
  bottom: -4px;
  box-sizing: content-box;
  cursor: pointer;
  height: 12px;
  position: absolute;
  transform: translateX(-50%);
  transition: opacity 0.6s ease-in-out;
  width: 12px;
  will-change: opacity, transform;
  z-index: 1;
}
.ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark:after {
  content: "";
  display: none;
  height: 36px;
  left: -24px;
  position: absolute;
  top: -32px;
  width: 60px;
  z-index: -1;
}
.ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark
  i {
  background-size: cover;
  height: 42px;
  left: -15px;
  pointer-events: none;
  position: absolute;
  top: -38px;
  width: 42px;
}
.ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark
  i,
.ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark
  i:after {
  display: none;
}
.ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark:hover:after {
  display: block;
}
.ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark:hover
  i {
  pointer-events: auto;
}
.ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.ardplayer-controlbar-jumpmark-multi {
  width: 24px;
}
.ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.ardplayer-controlbar-jumpmark-multi:after {
  width: 72px;
}
.ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.ardplayer-controlbar-jumpmark-multi
  i {
  left: -19.5px;
}
.ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.ardplayer-controlbar-jumpmark-multi
  i:after {
  display: block;
  font-size: 42px;
  line-height: 42px;
  margin-left: 21px;
}
.ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.mobile {
  border: 12px solid transparent;
  bottom: -18px;
  height: 16px;
  width: 16px;
}
.ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.mobile
  i {
  left: -13px;
  top: -36px;
}
.ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.mobile.ardplayer-controlbar-jumpmark-multi {
  width: 32px;
}
.ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.mobile.ardplayer-controlbar-jumpmark-multi
  i {
  left: -15.5px;
}
.ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.mobile.ardplayer-controlbar-jumpmark-multi
  i:after {
  font-size: 42px;
  line-height: 42px;
  margin-left: 21px;
}
.ardplayer.ardplayer-m
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmark-hint,
.ardplayer.ardplayer-sm
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmark-hint {
  bottom: 38px;
  font-size: 14px;
  left: -70px;
  line-height: 16px;
}
.ardplayer.ardplayer-m
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmark-hint:after,
.ardplayer.ardplayer-sm
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmark-hint:after {
  font-size: 24px;
  margin-right: -8px;
}
.ardplayer.ardplayer-m
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark,
.ardplayer.ardplayer-sm
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark {
  bottom: -4px;
  height: 12px;
  width: 12px;
}
.ardplayer.ardplayer-m
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark
  i,
.ardplayer.ardplayer-sm
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark
  i {
  height: 32px;
  left: -10px;
  top: -28px;
  width: 32px;
}
.ardplayer.ardplayer-m
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.ardplayer-controlbar-jumpmark-multi,
.ardplayer.ardplayer-sm
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.ardplayer-controlbar-jumpmark-multi {
  width: 24px;
}
.ardplayer.ardplayer-m
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.ardplayer-controlbar-jumpmark-multi
  i,
.ardplayer.ardplayer-sm
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.ardplayer-controlbar-jumpmark-multi
  i {
  left: -12px;
}
.ardplayer.ardplayer-m
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.ardplayer-controlbar-jumpmark-multi
  i:after,
.ardplayer.ardplayer-sm
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.ardplayer-controlbar-jumpmark-multi
  i:after {
  font-size: 32px;
  line-height: 32px;
  margin-left: 16px;
}
.ardplayer.ardplayer-m
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.mobile,
.ardplayer.ardplayer-sm
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.mobile {
  border: 12px solid transparent;
  bottom: -18px;
  height: 16px;
  width: 16px;
}
.ardplayer.ardplayer-m
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.mobile
  i,
.ardplayer.ardplayer-sm
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.mobile
  i {
  height: 32px;
  left: -8px;
  top: -36px;
  width: 32px;
}
.ardplayer.ardplayer-m
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.mobile.ardplayer-controlbar-jumpmark-multi,
.ardplayer.ardplayer-sm
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.mobile.ardplayer-controlbar-jumpmark-multi {
  width: 32px;
}
.ardplayer.ardplayer-m
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.mobile.ardplayer-controlbar-jumpmark-multi
  i,
.ardplayer.ardplayer-sm
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.mobile.ardplayer-controlbar-jumpmark-multi
  i {
  left: -8px;
}
.ardplayer.ardplayer-m
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.mobile.ardplayer-controlbar-jumpmark-multi
  i:after,
.ardplayer.ardplayer-sm
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.mobile.ardplayer-controlbar-jumpmark-multi
  i:after {
  font-size: 32px;
  line-height: 32px;
  margin-left: 16px;
}
.ardplayer.ardplayer-m
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark,
.ardplayer.ardplayer-sm
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark {
  bottom: 108px;
}
.ardplayer.ardplayer-m
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark
  .time-display,
.ardplayer.ardplayer-sm
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark
  .time-display {
  font-size: 16px;
  padding: 6px 12px;
}
.ardplayer.ardplayer-m
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--condensed,
.ardplayer.ardplayer-sm
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--condensed {
  width: 375px;
}
.ardplayer.ardplayer-m
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--condensed
  .ardp-jpmrk-chapter,
.ardplayer.ardplayer-sm
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--condensed
  .ardp-jpmrk-chapter {
  font-size: 14px;
  height: 63px;
  margin: 6px;
}
.ardplayer.ardplayer-m
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--condensed
  .ardp-jpmrk-chapter
  .ardp-jpmrk-img,
.ardplayer.ardplayer-sm
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--condensed
  .ardp-jpmrk-chapter
  .ardp-jpmrk-img {
  height: 51px;
  margin: 6px 0;
  width: 90.6666666667px;
}
.ardplayer.ardplayer-m
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--condensed
  .ardp-jpmrk-chapter
  .ardp-jpmrk-title,
.ardplayer.ardplayer-sm
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--condensed
  .ardp-jpmrk-chapter
  .ardp-jpmrk-title {
  padding: 0 6px;
}
.ardplayer.ardplayer-m
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--condensed
  .ardp-jpmrk-chapter
  p
  + p,
.ardplayer.ardplayer-sm
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--condensed
  .ardp-jpmrk-chapter
  p
  + p {
  margin-top: 6px;
}
.ardplayer.ardplayer-m
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--one-up,
.ardplayer.ardplayer-sm
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--one-up {
  min-height: 90px;
  width: 200px;
}
.ardplayer.ardplayer-m
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--one-up
  p,
.ardplayer.ardplayer-sm
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--one-up
  p {
  font-size: 16px;
  margin-bottom: 5px;
  padding: 5px 8px 0;
}
.ardplayer.ardplayer-m
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--one-up
  .ardp-jpmrk-img,
.ardplayer.ardplayer-sm
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--one-up
  .ardp-jpmrk-img {
  height: 112.5px;
}
.ardplayer.ardplayer-m
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--one-up.--with-image
  p,
.ardplayer.ardplayer-m
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--one-up.--with-subtitle
  p,
.ardplayer.ardplayer-sm
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--one-up.--with-image
  p,
.ardplayer.ardplayer-sm
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--one-up.--with-subtitle
  p {
  font-size: 14px;
  margin-bottom: 2px;
  padding: 8px 8px 0;
}
.ardplayer.ardplayer-m
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--one-up.--with-image
  p.ardplayer-jumpmark-subtitle,
.ardplayer.ardplayer-m
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--one-up.--with-subtitle
  p.ardplayer-jumpmark-subtitle,
.ardplayer.ardplayer-sm
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--one-up.--with-image
  p.ardplayer-jumpmark-subtitle,
.ardplayer.ardplayer-sm
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--one-up.--with-subtitle
  p.ardplayer-jumpmark-subtitle {
  font-size: 12px;
  margin-bottom: 8px;
  padding: 0 8px;
}
.ardplayer.ardplayer-sm
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark {
  bottom: 67px;
}
.ardplayer.ardplayer-s
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmark-hint {
  display: none;
}
.ardplayer.ardplayer-s
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark {
  bottom: -2.5px;
  height: 9px;
  width: 9px;
}
.ardplayer.ardplayer-s
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark
  i {
  height: 22px;
  left: -6.5px;
  top: -19.5px;
  width: 22px;
}
.ardplayer.ardplayer-s
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.ardplayer-controlbar-jumpmark-multi {
  width: 18px;
}
.ardplayer.ardplayer-s
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.ardplayer-controlbar-jumpmark-multi
  i {
  left: -7.5px;
}
.ardplayer.ardplayer-s
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.ardplayer-controlbar-jumpmark-multi
  i:after {
  font-size: 22px;
  line-height: 22px;
  margin-left: 11px;
}
.ardplayer.ardplayer-s
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.mobile {
  border: 12px solid transparent;
  bottom: -16px;
  height: 12px;
  width: 12px;
}
.ardplayer.ardplayer-s
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.mobile
  i {
  height: 22px;
  left: -5px;
  top: -18px;
  width: 22px;
}
.ardplayer.ardplayer-s
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.mobile.ardplayer-controlbar-jumpmark-multi {
  width: 24px;
}
.ardplayer.ardplayer-s
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.mobile.ardplayer-controlbar-jumpmark-multi
  i {
  left: -4.5px;
}
.ardplayer.ardplayer-s
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.mobile.ardplayer-controlbar-jumpmark-multi
  i:after {
  font-size: 22px;
  line-height: 22px;
  margin-left: 11px;
}
.ardplayer.ardplayer-s
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark {
  display: none;
}
.ardplayer-bottom-sheet-container .ardplayer-addon-jumpmark-holder {
  align-self: stretch;
  padding: 8px;
}
.ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark-holder.ardp-jpmrk-selected {
  background-color: hsla(0, 0%, 100%, 0.1);
}
.ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark-holder.ardp-jpmrk-selected
  + .ardp-jpmrk-selected,
.ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark-holder:not(.ardp-jpmrk-selected)
  + :not(.ardp-jpmrk-selected) {
  padding-top: 0;
}
.ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark-holder
  .ardplayer-addon-jumpmark {
  border-radius: 5px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 700;
}
.ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark-holder
  .ardplayer-addon-jumpmark
  .ardp-jpmrk-main {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 75px;
  justify-content: flex-start;
}
.ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark-holder
  .ardplayer-addon-jumpmark:hover {
  background-color: var(--ardplayer-color-primary);
}
.ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark-holder
  .ardplayer-addon-jumpmark.ardp-jpmrk-epg {
  outline: 2px solid hsla(0, 0%, 100%, 0.4);
}
.ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark-holder
  .ardplayer-addon-jumpmark
  * {
  flex-grow: 0;
  flex-shrink: 0;
}
.ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark-holder
  .ardplayer-addon-jumpmark
  i {
  background-size: cover;
  display: block;
  height: 40px;
  margin-left: auto;
  margin-right: auto;
  width: 40px;
}
.ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark-holder
  .ardplayer-addon-jumpmark
  .ardp-jpmrk-synopsis {
  color: var(--ardplayer-color-lightest-transparent-30);
  font-weight: 400;
  padding: 8px 16px 8px 60px;
}
.ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark-holder
  .ardplayer-addon-jumpmark
  .ardp-jpmrk-hlgt {
  align-self: center;
  text-align: center;
  width: 60px;
}
.ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark-holder
  .ardplayer-addon-jumpmark
  .ardp-jpmrk-hlgt
  p {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark-holder
  .ardplayer-addon-jumpmark
  .ardp-jpmrk-img {
  background-size: cover;
  border-radius: 5px;
  height: 59px;
  margin: 8px 0;
  width: 104.8888888889px;
}
.ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark-holder
  .ardplayer-addon-jumpmark
  .ardp-jpmrk-gutter {
  align-self: center;
}
.ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark-holder
  .ardplayer-addon-jumpmark
  .ardp-jpmrk-title {
  align-self: center;
  flex-grow: 1;
  flex-shrink: 1;
  padding: 0 8px;
}
.ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark-holder
  .ardplayer-addon-jumpmark
  .ardp-jpmrk-title
  p {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  -webkit-box-pack: end;
  display: -webkit-box;
  line-height: normal;
  overflow: hidden;
  overflow-wrap: anywhere;
  white-space: normal;
  word-break: break-word;
}
.ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark-holder
  .ardplayer-addon-jumpmark
  .ardp-jpmrk-title
  p:only-child {
  -webkit-line-clamp: 2;
}
.ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark-holder
  .ardplayer-addon-jumpmark
  .ardp-jpmrk-title
  p
  + p {
  font-weight: 400;
  margin-top: 8px;
}
.ardplayer:not(.ardplayer-m):not(.ardplayer-sm)
  .ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark
  .ardp-jpmrk-hlgt {
  width: 68px;
}
.ardplayer:not(.ardplayer-m):not(.ardplayer-sm) .ardp-jpmrk-synopsis {
  padding: 8px 16px 8px 65px;
}
.ardplayer.ardplayer-m .ardplayer-bottom-sheet-container,
.ardplayer.ardplayer-sm .ardplayer-bottom-sheet-container {
  padding: 6px;
}
.ardplayer.ardplayer-m
  .ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark,
.ardplayer.ardplayer-sm
  .ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark {
  font-size: 14px;
}
.ardplayer.ardplayer-m
  .ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark
  .ardp-jpmrk-main,
.ardplayer.ardplayer-sm
  .ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark
  .ardp-jpmrk-main {
  height: 63px;
}
.ardplayer.ardplayer-m
  .ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark
  .ardp-jpmrk-synopsis,
.ardplayer.ardplayer-sm
  .ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark
  .ardp-jpmrk-synopsis {
  padding: 6px 12px 6px 60px;
}
.ardplayer.ardplayer-m
  .ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark
  .ardp-jpmrk-img,
.ardplayer.ardplayer-sm
  .ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark
  .ardp-jpmrk-img {
  height: 51px;
  margin: 6px 0;
  width: 90.6666666667px;
}
.ardplayer.ardplayer-m
  .ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark
  .ardp-jpmrk-title,
.ardplayer.ardplayer-sm
  .ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark
  .ardp-jpmrk-title {
  padding: 0 6px;
}
.ardplayer.ardplayer-m
  .ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark
  p
  + p,
.ardplayer.ardplayer-sm
  .ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark
  p
  + p {
  margin-top: 6px;
}
.ardplayer.ardplayer-s .ardplayer-bottom-sheet-container {
  padding: 4px;
}
.ardplayer.ardplayer-s
  .ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark {
  font-size: 14px;
}
.ardplayer.ardplayer-s
  .ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark
  .ardp-jpmrk-main {
  height: 53px;
}
.ardplayer.ardplayer-s
  .ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark
  .ardp-jpmrk-synopsis {
  padding: 4px 8px 4px 60px;
}
.ardplayer.ardplayer-s
  .ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark
  .ardp-jpmrk-img {
  height: 45px;
  margin: 4px 0;
  width: 80px;
}
.ardplayer.ardplayer-s
  .ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark
  .ardp-jpmrk-title {
  padding: 0 4px;
}
.ardplayer.ardplayer-s
  .ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark
  .ardp-jpmrk-hlgt
  i {
  margin-top: -6px;
}
.ardplayer.ardplayer-s
  .ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark
  p
  + p {
  margin-top: 0;
}
.ardplayer.ardplayer-show-focus-outlines
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark:after,
.ardplayer.ardplayer-show-focus-outlines
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark:before,
.ardplayer.ardplayer-show-focus-outlines.ardplayer-state-embedded
  .ardplayer-controlbar:focus
  .ardplayer-controlbar-jumpmark-hint {
  display: block;
}
.ardplayer.ardplayer-show-focus-outlines.ardplayer-state-embedded
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks {
  transition: opacity 0.2s ease-in-out;
  z-index: 1;
}
.ardplayer.ardplayer-show-focus-outlines.ardplayer-state-embedded
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks:not(.ardplayer-pip-focused) {
  opacity: 0.15;
  z-index: 0;
}
.ardplayer.ardplayer-show-focus-outlines
  .ardplayer-bottom-sheet-container
  .ardplayer-addon-jumpmark-holder
  .ardplayer-addon-jumpmark:focus {
  background-color: var(--ardplayer-color-primary);
}
.ardplayer.ardplayer-show-focus-outlines
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.ardplayer-focus-outline,
.ardplayer.ardplayer-show-focus-outlines
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark:focus {
  border: 6px solid var(--ardplayer-color-primary);
  margin-bottom: -6px;
}
.ardplayer.ardplayer-show-focus-outlines
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark.ardplayer-focus-outline.mobile,
.ardplayer.ardplayer-show-focus-outlines
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark:focus.mobile {
  margin-bottom: 6px;
}
.ardplayer.ardplayer-show-focus-outlines
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark:focus:not(:focus-visible) {
  outline: none;
}
.ardplayer.ardplayer.ardplayer-state-jumpmarks .ardplayer-button-skipbackward,
.ardplayer.ardplayer.ardplayer-state-jumpmarks .ardplayer-button-skipforward {
  display: inline-block;
  visibility: visible;
}
.ardplayer.ardplayer-state-live
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmark-hint,
.ardplayer.ardplayer-state-live
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays {
  --ardplayer-color-primary-dark: var(--ardplayer-color-primary-dark-live);
}
.ardplayer.ardplayer-state-live
  .ardplayer-viewport-addon-overlays
  .ardplayer-addon-sprungmarken-overlays
  .ardplayer-popup-jumpmark.--one-up
  .ardplayer-jumpmark-subtitle {
  color: var(--ardplayer-color-lightest);
}
@font-face {
  font-display: block;
  font-family: ardplayer;
  src: url(../index/ed323c27fb57b77608d4-ardplayer.woff) format("woff");
}
.ardplayer-icon {
  line-height: 1;
}
.ardplayer-icon-after:after,
.ardplayer-icon:before {
  font-family: ardplayer !important;
  font-style: normal;
  font-weight: 400 !important;
  vertical-align: top;
}
.ardplayer-icon-accessibility:before,
.ardplayer-icon-after-accessibility:after {
  content: "\f101";
}
.ardplayer-icon-ad:before,
.ardplayer-icon-after-ad:after {
  content: "\f102";
}
.ardplayer-icon-adactive:before,
.ardplayer-icon-after-adactive:after {
  content: "\f103";
}
.ardplayer-icon-addons:before,
.ardplayer-icon-after-addons:after {
  content: "\f104";
}
.ardplayer-icon-after-airplay:after,
.ardplayer-icon-airplay:before {
  content: "\f105";
}
.ardplayer-icon-after-arrowdown:after,
.ardplayer-icon-arrowdown:before {
  content: "\f106";
}
.ardplayer-icon-after-arrowleft:after,
.ardplayer-icon-arrowleft:before {
  content: "\f107";
}
.ardplayer-icon-after-arrowright:after,
.ardplayer-icon-arrowright:before {
  content: "\f108";
}
.ardplayer-icon-after-back:after,
.ardplayer-icon-back:before {
  content: "\f109";
}
.ardplayer-icon-after-bookmark-outline:after,
.ardplayer-icon-bookmark-outline:before {
  content: "\f10a";
}
.ardplayer-icon-after-bookmark:after,
.ardplayer-icon-bookmark:before {
  content: "\f10b";
}
.ardplayer-icon-after-chapter-list:after,
.ardplayer-icon-chapter-list:before {
  content: "\f10c";
}
.ardplayer-icon-after-checkmark:after,
.ardplayer-icon-checkmark:before {
  content: "\f10d";
}
.ardplayer-icon-after-chromecast-connected:after,
.ardplayer-icon-chromecast-connected:before {
  content: "\f10e";
}
.ardplayer-icon-after-chromecast:after,
.ardplayer-icon-chromecast:before {
  content: "\f10f";
}
.ardplayer-icon-after-close:after,
.ardplayer-icon-close:before {
  content: "\f110";
}
.ardplayer-icon-after-download:after,
.ardplayer-icon-download:before {
  content: "\f111";
}
.ardplayer-icon-after-error-geoblock:after,
.ardplayer-icon-error-geoblock:before {
  content: "\f112";
}
.ardplayer-icon-after-error:after,
.ardplayer-icon-error:before {
  content: "\f113";
}
.ardplayer-icon-after-fastbackward:after,
.ardplayer-icon-fastbackward:before {
  content: "\f114";
}
.ardplayer-icon-after-fastforward:after,
.ardplayer-icon-fastforward:before {
  content: "\f115";
}
.ardplayer-icon-fsk16:before {
  content: "\f116";
}
.ardplayer-icon-fsk18:before {
  content: "\f117";
}
.ardplayer-icon-after-fullscreen:after,
.ardplayer-icon-fullscreen:before {
  content: "\f118";
}
.ardplayer-icon-after-history:after,
.ardplayer-icon-history:before {
  content: "\f119";
}
.ardplayer-icon-after-info:after,
.ardplayer-icon-info:before {
  content: "\f11a";
}
.ardplayer-icon-after-jumpbackward:after,
.ardplayer-icon-jumpbackward:before {
  content: "\f11b";
}
.ardplayer-icon-after-jumpforward:after,
.ardplayer-icon-jumpforward:before {
  content: "\f11c";
}
.ardplayer-icon-after-language:after,
.ardplayer-icon-language:before {
  content: "\f11d";
}
.ardplayer-icon-after-like:after,
.ardplayer-icon-like:before {
  content: "\f11e";
}
.ardplayer-icon-after-local:after,
.ardplayer-icon-local:before {
  content: "\f11f";
}
.ardplayer-icon-after-minus:after,
.ardplayer-icon-minus:before {
  content: "\f120";
}
.ardplayer-icon-after-more:after,
.ardplayer-icon-more:before {
  content: "\f121";
}
.ardplayer-icon-after-nextclip:after,
.ardplayer-icon-nextclip:before {
  content: "\f122";
}
.ardplayer-icon-after-pause:after,
.ardplayer-icon-pause:before {
  content: "\f123";
}
.ardplayer-icon-after-pictureinpicture:after,
.ardplayer-icon-pictureinpicture:before {
  content: "\f124";
}
.ardplayer-icon-after-pill-plus:after,
.ardplayer-icon-pill-plus:before {
  content: "\f125";
}
.ardplayer-icon-after-play:after,
.ardplayer-icon-play:before {
  content: "\f126";
}
.ardplayer-icon-after-playlist-playing:after,
.ardplayer-icon-playlist-playing:before {
  content: "\f127";
}
.ardplayer-icon-after-playlist:after,
.ardplayer-icon-playlist:before {
  content: "\f128";
}
.ardplayer-icon-after-plus:after,
.ardplayer-icon-plus:before {
  content: "\f129";
}
.ardplayer-icon-after-prevclip:after,
.ardplayer-icon-prevclip:before {
  content: "\f12a";
}
.ardplayer-icon-after-reco:after,
.ardplayer-icon-reco:before {
  content: "\f12b";
}
.ardplayer-icon-after-return:after,
.ardplayer-icon-return:before {
  content: "\f12c";
}
.ardplayer-icon-after-settings:after,
.ardplayer-icon-settings:before {
  content: "\f12d";
}
.ardplayer-icon-after-sharing-contact:after,
.ardplayer-icon-sharing-contact:before {
  content: "\f12e";
}
.ardplayer-icon-after-sharing-embedding:after,
.ardplayer-icon-sharing-embedding:before {
  content: "\f12f";
}
.ardplayer-icon-after-sharing-facebook:after,
.ardplayer-icon-sharing-facebook:before {
  content: "\f130";
}
.ardplayer-icon-after-sharing-fb-messenger:after,
.ardplayer-icon-sharing-fb-messenger:before {
  content: "\f131";
}
.ardplayer-icon-after-sharing-ios:after,
.ardplayer-icon-sharing-ios:before {
  content: "\f132";
}
.ardplayer-icon-after-sharing-telegram:after,
.ardplayer-icon-sharing-telegram:before {
  content: "\f133";
}
.ardplayer-icon-after-sharing-threema:after,
.ardplayer-icon-sharing-threema:before {
  content: "\f134";
}
.ardplayer-icon-after-sharing-twitter:after,
.ardplayer-icon-sharing-twitter:before {
  content: "\f135";
}
.ardplayer-icon-after-sharing-url:after,
.ardplayer-icon-sharing-url:before {
  content: "\f136";
}
.ardplayer-icon-after-sharing-whatsapp:after,
.ardplayer-icon-sharing-whatsapp:before {
  content: "\f137";
}
.ardplayer-icon-after-sharing:after,
.ardplayer-icon-sharing:before {
  content: "\f138";
}
.ardplayer-icon-after-shift:after,
.ardplayer-icon-shift:before {
  content: "\f139";
}
.ardplayer-icon-after-sign:after,
.ardplayer-icon-sign:before {
  content: "\f13a";
}
.ardplayer-icon-after-signactive:after,
.ardplayer-icon-signactive:before {
  content: "\f13b";
}
.ardplayer-icon-after-skipbackward:after,
.ardplayer-icon-skipbackward:before {
  content: "\f13c";
}
.ardplayer-icon-after-skipforward:after,
.ardplayer-icon-skipforward:before {
  content: "\f13d";
}
.ardplayer-icon-after-sleep:after,
.ardplayer-icon-sleep:before {
  content: "\f13e";
}
.ardplayer-icon-after-smallscreen:after,
.ardplayer-icon-smallscreen:before {
  content: "\f13f";
}
.ardplayer-icon-after-ut:after,
.ardplayer-icon-ut:before {
  content: "\f140";
}
.ardplayer-icon-after-utactive:after,
.ardplayer-icon-utactive:before {
  content: "\f141";
}
.ardplayer-icon-after-volume-high:after,
.ardplayer-icon-volume-high:before {
  content: "\f142";
}
.ardplayer-icon-after-volume-low:after,
.ardplayer-icon-volume-low:before {
  content: "\f143";
}
.ardplayer-icon-after-volume-mute:after,
.ardplayer-icon-volume-mute:before {
  content: "\f144";
}
.ardplayer-icon-after-xr:after,
.ardplayer-icon-xr:before {
  content: "\f145";
}
.ardplayer-icon-after-swoosh:after,
.ardplayer-icon-swoosh:before {
  content: "\f146";
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
button,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  border: 0;
  font-size: 100%;
  font: inherit;
  font-style: inherit;
  font-weight: inherit;
  letter-spacing: 0.02rem;
  margin: 0;
  outline: none;
  padding: 0;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.hp-spacer {
  display: block;
  height: 48px;
  width: 100%;
}
.hlp-clear {
  overflow: auto;
}
.hlp-clear:after {
  clear: both;
  content: "";
  display: table;
}
.visually-hidden {
  clip: rect(1px, 1px, 1px, 1px) !important;
  border: 0 !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}
.form-input__text,
.form-mail__input,
.form-select__select,
.searchfield__input,
.searchfield__submit {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.form-input__text,
.form-mail__input {
  background: #fff;
  border: none;
  box-sizing: border-box;
  color: #80807e;
  font-size: 1.6rem;
  height: 6.4rem;
  outline: 0.1rem solid #33322f;
  padding: 1.6rem 1.2rem;
  width: 100%;
}
.form-input__text:active,
.form-input__text:hover,
.form-mail__input:active,
.form-mail__input:hover {
  color: #33322f;
}
.form-input__text:focus,
.form-input__text:not(:placeholder-shown),
.form-mail__input:focus,
.form-mail__input:not(:placeholder-shown) {
  color: #33322f;
  padding-bottom: 0.8rem;
  padding-top: 2.8rem;
}
.form-input__text::placeholder,
.form-mail__input::placeholder {
  color: transparent;
}
.form-input__text:-webkit-autofill,
.form-input__text:-webkit-autofill:active,
.form-input__text:-webkit-autofill:focus,
.form-input__text:-webkit-autofill:hover,
.form-mail__input:-webkit-autofill,
.form-mail__input:-webkit-autofill:active,
.form-mail__input:-webkit-autofill:focus,
.form-mail__input:-webkit-autofill:hover {
  -webkit-text-fill-color: #33322f;
  -webkit-box-shadow: inset 0 0 0 5rem #fff !important;
}
.form-input__text:focus + .form-input__label,
.form-input__text:not(:placeholder-shown) + .form-input__label,
.form-mail__input:focus + .form-mail__label,
.form-mail__input:not(:placeholder-shown) + .form-mail__label,
.form-select__label.form-label,
.form-textarea__textarea:focus + .form-textarea__label,
.form-textarea__textarea:not(:placeholder-shown) + .form-textarea__label {
  opacity: 0.75;
  transform: scale(0.75) translateY(-0.8rem) translateX(0.4rem);
}
.form-input__label.form-label,
.form-mail__label.form-label,
.form-select__label.form-label,
.form-textarea__label.form-label {
  box-sizing: border-box;
  height: 100%;
  left: 0;
  opacity: 0.75;
  padding: 1.6rem 1.2rem;
  pointer-events: none;
  position: absolute;
  top: 0;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
.form-textarea__wrapper.invalid .form-textarea__invalid-message,
.invalid .form-checkbox__invalid-message,
.invalid .form-input__invalid-message,
.invalid .form-mail__invalid-message,
.invalid .form-radio__invalid-message,
.invalid .form-select__invalid-message {
  color: #cd144a;
  display: block;
  font-size: 1.9rem;
  margin: 1.2rem 0;
  width: 100%;
}
.form-textarea__hint-message {
  color: #33322f;
  display: block;
  font-size: 1.9rem;
  margin: 1.2rem 0 2rem;
  width: 100%;
}
.form-textarea__wrapper.invalid .form-textarea,
.invalid .form-checkbox__hidden:invalid,
.invalid .form-input__text:invalid,
.invalid .form-mail__input:invalid,
.invalid .form-radio__input:invalid ~ .form-radio__mark,
.invalid .form-select__select:invalid {
  outline: 0.2rem solid #cd144a;
}
.form-textarea__wrapper.invalid .form-textarea,
.invalid .form-input__text:invalid,
.invalid .form-mail__input:invalid {
  background-image: url(../index/error-breaking-red.svg);
  background-position: right 1.2rem center;
  background-repeat: no-repeat;
  background-size: 1.8rem;
}
.subnav__sub__list,
.umschaltreiter__list {
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
  overflow: -moz-scrollbars-none;
  overflow-y: hidden;
  -moz-scrollbar-width: none;
  scrollbar-width: none;
  white-space: nowrap;
}
.subnav__sub__list::-webkit-scrollbar,
.umschaltreiter__list::-webkit-scrollbar {
  display: none;
}
.color--tongue a:focus,
.color--tongue a:focus img {
  outline: 0.2rem solid #99bdd6;
}
a:focus,
a:focus img {
  outline: 0.2rem solid #80807e;
  outline-offset: -0.2rem;
}
a:active,
a:active h2,
a:active img,
a:hover,
a:hover h2,
a:hover img,
body.mouse-usage :focus,
body.mouse-usage a:focus img {
  outline: 0;
}
a {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  text-decoration: none;
}
b,
strong {
  font-weight: 700;
}
em,
i {
  font-style: italic;
}
abbr {
  border-bottom: 1px dotted #33322f;
  cursor: help;
  font: inherit;
  outline: none;
  text-decoration: none;
}
abbr:active:after,
abbr:focus:after,
abbr:hover:after {
  content: " (" attr(title) ")";
  display: inline-block;
  margin-left: 0.5rem;
  transition: all 0.2s ease-in-out;
}
.archive__dachzeile,
.archive__headline,
.buttongroup--headline,
.color-coded-box__text,
.copytext-galerie__dachzeile,
.copytext-galerie__headline,
.copytext__audio__title,
.copytext__video__title,
.dropdown-navi__list > li,
.dropdown-navi__topline,
.ergebnisse,
.expanderbox__header,
.form-input__text,
.form-mail__input,
.form-select__select,
.form-textarea__textarea,
.form__feedback-message,
.form__feedback-message strong,
.form__fieldset .form__legend,
.infobox__headline,
.infobox__headline--textonly,
.liveblog__datetime,
.mediaplayer-subline__title,
.meldung__subhead .meldung__subhead__badge,
.meldung__uhrzeit,
.multimediahead__headline,
.paginierung,
.searchfield__input,
.seitenkopf__headline--text,
.simpletable > caption,
.socialbuttons .socialbuttons__subline,
.systeminfos__targetarea,
.taglist,
.teaser-absatz__headline,
.teaser-left__headline,
.teaser-mikro__headline,
.teaser-right__date,
.teaser-right__headline,
.teaser-right__labeltopline,
.teaser-slider__headline,
.teaser-xs__headline,
.teaser__headline,
.vue-datepicker__text,
a,
acronym,
address,
applet,
big,
blockquote,
body,
button,
caption,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
iframe,
img,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
select,
small,
span,
strike,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
ul,
var {
  font-family: Thesis, Thesis Plus Kyrillic, Helvetica, Arial, sans-serif;
  font-weight: 400;
}
.backlink,
.metatextline,
.multimediahead__date,
.sendungsbezug,
.teaser-absatz__date,
.teaser-left__date,
.teaser-left__duration,
.teaser-mikro__date,
.teaser-xs__date,
.teaser-xs__duration,
.teaser__date,
.verweisabsatz,
.verweisabsatz__link,
.verweisabsatz__link-description,
.zitat,
.zitat__author__name {
  font-family: Thesis, Thesis Plus Kyrillic, Helvetica, Arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.dropdown-navi__headline,
.dropdown-navi__link:active,
.ergebnisse__anzahl,
.ergebnisse__suchbegriff,
.form-textarea__hint-message,
.form-textarea__wrapper.invalid .form-textarea__invalid-message,
.infoheadline,
.invalid .form-checkbox__invalid-message,
.invalid .form-input__invalid-message,
.invalid .form-mail__invalid-message,
.invalid .form-radio__invalid-message,
.invalid .form-select__invalid-message,
.link-extend,
.multimediahead__shorttext,
.paginierung__liste > li .active,
.paginierung__liste > li.active,
.simpletable > thead > tr > th,
.textlink--mit-icon,
.textonly-btn--active,
.wahlbeteiligung--parteilabel {
  font-family: Thesis, Thesis Plus Kyrillic, Helvetica, Arial, sans-serif;
  font-weight: 700;
}
.btn--uppercase-text__label,
.btn--uppercase-text__shortlabel abbr,
.trenner__text__headline h2,
.trenner__text__topline,
.wahlbeteiligung--label {
  font-family: Thesis, Helvetica, Arial, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}
.meldung__topline-subhead,
.multimediahead__topline,
.seitenkopf__topline,
.teaser-absatz__topline,
.teaser-left__topline,
.teaser-slider__topline,
.teaser-xs__topline,
.teaser__topline {
  font-size: 1.6rem;
  line-height: 1.8rem;
}
.eilmeldung__headline,
.multimediahead__headline,
.seitenkopf__headline--text,
.teaser--top .teaser__headline,
.teaser--top-aufmacher .teaser__headline {
  font-size: 3.2rem;
  font-weight: 400;
  line-height: 3.8rem;
}
@media screen and (min-width: 768px) {
  .eilmeldung__headline,
  .multimediahead__headline,
  .seitenkopf__headline--text,
  .teaser--top .teaser__headline,
  .teaser--top-aufmacher .teaser__headline {
    font-size: 3.4rem;
    font-weight: 400;
    line-height: 4rem;
  }
}
.teaser__headline {
  font-size: 3.2rem;
  font-weight: 400;
  line-height: 3.8rem;
}
@media screen and (min-width: 768px) {
  .teaser__headline {
    font-size: 2.8rem;
    line-height: 3.2rem;
  }
}
.teaser--small .teaser__headline {
  font-size: 3.2rem;
  font-weight: 400;
  line-height: 3.8rem;
}
@media screen and (min-width: 768px) {
  .teaser--small .teaser__headline {
    font-size: 2.8rem;
    line-height: 3.2rem;
  }
}
.color-coded-box__text,
.eilmeldung__text,
.expanderbox__header,
.link-extend,
.teaser__shorttext {
  font-size: 1.8rem;
  line-height: 2.4rem;
}
.mubu-container__infotext,
.wahlbeteiligung {
  font-size: 1.6rem;
}
.multimediahead__date,
.teaser__date {
  font-size: 1.6rem;
  line-height: 2.9rem;
}
.teaser-right--voting-result__votes .votes strong,
.teaser-right--voting-result__votes .votes-percent strong {
  font-size: 2.8rem;
  line-height: 2.8rem;
}
.trenner__text__headline {
  font-size: 3.2rem;
}
@media screen and (min-width: 768px) {
  .trenner__text__headline {
    font-size: 4rem;
  }
}
.trenner__text__topline {
  font-size: 1.6rem;
}
@media screen and (min-width: 768px) {
  .trenner__text__topline {
    font-size: 1.8rem;
  }
}
.form__feedback-message,
.form__paragraph,
.infoheadline,
.multimediahead__shorttext,
.textabsatz,
.verweisabsatz,
.verweisabsatz__link,
.verweisabsatz__link-description {
  font-size: 2rem;
  line-height: 2.6rem;
}
.form__feedback-message strong,
.form__fieldset .form__legend,
.form__headline,
.meldung__subhead {
  font-size: 2.4rem;
  line-height: 2.8rem;
}
@media screen and (min-width: 768px) {
  .form__feedback-message strong,
  .form__fieldset .form__legend,
  .form__headline,
  .meldung__subhead {
    font-size: 2.6rem;
    line-height: 3rem;
  }
}
.meldung__subhead .meldung__subhead__badge {
  font-size: 1.4rem;
  line-height: 1.6rem;
}
@media screen and (min-width: 768px) {
  .meldung__subhead .meldung__subhead__badge {
    font-size: 1.6rem;
    line-height: 1.8rem;
  }
}
.socialbuttons .socialbuttons__subline {
  font-size: 1.4rem;
  line-height: 1.8rem;
}
.simpletable > caption {
  font-size: 2.4rem;
  line-height: 2.8rem;
}
@media screen and (min-width: 768px) {
  .simpletable > caption {
    font-size: 2.6rem;
    line-height: 3rem;
  }
}
.boersenbox__embed__title,
.teaser-absatz__headline,
.teaser-left__headline,
.teaser-mikro__headline,
.teaser-right__headline,
.teaser-slider__headline,
.teaser-xs__headline {
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 2.8rem;
}
.bulletpoint-list a,
.textabsatz a,
.textlink,
.textlink--extern,
.verweisabsatz__link-ziel,
.vue-comparison-slider__subline a,
.vueslider .swiper-description-text a {
  border-bottom: 0.1rem solid #f56b0d;
  color: #f56b0d;
}
.vue-comparison-slider__subline.color--tongue a,
.vueslider .swiper-slide.color--tongue .swiper-description-text a {
  border-bottom: 0.1rem solid #fff;
  color: #fff;
}
.teaser-absatz__shorttext,
.teaser-left__shorttext,
.teaser-right__shorttext {
  color: #33322f;
  font-size: 1.6rem;
  line-height: 2.1rem;
}
.absatzbild__info__text,
.article-image-only__info__text,
.content-liste,
.copytext__audio__details,
.copytext__audio__title,
.copytext__video__details,
.copytext__video__title,
.form__infotext,
.header-app-video__text,
.header-app-video__title,
.header-app-video__topline,
.image-rights__info,
.mappingbox__text,
.media-subline__info-text,
.mediaplayer-subline__details,
.mediaplayer-subline__title,
.mubu-container__content__info__title,
.teaser-right--voting-result__votes .votes,
.teaser-right--voting-result__votes .votes-percent,
.vue-comparison-slider__subline,
.vueslider .swiper-description-text {
  font-size: 1.6rem;
  line-height: 2.1rem;
}
.absatzbild__info__copyright,
.article-image-only__info__copyright,
.copytext__audio__metainfo,
.copytext__video__metainfo,
.header-app-video__date,
.mappingbox__infotext,
.media-subline__info__copyright,
.mediaplayer-subline__metainfo,
.mubu-container__content__info__metainfo,
.vueslider .swiper-copyright {
  font-size: 1.6rem;
  font-style: italic;
  line-height: 2.1rem;
}
.external-embed__disclaimer {
  font-size: 1.6rem;
  line-height: 2rem;
}
.absatzbild__info__text,
.article-image-only__info__text,
.content-liste > li,
.copytext__audio__details,
.copytext__audio__metainfo,
.copytext__video__details,
.copytext__video__metainfo,
.header-app-video__info,
.media-subline__info-text,
.mediaplayer-subline__details,
.mediaplayer-subline__metainfo,
.socialbuttons--with-endline {
  border-bottom: 0.1rem solid #e4e4e4;
}
.ergebnisse,
.paginierung {
  font-size: 1.6rem;
  line-height: 1.6rem;
}
.bulletpoint-list {
  font-size: 1.8rem;
  line-height: 2.4rem;
}
.wahlbeteiligung--number {
  font-size: 2.8rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .wahlbeteiligung--number {
    font-size: 3.2rem;
  }
}
.expanderbox__header--large-text {
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 2.8rem;
}
@media screen and (min-width: 768px) {
  .expanderbox__header--large-text {
    font-size: 2.6rem;
    line-height: 3rem;
  }
}
.textlink--mit-icon {
  font-size: 1.8rem;
  line-height: 2.4rem;
}
.btn--uppercase-text__label,
.btn--uppercase-text__shortlabel abbr {
  font-size: 1.4rem;
  letter-spacing: 0.11rem;
}
.teaser__headline {
  margin-bottom: 1.2rem;
}
.boersenbox__embed__title,
.teaser-absatz__headline,
.teaser-left__headline,
.teaser-mikro__headline,
.teaser-right__headline,
.teaser-slider__headline,
.teaser-xs__headline {
  margin-top: -0.1rem;
  padding: 0.1rem 0 0;
}
@media screen and (min-width: 768px) {
  .teaser-right__shorttext {
    padding-left: 1.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .teaser-right__shorttext {
    padding-left: 2rem;
  }
}
.eilmeldung__headline,
.multimediahead__headline,
.seitenkopf__headline--text,
.teaser--top .teaser__headline,
.teaser--top-aufmacher .teaser__headline {
  margin-bottom: 1.2rem;
}
@media screen and (min-width: 768px) {
  .eilmeldung__headline,
  .multimediahead__headline,
  .seitenkopf__headline--text,
  .teaser--top .teaser__headline,
  .teaser--top-aufmacher .teaser__headline {
    margin-bottom: 1rem;
  }
}
.trenner__text__topline {
  margin-bottom: 0.4rem;
}
@media screen and (min-width: 768px) {
  .trenner__text__topline {
    margin-bottom: 0.6rem;
  }
}
.vue-comparison-slider__subline,
.vueslider .swiper-description-text {
  color: #33322f;
  padding: 0 2rem 2rem;
  position: relative;
}
.vue-comparison-slider__subline.color--tongue,
.vueslider .swiper-slide.color--tongue .swiper-description-text {
  color: #dee9f2;
}
.spacing-top-xs {
  margin-top: 0.4rem;
}
.spacing-top-s {
  margin-top: 0.8rem;
}
.spacing-top-s-plus {
  margin-top: 1rem;
}
.spacing-top-m {
  margin-top: 1.2rem;
}
.spacing-top-l {
  margin-top: 1.6rem;
}
.spacing-top-l-plus {
  margin-top: 2rem;
}
.spacing-top-xl {
  margin-top: 2.4rem;
}
.spacing-top-xxl {
  margin-top: 3.2rem;
}
.spacing-top-xxxl {
  margin-top: 4.8rem;
}
.spacing-bottom-xs {
  margin-bottom: 0.4rem;
}
.spacing-bottom-s {
  margin-bottom: 0.8rem;
}
.spacing-bottom-s-plus {
  margin-bottom: 1rem;
}
.spacing-bottom-m {
  margin-bottom: 1.2rem;
}
.spacing-bottom-l {
  margin-bottom: 1.6rem;
}
.spacing-bottom-l-plus {
  margin-bottom: 2rem;
}
.spacing-bottom-xl {
  margin-bottom: 2.4rem;
}
.spacing-bottom-xxl {
  margin-bottom: 3.2rem;
}
.spacing-bottom-xxxl {
  margin-bottom: 4.8rem;
}
.padding-left-none {
  padding-left: 0 !important;
}
@media only screen and (min-width: 768px) {
  .spacing-m-top-none {
    margin-top: 0;
  }
  .spacing-m-top-xs {
    margin-top: 0.4rem;
  }
  .spacing-m-top-s {
    margin-top: 0.8rem;
  }
  .spacing-m-top-s-plus {
    margin-top: 1rem;
  }
  .spacing-m-top-m {
    margin-top: 1.2rem;
  }
  .spacing-m-top-l {
    margin-top: 1.6rem;
  }
  .spacing-m-top-l-plus {
    margin-top: 2rem;
  }
  .spacing-m-top-xl {
    margin-top: 2.4rem;
  }
  .spacing-m-top-xxl {
    margin-top: 3.2rem;
  }
  .spacing-m-top-xxxl {
    margin-top: 4.8rem;
  }
  .spacing-m-bottom-none {
    margin-bottom: 0;
  }
  .spacing-m-bottom-xs {
    margin-top: 0.4rem;
  }
  .spacing-m-bottom-s {
    margin-bottom: 0.8rem;
  }
  .spacing-m-bottom-s-plus {
    margin-bottom: 1rem;
  }
  .spacing-m-bottom-m {
    margin-bottom: 1.2rem;
  }
  .spacing-m-bottom-l {
    margin-bottom: 1.6rem;
  }
  .spacing-m-bottom-l-plus {
    margin-bottom: 2rem;
  }
  .spacing-m-bottom-xl {
    margin-bottom: 2.4rem;
  }
  .spacing-m-bottom-xxl {
    margin-bottom: 3.2rem;
  }
  .spacing-m-bottom-xxxl {
    margin-bottom: 4.8rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .frame-m {
    box-sizing: border-box;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media only screen and (min-width: 1024px) {
  .spacing-l-top-none {
    margin-top: 0;
  }
  .spacing-l-top-xs {
    margin-top: 0.4rem;
  }
  .spacing-l-top-s {
    margin-top: 0.8rem;
  }
  .spacing-l-top-s-plus {
    margin-top: 1rem;
  }
  .spacing-l-top-m {
    margin-top: 1.2rem;
  }
  .spacing-l-top-l {
    margin-top: 1.6rem;
  }
  .spacing-l-top-l-plus {
    margin-top: 2rem;
  }
  .spacing-l-top-xl {
    margin-top: 2.4rem;
  }
  .spacing-l-top-xxl {
    margin-top: 3.2rem;
  }
  .spacing-l-top-xxxl {
    margin-top: 4.8rem;
  }
  .spacing-l-bottom-none {
    margin-bottom: 0;
  }
  .spacing-l-bottom-xs {
    margin-bottom: 0.4rem;
  }
  .spacing-l-bottom-s {
    margin-bottom: 0.8rem;
  }
  .spacing-l-bottom-s-plus {
    margin-bottom: 1rem;
  }
  .spacing-l-bottom-m {
    margin-bottom: 1.2rem;
  }
  .spacing-l-bottom-l {
    margin-bottom: 1.6rem;
  }
  .spacing-l-bottom-l-plus {
    margin-bottom: 2rem;
  }
  .spacing-l-bottom-xl {
    margin-bottom: 2.4rem;
  }
  .spacing-l-bottom-xxl {
    margin-top: 3.2rem;
  }
  .spacing-l-bottom-xxxl {
    margin-bottom: 4.8rem;
  }
}
.image-rights__info,
.teaser__teaserinfo {
  padding: 1.6rem 2rem 0;
}
.color-coded-box__border-container,
.infoheadline--inpedendent,
.liveblog__datetime,
.meldung__subhead,
.meldung__topline-subhead,
.meldung__uhrzeit,
.meldungsfooter,
.teaser__medialinks .mubu-container__content,
.textabsatz,
.textlink--mit-icon,
.wahlbeteiligung {
  padding: 0 2rem;
}
@media screen and (min-width: 1024px) {
  .teaser__medialinks .mubu-container__content {
    padding: 0;
  }
}
.form__paragraph,
.textabsatz,
.verweisabsatz {
  margin: 0 0 2.4rem;
}
.form__feedback-message,
.form__fieldset .form__legend,
.form__headline,
.liveblog__datetime,
.meldung__uhrzeit,
.simpletable > caption {
  margin: 0.8rem 0 1.6rem;
}
.external-embed--livecenter:not(.external-embed--loaded):after,
.lazy-swiper--prerender-height-16x9,
.lazy-swiper--prerender-height-1x1,
.mediaplayer--lazy-loading,
.teaser-slider--prerender-height-16x9,
.ts-picture,
.vue-comparison-slider--prerender-height {
  background-image: url(../index/ts_watermark_white.svg);
}
.teaser-slider__wrapper .swiper-button-next,
.teaser-slider__wrapper .swiper-button-prev,
.vueslider .swiper-button-next,
.vueslider .swiper-button-prev {
  background: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  height: 7rem;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  width: 7rem;
}
.teaser-slider__wrapper .swiper-button-disabled.swiper-button-next,
.teaser-slider__wrapper .swiper-button-disabled.swiper-button-prev,
.vueslider .swiper-button-disabled.swiper-button-next,
.vueslider .swiper-button-disabled.swiper-button-prev {
  opacity: 0;
}
.teaser-slider__wrapper .swiper-button-next:active,
.teaser-slider__wrapper .swiper-button-next:focus,
.teaser-slider__wrapper .swiper-button-next:hover,
.teaser-slider__wrapper .swiper-button-prev:active,
.teaser-slider__wrapper .swiper-button-prev:focus,
.teaser-slider__wrapper .swiper-button-prev:hover,
.vueslider .swiper-button-next:active,
.vueslider .swiper-button-next:focus,
.vueslider .swiper-button-next:hover,
.vueslider .swiper-button-prev:active,
.vueslider .swiper-button-prev:focus,
.vueslider .swiper-button-prev:hover {
  background: #f56b0d;
}
.teaser-slider__wrapper .swiper-button-next:after,
.teaser-slider__wrapper .swiper-button-prev:after,
.vueslider .swiper-button-next:after,
.vueslider .swiper-button-prev:after {
  content: "";
}
.teaser-slider__wrapper .swiper-button-next .icon,
.teaser-slider__wrapper .swiper-button-prev .icon,
.vueslider .swiper-button-next .icon,
.vueslider .swiper-button-prev .icon {
  height: 4rem;
  left: 50%;
  margin-top: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 4rem;
}
.teaser-slider__wrapper .swiper-pagination-bullet,
.vueslider .swiper-pagination-bullet {
  background: #80807e;
  opacity: 1;
}
.teaser-slider__wrapper .swiper-pagination-bullet-active,
.vueslider .swiper-pagination-bullet-active {
  background: #f56b0d;
}
.teaser-slider__wrapper
  .swiper-pagination-bullets:not(.swiper-pagination-bullets-dynamic)
  .swiper-pagination-bullet-active,
.vueslider
  .swiper-pagination-bullets:not(.swiper-pagination-bullets-dynamic)
  .swiper-pagination-bullet-active {
  height: 1.8rem;
  position: relative;
  top: 0.5rem;
  width: 1.8rem;
}
.teaser-slider__wrapper
  .swiper-pagination-bullets-dynamic.swiper-pagination-bullets
  .swiper-pagination-bullet,
.vueslider
  .swiper-pagination-bullets-dynamic.swiper-pagination-bullets
  .swiper-pagination-bullet {
  height: 1.8rem;
  width: 1.8rem;
}
.container {
  box-sizing: border-box;
  padding: 0;
  width: 100%;
}
.column,
.columns {
  float: left;
  margin-top: 0;
}
.row:after,
.row:before {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}
.columns.one {
  width: 8.333333333333332%;
}
.columns.two {
  width: 16.666666666666664%;
}
.columns.two-and-a-half {
  width: 20%;
}
.columns.three {
  width: 25%;
}
.columns.four {
  width: 33.333333333333336%;
}
.columns.five {
  width: 41.666666666666664%;
}
.columns.six {
  width: 50%;
}
.columns.seven {
  width: 58.333333333333336%;
}
.columns.eight {
  width: 66.66666666666667%;
}
.columns.nine {
  width: 75%;
}
.columns.ten {
  width: 83.33333333333333%;
}
.columns.eleven {
  width: 91.66666666666667%;
}
.columns.twelve {
  width: 100%;
}
.columns.offset-one {
  margin-left: 8.333333333333332%;
}
.columns.offset-two {
  margin-left: 16.666666666666664%;
}
.columns.offset-two-and-a-half {
  margin-left: 20%;
}
.columns.offset-three {
  margin-left: 25%;
}
.columns.offset-four {
  margin-left: 33.333333333333336%;
}
.columns.offset-five {
  margin-left: 41.666666666666664%;
}
.columns.offset-six {
  margin-left: 50%;
}
.columns.offset-seven {
  margin-left: 58.333333333333336%;
}
.columns.offset-eight {
  margin-left: 66.66666666666667%;
}
.columns.offset-nine {
  margin-left: 75%;
}
.columns.offset-ten {
  margin-left: 83.33333333333333%;
}
.columns.offset-eleven {
  margin-left: 91.66666666666667%;
}
@media only screen and (min-width: 768px) {
  .columns.m-one {
    width: 8.333333333333332%;
  }
  .columns.m-two {
    width: 16.666666666666664%;
  }
  .columns.m-two-and-a-half {
    width: 20%;
  }
  .columns.m-three {
    width: 25%;
  }
  .columns.m-four {
    width: 33.333333333333336%;
  }
  .columns.m-five {
    width: 41.666666666666664%;
  }
  .columns.m-six {
    width: 50%;
  }
  .columns.m-seven {
    width: 58.333333333333336%;
  }
  .columns.m-eight {
    width: 66.66666666666667%;
  }
  .columns.m-nine {
    width: 75%;
  }
  .columns.m-ten {
    width: 83.33333333333333%;
  }
  .columns.m-eleven {
    width: 91.66666666666667%;
  }
  .columns.m-twelve {
    width: 100%;
  }
  .columns.m-offset-one {
    margin-left: 8.333333333333332%;
  }
  .columns.m-offset-two {
    margin-left: 16.666666666666664%;
  }
  .columns.m-offset-two-and-a-half {
    margin-left: 20%;
  }
  .columns.m-offset-three {
    margin-left: 25%;
  }
  .columns.m-offset-four {
    margin-left: 33.333333333333336%;
  }
  .columns.m-offset-five {
    margin-left: 41.666666666666664%;
  }
  .columns.m-offset-six {
    margin-left: 50%;
  }
  .columns.m-offset-seven {
    margin-left: 58.333333333333336%;
  }
  .columns.m-offset-eight {
    margin-left: 66.66666666666667%;
  }
  .columns.m-offset-nine {
    margin-left: 75%;
  }
  .columns.m-offset-ten {
    margin-left: 83.33333333333333%;
  }
  .columns.m-offset-eleven {
    margin-left: 91.66666666666667%;
  }
}
@media only screen and (min-width: 1024px) {
  .columns.l-one {
    width: 8.333333333333332%;
  }
  .columns.l-two {
    width: 16.666666666666664%;
  }
  .columns.l-two-and-a-half {
    width: 20%;
  }
  .columns.l-three {
    width: 25%;
  }
  .columns.l-four {
    width: 33.333333333333336%;
  }
  .columns.l-five {
    width: 41.666666666666664%;
  }
  .columns.l-six {
    width: 50%;
  }
  .columns.l-seven {
    width: 58.333333333333336%;
  }
  .columns.l-eight {
    width: 66.66666666666667%;
  }
  .columns.l-nine {
    width: 75%;
  }
  .columns.l-ten {
    width: 83.33333333333333%;
  }
  .columns.l-eleven {
    width: 91.66666666666667%;
  }
  .columns.l-twelve {
    width: 100%;
  }
  .columns.l-auto {
    width: auto;
  }
  .columns.l-offset-none {
    margin-left: 0;
  }
  .columns.l-offset-one {
    margin-left: 8.333333333333332%;
  }
  .columns.l-offset-two {
    margin-left: 16.666666666666664%;
  }
  .columns.l-offset-two-and-a-half {
    margin-left: 20%;
  }
  .columns.l-offset-three {
    margin-left: 25%;
  }
  .columns.l-offset-four {
    margin-left: 33.333333333333336%;
  }
  .columns.l-offset-five {
    margin-left: 41.666666666666664%;
  }
  .columns.l-offset-six {
    margin-left: 50%;
  }
  .columns.l-offset-seven {
    margin-left: 58.333333333333336%;
  }
  .columns.l-offset-eight {
    margin-left: 66.66666666666667%;
  }
  .columns.l-offset-nine {
    margin-left: 75%;
  }
  .columns.l-offset-ten {
    margin-left: 83.33333333333333%;
  }
  .columns.l-offset-eleven {
    margin-left: 91.66666666666667%;
  }
}
.offset-by-one.column,
.offset-by-one.columns {
  margin-left: 8.333333333333332%;
}
.offset-by-two.column,
.offset-by-two.columns {
  margin-left: 16.6666666666667%;
}
.offset-by-two-and-a-half.column,
.offset-by-two-and-a-half.columns {
  margin-left: 20%;
}
.offset-by-three.column,
.offset-by-three.columns {
  margin-left: 25%;
}
.columns.debug {
  outline: 1px dotted red;
  outline-offset: -1px;
}
.debug-grid {
  bottom: 0;
  display: none;
  left: 0;
  opacity: 0.8;
  padding: 0;
  position: fixed;
  right: 0;
  top: 45px;
  z-index: 998;
}
.debug-grid-inner {
  height: 100%;
  margin: 0 auto;
  max-width: 1200px;
  width: 100%;
}
.debug-grid .columns:first-child {
  border-left: 0;
}
.debug-grid .columns,
.debug-grid .columns.debug {
  background: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  font-size: 0;
  height: 100%;
}
.debug-grid .columns.debug.one,
.debug-grid .columns.one {
  border-right: 1px solid #ccc;
  outline: none;
}
body {
  background-color: #f1f1f1;
}
body.disablescroll {
  overflow-y: scroll;
  position: fixed;
  width: 100%;
}
.layout-container {
  margin: 0 auto;
  max-width: 1200px;
  width: 100%;
}
.layout-content {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  padding-top: 10.2rem;
}
.layout-content.scrolled {
  padding-top: 9rem;
}
.global-wrapper {
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}
@media print {
  .layout-content {
    overflow: visible;
  }
}
.teasergroup {
  margin-top: 1.6rem;
}
.teasergroup--docked {
  margin-top: 0;
}
.teasergroup.color--tongue {
  background: #f56b0d;
  color: #fff;
}
.teasergroup:first-child {
  margin-top: 0;
}
.content-wrapper {
  background-color: #fff;
  display: block;
  margin: auto;
  max-width: 1024px;
}
@media screen and (min-width: 1921px) {
  .content-wrapper {
    max-width: 1200px;
  }
}
.teasergroup--cut.teasergroup {
  margin-top: 1.6rem;
}
.teasergroup--cut:before {
  background-color: #f1f1f1;
  content: "";
  display: block;
  height: 1.6rem;
  margin-top: -1.6rem;
}
@media screen and (min-width: 768px) {
  .teasergroup--cut:before {
    left: -4rem;
    position: absolute;
    width: calc(100% + 4rem);
  }
  .content-wrapper {
    padding: 0;
  }
}
@media screen and (min-width: 1024px) {
  .content-wrapper {
    padding: 0 40px;
  }
  .layout-content,
  .layout-content.scrolled {
    padding-top: 11.6rem;
  }
}
@media screen and (min-width: 1104px) {
  .global-wrapper {
    max-width: 110.4rem;
  }
}
@media screen and (min-width: 1921px) {
  .global-wrapper {
    max-width: 128rem;
  }
}
@media print {
  .layout-content {
    padding-top: 0;
  }
}
@page {
  margin: 2cm;
}
@media screen and (max-width: 767px) {
  .hidden-s,
  .visible-m {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  .hidden-m {
    display: none !important;
  }
}
@media screen and (min-width: 1024px) {
  .hidden-l {
    display: none !important;
  }
}
@media screen and (max-width: 1024px) {
  .visible-l {
    display: none !important;
  }
}
.hidden {
  left: -10000px;
  position: absolute;
}
.hyphenate {
  font: inherit;
  hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
}
.btn.btn--tongue,
.tag-btn.tag-btn--tongue {
  background: #f56b0d;
  color: #fff;
}
.btn.btn--tongue:hover,
.tag-btn.tag-btn--tongue:hover {
  background: #4082b3;
  color: #fff;
}
.btn.btn--tongue:focus,
.tag-btn.tag-btn--tongue:focus {
  outline-color: #99bdd6;
}
.btn.btn--light-grey,
.btn.btn--light-grey-disabled,
.tag-btn.tag-btn--light-grey {
  background: #e4e4e4;
  color: #33322f;
}
.btn.btn--light-grey-disabled:hover,
.btn.btn--light-grey:hover,
.tag-btn.tag-btn--light-grey:hover {
  background: #c2c2c1;
}
.btn.btn--light-grey-disabled {
  color: #c2c2c1;
}
.btn.btn--light-grey:focus,
.tag-btn.tag-btn--light-grey:focus {
  outline-color: #80807e;
}
.content-wrapper.content-wrapper--show-cuts {
  background-color: transparent;
  max-width: 110.4rem;
}
.content-wrapper.content-wrapper--show-cuts .layout-container {
  max-width: 128rem;
}
@media screen and (min-width: 1921px) {
  .content-wrapper.content-wrapper--show-cuts {
    max-width: 128rem;
  }
}
@media screen and (min-width: 1024px) {
  .content-wrapper.content-wrapper--show-cuts {
    padding: 0;
  }
}
.content-wrapper.content-wrapper--show-cuts .teasergroup {
  background-color: #fff;
  box-sizing: border-box;
}
.content-wrapper.content-wrapper--show-cuts .teasergroup.color--tongue {
  background-color: #f56b0d;
}
.content-wrapper.content-wrapper--show-cuts .teasergroup:first-child {
  padding-top: 0;
}
@media screen and (min-width: 1024px) {
  .content-wrapper.content-wrapper--show-cuts .teasergroup {
    padding: 2.4rem 4rem 0;
  }
}
.content-wrapper.content-wrapper--show-cuts .content-wrapper__group {
  background-color: #fff;
  box-sizing: border-box;
  padding-top: 0;
}
@media screen and (min-width: 1024px) {
  .content-wrapper.content-wrapper--show-cuts .content-wrapper__group {
    padding: 0 4rem;
  }
}
.cuts--undercut,
.cuts--uppercut {
  box-sizing: border-box;
  display: inline-block;
}
.cuts--uppercut {
  margin-top: 1.6rem;
}
.cuts--undercut {
  margin-bottom: 1.6rem;
}
.vue-comparison-slider--prerender-height {
  background-color: #e4e4e4;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20%;
  padding-bottom: calc(100% + 6.25rem);
  position: relative;
}
@media screen and (min-width: 720px) {
  .vue-comparison-slider--prerender-height {
    padding-bottom: calc(56.25% + 4.15rem);
  }
}
@font-face {
  font-display: swap;
  font-family: Thesis;
  font-style: normal;
  font-weight: 400;
  src: url(../index/TheSansC5s-4_SemiLight.woff2) format("woff2"),
    url(../index/TheSansC5s-4_SemiLight.woff) format("woff");
}
@font-face {
  font-display: swap;
  font-family: Thesis;
  font-style: normal;
  font-weight: 700;
  src: url(../index/TheSansC5s-6_SemiBold.woff2) format("woff2"),
    url(../index/TheSansC5s-6_SemiBold.woff) format("woff");
}
@font-face {
  font-display: swap;
  font-family: Thesis;
  font-style: italic;
  font-weight: 400;
  src: url(../index/TheSansC5s-4_SemiLightItalic.woff2) format("woff2"),
    url(../index/TheSansC5s-4_SemiLightItalic.woff) format("woff");
}
@font-face {
  font-display: swap;
  font-family: ThesisCaps;
  font-weight: 400;
  src: url(../index/TheSansC5s-4_SemiLight.woff2) format("woff2"),
    url(../index/TheSansC5s-4_SemiLight.woff) format("woff");
}
@font-face {
  font-display: swap;
  font-family: Thesis Plus Kyrillic;
  font-style: normal;
  font-weight: 400;
  src: url(../index/TheSansE4s-4_SemiLight.woff2) format("woff2"),
    url(../index/TheSansE4s-4_SemiLight.woff) format("woff");
}
@font-face {
  font-display: swap;
  font-family: Thesis Plus Kyrillic;
  font-style: normal;
  font-weight: 700;
  src: url(../index/TheSansE4s-6_SemiBold.woff2) format("woff2"),
    url(../index/TheSansE4s-6_SemiBold.woff) format("woff");
}
@font-face {
  font-display: swap;
  font-family: Thesis Plus Kyrillic;
  font-style: italic;
  font-weight: 400;
  src: url(../index/TheSansE4s-4iSemiLightIta.woff2) format("woff2"),
    url(../index/TheSansE4s-4iSemiLightIta.woff) format("woff");
}
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  color: #33322f;
  font-size: 62.5%;
}
@media screen and (max-width: 360px) {
  html {
    font-size: 56%;
  }
}
@media print {
  html {
    font-size: 50%;
  }
}
a,
acronym,
address,
applet,
big,
blockquote,
body,
button,
caption,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
iframe,
img,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
select,
small,
span,
strike,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
ul,
var {
  border: 0;
  outline: none;
}
.btn--icon {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  padding: 0.1rem;
  width: 100%;
}
.btn--icon .icon {
  padding: 0.4rem;
  width: 100%;
}
.burger-button-animated {
  fill: #33322f;
  background: transparent;
  cursor: pointer;
  height: 4.5rem;
  padding: 1rem;
  position: absolute;
  right: 2.5rem;
  top: 1rem;
  width: 4.5rem;
  z-index: 141;
}
.burger-button-animated:focus {
  outline: 2px solid #80807e;
}
.burger-button-animated svg {
  pointer-events: none;
}
.burger-button-animated .firstline {
  transform: rotate(0);
  transform-origin: 2px 8px;
  transition: all 0.3s;
}
.burger-button-animated .secondline {
  opacity: 1;
  transition: all 0.3s;
}
.burger-button-animated .thirdline {
  transform: rotate(0);
  transform-origin: 2px 26px;
  transition: all 0.3s;
}
.burger-button-animated .isX .firstline {
  transform: rotate(45deg);
  transform-origin: 4px 13px;
}
.burger-button-animated .isX .secondline {
  opacity: 0;
}
.burger-button-animated .isX .thirdline {
  transform: rotate(-45deg);
  transform-origin: 7px 23px;
}
.small .burger-button-animated {
  top: 0.3rem;
}
@media only screen and (min-width: 768px) {
  .burger-button-animated {
    right: 4.6rem;
  }
}
@media only screen and (min-width: 1024px) {
  .burger-button-animated,
  .small .burger-button-animated {
    height: 5.6rem;
    right: 4.2rem;
    top: 1.2rem;
    width: 5.6rem;
  }
}
.btn--text {
  align-items: center;
  display: inline-flex;
  font-size: 1.6rem;
  line-height: 2.4rem;
  padding: 0.4rem 1rem;
  text-align: center;
}
.btn--text .icon {
  height: 2.4rem;
  padding-left: 1rem;
  width: 2.4rem;
}
.btn--text__brackets {
  margin-left: 0.4rem;
}
.btn--text__brackets:before {
  content: "(";
  font-weight: 400;
}
.btn--text__brackets:after {
  content: ")";
  font-weight: 400;
}
.btn--text.btn--fullwidth {
  border: none;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  width: 100%;
}
.btn--text.btn--fullwidth .btn__label {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.btn--uppercase-text {
  align-items: center;
  display: inline-flex;
  padding: 0.4rem 1rem;
  text-align: center;
}
.btn--uppercase-text__label,
.btn--uppercase-text__shortlabel abbr {
  line-height: 2.4rem;
}
.btn--uppercase-text.is-active .btn--uppercase-text__label,
.btn--uppercase-text.is-active .btn--uppercase-text__shortlabel abbr {
  font-weight: 700;
}
.btn--uppercase-text .icon {
  height: 2.4rem;
  padding-left: 1rem;
  width: 2.4rem;
}
.btn--uppercase-text__shortlabel abbr {
  border-bottom: none;
  cursor: pointer;
}
.btn--uppercase-text__shortlabel abbr:active:after,
.btn--uppercase-text__shortlabel abbr:focus:after,
.btn--uppercase-text__shortlabel abbr:hover:after {
  content: "";
  display: none;
}
.btn--uppercase-text
  .btn--uppercase-text__shortlabel
  + .btn--uppercase-text__label {
  display: none;
}
@media screen and (min-width: 768px) {
  .btn--uppercase-text__shortlabel {
    display: none;
  }
  .btn--uppercase-text
    .btn--uppercase-text__shortlabel
    + .btn--uppercase-text__label {
    display: block;
  }
}
.tag-btn {
  background-color: #fff;
  border-radius: 1.8rem;
  color: #33322f;
  cursor: pointer;
  font-size: 1.6rem;
  padding: 0.7rem 1.2rem;
}
.tag-btn:focus {
  outline-offset: 0.2rem;
}
.tag-btn--small {
  font-size: 1.4rem;
  padding: 0.4rem 1rem;
}
.tag-btn--medium {
  font-size: 1.6rem;
  padding: 0.5rem 1.2rem;
}
.tag-btn--large {
  font-size: 1.8rem;
  padding: 0.6rem 1.4rem;
}
.burger-menu-button {
  fill: #33322f;
  background: transparent;
  cursor: pointer;
  display: none;
  height: 4.5rem;
  padding: 1rem;
  position: absolute;
  right: 2.5rem;
  top: 1rem;
  width: 4.5rem;
  z-index: 141;
}
.burger-menu-button:focus {
  outline: 0.2rem solid #80807e;
}
.burger-menu-button svg {
  pointer-events: none;
}
.burger-menu-button--active {
  display: block;
}
.small .burger-menu-button {
  top: 0.3rem;
}
@media only screen and (min-width: 768px) {
  .burger-menu-button {
    right: 4.6rem;
  }
}
@media only screen and (min-width: 1024px) {
  .burger-menu-button,
  .small .burger-menu-button {
    height: 5.6rem;
    right: 4.2rem;
    top: 1.2rem;
    width: 5.6rem;
  }
}
.burger-menu-button-close {
  fill: #33322f;
  background: transparent;
  cursor: pointer;
  display: none;
  height: 6.5rem;
  padding: 1rem;
  position: absolute;
  right: 2.5rem;
  top: 0;
  width: 4.5rem;
  z-index: 142;
}
.burger-menu-button-close:focus {
  outline: 0.2rem solid #80807e;
}
.burger-menu-button-close svg {
  pointer-events: none;
}
.js-active-close-button {
  display: block;
}
.small + .burger-navi-holder .burger-menu-button-close {
  height: 5.2rem;
}
@media only screen and (min-width: 768px) {
  .burger-menu-button-close {
    right: 4.6rem;
  }
}
@media only screen and (min-width: 1024px) {
  .burger-menu-button-close,
  .small + .burger-navi-holder .burger-menu-button-close {
    height: 8rem;
    right: 4.2rem;
    width: 5.5rem;
  }
}
.icon.color--tongue {
  fill: #f56b0d;
}
.icon.color--light {
  fill: #fff;
}
.icon.color--unicorn {
  fill: #ff00ed;
}
.icon.color--breaking {
  fill: #cd144a;
}
.icon-animated--pulse {
  animation: pulse 1.6s infinite;
  background: #cd144a;
  border-radius: 50%;
  box-shadow: 0 0 0 rgba(205, 20, 74, 0.7);
  cursor: pointer;
  display: block;
  height: 1.8rem;
  width: 1.8rem;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(205, 20, 74, 0.7);
  }
  70% {
    -webkit-box-shadow: 0 0 0 0.6rem rgba(205, 20, 74, 0);
  }
  to {
    -webkit-box-shadow: 0 0 0 0 rgba(205, 20, 74, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(205, 20, 74, 0.7);
    box-shadow: 0 0 0 0 rgba(205, 20, 74, 0.7);
  }
  70% {
    -moz-box-shadow: 0 0 0 0.6rem rgba(205, 20, 74, 0);
    box-shadow: 0 0 0 0.6rem rgba(205, 20, 74, 0);
  }
  to {
    -moz-box-shadow: 0 0 0 0 rgba(205, 20, 74, 0);
    box-shadow: 0 0 0 0 rgba(205, 20, 74, 0);
  }
}
.divider {
  border-bottom: 0.1rem solid #e4e4e4;
  display: block;
}
.divider--bsc {
  border-color: #4082b3;
}
.divider-list > li {
  border-bottom: 0.1rem solid #e4e4e4;
}
.divider-list > li:last-child {
  border-bottom: none;
}
.divider-list.divider-list__bottom > li:last-child {
  border-bottom: 0.1rem solid #e4e4e4;
}
.divider-list.divider-list__outside > li:first-child,
.divider-list.divider-list__top > li:first-child {
  border-top: 0.1rem solid #e4e4e4;
}
.divider-list.divider-list__outside > li:last-child {
  border-bottom: 0.1rem solid #e4e4e4;
  border-top: 0.1rem solid #e4e4e4;
}
.divider-list.color--tongue.divider-list__bottom > li:last-child,
.divider-list.color--tongue > li {
  border-bottom: 0.1rem solid #4082b3;
}
.divider-list.color--tongue.divider-list__outside > li:first-child,
.divider-list.color--tongue.divider-list__top > li:first-child {
  border-top: 0.1rem solid #4082b3;
}
.divider-list.color--tongue.divider-list__outside > li:last-child {
  border-bottom: 0.1rem solid #4082b3;
  border-top: 0.1rem solid #4082b3;
}
.wahlbeteiligung--divider:after {
  border-bottom: 0.1rem solid #e4e4e4;
  content: "";
  display: flex;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .wahlbeteiligung--divider:after {
    border-right: 0.1rem solid #e4e4e4;
  }
}
.image-btn {
  box-sizing: border-box;
  display: block;
  height: 4rem;
  padding: 1rem;
  width: 4rem;
}
.image-btn .icon {
  fill: #80807e;
}
.textonly-btn {
  color: #33322f;
  font-size: 1.6rem;
  padding: 0.4rem;
  position: relative;
}
.textonly-btn:focus {
  outline: none;
  outline-offset: unset;
}
.textonly-btn:focus:after {
  border: 2px solid #253443;
  bottom: 0;
  content: "";
  height: 100%;
  left: -0.2rem;
  position: absolute;
  right: 0;
  top: -0.2rem;
  width: 100%;
}
.textonly-btn--active:after {
  padding-bottom: 0.4rem;
}
.textonly-btn--active:before {
  background: #f56b0d;
  bottom: 0;
  content: "";
  height: 3px;
  left: 0.4rem;
  position: absolute;
  width: calc(100% - 0.8rem);
}
.form__element-wrapper {
  margin-bottom: 2.4rem;
}
.form-label {
  color: #33322f;
  font-size: 1.6rem;
  line-height: 2rem;
  position: relative;
}
.form-label.color--tongue {
  color: #fff;
}
.form-checkbox {
  align-items: flex-start;
  display: flex;
  margin: 1rem 0;
}
.form-checkbox .form-checkbox__hidden {
  cursor: pointer;
  height: 1.8rem;
  margin: 0;
  opacity: 0;
  position: absolute;
  width: 1.8rem;
}
.form-checkbox .form-checkbox__hidden:focus {
  opacity: 1;
  outline: 0.2rem solid #80807e;
  outline-offset: 0.2rem;
}
.form-checkbox__box {
  background-color: #fff;
  border: 0.1rem solid #80807e;
  border-radius: 0.3rem;
  display: inline-block;
  flex-shrink: 0;
  height: 1.6rem;
  left: 0;
  margin-right: 0.8rem;
  position: relative;
  width: 1.6rem;
}
.form-checkbox__box:after {
  border: solid #f56b0d;
  border-width: 0 0.2rem 0.2rem 0;
  content: "";
  display: none;
  height: 0.9rem;
  left: 0.5rem;
  position: absolute;
  top: 0.1rem;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 0.4rem;
}
.form-checkbox__hidden:checked ~ .form-checkbox__box {
  background-color: #fff;
}
.form-checkbox__hidden:checked ~ .form-checkbox__box:after {
  display: block;
}
.form-checkbox:focus .form-checkbox__box {
  border: 0.1rem solid #33322f;
}
.form-checkbox.color--tongue .form-checkbox__box {
  border: 0.1rem solid #fff;
}
.form-checkbox.color--tongue
  .form-checkbox__hidden:checked
  ~ .form-checkbox__box {
  background-color: #fff;
}
.form-checkbox.color--tongue .form-checkbox__hidden:focus {
  outline-color: #fff;
}
.invalid .form-checkbox__invalid-message {
  margin-bottom: 2.4rem;
}
.invalid .form-checkbox__hidden:invalid {
  opacity: 1;
  outline-offset: 0.2rem;
}
.form-toggle__slot {
  display: inline-block;
  height: 3.1rem;
  left: 1rem;
  position: relative;
  top: 1.8rem;
  width: 5rem;
}
.form-toggle__slot input {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}
.form-toggle__slot input:focus + .form-toggle__slider .form-toggle__knob {
  outline: 0.2rem solid #80807e;
  outline-offset: 0.2rem;
}
.form--toggle.color--tongue
  input:focus
  + .form-toggle__slider
  .form-toggle__knob {
  outline: 0.2rem solid #dee9f2;
  outline-offset: 0.2rem;
}
.form-toggle__slider {
  background-color: #c2c2c1;
  border-radius: 0.3rem;
  bottom: 0;
  cursor: pointer;
  height: 1.5rem;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition-duration: 0.2s;
  transition-property: background-color;
}
.form-label.form--toggle .form-toggle__slot {
  position: relative;
  right: 0.8rem;
  top: 1.8rem;
}
.form-toggle__dot {
  border: solid #f56b0d;
  border-width: 0 0.2rem 0.2rem 0;
  display: none;
  height: 0.9rem;
  left: 0.7rem;
  position: absolute;
  top: 0.3rem;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 0.4rem;
}
.form-toggle__knob {
  background-color: #fff;
  border: 0.1rem solid #80807e;
  border-radius: 0.3rem;
  bottom: -0.3rem;
  display: block;
  height: 2rem;
  left: -0.1rem;
  position: absolute;
  transition-duration: 0.2s;
  transition-property: transform, box-shadow;
  width: 2rem;
}
.form-toggle_text {
  display: inline-block;
  margin-right: 1rem;
  position: relative;
}
input:checked + .form-toggle__slider .form-toggle__knob {
  transform: translateX(3rem);
}
input:checked + .form-toggle__slider .form-toggle__dot {
  display: block;
}
input:checked + .form-toggle__slider {
  background-color: #f56b0d;
}
.form-label.form--toggle.color--tongue .form-toggle__slider {
  background-color: #f56b0d;
  border: 0.1rem solid #fff;
  box-sizing: border-box;
}
.form-label.form--toggle.color--tongue .form-toggle__knob {
  border-color: #f56b0d;
  bottom: -0.4rem;
}
.form-radio {
  cursor: pointer;
  display: block;
  margin-bottom: 1rem;
  min-height: 2rem;
  padding-left: 2.4rem;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.form-radio__input {
  cursor: pointer;
  height: 1.8rem;
  left: 0;
  margin: 0;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1.8rem;
}
.form-radio__input:focus {
  opacity: 1;
  outline: 0.2rem solid #80807e;
}
.form-radio__input:checked ~ .form-radio__mark:after {
  display: block;
}
.form-radio__mark {
  background-color: #fff;
  border: 0.1rem solid #80807e;
  border-radius: 50%;
  height: 1.6rem;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1.6rem;
}
.form-radio__input ~ .form-radio__mark:after {
  background: #f56b0d;
  border-radius: 50%;
  content: "";
  display: none;
  height: 0.8rem;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 0.8rem;
}
.form-radio.color--tongue .form-radio__input:focus {
  outline: 0.2rem solid #dee9f2;
}
.form-radio.color--tongue .form-radio__mark {
  background-color: #fff;
  border: 0.1rem solid #fff;
}
.invalid .form-radio__input:invalid ~ .form-radio__mark {
  outline-offset: 0.2rem;
}
.form-select {
  align-items: center;
  display: flex;
  position: relative;
}
.form-select__select {
  background-color: #fff;
  background-image: url(../index/arrow-down--fill-emotional-grey.svg);
  background-position: right 1rem center;
  background-repeat: no-repeat;
  background-size: 3.8rem 3.8rem;
  color: #33322f;
  font-size: 1.6rem;
  line-height: 1.8rem;
  outline: 0.1rem solid #33322f;
  padding: 2.6rem 3.6rem 1rem 1.2rem;
  width: 100%;
}
.form-select .form-select__select:focus {
  color: #33322f;
  outline: 0.2rem solid #33322f;
}
@media screen and (min-width: 768px) {
  .form-select {
    max-width: 40rem;
  }
  .form-select--centered {
    margin: 0 auto;
  }
}
.invalid .form-select__select:invalid {
  background-image: url(../index/arrow-down--fill-emotional-grey.svg),
    url(../index/error-breaking-red.svg);
  background-position: right 1rem center, right 4.6rem center;
  background-repeat: no-repeat;
  background-size: 3.8rem 3.8rem, 1.8rem;
}
.form-input {
  box-sizing: border-box;
  position: relative;
  width: 100%;
}
.form-input-icon__text {
  padding: 1.6rem 5.2rem;
}
.form-input-icon__text:focus,
.form-input-icon__text:not(:placeholder-shown) {
  padding-top: 0.8rem;
}
.form-input .form-input__text:focus {
  color: #33322f;
  outline: 0.2rem solid #33322f;
}
.form-input__label.form-label.form-input-icon__label,
.form-input__label.form-label.form-input-icon__label:not(
    :placeholder-shown
  ).form-input__label {
  visibility: hidden;
}
.form-input__label.form-label {
  align-items: center;
  display: flex;
}
.form-input-icon__icon {
  align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 3.2rem;
  justify-content: center;
  left: 0.8rem;
  pointer-events: none;
  position: absolute;
  right: auto;
  top: 1.45rem;
  width: 3.2rem;
}
.form-input-icon__icon svg {
  fill: #33322f;
}
.form-input__invalid-message {
  display: none;
}
.form-textarea {
  background: #fff;
  border: 0.1rem solid #fff;
  outline: 0.1rem solid #33322f;
  padding-top: 3rem;
  position: relative;
}
.form-textarea__wrapper .form-textarea:focus-within {
  border: 0.1rem solid #fff;
  color: #33322f;
  outline: 0.2rem solid #33322f;
}
.form-textarea__textarea {
  background: #fff;
  border: none;
  box-sizing: border-box;
  color: #80807e;
  font-size: 1.6rem;
  line-height: 2.2rem;
  padding: 0 1.2rem 1.6rem;
  position: relative;
  resize: vertical;
  width: 100%;
}
.form-textarea__textarea::placeholder {
  color: transparent;
}
.form-textarea__textarea:focus,
.form-textarea__textarea:not(:placeholder-shown) {
  color: #33322f;
  outline: none;
}
.form-textarea__wrapper.invalid .form-textarea {
  background-position: right 1.2rem top 1.2rem;
}
.form-mail {
  box-sizing: border-box;
  position: relative;
  width: 100%;
}
.form-mail .form-mail__input:focus {
  color: #33322f;
  outline: 0.2rem solid #33322f;
}
.form-mail__label.form-label {
  align-items: center;
  display: flex;
}
.form__fieldset {
  margin-bottom: 2.4rem;
}
.form__fieldset .form__legend {
  color: #33322f;
  display: block;
  margin-bottom: 1.2rem;
}
.searchfield {
  display: inline-block;
  position: relative;
}
.searchfield__input {
  background: #fff;
  border: none;
  color: #33322f;
  font-size: 1.6rem;
  height: 5.2rem;
  outline: 0.1rem solid #33322f;
  overflow: hidden;
  padding: 1.8rem 4.4rem 1.6rem 5.2rem;
}
.searchfield__input--fullwidth {
  box-sizing: border-box;
  width: 100%;
}
.searchfield__input::placeholder {
  color: #80807e;
  opacity: 1;
}
.searchfield__input:-webkit-autofill,
.searchfield__input:-webkit-autofill:active,
.searchfield__input:-webkit-autofill:focus,
.searchfield__input:-webkit-autofill:hover {
  -webkit-text-fill-color: #33322f;
  -webkit-box-shadow: inset 0 0 0 5rem #fff !important;
}
.searchfield .searchfield__input:focus {
  outline: 0.2rem solid #33322f;
}
.searchfield label {
  left: -50000em;
  position: absolute;
}
.searchfield--fullwidth {
  display: flex;
}
.searchfield--fullwidth,
.searchfield--fullwidth .searchfield__input {
  box-sizing: border-box;
  width: 100%;
}
.searchfield__icon {
  align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 5.2rem;
  justify-content: center;
  left: -0.4rem;
  pointer-events: none;
  position: absolute;
  right: auto;
  top: 0;
  width: 5.2rem;
}
.searchfield__icon .icon--search {
  fill: #33322f;
  height: 2rem;
  width: 2rem;
}
.searchfield__submit {
  background: transparent;
  border: none;
  bottom: 0;
  cursor: pointer;
  left: 0;
  margin: 0.2rem;
  position: absolute;
  top: 0;
  width: 4.6rem;
}
.searchfield__submit:focus {
  background: #f56b0d;
}
.searchfield__submit:focus + .searchfield__icon .icon--search {
  fill: #fff;
}
.searchfield__submit:focus-visible {
  outline: none;
}
.searchfield__reset {
  background-color: #f1f1f1;
  border-radius: 50%;
  cursor: pointer;
  height: 1.6rem;
  position: absolute;
  right: 1.6rem;
  top: 1.8rem;
  transition: all 0.2s ease-in-out;
  width: 1.6rem;
}
.searchfield__reset:after,
.searchfield__reset:before {
  background-color: #33322f;
  border-radius: 0.2rem;
  content: "";
  height: 0.15rem;
  left: 0.1rem;
  position: absolute;
  top: 0.7rem;
  transition: all 0.2s ease-in-out;
  width: 1.4rem;
}
.searchfield__reset:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.searchfield__reset:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.searchfield__reset:hover {
  background-color: #c2c2c1;
}
.searchfield__reset:focus {
  background-color: #33322f;
}
.searchfield__reset:focus:after,
.searchfield__reset:focus:before {
  background-color: #f1f1f1;
}
@media only screen and (min-width: 768px) {
  .searchfield__icon {
    left: 0;
  }
}
.textlink--extern:after {
  background: url(../index/extern--fill-tongue.svg) no-repeat;
  background-position-y: center;
  content: "";
  margin: 0 0.5rem;
  padding: 0 1rem;
}
.textlink--extern[href^="http"],
.textlink[href^="http"] {
  line-height: 2.6rem;
  word-break: break-word;
}
.textlink--mit-icon {
  align-items: center;
  border-bottom: none;
  color: #33322f;
  display: flex;
  flex-wrap: nowrap;
  line-height: 2rem;
  padding-bottom: 1rem;
  padding-top: 1rem;
  text-decoration: none;
}
.textlink--mit-icon img,
.textlink--mit-icon svg {
  height: 3.4rem;
  width: 3.4rem;
}
.textlink--mit-icon .pipe--fancy {
  margin: 0 1.2rem;
}
.textlink--mit-icon:after {
  background: url(../index/extern--fill-emotional.svg) no-repeat;
  background-position-y: 0.15rem;
  border-bottom: none;
  height: 2.4rem;
}
.ts-link {
  color: #f56b0d;
  text-decoration: underline;
  text-decoration-thickness: 0.1em;
  text-underline-offset: 0.2em;
}
img.ts-image {
  height: auto;
}
img.js-image,
img.vue-lazyload-image {
  margin-bottom: -0.1rem;
  opacity: 0;
}
img.js-image.fade-in,
img.vue-lazyload-image.fade-in {
  opacity: 1;
  transition: opacity 0.8s;
}
.ts-picture {
  display: block;
  z-index: 1;
}
.ts-picture > img,
.ts-picture > source {
  height: auto;
  width: 100%;
}
.ts-picture {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 35%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.ts-picture,
.ts-picture__wrapper {
  background-color: #e4e4e4;
  position: relative;
}
.ts-picture__poster-wrapper {
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}
.ts-picture img {
  height: auto;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.ts-picture.ts-picture--teaser,
.ts-picture.ts-picture--teaser-small {
  background-size: 10%;
  padding-top: 56.25%;
}
.ts-picture.ts-picture--copytext-m {
  background-size: 20%;
  padding-top: 56.25%;
}
.ts-picture.ts-picture--list,
.ts-picture.ts-picture--list-large {
  padding-top: 100%;
}
.ts-picture.ts-picture--copytext-l {
  background-size: 10%;
  padding-top: 100%;
}
.ts-picture.ts-picture--list-top {
  padding-top: 100%;
}
.ts-picture.ts-picture--teaser-top {
  background-size: 10%;
  padding-top: 100%;
}
.ts-picture.ts-picture--topbanner {
  background-size: 10%;
  padding-top: 56.25%;
}
.ts-picture.ts-picture--index {
  background-size: 10%;
  padding-top: 100%;
}
.ts-picture.ts-picture--16x9-player {
  background-size: 10%;
}
@media screen and (min-width: 768px) {
  .ts-picture.ts-picture--teaser-top,
  .ts-picture.ts-picture--topbanner {
    padding-top: 44.92188%;
  }
  .ts-picture.ts-picture--copytext-l,
  .ts-picture.ts-picture--index,
  .ts-picture.ts-picture--list-large {
    padding-top: 56.25%;
  }
}
@media print {
  .absatzbild.absatzbild--l {
    page-break-inside: avoid;
  }
  .ts-picture.ts-picture--topbanner {
    padding-top: 44.92188%;
  }
  .ts-picture.ts-picture--copytext-l {
    padding-top: 56.3%;
  }
}
.label.label--numbered {
  counter-increment: numbered-list;
  display: inline-block;
  font-size: 1.1rem;
  margin-bottom: 0.4rem;
  margin-right: 0.3rem;
  padding: 0.4rem 0.6rem 0.3rem;
}
.label.label--numbered:before {
  content: counter(numbered-list) " ";
}
.label {
  background: #f56b0d;
  border-radius: 0.3rem;
  color: #fff;
  display: inline-flex;
  font-family: Thesis, sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
  margin-right: 0.8rem;
  padding: 0.3rem 0.8rem;
  text-transform: uppercase;
}
.label strong {
  letter-spacing: 0.11rem;
}
.label.color--light_a {
  background-color: #fff;
  color: #f56b0d;
}
.label.color--breaking {
  background-color: #cd144a;
  color: #fff;
}
.label.color--unicorn {
  background: #ff00ed;
  color: #fff;
}
.label.label--small {
  font-size: 1.1rem;
  padding: 0.4rem 0.6rem 0.3rem;
}
.link-extend {
  align-items: center;
  color: #f56b0d;
  display: inline-flex;
}
.link-extend:before {
  content: "|";
  margin: 0 0.4rem 0 0.3rem;
}
.link-extend.color--tongue {
  color: #fff;
}
.link-extend__extern {
  color: #33322f;
}
.link-extend__extern:after {
  background-image: url(../index/extern--fill-emotional.svg);
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 1.8rem;
  margin: 0 0.4rem;
  width: 1.8rem;
}
.link-extend__extern.color--tongue:after {
  background-image: url(../index/extern--fill-white.svg);
}
.link-extend__secondary {
  color: #33322f;
}
.btn.btn--tongue .icon {
  fill: #fff;
}
.btn.btn--tongue.btn--opened {
  background: #4082b3;
}
.btn.btn--light-grey .icon {
  fill: #33322f;
}
.btn.btn--light-grey-disabled {
  cursor: default;
  pointer-events: none;
}
.btn.btn--light-grey-disabled .icon {
  fill: #c2c2c1;
}
.btn.btn--light-grey.is-active {
  background: #f56b0d;
  color: #fff;
}
.btn.btn--light-grey.is-active:focus {
  outline-color: #99bdd6;
}
.btn.btn--light-grey.is-active:hover {
  background: #4082b3;
}
.btn.btn--light-grey.is-active .icon {
  fill: #fff;
}
.btn.btn--light-grey.btn--opened {
  background: #c2c2c1;
}
.btn.btn--light-grey-b {
  background: #e4e4e4;
  color: #33322f;
}
.btn.btn--light-grey-b .icon {
  fill: #33322f;
}
.btn.btn--light-grey-b:hover {
  background: #c2c2c1;
}
.btn.btn--light-grey-b:focus {
  outline-color: #80807e;
}
.btn.btn--white {
  background: #fff;
  color: #f56b0d;
}
.btn.btn--white.btn--opened,
.btn.btn--white:hover {
  background: #dee9f2;
}
.btn.btn--white:focus {
  outline-color: #99bdd6;
}
.btn.btn--white .icon {
  fill: #f56b0d;
}
.btn.btn--transparent-light {
  background: #4082b3;
  color: #dee9f2;
}
.btn.btn--transparent-light:hover {
  background: #6198c0;
}
.btn.btn--transparent-light:focus {
  outline-color: #99bdd6;
}
.btn.btn--transparent-light .icon {
  fill: #dee9f2;
}
.btn.btn--transparent-light.btn--opened,
.btn.btn--transparent-light.is-active {
  background: #fff;
  color: #f56b0d;
}
.btn.btn--transparent-light.btn--opened:focus,
.btn.btn--transparent-light.is-active:focus {
  outline-color: #99bdd6;
}
.btn.btn--transparent-light.btn--opened:hover,
.btn.btn--transparent-light.is-active:hover {
  background: #dee9f2;
}
.btn.btn--transparent-light.btn--opened .icon,
.btn.btn--transparent-light.is-active .icon {
  fill: #f56b0d;
}
.btn.btn--transparent-light-disabled {
  background: #4082b3;
  color: #6198c0;
  cursor: default;
  pointer-events: none;
}
.btn.btn--transparent-light-disabled .icon {
  fill: #6198c0;
}
.btn.btn--live-red {
  background: #cd144a;
  color: #fff;
}
.btn.btn--live-red:hover {
  background: #fff;
  color: #cd144a;
}
.btn.btn--live-red:hover .icon {
  fill: #cd144a;
}
.btn.btn--live-red:focus {
  outline-color: #80807e;
}
.btn.btn--live-red .icon {
  fill: #fff;
}
.btn.btn--live-red.is-active {
  background: #fff;
  color: #cd144a;
}
.btn.btn--live-red.is-active:focus {
  outline-color: #80807e;
}
.btn.btn--live-red.is-active:hover {
  background: #cd144a;
  color: #fff;
}
.btn.btn--live-red.is-active:hover .icon {
  fill: #fff;
}
.btn.btn--live-red.is-active .icon {
  fill: #cd144a;
}
.btn.btn--live-white {
  background: #fff;
  color: #33322f;
}
.btn.btn--live-white:hover {
  background: #33322f;
  color: #fff;
}
.btn.btn--live-white:hover .icon {
  fill: #fff;
}
.btn.btn--live-white:focus {
  outline-color: #80807e;
}
.btn.btn--live-white .icon {
  fill: #33322f;
}
.btn.btn--ghost {
  background: #fff;
  border: 0.1rem solid #e4e4e4;
  color: #33322f;
}
.btn.btn--ghost.btn--icon-left .icon {
  padding: 0 1rem 0 0;
}
.btn.btn--ghost .icon {
  fill: #33322f;
}
.btn.btn--ghost:hover {
  background: #f56b0d;
  border-color: #f56b0d;
  color: #fff;
}
.btn.btn--ghost:hover .icon {
  fill: #fff;
}
.btn.btn--ghost:focus {
  outline-color: #80807e;
}
.btn {
  border-radius: 0.3rem;
}
.btn:hover {
  cursor: pointer;
  outline: 0;
}
.btn:active {
  outline: 0;
}
.btn:focus {
  outline-offset: 0.2rem;
  outline-style: solid;
  outline-width: 0.2rem;
}
.hint {
  color: #80807e;
  font-size: 1.6rem;
  padding-bottom: 0.8rem;
}
@media screen and (min-width: 768px) {
  .hint {
    padding: 0.8rem 0;
  }
}
.metatextline {
  box-sizing: border-box;
  color: #80807e;
  font-size: 1.8rem;
  line-height: 2.9rem;
  margin-bottom: 1.6rem;
}
.metatextline__timestamp {
  white-space: nowrap;
}
.arrow-handle-control {
  height: 4.8rem;
  width: 4.8rem;
}
.arrow-handle-control .icon--arrow-handle {
  fill: #fff;
}
.arrow-handle-control .icon--arrow-handle circle {
  fill: rgba(1, 89, 153, 0.6);
}
.arrow-handle-control .icon--arrow-handle path {
  fill: #fff;
}
.ardplayer {
  --ardplayer-color-primary-live: #ff00ed;
  --ardplayer-color-primary-live-transparent-30: rgba(255, 0, 237, 0.6);
  --ardplayer-color-primary-live-transparent-50: rgba(255, 0, 237, 0.6);
  --ardplayer-color-primary-base: #00caff;
  --ardplayer-color-primary-base-transparent-30: #4082b3;
  --ardplayer-color-primary-dark: #f56b0d;
  --ardplayer-color-tertiary-base: rgba(1, 89, 153, 0.6);
  --ardplayer-color-light: #dee9f2;
  --ardplayer-color-lightest: #fff;
  --ardplayer-color-gradient-end: transparent;
}
.ardplayer:not(.ardplayer-show-posterframe):not(.ardplayer-state-audio) {
  background: var(--ardplayer-color-darkest);
}
.ardplayer button.ardplayer-button-big.ardplayer-button-hero {
  background: rgba(1, 89, 153, 0.6);
  border: 0.1rem solid var(--ardplayer-color-lightest);
  box-sizing: content-box;
}
.ardplayer button.ardplayer-button-big.ardplayer-button-hero:hover {
  background: #f56b0d;
}
.ardplayer button.ardplayer-button-big.ardplayer-button-hero:before {
  transition: transform 0.2s ease-in-out;
}
.ardplayer.ardplayer-show-focus-outlines
  .ardplayer-button-posterframe[tabindex]:not([tabindex^="-"]):focus,
.ardplayer.ardplayer-show-focus-outlines
  button.ardplayer-button-posterframe:focus {
  outline-offset: 3px;
  outline-width: 3px;
}
.ardplayer .ardplayer-volume-fader {
  line-height: 14px;
  top: -4px;
}
.ardplayer.ardplayer-m .ardplayer-button-volume,
.ardplayer.ardplayer-s .ardplayer-button-volume,
.ardplayer.ardplayer-xs .ardplayer-button-volume {
  top: 0;
}
.ardplayer.ardplayer-m .ardplayer-volume-fader,
.ardplayer.ardplayer-s .ardplayer-volume-fader,
.ardplayer.ardplayer-xs .ardplayer-volume-fader {
  top: -9px;
}
.ardplayer button.ardplayer-icon-settings-hd:after {
  color: #fff;
}
.ardplayer button.ardplayer-icon-settings-hd-off:after {
  background-color: #00caff;
  color: #f56b0d;
}
.ardplayer .ardplayer-playstate-zoom {
  border: 0.1rem solid var(--ardplayer-color-lightest);
  font-size: 48px;
  height: 48px;
  left: calc(50% - 24px);
  top: calc(50% - 24px);
  width: 48px;
}
.ardplayer .ardplayer-buffering .ardplayer-ball-scale-multiple > div {
  background-color: hsla(0, 0%, 100%, 0.25);
}
.ardplayer .ardplayer-controlbar .noUi-connects .noUi-connect {
  border-radius: 0;
}
.ardplayer .ardplayer-controlbar .ardplayer-controlbar-hover {
  background: #00caff;
  color: #f56b0d;
}
.ardplayer.ardplayer-state-audio:before {
  background-color: #f56b0d;
}
.ardplayer.ardplayer-state-audio
  .ardplayer-footer
  .ardplayer-controlbar:before {
  background-color: #00caff;
}
.ardplayer.ardplayer-state-audio.ardplayer-state-audio:not(.ardplayer-s)
  .ardplayer-button-fullscreen-container
  .ardplayer-button-settings-reveal,
.ardplayer.ardplayer-state-audio.ardplayer-state-audio:not(.ardplayer-s)
  .ardplayer-footer
  .ardplayer-addons-container-big {
  background-color: #f56b0d;
}
.ardplayer .ardplayer-posterframe span.ardplayer-posterframe-duration,
.ardplayer.ardplayer-xs
  .ardplayer-posterframe
  span.ardplayer-posterframe-duration {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), hsla(0, 0%, 100%, 0));
  bottom: 0;
  font-size: 1.5rem;
  font-weight: 600;
  padding: 0.5rem 1rem;
  right: 0;
  text-align: right;
  width: 100%;
}
.ardplayer
  .ardplayer-addons-container-small
  .ardplayer-addons-container-small-buttons {
  transition: 0.2s ease-in-out;
}
.ardplayer .ardplayer-bottom-sheet-content .ardplayer-chip {
  background: #fff;
  color: #f56b0d;
}
.ardplayer
  .ardplayer-addon-recos-teaser
  .ardplayer-chip-highlight.ardplayer-recos-teaser-availability {
  color: #f56b0d !important;
}
.ardplayer
  .ardplayer-addon-recos-teaser
  .ardplayer-chip.ardplayer-recos-teaser-time {
  color: var(--ardplayer-color-lightest);
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-option {
  transition: background 0s ease-in-out;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover,
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-option:hover.ardplayer-option-active {
  background: #00caff;
  color: #f56b0d;
  font-weight: 700;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-option.ardplayer-option-active {
  background: linear-gradient(0deg, #00caff 3px, transparent 0);
  font-weight: 700;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper:after,
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper:before {
  background: transparent;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-button-pill,
.ardplayer .ardplayer-bottom-sheet-container button.ardplayer-button-pill {
  background-color: #fff;
  color: #f56b0d;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-button-pill:hover,
.ardplayer
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-pill:hover {
  background-color: #00caff;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-horizontal-gutter {
  background-color: rgba(1, 89, 153, 0.6);
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-horizontal-gutter:hover {
  background-color: #00caff;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-horizontal-gutter:before {
  color: #fff;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  button:hover.ardplayer-bottom-sheet-horizontal-gutter:before {
  color: #f56b0d;
}
.ardplayer a.ardplayer-sharing-button:before {
  background-color: #fff !important;
  color: #f56b0d !important;
}
.ardplayer a:hover.ardplayer-sharing-button:before {
  background-color: #00caff !important;
  color: #f56b0d !important;
}
.ardplayer a.ardplayer-sharing-button {
  color: #fff !important;
}
.ardplayer .ardplayer-bottom-sheet-container-toggle,
.ardplayer .ardplayer-modal-container-toggle {
  z-index: 1000;
}
.ardplayer.ardplayer-state-live
  button.ardplayer-button-big.ardplayer-button-hero {
  background: rgba(255, 0, 237, 0.6);
}
.ardplayer.ardplayer-state-live
  button.ardplayer-button-big.ardplayer-button-hero:hover {
  background: #ff00ed;
}
.ardplayer.ardplayer-state-live
  .ardplayer-controlbar
  .ardplayer-controlbar-hover {
  color: #fff;
}
.ardplayer.ardplayer-state-live
  .ardplayer-bottom-sheet-content
  .ardplayer-chip {
  background: #ff00ed;
  color: #fff;
}
.ardplayer.ardplayer-state-live
  .ardplayer-addon-recos-teaser
  .ardplayer-chip-highlight.ardplayer-recos-teaser-availability {
  color: #fff !important;
}
.ardplayer.ardplayer-state-live
  .ardplayer-addon-recos-teaser
  .ardplayer-chip.ardplayer-recos-teaser-time {
  background: transparent;
  color: var(--ardplayer-color-lightest);
}
.ardplayer.ardplayer-state-live.ardplayer-state-audio
  .ardplayer-footer
  .ardplayer-controlbar:before {
  background-color: var(--ardplayer-color-primary-live);
}
.ardplayer.ardplayer-state-live
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-pill {
  background-color: var(--ardplayer-color-lightest);
  color: #f56b0d;
}
.ardplayer.ardplayer-state-live
  .ardplayer-bottom-sheet-container
  button.ardplayer-button-pill:hover {
  background-color: var(--ardplayer-color-tertiary);
  color: var(--ardplayer-color-lightest);
}
.ardplayer.ardplayer-state-live
  .ardplayer-bottom-sheet-container
  .ardplayer-option:hover,
.ardplayer.ardplayer-state-live
  .ardplayer-bottom-sheet-container
  .ardplayer-option:hover.ardplayer-option-active {
  background: var(--ardplayer-color-primary-live);
  color: var(--ardplayer-color-lightest);
  font-weight: 700;
}
.ardplayer.ardplayer-state-live
  .ardplayer-bottom-sheet-container
  .ardplayer-option.ardplayer-option-active {
  background: linear-gradient(
    0deg,
    var(--ardplayer-color-primary-live) 3px,
    transparent 0
  );
  font-weight: 700;
}
.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 {
  transform: scale(1.2);
}
.ardplayer.ardplayer-state-live
  .ardplayer.ardplayer-show-controls
  .ardplayer-buttons-main
  .ardplayer-icon-nextclip {
  transition-duration: 0.2s;
}
.ardplayer.ardplayer-state-live a.ardplayer-sharing-button:before {
  background-color: #fff !important;
  color: #f56b0d !important;
}
.ardplayer.ardplayer-state-live a:hover.ardplayer-sharing-button:before {
  background-color: #ff00ed !important;
  color: #f56b0d !important;
}
.ardplayer.ardplayer-state-live a.ardplayer-sharing-button {
  color: #fff !important;
}
.ardplayer.ardplayer-state-live
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-horizontal-gutter {
  background-color: rgba(1, 89, 153, 0.6);
}
.ardplayer.ardplayer-state-live
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-horizontal-gutter:hover {
  background-color: #ff00ed;
}
.ardplayer.ardplayer-state-live
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  .ardplayer-bottom-sheet-horizontal-gutter:before {
  color: #fff;
}
.ardplayer.ardplayer-state-live
  .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal
  button:hover.ardplayer-bottom-sheet-horizontal-gutter:before {
  color: #f56b0d;
}
.ardplayer.ardplayer-show-posterframe .ardplayer-btn-airplay,
.ardplayer.ardplayer-show-posterframe .ardplayer-btn-chromecast {
  opacity: 0;
  visibility: hidden;
}
.mediaplayer--audio
  .ardplayer
  .ardplayer-button-posterframe.ardplayer-icon-play:before {
  content: "\f142" !important;
}
.teasergroup.color--tongue
  .ardplayer.ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-stage,
.teasergroup.color--tongue
  .ardplayer.ardplayer-state-audio
  .ardplayer-footer
  .ardplayer-addons-container-big
  .ardplayer-addons-container,
.teasergroup.color--tongue
  .ardplayer.ardplayer-state-audio-inline.ardplayer-state-audio-forced-video
  .ardplayer-footer:before,
.teasergroup.color--tongue
  .ardplayer.ardplayer-state-audio.ardplayer-state-audio:not(.ardplayer-s)
  .ardplayer-footer
  .ardplayer-addons-container-big,
.teasergroup.color--tongue
  .ardplayer.ardplayer-state-audio:not(.ardplayer-s)
  .ardplayer-button-fullscreen-container
  .ardplayer-button-settings-reveal,
.teasergroup.color--tongue
  .mediaplayer--reduced
  .ardplayer.ardplayer-state-audio-inline,
.teasergroup.color--tongue
  .mediaplayer--reduced-l
  .ardplayer.ardplayer-state-audio-inline,
.teasergroup.color--tongue
  .mediaplayer--reduced-m
  .ardplayer.ardplayer-state-audio-inline {
  background-color: #024682;
}
.mediaplayer.mediaplayer--btn-cornered
  .ardplayer.ardplayer-show-posterframe
  .ardplayer-button-hero,
.mediaplayer.mediaplayer--btn-cornered
  .ardplayer.ardplayer-show-posterframe
  ardplayer-m
  button.ardplayer-button-big,
.mediaplayer.mediaplayer--btn-cornered
  .ardplayer.ardplayer-show-posterframe
  button.ardplayer-button-big {
  align-items: center;
  display: flex;
  font-size: 3.5rem;
  height: 4rem;
  justify-content: center;
  line-height: 4rem;
  margin: 0;
  width: 4rem;
}
.mediaplayer.mediaplayer--btn-cornered
  .ardplayer.ardplayer-show-posterframe
  .ardplayer-button-hero:before,
.mediaplayer.mediaplayer--btn-cornered
  .ardplayer.ardplayer-show-posterframe
  ardplayer-m
  button.ardplayer-button-big:before,
.mediaplayer.mediaplayer--btn-cornered
  .ardplayer.ardplayer-show-posterframe
  button.ardplayer-button-big:before {
  font-size: 3.5rem;
}
.mediaplayer.mediaplayer--btn-cornered
  .ardplayer.ardplayer-show-posterframe
  .ardplayer-posterframe
  .ardplayer-posterframe-buttons {
  height: 4rem;
  left: calc(100% - 5.6rem);
  top: calc(100% - 5.6rem);
  transform: translateY(0);
  width: 4rem;
}
.teaser-absatz
  .mediaplayer--btn-cornered.mediaplayer
  .ardplayer.ardplayer-show-posterframe
  .ardplayer-posterframe
  .ardplayer-posterframe-buttons,
.teaser-right
  .mediaplayer--btn-cornered.mediaplayer
  .ardplayer.ardplayer-show-posterframe
  .ardplayer-posterframe
  .ardplayer-posterframe-buttons,
.teaser-xs
  .mediaplayer--btn-cornered.mediaplayer
  .ardplayer.ardplayer-show-posterframe
  .ardplayer-posterframe
  .ardplayer-posterframe-buttons {
  height: 3rem;
  left: calc(100% - 4rem);
  top: calc(100% - 4rem);
  transform: translateY(0);
  width: 3rem;
}
.teaser-absatz
  .mediaplayer--btn-cornered.mediaplayer
  .ardplayer.ardplayer-show-posterframe
  .ardplayer-posterframe
  .ardplayer-posterframe-buttons
  button.ardplayer-button-big,
.teaser-absatz
  .mediaplayer--btn-cornered.mediaplayer
  .ardplayer.ardplayer-show-posterframe
  .ardplayer-posterframe
  .ardplayer-posterframe-buttons
  button.ardplayer-smaller.ardplayer-button-big,
.teaser-right
  .mediaplayer--btn-cornered.mediaplayer
  .ardplayer.ardplayer-show-posterframe
  .ardplayer-posterframe
  .ardplayer-posterframe-buttons
  button.ardplayer-button-big,
.teaser-right
  .mediaplayer--btn-cornered.mediaplayer
  .ardplayer.ardplayer-show-posterframe
  .ardplayer-posterframe
  .ardplayer-posterframe-buttons
  button.ardplayer-smaller.ardplayer-button-big,
.teaser-xs
  .mediaplayer--btn-cornered.mediaplayer
  .ardplayer.ardplayer-show-posterframe
  .ardplayer-posterframe
  .ardplayer-posterframe-buttons
  button.ardplayer-button-big,
.teaser-xs
  .mediaplayer--btn-cornered.mediaplayer
  .ardplayer.ardplayer-show-posterframe
  .ardplayer-posterframe
  .ardplayer-posterframe-buttons
  button.ardplayer-smaller.ardplayer-button-big {
  font-size: 2.5rem;
  height: 3rem;
  line-height: 3rem;
  width: 3rem;
}
@media screen and (min-width: 1024px) {
  .teaser-absatz
    .mediaplayer--btn-cornered.mediaplayer
    .ardplayer.ardplayer-show-posterframe
    .ardplayer-posterframe
    .ardplayer-posterframe-buttons,
  .teaser-right
    .mediaplayer--btn-cornered.mediaplayer
    .ardplayer.ardplayer-show-posterframe
    .ardplayer-posterframe
    .ardplayer-posterframe-buttons,
  .teaser-xs
    .mediaplayer--btn-cornered.mediaplayer
    .ardplayer.ardplayer-show-posterframe
    .ardplayer-posterframe
    .ardplayer-posterframe-buttons {
    height: 3.5rem;
    left: calc(100% - 4.5rem);
    top: calc(100% - 4.5rem);
    transform: translateY(0);
    width: 3.5rem;
  }
  .teaser-absatz
    .mediaplayer--btn-cornered.mediaplayer
    .ardplayer.ardplayer-show-posterframe
    .ardplayer-posterframe
    .ardplayer-posterframe-buttons
    button.ardplayer-button-big,
  .teaser-absatz
    .mediaplayer--btn-cornered.mediaplayer
    .ardplayer.ardplayer-show-posterframe
    .ardplayer-posterframe
    .ardplayer-posterframe-buttons
    button.ardplayer-smaller.ardplayer-button-big,
  .teaser-right
    .mediaplayer--btn-cornered.mediaplayer
    .ardplayer.ardplayer-show-posterframe
    .ardplayer-posterframe
    .ardplayer-posterframe-buttons
    button.ardplayer-button-big,
  .teaser-right
    .mediaplayer--btn-cornered.mediaplayer
    .ardplayer.ardplayer-show-posterframe
    .ardplayer-posterframe
    .ardplayer-posterframe-buttons
    button.ardplayer-smaller.ardplayer-button-big,
  .teaser-xs
    .mediaplayer--btn-cornered.mediaplayer
    .ardplayer.ardplayer-show-posterframe
    .ardplayer-posterframe
    .ardplayer-posterframe-buttons
    button.ardplayer-button-big,
  .teaser-xs
    .mediaplayer--btn-cornered.mediaplayer
    .ardplayer.ardplayer-show-posterframe
    .ardplayer-posterframe
    .ardplayer-posterframe-buttons
    button.ardplayer-smaller.ardplayer-button-big {
    font-size: 3rem;
    height: 3.5rem;
    line-height: 3.5rem;
    width: 3.5rem;
  }
}
.mediaplayer,
.mediaplayer__wrapper {
  position: relative;
}
.mediaplayer .player {
  position: absolute;
}
.mediaplayer:after {
  content: "";
  display: block;
}
.mediaplayer--lazy-loading {
  background-color: #e4e4e4;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 15%;
}
.mediaplayer--lazy-loading.mediaplayer--loaded:after {
  background-color: transparent;
  background-image: none;
}
.mediaplayer--16x9:after {
  padding-bottom: 56.25%;
}
.mediaplayer--1x1:after {
  padding-bottom: 100%;
}
.mediaplayer--topbanner:after {
  padding-bottom: 56.25%;
}
@media screen and (min-width: 768px) {
  .mediaplayer--topbanner:after {
    padding-bottom: 44.92188%;
  }
}
.mediaplayer--20x9:after,
.mediaplayer--teaser-top:after {
  padding-bottom: 100%;
}
@media screen and (min-width: 768px) {
  .mediaplayer--20x9:after,
  .mediaplayer--teaser-top:after {
    padding-bottom: 44.92188%;
  }
}
.mediaplayer--reduced:after {
  background-size: 10%;
  padding-bottom: 17.2rem;
}
@media screen and (max-width: 360px) {
  .mediaplayer--reduced:after {
    padding-bottom: 19.1964rem;
  }
}
.mediaplayer--reduced-m:after {
  background-size: 10%;
  padding-bottom: 18rem;
}
.mediaplayer--reduced-l:after {
  background-size: 10%;
  padding-bottom: 17.8rem;
}
.mediaplayer--transition:after {
  transition: all 0.8s ease-in-out;
}
.mediaplayer--inline-play__button {
  background: transparent;
  cursor: pointer;
  height: 4.5rem;
  position: absolute;
  width: 5rem;
}
.mediaplayer--inline-play__button--up {
  bottom: -4.5rem;
  right: 0;
}
.mediaplayer--inline-play__button--right {
  left: -5rem;
  top: 0;
}
.mediaplayer--inline-play__button--left {
  right: -5rem;
  top: 0;
}
.mediaplayer--inline-play__button:focus {
  outline: 0.2rem solid #80807e;
  outline-offset: -0.2rem;
}
.mediaplayer--inline-play__button .icon {
  fill: #33322f;
  height: 1.8rem;
  position: absolute;
  top: 1.1rem;
  transform: translateX(-50%);
  width: 1.8rem;
}
@media screen and (min-width: 768px) {
  .mediaplayer--inline-play .inline-play__button .icon {
    top: auto;
    transform: translate(-50%, -50%);
  }
}
.is-inline-play .teaser-right--voting__inner,
.is-inline-play.teaser-right {
  justify-content: flex-end;
  padding-bottom: 4rem;
}
.is-inline-play .teaser-absatz__media,
.is-inline-play .teaser-absatz__teaserinfo,
.is-inline-play .teaser-left__media,
.is-inline-play .teaser-left__teaserinfo,
.is-inline-play .teaser-right__media,
.is-inline-play .teaser-right__teaserinfo,
.is-inline-play .teaser-xs__media,
.is-inline-play .teaser-xs__teaserinfo {
  width: 100%;
}
.is-inline-play.teaser-right--voting .teaser-right__teaserinfo {
  width: 80%;
}
.is-inline-play .teaser-absatz__teaserinfo {
  padding-left: 2rem;
}
.is-inline-play .teaser-right__teaserheadline {
  margin-bottom: 1rem;
}
.is-inline-play .teaser-absatz__content-wrapper:after,
.is-inline-play .teaser-left__teaserinfo:after,
.is-inline-play .teaser-xs__teaserinfo:after {
  border-bottom: 0.1rem solid #e4e4e4;
  content: " ";
  display: block;
  margin-top: 1.2rem;
  width: 100%;
}
.is-inline-play .teaser-right--voting-result__votes,
.is-inline-play .ts-picture__poster-wrapper,
.is-inline-play .votes-bar {
  display: none;
}
@media screen and (min-width: 768px) {
  .is-inline-play.teaser-right {
    padding-bottom: 2.4rem;
  }
  .is-inline-play .teaser-absatz__content-wrapper:after,
  .is-inline-play .teaser-xs__teaserinfo:after {
    border: none;
    content: "";
  }
  .is-inline-play .teaser-right__media,
  .is-inline-play .teaser-xs__media {
    width: 59.259259%;
  }
  .is-inline-play .teaser-absatz__media,
  .is-inline-play .teaser-left__media {
    width: 44.444444%;
  }
  .is-inline-play .teaser-absatz__shorttext-container,
  .is-inline-play .teaser-absatz__teaserinfo,
  .is-inline-play .teaser-left__teaserinfo,
  .is-inline-play .teaser-right--voting-result__votes,
  .is-inline-play .teaser-right__teaserinfo,
  .is-inline-play .teaser-right__voting-input,
  .is-inline-play .teaser-xs__teaserinfo,
  .is-inline-play .votes-bar {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .is-inline-play .teaser-right__media {
    width: 44.444444%;
  }
}
.teaser-right--voting.is-active .mediaplayer--inline-play__button svg,
.teaser-xs.color--tongue .mediaplayer--inline-play__button svg {
  fill: #dee9f2;
}
.teaser-right--voting.is-active
  .color--tongue
  *
  .ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-stage,
.teaser-xs.color--tongue
  .color--tongue
  *
  .ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-stage {
  background-color: #024682;
}
.livestream-overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.livestream-overlay__time {
  white-space: nowrap;
}
.livestream-overlay__text-wrapper {
  align-items: center;
  background: rgba(0, 0, 0, 0.6);
  box-sizing: border-box;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  font-size: 1.6rem;
  height: 100%;
  justify-content: center;
  left: 0;
  line-height: 1.31;
  padding: 1.5rem 3rem;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 2;
}
@media screen and (max-width: 1024px) {
  .livestream-overlay--1x1 .livestream-overlay__text-wrapper {
    font-size: 1.5rem;
    padding: 0.5rem 1.5rem;
  }
}
@media screen and (max-width: 360px) {
  .livestream-overlay--1x1 .livestream-overlay__text-wrapper {
    font-size: 1.4rem;
  }
}
.arrow-controls {
  margin-top: 0.8rem;
}
.arrow-controls__group {
  overflow: hidden;
  position: relative;
}
.arrow-controls__button--left,
.arrow-controls__button--right {
  background: transparent;
  border: 0;
  cursor: pointer;
  display: block;
  height: 6.2rem;
  opacity: 1;
  position: absolute;
  transition: opacity 1s;
  width: 5.5rem;
}
.arrow-controls .is-hidden {
  opacity: 0;
}
.arrow-controls__button--left,
.arrow-controls__button--right {
  display: none;
}
.arrow-controls__arrow--left,
.arrow-controls__arrow--right {
  display: block;
}
.arrow-controls__arrow--left svg,
.arrow-controls__arrow--right svg {
  fill: #33322f;
  height: 2rem;
  pointer-events: none;
  width: 2rem;
}
.arrow-controls__activationwrapper {
  background: hsla(0, 0%, 100%, 0.7);
  display: flex;
  justify-content: center;
  left: -600rem;
  margin-bottom: -6rem;
  padding: 1rem 0;
  position: relative;
  z-index: 2;
}
.arrow-controls__activationwrapper.is-visible {
  left: 0;
}
@media screen and (min-width: 1024px) {
  .arrow-controls {
    margin-left: 0;
  }
  .arrow-controls__button--left {
    background: -webkit-linear-gradient(
      270deg,
      hsla(0, 0%, 100%, 0),
      #fff 45%,
      #fff
    );
    background: linear-gradient(270deg, hsla(0, 0%, 100%, 0), #fff 45%, #fff);
    display: block;
    left: 0;
    padding: 0 2.5rem 0 1rem;
    top: 0;
    z-index: 1;
  }
  .arrow-controls__button--right {
    background: -webkit-linear-gradient(
      90deg,
      hsla(0, 0%, 100%, 0),
      #fff 45%,
      #fff
    );
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff 45%, #fff);
    display: block;
    padding: 0 1rem 0 2.5rem;
    right: 0;
    top: 0;
  }
}
.subnav {
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-size: 1.5rem;
  max-height: 3.8rem;
  overflow: hidden;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.subnav.scroll-down {
  max-height: 0;
}
.subnav.scroll-up {
  max-height: 3.8rem;
}
.subnav a {
  color: #33322f;
  display: inline-block;
  outline-offset: -0.2rem;
  padding: 1.2rem 1.2rem 1.1rem;
}
.subnav a:active,
.subnav a:hover {
  background: #e4e4e4;
  color: #33322f;
  cursor: pointer;
}
.subnav .current,
.subnav .current .home__label {
  font-weight: 700;
}
.subnav .nolink {
  display: block;
  padding: 1.2rem 1.2rem 1.1rem;
  position: relative;
  white-space: nowrap;
}
.subnav .icon--home {
  fill: #33322f;
  display: block;
  height: 2rem;
  width: 2rem;
}
.subnav .home {
  margin: 0 0.3rem 0 2rem;
}
.subnav .home__link {
  display: block;
  outline-offset: -0.4rem;
  padding: 1.1rem 1.2rem;
}
.subnav .home__label {
  height: 1px;
  left: -10000px;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 1px;
}
.subnav__main {
  box-shadow: 0.5rem 0 0.5rem -0.5rem rgba(0, 0, 0, 0.1);
  z-index: 2;
}
.subnav__main__list {
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.subnav__main .subnav__item {
  position: relative;
  white-space: nowrap;
}
.subnav__main .subnav__item:before {
  background-color: #e4e4e4;
  content: "";
  height: 70%;
  position: absolute;
  top: 15%;
  width: 0.05rem;
}
.subnav__main .subnav__item:first-child:before {
  display: none;
}
.subnav__sub {
  box-shadow: inset 0 0.5rem 0.5rem -0.5rem rgba(37, 52, 67, 0.1);
  overflow: hidden;
  position: relative;
  width: 100%;
}
.subnav__sub__list {
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding-right: 2rem;
  position: relative;
  transition: all 0.7s ease-out;
}
.subnav .latthema:first-of-type {
  border-left: 0.5rem solid transparent;
}
.subnav .latthema__link {
  background: #e4e4e4;
  border: 0.1rem solid transparent;
  border-radius: 1.2rem;
  color: #33322f;
  margin: 0 0.5rem;
  padding: 0.3rem 0.7rem;
}
.subnav .latthema__link:active,
.subnav .latthema__link:focus,
.subnav .latthema__link:hover {
  background: #c2c2c1;
}
.subnav .latthema__link:focus {
  outline: 0.2rem solid #80807e;
  outline-offset: 0.4rem;
}
.subnav .arrow-controls {
  margin: 0;
}
.subnav .arrow-controls__group {
  position: static;
}
.subnav .arrow-controls__button--left,
.subnav .arrow-controls__button--right {
  height: 3.8rem;
  top: 0.2rem;
}
@media screen and (max-width: 1023px) {
  .subnav__main a:not(.home) {
    max-width: 3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (min-width: 1024px) {
  .subnav .home {
    margin-left: 4rem;
  }
  .subnav .home__label {
    left: auto;
    position: relative;
  }
  .subnav .icon--home {
    display: none;
  }
}
@media screen and (min-width: 1104px) {
  .subnav .home {
    margin-left: 0;
  }
}
.eilmeldung {
  background-color: #cd144a;
  position: relative;
}
.eilmeldung,
.eilmeldung a {
  color: #fcf3f6;
}
.eilmeldung__info {
  padding: 2.4rem 2rem;
}
.footer {
    background-color: #000;
  padding: 1.2rem 0;
}
.footer__link {
  color: #33322f;
  display: flex;
  font-size: 1.8rem;
  line-height: 2.6rem;
  margin: 0.2rem;
  padding: 0.7rem 0 0.7rem 2rem;
  text-decoration: none;
}
.footer__link:active,
.footer__link:hover {
  outline: 0;
  text-decoration: none;
}



.footer__arrow.active .icon--arrow-up {
  display: block;
}
.footer__arrow .icon--arrow-up,
.footer__arrow.active .icon--arrow-down {
  display: none;
}

.icon--arrow-down,
.icon--arrow-up {
  height: 3rem;
  width: 3rem;
}
.footer__navigation__list__item {
  margin: 0.2rem;
}
.footer__navigation__list__item a {
  color: #33322f;
  display: block;
  font-family: Thesis, helvetica, arial, sans-serif;
  font-size: 1.8rem;
  line-height: 3rem;
  padding: 0.5rem 4rem;
  text-decoration: none;
  width: auto;
}
.footer__navigation__list__item a:hover {
  outline: 0;
  text-decoration: none;
}
.footer__navigation__list__item a:focus {
  outline: 2px solid #80807e;
}
.footer__navigation__list__item a:active {
  outline: 0;
  text-decoration: none;
}
.footer__navigation__bottom {
  list-style: none;
  margin: 1rem 0 8rem;
  padding: 0;
}
.footer__navigation__bottom__item {
  overflow: hidden;
}
.footer__navigation__list__item.footer--rundfunkanstalten-item:last-child {
  border-bottom: 0.2rem solid #e4e4e4;
}
.footer__logo__icon {
  align-items: flex-end;
  border: 1px solid transparent;
  display: flex;
  flex-direction: column;
  margin-bottom: -4.2rem;
  padding-top: 0.6rem;
  text-align: right;
}
.footer__logo__icon svg {
  fill: #33322f;
}
.footer__logo__icon .icon {
  height: 6.7rem;
  width: 17rem;
}
.endline {
  background: #e4e4e4;
  box-sizing: border-box;
  height: 4rem;
  padding: 0.8rem 0 0 4rem;
  width: 100%;
}
@media screen and (min-width: 1104px) {
  .endline {
    margin: auto;
    max-width: 110.4rem;
  }
}
@media screen and (min-width: 1921px) {
  .endline {
    max-width: 128rem;
  }
}
.endline__copyright {
  color: #80807e;
  font-family: Thesis, helvetica, arial, sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
}

body.noscroll {
  overflow: hidden;
}
.noscroll--safari {
  box-sizing: border-box;
  height: calc(100vh - 1px);
  overflow: hidden;
  position: relative;
}
.noscroll--safari body {
  height: 100%;
  overflow: hidden;
}
.header-fancy-v2 {
  background-color: #fff;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 121;
}
.header-fancy-v2,
.header-fancy-v2.small {
  box-shadow: 0 0.5rem 0.5rem -0.5rem rgba(0, 0, 0, 0.1);
}
.header-fancy-v2.small .header__items {
  height: 5.2rem;
  overflow: hidden;
}
.header-fancy-v2.small .header__logo__icon {
  height: 3.6rem;
  width: 3.6rem;
}
.header-fancy-v2.small .header__logo__wortmarke {
  width: 13.6rem;
}
.header-fancy-v2.small .header__logo__wortmarke.header__logo__wortmarke-ts {
  width: 11rem;
}
.header-fancy-v2 .header__items {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  height: 6.5rem;
  justify-content: space-between;
  width: 100%;
}
.header-fancy-v2 .header__logo {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: nowrap;
  margin-left: 2rem;
  overflow: hidden;
  padding: 0.6rem 0;
  position: relative;
}
.header-fancy-v2 .header__logo__icon {
  height: 4rem;
  margin-right: 0.8rem;
  width: 4rem;
}
.header-fancy-v2 .header__logo .icon--sp_app-logo {
  border-radius: 0.8rem;
}
.header-fancy-v2 .header__logo__wortmarke {
  margin-top: 0.2rem;
  width: 14rem;
}
.header-fancy-v2 .header__logo__wortmarke.header__logo__wortmarke-ts {
  margin-top: 0.6rem;
  width: 11rem;
}
.header-fancy-v2 .header__logo__wortmarke svg path {
  fill: #33322f;
}
.header-fancy-v2 .header__horiz {
  margin: 0 -4rem;
  padding: 0 4rem;
  position: relative;
}
.header-fancy-v2 .horizontal-nav.horizontal-nav--swipenav {
  width: 100%;
}
.global-wrapper .content-wrapper,
.header-fancy-v2 .header__horiz {
  transition: all 0.5s ease-out;
}
.global-wrapper .content-wrapper:after,
.header-fancy-v2 .header__horiz:after {
  background-color: rgba(0, 0, 0, 0.6);
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.3s ease-in-out;
  width: 100%;
  z-index: -1;
}
.global-wrapper .content-wrapper.backshadow,
.header-fancy-v2 .header__horiz.backshadow {
  overflow: hidden;
}
.global-wrapper .content-wrapper.backshadow:after,
.header-fancy-v2 .header__horiz.backshadow:after {
  opacity: 0.5;
  z-index: 112;
}
@media screen and (min-width: 1024px) {
  .header-fancy-v2 .header__items,
  .header-fancy-v2.small .header__items {
    background: #fff;
    height: 8rem;
  }
  .header-fancy-v2 .header__logo {
    margin-left: 0;
  }
  .header-fancy-v2 .header__logo__icon {
    height: 6rem;
    margin-left: 4rem;
    margin-right: 1.2rem;
    width: 6rem;
  }
  .header-fancy-v2 .header__logo__wortmarke {
    margin-top: -0.1rem;
    width: 20rem;
  }
  .header-fancy-v2 .header__logo__wortmarke.header__logo__wortmarke-ts {
    width: 15rem;
  }
  .header-fancy-v2.small .header__logo__icon {
    height: 6rem;
    margin-left: 4rem;
    width: 6rem;
  }
  .header-fancy-v2.small .header__logo__wortmarke {
    width: 20rem;
  }
  .header-fancy-v2.small .header__logo__wortmarke.header__logo__wortmarke-ts {
    width: 15rem;
  }
}
@media screen and (min-width: 1104px) {
  .header-fancy-v2 {
    left: 50%;
    max-width: 102.4rem;
    padding: 0 4rem;
    transform: translateX(-50%);
  }
  .header-fancy-v2 .header__logo__icon,
  .header-fancy-v2.small .header__logo__icon {
    margin-left: 0;
  }
}
@media screen and (min-width: 1921px) {
  .header-fancy-v2 {
    max-width: 120rem;
  }
}
@media screen and (max-width: 1024px) {
  .header-fancy-v2.small.jsHideWordmark .header__logo__wortmarke {
    display: none;
  }
}
@media print {
  .header-fancy-v2 {
    position: unset;
  }
  .header-fancy-v2 .horizontal-nav {
    display: none;
  }
}
.burger-navi {
  -webkit-overflow-scrolling: touch;
  align-content: stretch;
  background-color: #fff;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  left: auto;
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  right: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  transition: transform 0.5s ease-in-out;
  width: 100%;
  z-index: 141;
}
.burger-navi.js-burger-navi-active {
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.burger-navi.js-burger-navi-active a:focus img {
  outline: 0;
}
.burger-navi .js-scroll,
.burger-navi.js-scroll {
  overflow-y: auto;
}
.burger-navi .js-noscroll,
.burger-navi.js-noscroll {
  overflow-y: hidden;
}
.burger-navi .top-shadow {
  box-shadow: inset 0 4px 4px -4px rgba(0, 0, 0, 0.1);
  height: 1rem;
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 142;
}
.burger-navi-menu {
  margin-bottom: 2.4rem;
  width: 100%;
}
.burger-navi-nav {
  padding: 0 2rem;
}
.burger-navi .burger-navi-search {
  margin: 0.1rem 0 1rem;
  padding: 0.1rem 2rem 0;
  z-index: 142;
}
.burger-navi .burger-panel {
  background-color: #fff;
  font-size: 1.8rem;
  list-style-type: none;
  margin: 0;
}
.burger-navi .burger-panel > li {
  border-bottom: 0.1rem solid #e4e4e4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: row;
  height: 5.4rem;
}
.burger-navi .burger-panel > li.burger-panel-divider {
  border-top: 0.1rem solid #33322f;
  margin-top: -0.1rem;
}
.burger-navi .burger-panel li.settings__box__outer {
  height: unset;
}
.burger-navi .burger-panel__closelink,
.burger-navi .burger-panel__submenulink {
  align-items: center;
  display: flex;
}
.burger-navi .burger-panel__submenulink--fullwidth {
  position: relative;
  width: 100%;
}
.burger-navi .burger-panel__submenulink--fullwidth .burger-panel__arrow--right {
  position: absolute;
  right: 0;
}
.burger-navi .burger-panel__closelink-text,
.burger-navi .burger-panel__nolink,
.burger-navi .burger-panel__pagelink {
  align-items: center;
  color: #33322f;
  display: flex;
  padding: 1rem 2rem 1rem 1rem;
  width: 80%;
}
.burger-navi .burger-panel__closelink-text {
  padding-left: 0.5rem;
}
.burger-navi .burger-panel__pagelink {
  width: 100%;
}
.burger-navi .burger-panel__closelink-text:hover,
.burger-navi .burger-panel__pagelink:hover,
.burger-navi .burger-panel__submenulink:hover {
  background-color: #f56b0d;
  color: #fff;
}
.burger-navi
  .burger-panel__closelink-text:hover
  .burger-panel__arrow--right
  .icon,
.burger-navi .burger-panel__pagelink:hover .burger-panel__arrow--right .icon,
.burger-navi
  .burger-panel__submenulink:hover
  .burger-panel__arrow--right
  .icon {
  fill: #fff;
}
.burger-navi .burger-panel__pagelink-icon {
  padding: 1rem 2rem 0.5rem 0.1rem;
  width: 1.6rem;
}
.burger-navi .burger-panel__pagelink-icon img {
  background-color: #fff;
  border-radius: 0.15rem;
  padding: 0.2rem;
}
.burger-navi .burger-panel__pagelink-svg {
  height: 2rem;
  width: 2rem;
}
.burger-navi .burger-panel__arrow--right {
  padding-left: 1.7rem;
  pointer-events: none;
  width: 4rem;
}
.burger-navi .burger-panel__arrow--right .icon {
  fill: #33322f;
  height: 2.4rem;
  pointer-events: none;
}
.burger-navi .burger-panel__settings li {
  border-bottom: 0;
}
.burger-navi .burger-panel .settings__box {
  background-color: #fff;
}
.burger-navi-nav.js-hide-nav {
  display: none;
}
.burger-navi-nav__sublevel {
  background-color: #fff;
  display: flex;
  height: 100%;
  justify-content: center;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 0;
  position: absolute;
  right: -1000px;
  top: 0;
  transition: all 0.5s;
  width: 100vw;
}
.burger-navi-nav__sublevel .burger-panel {
  position: absolute;
  right: -1000px;
  width: 100%;
}
.burger-navi-nav__sublevel .burger-panel > li {
  margin-left: 2.2rem;
  margin-right: 2rem;
}
.burger-navi-nav__sublevel .burger-panel.js-current-sublevel-active {
  padding-bottom: 8rem;
  position: absolute;
  right: 0;
}
.burger-navi-nav__sublevel
  .burger-panel.js-current-sublevel-active
  .burger-panel__closelink-text,
.burger-navi-nav__sublevel
  .burger-panel.js-current-sublevel-active
  li:first-child
  .burger-panel__closelink {
  background-color: #f56b0d;
  color: #fff;
  width: 100%;
}
.burger-navi-nav__sublevel
  .burger-panel.js-current-sublevel-active
  .burger-panel__closelink-text
  .burger-panel__arrow--left
  .icon,
.burger-navi-nav__sublevel
  .burger-panel.js-current-sublevel-active
  li:first-child
  .burger-panel__closelink
  .burger-panel__arrow--left
  .icon {
  fill: #fff;
}
.burger-navi-nav__sublevel
  .burger-panel.js-current-sublevel-active
  li:first-child
  .burger-panel__closelink:focus {
  outline: 0.1rem solid #c2c2c1;
  outline-offset: -0.3rem;
}
.js-burger-sublevel-active {
  left: 0;
  right: 0;
}
.burger-panel__arrow--left {
  padding-left: 0.8rem;
  pointer-events: none;
  width: 4rem;
}
.burger-panel__arrow--left svg {
  fill: #33322f;
  height: 2.4rem;
  pointer-events: none;
}
@media only screen and (min-width: 768px) {
  .burger-navi {
    align-content: space-between;
    display: flex;
    flex-direction: row;
    overflow-x: hidden;
    overflow-y: auto;
    width: 41.5rem;
  }
  .burger-navi-nav {
    padding: 0 4rem;
  }
  .burger-navi .top-shadow {
    width: 41.5rem;
  }
  .burger-navi .burger-navi-search {
    padding: 0.1rem 4rem 0;
  }
  .burger-navi-menu {
    margin-bottom: 2.4rem;
  }
  .burger-navi-nav__sublevel {
    display: flex;
    justify-content: flex-start;
    padding: 0;
    width: 41.7rem;
  }
  .burger-navi-nav__sublevel .burger-panel {
    margin-left: 0;
    margin-right: 0;
    width: 39.7rem;
  }
  .burger-navi-nav__sublevel .burger-panel > li {
    margin-left: 4rem;
  }
  .burger-navi-nav__sublevel .burger-panel li:first-child {
    margin-left: 0;
  }
  .burger-navi-nav__sublevel
    .burger-panel
    li:first-child
    .burger-panel__closelink {
    padding-left: 2rem;
  }
  .burger-navi-nav__sublevel .burger-panel .burger-panel__pagelink-icon {
    margin-left: 0.6rem;
    padding-left: 0;
  }
  .burger-navi-nav__sublevel .burger-panel.js-current-sublevel-active {
    left: 0;
    padding-bottom: 0;
    right: 2rem;
  }
  .burger-navi-nav__sublevel .burger-panel .burger-panel__arrow--left {
    margin-left: 3.2rem;
    padding-left: 0;
    width: 3.6rem;
  }
  .burger-navi--no-logo
    .burger-navi-nav__sublevel
    .burger-panel
    .burger-panel__arrow--left {
    margin-left: 2.2rem;
  }
}
@media screen and (min-width: 1104px) {
  .burger-navi-holder {
    max-width: 102.4rem;
    padding: 0 4rem;
  }
}
@media screen and (min-width: 1921px) {
  .burger-navi-holder {
    max-width: 120rem;
  }
}
.bigfive {
  background-color: #fff;
  color: #33322f;
  margin-bottom: 2rem;
  padding: 0 2rem;
  width: 100%;
}
.bigfive__list {
  display: flex;
  justify-content: space-between;
}
.bigfive__logo {
  height: 6rem;
  width: 6rem;
}
.bigfive__text {
  font-size: 1.4rem;
  margin-top: 1.2rem;
}
.bigfive__link {
  align-items: center;
  color: #33322f;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .bigfive {
    padding: 0 4rem;
  }
}
.list {
  counter-reset: numbered-list;
}
.color--tongue .list,
.color--tongue .listwrapper {
  background: transparent;
}
.list,
.listwrapper {
  background: #fff;
}
@media screen and (min-width: 768px) {
  .listwrapper.m-six:nth-child(2n) .teaser-xs {
    padding-left: 2rem;
    padding-right: 0;
  }
  .listwrapper.m-six:nth-child(2n) .teaser-xs__teaserinfo {
    margin: 0;
  }
  .listwrapper.m-six:nth-child(odd) .teaser-xs {
    padding-left: 0;
    padding-right: 2rem;
  }
}
.teaser-left {
  align-items: stretch;
  background: #fff;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1.6rem;
  width: 100%;
}
.teaser-left__media {
  position: relative;
}
.teaser-left__link {
  text-decoration: none;
  width: 100%;
}
.teaser-left__teaserinfo {
  box-sizing: border-box;
  padding: 0.8rem 2rem 0 1.5rem;
}
@media screen and (min-width: 1024px) {
  .teaser-left__teaserinfo {
    padding: 1.2rem 2rem 0;
  }
}
.teaser-left__teaserinfo:only-child {
  padding: 0.8rem 0 0;
}
.teaser-left__teaserinfo:only-child .teaser-left__shorttext {
  display: block;
}
.teaser-left__topline-container {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.teaser-left__topline-container .label--small {
  margin-bottom: 0.6rem;
  margin-right: 0.6rem;
}
.teaser-left__date,
.teaser-left__duration {
  color: #80807e;
  font-size: 1.5rem;
  margin-right: 0.6rem;
  padding: 0.2rem 0 0.6rem;
}
.teaser-left__topline {
  color: #33322f;
  display: block;
  margin-top: 0;
  padding: 0.2rem 0;
  width: 100%;
}
.teaser-left__headline {
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  color: #f56b0d;
  display: -webkit-inline-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.teaser-left__headline cite,
.teaser-left__headline span[lang] {
  font: inherit;
}
.teaser-left__shorttext {
  font-size: 1.8rem;
  line-height: 2.4rem;
  margin-top: 0.8rem;
  padding-left: 0;
}
@media screen and (max-width: 767px) {
  .teaser-left__shorttext {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .teaser-left {
    margin-bottom: 2.4rem;
  }
}
.teaser-right {
  align-items: stretch;
  background: #fff;
  border-bottom: 0.1rem solid #e4e4e4;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1.6rem;
  padding-bottom: 1.6rem;
  width: 100%;
}
.teaser-right,
.teaser-right__media {
  position: relative;
}
.teaser-right__teaserinfo {
  box-sizing: border-box;
  padding: 0.8rem 2rem 0 0;
}
@media screen and (min-width: 1024px) {
  .teaser-right__teaserinfo {
    padding: 1.2rem 2rem 0 0;
  }
}
.teaser-right__topline-container {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.teaser-right__topline-container .label--small {
  margin-bottom: 0.6rem;
  margin-right: 0.6rem;
}
.teaser-right__date {
  color: #80807e;
  font-size: 1.5rem;
  font-style: italic;
  margin: 0 0.6rem 0 0;
  padding: 0.2rem 0 0;
}
.teaser-right__labeltopline {
  color: #33322f;
  font-size: 1.6rem;
  margin-right: 0.6rem;
  padding: 0.2rem 0;
}
.teaser-right__headline {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  color: #f56b0d;
  display: -webkit-inline-box;
  margin-bottom: 0.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.teaser-right__shorttext {
  color: #33322f;
  font-size: 1.8rem;
  line-height: 2.4rem;
  margin: 0 0 0.8rem;
  padding-left: 0;
}
@media screen and (min-width: 768px) {
  .teaser-right .list--maximized .teaser-right__teaserheadline {
    display: none;
  }
}
.teaser-right .ts-mediaplayer + .closebutton {
  transform: none;
}
@media screen and (min-width: 768px) {
  .teaser-right .ts-mediaplayer + .closebutton {
    left: -5rem;
    transform: rotate(90deg);
  }
}
.teaser-right--voting__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.teaser-right--voting.is-active .ardplayer .ardplayer-posterframe,
.teaser-right--voting.is-active .teaser-right--voting__inner {
  background: #f56b0d;
}
.teaser-right--voting.is-active .teaser-right__headline,
.teaser-right--voting.is-active .teaser-right__shorttext {
  color: #fff;
}
.teaser-right--voting.is-active .teaser-right__topline-container .label {
  background-color: #fff;
  color: #f56b0d;
}
.teaser-right--voting-result {
  border-bottom: 0.3rem solid #e4e4e4;
  padding-bottom: 0;
  position: relative;
}
.teaser-right--voting-result__votes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  padding: 2.4rem 0;
  width: 100%;
}
.teaser-right--voting-result__votes .votes,
.teaser-right--voting-result__votes .votes-percent {
  text-transform: uppercase;
  width: 50%;
}
.teaser-right--voting-result__votes .votes-percent {
  text-align: right;
}
.teaser-right--voting-result .votes-bar {
  background-color: #cd144a;
  bottom: -0.3rem;
  height: 0.3rem;
  left: 0;
  position: absolute;
}
.teaser-right__voting-input {
  align-items: center;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  padding: 0 1rem;
}
@media screen and (max-width: 768px) {
  .teaser-right__teaserinfo.list--maximized {
    padding-left: 0;
    padding-top: 0.8rem;
  }
  .teaser-right--voting-result {
    margin-bottom: 2.4rem;
  }
  .teaser-right--voting-result__votes {
    display: block;
    padding-top: 2.4rem;
  }
  .teaser-right--voting-result .votes,
  .teaser-right--voting-result .votes-percent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    text-align: left;
    width: 100%;
  }
  .teaser-right--voting-result .votes {
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .teaser-right {
    flex-wrap: nowrap;
    margin-bottom: 2.4rem;
    padding-bottom: 2.4rem;
  }
  .teaser-right--voting-result {
    flex-wrap: wrap;
    margin-bottom: 4.8rem;
    padding-bottom: 0;
  }
}
.teaser-right__link {
  text-decoration: none;
  width: 100%;
}
.teaser-right__teaserinfo .teaser-xs__link {
  border: 2px solid transparent;
  display: block;
}
.teaser-right__teaserinfo .teaser-xs__link img {
  outline: 0;
}
@media screen and (max-width: 767px) {
  .teaser-right:not(.teaser-right--voting):not(.teaser-right--voting-result)
    .teaser-right__shorttext {
    display: none;
  }
  .teaser-right:not(.teaser-right--voting):not(
      .teaser-right--voting-result
    )__topline-container {
    flex-direction: column;
  }
}
.teaser-mikro {
  align-items: stretch;
  background: #fff;
  border-bottom: 0.1rem solid #e4e4e4;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  padding: 1.6rem 0;
}
.teaser-mikro__link {
  width: 100%;
}
.teaser-mikro__topline-container {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.teaser-mikro__topline-container .label--small {
  margin-bottom: 0.6rem;
  margin-right: 0.6rem;
}
.teaser-mikro__date {
  color: #80807e;
  font-size: 1.5rem;
  margin-right: 0.6rem;
  padding: 0.2rem 0 0.6rem;
}
.teaser-mikro__headline {
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  color: #f56b0d;
  display: -webkit-inline-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.teaser-mikro__headline cite,
.teaser-mikro__headline span[lang] {
  font: inherit;
}
@media screen and (min-width: 1024px) {
  .teaser-mikro {
    padding: 2.4rem 0;
  }
}
.teaser-slider {
  width: 100%;
}
.teaser-slider__link {
  display: block;
}
.teaser-slider__image-wrapper {
  background-color: #e4e4e4;
  padding-top: 56.25%;
  position: relative;
  width: 100%;
}
.teaser-slider__image-wrapper > img {
  height: auto;
  left: 50%;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: auto;
}
.teaser-slider__teaserinfo {
  padding: 1.6rem 0 0 2rem;
}
.teaser-slider__topline-container {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 1.1rem;
}
.teaser-slider__topline-container .label--small {
  margin-bottom: 0.6rem;
  margin-right: 1rem;
}
.teaser-slider__topline {
  color: #33322f;
  display: inline-block;
  margin: 0;
  width: auto;
}
.teaser-slider__headline {
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  color: #f56b0d;
  display: -webkit-inline-box;
  font-size: 2rem;
  line-height: 2.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.teaser-slider .btn--text {
  margin: 2rem 2rem 0;
}
.teaser-slider .btn--fullwidth {
  width: auto;
}
.teaser-slider--tongue .teaser-slider__headline,
.teaser-slider--tongue .teaser-slider__topline {
  color: #fff;
}
.mubu-container {
  background: transparent;
  display: block;
  float: left;
  margin-top: 1.2rem;
  position: relative;
  width: 100%;
}
.mubu-container--prerender-height {
  height: 5.2rem;
}
.mubu-container__trigger {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
.mubu-container__infotext {
  margin-right: 0.6rem;
  padding-top: 0.2rem;
}
.mubu-container__buttons {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
}
.mubu-container__button {
  height: 2.8rem;
  padding: 0.6rem 0 0.6rem 0.6rem;
  width: 2.8rem;
}
.mubu-container__content {
  border: 0;
  box-sizing: border-box;
  display: block;
  margin: 0;
  max-height: 0;
  overflow: hidden;
  text-align: left;
  transition: max-height 0.8s ease;
  width: 100%;
}
.mubu-container__content__info {
  color: #80807e;
  padding: 1rem 0;
}
.mubu-container__content__info__title {
  color: #33322f;
}
.mubu-container__content__info__metainfo {
  border-bottom: 0.1rem solid #e4e4e4;
  padding-bottom: 1rem;
}
.mubu-container__content__link {
  display: block;
}
.mubu-container__content.active {
  max-height: 100rem;
  transition: max-height 0.8s ease;
  -moz-transition: max-height 0.8s ease;
}
.mubu-container__media {
  background: #80807e;
  height: 30rem;
  width: 100%;
}
.mubu-container.color--tongue .mubu-container__content__info {
  color: #99bdd6;
}
.mubu-container.color--tongue .mubu-container__content__info__title {
  color: #dee9f2;
}
.mubu-container.color--tongue .mubu-container__content__info__metainfo {
  border-bottom: 0.1rem solid #4082b3;
}
.mubu-container.color--tongue .mubu-container__content__link:focus {
  outline-color: #dee9f2;
}
.trenner {
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  letter-spacing: 0.2em;
  width: 100%;
}
.trenner__divider {
  border-bottom: 0.1rem solid #e4e4e4;
  display: none;
  height: 1px;
  left: 0;
  margin: 0 2rem;
  position: relative;
  width: calc(100% - 40px);
}
.trenner__text {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 2.4rem 2rem;
}
.trenner__text__topline {
  color: #33322f;
  letter-spacing: 0.2rem;
}
.trenner__text__headline,
.trenner__text__topline {
  flex-basis: 100%;
  text-align: center;
  text-transform: uppercase;
}
.trenner__text__headline {
  color: #f56b0d;
  letter-spacing: 0.1rem;
}
.trenner__link {
  color: #f56b0d;
  width: 100%;
}
.trenner.trenner--default.trenner--divider .trenner__divider {
  border-bottom: 0.1rem solid #e4e4e4;
  display: block;
}
.trenner.color--tongue {
  background: #f56b0d;
}
.trenner.color--tongue .trenner__text__headline,
.trenner.color--tongue .trenner__text__topline {
  color: #fff;
}
.trenner.color--tongue.trenner--divider .trenner__divider {
  border-bottom: 0.1rem solid #4082b3;
  display: block;
}
.trenner.color--breaking-red {
  background: #cd144a;
}
.trenner.color--breaking-red .trenner__text__headline,
.trenner.color--breaking-red .trenner__text__topline {
  color: #fcf3f6;
}
.trenner.color--breaking-red.trenner--divider .trenner__divider {
  border-bottom: 0.1rem solid #e06d8f;
  display: block;
}
@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .trenner {
    display: block;
  }
}
.teaser {
  background: #fff;
  color: #33322f;
  float: left;
  padding-bottom: 3.2rem;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .teaser {
    padding-bottom: 2.4rem;
  }
}
.teaser.color--tongue {
  background: #f56b0d;
  color: #dee9f2;
}
.teaser.color--tongue .teaser__link {
  color: #dee9f2;
}
.teaser.color--tongue .teaser__teaserinfo {
  background: #f56b0d;
}
.teaser.color--tongue .teaser__date {
  color: #99bdd6;
}
.teaser__link {
  color: #33322f;
}
.teaser__media {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.teaser__image {
  width: 100%;
}
.teaser__image--small {
  margin-left: 0.2rem;
  width: 100%;
}
.teaser__teaserinfo {
  background-color: #fff;
}
.teaser__head,
.teaser__label,
.teaser__teaserinfo {
  display: block;
  float: left;
}
.teaser__label {
  margin-bottom: 0.6rem;
}
@media screen and (min-width: 1024px) {
  .teaser__label {
    margin-bottom: 0.8rem;
  }
}
.teaser__headline-wrapper {
  display: inline;
}
.teaser__topline {
  display: inline-block;
  margin-bottom: 0.6rem;
}
@media screen and (min-width: 1024px) {
  .teaser__topline {
    margin-bottom: 0.8rem;
  }
}
.teaser__topline span {
  color: #33322f;
}
.teaser.color--tongue .teaser__topline span {
  color: #dee9f2;
}
.teaser__headline {
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  color: #f56b0d;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  width: 100%;
}
.teaser__headline cite,
.teaser__headline span {
  font: inherit;
}
.teaser.color--tongue .teaser__headline {
  color: #fff;
}
.teaser__date {
  color: #80807e;
  float: left;
  margin-bottom: 1.6rem;
  width: 100%;
}
.teaser__shorttext {
  display: block;
  float: left;
  width: 100%;
}
.teaser__medialinks .mubu-container__trigger {
  padding: 0 2rem;
}
@media screen and (min-width: 1024px) {
  .teaser__medialinks .mubu-container__trigger {
    padding: 0;
  }
}
.teaser__medialinks .mubu-container__infotext {
  color: #80807e;
}
.teaser__medialinks .color--tongue .mubu-container__infotext {
  color: #99bdd6;
}
.teaser .teaser__link {
  display: flex;
  flex-wrap: wrap;
}
.teaser .image-btn {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 42;
}
@media screen and (min-width: 768px) {
  .teaser .image-btn {
    right: 50%;
  }
  .teaser.teaser--small .teaser__teaserinfo {
    padding: 0.8rem 2rem 0;
  }
  .teaser.teaser--small .image-btn {
    right: 66.67%;
  }
}
@media screen and (min-width: 1921px) {
  .teaser.teaser--small .teaser__teaserinfo {
    padding: 1.2rem 2rem 0;
  }
}
.teaser--small .authorline {
  float: left;
  margin: 1rem 2rem 2.4rem;
  width: calc(100% - 4rem);
}
@media screen and (min-width: 768px) {
  .teaser--small .authorline {
    margin: 1rem 0 0 2rem;
  }
}
.teaser--top .authorline {
  float: left;
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .teaser--top .authorline {
    width: 100%;
  }
  .teaser--top .image-btn {
    right: 0;
  }
}
.teaser__topline-container .label {
  margin: 0.4rem 0.8rem 0.4rem 0;
}
.teaser--top div:first-child a {
  border: none;
}
a:focus .teaser-xs__headline,
a:focus .teaser-xs__topline,
a:focus .teaser__headline,
a:focus .teaser__topline {
  text-decoration: underline;
}
a:active .teaser-xs__headline,
a:active .teaser-xs__topline,
a:active .teaser__headline,
a:active .teaser__topline {
  text-decoration: none !important;
}
.teasergroup.color--tongue {
  background-color: #f56b0d;
}
.teaser__link:focus {
  outline: 0.2rem solid #80807e;
  outline-offset: -0.2rem;
}
.teaser__link:focus img {
  outline: 0;
}
.teaser.color--tongue .teaser__link:focus {
  outline-color: #dee9f2;
}
@media screen and (min-width: 1024px) {
  .teaser--top .teaser__shorttext,
  .teaser--top-aufmacher .teaser__shorttext {
    width: 83.3333333333%;
  }
}
.textabsatz {
  background: #fff;
  box-sizing: border-box;
  color: #33322f;
  display: block;
  width: 100%;
}
.textabsatz a.copytext-anchor {
  border: none;
}
.textabsatz strong {
  color: #33322f;
}
.textabsatz strong cite,
.textabsatz strong span {
  font: inherit;
}
.textabsatz.textabsatz--indented {
  padding-left: 4rem;
}
.textabsatz.textabsatz--standalone {
  padding: 0;
}
@media screen and (min-width: 768px) {
  .textabsatz {
    padding: 0;
  }
  .textabsatz--contains-image {
    float: right;
    margin-right: 8.333333333333332%;
  }
}
@media screen and (min-width: 1024px) {
  .textabsatz--contains-image {
    margin-right: 16.666666666666664%;
  }
}
.absatzbild {
  background-color: #fff;
  margin: 0 0 2.4rem;
}
.absatzbild__info {
  color: #33322f;
  padding: 1rem 2rem 0;
}
.absatzbild--m {
  box-sizing: border-box;
}
.absatzbild__info__text {
  padding-bottom: 1rem;
}
.absatzbild__info__copyright {
  color: #80807e;
}
@media screen and (min-width: 768px) {
  .absatzbild__info {
    padding: 1rem 0 0;
  }
  .absatzbild--m {
    padding-right: 2rem;
  }
  .absatzbild--m-indented .absatzbild__info {
    padding: 1rem 0 0 2rem;
  }
  .absatzbild--m-indented:after {
    clear: both;
    content: "";
    display: table;
  }
}
@media screen and (min-width: 1024px) {
  .absatzbild--m-indented .absatzbild__info {
    padding: 1rem 0 0;
  }
}
.bulletpoint-list {
  border-bottom: 0.1rem solid #e4e4e4;
  border-top: 0.1rem solid #e4e4e4;
  box-sizing: border-box;
  list-style: initial;
  margin: 1.6rem 1.6rem 2.4rem;
  padding: 1.6rem 0 1.6rem 2rem;
}
.bulletpoint-list li {
  margin-bottom: 2.4rem;
}
.bulletpoint-list li:last-of-type {
  margin-bottom: 0.4rem;
}
.bulletpoint-list a.copytext-anchor {
  border: none;
}
.bulletpoint-list .textlink--extern:after {
  background-position-y: 0.2rem;
  display: inline-block;
  height: 1.8rem;
}
@media screen and (min-width: 768px) {
  .bulletpoint-list {
    margin: 2rem 0;
  }
}
.infobox {
  margin: 0 0 2.4rem;
}
.infobox__image {
  border-right: 1.5rem solid #fff;
  float: left;
  margin-bottom: 1rem;
  margin-left: -2rem;
  width: calc(33.33333% + 1.5rem);
}
@media screen and (min-width: 768px) {
  .infobox__image {
    border-right: 2rem solid #fff;
    margin-left: 0;
    width: calc(25% + 2rem);
  }
}
@media screen and (min-width: 1024px) {
  .infobox__image {
    width: calc(25% + 2rem);
  }
}
.infobox__headline,
.infobox__headline--textonly {
  border-top: 0.1rem solid #fff;
  color: #f56b0d;
  font-size: 2rem;
  line-height: 2.4rem;
  padding: 1.6rem 0 0;
}
@media screen and (min-width: 1024px) {
  .infobox__headline,
  .infobox__headline--textonly {
    padding: 2.4rem 0 0;
  }
}
.infobox__text,
.infobox__text--textonly {
  color: #33322f;
  font-size: 1.8rem;
  line-height: 2.2rem;
  padding-bottom: 1.6rem;
  padding-left: 1rem;
  padding-top: 1.2rem;
}
@media screen and (min-width: 768px) {
  .infobox__text,
  .infobox__text--textonly {
    padding-bottom: 2.4rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .infobox__text,
  .infobox__text--textonly {
    padding-top: 1.6rem;
  }
}
.infobox__text .textlink--extern:after,
.infobox__text--textonly .textlink--extern:after {
  background-position-y: 0.2rem;
}
.infobox__text a,
.infobox__text--textonly a {
  border-bottom: 0.1rem solid #f56b0d;
  color: #f56b0d;
}
.infobox.color--tongue {
  background-color: #f56b0d;
}
.infobox.color--tongue .infobox__image {
  border-right-color: #f56b0d;
}
.infobox.color--tongue .infobox__headline,
.infobox.color--tongue .infobox__headline--textonly {
  border-top: none;
  color: #fff;
}
.infobox.color--tongue .infobox__text,
.infobox.color--tongue .infobox__text--textonly {
  color: #dee9f2;
}
.infobox.color--tongue .infobox__text .textlink--extern,
.infobox.color--tongue .infobox__text--textonly .textlink--extern {
  border-bottom: 0.1rem solid #fff;
}
.infobox.color--tongue .infobox__text .textlink--extern:after,
.infobox.color--tongue .infobox__text--textonly .textlink--extern:after {
  background: url(../index/extern--fill-white.svg) no-repeat;
  background-position-y: 0.2rem;
}
.infobox.color--tongue .infobox__text b,
.infobox.color--tongue .infobox__text strong,
.infobox.color--tongue .infobox__text--textonly b,
.infobox.color--tongue .infobox__text--textonly strong {
  color: #fff;
}
.infobox.color--tongue .infobox__text a,
.infobox.color--tongue .infobox__text--textonly a {
  border-bottom: 0.1rem solid #fff;
  color: #fff;
}
.infobox.color--tongue .infobox__text abbr,
.infobox.color--tongue .infobox__text--textonly abbr {
  border-bottom-color: #fff;
}
.infobox__headline--textonly {
  margin-left: 1rem;
  padding-right: 1rem;
}
@media screen and (min-width: 768px) {
  .infobox__headline--textonly {
    margin-left: 4rem;
  }
}
.infobox__text--textonly {
  margin-right: 1rem;
}
@media screen and (min-width: 768px) {
  .infobox__text--textonly {
    padding-left: 4rem;
  }
}
.copytext-element-wrapper {
  box-sizing: border-box;
  margin: 0 0 2.4rem;
  padding: 1.2rem 2rem;
}
.copytext-element-wrapper--overlap,
.copytext-element-wrapper__spacing {
  padding: 1.2rem 0;
}
.copytext-element-wrapper__top-spacing {
  padding-top: 2rem;
}
.copytext-element-wrapper__no-top-spacing {
  padding-top: 0;
}
.copytext-element-wrapper__vertical-only {
  margin: 0;
  padding: 0 2rem;
}
@media screen and (max-width: 767px) {
  .copytext-element-wrapper__divider span {
    margin: 0;
    width: 100%;
  }
  .copytext-element-wrapper--overlap .copytext-element-wrapper__divider span {
    margin: 0 2rem;
    width: calc(100% - 4rem);
  }
}
@media screen and (min-width: 768px) {
  .copytext-element-wrapper {
    padding: 1.2rem 0;
  }
  .copytext-element-wrapper__vertical-only {
    margin: 0;
    padding: 0;
  }
}
@media screen and (min-width: 1024px) {
  .copytext-element-wrapper__top-spacing {
    padding-top: 0;
  }
}
@media print {
  .copytext-element-wrapper {
    display: none;
  }
}
.meldung__subhead {
  color: #f56b0d;
  margin: 0.8rem 0 1.6rem;
}
.meldung__subhead.meldung__subhead--overlap {
  padding: 0;
}
.meldung__subhead--bold {
  font-weight: 700;
}
.meldung__subhead cite,
.meldung__subhead span {
  font: inherit;
}
.meldung__subhead .meldung__subhead__badge {
  background: #e4e4e4;
  border-radius: 3px;
  display: inline-block;
  margin-left: 1rem;
  padding: 0.7rem 1rem;
  position: relative;
  top: -0.35rem;
}
.meldung__subheadlinewrapper {
  margin: 0.8rem 0 1.6rem;
}
.meldung__subheadlinewrapper .meldung__subhead,
.meldung__subheadlinewrapper .meldung__topline-subhead {
  float: left;
  width: 100%;
}
.meldung__subheadlinewrapper .meldung__subhead {
  margin: 0;
}
.meldung__topline-subhead {
  color: #33322f;
  display: block;
  margin-bottom: 0.6rem;
}
@media screen and (min-width: 1024px) {
  .meldung__topline-subhead {
    margin-bottom: 0.8rem;
  }
}
.copytext-element-wrapper .meldung__subhead {
  padding: 0;
}
.liveblog--anchor {
  scroll-margin-top: 5.2rem;
}
.copytext-anchor {
  border: none;
  color: inherit !important;
  font: inherit;
  scroll-margin-top: 6rem;
}
.meldung__subhead a {
  scroll-margin-top: 8rem;
}
@media screen and (min-width: 768px) {
  .meldung__subhead a {
    scroll-margin-top: 10rem;
  }
}
.liveblog__datetime,
.meldung__uhrzeit {
  color: #80807e;
  font-size: 1.6rem;
  padding-top: 3.2rem;
}
@media screen and (min-width: 768px) {
  .liveblog__datetime,
  .meldung__uhrzeit {
    padding: 0;
  }
}
.meldung__uhrzeit {
  margin-bottom: 0.4rem;
}
.liveblog__datetime {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .liveblog__datetime {
    margin-bottom: 0;
    margin-top: 2.4rem;
  }
}
@media screen and (min-width: 1024px) {
  .copytext-anchor,
  .liveblog--anchor {
    scroll-margin-top: 8.8rem;
  }
}
.copytext__audio,
.copytext__video {
  margin-bottom: 1.4rem;
}
.copytext__audio__info,
.copytext__video__info {
  color: #80807e;
  padding: 1rem 2rem;
}
.copytext__audio__title,
.copytext__video__title {
  color: #33322f;
}
.copytext__audio__details,
.copytext__audio__metainfo,
.copytext__video__details,
.copytext__video__metainfo {
  padding-bottom: 1rem;
}
.copytext__audio__details strong,
.copytext__video__details strong {
  color: #33322f;
}
.copytext__audio__link,
.copytext__video__link {
  display: block;
}
.copytext__embed,
.infobox,
.meldung__subhead {
  box-sizing: border-box;
  padding: 0 2rem;
}
.copytext__embed--vwd {
  margin-bottom: 4rem;
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .copytext__embed,
  .infobox,
  .meldung__subhead,
  .meldung__topline-subhead {
    padding: 0;
  }
  .copytext__audio__info,
  .copytext__video__info {
    padding: 1rem 0;
  }
}
@media print {
  .copytext__audio,
  .copytext__video {
    display: none;
  }
}
.copytext__video .lamapoll__copytext__video {
  color: #f56b0d !important;
}
.copytext__video .copytext__lamapoll__copytext__video {
  border-bottom: 0.1rem solid #e4e4e4 !important;
}
.archive__dachzeile {
  color: #33322f;
  font-size: 1.6rem;
  margin-bottom: 0.4rem;
}
.archive__headline {
  color: #f56b0d;
  font-size: 2.4rem;
  line-height: 2.7rem;
  margin-bottom: 1.6rem;
}
.verweisabsatz__wrapper {
  margin-top: 1.2rem;
}
.verweisabsatz__link {
  color: #33322f;
}
.lotto {
  background: #fff;
  padding-bottom: 3.2rem;
  width: 100%;
}
.lotto__zahlen {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  margin-bottom: 24px;
  padding: 0;
}
.lotto__zahlen__zahl {
  align-items: center;
  background: #f56b0d;
  color: #fff;
  display: flex;
  flex-basis: 16.6%;
  font-size: 2.4rem;
  height: auto;
  justify-content: center;
  margin: 0 1px 0 0;
}
.lotto__zahlen__zahl:last-of-type {
  margin: 0;
}
.lotto__zahlen__zahl:before {
  content: "";
  float: left;
  padding-top: 100%;
}
.lotto__spiele {
  align-items: center;
  display: flex;
  flex-direction: row;
  margin-bottom: 24px;
  padding: 0 20px;
  width: calc(100% - 40px);
}
.lotto__spiele:last-child {
  margin-bottom: 0;
}
.lotto__spiele__spiel {
  color: #80807e;
  font-size: 1.8rem;
  line-height: 2rem;
  min-width: 11rem;
  padding: 0;
  white-space: nowrap;
}
.lotto__spiele__zahlen {
  font-size: 2.4rem;
  letter-spacing: 2rem;
  line-height: 2.9rem;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .lotto {
    padding-bottom: 2.4rem;
  }
  .lotto__zahlen {
    margin-left: 2rem;
    margin-top: 0;
  }
  .lotto__spiele {
    margin-left: 2rem;
    padding: 0;
  }
}
@media screen and (min-width: 1024px) {
  .lotto__spiele__zahlen {
    letter-spacing: 3rem;
  }
}
.multimediahead {
  background-color: #fff;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  margin-top: 2.4rem;
  padding: 0 2rem;
}
@media screen and (min-width: 768px) {
  .multimediahead {
    padding: 0;
  }
}
.multimediahead__headline-wrapper {
  display: inline;
}
.multimediahead__label {
  display: block;
  float: left;
  margin-bottom: 0.6rem;
}
@media screen and (min-width: 1024px) {
  .multimediahead__label {
    margin-bottom: 0.8rem;
  }
}
.multimediahead__topline {
  display: inline-block;
  margin-bottom: 0.6rem;
}
@media screen and (min-width: 1024px) {
  .multimediahead__topline {
    margin-bottom: 0.8rem;
  }
}
.multimediahead__headline {
  color: #f56b0d;
  float: left;
  width: 100%;
}
.multimediahead__date {
  clear: both;
  color: #80807e;
  display: block;
  margin-bottom: 1.6rem;
}
.multimediahead__shorttext {
  margin-bottom: 2.4rem;
}
.multimedia-foot {
  margin-top: 3.2rem;
}
.id-card {
  align-items: stretch;
  background-color: #fff;
  display: flex;
  padding: 1.2rem 0;
  position: relative;
}
.id-card:before {
  top: 0;
}
.id-card:after,
.id-card:before {
  content: "";
  height: 0.01rem;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 100%;
}
.id-card:after {
  bottom: 0;
}
@media screen and (min-width: 1024px) {
  .id-card .id-card:after,
  .id-card .id-card:before {
    width: 80rem;
  }
}
.id-card__studio {
  color: #33322f;
  font-size: 1.6rem;
}
.id-card__logo {
  margin: 0 0 0.4rem;
}
.id-card__logo svg {
  fill: #f56b0d;
  height: 3.9rem;
}
.id-card__twitter-id {
  bottom: 0;
  color: #80807e;
  display: block;
  font-size: 1.6rem;
  margin-top: 1.2rem;
  position: absolute;
}
.id-card__name {
  color: #f56b0d;
  font-size: 2rem;
  line-height: 2.2rem;
}
.id-card__img {
  border-radius: 1rem;
  width: 100%;
}
.id-card__description {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: 100%;
  padding: 0 0 0 1.4rem;
  position: relative;
}
@media screen and (min-width: 768px) {
  .id-card:before {
    bottom: 0.8rem;
  }
  .id-card__inner.inner-only {
    margin: 0;
    padding: 2.4rem 0;
  }
}
@media screen and (max-width: 767px) {
  .id-card__divider .divider {
    margin: 0 2rem;
  }
}
@media print {
  .id-card > div:first-child {
    width: 12%;
  }
}
.home__icon {
  margin-left: 2rem;
  padding-right: 0.3rem;
}
.home__icon svg {
  fill: #33322f;
  height: 2rem;
  width: 2rem;
}
.anchored {
  font-weight: bolder;
}
.anchored + .anchored:before {
  background-color: #e4e4e4;
  content: "";
  height: 70%;
  position: absolute;
  top: 15%;
  width: 0.05rem;
}
.horizontal-nav {
  font-size: 1.5rem;
  position: relative;
}
.horizontal-nav .swipe {
  align-items: center;
  display: flex;
  height: 3.8rem;
}
.horizontal-nav.horizontal-nav--swipenav {
  scrollbar-width: none;
}
.horizontal-nav.horizontal-nav--swipenav > ul li.latthema:first-of-type {
  border-left: 0.5rem solid transparent;
}
.horizontal-nav.horizontal-nav--swipenav::-webkit-scrollbar {
  background: transparent;
  width: 0;
}
.horizontal-nav.horizontal-nav--swipenav > .swipe {
  box-shadow: inset 0 0.5rem 0.5rem -0.5rem rgba(0, 0, 0, 0.1);
}
.horizontal-nav.horizontal-nav--home {
  float: left;
  z-index: 142;
}
.horizontal-nav.horizontal-nav--home .swipe li {
  position: relative;
}
.horizontal-nav.horizontal-nav--home .swipe li:active:after,
.horizontal-nav.horizontal-nav--home .swipe li:hover:after {
  background-color: #e4e4e4;
  content: "";
  height: 100%;
  position: absolute;
  right: -0.05rem;
  top: 0;
  width: 0.05rem;
}
.horizontal-nav .horizontal-nav--is-dossier {
  left: 0;
  right: 0;
}
.horizontal-nav .swipe {
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
  overflow: -moz-scrollbars-none;
  overflow-y: hidden;
  -moz-scrollbar-width: none;
  scrollbar-width: none;
  white-space: nowrap;
}
.horizontal-nav .swipe::-webkit-scrollbar {
  display: none;
}
.horizontal-nav .swipe li {
  display: inline-block;
  vertical-align: middle;
}
.horizontal-nav .swipe li:active,
.horizontal-nav .swipe li:hover {
  background: #e4e4e4;
  color: #33322f;
  cursor: pointer;
}
.horizontal-nav .swipe li:not(:first-child) a,
.horizontal-nav .swipe li:not(:last-child) a {
  font-weight: 400;
}
.horizontal-nav .swipe .latthema:hover {
  background: none;
}
.horizontal-nav .swipe .latthema--link {
  border: 0.1rem solid transparent;
}
.horizontal-nav .swipe .latthema--link:active,
.horizontal-nav .swipe .latthema--link:focus,
.horizontal-nav .swipe .latthema--link:hover {
  background: #c2c2c1;
}
.horizontal-nav .swipe .additional-navigation-entry span,
.horizontal-nav .swipe a,
.horizontal-nav .swipe span.a {
  color: #33322f;
  display: block;
  padding: 1.2rem 1.2rem 1.1rem;
}
.horizontal-nav .swipe a.home {
  outline-offset: -0.4rem;
  padding: 1.1rem 1.2rem;
}
.horizontal-nav .swipe .latthema--link {
  background: #e4e4e4;
  border-radius: 1.2rem;
  color: #33322f;
  margin: 0 0.5rem;
  padding: 0.3rem 0.7rem 0.4rem;
}
.horizontal-nav .swipe__scroll_up {
  max-height: 100rem;
  opacity: 1;
  transition: all 0.4s ease-in;
}
.horizontal-nav .swipe__scroll_down {
  background-color: transparent;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 0.4s ease-out;
}
.horizontal-nav .swipe__scroll_down.horizontal-nav--active {
  max-height: 100rem;
  opacity: 1;
  transition: all 0.1s ease-in;
}
.horizontal-nav .swipe.horizontal-nav-static li:not(:first-child) a {
  max-width: 3rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.horizontal-nav
  .swipe.horizontal-nav-static
  li:not(:first-child)
  a.no-ellipsis {
  max-width: none;
  overflow: visible;
  text-overflow: unset;
}
a.home.mobile-view span {
  display: none;
}
a.home.mobile-view svg {
  display: block;
}
.latthema--link:focus {
  outline: 0.2rem solid #80807e;
  outline-offset: 0.4rem;
}
@media screen and (min-width: 1024px) {
  .home__icon {
    margin-left: 4rem;
    padding: 0;
  }
  .horizontal-nav .swipe a.home {
    outline-offset: -0.2rem;
    padding: 1.2rem 1.2rem 1.1rem;
  }
  .horizontal-nav .swipe.horizontal-nav-static li:not(:first-child) a {
    max-width: none;
    overflow: initial;
    text-overflow: clip;
    white-space: normal;
  }
  a.home.mobile-view svg {
    display: none;
  }
  a.home.mobile-view span {
    display: block;
  }
  .horizontal-nav.horizontal-nav--swipenav {
    width: calc(100% + 4rem);
  }
}
@media screen and (min-width: 1104px) {
  .home__icon {
    margin-left: 0;
  }
}
.horizontal-nav--home ul li:last-child span {
  font-weight: 600;
}
.article-breadcrumb .article-breadcrumb__title--inside {
  cursor: default;
  display: block;
  margin: 0.9rem 0.5rem 0.7rem;
  padding: 0.3rem 0.7rem 0.4rem;
}
.article-breadcrumb li > * {
  color: #33322f;
}
.article-breadcrumb li + li > :before {
  border-color: transparent transparent transparent #80807e;
  border-style: solid;
  border-width: 0.4rem 0 0.4rem 0.6rem;
  content: "";
  display: inline-block;
  height: 0;
  margin: 0 0.6em 0.1rem -1.2rem;
  top: -2rem;
  width: 0;
}
.horizontal-nav .swipe li.article-breadcrumb__title:active,
.horizontal-nav .swipe li.article-breadcrumb__title:hover {
  background: #fff;
}
.settings__box {
  background: #f1f1f1;
  box-sizing: border-box;
  padding: 0.9rem 3rem 2rem;
}
@media screen and (min-width: 1024px) {
  .settings__box {
    padding: 0 4rem 2rem;
  }
}
.form--settings {
  padding-bottom: 0.9rem;
}
.form--settings li {
  display: inline-block;
  width: 49%;
}
.form--settings li.basic-settings {
  width: 100%;
}
.basic-settings .form-label {
  align-items: baseline;
  display: flex;
  margin: 0;
}
.basic-settings .form-label__darkmode-info {
  margin-top: 1.6rem;
}
.thirdparty-settings {
  margin-top: 3rem;
}
.basic-settings .form-label span:first-of-type {
  flex: 1;
}
.settings__list-wrapper {
  margin-bottom: 2.4rem;
}
.embed-frame {
  background-color: transparent;
}
.seitenkopf {
  background: #fff;
}
.seitenkopf__data,
.seitenkopf__textonly {
  display: flex;
  width: 100%;
}
.seitenkopf__textonly {
  margin-top: 2.4rem;
}
.seitenkopf__title {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .seitenkopf__title {
    padding: 0 2rem;
  }
}
.seitenkopf__topline {
  color: #33322f;
  display: inline-block;
  margin-bottom: 0.6rem;
}
@media screen and (min-width: 1024px) {
  .seitenkopf__topline {
    margin-bottom: 0.8rem;
  }
}
.seitenkopf__headline--text {
  clear: left;
  color: #f56b0d;
  display: block;
}
.seitenkopf__headline--text.color--breaking {
  color: #cd144a;
}
.seitenkopf__headline--text cite,
.seitenkopf__headline--text span {
  font: inherit;
}
.seitenkopf__media {
  margin-bottom: 1.6rem;
  position: relative;
}
.seitenkopf__label {
  display: block;
  float: left;
  margin-bottom: 0.6rem;
}
.color--tongue .buttongroup {
  background-color: transparent;
}
.buttongroup {
  background-color: #fff;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding: 0 2rem 2.4rem;
  width: 100%;
}
.buttongroup__item {
  flex: 1;
  padding-top: 1.6rem;
}
.buttongroup__item:first-of-type {
  padding-top: 0;
}
.buttongroup--headline {
  font-size: 1.6rem;
  padding-top: 1.6rem;
}
.buttongroup--copytext {
  padding: 1.6rem 0 1.2rem;
}
@media screen and (min-width: 768px) {
  .buttongroup {
    align-items: flex-end;
    flex-direction: row;
    justify-content: flex-end;
    padding: 0 2rem 1.6rem;
  }
  .buttongroup__item {
    box-sizing: border-box;
    max-width: 33.333333333333336%;
    min-width: 25%;
    padding: 0 1rem 0 0;
  }
  .buttongroup__item:only-child {
    max-width: 41.666666666666664%;
    padding: 0;
  }
  .buttongroup__item:last-of-type {
    padding-right: 0;
  }
  .buttongroup--copytext {
    padding: 1.6rem 0;
  }
  .buttongroup--copytext .buttongroup__item,
  .buttongroup--searchresults .buttongroup__item {
    max-width: 50%;
  }
}
@media screen and (min-width: 1024px) {
  .buttongroup:not(.buttongroup--copytext):not(.buttongroup--searchresults) {
    padding: 0 0 2.4rem;
  }
  .buttongroup__item:only-child {
    max-width: 33.333333333333336%;
  }
}
.meldungsfooter {
  background-color: #fff;
  box-sizing: border-box;
  display: inline-block;
  margin-top: -2px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .meldungsfooter {
    padding: 0;
  }
  .meldungsfooter--sharing-only {
    clear: left;
    margin-bottom: 6rem;
  }
}
@media print {
  .meldungsfooter,
  article + aside.container {
    display: none;
  }
}
.button-double--item {
  box-sizing: border-box;
  padding: 0 2rem;
}
.button-double--item:last-child {
  padding-top: 2rem;
}
@media screen and (min-width: 768px) {
  .button-double .button-double--item:first-child {
    padding: 0 1rem 0 0;
  }
  .button-double .button-double--item:last-child {
    padding: 0 0 0 1rem;
  }
}
.ts-iframe {
  height: 0;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.ts-iframe.ratio-49x16 {
  padding-bottom: 32.65%;
}
.ts-iframe.ratio-16x9 {
  padding-bottom: 56.25%;
}
.ts-iframe.ratio-4x3 {
  padding-bottom: 75%;
}
.ts-iframe.height-490 {
  height: 490px;
}
.ts-iframe .ts-iframe__target {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.boerseniframe {
  height: 49rem;
  width: 100%;
}
.copytext-galerie {
  box-sizing: border-box;
  margin-top: 1.2rem;
  padding: 0 2rem;
}
.copytext-galerie__dachzeile {
  color: #33322f;
  font-size: 1.6rem;
  margin-bottom: 0.4rem;
}
.copytext-galerie__headline {
  color: #f56b0d;
  font-size: 2.4rem;
  line-height: 2.7rem;
  margin-bottom: 1.6rem;
}
@media screen and (min-width: 768px) {
  .copytext-galerie {
    padding: 0;
  }
}
.taglist {
  -ms-overflow-style: none;
  display: flex;
  margin: 2.4rem 0 1.6rem;
  overflow: auto;
  scrollbar-width: none;
  white-space: nowrap;
}
@media screen and (min-width: 1024px) {
  .taglist {
    margin: 2.4rem 0 0.8rem;
    white-space: normal;
  }
}
.taglist::-webkit-scrollbar {
  background: transparent;
  height: 0;
  width: 0;
}
.taglist__element {
  display: flex;
  margin: 0.4rem 1.1rem 0.4rem 0.4rem;
  white-space: nowrap;
}
@media screen and (min-width: 1024px) {
  .taglist__element {
    margin: 1.4rem 0.9rem 2rem 0.4rem;
  }
}
.sendungsbezug {
  border-bottom: 0.1rem solid #e4e4e4;
  border-top: 0.1rem solid #e4e4e4;
  color: #80807e;
  font-size: 1.6rem;
  line-height: 2.25rem;
  padding: 1.2rem 0;
  position: relative;
}
.sendungsbezug .sendungsbezug--title {
  display: block;
  font-weight: 700;
}
.socialbuttons {
  background-color: #fff;
  margin: 1.6rem 0 2.4rem;
}
.socialbuttons__list {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.socialbuttons__list__item {
  display: contents;
  height: 3.6rem;
  width: 3.6rem;
}
.socialbuttons__list__item .tabfocus {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.socialbuttons .socialbuttons__icon,
.socialbuttons .socialbuttons__icon--functional {
  height: 3.6rem;
  margin-bottom: 0.8rem;
  width: 3.6rem;
}
.socialbuttons .socialbuttons__icon--functional {
  background: #e4e4e4;
  border-radius: 3rem;
}
.socialbuttons .socialbuttons__icon--functional svg {
  fill: #33322f;
  margin: 0 auto;
  padding: 0.8rem;
  width: 2rem;
}
.socialbuttons .socialbuttons__subline {
  color: #33322f;
}
.socialbuttons--with-endline {
  margin: 0;
  padding-bottom: 1.2rem;
  padding-top: 1rem;
  width: unset;
}
.boersenbox {
  background: #fff;
  width: 100%;
}
.boersenbox__embed:last-child {
  margin-bottom: 0;
}
.boersenbox__embed__inner {
  box-sizing: border-box;
  margin-bottom: 3.2rem;
  padding: 0 2rem;
}
@media screen and (min-width: 768px) {
  .boersenbox__embed__inner {
    margin-bottom: 2.4rem;
  }
}
.boersenbox__embed iframe {
  height: 600px;
  width: 100%;
}
.boersenbox__embed__title {
  color: #f56b0d;
  font-family: Thesis, helvetica, arial, sans-serif;
  text-align: center;
}
@media screen and (max-width: 375px) {
  .boersenbox .boersenbox iframe {
    height: 620px;
  }
}
@media screen and (min-width: 1024px) {
  .boersenbox .boersenbox__embed:nth-child(2n) .boersenbox__embed__inner {
    padding: 0 0 0 2rem;
  }
  .boersenbox .boersenbox__embed:nth-child(odd) .boersenbox__embed__inner {
    padding: 0 2rem 0 0;
  }
}
@media screen and (min-width: 1104px) {
  .boersenbox .boersenbox iframe {
    height: 580px;
  }
}
.paginierung {
  background: #fff;
  clear: both;
  color: #80807e;
  padding: 3.2rem 0;
  width: 100%;
}
.paginierung__liste {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 0.4rem;
}
.paginierung__liste > li {
  padding: 0 0.5rem;
}
.paginierung__liste > li.next,
.paginierung__liste > li.prev {
  width: 1.6rem;
}
.paginierung__liste > li.next svg,
.paginierung__liste > li.prev svg {
  fill: #80807e;
  height: 1.6rem;
}
.paginierung__liste > li .active,
.paginierung__liste > li.active {
  color: #33322f;
}
.paginierung__liste--link {
  align-items: center;
  color: #80807e;
  display: flex;
}
.paginierung__liste--link:focus {
  outline-offset: 2px;
}
.paginierung .divider {
  margin: 1.2rem 0;
}
@media screen and (max-width: 768px) {
  .paginierung {
    margin: 0;
    padding: 3.2rem 2rem;
  }
}
.ergebnisse {
  text-align: center;
}
.ergebnisse__anzahl,
.ergebnisse__suchbegriff {
  color: #33322f;
  padding-right: 0.4rem;
}
.privacydisclaimer.privacy.small {
  display: none;
}
.anchor-link {
  color: #33322f;
  font-size: 1.5rem;
  left: -10000px;
  opacity: 0;
  position: absolute;
  text-decoration: underline;
  top: 1.2rem;
}
.anchor-link:focus {
  background: #fff;
  left: 1.2rem;
  opacity: 1;
  padding: 0.8rem;
  z-index: 1000;
}
.wahlbeteiligung {
  background: #fff;
  display: flex;
  flex-direction: column;
}
.wahlbeteiligung--beteiligung-wrapper,
.wahlbeteiligung--regierung-wrapper {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 1.6rem 0;
}
.wahlbeteiligung--label {
  color: #80807e;
  letter-spacing: 0.2rem;
}
.wahlbeteiligung--beteiligung-wrapper {
  align-items: baseline;
  display: flex;
}
.wahlbeteiligung--parteilabel-wrapper {
  display: flex;
}
.wahlbeteiligung--parteilabel {
  color: #fff;
  margin-left: 0.4rem;
  padding: 0.2rem 0.8rem;
}
@media screen and (min-width: 1024px) {
  .wahlbeteiligung {
    align-items: baseline;
    flex-direction: row;
  }
  .wahlbeteiligung--beteiligung-wrapper {
    justify-content: flex-start;
    padding: 0 2rem 2.4rem 0;
  }
  .wahlbeteiligung--regierung-wrapper {
    justify-content: flex-end;
    padding: 0 0 2.4rem 2rem;
  }
  .wahlbeteiligung--number {
    margin-left: 1.2rem;
  }
  .wahlbeteiligung--divider {
    align-self: center;
    display: flex;
    height: 3.6rem;
  }
  .wahlbeteiligung--parteilabel {
    margin-left: 0.8rem;
  }
}
.index-image-only {
  margin-top: 2.4rem;
  position: relative;
}
.index-image-only .image-btn {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 42;
}
@media screen and (min-width: 1024px) {
  .index-image-only {
    margin: 2.4rem 0;
  }
}
.article-image-only {
  background-color: #fff;
  margin: 0 0 2.4rem;
  position: relative;
}
.article-image-only__sharing {
  margin: 0;
}
.article-image-only__info {
  color: #80807e;
  padding: 1rem 2rem 0;
}
.article-image-only__info__text {
  padding-bottom: 1.7rem;
}
.article-image-only .image-btn {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 42;
}
@media screen and (min-width: 768px) {
  .article-image-only__info {
    padding: 1rem 0 0;
  }
}
.content-liste {
  box-sizing: border-box;
  color: #33322f;
  margin: 2rem 2rem 2.4rem;
}
.content-liste.content-liste--standalone {
  margin: 0;
}
.content-liste > li a,
.content-liste > li span {
  display: block;
  padding: 0.8rem 1rem;
}
.content-liste > li a {
  color: #33322f;
}
.content-liste > li a:hover {
  background: #e4e4e4;
  color: #33322f;
  cursor: pointer;
}
.content-liste > li a.active {
  color: #c2c2c1;
}
.content-liste > li:last-child {
  border-bottom: none;
}
@media screen and (min-width: 768px) {
  .content-liste {
    margin: 2rem 0 2.4rem;
  }
  .content-liste--columns {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .content-liste--columns > li {
    width: calc(50% - 2rem);
  }
  .content-liste--columns > li:nth-child(odd) {
    margin-right: 2rem;
  }
  .content-liste--columns > li:nth-child(2n) {
    margin-left: 2rem;
  }
}
.tag-cloud {
  background-color: #fff;
  box-sizing: border-box;
  padding: 0 2rem;
  text-align: center;
}
.tag-cloud li {
  display: inline-block;
  margin: 0 0.5rem 1.4rem;
}
@media screen and (min-width: 768px) {
  .tag-cloud li {
    margin: 0 1rem 2.4rem;
  }
}
.tag-cloud .tag-btn {
  display: block;
}
@media screen and (min-width: 768px) {
  .tag-cloud {
    padding: 0;
  }
}
.tag-btn.tag-btn__sticky {
  background: #ff00ed;
  bottom: -4.8rem;
  color: #fff;
  left: 50%;
  padding: 0.8rem 2rem;
  position: absolute;
  transform: translateX(-50%);
  z-index: 21;
}
.back-to-top {
  bottom: 2rem;
  box-shadow: 0.15rem 0.15rem 0.66rem -0.25rem rgba(0, 0, 0, 0.25);
  height: 4rem;
  position: fixed;
  right: 2rem;
  transition: all 0.4s;
  width: 4rem;
  z-index: 121;
}
.back-to-top.hide {
  opacity: 0;
}
.back-to-top.show {
  opacity: 1;
}
.expanderbox {
  background-color: #fff;
}
.expanderbox--tongue {
  background: #f56b0d;
}
.expanderbox--tongue .expanderbox__header {
  background: #f56b0d;
  color: #dee9f2;
  padding: 0 2rem;
}
.expanderbox--tongue .expanderbox__header:focus {
  outline-color: #99bdd6;
}
.expanderbox--tongue .expanderbox__arrow svg {
  fill: #dee9f2;
}
.expanderbox .expanderbox__hint-wrapper {
  background-color: #fff;
}
.expanderbox__header {
  align-items: center;
  background: #fff;
  color: #33322f;
  display: flex;
  justify-content: space-between;
}
.expanderbox__header:focus {
  outline: 0.2rem solid #80807e;
  outline-offset: -0.3rem;
}
.expanderbox__header--tongue {
  color: #f56b0d;
}
.expanderbox__header--nopadding {
  padding: 0;
}
.expanderbox__button {
  box-sizing: border-box;
  padding-top: 2rem;
}
.expanderbox__label {
  padding: 0.8rem 1rem 0.8rem 0;
}
.expanderbox__body {
  left: -10000px;
  overflow: hidden;
  position: absolute;
}
.expanderbox__body--withborder-bottom {
  border-bottom: 0.1rem solid #e4e4e4;
}
.expanderbox__body__content-item {
  display: inline-block;
  padding-bottom: 2rem;
  padding-top: 1rem;
  width: 100%;
}
.expanderbox__body.calculated {
  position: static;
}
.expanderbox__arrow,
.expanderbox__arrow svg {
  height: 4rem;
  width: 4rem;
}
.expanderbox__arrow svg {
  fill: #33322f;
}
.expanderbox__arrow--tongue svg {
  fill: #f56b0d;
}
.expanderbox__arrow.active .icon--arrow-up {
  display: block;
}
.expanderbox__arrow .icon--arrow-up,
.expanderbox__arrow.active .icon--arrow-down {
  display: none;
}
@media screen and (min-width: 768px) {
  .expanderbox .expanderbox__hint-wrapper {
    align-items: center;
    display: flex;
    justify-content: space-between;
  }
  .expanderbox .expanderbox__hint-wrapper .expanderbox__header {
    box-sizing: border-box;
    width: 50%;
  }
}
.teaser-xs.color--tongue {
  background: #f56b0d;
  color: #fff;
}
.teaser-xs.color--tongue .teaser-xs__headline {
  color: #fff;
}
.teaser-xs.color--tongue .list--separator:after {
  border-color: #4082b3;
}
.teaser-xs.color--tongue .teaser-xs__topline {
  color: #dee9f2;
}
.teaser-xs.color--tongue .teaser-xs__date {
  color: #99bdd6;
}
.teaser-xs {
  align-items: stretch;
  background: #fff;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1.6rem;
  margin-top: -0.1rem;
  position: relative;
  width: 100%;
}
.teaser-xs:nth-of-type(odd) {
  clear: left;
}
.teaser-xs__teaserinfo {
  box-sizing: border-box;
  padding: 0.8rem 2rem 0 1.5rem;
}
@media screen and (min-width: 1024px) {
  .teaser-xs__teaserinfo {
    padding: 1.2rem 2rem 0;
  }
}
.teaser-xs__topline-container {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.teaser-xs__topline-container .label--small {
  margin-bottom: 0.6rem;
  margin-right: 0.6rem;
}
.teaser-xs__date,
.teaser-xs__duration {
  color: #80807e;
  font-size: 1.5rem;
  margin-right: 0.6rem;
  padding: 0.2rem 0 0.6rem;
}
.teaser-xs__topline {
  color: #33322f;
  display: block;
  margin-top: 0;
  padding: 0.2rem 0;
  width: 100%;
}
.teaser-xs__headline {
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  color: #f56b0d;
  display: -webkit-inline-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.teaser-xs__headline cite,
.teaser-xs__headline span[lang] {
  font: inherit;
}
.teaser-xs__media {
  position: relative;
}
.teaser-xs .image-btn {
  position: absolute;
  top: 0;
  z-index: 42;
}
@media screen and (min-width: 768px) {
  .teaser-xs {
    flex-wrap: nowrap;
  }
  .teaser-xs:nth-child(odd) {
    padding-right: 2rem;
  }
  .teaser-xs:nth-child(2n) {
    padding-left: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .teaser-xs {
    margin-bottom: 2.4rem;
  }
}
.teaser-xs__link {
  text-decoration: none;
  width: 100%;
}
.teaser-xs__teaserinfo .teaser-xs__link {
  border: 2px solid transparent;
  display: block;
}
.teaser-xs__teaserinfo .teaser-xs__link img {
  outline: 0;
}
.simpletable__wrapper {
  box-sizing: border-box;
  margin-bottom: 2.4rem;
  overflow: auto;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .simpletable__wrapper {
    padding: 0 2rem;
  }
  .simpletable__wrapper.simpletable__wrapper--standalone {
    padding: 0;
  }
}
.simpletable {
  font-size: 1.8rem;
  overflow: scroll;
  width: 100%;
}
.simpletable > caption {
  color: #f56b0d;
  text-align: left;
}
.simpletable > tbody > tr:nth-child(2n) {
  background-color: #f1f1f1;
}
.simpletable > tbody > tr > td,
.simpletable > thead > tr > th {
  padding: 1.2rem;
  text-align: left;
}
.simpletable > tbody > tr > td.simpletable--center,
.simpletable > thead > tr > th.simpletable--center {
  text-align: center;
}
.simpletable > tbody > tr > td.simpletable--right,
.simpletable > thead > tr > th.simpletable--right {
  text-align: right;
}
.simpletable > tbody > tr > td {
  border-bottom: 0.1rem solid #f1f1f1;
  color: #33322f;
}
.simpletable > tbody > tr > td .textlink--extern:after {
  background-position-y: 0.2rem;
}
.simpletable > tbody > tr > td .textlink--extern[href^="http"],
.simpletable > tbody > tr > td .textlink[href^="http"] {
  line-height: 1.8rem;
}
.simpletable td.active,
.simpletable > thead > tr > th {
  background-color: #f56b0d;
  color: #fff;
}
.simpletable > thead > tr > th {
  border-bottom: 0.2rem solid #f56b0d;
}
.simpletable > thead > tr > th .textlink,
.simpletable > thead > tr > th .textlink--extern {
  border-bottom: 1px solid #fff;
  color: #fff;
  font: inherit;
}
.simpletable > thead > tr > th .textlink--extern:after {
  background: url(../index/extern--fill-white.svg) no-repeat;
  background-position-y: 0.2rem;
}
.simpletable .textlink--extern {
  hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
}
.simpletable .textlink--extern:after {
  border-bottom: none;
  display: inline-block;
  height: 2.4rem;
  margin: 0 0.5rem;
  padding: 0;
  vertical-align: middle;
  width: 2rem;
}
.dropdown-navi {
  box-sizing: border-box;
  min-width: 100%;
  padding: 0;
}
.dropdown-navi__title {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  padding: 2rem;
}
.dropdown-navi__topline {
  color: #33322f;
  font-size: 1.6rem;
  padding-bottom: 0.3rem;
  width: 100%;
}
.dropdown-navi__headline {
  color: #f56b0d;
  font-size: 2.4rem;
  width: 100%;
}
.dropdown-navi__list {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  padding: 2rem;
}
.dropdown-navi__list > li {
  align-items: center;
  color: #33322f;
  display: flex;
}
.dropdown-navi__link {
  align-items: center;
  border-bottom: 1px solid #e4e4e4;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: space-between;
  padding: 1.2rem 1rem;
  text-decoration: none;
  width: 100%;
}
.dropdown-navi__link.disabled {
  pointer-events: none;
}
.dropdown-navi__link.disabled .dropdown-navi__link__text {
  color: #c2c2c1;
}
.dropdown-navi__link.disabled .dropdown-navi__link__icon .icon {
  fill: #c2c2c1;
}
.dropdown-navi__link:hover {
  background-color: #e4e4e4;
  color: #f56b0d;
}
.dropdown-navi__link:active {
  background-color: #e4e4e4;
}
.dropdown-navi__link:focus {
  outline: 0.2rem solid #80807e;
}
.dropdown-navi__link__text {
  color: #33322f;
  font-size: 1.6rem;
  line-height: 1.8rem;
  padding-right: 0.8rem;
}
.dropdown-navi__link__icon .icon {
  fill: #33322f;
  height: 1.6rem;
  width: 1.6rem;
}
.dropdown-navi.dropdown-navi--tongue .dropdown-navi__title {
  background-color: #f56b0d;
}
.dropdown-navi.dropdown-navi--tongue .dropdown-navi__topline {
  color: #dee9f2;
}
.dropdown-navi.dropdown-navi--tongue .dropdown-navi__headline {
  color: #fff;
}
.dropdown-navi.dropdown-navi--tongue .dropdown-navi__list {
  background-color: #f56b0d;
}
.dropdown-navi.dropdown-navi--tongue .dropdown-navi__list > li {
  color: #dee9f2;
}
.dropdown-navi.dropdown-navi--tongue .dropdown-navi__link,
.dropdown-navi.dropdown-navi--tongue
  .dropdown-navi__list
  > li:nth-child(odd):after {
  border-color: #4082b3;
}
.dropdown-navi.dropdown-navi--tongue .dropdown-navi__link:hover {
  background-color: #4082b3;
  color: #fff;
}
.dropdown-navi.dropdown-navi--tongue .dropdown-navi__link:active {
  background-color: #4082b3;
}
.dropdown-navi.dropdown-navi--tongue .dropdown-navi__link:focus {
  outline-color: #99bdd6;
}
.dropdown-navi.dropdown-navi--tongue
  .dropdown-navi__link.disabled
  .dropdown-navi__link__text {
  color: #6198c0;
}
.dropdown-navi.dropdown-navi--tongue
  .dropdown-navi__link.disabled
  .dropdown-navi__link__icon
  .icon {
  fill: #6198c0;
}
.dropdown-navi.dropdown-navi--tongue .dropdown-navi__link__text {
  color: #dee9f2;
}
.dropdown-navi.dropdown-navi--tongue .dropdown-navi__link__icon .icon {
  fill: #dee9f2;
}
@media screen and (min-width: 768px) {
  .dropdown-navi__headline {
    font-size: 2.6rem;
  }
  .dropdown-navi__legend {
    padding: 0.8rem 0;
  }
  .dropdown-navi .dropdown-navi__list--m-two-columns {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .dropdown-navi .dropdown-navi__list--m-two-columns > li {
    width: calc(50% - 4rem);
  }
  .dropdown-navi .dropdown-navi__list--m-two-columns > li:nth-child(odd) {
    margin-right: 4rem;
  }
  .dropdown-navi .dropdown-navi__list--m-two-columns > li:nth-child(odd):after {
    border-right: 1px solid #e4e4e4;
    content: "";
    height: 100%;
    position: relative;
    right: -4rem;
  }
  .dropdown-navi .dropdown-navi__list--m-two-columns > li:nth-child(2n) {
    margin-left: 4rem;
  }
}
.teaser-absatz {
  align-items: stretch;
  background: #fff;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  margin: 1.2rem 0;
  width: 100%;
}
.teaser-absatz,
.teaser-absatz__media {
  position: relative;
}
@media screen and (min-width: 768px) {
  .teaser-absatz {
    flex-wrap: nowrap;
  }
}
.teaser-absatz__teaserinfo {
  box-sizing: border-box;
  padding: 0.8rem 2rem 0 1.5rem;
}
@media screen and (min-width: 1024px) {
  .teaser-absatz__teaserinfo {
    padding: 2rem 2rem 0;
  }
}
.teaser-absatz__topline-container {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.teaser-absatz__topline-container .label--small {
  margin-bottom: 0.6rem;
  margin-right: 0.6rem;
}
.teaser-absatz__date {
  color: #80807e;
  font-size: 1.5rem;
  padding: 0.2rem 0 0.6rem;
}
.teaser-absatz__topline {
  color: #33322f;
  display: block;
  margin-top: 0;
  padding: 0.2rem 0;
  width: 100%;
}
.teaser-absatz__headline {
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  color: #f56b0d;
  display: -webkit-inline-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.teaser-absatz__shorttext-container {
  display: block;
  margin-top: 1.2rem;
}
@media screen and (max-width: 768px) {
  .teaser-absatz__shorttext-container {
    display: none;
  }
}
.teaser-absatz__content-wrapper {
  width: 100%;
}
.teaser-absatz__link:focus {
  outline: 0.2rem solid #80807e;
  outline-offset: -0.2rem;
}
@media screen and (max-width: 767px) {
  .teaser-absatz__shorttext {
    font-size: 1.8rem;
    line-height: 2.1rem;
    padding: 0 2rem;
  }
}
.teaser-absatz__link {
  text-decoration: none;
  width: 100%;
}
.teaser-absatz__teaserinfo .teaser-absatz__link {
  border: 2px solid transparent;
  display: block;
}
.teaser-absatz__teaserinfo .teaser-absatz__link img {
  outline: 0;
}
.list--maximized {
  padding: 0.8rem 2rem 0;
}
.list--maximized .teaser-absatz__headline,
.list--maximized .teaser-absatz__topline-container {
  padding-right: 2.4rem;
}
@media screen and (min-width: 768px) {
  .list--maximized {
    padding: 0 2rem;
  }
  .list--maximized .teaser-absatz__teaserheadline,
  .list--maximized + .teaser-absatz__shorttext-container {
    display: none;
  }
}
@media print {
  .teaser-absatz {
    display: none;
  }
}
.authorline {
  background-color: #fff;
}
.authorline__inner {
  align-items: center;
  width: 100%;
}
.authorline__img-wrapper,
.authorline__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.authorline__img-wrapper {
  flex-wrap: nowrap;
  margin: 0 0.5rem 0 -0.5rem;
}
.authorline__img {
  border-radius: 50%;
  height: 4rem;
  margin: 0 0.5rem;
  overflow: hidden;
  width: 4rem;
}
.authorline__author {
  color: #80807e;
  font-family: Thesis;
  font-size: 1.6rem;
  font-style: italic;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 0.2rem;
  padding: 0 1.2rem 0 0;
}
.authorline__link {
  color: inherit;
}
@media screen and (min-width: 768px) {
  .authorline .authorline__content {
    margin-left: 0;
  }
}
.backlink,
.backlink__link {
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
}
.backlink {
  background-color: #fff;
  box-sizing: border-box;
  font-size: 1.6rem;
  line-height: 1.8rem;
  padding: 0 2rem 3.2rem;
}
@media screen and (min-width: 768px) {
  .backlink {
    padding: 0 0 3.2rem;
  }
}
.backlink__img-wrapper {
  background-color: #fff;
  border-radius: 0.3rem;
  height: 4rem;
  margin: 0 1rem 0 0;
  padding: 0.3rem;
}
.backlink__img-wrapper img,
.backlink__img-wrapper svg {
  border-radius: 0.3rem;
  display: block;
  height: 4rem;
}
.backlink__text {
  color: #80807e;
}
.zitat {
  background-color: #fff;
  box-sizing: border-box;
  color: #33322f;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  font-size: 2rem;
  line-height: 2.8rem;
  padding: 0;
  position: relative;
}
.zitat__quote {
  padding: 0.8rem 0 0;
  position: relative;
}
.zitat__quote:before {
  color: #f56b0d;
  content: "”";
  display: block;
  font-size: 5.5rem;
  height: 0;
  position: absolute;
  top: 3rem;
  width: 2rem;
}
@media screen and (min-width: 768px) {
  .zitat__quote:before {
    right: 0;
  }
}
.zitat__text {
  box-sizing: border-box;
  padding: 0.8rem 0 0.8rem 3rem;
}
@media screen and (min-width: 768px) {
  .zitat__text {
    padding-left: 1.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .zitat__text {
    padding-left: 1.9rem;
  }
}
.zitat__author {
  font-size: 1.8rem;
  line-height: 1.125;
  padding: 0.8rem 0 0;
  text-align: right;
}
.zitat__author__name {
  color: #80807e;
}
.media-subline__info-text {
  padding: 1rem 0;
}
.media-subline__info-text--no-border {
  border: none;
  padding-bottom: 0;
}
.media-subline__info__copyright {
  color: #80807e;
}
.mediaplayer-subline {
  display: block;
  margin-bottom: 1.4rem;
}
.mediaplayer-subline__info {
  color: #80807e;
  padding: 1rem 2rem;
}
.mediaplayer-subline__title {
  color: #33322f;
}
.mediaplayer-subline__details,
.mediaplayer-subline__metainfo {
  padding-bottom: 1rem;
}
.mediaplayer-subline__details strong {
  color: #33322f;
}
.mediaplayer-subline__link {
  display: block;
}
@media screen and (min-width: 768px) {
  .mediaplayer-subline__info {
    padding: 1rem 0;
  }
}
.tabnav {
  padding: 0 0 2.4rem;
  scrollbar-width: none;
  transition: all 0.5s ease-out;
  width: 100%;
}
.tabnav::-webkit-scrollbar {
  background: transparent;
  width: 0;
}
.tabnav__list {
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 6rem;
  justify-content: flex-start;
  transition: all 1s ease-in-out;
}
.tabnav__list.swipe {
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
  overflow: -moz-scrollbars-none;
  overflow-y: hidden;
  -moz-scrollbar-width: none;
  scrollbar-width: none;
  white-space: nowrap;
}
.tabnav__list.swipe::-webkit-scrollbar {
  display: none;
}
.tabnav__item {
  display: inline-block;
  padding: 1.2rem 1.8rem 1.4rem 0.4rem;
  white-space: nowrap;
}
.index__embed {
  padding: 1rem 2rem;
}
.index__embed .external-embed--prerender-height {
  min-height: 200px;
}
.umschaltreiter--bsc {
  background: #f56b0d;
}
.umschaltreiter__list {
  display: flex;
  margin-bottom: 2rem;
  padding: 0.4rem 2rem;
}
.umschaltreiter__list > li:not(:last-child) {
  padding-right: 1rem;
}
@media screen and (min-width: 1024px) {
  .umschaltreiter__list {
    padding: 0.4rem 0;
  }
}
.legend {
  background: #fff;
  box-sizing: border-box;
  color: #33322f;
  display: block;
  font-size: 1.8rem;
  line-height: 3.2rem;
  width: 100%;
}
.legend__list {
  padding: 0;
}
.legend__color {
  border-radius: 0.3rem;
  display: inline-block;
  height: 2rem;
  margin-right: 0.8rem;
  min-width: 2rem;
}
.legend__label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.legend__list-item {
  align-items: center;
  display: flex;
}
@media screen and (min-width: 768px) {
  .legend .legend__list-item {
    display: inline-flex;
    width: 49%;
  }
}
.legend__item {
  overflow: hidden;
  text-indent: 3rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.legend .legend--symbol {
  position: relative;
}
.legend .legend--symbol:before {
  border-radius: 0.3rem;
  content: "";
  height: 2rem;
  left: -3rem;
  position: absolute;
  top: 0.2rem;
  width: 2rem;
}
.legend .legend--symbol--weather-level-color-6:before {
  background-color: #a74592;
}
.legend .legend--symbol--weather-level-color-5:before {
  background-color: #cb2e2a;
}
.legend .legend--symbol--weather-level-color-4:before {
  background-color: #851a4d;
}
.legend .legend--symbol--weather-level-color-3:before {
  background-color: #de611b;
}
.legend .legend--symbol--weather-level-color-2:before {
  background-color: #c9f;
}
.legend .legend--symbol--weather-level-color-1:before {
  background-color: #f4dd35;
}
.legend .legend--symbol--weather-level-color-0:before {
  background-color: #e1e0e0;
}
@media screen and (min-width: 768px) {
  .legend__item {
    display: inline-block;
    text-indent: 5.8rem;
    width: 49%;
  }
}
.infoheadline {
  color: #33322f;
  margin-bottom: 1.6rem;
}
.infoheadline--inpedendent {
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  .infoheadline--inpedendent {
    padding: 0;
  }
}
.color-coded-box {
  box-sizing: border-box;
  margin-bottom: 2.4rem;
  padding-left: 2rem;
}
.color-coded-box__border-container {
  border-left: 0.8rem solid;
}
.color-coded-box__text {
  color: #33322f;
}
@media screen and (min-width: 768px) {
  .color-coded-box {
    padding-left: 0;
  }
}
.embeddable-content {
  background-color: #fff;
}
.embeddable-content--fullpage__layout-content {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  padding-top: 0;
}
.embeddable-content--component {
  position: absolute;
}
.vueslider {
  padding-bottom: 2rem;
}
.vueslider .swiper-lazy-preloader {
  --swiper-preloader-color: #80807e;
}
.vueslider .swiper-slide.color--light {
  background-color: #fff;
}
.vueslider .swiper-slide.color--tongue {
  background-color: #f56b0d;
}
.vueslider .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: auto;
  top: 0;
}
.vueslider .swiper-pagination-16x9 {
  margin-top: calc(56.25% + 1rem);
}
.vueslider .swiper-pagination-1x1 {
  margin-top: calc(100% + 1.6rem);
}
@media screen and (min-width: 720px) {
  .vueslider .swiper-pagination-1x1 {
    margin-top: calc(56.25% + 1.6rem);
  }
}
.vueslider .swiper-pagination.color--tongue .swiper-pagination-bullet {
  background: #99bdd6;
}
.vueslider .swiper-pagination.color--tongue .swiper-pagination-bullet-active {
  background: #dee9f2;
}
.vueslider .swiper-tabactivation-wrapper {
  background: hsla(0, 0%, 100%, 0.7);
  display: flex;
  justify-content: center;
  left: -600rem;
  padding: calc(25.5% + 1rem) 0;
  position: absolute;
  width: 100%;
  z-index: 2;
}
.vueslider .swiper-tabactivation-wrapper.is-visible {
  left: 0;
}
.vueslider .swiper-img--wrapper {
  margin-bottom: 4.8rem;
  position: relative;
  width: 100%;
}
.vueslider .swiper-img--1x1 {
  padding-top: 100%;
}
@media screen and (min-width: 720px) {
  .vueslider .swiper-img--1x1 {
    padding-top: calc(56.25% + 1rem);
  }
}
.vueslider .swiper-img--16x9 {
  padding-top: 56.25%;
}
.vueslider .swiper-img--wrapper img {
  height: auto;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.vueslider .swiper-copyright {
  color: #80807e;
  margin-left: 0.8rem;
}
.vueslider .swiper-slide.color--tongue .swiper-copyright {
  color: #99bdd6;
}
.vueslider .swiper-button-next,
.vueslider .swiper-button-prev {
  margin-top: calc(28.125% - 3.5rem);
  top: 0;
}
.vueslider .swiper:focus .swiper-button-next:not(.swiper-button-disabled),
.vueslider .swiper:focus .swiper-button-prev:not(.swiper-button-disabled),
.vueslider .swiper:hover .swiper-button-next:not(.swiper-button-disabled),
.vueslider .swiper:hover .swiper-button-prev:not(.swiper-button-disabled) {
  opacity: 1;
}
.vueslider .mubu-container .swiper-description-text {
  margin: 0 0 10px;
}
.vueslider .swiper-description-text span > a {
  position: relative;
  z-index: 42;
}
.vueslider .swiper__textfield-link {
  border-bottom: none !important;
  bottom: 0;
  left: 0;
  position: absolute;
  text-decoration: none;
  top: 0;
  width: 100%;
}
.vueslider .image-btn {
  position: absolute;
  right: 0;
  top: 0;
}
.lazy-swiper--prerender-height-1x1 {
  background-color: #e4e4e4;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20%;
  margin-bottom: 2rem;
  padding-bottom: calc(100% + 17rem);
  position: relative;
}
@media screen and (min-width: 720px) {
  .lazy-swiper--prerender-height-1x1 {
    padding-bottom: calc(56.25% + 14.9rem);
  }
}
@media screen and (min-width: 1024px) {
  .lazy-swiper--prerender-height-1x1 {
    padding-bottom: calc(56.25% + 12.8rem);
  }
}
.lazy-swiper--prerender-height-16x9 {
  background-color: #e4e4e4;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20%;
  margin-bottom: 2rem;
  padding-bottom: calc(56.25% + 17rem);
  position: relative;
}
@media screen and (min-width: 720px) {
  .lazy-swiper--prerender-height-16x9 {
    padding-bottom: calc(56.25% + 14.9rem);
  }
}
@media screen and (min-width: 1024px) {
  .lazy-swiper--prerender-height-16x9 {
    padding-bottom: calc(56.25% + 12.8rem);
  }
}
.teaser-slider__wrapper {
  background: #fff;
}
.teaser-slider__wrapper .swiper-container {
  padding-bottom: 2rem;
}
.teaser-slider__wrapper .swiper-wrapper {
  position: inherit;
}
.teaser-slider__wrapper .swiper-lazy-preloader {
  --swiper-preloader-color: #80807e;
  background-color: #e4e4e4;
  position: absolute;
}
.teaser-slider__wrapper .swiper-lazy-loading {
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}
.teaser-slider__wrapper .swiper-pagination {
  bottom: 0 !important;
  margin-bottom: 1.6rem;
  margin-top: 2.4rem;
  position: inherit;
}
@media screen and (min-width: 1024px) {
  .teaser-slider__wrapper .swiper-pagination {
    margin-bottom: 2.4rem;
  }
}
.teaser-slider__wrapper .swiper-pagination-bullets {
  bottom: 0;
}
.teaser-slider__wrapper .swiper-button-next,
.teaser-slider__wrapper .swiper-button-prev {
  top: 15rem;
}
@media screen and (max-width: 768px) {
  .teaser-slider__wrapper .swiper-button-next,
  .teaser-slider__wrapper .swiper-button-prev {
    top: 18rem;
  }
}
@media screen and (max-width: 1024px) {
  .teaser-slider__wrapper .swiper-button-next,
  .teaser-slider__wrapper .swiper-button-prev {
    top: 36%;
  }
}
@media screen and (min-width: 1921px) {
  .teaser-slider__wrapper .swiper-button-next,
  .teaser-slider__wrapper .swiper-button-prev {
    top: 16rem;
  }
}
.teaser-slider__wrapper .swiper-button-prev {
  left: 1.4rem;
}
.teaser-slider__wrapper .swiper-button-next {
  right: 1.4rem;
}
.teaser-slider__wrapper
  .swiper:focus
  .swiper-button-next:not(.swiper-button-disabled),
.teaser-slider__wrapper
  .swiper:focus
  .swiper-button-prev:not(.swiper-button-disabled),
.teaser-slider__wrapper
  .swiper:hover
  .swiper-button-next:not(.swiper-button-disabled),
.teaser-slider__wrapper
  .swiper:hover
  .swiper-button-prev:not(.swiper-button-disabled) {
  opacity: 1;
}
.teaser-slider__wrapper .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  height: auto;
  justify-content: space-between;
}
.teaser-slider__wrapper--tongue {
  background: #f56b0d;
}
.teaser-slider__wrapper--tongue
  .swiper-pagination.color--tongue
  .swiper-pagination-bullet {
  background: #99bdd6;
}
.teaser-slider__wrapper--tongue
  .swiper-pagination.color--tongue
  .swiper-pagination-bullet-active {
  background: #00caff;
}
.teaser-slider--prerender-height-16x9 {
  background-color: #e4e4e4;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20%;
  min-height: 40rem;
  width: 100%;
}
@media screen and (min-width: 720px) {
  .teaser-slider--prerender-height-16x9 {
    min-height: 48rem;
  }
}
@media screen and (min-width: 1024px) {
  .teaser-slider--prerender-height-16x9 {
    min-height: 46rem;
  }
}
.header-app {
  font-size: 1.4rem;
  height: 100%;
  margin: auto;
  -webkit-transition: 0.4s ease-in-out;
  -moz-transition: 0.4s ease-in-out;
  -o-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.header-app__eventbox {
  height: 100%;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translate(-50%);
}
.header-app__eventbox.active {
  height: 100%;
  left: 0;
  position: static;
  top: 0;
  transform: none;
}
.header-app__link {
  align-items: center;
  color: #33322f;
  cursor: pointer;
  display: none;
  font-size: 1.8rem;
  height: 100%;
  opacity: 0;
}
.header-app__link.__breaking {
  color: #cd144a;
}
.header-app__link.color--unicorn {
  border-color: #33322f;
  color: #ff00ed;
}
.header-app__link.color--unicorn svg {
  fill: #ff00ed;
}
.header-app__link__text {
  padding-right: 0.6rem;
  white-space: nowrap;
}
.header-app .eilmeldung {
  padding: 2rem 2rem 4rem;
}
.header-app.active {
  z-index: 161;
}
.header-app__link {
  background: transparent;
  padding: 0 0.8rem;
}
.header-app__link:focus {
  outline: 0.2rem solid #80807e;
}
.header-fancy-v2.small .header-app__link,
.header.small .header-app__link {
  display: flex;
  opacity: 1;
}
.header-app__icon {
  fill: #33322f;
  align-items: center;
  display: flex;
}
.header-app__icon svg {
  height: 2.5rem;
}
.header-app__icon--embed-icon {
  height: 2.5rem;
  width: 2.5rem;
}
.icon-animated--pulse {
  margin: 0.1rem 0 0 0.1rem;
}
.header-app__icon .__breakingicon {
  fill: #cd144a;
}
.header-app__eventstage {
  background-color: rgba(0, 0, 0, 0.6);
  box-sizing: border-box;
  height: 100vh;
  left: 0;
  position: absolute;
  top: 5.2rem;
  width: 100%;
  z-index: 161;
}
:root .header-app__eventstage,
_::-webkit-full-page-media,
_:future {
  height: -webkit-fill-available;
}
.header-app__eventbox {
  max-height: 5.2rem;
}
.header-app__close {
  background-color: #fff;
  cursor: pointer;
  height: 3.6rem;
  position: absolute;
  right: 2.7rem;
  top: -4.4rem;
  width: 3.6rem;
  z-index: 2;
}
.header-app__close svg {
  fill: #33322f;
  width: 2.5rem;
}
.header-app__close:focus {
  outline: 0.2rem solid #c2c2c1;
}
.header-fancy-v2.small .header-app__close {
  right: 0.8rem;
  width: 8rem;
}
.header-app__content {
  background-color: #fff;
  max-height: calc(100% - 5.2rem);
  overflow: auto;
  position: relative;
}
.header-app-video {
  padding: 1rem 0;
}
.header-app-video__foot {
  margin: 1rem 2rem;
}
.header-app-video__topline {
  margin: 1rem 2rem;
  text-align: center;
}
.header-app-video__title {
  color: #33322f;
  margin: 1.2rem 0 0.6rem;
}
.header-app-video__info {
  color: #80807e;
  padding-bottom: 1rem;
}
.header-app-video__link {
  box-sizing: border-box;
  margin: 1.6rem 0;
  padding: 0 2rem;
}
.header-app-video__link.columns {
  float: none;
}
.header-app-video__date {
  color: #80807e;
  margin-top: 0.2rem;
}
.header-app-video .label {
  bottom: 0.2rem;
  display: inline;
  margin-right: 0.6rem;
  padding: 0.1rem 0.6rem;
  position: relative;
}
.header-app__video-player .player {
  height: 100%;
  width: 100%;
}
.header-app__video-player .player:after {
  content: "";
  display: block;
  padding-bottom: 56.25%;
}
@media screen and (min-width: 768px) {
  .header-app__eventstage {
    height: 100vh;
  }
  .header-app__content {
    max-height: calc(100vh - 8rem);
  }
}
@media screen and (min-width: 1024px) {
  .header-app__link {
    display: flex;
    max-height: 8rem;
    opacity: 1;
  }
  .header-app__icon svg {
    height: 3.8rem;
  }
  .header-app__close {
    height: 6.2rem;
    position: absolute;
    right: 1.9rem;
    top: -7rem;
    width: 10rem;
  }
  .header-app__close svg {
    width: 3.6rem;
  }
  .header-app__eventstage {
    top: 8rem;
  }
  .header-app__eventbox {
    max-height: 8rem;
  }
  .header-app-video__link {
    padding: 0;
  }
  .header-app .eilmeldung {
    padding: 2rem 4rem 4rem;
  }
}
@media screen and (min-width: 1104px) {
  .header-app__eventstage {
    width: 100%;
  }
  .header-app-video__link {
    padding: 0;
  }
  .header-app .eilmeldung {
    padding: 2rem 2rem 4rem;
  }
}
.external-embed {
  margin-bottom: 2.4rem;
}
.external-embed--twitter {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.external-embed--datawrapper iframe,
.external-embed--internal iframe,
.external-embed--livecenter iframe,
.external-embed--twentythreedegrees iframe,
.external-embed--twitter iframe,
.external-embed--vwd iframe,
.external-embed--wahl iframe {
  width: 100%;
}
.external-embed--wahl {
  margin-bottom: 1.6rem;
}
.external-embed--vwd {
  margin: 0;
}
.external-embed--livecenter {
  position: relative;
}
.external-embed--livecenter:not(.external-embed--loaded):after {
  background-color: #e4e4e4;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10%;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.external-embed--prerender-height {
  min-height: 500px;
}
@media screen and (max-width: 360px) {
  .external-embed--vwd {
    margin-top: 0;
  }
}
.external-embed--messengerpeople .form-label a {
  color: #f56b0d;
  text-decoration: underline;
  text-decoration-thickness: 0.1em;
  text-underline-offset: 0.2em;
}
.external-embed__disclaimer {
  padding: 1.2rem 0 0.8rem;
}
.external-embed__disclaimer,
.external-embed__placeholder {
  background-color: #fff;
  border-bottom: 0.1rem solid #e4e4e4;
  color: #80807e;
}
.external-embed__placeholder {
  border-top: 0.1rem solid #e4e4e4;
  padding: 0.2rem 0;
}
.external-embed__placeholder .form-label {
  color: #80807e;
}
.external-embed--facebook iframe {
  max-width: 550px;
  width: 100% !important;
}
.external-embed--facebook > div {
  width: 100%;
}
.external-embed--facebook > div > span {
  margin-bottom: 10px;
  width: 100% !important;
}
.external-embed--instagram iframe {
  margin-bottom: 10px !important;
}
.external-embed--tiktok .tiktok-embed {
  margin: 0 0 1rem;
}
.external-embed__youtube__embeddiv {
  height: 0;
  margin-bottom: 10px;
  padding-bottom: 56.25%;
  position: relative;
  width: 100%;
}
.external-embed__youtube__embeddiv__iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.copytext__embed--livecenter .external-embed--prerender-height {
  min-height: 260px;
}
@media print {
  .external-embed__disclaimer {
    display: none;
  }
}
.image-rights {
  background: #fff;
  color: #33322f;
  float: left;
  padding-bottom: 3.2rem;
  position: relative;
  width: 100%;
}
.image-rights__wrapper {
  color: #33322f;
  display: flex;
  flex-wrap: wrap;
}
.image-rights__info {
  display: block;
  float: left;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .image-rights {
    padding-bottom: 2.4rem;
  }
  .image-rights .imageRights__info {
    padding: 0.8rem 2rem 0;
  }
}
@media screen and (min-width: 1921px) {
  .image-rights .imageRights__info {
    padding: 1.2rem 2rem 0;
  }
}
.mappingbox {
  background: #f56b0d;
  color: #dee9f2;
  display: flex;
  padding: 1.6rem 2rem;
}
.mappingbox__icon-wrapper {
  padding-right: 2rem;
}
.mappingbox__icon {
  height: 3.6rem;
  width: 3.6rem;
}
.mappingbox__text {
  color: #fff;
}
.mappingbox__infotext {
  color: #dee9f2;
  padding-bottom: 1.6rem;
}
.mappingbox__foot {
  padding-top: 1.6rem;
}
.mappingbox .searchfield__input {
  background: #fff;
  color: #000;
  outline: none;
}
.mappingbox .searchfield__input:focus {
  outline: 0.1rem solid #fff;
  outline-offset: 0.2rem;
}
.mappingbox .icon--search {
  fill: #000;
}
.mappingbox .searchfield__submit:focus {
  background: #f56b0d;
}
.mappingbox .searchfield__submit:focus + .searchfield__icon .icon--search {
  fill: #fff;
}
@media screen and (min-width: 768px) {
  .mappingbox {
    padding-bottom: 2.4rem;
  }
  .mappingbox__location {
    flex: 1;
  }
  .mappingbox__foot {
    align-items: center;
    display: flex;
    justify-content: flex-end;
  }
  .mappingbox__infotext {
    flex: 1;
    padding: 0;
  }
  .mappingbox .searchfield {
    max-width: 33.333333333333336%;
  }
}
.frc-captcha,
.systeminfos__targetarea {
  outline: 0.1rem solid #33322f;
}
.systeminfos__targetarea {
  background: #fff;
  border: none;
  box-sizing: border-box;
  color: #80807e;
  font-size: 1.6rem;
  height: 10rem;
  line-height: 2.2rem;
  margin-bottom: 2.4rem;
  padding: 1.6rem 1.2rem;
  resize: vertical;
  width: 100%;
}
.systeminfos__button {
  margin-bottom: 2.4rem;
}
.systeminfos .systeminfos__targetarea:focus {
  outline: 0.1rem solid #33322f;
}
.form__wrapper {
  background: #f1f1f1;
  box-sizing: border-box;
  padding: 2rem 2.4rem;
}
.form__headline {
  color: #f56b0d;
}
.form__paragraph {
  color: #33322f;
}
.form__feedback-message {
  color: #33322f;
  margin-top: 2.4rem;
}
.form__feedback-message strong {
  display: block;
  margin-bottom: 1.6rem;
}
.form__feedback-message .textabsatz {
  background: inherit;
}
.form__feedback-message--error {
  color: #cd144a;
}
.form__infotext {
  margin: 4.8rem 0 2.4rem;
}
.form__infotext ol,
.form__infotext p,
.form__infotext ul {
  margin-bottom: 1.6rem;
}
.form__infotext ul {
  list-style: initial;
  padding-left: 1.6rem;
}
.form__infotext ol {
  list-style-type: decimal;
  padding-left: 1.6rem;
}
.searchapp {
  box-sizing: border-box;
}
.searchapp__header {
  background-color: #fff;
  overflow: hidden;
  padding: 15.8rem 2rem 0;
}
.searchapp__slider-container {
  background-color: #fff;
  overflow: hidden;
  padding: 0 2rem;
}
.searchapp__slider-container .swiper {
  padding-bottom: 2.4rem;
}
.searchapp__noresults {
  background-color: #fff;
  overflow: hidden;
  padding: 0 2rem;
}
.searchapp .type-container {
  background-color: #fff;
  margin-top: 1.6rem;
  overflow: hidden;
  padding: 2.4rem 2rem;
}
.searchapp .buttongroup {
  padding: 1.6rem 0;
}
.searchapp .buttongroup__container {
  background-color: #fff;
  overflow: hidden;
  padding: 0 2rem;
}
.searchapp .searchfield {
  margin-bottom: 2.4rem;
}
.searchapp .meldung__subhead {
  padding: 0;
}
@media screen and (min-width: 1024px) {
  .searchapp,
  .searchapp .buttongroup__container {
    padding: 0;
  }
}
.vue-datepicker {
  display: block;
  width: 100%;
  z-index: 99;
}
.vue-datepicker__range {
  align-items: center;
  background: #fff;
  color: #33322f;
  display: flex;
}
.vue-datepicker__text {
  font-size: 1.6rem;
  line-height: 2.1rem;
  padding: 0 0.8rem;
}
.vc-popover-content-wrapper {
  z-index: 42 !important;
}
.vc-pane-container {
  background: #fff;
  border-radius: 5px;
  color: #33322f;
}
.vc-title {
  color: #33322f !important;
}
.vc-popover-content-wrapper button {
  background: initial;
  color: inherit;
}
.vue-picture__image {
  opacity: 0;
  width: 100%;
}
.vue-picture__image.fade-in {
  opacity: 1;
  transition: opacity 0.8s;
}
.tabnav {
  box-sizing: border-box;
}
.tabnav.spacing-bottom {
  padding-bottom: 2rem;
}
.tabnav--prerender-height-text {
  height: 4.2rem;
}
.tabnav--prerender-height-logos {
  height: 6.6rem;
}
.tabnav__item.swiper-slide {
  width: auto;
}
.tabnav__item--text {
  font: inherit;
}
.tabnav__item--img {
  display: block;
  height: 3.2rem;
  width: 3.2rem;
}
.tabnav .swiper-nav-button--next,
.tabnav .swiper-nav-button--prev {
  background: transparent;
  border: 0;
  cursor: pointer;
  display: none;
  height: 4rem;
  position: absolute;
  top: 0;
  width: 4rem;
  z-index: 10;
}
.tabnav .swiper-nav-button--next.swiper-button-disabled,
.tabnav .swiper-nav-button--prev.swiper-button-disabled {
  display: none;
}
.tabnav .swiper-nav-button--next svg,
.tabnav .swiper-nav-button--prev svg {
  fill: #33322f;
  height: 2rem;
  pointer-events: none;
  width: 2rem;
}
.tabnav--logos .logo-btn {
  display: block;
  padding: 0.4rem;
}
.tabnav--logos .logo-btn:focus img {
  outline: none;
}
.tabnav--logos .swiper-nav-button--next,
.tabnav--logos .swiper-nav-button--prev {
  top: 1.2rem;
}
@media screen and (min-width: 1024px) {
  .tabnav {
    padding-left: 1rem;
  }
  .tabnav .swiper-nav-button--prev {
    background: -moz-linear-gradient(left, #fff 0, hsla(0, 0%, 100%, 0) 100%);
    background: -webkit-linear-gradient(left, #fff, hsla(0, 0%, 100%, 0));
    background: linear-gradient(90deg, #fff 0, hsla(0, 0%, 100%, 0));
    display: block;
    left: 0;
    right: auto;
    z-index: 1;
  }
  .tabnav .swiper-nav-button--prev svg {
    margin-left: -3rem;
  }
  .tabnav .swiper-nav-button--next {
    background: -moz-linear-gradient(
      left,
      hsla(0, 0%, 100%, 0) -20%,
      #fff 65%,
      #fff 100%
    );
    background: -webkit-linear-gradient(
      left,
      hsla(0, 0%, 100%, 0) -20%,
      #fff 65%,
      #fff
    );
    background: linear-gradient(
      90deg,
      hsla(0, 0%, 100%, 0) -20%,
      #fff 65%,
      #fff
    );
    display: block;
    left: auto;
    padding-left: 2rem;
    right: 0;
  }
  .tabnav .swiper-nav-button--next svg {
    margin-left: 0.5rem;
  }
}
.vue-comparison-slider.color--tongue {
  background-color: #f56b0d;
}
.vue-comparison-slider__slider {
  margin-bottom: 1.6rem;
}
.vue-comparison-slider.color--tongue .vue-comparison-slider__slider:focus {
  outline-color: #99bdd6;
}
.vue-comparison-slider__slider:focus {
  outline-color: #80807e;
}
.vue-comparison-slider__slider:focus
  .arrow-handle-control
  .icon--arrow-handle
  circle {
  fill: transparent;
}