@font-face {
  font-display: block;
  font-family: ardplayer;
  src: url("/fonts/154c8ba6423ebb4151e4-ardplayer.woff") format("woff");
}

@font-face {
  font-family: Thesis;
  src: url("/fonts/TheSansC5s-4_SemiLight.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Thesis;
  src: url("/fonts/TheSansC5s-6_SemiBold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: #0000;
  box-sizing: border-box;
  touch-action: none;
  -webkit-user-select: none;
  user-select: none;
}
.noUi-target {
  position: relative;
}
.noUi-base,
.noUi-connects {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: relative;
}
.noUi-connects {
  z-index: 0;
  overflow: hidden;
}
.noUi-connect,
.noUi-origin {
  transform-origin: 0 0;
  height: 100%;
  -webkit-transform-style: preserve-3d;
  transform-style: flat;
  will-change: transform;
  z-index: 1;
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
.noUi-horizontal .noUi-origin {
  height: 0;
}
.noUi-handle {
  backface-visibility: hidden;
  position: absolute;
}
.noUi-touch-area {
  width: 100%;
  height: 100%;
}
.noUi-horizontal {
  height: 18px;
}
.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  top: -6px;
  right: -17px;
}
.noUi-connects {
  border-radius: 3px;
}
.noUi-connect {
  background: #3fb8af;
}
.noUi-handle {
  cursor: pointer;
  background: #fff;
  border-radius: 50%;
}
.ardplayer {
  background-color: var(--ardplayer-color-darkest);
  box-sizing: border-box;
  color: var(--ardplayer-color-lightest);
  contain: style size;
  cursor: none;
  letter-spacing: normal;
  text-align: left;
  height: 100%;
  text-rendering: optimizeLegibility;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  font-family:
    TheSans C5s,
    Thesis,
    The Sans,
    TheSans,
    sans-serif,
    Helvetica Neue,
    Arial;
  line-height: 1;
  position: relative;
  overflow: hidden;
}
.ardplayer div,
.ardplayer h2,
.ardplayer span {
  font: inherit;
  vertical-align: initial;
  border: 0;
  outline: none;
  margin: 0;
  padding: 0;
  font-size: 100%;
  line-height: 1;
}
.ardplayer button {
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
}
.ardplayer {
  --ardplayer-darkmode-color-primary-live: #ff6670;
  --ardplayer-darkmode-color-primary-live-transparent-30: #ff6670b3;
  --ardplayer-darkmode-color-primary-live-transparent-50: #ff667080;
  --ardplayer-darkmode-color-primary-base: #2d91ff;
  --ardplayer-darkmode-color-primary-base-transparent-30: #2d91ffb3;
  --ardplayer-darkmode-color-primary-base-transparent-50: #2d91ff80;
  --ardplayer-darkmode-color-primary: var(
    --ardplayer-darkmode-color-primary-base
  );
  --ardplayer-darkmode-color-primary-transparent-30: var(
    --ardplayer-darkmode-color-primary-base-transparent-30
  );
  --ardplayer-darkmode-color-primary-transparent-50: var(
    --ardplayer-darkmode-color-primary-base-transparent-50
  );
  --ardplayer-darkmode-color-primary-dark-base: #001e50;
  --ardplayer-darkmode-color-primary-dark-base-transparent-30: #001e50b3;
  --ardplayer-darkmode-color-primary-dark-base-transparent-50: #001e5080;
  --ardplayer-darkmode-color-primary-dark-base-transparent-90: #001e501a;
  --ardplayer-darkmode-color-primary-dark-base-transparent-100: #001e5000;
  --ardplayer-darkmode-color-primary-dark-live: #48071e;
  --ardplayer-darkmode-color-primary-dark-live-transparent-30: #48071eb3;
  --ardplayer-darkmode-color-primary-dark-live-transparent-50: #48071e80;
  --ardplayer-darkmode-color-primary-dark-live-transparent-90: #48071e1a;
  --ardplayer-darkmode-color-primary-dark-live-transparent-100: #48071e00;
  --ardplayer-darkmode-color-primary-dark: var(
    --ardplayer-darkmode-color-primary-dark-base
  );
  --ardplayer-darkmode-color-primary-dark-transparent-30: var(
    --ardplayer-darkmode-color-primary-dark-base-transparent-30
  );
  --ardplayer-darkmode-color-primary-dark-transparent-50: var(
    --ardplayer-darkmode-color-primary-dark-base-transparent-50
  );
  --ardplayer-darkmode-color-primary-dark-transparent-90: var(
    --ardplayer-darkmode-color-primary-dark-base-transparent-90
  );
  --ardplayer-darkmode-color-primary-dark-transparent-100: var(
    --ardplayer-darkmode-color-primary-dark-base-transparent-100
  );
  --ardplayer-darkmode-color-secondary: #162034;
  --ardplayer-darkmode-color-secondary-transparent-30: #162034b3;
  --ardplayer-darkmode-color-secondary-transparent-50: #16203480;
  --ardplayer-darkmode-color-tertiary-base: #0071ee;
  --ardplayer-darkmode-color-tertiary: var(
    --ardplayer-darkmode-color-tertiary-base
  );
  --ardplayer-darkmode-color-tertiary-dark: #003480;
  --ardplayer-darkmode-color-darkest: #000;
  --ardplayer-darkmode-color-dark: #494949;
  --ardplayer-darkmode-color-light: #c4c4c4;
  --ardplayer-darkmode-color-light-transparent-90: #c4c4c41a;
  --ardplayer-darkmode-color-lightest: #fff;
  --ardplayer-darkmode-color-lightest-transparent-30: #ffffffb3;
  --ardplayer-darkmode-color-lightest-transparent-50: #ffffff80;
  --ardplayer-darkmode-color-ui-background-shim: linear-gradient(
    180deg,
    #000e29e6,
    #000e2900 20%,
    #000e2900 60%,
    #000e29cc
  );
  --ardplayer-darkmode-color-ui-background-shim-s: linear-gradient(
    180deg,
    #000e29e6,
    #000e2900 50%,
    #000e2900 0,
    #000e29cc
  );
  --ardplayer-lightmode-color-primary-live: #ff6670;
  --ardplayer-lightmode-color-primary-live-transparent-30: #ff6670b3;
  --ardplayer-lightmode-color-primary-live-transparent-50: #ff667080;
  --ardplayer-lightmode-color-primary-base: #2d91ff;
  --ardplayer-lightmode-color-primary-base-transparent-30: #2d91ffb3;
  --ardplayer-lightmode-color-primary-base-transparent-50: #2d91ff80;
  --ardplayer-lightmode-color-primary: var(
    --ardplayer-lightmode-color-primary-base
  );
  --ardplayer-lightmode-color-primary-transparent-30: var(
    --ardplayer-lightmode-color-primary-base-transparent-30
  );
  --ardplayer-lightmode-color-primary-transparent-50: var(
    --ardplayer-lightmode-color-primary-base-transparent-50
  );
  --ardplayer-lightmode-color-primary-dark-base: #fff;
  --ardplayer-lightmode-color-primary-dark-base-transparent-30: #ffffffb3;
  --ardplayer-lightmode-color-primary-dark-base-transparent-50: #ffffff80;
  --ardplayer-lightmode-color-primary-dark-base-transparent-90: #ffffff1a;
  --ardplayer-lightmode-color-primary-dark-base-transparent-100: #fff0;
  --ardplayer-lightmode-color-primary-dark-live: #48071e;
  --ardplayer-lightmode-color-primary-dark-live-transparent-30: #48071eb3;
  --ardplayer-lightmode-color-primary-dark-live-transparent-50: #48071e80;
  --ardplayer-lightmode-color-primary-dark-live-transparent-90: #48071e1a;
  --ardplayer-lightmode-color-primary-dark-live-transparent-100: #48071e00;
  --ardplayer-lightmode-color-primary-dark: var(
    --ardplayer-lightmode-color-primary-dark-base
  );
  --ardplayer-lightmode-color-primary-dark-transparent-30: var(
    --ardplayer-lightmode-color-primary-dark-base-transparent-30
  );
  --ardplayer-lightmode-color-primary-dark-transparent-50: var(
    --ardplayer-lightmode-color-primary-dark-base-transparent-50
  );
  --ardplayer-lightmode-color-primary-dark-transparent-90: var(
    --ardplayer-lightmode-color-primary-dark-base-transparent-90
  );
  --ardplayer-lightmode-color-primary-dark-transparent-100: var(
    --ardplayer-lightmode-color-primary-dark-base-transparent-100
  );
  --ardplayer-lightmode-color-secondary: #162034;
  --ardplayer-lightmode-color-secondary-transparent-30: #162034b3;
  --ardplayer-lightmode-color-secondary-transparent-50: #16203480;
  --ardplayer-lightmode-color-tertiary-base: #0071ee;
  --ardplayer-lightmode-color-tertiary: var(
    --ardplayer-lightmode-color-tertiary-base
  );
  --ardplayer-lightmode-color-tertiary-dark: #003480;
  --ardplayer-lightmode-color-darkest: #fff;
  --ardplayer-lightmode-color-dark: #c4c4c4;
  --ardplayer-lightmode-color-light: #494949;
  --ardplayer-lightmode-color-light-transparent-90: #4949491a;
  --ardplayer-lightmode-color-lightest: #000;
  --ardplayer-lightmode-color-lightest-transparent-30: #000000b3;
  --ardplayer-lightmode-color-lightest-transparent-50: #00000080;
  --ardplayer-lightmode-color-ui-background-shim: linear-gradient(
    180deg,
    #ffffffe6,
    #fff0 20%,
    #fff0 60%,
    #fffc
  );
  --ardplayer-lightmode-color-ui-background-shim-s: linear-gradient(
    180deg,
    #ffffffe6,
    #fff0 50%,
    #fff0 0,
    #fffc
  );
  --ardplayer-color-primary-live: var(--ardplayer-darkmode-color-primary-live);
  --ardplayer-color-primary-live-transparent-30: var(
    --ardplayer-darkmode-color-primary-live-transparent-30
  );
  --ardplayer-color-primary-live-transparent-50: var(
    --ardplayer-darkmode-color-primary-live-transparent-50
  );
  --ardplayer-color-primary-base: var(--ardplayer-darkmode-color-primary-base);
  --ardplayer-color-primary-base-transparent-30: var(
    --ardplayer-darkmode-color-primary-base-transparent-30
  );
  --ardplayer-color-primary-base-transparent-50: var(
    --ardplayer-darkmode-color-primary-base-transparent-50
  );
  --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: var(
    --ardplayer-darkmode-color-primary-dark-base
  );
  --ardplayer-color-primary-dark-base-transparent-30: var(
    --ardplayer-darkmode-color-primary-dark-base-transparent-30
  );
  --ardplayer-color-primary-dark-base-transparent-50: var(
    --ardplayer-darkmode-color-primary-dark-base-transparent-50
  );
  --ardplayer-color-primary-dark-base-transparent-90: var(
    --ardplayer-darkmode-color-primary-dark-base-transparent-90
  );
  --ardplayer-color-primary-dark-base-transparent-100: var(
    --ardplayer-darkmode-color-primary-dark-base-transparent-100
  );
  --ardplayer-color-primary-dark-live: var(
    --ardplayer-darkmode-color-primary-dark-live
  );
  --ardplayer-color-primary-dark-live-transparent-30: var(
    --ardplayer-darkmode-color-primary-dark-live-transparent-30
  );
  --ardplayer-color-primary-dark-live-transparent-50: var(
    --ardplayer-darkmode-color-primary-dark-live-transparent-50
  );
  --ardplayer-color-primary-dark-live-transparent-90: var(
    --ardplayer-darkmode-color-primary-dark-live-transparent-90
  );
  --ardplayer-color-primary-dark-live-transparent-100: var(
    --ardplayer-darkmode-color-primary-dark-live-transparent-100
  );
  --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: var(--ardplayer-darkmode-color-secondary);
  --ardplayer-color-secondary-transparent-30: var(
    --ardplayer-darkmode-color-secondary-transparent-30
  );
  --ardplayer-color-secondary-transparent-50: var(
    --ardplayer-darkmode-color-secondary-transparent-50
  );
  --ardplayer-color-tertiary-base: var(
    --ardplayer-darkmode-color-tertiary-base
  );
  --ardplayer-color-tertiary: var(--ardplayer-color-tertiary-base);
  --ardplayer-color-tertiary-dark: var(
    --ardplayer-darkmode-color-tertiary-dark
  );
  --ardplayer-color-darkest: var(--ardplayer-darkmode-color-darkest);
  --ardplayer-color-dark: var(--ardplayer-darkmode-color-dark);
  --ardplayer-color-light: var(--ardplayer-darkmode-color-light);
  --ardplayer-color-light-transparent-90: var(
    --ardplayer-darkmode-color-light-transparent-90
  );
  --ardplayer-color-lightest: var(--ardplayer-darkmode-color-lightest);
  --ardplayer-color-lightest-transparent-30: var(
    --ardplayer-darkmode-color-lightest-transparent-30
  );
  --ardplayer-color-lightest-transparent-50: var(
    --ardplayer-darkmode-color-lightest-transparent-50
  );
  --ardplayer-color-ui-background-shim: var(
    --ardplayer-darkmode-color-ui-background-shim
  );
  --ardplayer-color-ui-background-shim-s: var(
    --ardplayer-darkmode-color-ui-background-shim-s
  );
}
.ardplayer *,
.ardplayer :after,
.ardplayer :before {
  box-sizing: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: #0000;
}
.ardplayer ::-moz-focus-inner {
  border: none;
}
.ardplayer .ardplayer-hidden {
  display: none !important;
}
.ardplayer .ardplayer-background,
.ardplayer .ardplayer-viewport {
  width: 100%;
  height: 100%;
  position: absolute;
}
.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 {
  opacity: 1;
}
.ardplayer .ardplayer-viewport-addon-overlays {
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
}
.ardplayer .ardplayer-title-container {
  width: 100%;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}
.ardplayer .ardplayer-title-container .ardplayer-title-sizer {
  white-space: nowrap;
  width: 100%;
  display: flex;
}
.ardplayer .ardplayer-center {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: 164px;
  display: flex;
  top: calc(50% - 82px);
  overflow: hidden;
}
.ardplayer .ardplayer-center,
.ardplayer .ardplayer-footer {
  pointer-events: none;
  z-index: 1;
  width: 100%;
  position: absolute;
}
.ardplayer .ardplayer-footer {
  contain: layout style size;
  height: 100px;
  bottom: 0;
}
.ardplayer .ardplayer-footer .ardplayer-time-playhead,
.ardplayer .ardplayer-footer .ardplayer-time-seek-to-live {
  text-align: center;
  left: 30px;
}
.ardplayer .ardplayer-footer .ardplayer-time-remaining {
  text-align: center;
  right: 30px;
}
.ardplayer .ardplayer-footer .ardplayer-time-playhead,
.ardplayer .ardplayer-footer .ardplayer-time-remaining,
.ardplayer .ardplayer-footer .ardplayer-time-seek-to-live {
  width: 110px;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  position: absolute;
  bottom: 130px;
}
.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-m .ardplayer-header .ardplayer-addons-container {
  margin: 16px;
}
.ardplayer.ardplayer-s .ardplayer-header .ardplayer-addons-container {
  margin: 0;
}
.ardplayer .ardplayer-addons-container-big {
  text-align: right;
  width: 100%;
  padding-right: 102px;
  position: absolute;
  bottom: 35px;
}
.ardplayer .ardplayer-addons-container {
  flex-direction: row;
  justify-content: flex-end;
  display: inline-flex;
}
.ardplayer .ardplayer-addons-container button {
  z-index: 0;
}
.ardplayer .ardplayer-button-fullscreen-container {
  position: absolute;
  bottom: 35px;
  right: 30px;
}
.ardplayer .ardplayer-button-settings-small {
  display: none;
}
.ardplayer.ardplayer-m .ardplayer-addons-container-big,
.ardplayer.ardplayer-m .ardplayer-button-fullscreen-container,
.ardplayer.ardplayer-m .ardplayer-buttons-main {
  height: 48px;
}
.ardplayer.ardplayer-m .ardplayer-addons-container-big {
  padding-right: 48px;
  bottom: 15px;
}
.ardplayer.ardplayer-m .ardplayer-time-playhead,
.ardplayer.ardplayer-m .ardplayer-time-remaining,
.ardplayer.ardplayer-m .ardplayer-time-seek-to-live {
  width: 70px;
  font-size: 16px;
  line-height: 16px;
}
.ardplayer.ardplayer-m .ardplayer-time-playhead,
.ardplayer.ardplayer-m .ardplayer-time-seek-to-live {
  left: 18px;
}
.ardplayer.ardplayer-m .ardplayer-button-fullscreen-container {
  bottom: 15px;
  right: 16px;
}
.ardplayer.ardplayer-m .ardplayer-addons-container-big {
  padding-right: 64px;
}
.ardplayer.ardplayer-m .ardplayer-time-playhead,
.ardplayer.ardplayer-m .ardplayer-time-remaining,
.ardplayer.ardplayer-m .ardplayer-time-seek-to-live {
  bottom: 72px;
}
.ardplayer.ardplayer-m .ardplayer-time-remaining {
  right: 18px;
}
.ardplayer.ardplayer-s .ardplayer-addons-container-big {
  display: none;
}
.ardplayer.ardplayer-s .ardplayer-button-settings-small {
  display: inline-flex;
}
.ardplayer.ardplayer-s .ardplayer-time-playhead,
.ardplayer.ardplayer-s .ardplayer-time-remaining,
.ardplayer.ardplayer-s .ardplayer-time-seek-to-live {
  bottom: unset;
  left: unset;
  right: unset;
  text-align: left;
  width: auto;
  margin-top: 42px;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  display: inline-block;
  position: relative;
}
.ardplayer.ardplayer-s .ardplayer-time-playhead,
.ardplayer.ardplayer-s .ardplayer-time-seek-to-live {
  margin-left: 12px;
}
.ardplayer.ardplayer-s .ardplayer-time-playhead:after {
  content: "/";
  margin: 0 4px;
  display: inline-block;
}
.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-footer button {
  width: 40px;
  height: 40px;
}
.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;
  line-height: 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-buffering {
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@keyframes ball-scale-multiple {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  5% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: scale(1);
  }
}
.ardplayer .ardplayer-buffering .ardplayer-loader {
  position: absolute;
  top: 50%;
  left: 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 {
  background-color: var(--ardplayer-color-primary);
  opacity: 0;
  border-radius: 100%;
  width: 96px;
  height: 96px;
  margin: 0;
  animation: 1s linear infinite both ball-scale-multiple;
  position: absolute;
  top: 0;
  left: -48px;
}
@media (prefers-reduced-motion) {
  .ardplayer .ardplayer-buffering .ardplayer-ball-scale-multiple > div {
    animation-play-state: paused;
    animation-delay: -0.5s;
    display: none;
    animation-duration: 1s !important;
  }
  .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 {
  width: 75px;
  height: 75px;
  left: -37.5px;
}
.ardplayer .ardplayer-seeking-indicator {
  backface-visibility: hidden;
  pointer-events: none;
  will-change: opacity, transform;
  display: none;
  position: absolute;
  inset: 0;
  transform: translate(0) scale(1);
}
.ardplayer .ardplayer-seeking-indicator div {
  position: absolute;
  inset: 0;
}
.ardplayer .ardplayer-seeking-indicator div div {
  background-color: var(--ardplayer-color-lightest-transparent-50);
  border-radius: 100%;
  width: 50%;
  height: 0;
  padding-top: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ardplayer .ardplayer-seeking-indicator div div div {
  width: 75%;
  padding-top: 75%;
}
.ardplayer .ardplayer-playstate-zoom {
  background-color: var(--ardplayer-color-primary-transparent-30);
  color: var(--ardplayer-color-lightest);
  opacity: 0;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  visibility: hidden;
  border-radius: 100%;
  width: 72px;
  height: 72px;
  font-size: 72px;
  animation-duration: 0.6s;
  animation-fill-mode: none;
  display: none;
  position: absolute;
  top: calc(50% - 36px);
  left: calc(50% - 36px);
}
.ardplayer.ardplayer-m .ardplayer-playstate-zoom {
  width: 48px;
  height: 48px;
  font-size: 48px;
  top: calc(50% - 24px);
  left: calc(50% - 24px);
}
.ardplayer {
  --video-zoom-width: 30px;
}
.ardplayer.ardplayer-m {
  --video-zoom-width: 16px;
}
.ardplayer.ardplayer-s {
  --video-zoom-width: 12px;
}
.ardplayer .ardplayer-video-zoom {
  border-color: var(--ardplayer-color-lightest-transparent-50);
  pointer-events: none;
  border-style: solid;
  animation-duration: 0.4s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
  animation-direction: normal;
  display: none;
  position: absolute;
  inset: 0;
}
@media (prefers-reduced-motion) {
  .ardplayer .ardplayer-video-zoom {
    animation: none;
    display: none;
  }
}
.ardplayer .ardplayer-title-container .ardplayer-title-sizer {
  opacity: 0;
  visibility: hidden;
  transition: all 0.6s ease-in-out;
}
.ardplayer .ardplayer-footer .ardplayer-buttons-main {
  display: block;
}
.ardplayer .ardplayer-center .ardplayer-buttons-main,
.ardplayer.ardplayer-s .ardplayer-footer .ardplayer-buttons-main {
  display: none;
}
.ardplayer.ardplayer-s .ardplayer-center .ardplayer-buttons-main {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}
.ardplayer.ardplayer-s .ardplayer-center button {
  width: 48px;
  height: 48px;
  margin: 0;
}
.ardplayer.ardplayer-s .ardplayer-center button,
.ardplayer.ardplayer-s .ardplayer-center button:after,
.ardplayer.ardplayer-s .ardplayer-center button:before {
  font-size: 48px;
  line-height: 48px;
}
.ardplayer.ardplayer-s .ardplayer-center button.ardplayer-button-big {
  width: 60px;
  height: 60px;
}
.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;
  line-height: 60px;
}
.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-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 {
  position: absolute;
  bottom: 35px;
  left: 30px;
}
.ardplayer.ardplayer-m .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 {
  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-footer button,
.ardplayer.ardplayer-show-controls .ardplayer-header button {
  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-footer,
.ardplayer.ardplayer-show-controls .ardplayer-header,
.ardplayer.ardplayer-show-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-posterframe {
  display: block;
}
.ardplayer .ardplayer-controlbar-hover,
.ardplayer .ardplayer-controlbar-seek-indicator {
  display: none;
}
.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),
.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^="\-"]):focus,
.ardplayer:not(.ardplayer-show-focus-outlines)
  [tabindex]:not([tabindex^="\-"]):focus-visible,
.ardplayer:not(.ardplayer-show-focus-outlines) button:focus,
.ardplayer:not(.ardplayer-show-focus-outlines) button:focus-visible {
  outline: none;
}
@media (prefers-reduced-motion) {
  .ardplayer *,
  .ardplayer :before,
  .ardplayer.ardplayer *,
  .ardplayer.ardplayer :before {
    transition-duration: 1ms !important;
    animation-duration: 1ms !important;
  }
}
.ardplayer .ardplayer-footer .ardplayer-time-seek-to-live {
  -webkit-user-select: none;
  user-select: none;
  will-change: transform;
  font-weight: 700;
  transition: transform 0.2s ease-in-out;
  display: none;
  overflow: clip;
}
.ardplayer .ardplayer-footer .ardplayer-time-seek-to-live:after {
  margin-right: 5px;
  display: inline-block;
  transform: scale(2.5) !important;
}
.ardplayer
  .ardplayer-footer
  .ardplayer-time-seek-to-live:not(.ardplayer-button-disabled) {
  cursor: pointer;
}
@media (hover: hover), (pointer: fine) {
  .ardplayer
    .ardplayer-footer
    .ardplayer-time-seek-to-live:not(.ardplayer-button-disabled):hover {
    transform: scale(1.1);
  }
}
.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 {
  height: 0;
  bottom: 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 {
  will-change: transform;
  transition: transform 0.2s ease-in-out;
}
.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
  .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:not(
    .ardplayer-state-audio-app
  )
  .ardplayer-button-jumpbackward,
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(
    .ardplayer-state-audio-app
  )
  .ardplayer-button-jumpforward,
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(
    .ardplayer-state-audio-app
  )
  .ardplayer-button-nextclip,
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(
    .ardplayer-state-audio-app
  )
  .ardplayer-button-prevclip {
  color: #9d9d9d99;
  cursor: default !important;
  pointer-events: none !important;
}
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(
    .ardplayer-state-audio-app
  )
  .ardplayer-button-jumpbackward:hover:after,
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(
    .ardplayer-state-audio-app
  )
  .ardplayer-button-jumpbackward:hover:before,
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(
    .ardplayer-state-audio-app
  )
  .ardplayer-button-jumpforward:hover:after,
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(
    .ardplayer-state-audio-app
  )
  .ardplayer-button-jumpforward:hover:before,
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(
    .ardplayer-state-audio-app
  )
  .ardplayer-button-nextclip:hover:after,
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(
    .ardplayer-state-audio-app
  )
  .ardplayer-button-nextclip:hover:before,
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(
    .ardplayer-state-audio-app
  )
  .ardplayer-button-prevclip:hover:after,
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(
    .ardplayer-state-audio-app
  )
  .ardplayer-button-prevclip:hover:before {
  transform: none;
}
.ardplayer.ardplayer-state-audio .ardplayer-addons-container-big {
  pointer-events: all;
  display: none;
}
.ardplayer.ardplayer-state-audio .ardplayer-center,
.ardplayer.ardplayer-state-audio .ardplayer-footer {
  height: 80px;
  bottom: 0;
  top: unset;
}
.ardplayer.ardplayer-state-audio .ardplayer-center button,
.ardplayer.ardplayer-state-audio .ardplayer-footer button {
  width: 48px;
  height: 48px;
}
.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;
  line-height: 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;
  visibility: hidden;
  z-index: 2;
  width: auto;
  margin-right: -15px;
  padding: 0 15px 0 0;
  transition: visibility 0.6s ease-in-out;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(270deg, #0000, #000 15px);
  mask-image: linear-gradient(270deg, #0000, #000 15px);
}
.ardplayer.ardplayer-state-audio
  .ardplayer-footer
  .ardplayer-addons-container-big
  .ardplayer-addons-container {
  background: var(--ardplayer-color-primary-dark);
  will-change: visibility;
  padding-left: 20px;
  transition:
    opacity 0.6s ease-in-out,
    transform 0.6s ease-in-out,
    visibility 0.6s ease-in-out;
  display: flex;
  transform: translate(100%);
  -webkit-mask-image: linear-gradient(90deg, #0000, #000 20px);
  mask-image: linear-gradient(90deg, #0000, #000 20px);
}
.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-seek-indicator,
.ardplayer.ardplayer-state-audio .ardplayer-controlbar .noUi-connect {
  border-radius: 2px;
  height: 4px;
  bottom: 8px;
}
.ardplayer.ardplayer-state-audio .ardplayer-bottom-sheet-container {
  position: fixed;
}
.ardplayer.ardplayer-state-audio
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-background {
  background-color: #0000;
  transition: background-color 0.5s;
}
.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-seek-indicator,
.ardplayer.ardplayer-state-audio.ardplayer-m
  .ardplayer-controlbar
  .noUi-connects {
  border-radius: 2px;
  height: 4px;
  bottom: 8px;
}
.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-seek-indicator,
.ardplayer.ardplayer-state-audio.ardplayer-s
  .ardplayer-controlbar
  .noUi-connects {
  border-radius: 2px;
  height: 4px;
  bottom: 8px;
}
.ardplayer.ardplayer-state-audio-inline {
  background-color: var(--ardplayer-color-primary-dark);
  min-height: 184px;
}
.ardplayer.ardplayer-state-audio-inline .ardplayer-posterbackdrop {
  width: 72px;
  height: 72px;
  margin: 10px;
}
.ardplayer.ardplayer-state-audio-inline .ardplayer-buffering {
  width: 72px;
  height: 72px;
  top: 10px;
  left: 10px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-state-audio-forced-video {
  min-height: 102px;
}
.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 {
  top: calc(50% - 46px);
  left: 50%;
  transform: translate(-50%, -50%);
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-state-audio-forced-video
  .ardplayer-posterbackdrop {
  width: auto;
  height: auto;
  margin: 0;
  inset: 0;
  -webkit-mask-image: linear-gradient(0deg, #0000 46px, #000 92px);
  mask-image: linear-gradient(0deg, #0000 46px, #000 92px);
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-state-audio-forced-video:not(
    .ardplayer-reveal-settings
  )
  .ardplayer-footer {
  z-index: unset;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-state-audio-forced-video
  .ardplayer-footer:before {
  background-color: var(--ardplayer-color-primary-dark);
  content: "";
  width: 100%;
  height: 120%;
  display: block;
  position: absolute;
  bottom: 0;
  -webkit-mask-image: linear-gradient(#0000, #000 45%);
  mask-image: linear-gradient(#0000, #000 45%);
}
.ardplayer.ardplayer-state-audio-inline .ardplayer-controlbar {
  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 {
  justify-content: start;
  height: auto;
  bottom: 10px;
  left: 10px;
}
.ardplayer.ardplayer-state-audio-inline
  .ardplayer-center
  .ardplayer-buttons-main {
  justify-content: start;
}
.ardplayer.ardplayer-state-audio-inline .ardplayer-footer {
  z-index: 1;
  height: 92px;
}
.ardplayer.ardplayer-state-audio-inline
  .ardplayer-footer
  .ardplayer-time-playhead,
.ardplayer.ardplayer-state-audio-inline
  .ardplayer-footer
  .ardplayer-time-remaining {
  width: 70px;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  bottom: 72px;
}
.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 {
  min-width: 138px;
  display: block;
  bottom: 10px;
  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: inline-flex;
}
.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 {
  font-size: 16px;
  font-weight: 500;
  bottom: 72px;
}
.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 {
  height: 48px;
  bottom: 10px;
  left: unset;
  right: 128px;
}
.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, #0000 42px, #000 84px);
  mask-image: linear-gradient(0deg, #0000 42px, #000 84px);
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-s .ardplayer-controlbar {
  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-footer button {
  width: 40px;
  height: 40px;
}
.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;
  line-height: 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 {
  height: 40px;
  display: block;
  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 {
  color: var(--ardplayer-color-lightest);
  margin: unset;
  text-align: center;
  width: 70px;
  position: absolute;
  bottom: 64px;
}
.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-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-xxs
  .ardplayer-center
  .ardplayer-buttons-main {
  max-width: 40px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-xxs
  .ardplayer-footer
  .ardplayer-controlbar {
  left: 10px;
  right: 10px;
}
.ardplayer.ardplayer-state-audio-inline.ardplayer-xxs.ardplayer-state-audio-forced-video
  .ardplayer-footer
  .ardplayer-controlbar {
  bottom: 52px;
}
.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-button-replay {
  display: none;
}
.ardplayer button {
  color: var(--ardplayer-color-lightest);
  cursor: pointer;
  pointer-events: all;
  text-shadow: none;
  -webkit-user-select: none;
  user-select: none;
  will-change: color, background;
  background: 0 0;
  border: none;
  outline-width: 0;
  flex-shrink: 0;
  margin: 0;
  padding: 0;
  font-size: 48px;
  line-height: 48px;
  display: inline-flex;
}

.ardplayer button.ardplayer-icon {
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.ardplayer button:after,
.ardplayer button:before {
  will-change: transform;
  width: auto;
  height: auto;
  font-size: 48px;
  line-height: 48px;
  transition: transform 0.2s ease-in-out;
  display: block;
}
@media (hover: hover), (pointer: fine) {
  .ardplayer button:hover:after,
  .ardplayer button:hover:before {
    transform: scale(1.2);
  }
}
.ardplayer button.ardplayer-button-disabled,
.ardplayer button[tabindex="-1"] {
  color: #9d9d9d99 !important;
  cursor: default !important;
  border-color: #9d9d9d99 !important;
}
.ardplayer button.ardplayer-button-disabled:hover:after,
.ardplayer button.ardplayer-button-disabled:hover:before,
.ardplayer button[tabindex="-1"]:hover:after,
.ardplayer button[tabindex="-1"]:hover:before {
  transform: none;
}
.ardplayer button.ardplayer-icon-play {
  animation-name: pulsePause;
  animation-duration: 0.4s;
}
@media (hover: hover), (pointer: fine) {
  .ardplayer .ardplayer-bottom-sheet-container button:hover,
  .ardplayer .ardplayer-button-big button:hover,
  .ardplayer .ardplayer-center button:hover,
  .ardplayer .ardplayer-header button:hover,
  .ardplayer button.ardplayer-button-big:hover {
    color: var(--ardplayer-color-primary);
  }
}
.ardplayer .ardplayer-button-big button,
.ardplayer button.ardplayer-button-big {
  width: 72px;
  height: 72px;
}
.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;
  line-height: 72px;
}
.ardplayer button.ardplayer-button-big.ardplayer-button-hero {
  background: var(--ardplayer-color-tertiary);
  border-radius: 50%;
  margin: 10px;
  color: var(--ardplayer-color-lightest) !important;
}
.ardplayer button.ardplayer-button-big.ardplayer-button-hero:hover {
  background: var(--ardplayer-color-primary);
}
.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 {
  width: 48px;
  height: 48px;
}
.ardplayer.ardplayer-m button,
.ardplayer.ardplayer-m button:after,
.ardplayer.ardplayer-m button:before {
  font-size: 48px;
  line-height: 48px;
}
.ardplayer.ardplayer-m .ardplayer-button-big button,
.ardplayer.ardplayer-m button.ardplayer-button-big {
  width: 48px;
  height: 48px;
  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 {
  font-size: 48px;
  line-height: 48px;
}
.ardplayer.ardplayer-s button {
  width: 40px;
  height: 40px;
}
.ardplayer.ardplayer-s button,
.ardplayer.ardplayer-s button:after,
.ardplayer.ardplayer-s button:before {
  font-size: 40px;
  line-height: 40px;
}
.ardplayer.ardplayer-s .ardplayer-button-big button,
.ardplayer.ardplayer-s button.ardplayer-button-big {
  width: 40px;
  height: 40px;
}
.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-button-big,
.ardplayer.ardplayer-s button.ardplayer-button-big:after,
.ardplayer.ardplayer-s button.ardplayer-button-big:before {
  font-size: 40px;
  line-height: 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 {
  pointer-events: none;
  position: absolute;
  bottom: 130px;
  left: 140px;
  right: 140px;
}
.ardplayer .ardplayer-controlbar .noUi-target {
  pointer-events: none;
  height: 20px;
}
.ardplayer .ardplayer-controlbar .noUi-horizontal .noUi-handle {
  background: var(--ardplayer-color-primary);
  width: 18px;
  height: 18px;
  transition: all 0.2s ease-in-out;
  top: 1px;
  left: auto;
  right: -9px;
}
.ardplayer .ardplayer-controlbar .ardplayer-controlbar-buffer,
.ardplayer .ardplayer-controlbar .ardplayer-controlbar-seek-indicator,
.ardplayer .ardplayer-controlbar .noUi-connects,
.ardplayer .ardplayer-controlbar .noUi-target:before {
  border-radius: 2px;
  width: 100%;
  height: 4px;
  transition: transform 0.2s ease-in-out;
  position: absolute;
  bottom: 8px;
}
.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);
  pointer-events: none;
  text-align: center;
  white-space: nowrap;
  z-index: 2;
  border-radius: 5px;
  padding: 8px 16px;
  font-size: 20px;
  font-weight: 700;
  position: absolute;
  bottom: 45px;
  overflow: hidden;
}
.ardplayer.ardplayer-show-controls .ardplayer-controlbar {
  pointer-events: all;
}
.ardplayer.ardplayer-show-controls .ardplayer-controlbar .noUi-connects,
.ardplayer.ardplayer-show-controls .ardplayer-controlbar .noUi-target {
  pointer-events: auto;
}
.ardplayer.ardplayer-m .ardplayer-controlbar-buffer,
.ardplayer.ardplayer-m .ardplayer-controlbar-seek-indicator,
.ardplayer.ardplayer-m .noUi-connects,
.ardplayer.ardplayer-m .noUi-target:before {
  border-radius: 2px;
  height: 4px;
  bottom: 8px;
}
.ardplayer.ardplayer-m .noUi-connects .noUi-connect {
  border-radius: 2px;
}
.ardplayer.ardplayer-m .ardplayer-controlbar {
  bottom: 70px;
  left: 86px;
  right: 86px;
}
.ardplayer.ardplayer-m .ardplayer-controlbar .ardplayer-controlbar-hover {
  padding: 6px 12px;
  font-size: 16px;
  bottom: 38px;
}
.ardplayer.ardplayer-m .noUi-horizontal .noUi-handle {
  width: 14px;
  height: 14px;
  top: 3px;
  right: -7px;
}
.ardplayer.ardplayer-s .ardplayer-controlbar {
  bottom: 10px;
  left: 12px;
  right: 86px;
}
.ardplayer.ardplayer-s .ardplayer-controlbar .ardplayer-controlbar-hover {
  font-size: 16px;
  bottom: 30px;
}
.ardplayer.ardplayer-s .ardplayer-controlbar .noUi-horizontal .noUi-handle {
  width: 14px;
  height: 14px;
  top: 3px;
  right: -7px;
}
.ardplayer.ardplayer-s .ardplayer-controlbar .ardplayer-controlbar-buffer,
.ardplayer.ardplayer-s
  .ardplayer-controlbar
  .ardplayer-controlbar-seek-indicator,
.ardplayer.ardplayer-s .ardplayer-controlbar .noUi-connects,
.ardplayer.ardplayer-s .ardplayer-controlbar .noUi-target:before {
  border-radius: 2px;
  height: 4px;
  bottom: 8px;
}
.ardplayer.ardplayer-s .ardplayer-controlbar .noUi-connects .noUi-connect {
  border-radius: 2px;
}
.ardplayer .ardplayer-button-volume {
  pointer-events: all;
  display: inline-flex;
  position: relative;
}
.ardplayer .ardplayer-volume-fader {
  opacity: 0;
  visibility: hidden;
  transition:
    visibility 0.6s ease-in-out,
    opacity 0.6s ease-in-out;
  position: absolute;
  top: -7px;
  left: 72px;
}
.ardplayer .ardplayer-volume-fader .noUi-base {
  pointer-events: auto;
  height: 72px;
}
.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 {
  width: 20px;
  height: 20px;
  top: 26px;
  right: -10px;
}
.ardplayer .ardplayer-volume-fader .ardplayer-volume-fader-input {
  width: 125px;
  height: 6px;
}
.ardplayer .ardplayer-volume-fader .slider-wrapper {
  padding: 0;
  display: inline-block;
}
.ardplayer.ardplayer-m .ardplayer-volume-fader,
.ardplayer.ardplayer-state-audio .ardplayer-volume-fader {
  top: -10px;
  left: 48px;
}
.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 {
  width: 10px;
  height: 10px;
  top: 19px;
  right: -5px;
}
.ardplayer.ardplayer-m .ardplayer-volume-fader .ardplayer-volume-fader-input,
.ardplayer.ardplayer-state-audio
  .ardplayer-volume-fader
  .ardplayer-volume-fader-input {
  width: 60px;
  height: 3px;
}
.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 {
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}
.ardplayer .ardplayer-posterframe {
  background-color: var(--ardplayer-color-secondary);
  cursor: default;
  display: none;
}
.ardplayer .ardplayer-posterframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.ardplayer .ardplayer-posterframe .ardplayer-posterframe-buttons {
  text-align: center;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.ardplayer .ardplayer-posterframe div.ardplayer-posterframe-chips {
  flex-direction: row;
  gap: 5px;
  display: flex;
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.ardplayer.ardplayer-posterframe-transparent {
  background-color: #0000;
}
.ardplayer.ardplayer-posterframe-transparent .ardplayer-posterbackdrop,
.ardplayer.ardplayer-posterframe-transparent .ardplayer-posterframe {
  background: 0 0;
}
@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-bottom-sheet-container {
  color: var(--ardplayer-color-lightest);
  overscroll-behavior: contain;
  pointer-events: none;
  visibility: hidden;
  z-index: 4;
  font-size: 20px;
  transition: visibility 0.5s ease-out;
  position: absolute;
  inset: 0;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-background {
  background-color: #0000;
  width: 100%;
  height: 100%;
  transition: background-color 0.5s ease-out;
  position: absolute;
  top: 0;
  left: 0;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-stage {
  background-color: var(--ardplayer-color-primary-dark);
  flex-direction: column;
  min-height: 240px;
  max-height: 100%;
  padding: 10px 5%;
  animation: 0.5s cubic-bezier(0, 0, 0.01, 1) ardplayer-modal-conceal-stage;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  transform: translateY(100%);
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-topbar {
  z-index: 1;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  animation: 0.25s cubic-bezier(0, 0, 0.01, 1) forwards
    ardplayer-modal-conceal-content;
  display: flex;
}
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-grow: 1;
  padding: 5px 0;
  font-size: 26px;
  overflow: hidden;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper {
  overscroll-behavior: contain;
  scrollbar-color: var(--ardplayer-color-lightest)
    var(--ardplayer-color-light-transparent-90);
  scrollbar-width: thin;
  margin: -20px 5.55556% -15px;
  animation: 0.25s cubic-bezier(0, 0, 0.01, 1) ardplayer-modal-conceal-content;
  position: relative;
  overflow-y: auto;
}
.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: "";
  height: 15px;
  display: block;
  position: sticky;
  left: 0;
  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-input-wrapper
  input:focus-visible {
  border: none !important;
  outline: none !important;
}
.ardplayer.ardplayer-bs-break.ardplayer-bs-xl
  .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 {
  font-size: 20px;
}
.ardplayer.ardplayer-m:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-topbar
  button,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-topbar
  button {
  width: 48px;
  height: 48px;
  font-size: 48px;
  line-height: 48px;
}
.ardplayer.ardplayer-m:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-stage,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-stage {
  min-height: 140px;
  padding: 10px 5%;
}
.ardplayer.ardplayer-m:not(.ardplayer-bs-break)
  .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-m:not(.ardplayer-bs-break)
  .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 {
  margin-left: 5.55556%;
  margin-right: 5.55556%;
  font-size: 16px;
}
.ardplayer.ardplayer-m:not(.ardplayer-bs-break)
  .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: 80px;
}
.ardplayer.ardplayer-s:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-stage {
  padding: 10px;
  top: 0;
}
.ardplayer.ardplayer-s:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-topbar {
  margin-bottom: 0;
}
.ardplayer.ardplayer-s:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-topbar
  .ardplayer-bottom-sheet-title:first-child {
  margin-left: 10px;
}
.ardplayer.ardplayer-s:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper {
  margin-top: 0;
  margin-left: 16px;
  margin-right: 16px;
  font-size: 16px;
}
.ardplayer.ardplayer-s:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper:before {
  display: none;
}
.ardplayer.ardplayer-s:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper:after {
  bottom: 5px;
}
.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-s:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-title {
  font-size: 20px;
}
.ardplayer.ardplayer-xs:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-stage {
  padding: 0;
}
.ardplayer.ardplayer-xs:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper {
  margin-left: 16px;
  margin-right: 16px;
}
.ardplayer.ardplayer-xs:not(.ardplayer-bs-break)
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper:after {
  bottom: 12px;
}
.ardplayer .ardplayer-untertitel {
  pointer-events: none;
  width: 100%;
  height: 56.25%;
  font-family:
    TheSans C5s,
    Thesis,
    The Sans,
    TheSans,
    sans-serif,
    Helvetica Neue,
    Arial;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ardplayer .ardplayer-cast-label {
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
  background: #00000080;
  border-radius: 25px;
  max-width: 80%;
  padding: 0 25px;
  line-height: 50px;
  display: inline-block;
  position: absolute;
  top: 15px;
  left: 50%;
  overflow: hidden;
  transform: translate(-50%);
}
.ardplayer.ardplayer-s .ardplayer-cast-label {
  top: 40px;
}
.ardplayer.ardplayer-state-audio .ardplayer-cast-label {
  display: none;
}

.ardplayer-icon,
.ardplayer-icon-after {
  line-height: 1;
}
.ardplayer-icon-after:after,
.ardplayer-icon:before {
  vertical-align: top;
  font-style: normal;
  font-family: ardplayer !important;
  font-weight: 400 !important;
}
.ardplayer-icon-volume-low:before {
  content: "";
}
.ardplayer-icon-ut:before {
  content: "";
}
.ardplayer-icon-skipforward:before {
  content: "";
}
.ardplayer-icon-skipbackward:before {
  content: "";
}
.ardplayer-icon-sharing:before {
  content: "";
}
.ardplayer-icon-settings:before {
  content: "";
}
.ardplayer-icon-return:before {
  content: "";
}
.ardplayer-icon-prevclip:before {
  content: "";
}
.ardplayer-icon-play:before {
  content: "";
}
.ardplayer-icon-pictureinpicture:before {
  content: "";
}
.ardplayer-icon-nextclip:before {
  content: "";
}
.ardplayer-icon-more:before {
  content: "";
}
.ardplayer-icon-after-live-indicator:after {
  content: "";
}
.ardplayer-icon-language:before {
  content: "";
}
.ardplayer-icon-jumpforward[data-value="10"]:before {
  content: "";
}
.ardplayer-icon-jumpbackward[data-value="10"]:before {
  content: "";
}
.ardplayer-icon-info:before {
  content: "";
}
.ardplayer-icon-fullscreen:before {
  content: "";
}
.ardplayer-icon-download:before {
  content: "";
}
.ardplayer-icon-close:before {
  content: "";
}
.ardplayer-icon-chromecast:before {
  content: "";
}
.ardplayer-icon-addons:before {
  content: "";
}

.ardplayer video::-internal-media-controls-overlay-cast-button {
  display: none;
}
.ardplayer .cast-wrapper-hide {
  display: none;
}
.ardplayer .ardplayer-btn-chromecast:disabled {
  cursor: default;
  opacity: 0.5;
}
.ardplayer.ardplayer-s .ardplayer-center {
  transition:
    margin-top,
    all 0.6s ease-in-out;
}
.ardplayer.ardplayer-show-focus-outlines
  .ardplayer-controlbar
  .ardplayer-controlbar-jumpmarks
  .ardplayer-controlbar-jumpmark:focus:not(:focus-visible) {
  outline: none !important;
}
html,
body,
div,
span,
h1,
h2,
h3,
p,
a,
img,
strong,
b,
i,
dl,
ul,
li,
fieldset,
form,
label,
legend,
article,
aside,
details,
footer,
header,
nav,
section,
summary,
button {
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  font-weight: inherit;
  font-style: inherit;
  letter-spacing: 0.02rem;
  border: 0;
  outline: none;
  margin: 0;
  padding: 0;
}
article,
aside,
details,
footer,
header,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ul {
  list-style: none;
}
*,
:before,
:after {
  box-sizing: border-box;
}
.visually-hidden {
  clip: rect(1px, 1px, 1px, 1px) !important;
  white-space: nowrap !important;
  border: 0 !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  position: absolute !important;
  overflow: hidden !important;
}
.searchfield__submit,
.searchfield__input {
  appearance: none;
}
.form-mail__input:focus-visible,
.form-input__text:focus-visible {
  color: #33322f;
  padding-top: 2.8rem;
  padding-bottom: 0.8rem;
}
:-webkit-any(
  .form-mail__input:-webkit-autofill,
  .form-input__text:-webkit-autofill
) {
  -webkit-text-fill-color: #33322f;
  -webkit-box-shadow: inset 0 0 0 5rem #fff !important;
}
:is(.form-mail__input:autofill, .form-input__text:autofill) {
  -webkit-text-fill-color: #33322f;
  -webkit-box-shadow: inset 0 0 0 5rem #fff !important;
}
.form-mail__input:focus-visible + .form-mail__label,
.form-textarea__textarea:focus-visible + .form-textarea__label,
.form-input__text:focus-visible + .form-input__label {
  opacity: 0.75;
  transform: scale(0.75) translateY(-0.8rem) translate(0.4rem);
}
.color--tongue a:focus-visible,
.color--tongue a:focus-visible img {
  outline: 0.2rem solid #99bdd6;
}
a:focus-visible,
a:focus-visible img {
  outline-offset: -0.2rem;
  outline: 0.2rem solid #80807e;
}
a {
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-decoration: none;
}
b,
strong {
  font-weight: 700;
}
i {
  font-style: italic;
}
abbr:focus-visible:after {
  content: " (" attr(title) ")";
  margin-left: 0.5rem;
  transition: all 0.2s ease-in-out;
  display: inline-block;
}
@media (prefers-reduced-motion: no-preference) {
  @view-transition {
    navigation: auto;
  }
}
html {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  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%;
  }
}
html,
body,
button,
div,
span,
p,
a,
img,
dl,
ul,
li,
fieldset,
form,
label,
legend {
  border: 0;
  outline: none;
}
.taglist,
.searchfield__input,
html,
body,
button,
div,
span,
p,
a,
img,
dl,
ul,
li,
fieldset,
form,
label,
legend {
  font-family: Thesis, Helvetica, Arial, sans-serif;
  font-weight: 400;
}
.backlink,
.teaser-xs__date,
.metatextline {
  font-family: Thesis, Helvetica, Arial, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.textabsatz a {
  color: #015999;
  border-bottom: 0.1rem solid #015999;
}

h1,
h2,
h3 {
  font-family: Thesis, Helvetica, Arial, sans-serif;
}
.trenner__text__headline {
  text-transform: uppercase;
  font-family: Thesis, Helvetica, Arial, sans-serif;
  font-size: 3.2rem;
  line-height: 3.2rem;
}
@media screen and (min-width: 768px) {
  .trenner__text__headline {
    text-transform: uppercase;
    font-family: Thesis, Helvetica, Arial, sans-serif;
    font-size: 4rem;
    line-height: 4rem;
  }
}
.seitenkopf__headline--text {
  font-family: Thesis, Helvetica, Arial, sans-serif;
  font-size: 3.2rem;
  line-height: 3.8rem;
}
@media screen and (min-width: 768px) {
  .seitenkopf__headline--text {
    font-family: Thesis, Helvetica, Arial, sans-serif;
    font-size: 3.4rem;
    line-height: 4rem;
  }
}
.teaser-xs__headline {
  font-family: Thesis, Helvetica, Arial, sans-serif;
  font-size: 2.4rem;
  line-height: 2.8rem;
}
.teaser-xs__headline {
  margin-top: -0.1rem;
  padding: 0.1rem 0 0;
}
@media screen and (min-width: 768px) {
  .seitenkopf__headline--text {
    margin-bottom: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .seitenkopf__headline--text {
    margin-bottom: 1rem;
  }
}
.seitenkopf__headline--text {
  margin-bottom: 1.2rem;
}
@media screen and (min-width: 768px) {
  .seitenkopf__headline--text {
    margin-bottom: 1rem;
  }
}
.meldungsfooter,
.textabsatz {
  padding: 0 2rem;
}
.textabsatz {
  margin: 0 0 2.4rem;
}
.ts-picture {
  background-image: url("/img/ts_watermark_white.svg");
}
.teaser-slider__wrapper .swiper-button-prev:focus-visible,
.teaser-slider__wrapper .swiper-button-next:focus-visible,
.vueslider .swiper-button-prev:focus-visible,
.vueslider .swiper-button-next:focus-visible {
  background: #015999;
}
.container {
  width: 100%;
  padding: 0;
}
.columns {
  float: left;
  margin-top: 0;
}
.columns.four {
  width: 33.3333%;
}
.columns.eight {
  width: 66.6667%;
}
.columns.twelve {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .columns.m-six {
    width: 50%;
  }
  .columns.m-ten {
    width: 83.3333%;
  }
  .columns.m-offset-one {
    margin-left: 8.33333%;
  }
  .columns.m-offset-six {
    margin-left: 50%;
  }
}
@media only screen and (min-width: 1024px) {
  .columns.l-eight {
    width: 66.6667%;
  }
  .columns.l-twelve {
    width: 100%;
  }
  .columns.l-offset-none {
    margin-left: 0;
  }
  .columns.l-offset-two {
    margin-left: 16.6667%;
  }
}
body {
  background-color: #f1f1f1;
}
.layout-container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.layout-content {
  flex-wrap: wrap;
  align-items: stretch;
  padding-top: 10.2rem;
  display: flex;
  overflow: hidden;
}
.layout-content.scrolled {
  padding-top: 9rem;
}
.global-wrapper {
  width: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
@media print {
  .layout-content {
    overflow: visible;
  }
}
.global-wrapper .content-wrapper:after {
  clear: both;
  content: "";
  opacity: 0;
  z-index: -1;
  -webkit-backdrop-filter: blur(0.5rem);
  backdrop-filter: blur(0.5rem);
  background-color: #0009;
  width: 100%;
  height: 100%;
  transition:
    opacity 0.3s ease-in-out,
    z-index 0.3s ease-in-out;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.content-wrapper {
  background-color: #fff;
  max-width: 1104px;
  margin: auto;
  display: block;
}
@media screen and (min-width: 1921px) {
  .content-wrapper {
    max-width: 1280px;
  }
}
@media screen and (min-width: 768px) {
  .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;
}
.header-fancy-v2:has(.header__banner) + .content-wrapper .layout-content {
  padding-top: 15.9rem;
}
.header-fancy-v2:has(.header__banner)
  + .content-wrapper
  .layout-content.scrolled {
  padding-top: 14.6rem;
}
@media screen and (min-width: 1024px) {
  .header-fancy-v2:has(.header__banner) + .content-wrapper .layout-content {
    padding-top: 17.4rem;
  }
  .header-fancy-v2:has(.header__banner)
    + .content-wrapper
    .layout-content.scrolled {
    padding-top: 17.4rem;
  }
}
@media screen and (max-width: 767px) {
  .hidden-s {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  .hidden-m {
    display: none !important;
  }
}
.hidden {
  position: absolute;
  left: -10000px;
}
.hyphenate {
  -webkit-hyphens: auto;
  hyphens: auto;
  font: inherit;
}
.content-wrapper.content-wrapper--show-cuts {
  background-color: #0000;
  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 .content-wrapper__group {
  background-color: #fff;
  padding-top: 0;
}
@media screen and (min-width: 1024px) {
  .content-wrapper.content-wrapper--show-cuts .content-wrapper__group {
    padding: 0 4rem;
  }
}
.cuts--uppercut {
  display: inline-block;
}
.cuts--uppercut {
  margin-top: 1.6rem;
}
.btn--icon {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0.1rem;
  display: flex;
}
.btn--icon .icon {
  width: 100%;
  margin: 0.4rem;
}
.burger-button-animated {
  cursor: pointer;
  z-index: 141;
  fill: #33322f;
  background: #fff;
  width: 4.5rem;
  height: 4.5rem;
  padding: 1rem;
  position: absolute;
  top: 1rem;
  right: 2.5rem;
}
.burger-button-animated:focus-visible {
  outline: 2px solid #80807e;
}
.burger-button-animated svg {
  pointer-events: none;
}
.burger-button-animated .firstline {
  transform-origin: 2px 8px;
  transition: all 0.3s;
  transform: rotate(0);
}
.burger-button-animated .secondline {
  opacity: 1;
  transition: all 0.3s;
}
.burger-button-animated .thirdline {
  transform-origin: 2px 26px;
  transition: all 0.3s;
  transform: rotate(0);
}
.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 {
    width: 5.6rem;
    height: 5.6rem;
    top: 1.2rem;
    right: 4.2rem;
  }
}
.btn--text {
  text-align: center;
  align-items: center;
  padding: 0.4rem 1rem;
  font-size: 1.6rem;
  line-height: 2.4rem;
  display: inline-flex;
}
.btn--text .icon {
  width: 2.4rem;
  height: 2.4rem;
}
.btn--text.btn--fullwidth {
  border: none;
  justify-content: center;
  width: 100%;
  display: flex;
}
.btn--text.btn--fullwidth .btn__label {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  overflow: hidden;
}
.btn--text.btn--fullwidth .btn__label + .icon {
  margin-left: 1rem;
}
.btn--uppercase-text__shortlabel abbr:focus-visible:after {
  content: "";
  display: none;
}
.transparent-btn:focus-visible {
  outline-offset: -0.2rem;
  outline: 0.2rem solid #80807e;
}
.tag-btn {
  cursor: pointer;
  border-radius: 1.8rem;
  padding: 0.7rem 1.2rem;
  font-size: 1.6rem;
}
.tag-btn:focus-visible {
  outline-offset: 0.2rem;
}
.tag-btn.tag-btn--standard-secondary {
  color: #33322f;
  background: #e4e4e4;
}
.tag-btn.tag-btn--standard-secondary:hover {
  background: #c2c2c1;
}
.tag-btn.tag-btn--standard-secondary:focus-visible {
  outline-color: #80807e;
}
.tag-btn.tag-btn--standard-primary:focus-visible {
  outline-color: #99bdd6;
}
.divider {
  border-bottom: 0.1rem solid #e4e4e4;
  display: block;
}
.textonly-btn:focus-visible {
  outline-offset: -0.2rem;
  outline: 0.2rem solid #80807e;
}
.form-label {
  color: #33322f;
  font-size: 1.6rem;
  line-height: 2rem;
  position: relative;
}
.form-checkbox {
  align-items: flex-start;
  margin: 1rem 0;
  display: flex;
}

.form-checkbox .form-checkbox__hidden {
  opacity: 0;
  cursor: pointer;
  width: 1.8rem;
  height: 1.8rem;
  margin: 0;
  position: absolute;
}
.form-checkbox .form-checkbox__hidden:focus-visible {
  opacity: 1;
  outline-offset: 0.2rem;
  outline: 0.2rem solid #80807e;
}
.form-checkbox__box {
  background-color: #fff;
  border: 0.1rem solid #80807e;
  border-radius: 0.3rem;
  flex-shrink: 0;
  width: 1.8rem;
  height: 1.8rem;
  margin-right: 0.8rem;
  display: inline-block;
  position: relative;
  left: 0;
}
.form-checkbox__box:after {
  content: "";
  border: 0.2rem solid #015999;
  border-width: 0 0.2rem 0.2rem 0;
  width: 0.6rem;
  height: 1.1rem;
  display: none;
  position: absolute;
  top: 0.1rem;
  left: 0.5rem;
  transform: rotate(45deg);
}
.form-checkbox__hidden:checked ~ .form-checkbox__box {
  background-color: #fff;
}
.form-checkbox__hidden:checked ~ .form-checkbox__box:after {
  display: block;
}
.form-checkbox:focus-visible .form-checkbox__box {
  border: 0.1rem solid #33322f;
}
.form-checkbox.color--tongue .form-checkbox__hidden:focus-visible {
  outline-color: #fff;
}
.toggle-switch {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}
.toggle-switch__label {
  color: #33322f;
  flex-grow: 1;
  padding-right: 1rem;
  font-size: 1.6rem;
  line-height: 2rem;
}
.toggle-switch__wrapper {
  min-width: 4.4rem;
  height: 2.4rem;
  position: relative;
}
.toggle-switch input {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}
.toggle-switch
  input:focus-visible
  + .toggle-switch__slider
  .toggle-switch__input {
  outline-offset: 0.2rem;
  outline: 0.2rem solid #80807e;
}
.toggle-switch input:checked + .toggle-switch__slider {
  background-color: #015999;
}
.toggle-switch input:checked + .toggle-switch__slider .toggle-switch__input {
  transform: translate(2rem);
}
.toggle-switch__slider {
  background-color: #c2c2c1;
  border-radius: 1.4rem;
  height: 2.4rem;
  padding: 0.2rem;
  transition-property: background-color;
  transition-duration: 0.2s;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}
.toggle-switch__input {
  background-color: #fff;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  transition-property: transform, box-shadow;
  transition-duration: 0.2s;
  display: block;
}
.toggle-switch.color--tongue
  input:focus-visible
  + .toggle-switch__slider
  .toggle-switch__input {
  outline-offset: 0.2rem;
  outline: 0.2rem solid #dee9f2;
}
@media screen and (max-width: 360px) {
  .toggle-switch__slider {
    height: 2.67857rem;
    padding: 0.223214rem;
  }
  .toggle-switch__wrapper {
    min-width: 4.91071rem;
    height: 2.67857rem;
  }
  .toggle-switch__input {
    width: 2.23214rem;
    height: 2.23214rem;
  }
  .toggle-switch input:checked + .toggle-switch__slider .toggle-switch__input {
    transform: translate(2.23214rem);
  }
}
body.mouse-usage
  .toggle-switch
  input:focus-visible
  + .toggle-switch__slider
  .toggle-switch__input {
  outline: none;
}
.form-radio__input:focus-visible {
  opacity: 1;
  outline: 0.2rem solid #80807e;
}
.form-radio.color--tongue .form-radio__input:focus-visible {
  outline: 0.2rem solid #dee9f2;
}
.form-select .form-select__select:focus-visible {
  color: #33322f;
  outline: 0.2rem solid #33322f;
}
.form-input-icon__text:focus-visible {
  padding-top: 0.8rem;
}
.form-input .form-input__text:focus-visible {
  color: #33322f;
  outline: 0.2rem solid #33322f;
}
.form-textarea__textarea:focus-visible {
  color: #33322f;
  outline: none;
}
.form-mail .form-mail__input:focus-visible {
  color: #33322f;
  outline: 0.2rem solid #33322f;
}
.searchfield {
  display: inline-block;
  position: relative;
}
.searchfield__input {
  color: #33322f;
  background: #fff;
  border: none;
  outline: 0.1rem solid #33322f;
  height: 5.2rem;
  padding: 1.8rem 4.4rem 1.6rem 5.2rem;
  font-size: 1.6rem;
  overflow: hidden;
}
.searchfield__input:-webkit-autofill {
  -webkit-text-fill-color: #33322f;
  box-shadow: inset 0 0 0 5rem #fff !important;
}
.searchfield__input:-webkit-autofill:hover {
  -webkit-text-fill-color: #33322f;
  box-shadow: inset 0 0 0 5rem #fff !important;
}
.searchfield__input:-webkit-autofill:focus-visible {
  -webkit-text-fill-color: #33322f;
  box-shadow: inset 0 0 0 5rem #fff !important;
}
.searchfield__input:-webkit-autofill:active {
  -webkit-text-fill-color: #33322f;
  box-shadow: inset 0 0 0 5rem #fff !important;
}
.searchfield .searchfield__input:focus-visible {
  outline: 0.2rem solid #33322f;
}
.searchfield label {
  position: absolute;
  left: -50000em;
}
.searchfield--fullwidth {
  width: 100%;
  display: flex;
}
.searchfield--fullwidth .searchfield__input {
  width: 100%;
}
.searchfield__icon {
  cursor: pointer;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  width: 5.2rem;
  height: 5.2rem;
  display: flex;
  position: absolute;
  top: 0;
  left: -0.4rem;
  right: auto;
}
.searchfield__icon .icon--search {
  fill: #33322f;
  width: 2rem;
  height: 2rem;
}
.searchfield__submit {
  cursor: pointer;
  background: 0 0;
  border: none;
  width: 4.6rem;
  margin: 0.2rem;
  transition: all 0.2s ease-in-out;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
.searchfield__submit + .searchfield__icon .icon--search {
  transition: all 0.2s ease-in-out;
}
.searchfield__submit:hover,
.searchfield__submit:focus-visible {
  background: #015999;
}
.searchfield__submit:hover + .searchfield__icon .icon--search,
.searchfield__submit:focus-visible + .searchfield__icon .icon--search {
  fill: #fff;
}
.searchfield__submit:focus-visible {
  outline: none;
}
.searchfield__reset {
  cursor: pointer;
  background-color: #e4e4e4;
  border-radius: 50%;
  width: 1.6rem;
  height: 1.6rem;
  transition: all 0.2s ease-in-out;
  position: absolute;
  top: 1.8rem;
  right: 1.6rem;
}
.searchfield__reset:before,
.searchfield__reset:after {
  content: "";
  background-color: #33322f;
  border-radius: 0.2rem;
  width: 1.4rem;
  height: 0.15rem;
  transition: all 0.2s ease-in-out;
  position: absolute;
  top: 0.7rem;
  left: 0.1rem;
}
.searchfield__reset:before {
  transform: rotate(45deg);
}
.searchfield__reset:after {
  transform: rotate(-45deg);
}
.searchfield__reset:hover {
  background-color: #c2c2c1;
}
.searchfield__reset:focus-visible {
  outline-offset: 0.2rem;
  outline: 0.2rem solid #80807e;
}
@media only screen and (min-width: 768px) {
  .searchfield__icon {
    left: 0;
  }
}
img.ts-image {
  height: auto;
}
.ts-picture {
  z-index: 1;
  display: block;
}
.ts-picture > img,
.ts-picture > source {
  width: 100%;
  height: auto;
}
.ts-picture {
  background-color: #e4e4e4;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 35%;
  height: 0;
  padding-top: 56.25%;
  position: relative;
}
.ts-picture__poster-wrapper {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.ts-picture img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
}
.ts-picture.ts-picture--list {
  padding-top: 100%;
}
.label {
  text-transform: uppercase;
  letter-spacing: 0.11rem;
  border-radius: 0.2rem;
  margin-right: 0.8rem;
  padding: 0.4rem 0.6rem 0.3rem;
  font-family: Thesis, Helvetica, Arial, sans-serif;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.1rem;
  display: inline-flex;
}
.label strong {
  text-transform: uppercase;
  letter-spacing: 0.11rem;
  font-family: Thesis, Helvetica, Arial, sans-serif;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.1rem;
}
.label--standard-primary {
  color: #fff;
  background: #015999;
}
.btn.btn--standard-primary {
  color: #fff;
  background: #015999;
}
.btn.btn--standard-primary:hover {
  color: #fff;
  background: #4082b3;
}
.btn.btn--standard-primary .icon {
  fill: #fff;
}
.btn.btn--standard-primary:focus-visible {
  outline-color: #99bdd6;
}
.btn.btn--standard-secondary {
  color: #33322f;
  background: #e4e4e4;
}
.btn.btn--standard-secondary:hover {
  background: #c2c2c1;
}
.btn.btn--standard-secondary:focus-visible {
  outline-color: #80807e;
}
.btn.btn--standard-secondary .icon {
  fill: #33322f;
}
.btn.btn--standard-secondary.is-active:focus-visible {
  outline-color: #99bdd6;
}
.btn.btn--highlight-primary:focus-visible {
  outline-color: #99bdd6;
}
.btn.btn--highlight-secondary:focus-visible {
  outline-color: #99bdd6;
}
.btn.btn--highlight-secondary.btn--opened:focus-visible,
.btn.btn--highlight-secondary.is-active:focus-visible {
  outline-color: #99bdd6;
}
.btn.btn--standard-live-primary:focus-visible {
  outline-color: #80807e;
}
.btn.btn--standard-live-secondary:focus-visible {
  outline-color: #80807e;
}
.btn.btn--standard-live-tertiary:focus-visible {
  outline-color: #80807e;
}
.btn.btn--standard-tertiary:focus-visible {
  outline-color: #80807e;
}
.btn {
  border-radius: 0.4rem;
}
.btn:hover {
  cursor: pointer;
  outline: 0;
}
.btn:active {
  outline: 0;
}
.btn:focus-visible {
  outline-offset: 0.2rem;
  outline-width: 0.2rem;
  outline-style: solid;
}
.metatextline {
  color: #80807e;
  margin-bottom: 1.6rem;
  font-size: 1.8rem;
  line-height: 2.9rem;
}
.ardplayer {
  --ardplayer-color-primary-live: #ff00ed;
  --ardplayer-color-primary-live-transparent-30: #ff00ed99;
  --ardplayer-color-primary-live-transparent-50: #ff00ed99;
  --ardplayer-color-primary-base: #00caff;
  --ardplayer-color-primary-base-transparent-30: #4082b3;
  --ardplayer-color-primary-dark: #015999;
  --ardplayer-color-tertiary-base: #01599999;
  --ardplayer-color-tertiary-dark: #024682;
  --ardplayer-color-light: #dee9f2;
  --ardplayer-color-lightest: #fff;
  --ardplayer-color-gradient-end: transparent;
}
.ardplayer button.ardplayer-button-big.ardplayer-button-hero {
  border: solid 0.1rem var(--ardplayer-color-lightest);
  box-sizing: content-box;
  background: #01599999;
}
.ardplayer button.ardplayer-button-big.ardplayer-button-hero:hover {
  background: #015999;
}
.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-visible,
.ardplayer.ardplayer-show-focus-outlines
  button.ardplayer-button-posterframe:focus-visible {
  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 .ardplayer-playstate-zoom {
  border: solid 0.1rem var(--ardplayer-color-lightest);
  width: 48px;
  height: 48px;
  font-size: 48px;
  top: calc(50% - 24px);
  left: calc(50% - 24px);
}
.ardplayer .ardplayer-buffering .ardplayer-ball-scale-multiple > div {
  background-color: #ffffff40;
}
.ardplayer .ardplayer-controlbar .noUi-connects .noUi-connect {
  border-radius: 0;
}
.ardplayer .ardplayer-controlbar .ardplayer-controlbar-hover {
  color: #015999;
  background: #00caff;
}
.ardplayer.ardplayer-state-audio:before {
  background-color: #015999;
}
.ardplayer.ardplayer-state-audio
  .ardplayer-footer
  .ardplayer-controlbar:before {
  background-color: #00caff;
}
.ardplayer .ardplayer-posterframe div.ardplayer-posterframe-chips {
  width: 100%;
  bottom: 0;
  right: 0;
}
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper:before,
.ardplayer
  .ardplayer-bottom-sheet-container
  .ardplayer-bottom-sheet-content-wrapper:after {
  background: 0 0;
}
.ardplayer .ardplayer-bottom-sheet-container-toggle {
  z-index: 1000;
}
.ardplayer.ardplayer-show-posterframe .ardplayer-btn-chromecast {
  visibility: hidden;
  opacity: 0;
}
.ardplayer
  .ardplayer-ms-stage
  div.ardplayer-ms-feed-container
  div.ardplayer-ms-feed
  .ardplayer-ms-card:focus-visible.ardplayer-ms-card-current {
  background-color: #024682;
}
.mediaplayer--audio
  .ardplayer
  .ardplayer-button-posterframe.ardplayer-icon-play:before {
  content: "" !important;
}
.mediaplayer.mediaplayer--btn-cornered
  .ardplayer.ardplayer-show-posterframe
  button.ardplayer-button-big,
.mediaplayer.mediaplayer--btn-cornered
  .ardplayer.ardplayer-show-posterframe
  .ardplayer-button-hero {
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  margin: 0;
  font-size: 3.5rem;
  line-height: 4rem;
  display: flex;
}
.mediaplayer.mediaplayer--btn-cornered
  .ardplayer.ardplayer-show-posterframe
  button.ardplayer-button-big:before,
.mediaplayer.mediaplayer--btn-cornered
  .ardplayer.ardplayer-show-posterframe
  .ardplayer-button-hero:before {
  font-size: 3.5rem;
}
.mediaplayer.mediaplayer--btn-cornered
  .ardplayer.ardplayer-show-posterframe
  .ardplayer-posterframe
  .ardplayer-posterframe-buttons {
  width: 4rem;
  height: 4rem;
  top: calc(100% - 5.6rem);
  left: calc(100% - 5.6rem);
  transform: translateY(0);
}
.teaser-xs
  .mediaplayer--btn-cornered.mediaplayer
  .ardplayer.ardplayer-show-posterframe
  .ardplayer-posterframe
  .ardplayer-posterframe-buttons {
  width: 3rem;
  height: 3rem;
  top: calc(100% - 4rem);
  left: calc(100% - 4rem);
  transform: translateY(0);
}
.teaser-xs
  .mediaplayer--btn-cornered.mediaplayer
  .ardplayer.ardplayer-show-posterframe
  .ardplayer-posterframe
  .ardplayer-posterframe-buttons
  button.ardplayer-button-big {
  width: 3rem;
  height: 3rem;
  font-size: 2.5rem;
  line-height: 3rem;
}
@media screen and (min-width: 1024px) {
  .teaser-xs
    .mediaplayer--btn-cornered.mediaplayer
    .ardplayer.ardplayer-show-posterframe
    .ardplayer-posterframe
    .ardplayer-posterframe-buttons {
    width: 3.5rem;
    height: 3.5rem;
    top: calc(100% - 4.5rem);
    left: calc(100% - 4.5rem);
    transform: translateY(0);
  }
  .teaser-xs
    .mediaplayer--btn-cornered.mediaplayer
    .ardplayer.ardplayer-show-posterframe
    .ardplayer-posterframe
    .ardplayer-posterframe-buttons
    button.ardplayer-button-big {
    width: 3.5rem;
    height: 3.5rem;
    font-size: 3rem;
    line-height: 3.5rem;
  }
}
.mediaplayer {
  position: relative;
}
.mediaplayer .player {
  position: absolute;
}
.mediaplayer:after {
  content: "";
  display: block;
}
.mediaplayer--1x1:after {
  padding-bottom: 100%;
}
.preloadingskeleton--mediaplayer--1x1 {
  padding-bottom: 100%;
}
.preloadingskeleton--mediaplayer--1x1.loaded {
  padding-bottom: initial;
}
.mediaplayer--inline-play__button:focus-visible {
  outline-offset: -0.2rem;
  outline: 0.2rem solid #80807e;
}
.subnav .latthema__link:focus-visible {
  background: #c2c2c1;
}
.subnav .latthema__link:focus-visible {
  outline-offset: 0.4rem;
  outline: 0.2rem solid #80807e;
}
.footer {
  color: #33322f;
  background-color: #fff;
  margin-top: 1.6rem;
  padding: 4rem 2rem;
}
.footer__link {
  color: #33322f;
  margin: 0.2rem;
  padding: 0.7rem 0 0.7rem 0.8rem;
  font-size: 1.8rem;
  line-height: 2.6rem;
  text-decoration: none;
  display: flex;
}
.footer__link:hover,
.footer__link:active {
  outline: 0;
  text-decoration: none;
}
@media screen and (min-width: 1024px) {
  .footer {
    padding: 4rem;
  }
}
@media screen and (min-width: 1104px) {
  .footer {
    max-width: 110.4rem;
    margin: 1.6rem auto 0;
  }
}
@media screen and (min-width: 1921px) {
  .footer {
    max-width: 128rem;
  }
}
.icon--arrow-down,
.icon--arrow-up {
  width: 3rem;
  height: 3rem;
}
.footer__navigation__list__item {
  margin: 0.2rem;
}
.footer__navigation__list__item a {
  color: #33322f;
  width: auto;
  padding: 0.5rem 2rem;
  font-family: Thesis, helvetica, arial, sans-serif;
  font-size: 1.8rem;
  line-height: 3rem;
  text-decoration: none;
  display: block;
}
.footer__navigation__list__item a:hover {
  outline: 0;
  text-decoration: none;
}
.footer__navigation__list__item a:focus-visible {
  outline: 2px solid #80807e;
}
.footer__navigation__list__item a:active {
  outline: 0;
  text-decoration: none;
}
.footer__navigation__bottom {
  margin: 1rem 0 8rem;
  padding: 0;
  list-style: none;
}
.footer__navigation__bottom__item {
  overflow: hidden;
}
.footer__logo__icon {
  text-align: right;
  border: 1px solid #0000;
  flex-direction: column;
  align-items: flex-end;
  margin-bottom: -4.2rem;
  padding-top: 0.6rem;
  display: flex;
}
.footer__logo__icon svg {
  fill: #33322f;
}
.footer__logo__icon .icon {
  width: 17rem;
  height: 6.7rem;
}
.endline {
  background: #e4e4e4;
  width: 100%;
  height: 4rem;
  padding: 0.8rem 0 0 4rem;
}
@media screen and (min-width: 1104px) {
  .endline {
    max-width: 110.4rem;
    margin: auto;
  }
}
@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;
}
@media print {
  .footer {
    display: none;
  }
}
[data-js_component="nav-toggle-area"] {
  transition: all 0.4s ease-in;
}
[data-js_component="nav-toggle-area"].is-visible {
  opacity: 1;
  max-height: 9.4rem;
}
.header-fancy-v2 {
  z-index: 121;
  background-color: #fff;
  width: 100%;
  position: fixed;
  top: 0;
  box-shadow: 0 0.5rem 0.5rem -0.5rem #0000001a;
}
.header-fancy-v2.small {
  box-shadow: 0 0.5rem 0.5rem -0.5rem #0000001a;
}
.header-fancy-v2.small .header__items {
  height: 5.2rem;
  overflow: hidden;
}
.header-fancy-v2.small .header__logo__icon {
  width: 3.6rem;
  height: 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 {
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 6.5rem;
  display: flex;
}
.header-fancy-v2 .header__logo {
  z-index: 121;
  flex-wrap: nowrap;
  flex: none;
  align-items: center;
  margin-left: 2rem;
  padding: 0.6rem 0;
  display: flex;
  position: relative;
  overflow: hidden;
}
.header-fancy-v2 .header__logo__icon {
  width: 4rem;
  height: 4rem;
  margin-right: 0.8rem;
}
.header-fancy-v2 .header__logo__wortmarke {
  width: 14rem;
  margin-top: 0.2rem;
}
.header-fancy-v2 .header__logo__wortmarke.header__logo__wortmarke-ts {
  width: 11rem;
  margin-top: 0.6rem;
}
.header-fancy-v2 .header__logo__wortmarke svg path {
  fill: #33322f;
}
.header-fancy-v2 .header__horiz {
  z-index: 111;
  position: relative;
}
.header-fancy-v2 .header__horiz:after {
  clear: both;
  content: "";
  opacity: 0;
  z-index: -1;
  -webkit-backdrop-filter: blur(0.5rem);
  backdrop-filter: blur(0.5rem);
  background-color: #0009;
  width: 100%;
  height: 100%;
  transition:
    opacity 0.3s ease-in-out,
    z-index 0.3s ease-in-out;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
@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 {
    width: 6rem;
    height: 6rem;
    margin-left: 4rem;
    margin-right: 1.2rem;
  }
  .header-fancy-v2 .header__logo__wortmarke {
    width: 20rem;
    margin-top: -0.1rem;
  }
  .header-fancy-v2 .header__logo__wortmarke.header__logo__wortmarke-ts {
    width: 15rem;
  }
  .header-fancy-v2.small .header__logo__icon {
    width: 6rem;
    height: 6rem;
    margin-left: 4rem;
  }
  .header-fancy-v2.small .header__logo__wortmarke {
    width: 20rem;
  }
  .header-fancy-v2.small .header__logo__wortmarke.header__logo__wortmarke-ts {
    width: 15rem;
  }
  .header-fancy-v2 .header__horiz {
    padding: 0 4rem;
  }
}
@media screen and (min-width: 1104px) {
  .header-fancy-v2 {
    max-width: 110.4rem;
    left: 50%;
    transform: translate(-50%);
  }
  .header-fancy-v2.small .header__logo__icon,
  .header-fancy-v2 .header__logo__icon {
    margin-left: 0;
  }
  .header-fancy-v2 .header__logo {
    padding-left: 4rem;
  }
}
@media screen and (min-width: 1921px) {
  .header-fancy-v2 {
    max-width: 128rem;
  }
}
@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;
  }
}
:is(
  html:has(.burger-navi-holder--open),
  html:has(.burger-navi-holder:not(.js)[open])
),
:is(
  html:has(.burger-navi-holder--open) body,
  html:has(.burger-navi-holder:not(.js)[open]) body
) {
  overflow: hidden;
}
html:has(.burger-navi-holder:not(.js)[open])
  .global-wrapper
  .content-wrapper:after {
  opacity: 1;
  z-index: 112;
}
html:has(.burger-navi-holder:not(.js)[open])
  .header-fancy-v2
  .header__horiz:after {
  opacity: 1;
  z-index: 112;
}
.header-fancy-v2.small .burger-navi {
  top: 5.2rem;
}
.burger-navi-holder {
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.burger-navi-holder .burger-button-animated {
  list-style: none;
}
.burger-navi-holder .burger-button-animated::-webkit-details-marker {
  display: none;
}
.burger-navi {
  z-index: 141;
  -webkit-overflow-scrolling: touch;
  will-change: transform;
  background-color: #fff;
  flex-flow: wrap;
  align-content: stretch;
  width: 100%;
  transition: transform 0.25s cubic-bezier(0.75, 0.18, 0.07, 0.96);
  display: flex;
  position: absolute;
  top: 6.5rem;
  bottom: 0;
  right: 0;
  overflow: hidden auto;
  transform: translate(100%);
}
.burger-navi a:focus-visible img {
  outline: 0;
}
.burger-navi-menu {
  width: 100%;
  margin-bottom: 2.4rem;
}
.burger-navi-nav {
  padding: 0 2rem;
}
.burger-navi .burger-navi-search {
  z-index: 142;
  margin: 0.1rem 0 1rem;
  padding: 0.1rem 2rem 0;
}
.burger-navi .burger-panel {
  background-color: #fff;
  margin: 0;
  font-size: 1.8rem;
  list-style-type: none;
}
.burger-navi .burger-panel > li {
  border-bottom: 0.1rem solid #e4e4e4;
  flex-direction: row;
  height: 5.5rem;
  display: flex;
}
.burger-navi .burger-panel li.settings__box__outer {
  height: unset;
}
.burger-navi .burger-panel__submenulink,
.burger-navi .burger-panel__closelink {
  align-items: center;
  display: flex;
}
.burger-navi .burger-panel__submenulink--fullwidth {
  width: 100%;
  position: relative;
}
.burger-navi .burger-panel__submenulink--fullwidth .burger-panel__arrow--right {
  position: absolute;
  right: 0;
}
.burger-navi .burger-panel__pagelink,
.burger-navi .burger-panel__closelink-text {
  color: #33322f;
  align-items: center;
  width: 80%;
  padding: 1rem 2rem 1rem 1rem;
  display: flex;
}
.burger-navi .burger-panel__closelink-text {
  padding-left: 0.5rem;
}
.burger-navi .burger-panel__pagelink {
  width: 100%;
}
.burger-navi .burger-panel__pagelink:hover,
.burger-navi .burger-panel__submenulink:hover,
.burger-navi .burger-panel__closelink-text:hover {
  color: #fff;
  background-color: #015999;
}
.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 {
  width: 1.6rem;
  margin: 1rem 2rem 0.5rem 0.1rem;
}
.burger-navi .burger-panel__arrow--right {
  pointer-events: none;
  text-align: center;
  width: 5.7rem;
}
.burger-navi .burger-panel__arrow--right .icon {
  fill: #33322f;
  pointer-events: none;
  height: 2.4rem;
}
.burger-navi .burger-panel__settings li {
  border-bottom: 0;
}
.burger-navi .burger-panel .settings__box {
  background-color: #fff;
}
.burger-navi-nav__sublevel {
  background-color: #fff;
  justify-content: center;
  width: 100vw;
  height: 100%;
  padding: 0;
  transition: all 0.5s;
  display: flex;
  position: absolute;
  top: 0;
  right: -1000px;
  overflow: hidden scroll;
}
.burger-navi-nav__sublevel .burger-panel {
  width: 100%;
  display: none;
  position: absolute;
  right: -1000px;
}
.burger-navi-nav__sublevel .burger-panel > li {
  margin-left: 2.2rem;
  margin-right: 2rem;
}
.burger-navi-nav__sublevel
  .burger-panel.js-current-sublevel-active
  li:first-child
  .burger-panel__closelink:focus-visible {
  outline-offset: -0.4rem;
  outline: 0.2rem solid #fff;
}
.burger-panel__arrow--left {
  pointer-events: none;
  width: 3.8rem;
  margin-left: 0.8rem;
}
.burger-panel__arrow--left svg {
  fill: #33322f;
  pointer-events: none;
  height: 2.4rem;
}
@media only screen and (min-width: 768px) {
  .burger-navi {
    flex-direction: row;
    align-content: space-between;
    width: 41.5rem;
    display: flex;
    overflow: hidden auto;
  }
  .burger-navi-nav {
    padding: 0 4rem;
  }
  .burger-navi .burger-navi-search {
    padding: 0.1rem 4rem 0;
  }
  .burger-navi-menu {
    margin-bottom: 2.4rem;
  }
  .burger-navi-nav__sublevel {
    justify-content: flex-start;
    width: 41.7rem;
    padding: 0;
    display: flex;
  }
  .burger-navi-nav__sublevel .burger-panel {
    width: 39.7rem;
    margin-left: 0;
    margin-right: 0;
  }
  .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 .burger-panel__arrow--left {
    width: 3.4rem;
    margin-left: 3.2rem;
  }
}
@media screen and (min-width: 1024px) {
  .header-fancy-v2.small .burger-navi,
  .burger-navi {
    top: 8rem;
  }
}
@media screen and (min-width: 1104px) {
  .burger-navi-holder {
    max-width: 110.4rem;
    padding: 0 4rem;
  }
}
@media screen and (min-width: 1921px) {
  .burger-navi-holder {
    max-width: 128rem;
  }
}
.bigfive {
  color: #33322f;
  background-color: #fff;
  width: 100%;
  margin-bottom: 2rem;
  padding: 0 2rem;
}
.bigfive__list {
  justify-content: space-between;
  display: flex;
}
.bigfive__logo {
  width: 6rem;
  height: 6rem;
}
.bigfive__text {
  margin-top: 1.2rem;
  font-size: 1.4rem;
}
.bigfive__link {
  color: #33322f;
  flex-direction: column;
  align-items: center;
  display: flex;
}
@media only screen and (min-width: 768px) {
  .bigfive {
    padding: 0 4rem;
  }
}
.teaser-nano__link:focus-visible {
  outline-offset: -0.2rem;
  display: inherit;
  outline: 0.2rem solid #80807e;
}
.teaser-nano.color--tongue .teaser-nano__link:focus-visible {
  outline-color: #dee9f2;
}
.mubu-container.color--tongue .mubu-container__content__link:focus-visible {
  outline-color: #dee9f2;
}
.trenner {
  letter-spacing: 0.2em;
  background: #fff;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  display: flex;
}
.trenner__text {
  flex-wrap: wrap;
  justify-content: center;
  max-width: 100%;
  padding: 2.4rem 2rem;
  display: flex;
}
.trenner__text__headline {
  text-align: center;
  color: #015999;
  flex-basis: 100%;
  max-width: 100%;
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .trenner {
    display: block;
  }
}
a:focus-visible .teaser__topline,
a:focus-visible .teaser__headline,
a:focus-visible .teaser-xs__topline,
a:focus-visible .teaser-xs__headline {
  text-decoration: underline;
}
a:active .teaser-xs__topline,
a:active .teaser-xs__headline {
  text-decoration: none !important;
}
.teaser__link:focus-visible {
  outline-offset: -0.2rem;
  outline: 0.2rem solid #80807e;
}
.teaser__link:focus-visible img {
  outline: 0;
}
.teaser.color--tongue .teaser__link:focus-visible {
  outline-color: #dee9f2;
}
.textabsatz {
  color: #33322f;
  background: #fff;
  width: 100%;
  font-family: Thesis, Helvetica, Arial, sans-serif;
  font-size: 2rem;
  line-height: 2.6rem;
  display: block;
}
@media screen and (min-width: 768px) {
  .textabsatz {
    padding: 0;
  }
}
.bulletpoint-list:is(ol),
.bulletpoint-list ul:is(ol),
.bulletpoint-list ol:is(ol) {
  list-style-type: decimal;
}
.bulletpoint-list:is(ul),
.bulletpoint-list ul:is(ul),
.bulletpoint-list ol:is(ul) {
  list-style-type: disc;
}
.infobox ul:is(ol),
.infobox ol:is(ol) {
  list-style-type: decimal;
}
.infobox ul:is(ul),
.infobox ol:is(ul) {
  list-style-type: disc;
}
.home__icon {
  margin-left: 2rem;
  padding-right: 0.3rem;
}
.home__icon svg {
  fill: #33322f;
  width: 2rem;
  height: 2rem;
}
.anchored {
  font-weight: bolder;
}
.horizontal-nav {
  font-size: 1.5rem;
  position: relative;
}
.horizontal-nav .swipe {
  align-items: center;
  height: 3.8rem;
  display: flex;
}
.horizontal-nav .swipe {
  -ms-overflow-style: none;
  -moz-scrollbar-width: none;
  scrollbar-width: none;
  overflow: -moz-scrollbars-none;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  overflow-y: hidden;
}
.horizontal-nav .swipe::-webkit-scrollbar {
  display: none;
}
.horizontal-nav .swipe li {
  vertical-align: middle;
  display: inline-block;
}
.horizontal-nav .swipe li:hover,
.horizontal-nav .swipe li:active {
  color: #33322f;
  cursor: pointer;
  background: #e4e4e4;
}
.horizontal-nav .swipe li:not(:last-child) a,
.horizontal-nav .swipe li:not(:first-child) a {
  font-weight: 400;
}
.horizontal-nav .swipe .latthema--link:focus-visible {
  background: #c2c2c1;
}
.horizontal-nav .swipe a {
  color: #33322f;
  padding: 1.2rem 1.2rem 1.1rem;
  display: block;
}
.horizontal-nav .swipe a.home {
  outline-offset: -0.4rem;
  padding: 1.1rem 1.2rem;
}
a.home.mobile-view span {
  display: none;
}
a.home.mobile-view svg {
  display: block;
}
.latthema--link:focus-visible {
  outline-offset: 0.4rem;
  outline: 0.2rem solid #80807e;
}
@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;
  }
  a.home.mobile-view svg {
    display: none;
  }
  a.home.mobile-view span {
    display: block;
  }
}
@media screen and (min-width: 1104px) {
  .home__icon {
    margin-left: 0;
  }
}
.article-breadcrumb .article-breadcrumb__title--inside {
  cursor: default;
  margin: 0.9rem 0.5rem 0.7rem;
  padding: 0.3rem 0.7rem 0.4rem;
  display: block;
}
.article-breadcrumb li > * {
  color: #33322f;
}
.article-breadcrumb li + li > :before {
  content: "";
  border: 0.4rem solid #0000;
  border-left: 0.6rem solid #80807e;
  border-right-width: 0;
  width: 0;
  height: 0;
  margin: 0 0.6em 0.1rem -1.2rem;
  display: inline-block;
  top: -2rem;
}
.horizontal-nav .swipe li.article-breadcrumb__title:hover,
.horizontal-nav .swipe li.article-breadcrumb__title:active {
  background: #fff;
}
.settings__box {
  background: #f1f1f1;
  padding: 2rem 3rem;
}
@media screen and (min-width: 1024px) {
  .settings__box {
    padding: 2rem 4rem;
  }
}
.form--settings {
  padding-bottom: 0.9rem;
}
.form--settings li {
  width: 49%;
  display: inline-block;
}
.basic-settings {
  margin-bottom: 1.6rem;
}
.thirdparty-settings {
  margin-top: 3rem;
}
.settings__list-wrapper {
  margin-bottom: 2.4rem;
}
.seitenkopf {
  background: #fff;
}
.seitenkopf__data {
  width: 100%;
  display: flex;
}
.seitenkopf__title {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .seitenkopf__title {
    padding: 0 2rem;
  }
}
.seitenkopf__headline--text {
  clear: left;
  color: #015999;
  display: block;
}
.seitenkopf__headline--text span {
  font: inherit;
}
.buttongroup {
  background-color: #fff;
  flex-direction: column;
  width: 100%;
  padding: 0 2rem 2.4rem;
  display: flex;
}
.buttongroup__item {
  flex: 1;
  padding-top: 1.6rem;
}
.buttongroup__item:first-of-type {
  padding-top: 0;
}
@media screen and (min-width: 768px) {
  .buttongroup {
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-end;
    padding: 0 2rem 1.6rem;
  }
  .buttongroup__item {
    min-width: 25%;
    max-width: 33.3333%;
    padding: 0 1rem 0 0;
  }
  .buttongroup__item:only-child {
    max-width: 41.6667%;
    padding: 0;
  }
  .buttongroup__item:last-of-type {
    padding-right: 0;
  }
}
@media screen and (min-width: 1024px) {
  .buttongroup:not(.buttongroup--copytext, .buttongroup--searchresults) {
    padding: 0 0 2.4rem;
  }
  .buttongroup__item:only-child {
    max-width: 33.3333%;
  }
}
.meldungsfooter {
  background-color: #fff;
  width: 100%;
  margin-top: -2px;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .meldungsfooter {
    padding: 0;
  }
}
@media print {
  article + aside.container,
  .meldungsfooter {
    display: none;
  }
}
.taglist {
  white-space: nowrap;
  scrollbar-width: none;
  -ms-overflow-style: none;
  margin: 2.4rem 0 1.6rem;
  display: flex;
  overflow: auto;
}
@media screen and (min-width: 1024px) {
  .taglist {
    white-space: normal;
    margin: 2.4rem 0 0.8rem;
  }
}
.taglist::-webkit-scrollbar {
  background: 0 0;
  width: 0;
  height: 0;
}
.taglist__element {
  white-space: nowrap;
  margin: 0.4rem 1.1rem 0.4rem 0.4rem;
  display: flex;
}
@media screen and (min-width: 1024px) {
  .taglist__element {
    margin: 1.4rem 0.9rem 2rem 0.4rem;
  }
}
.socialbuttons {
  background-color: #fff;
  margin: 1.6rem 0 2.4rem;
}
.socialbuttons__list {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.socialbuttons__list__item {
  flex: 1;
  justify-content: space-evenly;
  width: 3.6rem;
  display: flex;
}
.socialbuttons__list__item .tabfocus {
  flex-direction: column;
  align-items: center;
  height: 100%;
  display: flex;
}
.socialbuttons button {
  cursor: pointer;
  background-color: #0000;
}
.socialbuttons button:focus-visible {
  outline-offset: -0.2rem;
  outline: 0.2rem solid #80807e;
}
.socialbuttons.color--tongue button:focus-visible,
.color--tongue .socialbuttons button:focus-visible {
  outline-color: #99bdd6;
}
.socialbuttons .socialbuttons__icon,
.socialbuttons .socialbuttons__icon--functional {
  width: 3.6rem;
  height: 3.6rem;
  margin-bottom: 0.8rem;
}
.socialbuttons .socialbuttons__icon--functional {
  background: #e4e4e4;
  border-radius: 3rem;
}
.socialbuttons .socialbuttons__icon--functional svg {
  fill: #33322f;
  width: 3.6rem;
  margin: 0 auto;
  padding: 0.8rem;
}
.socialbuttons .socialbuttons__subline {
  color: #33322f;
  font-family: Thesis, Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.paginierung__liste--link:focus-visible {
  outline-offset: 2px;
}
.anchor-link {
  opacity: 0;
  color: #33322f;
  font-size: 1.5rem;
  text-decoration: underline;
  position: absolute;
  top: 1.2rem;
  left: -10000px;
}
.anchor-link:focus-visible {
  opacity: 1;
  z-index: 1000;
  background: #fff;
  padding: 0.8rem;
  left: 1.2rem;
}
.back-to-top {
  z-index: 21;
  width: 4rem;
  height: 4rem;
  transition: all 0.4s;
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  box-shadow: 0.15rem 0.15rem 0.66rem -0.25rem #00000040;
}
.back-to-top.hide {
  opacity: 0;
  pointer-events: none;
}
.expanderbox--tongue .expanderbox__header:focus-visible {
  outline-color: #99bdd6;
}
.expanderbox__header:focus-visible {
  outline-offset: -0.3rem;
  outline: 0.2rem solid #80807e;
}
.teaser-xs {
  background: #fff;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
  margin-top: -0.1rem;
  margin-bottom: 1.6rem;
  display: flex;
  position: relative;
}
.teaser-xs:nth-of-type(odd) {
  clear: left;
}
.teaser-xs__teaserinfo {
  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 {
  flex-flow: wrap;
  align-items: flex-start;
  display: flex;
}
.teaser-xs__topline-container .label {
  margin-bottom: 0.6rem;
  margin-right: 0.6rem;
}
.teaser-xs__date {
  color: #80807e;
  margin-right: 0.6rem;
  padding: 0.2rem 0 0.6rem;
  font-size: 1.5rem;
}
.teaser-xs__topline {
  color: #33322f;
  width: 100%;
  margin-top: 0;
  padding: 0.2rem 0;
  font-family: Thesis, Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 2rem;
  display: block;
}
.teaser-xs__headline {
  color: #015999;
  -webkit-line-clamp: 4;
  white-space: normal;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
.teaser-xs__headline span:not(.link-extend) {
  font: inherit;
}
.teaser-xs__media {
  position: relative;
}
@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 {
  width: 100%;
  text-decoration: none;
}
.teaser-xs__teaserinfo .teaser-xs__link {
  border: 2px solid #0000;
  display: block;
}

.dropdown-navi__link:focus-visible {
  outline: 0.2rem solid #80807e;
}
.dropdown-navi.dropdown-navi--tongue .dropdown-navi__link:focus-visible {
  outline-color: #99bdd6;
}
.teaser-absatz__link:focus-visible {
  outline-offset: -0.2rem;
  outline: 0.2rem solid #80807e;
}
.backlink {
  align-items: center;
  width: 100%;
  display: flex;
}
.backlink {
  background-color: #fff;
  padding: 0 2rem 3.2rem;
  font-size: 1.6rem;
  line-height: 1.8rem;
}
@media screen and (min-width: 768px) {
  .backlink {
    padding: 0 0 3.2rem;
  }
}
.backlink__text {
  color: #80807e;
}
.dynamic-navigation {
  padding: 0 2rem;
  font-size: 1.8rem;
}
@media screen and (min-width: 768px) {
  .dynamic-navigation {
    padding: 0 4rem;
  }
}
.dynamic-navigation__pagelink-icon {
  width: 2rem;
  margin-right: 1.7rem;
  position: relative;
  top: 0.2rem;
}
.dynamic-navigation__pagelink-icon .icon {
  fill: #33322f;
}
.dynamic-navigation__link {
  color: #33322f;
  background-color: #fff;
  align-items: center;
  width: 100%;
  height: 5.4rem;
  padding: 1rem 2rem 1rem 1rem;
  display: flex;
}
.dynamic-navigation__link:focus-visible {
  outline-offset: -0.2rem;
  outline: 0.2rem solid #80807e;
}
.dynamic-navigation__link:hover {
  color: #fff;
  cursor: pointer;
  background-color: #015999;
}
.dynamic-navigation__link:hover .icon {
  fill: #fff;
}
.dynamic-navigation__submenulink:focus-visible {
  outline-offset: -0.2rem;
  outline: 0.2rem solid #80807e;
}
.dynamic-navigation-item {
  box-sizing: content-box;
  color: #33322f;
  background-color: #fff;
  border-bottom: 0.1rem solid #e4e4e4;
  align-items: center;
  width: 100%;
  height: 5.4rem;
  display: flex;
}
.dynamic-navigation-item.dynamic-navigation-item--separated {
  border-bottom: 0.1rem solid #33322f;
  padding-bottom: 0.8rem;
}
.dynamic-navigation-item--headline a.dynamic-navigation__link:focus-visible {
  height: 3.4rem;
}
.dynamic-navigation-item--headline .dynamic-navigation__link:focus-visible {
  outline-offset: -1.4rem;
  outline: 0.2rem solid #fff;
}
.subheader__textlink:focus-visible {
  outline-offset: 0.2rem;
  outline: 0.2rem solid #80807e;
}
.dialog::backdrop {
  -webkit-backdrop-filter: blur(0.5rem);
  backdrop-filter: blur(0.5rem);
  background-color: #0009;
}
.image-label:focus-visible {
  outline-color: #80807e;
}
.image-label--highlight:focus-visible {
  outline-color: #99bdd6;
}
.tooltip > summary:focus-visible {
  outline: 0.2rem solid #80807e;
}
.accordion {
  background-color: #fff;
  border-bottom: 0.1rem solid #e4e4e4;
}
.accordion:first-child {
  border-top: 0.1rem solid #e4e4e4;
}
.accordion__header {
  cursor: pointer;
  background-color: #fff;
}
.accordion__header::marker {
  content: "";
}
.accordion__header::-webkit-details-marker {
  display: none;
}
.accordion__header .icon {
  fill: #33322f;
  width: 3.2rem;
  height: 3.2rem;
  margin-left: 0.4rem;
  margin-right: 0.4rem;
}
.accordion__header:focus-visible {
  outline-offset: -0.2rem;
  outline: 0.2rem solid #80807e;
}
.accordion__header:hover .accordion__label-wrapper {
  background-color: #e4e4e4;
}
.accordion > :not(.accordion__header) {
  width: 100%;
  margin-bottom: 1.2rem;
  margin-left: 0;
  margin-right: 0;
  padding: 0 0.8rem;
}
.accordion > :last-child :not(.dropdown-navi__link) {
  border-bottom: none;
}
.accordion__label-wrapper {
  color: #33322f;
  background: #fff;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.accordion__label {
  width: 100%;
  padding: 1.2rem 0.8rem;
  font-family: Thesis, Helvetica, Arial, sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.6rem;
}
.accordion__label--small {
  font-family: Thesis, Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  line-height: 2.4rem;
}
.accordion--highlight .accordion__header:focus-visible {
  outline-color: #99bdd6;
}
.accordion:has(.hint) {
  border-top: none;
}
@media screen and (min-width: 768px) {
  .accordion:has(.hint) {
    border-bottom: none;
  }
  .accordion summary:has(.hint) {
    flex: 1;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }
}
.vueslider
  .swiper:focus-visible
  .swiper-button-prev:not(.swiper-button-disabled),
.vueslider
  .swiper:focus-visible
  .swiper-button-next:not(.swiper-button-disabled) {
  opacity: 1;
}
.teaser-slider__wrapper
  .swiper:focus-visible
  .swiper-button-prev:not(.swiper-button-disabled),
.teaser-slider__wrapper
  .swiper:focus-visible
  .swiper-button-next:not(.swiper-button-disabled) {
  opacity: 1;
}
.header-app {
  height: 100%;
  margin: auto;
  font-size: 1.4rem;
  transition: all 0.4s ease-in-out;
}
.header-app__eventbox {
  z-index: 161;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%);
}
.header-app__link {
  cursor: pointer;
  opacity: 0;
  color: #33322f;
  align-items: center;
  height: 100%;
  font-size: 1.8rem;
  display: none;
}
.header-app__link__text {
  white-space: nowrap;
  padding-right: 0.6rem;
}
.header-app__link {
  background: 0 0;
  padding: 0 0.8rem;
}
.header-app__link:focus-visible {
  outline: 0.2rem solid #80807e;
}
.header-fancy-v2.small .header-app__link {
  opacity: 1;
  display: flex;
}
.header-app__icon {
  fill: #33322f;
  align-items: center;
  display: flex;
}
.header-app__icon svg {
  height: 2.5rem;
}
_:future {
  height: fill-available;
}
.header-app__eventbox {
  max-height: 5.2rem;
}
.header-app__close:focus-visible {
  outline: 0.2rem solid #80807e;
}
@media screen and (min-width: 1024px) {
  .header-app__link {
    opacity: 1;
    max-height: 8rem;
    display: flex;
  }
  .header-app__icon svg {
    height: 3.8rem;
  }
  .header-app__eventbox {
    max-height: 8rem;
  }
}
.mappingbox .searchfield__input:focus-visible {
  outline-offset: 0.2rem;
  outline: 0.1rem solid #fff;
}
.mappingbox .searchfield__submit:focus-visible {
  background: #015999;
}
.mappingbox
  .searchfield__submit:focus-visible
  + .searchfield__icon
  .icon--search {
  fill: #fff;
}
.systeminfos .systeminfos__targetarea:focus-visible {
  outline: 0.1rem solid #33322f;
}
.tabnav--logos .logo-btn:focus-visible img {
  outline: none;
}
.vue-comparison-slider.color--tongue
  .vue-comparison-slider__slider:focus-visible {
  outline-color: #99bdd6;
}
.vue-comparison-slider__slider:focus-visible {
  outline-color: #80807e;
}
.vue-comparison-slider__slider:focus-visible
  .arrow-handle-control
  .icon--arrow-handle
  circle {
  fill: #0000;
}
.horizontal-navigation__scrollable:not(
  :has(.horizontal-navigation__button-prev:disabled)
) {
  scroll-padding-left: 3.4rem;
}
.horizontal-navigation__scrollable:not(
  :has(.horizontal-navigation__button-next:disabled)
) {
  scroll-padding-right: 3.4rem;
}
.horizontal-navigation__button-prev:focus-visible,
.horizontal-navigation__button-next:focus-visible {
  border: 0.2rem solid #80807e;
}
@media screen and (min-width: 768px) {
  .horizontal-navigation__scrollable:not(
    :has(.horizontal-navigation__button-prev:disabled)
  ) {
    scroll-padding-left: 5.4rem;
  }
  .horizontal-navigation__scrollable:not(
    :has(.horizontal-navigation__button-next:disabled)
  ) {
    scroll-padding-right: 5.4rem;
  }
}

@media print {
  body {
    display: none !important;
  }
}
.sorser {
  margin: 3rem 0 1rem;
  text-align: center;
}
.form {
  float: none !important;
}
.sorser .form {
  max-width: 560px;
  margin: 0 auto;
}

.sorser .form-card {
  overflow: hidden;
  background: #fff;
  border: 1px solid #d5d5d5;
  border-radius: 0 0 34px 34px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.14);
}

.sorser .form-card__header {
  padding: 28px 24px;
  background: #2e618b;
  color: #fff;
  font-family: Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-align: center;
  text-transform: uppercase;
}

.sorser .form-card__body {
  padding: 40px 46px 38px;
  background: #fff;
}

/* intl-tel-input тільки в цій формі */

@media (max-width: 576px) {
  .sorser {
    margin-top: 2.5rem;
  }

  .sorser .form-card__header {
    padding: 24px 18px;
    font-size: 16px;
  }

  .sorser .form-card__body {
    padding: 28px 20px 30px;
  }
}

h2 {
  font-size: 24px !important;
  font-weight: 700 !important;
}

.news-container {
  margin: 20px auto;
  overflow-wrap: break-word;
  word-break: break-word;
  margin: 0px 0px 1.125rem;
  line-height: 25px;
  font-size: 1.125rem;
  font-family:
    HeyWow, Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #333;

  background: #fff;
}

.news-section {
  margin-bottom: 40px;
}

.news-title {
  display: flex;
  align-items: center;
  font-size: 28px;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 10px;
  color: #0056b3;
  /* Синій акцент */
}

.news-title.restriction {
  color: #d32f2f;
  /* Червоний для обмежень */
}

.icon-check,
.icon-cross {
  margin-right: 12px;
  font-size: 24px;
}

.divider {
  height: 4px;
  width: 60px;
  background: #d32f2f;
  margin-bottom: 20px;
}

.news-list {
  list-style: none;
  padding: 0;
}

.news-list li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 18px;
  font-size: 18px;
  font-weight: 300;
  text-align: justify;
}

/* Стильна крапка списку */
.news-list li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: #d32f2f;
  font-weight: bold;
  font-size: 20px;
}

strong {
  color: #000;
  font-weight: 700;
}

@media (max-width: 600px) {
  .news-title {
    font-size: 22px;
  }

  .news-list li {
    font-size: 16px;
  }
}

.red {
  color: red;
}

#form-title {
  margin-top: 15px;
}

.form-title {
  background: linear-gradient(200deg, #09849e, #015999 80%);
}

/* Основной контейнер комментариев */
.comments-container {
  max-width: 680px;
  margin: 0 auto;
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial,
    sans-serif;
  font-size: 15px;
  line-height: 1.4;
  color: #050505;
  background: #fff;
}

/* Один комментарий */
.comment {
  padding: 12px 0;
  border-bottom: 1px solid #e4e6eb;
}

.comment:last-child {
  border-bottom: none;
}

/* Заголовок: аватар + имя + время */
.comment-header {
  display: flex;
  align-items: flex-start;
  margin-bottom: 6px;
}

.avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  margin-right: 12px;
  flex-shrink: 0;
}

.comment-meta {
  display: flex;
  flex-direction: column;
}

.username {
  font-weight: 600;
  color: #050505;
  font-size: 15px;
  margin-bottom: 2px;
}

.time {
  font-size: 13px;
  color: #606770;
}

/* Текст комментария */
.comment-text {
  margin-left: 52px;
  /* отступ под аватар */
  color: #050505;
  word-break: break-word;
}

/* Действия: Gefällt mir · Antworten · X */
.comment-actions {
  margin: 6px 0 0 52px;
  font-size: 13px;
  color: #606770;
}

.comment-actions span {
  cursor: pointer;
}

.comment-actions span:hover {
  text-decoration: underline;
}

/* Ответы (replies) */
.reply {
  margin: 12px 0 0 52px;
  position: relative;
}

/* Уровень вложенности 2 (ответ на ответ) */
.reply.level-2 {
  margin-left: 92px;
}

/* Линия вложенности (как в Facebook) */
.reply.level-2::before {
  content: "";
  position: absolute;
  left: -40px;
  top: 20px;
  bottom: -12px;
  width: 2px;
  background: #e4e6eb;
  z-index: 1;
}

/* Мобильная адаптация */
@media (max-width: 500px) {
  .comments-container {
    padding: 0 12px;
  }

  .avatar {
    width: 36px;
    height: 36px;
  }

  .comment-text,
  .comment-actions,
  .reply {
    margin-left: 48px;
  }

  .reply.level-2 {
    margin-left: 84px;
  }

  .reply.level-2::before {
    left: -36px;
  }
}

.regBtn {
  padding: 8px;
  border-radius: 4px;
  margin: 20px auto;
  text-align: center;
  color: white !important;
  font-size: 18px;
  line-height: 130%;
  font-weight: bolder !important;
  text-decoration: none;
  display: flex;
  justify-content: center;
  max-width: 400px;
  transition: all 0.6s ease-in-out;
  font-family: monospace;
  background: #015999;
  animation: pulse 1.8s infinite ease-in-out;
}

.regBtn:hover {
  transform: scale(1.02);
}

@keyframes pulse {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 rgba(44, 16, 201, 0.5);
  }

  50% {
    transform: scale(1.02);
    box-shadow: 0 0 12px rgba(38, 16, 201, 0.4);
  }

  100% {
    transform: scale(1);
    box-shadow: 0 0 0 rgba(16, 93, 201, 0.5);
  }
}

img {
  margin-bottom: 15px;
}

.sticky-header {
  position: fixed;
  top: -60px;
  left: 0;
  width: 100%;
  font-size: 18px;
  height: 50px;
  background-color: #015999;
  color: white !important;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  font-weight: bold;
  font-family: sans-serif;
  transition: top 0.3s ease-in-out;
  z-index: 1000;
  gap: 5px;
}

/* Клас, який додасть JS при скролі */
.sticky-header.visible {
  top: 0;
}

/* Стилі кнопки внизу */
.footer-action {
  position: fixed;
  bottom: 20px;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  z-index: 1000;
}

.earn-btn {
  background-color: #015999;
  color: white !important;
  padding: 15px 40px;
  text-decoration: none;
  border-radius: 8px;
  font-size: 18px;
  font-weight: bold;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.hidden {
  display: none;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: calc(50% - 200px);
}