/*! nouislider - 15.5.0 - 05.01.2022 */
.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    box-sizing: border-box;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.noUi-target {
    position: relative
}

.noUi-base,
.noUi-connects {
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 1
}

.noUi-connects {
    overflow: hidden;
    z-index: 0
}

.noUi-connect,
.noUi-origin {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform-style: preserve-3d;
    transform-style: flat;
    width: 100%;
    will-change: transform;
    z-index: 1
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
    left: 0;
    right: auto
}

.noUi-vertical .noUi-origin {
    top: -100%;
    width: 0
}

.noUi-horizontal .noUi-origin {
    height: 0
}

.noUi-handle {
    backface-visibility: hidden;
    position: absolute
}

.noUi-touch-area {
    height: 100%;
    width: 100%
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
    transition: transform .3s
}

.noUi-state-drag * {
    cursor: inherit !important
}

.noUi-horizontal {
    height: 18px
}

.noUi-horizontal .noUi-handle {
    height: 28px;
    right: -17px;
    top: -6px;
    width: 34px
}

.noUi-vertical {
    width: 18px
}

.noUi-vertical .noUi-handle {
    bottom: -17px;
    height: 34px;
    right: -6px;
    width: 28px
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
    left: -17px;
    right: auto
}

.noUi-connects {
    border-radius: 3px
}

.noUi-connect {
    background: #3fb8af
}

.noUi-draggable {
    cursor: ew-resize
}

.noUi-vertical .noUi-draggable {
    cursor: ns-resize
}

.noUi-handle {
    background: #fff;
    border-radius: 50%;
    cursor: pointer
}

[disabled] .noUi-connect {
    background: #b8b8b8
}

[disabled] .noUi-handle,
[disabled].noUi-handle,
[disabled].noUi-target {
    cursor: not-allowed
}

.noUi-pips,
.noUi-pips * {
    box-sizing: border-box
}

.noUi-pips {
    color: #999;
    position: absolute
}

.noUi-value {
    position: absolute;
    text-align: center;
    white-space: nowrap
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px
}

.noUi-marker {
    background: #ccc;
    position: absolute
}

.noUi-marker-large,
.noUi-marker-sub {
    background: #aaa
}

.noUi-pips-horizontal {
    height: 80px;
    left: 0;
    padding: 10px 0;
    top: 100%;
    width: 100%
}

.noUi-value-horizontal {
    transform: translate(-50%, 50%)
}

.noUi-rtl .noUi-value-horizontal {
    transform: translate(50%, 50%)
}

.noUi-marker-horizontal.noUi-marker {
    height: 5px;
    margin-left: -1px;
    width: 2px
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px
}

.noUi-pips-vertical {
    height: 100%;
    left: 100%;
    padding: 0 10px;
    top: 0
}

.noUi-value-vertical {
    padding-left: 25px;
    transform: translateY(-50%)
}

.noUi-rtl .noUi-value-vertical {
    transform: translateY(50%)
}

.noUi-marker-vertical.noUi-marker {
    height: 2px;
    margin-top: -1px;
    width: 5px
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 10px
}

.noUi-marker-vertical.noUi-marker-large {
    width: 15px
}

.noUi-tooltip {
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    color: #000;
    display: block;
    padding: 5px;
    position: absolute;
    text-align: center;
    white-space: nowrap
}

.noUi-horizontal .noUi-tooltip {
    bottom: 120%;
    left: 50%;
    transform: translate(-50%)
}

.noUi-vertical .noUi-tooltip {
    right: 120%;
    top: 50%;
    transform: translateY(-50%)
}

.ardplayer {
    background-color: var(--ardplayer-color-darkest);
    box-sizing: border-box;
    color: var(--ardplayer-color-lightest);
    contain: style size;
    cursor: none;
    font-family: Thesis, The Sans, TheSans, sans-serif, Helvetica Neue, Arial;
    height: 100%;
    line-height: 1;
    overflow: hidden;
    position: relative;
    text-align: left;
    text-rendering: optimizeLegibility;
    width: 100%
}

.ardplayer a,
.ardplayer abbr,
.ardplayer acronym,
.ardplayer address,
.ardplayer applet,
.ardplayer article,
.ardplayer aside,
.ardplayer audio,
.ardplayer b,
.ardplayer big,
.ardplayer blockquote,
.ardplayer canvas,
.ardplayer caption,
.ardplayer center,
.ardplayer cite,
.ardplayer code,
.ardplayer dd,
.ardplayer del,
.ardplayer details,
.ardplayer dfn,
.ardplayer div,
.ardplayer dl,
.ardplayer dt,
.ardplayer em,
.ardplayer embed,
.ardplayer fieldset,
.ardplayer figcaption,
.ardplayer figure,
.ardplayer footer,
.ardplayer form,
.ardplayer h1,
.ardplayer h2,
.ardplayer h3,
.ardplayer h4,
.ardplayer h5,
.ardplayer h6,
.ardplayer header,
.ardplayer hgroup,
.ardplayer i,
.ardplayer iframe,
.ardplayer img,
.ardplayer ins,
.ardplayer kbd,
.ardplayer label,
.ardplayer legend,
.ardplayer li,
.ardplayer mark,
.ardplayer menu,
.ardplayer nav,
.ardplayer object,
.ardplayer ol,
.ardplayer output,
.ardplayer p,
.ardplayer pre,
.ardplayer q,
.ardplayer ruby,
.ardplayer s,
.ardplayer samp,
.ardplayer section,
.ardplayer small,
.ardplayer span,
.ardplayer strike,
.ardplayer strong,
.ardplayer sub,
.ardplayer summary,
.ardplayer sup,
.ardplayer table,
.ardplayer tbody,
.ardplayer td,
.ardplayer tfoot,
.ardplayer th,
.ardplayer thead,
.ardplayer time,
.ardplayer tr,
.ardplayer tt,
.ardplayer u,
.ardplayer ul,
.ardplayer var,
.ardplayer video {
    border: 0;
    font: inherit;
    font-size: 100%;
    margin: 0;
    outline: none;
    padding: 0;
    vertical-align: baseline
}

.ardplayer article,
.ardplayer aside,
.ardplayer details,
.ardplayer figcaption,
.ardplayer figure,
.ardplayer footer,
.ardplayer header,
.ardplayer hgroup,
.ardplayer menu,
.ardplayer nav,
.ardplayer section {
    display: block
}

.ardplayer ol,
.ardplayer ul {
    list-style: none
}

.ardplayer blockquote,
.ardplayer q {
    quotes: none
}

.ardplayer blockquote:after,
.ardplayer blockquote:before,
.ardplayer q:after,
.ardplayer q:before {
    content: none
}

.ardplayer table {
    border-collapse: collapse;
    border-spacing: 0
}

.ardplayer button,
.ardplayer input,
.ardplayer optgroup,
.ardplayer select,
.ardplayer textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

.ardplayer {
    --ardplayer-color-primary-live: #ff6670;
    --ardplayer-color-primary-live-transparent-30: rgba(255, 102, 112, .7);
    --ardplayer-color-primary-live-transparent-50: rgba(255, 102, 112, .5);
    --ardplayer-color-primary-base: #2d91ff;
    --ardplayer-color-primary-base-transparent-30: rgba(45, 145, 255, .7);
    --ardplayer-color-primary-base-transparent-50: rgba(45, 145, 255, .5);
    --ardplayer-color-primary: var(--ardplayer-color-primary-base);
    --ardplayer-color-primary-transparent-30: var(--ardplayer-color-primary-base-transparent-30);
    --ardplayer-color-primary-transparent-50: var(--ardplayer-color-primary-base-transparent-50);
    --ardplayer-color-primary-dark-base: #001e50;
    --ardplayer-color-primary-dark-base-transparent-30: rgba(0, 30, 80, .7);
    --ardplayer-color-primary-dark-base-transparent-50: rgba(0, 30, 80, .5);
    --ardplayer-color-primary-dark-base-transparent-90: rgba(0, 30, 80, .1);
    --ardplayer-color-primary-dark-base-transparent-100: rgba(0, 30, 80, 0);
    --ardplayer-color-primary-dark-live: #48071e;
    --ardplayer-color-primary-dark-live-transparent-30: rgba(72, 7, 30, .7);
    --ardplayer-color-primary-dark-live-transparent-50: rgba(72, 7, 30, .5);
    --ardplayer-color-primary-dark-live-transparent-90: rgba(72, 7, 30, .1);
    --ardplayer-color-primary-dark-live-transparent-100: rgba(72, 7, 30, 0);
    --ardplayer-color-primary-dark: var(--ardplayer-color-primary-dark-base);
    --ardplayer-color-primary-dark-transparent-30: var(--ardplayer-color-primary-dark-base-transparent-30);
    --ardplayer-color-primary-dark-transparent-50: var(--ardplayer-color-primary-dark-base-transparent-50);
    --ardplayer-color-primary-dark-transparent-90: var(--ardplayer-color-primary-dark-base-transparent-90);
    --ardplayer-color-primary-dark-transparent-100: var(--ardplayer-color-primary-dark-base-transparent-100);
    --ardplayer-color-secondary: #162034;
    --ardplayer-color-secondary-transparent-30: rgba(22, 32, 52, .7);
    --ardplayer-color-secondary-transparent-50: rgba(22, 32, 52, .5);
    --ardplayer-color-tertiary-base: #0071ee;
    --ardplayer-color-tertiary: var(--ardplayer-color-tertiary-base);
    --ardplayer-color-tertiary-dark: #003480;
    --ardplayer-color-darkest: #000;
    --ardplayer-color-dark: #494949;
    --ardplayer-color-light: #c4c4c4;
    --ardplayer-color-light-transparent-90: hsla(0, 0%, 77%, .1);
    --ardplayer-color-lightest-transparent-30: hsla(0, 0%, 100%, .7);
    --ardplayer-color-lightest-transparent-50: hsla(0, 0%, 100%, .5);
    --ardplayer-color-ui-background-shim: rgba(0, 0, 0, .5)
}

.ardplayer *,
.ardplayer :after,
.ardplayer :before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    box-sizing: inherit
}

.ardplayer ::-moz-focus-inner {
    border: none
}

.ardplayer .ardplayer-hidden {
    display: none !important
}

.ardplayer .ardplayer-background,
.ardplayer .ardplayer-viewport,
.ardplayer .ardplayer-viewport>* {
    height: 100%;
    position: absolute;
    width: 100%
}

.ardplayer .ardplayer-background {
    background: var(--ardplayer-color-ui-background-shim);
    opacity: 0;
    pointer-events: none;
    transition: opacity .6s ease-in-out
}

.ardplayer.ardplayer-show-controls .ardplayer-background,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls) .ardplayer-background {
    opacity: 1
}

.ardplayer .ardplayer-viewport-addon-overlays {
    height: 100%;
    pointer-events: none;
    position: absolute;
    width: 100%
}

.ardplayer .ardplayer-title-container {
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.ardplayer .ardplayer-title-container .ardplayer-title-sizer {
    display: flex;
    white-space: nowrap;
    width: 100%
}

.ardplayer .ardplayer-center {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 164px;
    justify-content: center;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: calc(50% - 82px);
    width: 100%;
    z-index: 1
}

.ardplayer .ardplayer-footer {
    bottom: 0;
    height: 100px;
    pointer-events: none;
    position: absolute;
    width: 100%
}

.ardplayer .ardplayer-footer .ardplayer-time-playhead {
    left: 30px;
    text-align: center
}

.ardplayer .ardplayer-footer .ardplayer-time-remaining {
    right: 30px;
    text-align: center
}

.ardplayer .ardplayer-footer .ardplayer-time-playhead,
.ardplayer .ardplayer-footer .ardplayer-time-remaining {
    bottom: 130px;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    position: absolute;
    width: 110px
}

.ardplayer .ardplayer-footer.ardplayer-controlbar-hero .ardplayer-time-remaining {
    right: 88px
}

.ardplayer .ardplayer-footer.ardplayer-controlbar-hero [ardplayer-menu-hero] {
    bottom: 104px;
    position: absolute;
    right: 30px
}

.ardplayer .ardplayer-header {
    text-align: right
}

.ardplayer .ardplayer-header .ardplayer-addons-container {
    margin: 30px
}

.ardplayer .ardplayer-header .ardplayer-addons-container button {
    transition: transform .6s ease-in-out, opacity .6s ease-in-out, visibility .6s ease-in-out
}

.ardplayer .ardplayer-header .ardplayer-addons-container.ardplayer-show-controls:not(.ardplayer-state-inactive) .ardplayer-btn-chromecast,
.ardplayer .ardplayer-header .ardplayer-addons-container.ardplayer.ardplayer-state-completed:not(.ardplayer-state-inactive):not(.ardplayer-force-hide-controls) .ardplayer-btn-chromecast {
    opacity: 1;
    visibility: visible
}

.ardplayer.ardplayer-m .ardplayer-header .ardplayer-addons-container,
.ardplayer.ardplayer-sm .ardplayer-header .ardplayer-addons-container {
    margin: 16px
}

.ardplayer.ardplayer-s .ardplayer-header .ardplayer-addons-container {
    margin: 0
}

.ardplayer .ardplayer-addons-container-big {
    bottom: 35px;
    padding-right: 102px;
    position: absolute;
    text-align: right;
    width: 100%
}

.ardplayer .ardplayer-addons-container {
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-end
}

.ardplayer .ardplayer-addons-container button {
    z-index: 0
}

.ardplayer .ardplayer-button-fullscreen-container {
    bottom: 35px;
    position: absolute;
    right: 30px
}

.ardplayer .ardplayer-button-settings-small {
    display: none
}

.ardplayer.ardplayer-m .ardplayer-hide-m,
.ardplayer.ardplayer-sm .ardplayer-hide-m {
    display: none !important
}

.ardplayer.ardplayer-m .ardplayer-addons-container-big,
.ardplayer.ardplayer-m .ardplayer-button-fullscreen-container,
.ardplayer.ardplayer-m .ardplayer-buttons-main,
.ardplayer.ardplayer-sm .ardplayer-addons-container-big,
.ardplayer.ardplayer-sm .ardplayer-button-fullscreen-container,
.ardplayer.ardplayer-sm .ardplayer-buttons-main {
    height: 48px
}

.ardplayer.ardplayer-m .ardplayer-addons-container-big,
.ardplayer.ardplayer-sm .ardplayer-addons-container-big {
    bottom: 15px;
    padding-right: 48px
}

.ardplayer.ardplayer-m .ardplayer-time-playhead,
.ardplayer.ardplayer-m .ardplayer-time-remaining,
.ardplayer.ardplayer-sm .ardplayer-time-playhead,
.ardplayer.ardplayer-sm .ardplayer-time-remaining {
    font-size: 16px;
    line-height: 16px;
    width: 70px
}

.ardplayer.ardplayer-m .ardplayer-time-playhead,
.ardplayer.ardplayer-sm .ardplayer-time-playhead {
    left: 18px
}

.ardplayer.ardplayer-m .ardplayer-button-fullscreen-container,
.ardplayer.ardplayer-sm .ardplayer-button-fullscreen-container {
    bottom: 15px;
    right: 16px
}

.ardplayer.ardplayer-m .ardplayer-addons-container-big,
.ardplayer.ardplayer-sm .ardplayer-addons-container-big {
    padding-right: 64px
}

.ardplayer.ardplayer-m .ardplayer-time-playhead,
.ardplayer.ardplayer-m .ardplayer-time-remaining {
    bottom: 72px
}

.ardplayer.ardplayer-m .ardplayer-time-remaining {
    right: 18px
}

.ardplayer.ardplayer-m .ardplayer-controlbar-hero .ardplayer-time-remaining {
    right: 54px
}

.ardplayer.ardplayer-m .ardplayer-controlbar-hero [ardplayer-menu-hero] {
    bottom: 56px;
    position: absolute;
    right: 16px
}

.ardplayer.ardplayer-sm .ardplayer-time-playhead,
.ardplayer.ardplayer-sm .ardplayer-time-remaining {
    bottom: 31px
}

.ardplayer.ardplayer-sm .ardplayer-controlbar-hero .ardplayer-time-remaining,
.ardplayer.ardplayer-sm .ardplayer-time-remaining {
    right: 102px
}

.ardplayer.ardplayer-s .ardplayer-addons-container-big,
.ardplayer.ardplayer-s .ardplayer-controlbar-hero [ardplayer-menu-hero],
.ardplayer.ardplayer-sm .ardplayer-addons-container-big,
.ardplayer.ardplayer-sm .ardplayer-controlbar-hero [ardplayer-menu-hero] {
    display: none
}

.ardplayer.ardplayer-s .ardplayer-button-settings-small,
.ardplayer.ardplayer-sm .ardplayer-button-settings-small {
    display: inline-block
}

.ardplayer.ardplayer-s .ardplayer-hide-s,
.ardplayer:not(.ardplayer-s) .ardplayer-show-s {
    display: none !important
}

.ardplayer.ardplayer-s .ardplayer-controlbar-hero .ardplayer-time-remaining,
.ardplayer.ardplayer-s .ardplayer-time-playhead,
.ardplayer.ardplayer-s .ardplayer-time-remaining {
    bottom: unset;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    left: unset;
    line-height: 16px;
    margin-top: 42px;
    position: relative;
    right: unset;
    text-align: left;
    width: auto
}

.ardplayer.ardplayer-s .ardplayer-time-playhead {
    margin-left: 12px
}

.ardplayer.ardplayer-s .ardplayer-time-playhead:after {
    content: "/";
    display: inline-block;
    margin: 0 4px
}

.ardplayer.ardplayer-s .ardplayer-time-remaining {
    color: var(--ardplayer-color-lightest-transparent-50)
}

.ardplayer.ardplayer-s .ardplayer-button-fullscreen-container.ardplayer-button-big button,
.ardplayer.ardplayer-s .ardplayer-button-fullscreen-container.ardplayer-button-big button:after,
.ardplayer.ardplayer-s .ardplayer-button-fullscreen-container.ardplayer-button-big button:before,
.ardplayer.ardplayer-s .ardplayer-footer button,
.ardplayer.ardplayer-s .ardplayer-footer button:after,
.ardplayer.ardplayer-s .ardplayer-footer button:before {
    font-size: 40px;
    height: 40px;
    line-height: 40px;
    width: 40px
}

.ardplayer.ardplayer-s .ardplayer-addons-container-big,
.ardplayer.ardplayer-s .ardplayer-button-fullscreen-container,
.ardplayer.ardplayer-s .ardplayer-buttons-main {
    height: 40px
}

.ardplayer.ardplayer-s .ardplayer-button-fullscreen-container {
    bottom: 0;
    right: 0
}

.ardplayer.ardplayer-s .ardplayer-title-container {
    display: block
}

.ardplayer {
    --headline-right-margin: $footer-h-padding
}

.ardplayer .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget {
    align-items: center;
    color: var(--ardplayer-color-lightest);
    cursor: pointer;
    display: flex;
    margin-left: 30px;
    margin-right: var(--headline-right-margin);
    margin-top: 30px;
    min-width: 100px;
    position: relative;
    text-decoration: none;
    visibility: hidden;
    z-index: 1
}

.ardplayer .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-img {
    background-color: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 40px;
    display: none;
    flex: 0 0 80px;
    height: 80px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 80px;
    z-index: 1
}

.ardplayer .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-img.ardplayer-publisher-ard,
.ardplayer .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-img.ardplayer-publisher-default {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NjYiIGhlaWdodD0iMjE0Ij48ZyBmaWxsPSIjMDAxZTUwIj48cGF0aCBkPSJNMzU2LjU4MiAxMzMuMTE5VjYyLjczNGwtNzAuNjg0IDI1LjQwMXYxNy41NzRMMzA5LjMzIDk3LjJ2NTIuODUzeiIvPjxwYXRoIGQ9Ik0zMjkuNjQzIDIxLjcyNmMtMjkuMDc2IDAtNTUuMDc2IDE0LjUzOS03MC41OTkgMzYuNjg5bDEyLjQ0NCA4LjcyNGMxMi43NDItMTguMTMgMzMuODY1LTMwLjI3NSA1Ny43MjctMzAuMjc1IDM4Ljc0MiAwIDY5LjUyOSAzMS43MjkgNjkuNTI5IDcwLjU5OCAwIDM4Ljg3LTMwLjc4NyA3MC41OTktNjkuNTI5IDcwLjU5OS0yMy44NjEgMC00NC44OTgtMTIuMjI5LTU3LjY0Mi0zMC40MDNsLTEyLjcgOC44NTJjMTUuNDggMjIuMTUgNDAuNzUyIDM2LjYwNCA2OS44MjggMzYuNjA0IDQ3LjU1MSAwIDg1LjkwOC0zOC40ODUgODUuOTA4LTg1Ljc3OC4wNDMtNDcuMzM5LTM3LjY3My04NS42MS04NC45NjYtODUuNjEiLz48cGF0aCBkPSJNMjIxLjAzIDY3Ljc4Yy04LjM4MSAwLTEzLjg5OC4xMjgtMTguMzQ0LjI1Ni0yLjc4LjA4Ni00Ljk2LjEyOC03LjAxMy4xMjhoLS4zODV2NzguMjFsMy4wNzkuMDg1YzYuMTU4LjE3MiAxMy4xNzEuMzQyIDIwLjE4My4zNDIgMjYuOTgyIDAgNDEuMjY1LTEzLjgxMiA0MS4yNjUtNDAuMDIzLS4wNDQtMjUuNDg1LTEzLjQyOC0zOC45OTgtMzguNzg1LTM4Ljk5OG0tMS4wMjcgNjUuNTUzYy0yLjk1IDAtNi45MjctLjE3Mi05LjAyMi0uNDcxVjgxLjM3OGMyLjI2Ni0uMTI4IDUuNjAyLS4yMTMgOS4wMjItLjIxMyAxNS42MDggMCAyMy4yMTkgOC41OTQgMjMuMjE5IDI2LjI1NC0uMDQyIDE3LjY2MS03LjM5OCAyNS45MTQtMjMuMjE5IDI1LjkxNE04Ny44MjkgNjguNDIxbC0uMDg1LS4yNTdINjguMTE2TDQxLjM5IDE0Ni41NDZoMTUuODY0bDUuMTMxLTE2LjEyMWgyOS41NDhsNS4xNzQgMTYuMTIxaDE3LjQwNHptLTIxLjI1MiA0OC43OTFMNzQuMjMgOTMuMThhMTM4LjAyMiAxMzguMDIyIDAgMCAwIDIuODIyLTEwLjIyYy43MjcgMi44MjIgMS43MSA2LjI4NiAyLjk1MSAxMC4zMDZsNy42NTQgMjMuOTQ2em0xMDEuMzg2IDIuMzk0Yy0xLjE5OC0yLjA1My0yLjYwOS00LjEwNS0zLjcyMS01LjY4OCA5Ljk2My0zLjUwNyAxNS45MDctMTEuNDYgMTUuOTA3LTIyLjIzNSAwLTE1LjY1MS05Ljc5Mi0yMy45MDMtMjguMzUtMjMuOTAzLTguMjEgMC0xNS42OTMuMTctMjEuMTY3LjI5OS0yLjgyMi4wNDMtNS4wODguMTI4LTYuMzcxLjEyOGgtLjM4NXY3OC4zODFoMTUuNjUxdi0yOS44OTFoOC42OGwxNy42NiAyOS44OTFoMTguOTAxem0tMjguMzUxLTM4LjM5OWMxLjE5Ny0uMDQyIDUuMjYtLjEyNyAxMS4xNjEtLjEyNyA4LjYzOCAwIDEyLjgyOSAzLjY3NyAxMi44MjkgMTEuMjQ2IDAgNy40NC00LjQ5IDExLjI0Ni0xMy4yOTkgMTEuMjQ2aC0xMC42OVY4MS4yMDd6Ii8+PC9nPjwvc3ZnPg==)
}

.ardplayer .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-img.ardplayer-publisher-3sat {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDggNjgiPjxwYXRoIGZpbGw9IiMwMDFlNTAiIGQ9Ik02OS40NyAzMC4xOGE4LjI4IDguMjggMCAwIDEtMy43NC0xLjgxTDY1IDI3LjdsMS0xIDEtMSAuNTcuNWE1LjM5IDUuMzkgMCAwIDAgMy41IDEuMzdjMS4yMyAwIDEuOTEtLjI5IDIuMjQtMSAuNDQtLjktLjI1LTEuNzktMS44MS0yLjM1LTMuNjYtMS4zNC00LjQzLTEuOC01LTMuMDZhMy42NiAzLjY2IDAgMCAxIDEuODktNSA3LjUzIDcuNTMgMCAwIDEgNy40MS45bDEgLjc4LTEgMWE4LjQ2IDguNDYgMCAwIDEtMSAxIDYuMjQgNi4yNCAwIDAgMS0uODgtLjZjLTEuNzItMS4yOS0zLjkxLTEuMzMtNC4zOS0uMDctLjMyLjg3LjMyIDEuNDUgMi4zNCAyLjEyIDMuNDEgMS4xMiA0LjYyIDIuMTYgNSA0LjIzYTQuMjggNC4yOCAwIDAgMS0xLjY4IDMuODMgOCA4IDAgMCAxLTUuNzEuOTVabTEyLjg4LjA2YTQuMjIgNC4yMiAwIDAgMS0zLjE4LTIuMTggNC44MSA0LjgxIDAgMCAxIC4wNy0zLjQ2Yy44NC0xLjggMy4yLTIuOTIgNy4yNC0zLjQzTDg4IDIxdi0uNThhMi4yNSAyLjI1IDAgMCAwLTEuMS0xLjggMi43MyAyLjczIDAgMCAwLTEuNjUtLjI5IDQgNCAwIDAgMC0yLjg5IDFsLS42OC41Mi0xLTEtMS0xIC42LS41M2E4LjE1IDguMTUgMCAwIDEgNi4yLTEuNzNBNS4yMSA1LjIxIDAgMCAxIDkxIDE4LjhjLjMyLjguMzQgMS4wOC4zOSA2djUuMTVoLTMuMTh2LTEuNGwtLjQ5LjRhNiA2IDAgMCAxLTIuNjUgMS4yMyA2LjExIDYuMTEgMCAwIDEtMi43Mi4wNlptMy43My0yLjk0YTMuNDYgMy40NiAwIDAgMCAyLTMuMzZjMC0uNzIgMC0uNzItMS44NS0uMzktMi4zNC40MS0zLjQ1IDEtMy44NiAyLjA5QTEuNTIgMS41MiAwIDAgMCA4MyAyNy40YTMuNjMgMy42MyAwIDAgMCAzLjA4LS4xWm0xMS44MSAyLjk1YTQuMDcgNC4wNyAwIDAgMS0zLTIuMTdsLS40LS43N1YxNC4xbDEuNTUtMS41NUExNC41NSAxNC41NSAwIDAgMSA5Ny42MSAxMWMwIC4wOC4wNyAxLjEyLjA3IDIuNDlWMTZoNC4yMnYyLjYzaC00LjEzdjcuODRsLjQ0LjQ0YTEuMjkgMS4yOSAwIDAgMCAxLjE1LjQ0IDIuMzUgMi4zNSAwIDAgMCAxLjIzLS4zM2wuNTItLjMyIDEgMSAxIDEtLjQ1LjM4YTUuOTQgNS45NCAwIDAgMS00LjY4IDEuMTFaTTYuODggNy4wOXY1My44Mmg1My44MVY3LjA5Wm0yNC4wNSA4LjQySDQybC0zLjQgMy4zOC0zLjM4IDMuMzhoLTguNThsLTMuMzgtMy4zOC0zLjM4LTMuMzhabTE1LjM4IDI5Ljc3YTE3IDE3IDAgMCAxLTUuMDggNS4xMiAxNC41MyAxNC41MyAwIDAgMS03LjUyIDIuMTYgMjIuNjkgMjIuNjkgMCAwIDEtMi4zMyAwbC0xLjI4LS4yMkExNiAxNiAwIDAgMSAyMCA0NS43NmwtLjUzLS43NiAyLjYtMi42N2MxLjQ0LTEuNDYgMi42NS0yLjY4IDIuNzEtMi43MXMuMjcuMzcuNjYgMWE4Ljc2IDguNzYgMCAwIDAgOC4yNyA0LjY3YzQuMTYtLjI4IDYuODctMy4yMyA2LjY2LTcuMjRhNi4xNiA2LjE2IDAgMCAwLTEuNzctNGwtLjgtLjg3IDIuNjUtMi42NiAyLjY1LTIuNjUuNTUuNTJhMjAuNDIgMjAuNDIgMCAwIDEgMi44MyAzLjY0IDEzLjg2IDEzLjg2IDAgMCAxLS4xNyAxMy4yNVptLTUuMjYtMTcuMTFjLTMuOTUgMy45NS03LjIyIDcuMTgtNy4yNiA3LjE4cy0xLjE1LTEuMDYtMi40NS0yLjM1QTI3LjgzIDI3LjgzIDAgMCAxIDI5IDMwLjQ2YzAtLjE5IDE0LjIyLTE0LjQ2IDE0LjMyLTE0LjM0bDIuNDkgMi40Nkw0OC4yMyAyMVoiLz48L3N2Zz4=)
}

.ardplayer .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-img.ardplayer-publisher-ardalpha {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMzAgNjgiPjxwYXRoIGZpbGw9IiMwMDFlNTAiIGQ9Ik0xMTcuMyAxMC4zYy0zLjkgMC03LjEgMy4yLTcuMSA3LjFzMy4yIDcuMSA3LjEgNy4xIDcuMS0zLjIgNy4xLTcuMWMtLjEtMy45LTMuMi03LjEtNy4xLTcuMXptMCAxYzMuMyAwIDYgMi43IDYgNiAwIDMuNC0yLjcgNi4xLTYgNi4xcy02LTIuNy02LTYuMWMtLjEtMy4zIDIuNi02IDYtNnptLTgwLjQgMS44Yy0uMyAwLS41LjItLjUuNXYzMC4xYzAgLjMuMi41LjUuNWg0LjJjLjMgMCAuNS0uMi41LS41VjEzLjZjMC0uMy0uMi0uNS0uNS0uNXptMzIuNCAwYy0uMyAwLS41LjItLjUuNXYzMGMwIC4zLjIuNS41LjVoNC4zYy4zIDAgLjUtLjIuNS0uNXYtOS4zYzAtMy42IDIuMS02LjYgNC43LTYuNiAxLjkgMCAyLjUgMS4zIDIuNSAzLjR2MTIuNWMwIC4zLjIuNS41LjVIODZjLjMgMCAuNS0uMi41LS41VjI5LjljMC0zLjUtMS41LTYuNS02LTYuNS0zLjEgMC01LjUgMS41LTYuNiAzLjhoLS4xYy4zLTEuMi40LTIuOS40LTQuMXYtOS41YzAtLjMtLjItLjUtLjUtLjV6bTUwLjggMC03LjEgMi42djEuOGwyLjQtLjlWMjJsNC44LTEuN3pNMTYuOCAyMi43Yy0zLjkgMC03LjcgMy45LTkuNyA3LjEtLjkgMS42LTIuMSA0LjItMi41IDYuOHMuMSA1LjMgMi42IDYuOGMzLjkgMi4yIDggLjMgMTAuOS0xLjkuMy0uMi41LS40LjgtLjcuNy0uNiAxLjQtMS4zIDEuOS0xLjggMCAwIDAtLjEuMS0uMS42LS42IDEuMi0xLjMgMS45LTJsLjEuMWMyLjEgMy44IDQuOSA3LjQgOS4xIDcuMS41LS4xLjUtLjUuNS0xLjF2LTMuNWMwLS40LS4zLS42LS44LS42LS4yIDAtLjcgMC0uOS0uMS0xLjEtLjYtMS43LTEuNi0yLjYtMy4xLS42LTEtMS4yLTIuMS0xLjgtMy4yIDEuMi0xLjUgNS45LTcuNCA1LjktNy40IDEuMy0xLjguNi0xLjktLjYtMS45aC0zLjhjLS42IDAtLjkuMi0xLjEuNC0uMy40LS44IDEuMS0xLjQgMS44LS42LjgtMS4yIDEuNS0xLjcgMi4yLTEuNi0yLjctMy42LTQuOS02LjktNC45em04NS4xLjJjLTMuOSAwLTcuNyAzLjktOS43IDcuMS0uOSAxLjYtMi4yIDQuMi0yLjUgNi44LS40IDIuNi4xIDUuMyAyLjYgNi44IDUuNCAzLjEgMTEuMi0xLjggMTMuNi00LjQuMi0uMi4zLS42LjEtLjlsLTIuMy0yLjljLS40LS41LS45LS41LTEuNCAwLTEuNCAxLjQtMi4yIDIuNi00LjUgMy41LTEuNy43LTIuNi4zLTMtLjItLjktMS40IDEuNi01LjQgMS45LTUuOSAxLjktMyAzLjgtNC40IDUuMS00LjUuMyAwIC43LjEgMS4yLjZzMSAxLjIgMS41IDJjMS4xIDEuOCAyLjIgNC4xIDMuNCA2LjMgMi4xIDMuOCA0LjggNy4yIDkgNi45LjUtLjEuNS0uNS41LTEuMXYtMy41YzAtLjQtLjMtLjYtLjgtLjYtLjIgMC0uNyAwLS45LS4xLTEuMS0uNi0xLjUtMS40LTIuNS0yLjktMS0xLjYtMS44LTMuNS0yLjgtNS40LTItMy44LTQuMS03LjYtOC41LTcuNnptLTQ0LjEuM2MtMy4xIDAtNS4yIDEuNC02LjQgMy44aC0uMWMuMS0uOC4yLTEuNy4yLTIuNXYtLjRjMC0uMy0uMi0uNS0uNS0uNWgtMy45Yy0uMyAwLS41LjItLjUuNXYzMC4zYzAgLjMuMi41LjUuNWg0LjJjLjMgMCAuNS0uMi41LS41VjQ0Yy45LjEgMS42LjIgMi42LjIgNyAwIDEwLjctNC40IDEwLjctMTEuNS4xLTYtMi41LTkuNS03LjMtOS41em0tMS42IDQuM2MyLjQgMCAzLjUgMiAzLjUgNS43IDAgNS0yLjIgNi45LTUuMSA2LjktMS4xIDAtMS45LS4xLTIuNy0uNHYtNS42YzAtMy40IDEuNi02LjYgNC4zLTYuNnptLTM5LjQuNmMuMyAwIC43LjEgMS4yLjZzMSAxLjIgMS41IDJjLjIuNC41LjkuOCAxLjMtMSAxLjItMS45IDIuMi0yLjggMy4yLTEuNCAxLjQtMi40IDIuNS00LjcgMy41LTEuNy43LTIuNi4zLTIuOS0uMi0uOS0xLjQgMS42LTUuNCAxLjktNS45IDEuOC0zIDMuNy00LjUgNS00LjV6Ii8+PC9zdmc+)
}

.ardplayer .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-img.ardplayer-publisher-arte {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDggNjgiPjxwYXRoIGZpbGw9IiMwMDFlNTAiIGQ9Ik04MSAxNy4zNGgxMy41NnY2aDguMDh2OC41NWgtOC4wNmMwIDYuMTUgMCAxMi4zLjA4IDE4LjQ1LTMuMTQuMTctNi4zNC41NC05LjQ1LS4xNGE0Ljk0IDQuOTQgMCAwIDEtNC00LjY1QzgwLjkzIDQxLjA3IDgxIDM2LjUxIDgxIDMyaC01LjU2di04LjU2aDUuNTl2LTZ6bS01OS41NCA1LjZjNS4zNS0uNiAxMS4wOS0uMzUgMTUuOTMgMi4yNCAyLjY0IDEuMzEgNC44MyA0IDQuNjggNy4wNi0uMDggNi4wOC4xMyAxMi4xNi4wOCAxOC4yNUgyOC41OXYtNy42NmEzNy44OCAzNy44OCAwIDAgMC02LjE3IDJjLTEuMTYuNjItMi40NiAxLjY2LTIuMjkgMy4xM2E2Ljc5IDYuNzkgMCAwIDAgMS41NCAyLjQ4SDguOTljLTEuNTcuMTktMi42OS0xLjI5LTMuMTYtMi42YTcuMzkgNy4zOSAwIDAgMSAxLjA2LTZjMi4wOS0yLjgyIDUuNzYtMy42MiA5LTQuMjkgMi4zNi0uMiA0LjY3LS43NSA3LTFhMjIuNDIgMjIuNDIgMCAwIDAgNC41Ny0xIDIgMiAwIDAgMCAuNzktMi43OCAzLjE4IDMuMTggMCAwIDAtMi4zNi0xLjM3IDYuNzcgNi43NyAwIDAgMC00Ljg5LjggMy44MiAzLjgyIDAgMCAwLTEuMTQgMi40N2gtMTNhMTIuMjcgMTIuMjcgMCAwIDEgNC4yMy04YzIuOTEtMi40MyA2Ljc0LTMuMjUgMTAuMzctMy43M3ptNDAuNDMgMy42NmMyLTMuNTcgNi44Mi00LjU2IDEwLjQ5LTMuMTl2OC41NGMtMi4yNi4wNi00LjYxLS4yNC02Ljc3LjU4YTQuOSA0LjkgMCAwIDAtMi44IDQuNTNjLS4wNSA0LjQ4IDAgOSAwIDEzLjQ0LTQuNTggMC05LjE3LjA4LTEzLjc2LS4wNi4wNS05IDAtMTcuOTUgMC0yNi45Mkg2MS43YTkuNiA5LjYgMCAwIDAgLjE5IDMuMDh6bTUzLjcyLTIuNTRhMjYuMTkgMjYuMTkgMCAwIDEgMTYuNDcuMDcgMTUgMTUgMCAwIDEgNy42NiA1LjYyYzIuODEgNCAzLjMyIDkuMTQgMi43OSAxMy44OGgtMjMuODZ2Ni43N2MtMy4zNyAwLTYuNzUuMDctMTAuMTEgMGE3LjU2IDcuNTYgMCAwIDEtMS44My0yLjYxIDE4IDE4IDAgMCAxLTEuMjQtMTMuNjggMTQuOTQgMTQuOTQgMCAwIDEgMTAuMTEtMTBtNS43MyA3LjYxYTQuODkgNC44OSAwIDAgMC0zLjEgNC45NWMzLjczIDAgNy40NC0uMDkgMTEuMTYtLjA5QTcuMzYgNy4zNiAwIDAgMCAxMjggMzNjLTEuNTQtMS45NS00LjQ0LTItNi42Ny0xLjMzeiIvPjwvc3ZnPg==)
}

.ardplayer .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-img.ardplayer-publisher-br {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2OSA2OCI+PGcgZmlsbD0iIzAwMWU1MCI+PHBhdGggZD0iTTMxLjUgMjEuNzZjLjY3IDAgMS42OC0uMDggMi42NyAwIDIuOC4xNSA0IC42NyA1LjI5IDEuNjdhNS41MSA1LjUxIDAgMCAxIDEuOTUgNC4yNmMwIDIuMTItMSA0LjMxLTQuMDcgNS41NmEyMC45MSAyMC45MSAwIDAgMS01LjQ3IDEuMjN2Ljc3YTExLjEzIDExLjEzIDAgMCAxIDMuNTkgMy4yM2MxLjU0IDIgMTAuNTEgMTUuMjMgMTAuNTEgMTUuMjNoNy40UzQxLjM4IDM3IDQwLjUxIDM1Ljg2YzQuMTYtMS40NCA3LjE0LTQuNzYgNy4xNC05LjY4YTguODcgOC44NyAwIDAgMC0yLjktNi4xOGMtMS40OS0xLjI3LTMuNjYtMi43OC0xMC42My0yLjk1LTEuNDQgMC01LjgzLjEyLTUuODMuMTJ2LjI1YTkuODkgOS44OSAwIDAgMSAzLjIxIDQuMzR6bTI1LjMxIDYuOGE3LjEyIDcuMTIgMCAxIDAtNy4xMi03LjEyIDcuMTIgNy4xMiAwIDAgMCA3LjEyIDcuMTJ6bTAtMTMuMmE2LjA4IDYuMDggMCAxIDEtNi4wOCA2LjA4IDYuMDggNi4wOCAwIDAgMSA2LjA4LTYuMDh6TTMxLjM3IDQyLjM1YzAtNC40Mi0yLjc3LTcuMzQtNy4xNC04LjM1YTguNjYgOC42NiAwIDAgMCA0LjY3LTcuODRjMC0zLjk0LTIuMzQtOS4xNS0xMi4xNC05LjE1LTQuMTMgMC04LjY1LjEzLTkuNzYuMTd2MzYuNTFoOC4xYzEwLjY1IDAgMTYuMjctMy45MiAxNi4yNy0xMS4zNHpNMTIuNjggMjEuN2gzYzQuNjMgMCA3LjIgMi4zOSA3LjI3IDUuNjhhNS44NiA1Ljg2IDAgMCAxLTIuNTggNS4zMiAxMC44NSAxMC44NSAwIDAgMS00IDEuNDlWMzVhMjMuMjMgMjMuMjMgMCAwIDEgNC44NCAxLjI0YzMgMS40MiAzLjkzIDMuNjIgNCA2LjQ2IDAgNC41LTQuMzEgNS44Ni04LjM0IDUuODZoLTQuMTl6Ii8+PHBhdGggZD0ibTU0Ljg3IDI2LjA0IDQuOC0xLjcydi03LjEzbC03LjE3IDIuNTd2MS43OGwyLjM3LS44NnoiLz48L2c+PC9zdmc+)
}

.ardplayer .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-img.ardplayer-publisher-daserste {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDMgNjgiPjxwYXRoIGZpbGw9IiMwMDFlNTAiIGQ9Ik0yMy42OSAxNS40MUExOC43OSAxOC43OSAwIDAgMCA1LjQ2IDM0LjJhMTguNzkgMTguNzkgMCAwIDAgMzcuNTQgMCAxOC43OSAxOC43OSAwIDAgMC0xOC43NS0xOC44aC0uNTV6bTggNy42NHYxOC42NEwxOS4yIDQ2LjI4VjMyLjJsLTYuMSAyLjE0di00LjU4TDMxLjc0IDIzem05Mi4xNCAzLjMtMyAuNzh2My41NmgtMlYzM2gydjUuODVjMCAyLjY5LjgxIDMuNjEgMy4zNSAzLjYxYTEwLjA5IDEwLjA5IDAgMCAwIDIuNC0uM3YtMi40YTUuNjQgNS42NCAwIDAgMS0xLjQ0LjJjLTEgMC0xLjM2LS40NC0xLjM2LTEuOTJWMzNoMi44di0yLjMxaC0yLjh2LTQuMzR6bS02Ni43OS4xYy0xLjkyIDAtMy44Mi4wOC01IC4xM3YxNS41OWMxLjMyIDAgMi43Mi4xIDQuMzQuMSA1LjA5IDAgOC42My0yLjggOC42My04LjE3cy0zLjA4LTcuNjQtNy45Mi03LjY0em0zNS40MS4xdjE1LjY0SDEwMXYtMi41N2gtNS40OHYtNC4yNGg1LjJ2LTIuNDRoLTUuMnYtMy44NkgxMDF2LTIuNTN6TTU1Ljg4IDI5aDFjMy41NiAwIDQuODcgMiA0Ljg3IDUuMzUgMCAzLjctMi4xMyA1LjM1LTUuMDcgNS4zNWExMS4yIDExLjIgMCAwIDEtMS42NC0uMVYyOS4wNWwuODMtLjA1em0xNS4yOCAxLjQxYTEyLjY3IDEyLjY3IDAgMCAwLTQuMTQuNzNsLjI4IDIuNDdhNy40OCA3LjQ4IDAgMCAxIDMuMzgtLjkxYzEuNjcgMCAyLjI0LjY0IDIuMjQgMS44NHYuNjNjLTMuOTEgMC02LjYzIDEuNDYtNi42MyA0LjIxIDAgMS44NSAxLjIgMyAzLjI4IDNhMy45IDMuOSAwIDAgMCAzLjY4LTIuMTkgMTMuMDggMTMuMDggMCAwIDAtLjEgMS45NEg3NmMwLS45NS0uMDgtMi0uMDgtM3YtNC43MWMwLTIuNS0xLTQtNC43NC00em0xMS43NSAwYy0zLjI0IDAtNC44OSAxLjY3LTQuODkgMy42OCAwIDMuOTEgNC42NCAyLjc2IDQuNjQgNC43OSAwIC43Ni0uNzMgMS4yNC0xLjg3IDEuMjRhMTAuMDYgMTAuMDYgMCAwIDEtMi40Ny0uMzVsLS4wOCAyLjQ1YTE1Ljk0IDE1Ljk0IDAgMCAwIDIuNDIuMmMzLjE1IDAgNS4xMi0xLjU0IDUuMTItMy44MSAwLTMuNzMtNC43Mi0yLjg5LTQuNzItNC43NyAwLS43Mi41Ni0xLjE5IDEuNzItMS4xOWE4IDggMCAwIDEgMi4xMi4zbC4xLTIuMzJhMTMuMjkgMTMuMjkgMCAwIDAtMi4wOS0uMjN6bTI2LjgxIDBhMy41IDMuNSAwIDAgMC0zLjY1IDIuNTkgMTUgMTUgMCAwIDAgLjItMi4yOWgtMi44djExLjVoM3YtNC43M2MwLTMuMTkgMS4wNy00LjU4IDMuMi00LjE0bC4xNS0yLjkzem01LjcgMGMtMy4yNCAwLTQuODkgMS42Ny00Ljg5IDMuNjggMCAzLjkxIDQuNjcgMi43NiA0LjY3IDQuNzkgMCAuNzYtLjc2IDEuMjQtMS44OSAxLjI0YTEwLjA1IDEwLjA1IDAgMCAxLTIuNDctLjM1bC0uMDggMi40NWExNS45MyAxNS45MyAwIDAgMCAyLjQyLjJjMy4xNSAwIDUuMTQtMS41NCA1LjE0LTMuODEgMC0zLjczLTQuNzQtMi44OS00Ljc0LTQuNzcgMC0uNzIuNTYtMS4xOSAxLjcxLTEuMTlhOC4xNSA4LjE1IDAgMCAxIDIuMTQuM2wuMDgtMi4zMmExMy4yOCAxMy4yOCAwIDAgMC0yLjA5LS4yM3ptMTcuNzggMGMtMy40NSAwLTUuNCAyLjYxLTUuNCA2LjEzIDAgNC4wNSAyIDUuODggNS43IDUuODhhMTEuMzcgMTEuMzcgMCAwIDAgNC4xMS0uNzZsLS4yOC0yLjI3YTguMjIgOC4yMiAwIDAgMS0zLjM1LjcxYy0yLjEzIDAtMy4yLTEtMy4xOC0zLjJoNy4xNGE5LjY5IDkuNjkgMCAwIDAgLjEtMS4zNGMwLTIuODUtMS40OS01LjE1LTQuODQtNS4xNXptLS4xIDIuMTlhMiAyIDAgMCAxIDIgMi4yOWgtNC4yNGEyLjMgMi4zIDAgMCAxIDIuMjQtMi4zem0tNjAuMTcgNC41di4yOGEyLjY0IDIuNjQgMCAwIDEtMi40NSAyLjc3IDEuMjEgMS4yMSAwIDAgMS0xLjM2LTEuMjRjMC0uOTIuNjgtMS44MiAzLjgxLTEuODJ6Ii8+PC9zdmc+)
}

.ardplayer .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-img.ardplayer-publisher-funk {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDggNjgiPjxwYXRoIGZpbGw9IiMwMDFlNTAiIGQ9Ik02OS40NyAzMC4xOGE4LjI4IDguMjggMCAwIDEtMy43NC0xLjgxTDY1IDI3LjdsMS0xIDEtMSAuNTcuNWE1LjM5IDUuMzkgMCAwIDAgMy41IDEuMzdjMS4yMyAwIDEuOTEtLjI5IDIuMjQtMSAuNDQtLjktLjI1LTEuNzktMS44MS0yLjM1LTMuNjYtMS4zNC00LjQzLTEuOC01LTMuMDZhMy42NiAzLjY2IDAgMCAxIDEuODktNSA3LjUzIDcuNTMgMCAwIDEgNy40MS45bDEgLjc4LTEgMWE4LjQ2IDguNDYgMCAwIDEtMSAxIDYuMjQgNi4yNCAwIDAgMS0uODgtLjZjLTEuNzItMS4yOS0zLjkxLTEuMzMtNC4zOS0uMDctLjMyLjg3LjMyIDEuNDUgMi4zNCAyLjEyIDMuNDEgMS4xMiA0LjYyIDIuMTYgNSA0LjIzYTQuMjggNC4yOCAwIDAgMS0xLjY4IDMuODMgOCA4IDAgMCAxLTUuNzEuOTVabTEyLjg4LjA2YTQuMjIgNC4yMiAwIDAgMS0zLjE4LTIuMTggNC44MSA0LjgxIDAgMCAxIC4wNy0zLjQ2Yy44NC0xLjggMy4yLTIuOTIgNy4yNC0zLjQzTDg4IDIxdi0uNThhMi4yNSAyLjI1IDAgMCAwLTEuMS0xLjggMi43MyAyLjczIDAgMCAwLTEuNjUtLjI5IDQgNCAwIDAgMC0yLjg5IDFsLS42OC41Mi0xLTEtMS0xIC42LS41M2E4LjE1IDguMTUgMCAwIDEgNi4yLTEuNzNBNS4yMSA1LjIxIDAgMCAxIDkxIDE4LjhjLjMyLjguMzQgMS4wOC4zOSA2djUuMTVoLTMuMTh2LTEuNGwtLjQ5LjRhNiA2IDAgMCAxLTIuNjUgMS4yMyA2LjExIDYuMTEgMCAwIDEtMi43Mi4wNlptMy43My0yLjk0YTMuNDYgMy40NiAwIDAgMCAyLTMuMzZjMC0uNzIgMC0uNzItMS44NS0uMzktMi4zNC40MS0zLjQ1IDEtMy44NiAyLjA5QTEuNTIgMS41MiAwIDAgMCA4MyAyNy40YTMuNjMgMy42MyAwIDAgMCAzLjA4LS4xWm0xMS44MSAyLjk1YTQuMDcgNC4wNyAwIDAgMS0zLTIuMTdsLS40LS43N1YxNC4xbDEuNTUtMS41NUExNC41NSAxNC41NSAwIDAgMSA5Ny42MSAxMWMwIC4wOC4wNyAxLjEyLjA3IDIuNDlWMTZoNC4yMnYyLjYzaC00LjEzdjcuODRsLjQ0LjQ0YTEuMjkgMS4yOSAwIDAgMCAxLjE1LjQ0IDIuMzUgMi4zNSAwIDAgMCAxLjIzLS4zM2wuNTItLjMyIDEgMSAxIDEtLjQ1LjM4YTUuOTQgNS45NCAwIDAgMS00LjY4IDEuMTFaTTYuODggNy4wOXY1My44Mmg1My44MVY3LjA5Wm0yNC4wNSA4LjQySDQybC0zLjQgMy4zOC0zLjM4IDMuMzhoLTguNThsLTMuMzgtMy4zOC0zLjM4LTMuMzhabTE1LjM4IDI5Ljc3YTE3IDE3IDAgMCAxLTUuMDggNS4xMiAxNC41MyAxNC41MyAwIDAgMS03LjUyIDIuMTYgMjIuNjkgMjIuNjkgMCAwIDEtMi4zMyAwbC0xLjI4LS4yMkExNiAxNiAwIDAgMSAyMCA0NS43NmwtLjUzLS43NiAyLjYtMi42N2MxLjQ0LTEuNDYgMi42NS0yLjY4IDIuNzEtMi43MXMuMjcuMzcuNjYgMWE4Ljc2IDguNzYgMCAwIDAgOC4yNyA0LjY3YzQuMTYtLjI4IDYuODctMy4yMyA2LjY2LTcuMjRhNi4xNiA2LjE2IDAgMCAwLTEuNzctNGwtLjgtLjg3IDIuNjUtMi42NiAyLjY1LTIuNjUuNTUuNTJhMjAuNDIgMjAuNDIgMCAwIDEgMi44MyAzLjY0IDEzLjg2IDEzLjg2IDAgMCAxLS4xNyAxMy4yNVptLTUuMjYtMTcuMTFjLTMuOTUgMy45NS03LjIyIDcuMTgtNy4yNiA3LjE4cy0xLjE1LTEuMDYtMi40NS0yLjM1QTI3LjgzIDI3LjgzIDAgMCAxIDI5IDMwLjQ2YzAtLjE5IDE0LjIyLTE0LjQ2IDE0LjMyLTE0LjM0bDIuNDkgMi40Nkw0OC4yMyAyMVoiLz48L3N2Zz4=)
}

.ardplayer .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-img.ardplayer-publisher-hr {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NSA2OCI+PGcgZmlsbD0iIzAwMWU1MCI+PHBhdGggZD0iTTUzLjc3IDI0LjM1YTcuMTIgNy4xMiAwIDEgMC03LjEyLTcuMTEgNy4xMiA3LjEyIDAgMCAwIDcuMTIgNy4xMXptMC0xMy4yYTYuMDkgNi4wOSAwIDEgMS02LjA5IDYuMDkgNi4wOSA2LjA5IDAgMCAxIDYuMDktNi4wOXpNMzYuMzIgMzEuOTFhMy40MSAzLjQxIDAgMCAxIDEtMi45MWMxLS44NiAzLjE4LTEgNC40MS0xLjA4bDIuNi0uMTZ2LTQuM2E0OS4zNyA0OS4zNyAwIDAgMC03LjYyLjc2Yy0zLjI1Ljc0LTUuMzUgMi43Mi01LjYzIDUuNzRhMTUuNjUgMTUuNjUgMCAwIDAtLjEgMi4yNnYxNC41MWg1LjM4eiIvPjxwYXRoIGQ9Im01MS44NCAyMS44NSA0LjgtMS43MnYtNy4xNmwtNy4xNiAyLjZ2MS43N2wyLjM2LS44NnptLTQwLjA1IDYuNjRhMTkuODQgMTkuODQgMCAwIDEgNC45NC0uNThjNC4wNiAwIDMuOTUgMi4yMyAzLjk1IDR2MTQuODJIMjZWMjkuODhjLS4xOS0zLjU5LTIuNzUtNi4zNC03Ljg0LTYuNDFhMzYuMjMgMzYuMjMgMCAwIDAtNi41Ni43MlYxMy4wNmwtNS4wOS4zM3YzMy4zNGg1LjI1ek0zNiA1Ny44OGE5MC42NCA5MC42NCAwIDAgMCAyOC44NS00Ljk0VjUwYy03LjY2IDMtMTguNzIgNC44MS0yOS4zNyA1LTkuODYuMTctMjAuOS0xLjY1LTI5LTUuMTF2M0MxNC4yIDU2LjI2IDI2LjE3IDU4IDM2IDU3Ljg4eiIvPjwvZz48L3N2Zz4=)
}

.ardplayer .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-img.ardplayer-publisher-kika {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMTAuNzkgNjgiPjxwYXRoIGZpbGw9IiMwMDFlNTAiIGQ9Ik0zNC42MiA0MC42NHYtNS4wNmwtMTEuMTItOSAxMS4xMi04Ljk1VjEyLjZhMi4xMSAyLjExIDAgMCAwLTIuMDctMi4wOUgyOGEyLjEgMi4xIDAgMCAwLTEuMi4zN2wtOS43MyA4LjR2LTguNzdIOC45NGEyLjEgMi4xIDAgMCAwLTIuMSAyLjF2MjhhMi4xMSAyLjExIDAgMCAwIDIuMSAyLjFoOC4xM1YzNGw5LjczIDguNGEyLjEgMi4xIDAgMCAwIDEuMi4zN2g0LjU2YTIuMTEgMi4xMSAwIDAgMCAyLjA2LTIuMW0xMS41Mi0xLjQ4VjIxQTIuMSAyLjEgMCAwIDAgNDQgMTguODhoLTguMXYyMS43M2EyLjEzIDIuMTMgMCAwIDAgMi4xIDIuMTNoMy4yNGExLjg1IDEuODUgMCAwIDAgLjgxLS4zYy4yMi0uMTUgMi40Ny0yIDQuMDctMy4yNU0zOCAxMC41MWEyLjA2IDIuMDYgMCAwIDAtMi4xIDEuNzV2NS4zM2gxMC4yNHYtNy4wOFptMzcuMiAzMC4xM3YtNS4wN2wtMTEuMTEtOC45NSAxMS4xMS05di01LjAzYTIuMDkgMi4wOSAwIDAgMC0yLjA2LTIuMDhoLTQuNTZhMi4wOCAyLjA4IDAgMCAwLTEuMTkuMzZsLTkuNzMgOC40VjEyLjZhMi4xMSAyLjExIDAgMCAwLTIuMTEtMi4wOWgtOC4xM3YzMi4yM2g4LjEzYTIuMTIgMi4xMiAwIDAgMCAyLjExLTIuMTFWMzRsOS43MyA4LjRhMi4xIDIuMSAwIDAgMCAxLjE5LjM4aDQuNTZhMi4xMSAyLjExIDAgMCAwIDIuMDYtMi4xbTI5LjA3LTI4LjA4YTIuMSAyLjEgMCAwIDAtMi4xLTIuMDlIODUuMjlsLTguODEgNy4wOHYyMy4wNWEyLjEyIDIuMTIgMCAwIDAgMi4xMSAyLjFoOC4xM1YzMi40Mkg5NHYxMC4zMmg4LjEzYTIuMTEgMi4xMSAwIDAgMCAyLjEtMi4xWk05NCAyNC42OGgtNy4yOFYxNy42SDk0Wk0xMS4yNCA1MC40NSA5LjMgNTguMjhjLS4wNS4yMS0uMTYuMzItLjMzLjMySDcuNzFjLS4xNyAwLS4yOS0uMTEtLjMzLS4zMmwtMS44LTcuODNBLjM3LjM3IDAgMCAxIDYgNTBoLjkzYS4zNi4zNiAwIDAgMSAuMjQuMS4zLjMgMCAwIDEgLjE1LjIxbDEgNC45NWMwIC4xMi4wNi4xNy4xMi4xN3MuMDcgMCAuMS0uMTZsMS4xMS01QS4zNi4zNiAwIDAgMSAxMCA1MGguODdjLjI3IDAgLjQuMTIuNC4zN2EuNTIuNTIgMCAwIDEgMCAuMTFtNC44MyA1Ljk0di00LjI1YS43NC43NCAwIDAgMC0uMjEtLjUzLjcuNyAwIDAgMC0uNTEtLjIyaC0uMzJhLjc3Ljc3IDAgMCAwLS41NC4yMi43Mi43MiAwIDAgMC0uMjMuNTN2NC4yNWEuNzEuNzEgMCAwIDAgLjI0LjUzLjcuNyAwIDAgMCAuNTMuMjNoLjMyYS42Ny42NyAwIDAgMCAuNTEtLjIyLjc2Ljc2IDAgMCAwIC4yMS0uNTRtMS42OSAwYTIuMjEgMi4yMSAwIDAgMS0uNjcgMS42MyAyLjI0IDIuMjQgMCAwIDEtMS42My42N2gtLjZhMi4yOSAyLjI5IDAgMCAxLTIuMy0yLjN2LTQuMzNhMi4xNyAyLjE3IDAgMCAxIC42Ny0xLjYxIDIuMiAyLjIgMCAwIDEgMS42My0uNjdoLjZhMi4yIDIuMiAwIDAgMSAxLjYzLjY3IDIuMTcgMi4xNyAwIDAgMSAuNjcgMS42MVptNy4wNSAxLjc4YzAgLjI2LS4xMi40LS4zNy40aC0xYS4zNS4zNSAwIDAgMS0uMzktLjR2LTYuMDdjMC0uNDktLjItLjczLS42LS43M2ExLjM3IDEuMzcgMCAwIDAtLjgyLjI5Yy0uMjguMi0uNDIuNC0uNDIuNTl2NS45MmEuMzQuMzQgMCAwIDEtLjM5LjM5aC0xYS4zNS4zNSAwIDAgMS0uNC0uMzl2LTcuODRhLjM1LjM1IDAgMCAxIC40LS4zOWgxYS4zNC4zNCAwIDAgMSAuMzkuMzl2LjE5cTAgLjE1LjA5LjE1YS4zOS4zOSAwIDAgMCAuMjUtLjE3IDIuMjcgMi4yNyAwIDAgMSAxLjctLjcyIDEuNTMgMS41MyAwIDAgMSAxLjEzLjQ2IDEuNjUgMS42NSAwIDAgMSAuNDMgMS4xOHY2Ljc1Wm05Ljc2LTQuMzItLjY2LTMuN2MwLS4yLS4wOS0uMy0uMTYtLjNzLS4xMS4xLS4xNC4zbC0uNjQgMy43Yy0uMDUuMjcuMDYuNDEuMzEuNDFoLjkyYS4zNS4zNSAwIDAgMCAuMzQtLjQxbTIuODUgNC4zMWEuMjkuMjkgMCAwIDEtLjA2LjI4LjM3LjM3IDAgMCAxLS4yOC4xM2gtMS4yNWMtLjE5IDAtLjMxLS4xNC0uMzctLjQxbC0uMzQtMS42N2MwLS4yNC0uMTctLjM3LS4zNy0uMzdIMzNhLjM5LjM5IDAgMCAwLS40MS4zN2wtLjMgMS42N2MwIC4yNy0uMTkuNDEtLjQuNDFoLTEuMjNhLjMxLjMxIDAgMCAxLS4yNS0uMTMuMzcuMzcgMCAwIDEtLjA4LS4yOGwyLjA4LTEwLjQ5Yy4wNi0uMjcuMTktLjQuNC0uNGgyYy4yMSAwIC4zNC4xMy40LjRsMi4yMyAxMC40OVptNS45Ni03LjEzdi0uOTFhMS4wNyAxLjA3IDAgMCAwLS4zMy0uNzkgMS4xMyAxLjEzIDAgMCAwLS44MS0uMzJoLTEuMDljLS4yMiAwLS4zMi4xMi0uMzIuMzh2Mi4zN2MwIC4yNS4xMS4zNy4zNS4zN2gxLjA2YTEuMTMgMS4xMyAwIDAgMCAuODEtLjMyIDEgMSAwIDAgMCAuMzMtLjc4bTIgNy4xNWEuMjIuMjIgMCAwIDEgMCAuMWMwIC4xOS0uMS4yOS0uMzEuMjloLTEuMTZjLS4xNiAwLS4yOS0uMTMtLjM4LS4zOWwtMS40NS00LjFjLS4wNi0uMTktLjE2LS4yOS0uMjgtLjI5aC0uNjJjLS4yNCAwLS4zNS4xMy0uMzUuMzh2NGEuMzQuMzQgMCAwIDEtLjEyLjI2LjMyLjMyIDAgMCAxLS4yNi4xM2gtMS4xNnEtLjM2IDAtLjM2LS4zOVY0Ny42N2EuMzIuMzIgMCAwIDEgLjM2LS4zN2gyLjg5YTMuMDYgMy4wNiAwIDAgMSAyLjE1LjgxIDIuODQgMi44NCAwIDAgMSAuODkgMi4xNHYuNTVhMi44NCAyLjg0IDAgMCAxLTEuNDMgMi41NnMwIC4wOSAwIC4ybDEuNjMgNC42NVptNS45OC0yLjkydi00LjY0YTEuNSAxLjUgMCAwIDAtLjQ4LTEuMTIgMS41OCAxLjU4IDAgMCAwLTEuMTQtLjQ2aC0uNDNjLS4yNyAwLS40MS4xMy0uNDEuMzl2N2EuMzcuMzcgMCAwIDAgLjEzLjI5LjM5LjM5IDAgMCAwIC4yOC4xMmguNDNhMS41OCAxLjU4IDAgMCAwIDEuMTQtLjQ2IDEuNDkgMS40OSAwIDAgMCAuNDgtMS4xMW0xLjk0LjE2YTMuMTQgMy4xNCAwIDAgMS0zLjE0IDMuMTVoLTIuODFhLjM4LjM4IDAgMCAxLS4yOC0uMTIuNC40IDAgMCAxLS4xMi0uMjlWNDcuN2EuMzUuMzUgMCAwIDEgLjQtLjRoMi44MWEzLjE0IDMuMTQgMCAwIDEgMy4xNCAzLjE1djVabTExLjE3IDIuNzRhLjM1LjM1IDAgMCAxLS4zOS40aC0xYy0uMTYgMC0uMjgtLjEyLS4zOC0uMzRzLS4yMS0uMzQtLjM0LS4zNC0uMjguMTQtLjU1LjQxYTEuMTkgMS4xOSAwIDAgMS0uODIuNDJoLS41MmExLjIxIDEuMjEgMCAwIDEtLjkzLS40OSAxLjYgMS42IDAgMCAxLS40Mi0xdi02LjlhLjM0LjM0IDAgMCAxIC4zOC0uMzZoMWEuMzUuMzUgMCAwIDEgLjQuMzl2NS43NnEwIC44NC43OC44NGExLjA3IDEuMDcgMCAwIDAgLjY4LS4yNy43Ny43NyAwIDAgMCAuMzUtLjU5di01Ljc3YS4zNC4zNCAwIDAgMSAuMzktLjM2aDFhLjM0LjM0IDAgMCAxIC4zOS4zOXY3LjgxWm03LjA5IDBhLjM1LjM1IDAgMCAxLS4zOC40aC0xYS4zNS4zNSAwIDAgMS0uMzktLjR2LTYuMDdjMC0uNDktLjItLjczLS42LS43M2ExLjM3IDEuMzcgMCAwIDAtLjgyLjI5Ljc5Ljc5IDAgMCAwLS40MS41OXY1LjkyYS4zNS4zNSAwIDAgMS0uNC4zOWgtMWEuMzUuMzUgMCAwIDEtLjQtLjM5di03Ljg0YS4zNS4zNSAwIDAgMSAuNC0uMzloMWEuMzUuMzUgMCAwIDEgLjQuMzl2LjE5YzAgLjEgMCAuMTUuMDguMTVzLjE1LS4wNS4yNi0uMTdhMi4yNSAyLjI1IDAgMCAxIDEuNy0uNzIgMS41MSAxLjUxIDAgMCAxIDEuMTMuNDYgMS42NiAxLjY2IDAgMCAxIC40NCAxLjE4djYuNzVabTUuMzUtMS43OXYtNC4yNWEuNy43IDAgMCAwLS4yMi0uNC42Mi42MiAwIDAgMC0uNDctLjI1aC0uNTFhLjY4LjY4IDAgMCAwLS40OC4xOC42Mi42MiAwIDAgMC0uMi40N3Y0LjI1YS42Ny42NyAwIDAgMCAuMi40OC42Ni42NiAwIDAgMCAuNDguMmguNTFhLjYyLjYyIDAgMCAwIC40Ny0uMjcuODYuODYgMCAwIDAgLjIyLS40MW0xLjc5IDEuNzlhLjM1LjM1IDAgMCAxLS4zOS40aC0xYS4zNS4zNSAwIDAgMS0uMzktLjRjMC0uMDkgMC0uMTQtLjEtLjE0cy0uMTQgMC0uMjMuMTRhMi44MiAyLjgyIDAgMCAxLS41LjQxIDEuOTEgMS45MSAwIDAgMS0uNzguMTRoLS40M2ExLjUyIDEuNTIgMCAwIDEtMS4xNS0uNTEgMS42NiAxLjY2IDAgMCAxLS40OC0xLjE4di01LjYxYTEuNTkgMS41OSAwIDAgMSAuNDgtMS4xNiAxLjU2IDEuNTYgMCAwIDEgMS4xNS0uNDhoLjQzYTEuODYgMS44NiAwIDAgMSAuOS4xNyA1IDUgMCAwIDEgLjM4LjQxYy4wOS4xLjE2LjE0LjIyLjE0cy4xMS0uMDcuMTEtLjIydi0yLjc3YS4zNC4zNCAwIDAgMSAuMzktLjM5aDFhLjM0LjM0IDAgMCAxIC4zOS4zOVY1OC4yWm0xMS44My4wMWEuMzQuMzQgMCAwIDEtLjM4LjM5SDg0LjdjLS4yNCAwLS4zNS0uMTMtLjM1LS4zOXYtLjc2YTEuMTEgMS4xMSAwIDAgMSAuMDctLjQ2bDMuODUtNy43NWEuMTYuMTYgMCAwIDAgMC0uMDhjMC0uMS0uMDctLjE1LS4yLS4xNUg4NWMtLjI2IDAtLjM5LS4xMi0uMzktLjM1di0xYzAtLjI1LjEzLS4zNy4zOS0uMzdoNS4wOWMuMjYgMCAuMzguMTIuMzguMzd2Ljc4YTEuMDYgMS4wNiAwIDAgMS0uMDcuNDVsLTMuOCA3LjY4Yy0uMDguMTUgMCAuMjMuMTMuMjNoMy40MmMuMjUgMCAuMzguMTEuMzguMzR2MS4wN1ptNS45NS0yLjkydi00LjY0YTEuNSAxLjUgMCAwIDAtLjQ4LTEuMTIgMS41NCAxLjU0IDAgMCAwLTEuMTMtLjQ2aC0uNDNjLS4yOCAwLS40MS4xMy0uNDEuMzl2N2EuNC40IDAgMCAwIC4xMi4yOS40Mi40MiAwIDAgMCAuMjkuMTJoLjQzQTEuNTQgMS41NCAwIDAgMCA5NiA1Ni40YTEuNDkgMS40OSAwIDAgMCAuNDgtMS4xMW0yIC4xNmEzLjA2IDMuMDYgMCAwIDEtLjkyIDIuMjIgMyAzIDAgMCAxLTIuMjMuOTNoLTIuODZhLjM3LjM3IDAgMCAxLS4yNy0uMTIuNC40IDAgMCAxLS4xMi0uMjlWNDcuN2EuMzUuMzUgMCAwIDEgLjM5LS40aDIuODFhMy4xNiAzLjE2IDAgMCAxIDMuMTUgMy4xNXY1Wm03LjA1LTYuNzdhLjM2LjM2IDAgMCAxLS4xMy4yOS4zOS4zOSAwIDAgMS0uMjguMTJoLTIuN2EuNDEuNDEgMCAwIDAtLjI4LjEyLjM5LjM5IDAgMCAwLS4xMy4yOHYxLjkyYzAgLjI1LjE0LjM4LjQxLjM4aDIuMDZhLjQyLjQyIDAgMCAxIC4yOS4xMi4zOC4zOCAwIDAgMSAuMTIuMjh2MWEuNC40IDAgMCAxLS4xMi4yOS40My40MyAwIDAgMS0uMjkuMTJoLTIuMDlhLjM0LjM0IDAgMCAwLS4zOS40djQuMjRjMCAuMjctLjEzLjQxLS4zOS40MWgtMS4xNWEuMzguMzggMCAwIDEtLjI4LS4xMi40Mi40MiAwIDAgMS0uMTItLjI5VjQ3LjdhLjM4LjM4IDAgMCAxIC4xMi0uMjguNDEuNDEgMCAwIDEgLjI4LS4xMmg0LjY1YS4zNi4zNiAwIDAgMSAuNDEuNFoiLz48L3N2Zz4=)
}

.ardplayer .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-img.ardplayer-publisher-mdr {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjIgNjgiPjxwYXRoIGZpbGw9IiMwMDFlNTAiIGQ9Ik0xMDkuODQgMTcuMjlhNy4xNiA3LjE2IDAgMSAxLTcuMTYgNy4xNiA3LjE2IDcuMTYgMCAwIDEgNy4xNi03LjE2bTIuODcgMTAuMDd2LTcuMTdsLTcuMiAyLjU4djEuNzhsMi4zOC0uODV2NS4zOXptLTIuODctOWE2LjExIDYuMTEgMCAxIDAgNi4xMSA2LjExIDYuMSA2LjEgMCAwIDAtNi4xMS02LjExTTg5LjI3IDM3LjIxdi0yLjE0QTEuODkgMS44OSAwIDAgMCA4Ny4xOSAzM2gtNy44MXYzLjcyaDMuM2ExLjQ3IDEuNDcgMCAwIDEgMS42NCAxLjY0djkuMzdjMCAuMjIgMCAuMzMuMTkuMzhhLjM4LjM4IDAgMCAwIC40LS4xNGMxLjA5LTEuMTYgMy43LTMuOTcgNS4zOS01LjU4IDMuODItMy43MSA2Ljg0LTUuMjcgOS40OS01LjI3di00LjUzYTExLjEyIDExLjEyIDAgMCAwLTYuNDggMS41NSAxOS40IDE5LjQgMCAwIDAtNCAzLjA4bS0yNi42My00LjYzYTExLjg5IDExLjg5IDAgMCAwLTEyIDExLjUxIDExLjcxIDExLjcxIDAgMCAwIDEuNzUgNi42MUg1OGExMS40MyAxMS40MyAwIDAgMS0yLjMxLTYuNjEgNyA3IDAgMCAxIDctN2MzLjExIDAgNS4zMyAyLjA2IDYuNjEgMy4wNyAxLjg2IDEuNDcgNC44MyAzLjkxIDYuMjIgNS4xNWEuMzkuMzkgMCAwIDAgLjQuMTRjLjE0IDAgLjE5LS4xNi4xOS0uMzdWMjIuMjNBMS44OSAxLjg5IDAgMCAwIDc0IDIwLjE2aC03LjgxdjMuNzJoMy4xOUExLjQ3IDEuNDcgMCAwIDEgNzEgMjUuNTJ2MTAuNTVhMTEuMzIgMTEuMzIgMCAwIDAtOC4zNC0zLjQ4bS0zMi4yMyA0LjA3YTEyIDEyIDAgMCAxIDkuMDctNC4wNyA3LjIxIDcuMjEgMCAwIDEgNi41IDMuNjYgOC42NSA4LjY1IDAgMCAxIDEgNC40NXY0Ljc5aC01VjQxYTUuNDcgNS40NyAwIDAgMC0uMjgtMiAyLjg5IDIuODkgMCAwIDAtMy0xLjgyYy0yLjI3IDAtNC4xOSAxLjYtNS43OCAzLjA5cy0zLjkgMy44OS01IDUuMThhLjM3LjM3IDAgMCAxLS40LjE0Yy0uMTQgMC0uMTktLjE2LS4xOS0uMzh2LTQuNGMwLTIuNDctMS4zMS0zLjYzLTMuNDMtMy42My0yLjUzIDAtNC42IDItNy4wOCA0LjQyLTEuOTMgMS44OS0zLjcxIDMuNzktNi4yIDYuNGEuMzguMzggMCAwIDEtLjQuMTRjLS4xNCAwLS4xOS0uMTYtLjE5LS4zN3YtOS40MWExLjQ3IDEuNDcgMCAwIDAtMS42NC0xLjY0SDUuMDdWMzNoNy44MUExLjg5IDEuODkgMCAwIDEgMTUgMzUuMDd2Mi4xNHM0LjM3LTQuNjMgOS4yLTQuNjNjNC4wOSAwIDUuNzIgMi40NyA2LjI3IDQuMDciLz48L3N2Zz4=)
}

.ardplayer .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-img.ardplayer-publisher-ndr {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5OCA2OCI+PHBhdGggZmlsbD0iIzAwMWU1MCIgZD0iTTI4LjMuMjdoMy4zN3YyNi44SDI4LjN6bTAgNTUuMjloMy4zN3YxMi4xN0gyOC4zem0tNi4wNC0yOC40OWg2djI4LjQ5aC02LjY3bC05LjIyLTE2LjYxdjE2LjYxaC02VjI3LjA3aDYuMzFsOS42MyAxNy43NXptMTkuNSAwYzYuODUgMCAxMC4yNCAzLjE2IDEwLjY0IDkuOTN2OC41N2MtLjUyIDcuMjUtMy43OSAxMC0xMC42NCAxMEgzMS42OHYtMjguNXptLS41OSA1LjM5aC0zdjE3LjczaDNjMyAwIDUuMS0xLjI1IDUuMS01LjIzdi03LjMzYzAtMy43OC0xLjkxLTUuMTctNS4xLTUuMTdtMjkuNzUgMTEuMDJjMy40MS0xLjM1IDQuNzYtNC4xIDQuNjktNy43OS0uMTEtNS42Mi0yLjkxLTguNjItMTAuMzQtOC42MmgtOS45M3YyOC40OWg2LjNWNDQuNjRoMy40M2w1LjA4IDEwLjk1SDc3em0tNS4zOS00aC00di03LjM3aDRjMi45MSAwIDQgMSA0IDMuNXMtMS41MyAzLjg3LTQgMy44N3ptMjAuMjYtMTUuMjdhNy4xMiA3LjEyIDAgMSAxLTcuMTIgNy4xMyA3LjEzIDcuMTMgMCAwIDEgNy4xMi03LjEzbTIuODYgMTB2LTcuMTJsLTcuMTcgMi41N3YxLjc3bDIuMzctLjg2djUuMzZ6bS0yLjg2LTlhNi4wOCA2LjA4IDAgMSAwIDYuMDggNi4wOCA2LjA4IDYuMDggMCAwIDAtNi4wOC02LjA4Ii8+PC9zdmc+)
}

.ardplayer .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-img.ardplayer-publisher-one {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMzkgNjgiPjxnIGZpbGw9IiMwMDFlNTAiPjxwYXRoIGQ9Ik0yMiA1My41NGMtOS40OSAwLTE1LjczLTQuMjctMTUuNzMtMTUuNjcgMC0xMC43NiA3LjU4LTE3LjUyIDE3LjMyLTE3LjUyIDEwLjM4IDAgMTUuNjcgNS44IDE1LjY3IDE1Ljg2LS4wMyAxMC41OC03Ljc0IDE3LjMzLTE3LjI2IDE3LjMzem0uODktMjMuMjVjLTIuMjkgMC00LjU5IDEuODUtNC41OSA2LjMxIDAgNC45MSAxLjIxIDYuODggNC4zMyA2Ljg4czQuNTktMi42MSA0LjU5LTYuNTZjLS4wMy00LjUzLTEuMjItNi42My00LjM2LTYuNjN6bTM2LjkyIDIyLjQ4di0yMGMwLTEuNTktLjQ1LTIuNjEtMS43OC0yLjYxLTIuNTUgMC01IDMuNjktNSA3LjJ2MTUuNDFINDEuNDZWMjEuMTJoMTAuN2EyNy43NyAyNy43NyAwIDAgMS0uMzIgNC4yaC4wNmExMS44NiAxMS44NiAwIDAgMSAxMC4xMy01YzcgMCA5LjM2IDQuNTkgOS4zNiAxMHYyMi40NXptNDMuNjktMTIuMTZoLTE4Yy4xOSAyLjIzIDIuMjkgNCA2LjgxIDRhMjMuMTUgMjMuMTUgMCAwIDAgOS4zNi0ybDEgOC42NmEzNC4yNiAzNC4yNiAwIDAgMS0xMi4yMyAyLjIzYy0xMC42NCAwLTE2LjY5LTUtMTYuNjktMTYuMTggMC05LjgxIDUuNTQtMTcuMDcgMTUuOC0xNy4wNyA5LjgxIDAgMTQuMjcgNi41NiAxNC4yNyAxNS4zNWEzMy44MiAzMy44MiAwIDAgMS0uMzIgNS4wMXpNODkuMzYgMjguN2MtMi4yMyAwLTMuNzYgMS43OC0zLjg4IDQuNGg3LjEzYy4xMy0zLjEtMS4yMS00LjQtMy4yNS00LjR6Ii8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTIwLjg1IDE0LjQ2YTEzLjE1IDEzLjE1IDAgMSAxLTEzLjE1IDEzLjE1IDEzLjE1IDEzLjE1IDAgMCAxIDEzLjE1LTEzLjE1em01LjI4IDE4LjQ4VjE5Ljc3bC0xMy4yNCA0Ljc1djMuMjhsNC4zOC0xLjU4djkuOWw4Ljg2LTMuMTd6bS01LjI4LTE2LjU1YTExLjIyIDExLjIyIDAgMSAwIDExLjIyIDExLjIyIDExLjIyIDExLjIyIDAgMCAwLTExLjIyLTExLjIyeiIvPjwvZz48L3N2Zz4=)
}

.ardplayer .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-img.ardplayer-publisher-radiobremen {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMTUgNjgiPjxwYXRoIGZpbGw9IiMwMDFlNTAiIGQ9Ik0xNS45IDIyLjM0YTExLjY2IDExLjY2IDAgMCAwLTIuMTIgMjMuMTJWMzRIMTh2MTEuNDZhMTEuNjYgMTEuNjYgMCAwIDAtMi4xLTIzLjEybTAtNC4yNUExNS45MSAxNS45MSAwIDEgMSAwIDM0YTE1LjkgMTUuOSAwIDAgMSAxNS45LTE1LjltMjMuODYgMTYuNGMwLTEuNjMtLjA5LTMuMjMtLjEyLTQuODZoMS42NmMwIC45Mi4wOSAxLjg0LjEyIDIuNDloLjA2YzEuMTQtMi4yNSAyLjQ2LTIuNzEgNC4xOC0yLjcxdjEuOTFjLTIuODMgMC00LjEyIDEuMjMtNC4xMiA0LjEydjkuODdoLTEuNzh6bTE1LjgxIDIuOTJjLTMuNjkgMC02LjggMC02LjggMy41N2EyLjg1IDIuODUgMCAwIDAgMi44OSAyLjg4Yy44MyAwIDMuOTEtLjMzIDMuOTEtNC42MXptMS42NiA0LjRjMCAxLjE3LjA5IDIuMzQuMTggMy41MWgtMS42bC0uMTMtMi4yNWgtLjA2YTQuNjcgNC42NyAwIDAgMS00LjQgMi40NkE0LjQyIDQuNDIgMCAwIDEgNDYuODYgNDFjMC01IDUuMzItNS4xMSA3LjU3LTUuMTFoMS4xNGMwLTIgMC00LjgtMy4yNi00LjhhNi41MyA2LjUzIDAgMCAwLTMuOTQgMS42M2wtLjI4LTEuOTFhOC4zMyA4LjMzIDAgMCAxIDQuMzEtMS4zOGM0LjgzIDAgNC44MyA0LjA2IDQuODMgNS4ydjcuMnptNS41LTQuMzRjMCAxLjI5IDAgNi4zOSAzLjU3IDYuMzkgMyAwIDMuODctMyAzLjg3LTYuMjEgMC0yLjEgMC02LjU5LTMuODQtNi41OS0yLjY4IDAtMy42IDIuNzctMy42IDYuNG05LjEgMi42NWMwIDIuNDYuMDYgMy44NC4xMyA1LjE5SDcwLjN2LTIuMTRoLS4wNmMtMS4xNyAxLjQ3LTIuMTUgMi4zNy00LjEyIDIuMzctNS4xIDAtNS4yOS02LjQ2LTUuMjktOC42NCAwLTMgMS4yNi03LjQ4IDUuMi03LjQ4YTQuMDggNC4wOCAwIDAgMSA0IDIuMjVoLjA2di05LjQyaDEuNzh2MTcuODh6bTQuMzMtMTYuNzRoMi4xNXYyLjc3aC0yLjE0em0uMTggNi4yNWgxLjc5djE1LjY5aC0xLjc4em0xMS40NyAxNS45Yy00LjU4IDAtNS44Ny00LjEyLTUuODctOC4wNnMxLjI5LTguMDYgNS44Ny04LjA2IDUuODggNC4xMiA1Ljg4IDguMDYtMS4yOSA4LjA2LTUuODggOC4wNm0wLTEuNjZjNCAwIDQtNS4xNCA0LTYuNHMwLTYuNC00LTYuNC00IDUuMTQtNCA2LjQgMCA2LjQgNCA2LjRtMTMuMzUtNi41MmMwIDMgLjc3IDUuNDEgMyA1LjQxczIuOC0xLjg1IDIuOC01LjVjMC0zLjE3LS43NC01LjIzLTIuODYtNS4yM3MtMyAyLjI1LTMgNS4zMm0wLTE1LjF2OS41aC4wNmE0LjI1IDQuMjUgMCAwIDEgNC4wOS0yLjUyYzMuNDIgMCA1LjQ4IDMgNS40OCA4LjE4IDAgNC40LTEuNjMgOC4xNS01LjU2IDguMTVhNC4yNyA0LjI3IDAgMCAxLTQuMTctMi42OWgtLjA5YTIwIDIwIDAgMCAxLS4xMiAyLjQ2aC0zLjU1YTE5Ljg4IDE5Ljg4IDAgMCAwIC4xMy0yLjdWMjIuMjV6bTEzLjA3IDIzLjA3aDMuODF2LTguNjdjMC0zIDEuNzItMy45IDMuMy0zLjlhNC4wNyA0LjA3IDAgMCAxIDEuMDcuMTV2LTMuNTdhMy43IDMuNyAwIDAgMC0uNjUtLjA5IDQuNDIgNC40MiAwIDAgMC00IDMuMTNoLS4wNmMwLTEtLjA5LTEuOTQtLjEyLTIuODloLTMuNDRhMjEuNDkgMjEuNDkgMCAwIDEgLjEyIDIuNjF2MTMuMjN6TTEzMy4wNiAzNmMwLTIuOC0uOTItNC4yMS0yLjY0LTQuMjEtMiAwLTIuODMgMi4xMi0yLjgzIDQuMjF6bTIuOTQgOC41NWExMS42OSAxMS42OSAwIDAgMS00Ljc0IDFjLTUuMTEgMC03LjMyLTMuNjYtNy4zMi03Ljk0IDAtNC43NCAyLjQ5LTguNCA2LjUyLTguNCAzLjQxIDAgNi4zMyAyIDYuMzMgOC40NnYuNzNoLTkuMTZjMCAyLjcxIDEuMDcgNC4zNCA0IDQuMzRhNi4zMiA2LjMyIDAgMCAwIDQuMTYtMS4yM3ptNC4yOC43N0gxNDR2LTkuNmMwLTEuNzUuODktMy4zNSAyLjU5LTMuMzUgMS40MiAwIDIgMSAyIDN2MTBoMy44MXYtOS42YzAtMS43NS45LTMuMzUgMi41OS0zLjM1IDEuNDIgMCAyIDEgMiAzdjEwaDMuODF2LTkuODhjMC0zLjg0LTEuMTEtNi4zLTQuNTUtNi4zYTQuOTIgNC45MiAwIDAgMC00LjI1IDIuNTIgNC4wOSA0LjA5IDAgMCAwLTQtMi41MiA0LjQgNC40IDAgMCAwLTQgMi43NGMwLS44My0uMDktMS42Ni0uMTItMi40OWgtMy44MmEyNS4xNSAyNS4xNSAwIDAgMSAuMTMgMi41OHYxMy4yNXpNMTczLjMxIDM2YzAtMi44LS45Mi00LjIxLTIuNjUtNC4yMS0yIDAtMi44MyAyLjEyLTIuODMgNC4yMXptMi44OSA4LjUyYTExLjY5IDExLjY5IDAgMCAxLTQuNzQgMWMtNS4xIDAtNy4zMi0zLjY2LTcuMzItNy45NCAwLTQuNzQgMi40OS04LjQgNi41Mi04LjQgMy40MiAwIDYuMzQgMiA2LjM0IDguNDZ2LjczaC05LjE3YzAgMi43MSAxLjA3IDQuMzQgNCA0LjM0YTYuMyA2LjMgMCAwIDAgNC4xNy0xLjE3em00LjM3Ljc3aDMuODFWMzYuMWMwLTIgLjcxLTMuNzMgMi43MS0zLjczIDEuNTcgMCAyLjE4IDEgMi4xOCAzLjQ0djkuNTFoMy44MVYzNS4xMWMwLTMuMi0xLjA4LTUuODctNC42OC01Ljg3YTQuNjIgNC42MiAwIDAgMC00LjIxIDIuNjdoLS4wNmMwLS44LS4wOS0xLjYzLS4xMi0yLjQzaC0zLjU3YTIxLjI2IDIxLjI2IDAgMCAxIC4xMyAyLjYxem0yNS4xMy0xNS45MS00Ljc5IDEuNzJ2LTUuMzZsLTIuMzcuODV2LTEuNzZsNy4xNi0yLjU3em0tMi44NS05YTYuMDcgNi4wNyAwIDEgMS02LjA3IDYuMDcgNi4wNyA2LjA3IDAgMCAxIDYuMDctNi4wN3ptMC0xQTcuMTIgNy4xMiAwIDEgMCAyMTAgMjYuNWE3LjEyIDcuMTIgMCAwIDAtNy4xMS03LjExeiIvPjwvc3ZnPg==)
}

.ardplayer .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-img.ardplayer-publisher-rbb {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMTQgNjgiPjxnIGZpbGw9IiMwMDFlNTAiPjxwYXRoIGQ9Ik0xMDAuNSAxNWM0LjEgMCA3LjUgMy4zIDcuNSA3LjUgMCA0LjMtMy42IDcuNy03LjkgNy41LTMuOC0uMi02LjktMy4zLTcuMS03LS4yLTQuNCAzLjItOCA3LjUtOG0zIDEwLjVWMThMOTYgMjAuN3YxLjlsMi41LS45djUuNnptLTMtOS40Yy0zLjggMC02LjcgMy4yLTYuMyA3LjEuMyAyLjkgMi43IDUuMyA1LjYgNS42IDMuOC40IDcuMS0yLjYgNy4xLTYuMyAwLTMuNi0yLjktNi40LTYuNC02LjRNNjAgMzYuMnY3LjJjMi40LjIgNC40LjMgNi4xLjMgMy45IDAgNi4xLS41IDctLjguMS0uNy4yLTEuOC4yLTNzLS4xLTIuMy0uMi0zYy0xLjgtLjYtNi41LTEuOC0xMy4xLS43eiIvPjxwYXRoIGQ9Ik02IDE4LjFWNTVoNzYuM2w3LjgtMzYuOXptMjQuOSAxNy43Yy03LjcuMS0xMS45IDEuMy0xMy40IDEuOXY5aC0zLjFWMzUuNnM0LjctMi45IDE2LjUtMi45ek01MyA0NS4ycy0yIDEuNy05LjYgMS43Yy00LjIgMC05LjEtLjYtOS4xLS42di0yMGgzLjFWMzNjMS44LS4zIDMuNi0uNCA1LjEtLjQgNy4xIDAgMTAuNSAyIDEwLjUgMnMuNyAxIC43IDUuMmMwIDQuNC0uNyA1LjQtLjcgNS40em0yMi43IDBzLTIgMS43LTkuNiAxLjdjLTQuMiAwLTkuMS0uNi05LjEtLjZ2LTIwaDNWMzNjMS44LS4zIDMuNi0uNCA1LjEtLjQgNy4xIDAgMTAuNSAyIDEwLjUgMnMuNyAxIC43IDUuMmMuMSA0LjQtLjYgNS40LS42IDUuNHoiLz48cGF0aCBkPSJNMzcuMyAzNi4ydjcuMmMyLjQuMiA0LjQuMyA2LjEuMyAzLjkgMCA2LjEtLjUgNy0uOC4xLS43LjItMS44LjItM3MtLjEtMi4zLS4yLTNjLTEuOC0uNi02LjUtMS44LTEzLjEtLjd6Ii8+PC9nPjwvc3ZnPg==)
}

.ardplayer .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-img.ardplayer-publisher-sr {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3NCA2OCI+PHBhdGggZmlsbD0iIzAwMWU1MCIgZD0iTTM5LjY2IDE5LjE5YzMuMTcgMCA0LjUxIDEuNDIgNC41MSAzLjYzIDAgMi40NS0xLjgyIDMuOTUtNC42OCAzLjk1LS42NCAwLTEuMzUtLjA3LTEuNjktLjA3di03LjM3YTExLjU2IDExLjU2IDAgMCAxIDEuODYtLjE1bTI1LTUuMy03LjI0IDIuNnYxLjc1bDIuNDEtLjg3djUuMjlMNjQuNjkgMjF6bS0yNC41LS4xNWMtMy41MiAwLTYuNjkuMDctOS4xNS4yMnYyOC44aDYuNzlWMzEuNTFoLjI2TDQ1IDQyLjc1aDguMjRMNDcgMzMuNDljLS43My0xLTEuNDgtMi4xMy0yLjI1LTMuMjRhOC4xNCA4LjE0IDAgMCAwIDYuNDYtOGMwLTYuMS00LjE3LTguNTMtMTEuMDctOC41M20tMjAuNDUtLjI1QzEyLjQgMTMuNDggOC4xIDE3IDguMSAyMi40M2MwIDkuNjQgMTEuNjYgNy4xOSAxMS42NiAxMi4wOSAwIDItMS43NyAzLTQuMjQgM2EyMS4wOCAyMS4wOCAwIDAgMS02LjE3LTFMOSA0Mi41OWEyNS4yNSAyNS4yNSAwIDAgMCA2IC43YzcuNDcgMCAxMi00LjE5IDEyLTkuNzEgMC05LTExLjY3LTcuMzYtMTEuNjctMTEuNzkgMC0xLjY2IDEuMzEtMi44NSA0LjEzLTIuODVhMTkuNjEgMTkuNjEgMCAwIDEgNS4yMS43OWwuMzgtNS43OGEzMy43NCAzMy43NCAwIDAgMC01LjMyLS40N200Mi4wNy0xLjQyYTYuMDUgNi4wNSAwIDEgMS02LjE0IDYuMDkgNi4wOSA2LjA5IDAgMCAxIDYuMTQtNi4wOW0wLTFhNy4wOCA3LjA4IDAgMSAwIDcuMiA3LjA5QTcuMTQgNy4xNCAwIDAgMCA2MS44IDExTTcuODcgNTdoNDUuNTRWNDUuODNINy44N3oiLz48L3N2Zz4=)
}

.ardplayer .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-img.ardplayer-publisher-swr {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDEgNjgiPjxnIGZpbGw9IiMwMDFlNTAiPjxwYXRoIGQ9Ik03NS42OSAzNmE4LjQ3IDguNDcgMCAwIDAgNi42My04LjQ4YzAtNi41LTQuMjItOS4xLTExLjQ3LTkuMS0zLjY5IDAtNyAwLTkuNTkuMjN2MzAuNjZoNy4wOHYtMTJoLjI3bDcuMyAxMmg4LjYxbC02LjQ4LTkuODVjLS43Ni0xLjEyLTEuNTMtMi4yNi0yLjM1LTMuNDZ6bS01LjU2LTMuN2ExNi4xNCAxNi4xNCAwIDAgMS0xLjc4LS4wOXYtNy44NGMuNDEgMCAxLjIzLS4wOSAyLS4wOSAzLjMzIDAgNC43NCAxLjQ1IDQuNzQgMy44Ni0uMDQgMi41Ny0xLjk1IDQuMTYtNC45NiA0LjE2em0tNTYuMzItNS40MmMwLTEuNzMgMS40MS0zIDQuMzgtM2EyMy4wOCAyMy4wOCAwIDAgMSA1LjgzIDF2LTYuMjVhMzEuMjIgMzEuMjIgMCAwIDAtNS41Ni0uNjNjLTcuNjkgMC0xMi4zNSAzLjgtMTIuMjIgOS41Ni4yMyAxMC4xNiAxMi4yNyA3LjU4IDEyLjI3IDEyLjggMCAyLjE4LTEuODcgMy4yNy00LjQ3IDMuMjdhMjAuNjUgMjAuNjUgMCAwIDEtNi41NC0xLjI5bC0uMzEgNi43MWEyOC41NiAyOC41NiAwIDAgMCA2LjMxLjY5YzcuODIgMCAxMi41OC00LjQyIDEyLjU4LTEwLjM3LS4wMS05LjU1LTEyLjI3LTcuNzMtMTIuMjctMTIuNDl6bTM1LjUgMTAuNzgtMy4wOC0xOC45OGgtNy4xNGwtMy4wOCAxOC45OC0zLjA5LTE4Ljk4aC03LjE0bDUuNDIgMzAuNjVoNy45OWwzLjQ3LTE5LjY3IDMuNDcgMTkuNjdoNy45OWw1LjQxLTMwLjY1SDUyLjR6bTQwLjQyLTIwLjY4djExLjA3TDk1LjY4IDM0bC01Ljk1IDUuOTV2MTEuMDdMMTA2LjYyIDM0eiIvPjxwYXRoIGQ9Im0xMDQuOTEgMjguMDUgNS45NCA1Ljk1LTUuOTQgNS45NXYxMS4wN0wxMjEuNzkgMzRsLTE2Ljg4LTE3LjAyem0xOS42LTQuMTggMi4zOC0uODd2NS40Mmw0LjgzLTEuNzN2LTcuMjFsLTcuMjEgMi42eiIvPjxwYXRoIGQ9Ik0xMjguODQgMTYuNThhNy4xOSA3LjE5IDAgMSAwIDcuMTYgNy4xOSA3LjE3IDcuMTcgMCAwIDAtNy4xNi03LjE5em0wIDEzLjMzYTYuMTQgNi4xNCAwIDEgMSA2LjE2LTYuMTQgNi4xMyA2LjEzIDAgMCAxLTYuMTYgNi4xNHoiLz48L2c+PC9zdmc+)
}

.ardplayer .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-img.ardplayer-publisher-tagesschau24 {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMTUgNjgiPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgeDE9IjIzOC45MyIgeDI9IjI1OC41NyIgeTE9Ii0yMDY2LjEzIiB5Mj0iLTIwNDYuNDgiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgLTY2LjUgLTIwMTguOTcpIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjMDAxZTUwIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMDAxZTUwIiBzdG9wLW9wYWNpdHk9IjAiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGZpbGw9InVybCgjYSkiIGQ9Ik0xODUuNTkgOS41OUEyNC40MSAyNC40MSAwIDEgMCAyMTAgMzRhMjQuNDEgMjQuNDEgMCAwIDAtMjQuNDEtMjQuNDF6bTAgNC44OEExOS41MyAxOS41MyAwIDEgMSAxNjYuMDYgMzRhMTkuNTMgMTkuNTMgMCAwIDEgMTkuNTMtMTkuNTN6Ii8+PHBhdGggZmlsbD0iIzAwMWU1MCIgZD0iTTE1MC4wOSAyMS40MmE3LjY5IDcuNjkgMCAxIDAgNy42NyA3LjY3IDcuNjggNy42OCAwIDAgMC03LjY3LTcuNjd6bS01NC4zNCAxLjA5djIwLjk1aDMuNjZ2LTYuODljMC0yLjUgMS40Ny00LjYyIDMuMzMtNC42MiAxLjM1IDAgMS43NC45MSAxLjc0IDIuNHY5LjExaDMuNjZ2LTEwYzAtMi41LTEtNC41Ni00LjI1LTQuNTZhNSA1IDAgMCAwLTQuNjkgMi42NmgtLjA3YTE0IDE0IDAgMCAwIC4yNi0yLjl2LTYuMTV6bTU0LjMzIDBhNi41NiA2LjU2IDAgMSAxLTYuNTYgNi41NCA2LjU3IDYuNTcgMCAwIDEgNi41Ny02LjQ5ek02LjU5IDIzLjg3bC0yLjE2LjYxdjQuNzNIMS4zNHYxLjdoMy4wOXY4LjU3YzAgMyAuODQgNC4yMyAzLjcxIDQuMjNhMTIuNTkgMTIuNTkgMCAwIDAgMi42NC0uMjh2LTEuODlhNy4zOCA3LjM4IDAgMCAxLTIgLjI2Yy0xLjY5IDAtMi4xNi0uNjUtMi4xNi0zLjJ2LTcuNjloNC4xOHYtMS43SDYuNTl6bTE0Ni42MS42NS03Ljc0IDIuNzl2MS45bDIuNTUtLjkydjUuNzhsNS4xOS0xLjgzem0yNC45My42MWExNi45IDE2LjkgMCAwIDAtMyAuMjggMjEuODMgMjEuODMgMCAwIDAtMy4xMi43OHYzLjk0YTE0LjQ0IDE0LjQ0IDAgMCAxIDIuNzctMS4zNyA3IDcgMCAwIDEgMi4zOC0uNDggMy4yNSAzLjI1IDAgMCAxIDIuMjcuNzggMi41OCAyLjU4IDAgMCAxIC44NSAyIDMuMjQgMy4yNCAwIDAgMS0uNDEgMS41OSA2LjI4IDYuMjggMCAwIDEtMS4zMSAxLjU1TDE3MiA0MC4wNnYzLjRoMTMuMXYtMy40aC03LjkzbDMuODMtMy4zOGExNi42NSAxNi42NSAwIDAgMCAzLjE4LTMuNCA1LjM2IDUuMzYgMCAwIDAgLjc2LTIuNzcgNC43NyA0Ljc3IDAgMCAwLTEuNzktNCA3Ljg1IDcuODUgMCAwIDAtNS4wMS0xLjM4em0xNS40My4zMy03LjIxIDEwLjc0djRoOHYzLjI3aDQuNHYtMy4yOGgyLjU1di0zLjM4aC0yLjU1VjI1LjQ2ek03Ni43OSAyOC45Yy00IDAtNi4wNiAyLjA2LTYuMDYgNC41NiAwIDQuODUgNS43NSAzLjQgNS43NSA1LjkzIDAgLjk1LS45IDEuNTMtMi4zMSAxLjUzYTEyLjYzIDEyLjYzIDAgMCAxLTMuMDctLjQxbC0uMDkgM2ExOS41OSAxOS41OSAwIDAgMCAzIC4yNmMzLjkgMCA2LjM2LTEuOSA2LjM2LTQuNzEgMC00LjYyLTUuODQtMy42LTUuODQtNS45MyAwLS44OS42OC0xLjQ2IDIuMTEtMS40NmE5LjkyIDkuOTIgMCAwIDEgMi42NC4zN2wuMTEtMi45YTE2LjE1IDE2LjE1IDAgMCAwLTIuNi0uMjR6bTQwLjQ1IDBhMTUuNTQgMTUuNTQgMCAwIDAtNS4xLjg3bC4zMyAzLjA3YTkuMyA5LjMgMCAwIDEgNC4yMS0xLjExYzIuMDcgMCAyLjc5Ljc3IDIuNzkgMi4yN3YuNzZjLTQuODUgMC04LjI0IDEuODItOC4yNCA1LjIzIDAgMi4zIDEuNDkgMy43NyA0LjA4IDMuNzdhNC44MiA0LjgyIDAgMCAwIDQuNTUtMi43NiAxNiAxNiAwIDAgMC0uMTUgMi40aDMuNDdjLS4wNi0xLjE4LS4wOS0yLjUxLS4wOS0zLjY2di02YzAtMy4xLTEuMjktNC45NS01Ljg4LTQuOTV6bS05OC4xNCAwYTEyIDEyIDAgMCAwLTQuOTMgMS4xbC4yIDEuOWE4LjY2IDguNjYgMCAwIDEgNC4zNi0xLjI0QzIxLjIgMzAuNjcgMjIgMzEuODcgMjIgMzR2MS4yYy01LjU3IDAtOC42NyAyLjA3LTguNjcgNS4wNiAwIDIuMjcgMS42MyAzLjQ3IDMuOSAzLjQ3YTUuMjIgNS4yMiAwIDAgMCA1LTMuMjdoLjA3YTE5LjI4IDE5LjI4IDAgMCAwLS4xNSAzaDIuMDVjLS4wNi0xLjI2IDAtMi44NyAwLTQuMjd2LTUuNmMtLjA1LTIuNy0xLjItNC42NS01LjEtNC42NXptMTUuNjEgMGMtMy44NyAwLTYuMjEgMi41My02LjIxIDUuNTFhNC40OSA0LjQ5IDAgMCAwIDIuMTQgNC4xNEEyLjU1IDIuNTUgMCAwIDAgMjkgNDAuOTEgMi4yNiAyLjI2IDAgMCAwIDMwLjQ4IDQzIDQuMjcgNC4yNyAwIDAgMCAyOCA0Ni43N0MyOCA0OS41IDMwLjM1IDUxIDM0IDUxYzQuMzkgMCA3LjQ4LTIuMjQgNy40OC01LjI1IDAtMi41LTEuNy00LTQuNzktNGgtMi44MWMtMS43OCAwLTIuNTktLjM3LTIuNTktMS4yYTEuNDQgMS40NCAwIDAgMSAxLjA3LTEuMzEgOS44NSA5Ljg1IDAgMCAwIDEuOTQuMmM0LjEgMCA2LjIxLTIuMzIgNi4yMS01LjM2YTMuOSAzLjkgMCAwIDAtMS4zNy0zLjEyaDIuNTZ2LTEuN2gtNC44NGE4Ljg5IDguODkgMCAwIDAtMi4xNi0uMzJ6bTE1LjU2IDBjLTQgMC02LjI2IDMuMi02LjI2IDcuNDggMCA1IDIuMyA3LjMgNi42IDcuM2ExMi40MiAxMi40MiAwIDAgMCA0LjcxLS44NUw1NS4xMyA0MUE5LjY4IDkuNjggMCAwIDEgNTEgNDJjLTMuMTkgMC00Ljg3LTEuNzgtNC43My02LjA2aDkuNTJhOCA4IDAgMCAwIC4wNy0xLjA3YzAtMy4xNi0xLjY1LTUuODgtNS41OC01Ljg4em0xNC4xMiAwYy0zLjYyIDAtNS41NiAxLjgtNS41NiA0LjE4IDAgNS4wOCA2LjkzIDIuOTQgNi45MyA2LjM5IDAgMS40OS0xLjQyIDIuNC0zLjQ5IDIuNGExMi4zMiAxMi4zMiAwIDAgMS0zLjItLjQ2djJhMTYgMTYgMCAwIDAgMyAuMjhjMy43MyAwIDYtMiA2LTQuNDkgMC00Ljg1LTctMi45MS03LTYuMzIgMC0xLjQxIDEtMi4yNyAzLjE0LTIuMjdhOS40MyA5LjQzIDAgMCAxIDIuOTQuNDhsLjA3LTEuODVhMTUuNDEgMTUuNDEgMCAwIDAtMi43OS0uMzN6bTI1LjUgMGMtNS4wNSAwLTcuMzcgMy40Mi03LjM3IDcuODcgMCA0Ljg1IDIuNDcgNi45MSA2LjQzIDYuOTFhMTEuMzggMTEuMzggMCAwIDAgMy45LS42NWwtLjI4LTMuMTRhNi40MiA2LjQyIDAgMCAxLTIuODEuNjFjLTIuNDQgMC0zLjQtMS42Ni0zLjQtNC4xIDAtMi43IDEuMTgtNC40MiAzLjUxLTQuNDJhNy41OSA3LjU5IDAgMCAxIDIuNTkuNTJsLjM3LTMuMThhMTEuMjEgMTEuMjEgMCAwIDAtMi45NC0uMzh6bTM3LjI1LjI2djEwYzAgMi41IDEgNC41NiA0LjI1IDQuNTZhNS4xNyA1LjE3IDAgMCAwIDQuODQtMi44OCAxNS4zNSAxNS4zNSAwIDAgMC0uMTcgMi41MWgzLjQ0VjI5LjIxaC0zLjY4djYuODljMCAyLjUtMS40MyA0LjYyLTMuMjkgNC42Mi0xLjM4IDAtMS43OS0uODgtMS43OS0yLjM4di05LjEzem02Ny4xOS4wN3Y3LjU0aC01LjF6TTUwLjE2IDMwLjU4YTMuMyAzLjMgMCAwIDEgMy40NCAzLjcxaC03LjI0Yy4zNS0yLjI5IDEuNzktMy43MSAzLjgtMy43MXptLTE2IDBoLjQ2YzIuMzUgMCAzLjc1IDEuMyAzLjc1IDMuNnMtMS41MyAzLjU3LTMuODggMy41Ny0zLjgxLTEuMjUtMy44MS0zLjU3YTMuNDkgMy40OSAwIDAgMSAzLjQ2LTMuNTZ6TTIyIDM2Ljc5VjM3YzAgMi40Ny0xLjY2IDUtNC4xOCA1YTIuMDkgMi4wOSAwIDAgMS0yLjMzLTIuMTFjLS4wMy0xLjQgMS4xMi0zLjEgNi41MS0zLjF6bTk3LjQ5LjM3di4zNWEzLjMgMy4zIDAgMCAxLTMuMDggMy40OSAxLjQ5IDEuNDkgMCAwIDEtMS42OC0xLjUzYzAtMS4xOS44Ni0yLjMxIDQuNzMtMi4zMXpNMzIuMiA0My41MmgzLjg2YzIuMTggMCAzLjI1LjkyIDMuMjUgMi40NCAwIDEuODktMS44NCAzLjIzLTUgMy4yMy0yLjM4IDAtNC4xNi0xLTQuMTYtMi44MWEzLjMzIDMuMzMgMCAwIDEgMi0yLjg4eiIvPjwvc3ZnPg==)
}

.ardplayer .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-img.ardplayer-publisher-wdr {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMTUgNjgiPjxwYXRoIGZpbGw9IiMwMDFlNTAiIGQ9Ik02OC45MyA0OS4yNmg3Ljczdi05Ljg3aC41OWMuODcgMCAzLjEtLjA1IDQuMyAxLjlsNC43NCA4aDguM0w5MC4yOSA0MmExNC4yOCAxNC4yOCAwIDAgMC0zLjUzLTQuNDF2LS4wOGE3Ljc0IDcuNzQgMCAwIDAgNS40NS03LjY5YzAtNS42Mi00LTguNTItMTEuMTUtOC41Mkg2OC45M1YzMWgtLjA3Yy0xLjQ3LTUuODUtNi40LTkuNy0xNS40My05LjdIMzYuMzdsLTIuNiAxMS40MmMtLjU1IDIuMzYtMSA1LjM0LTEgNS4zNGgtLjA4cy0uNTktMy4zMi0xLjEzLTUuNjdsLTIuMjUtMTEuMDhoLTkuMzdsLTIuMjIgMTEuMDhjLS41NSAyLjM1LTEuMTMgNS42Ny0xLjEzIDUuNjdoLS4wOXMtLjQ2LTMtMS01LjM0TDEyLjkgMjEuM0g0LjQxbDcuNDYgMjhoOC41M2w0LjI0LTE3LjkzaC4wOEwyOSA0OS4yNmg4LjM5TDQzLjU4IDI2aC4wOHYyMy4yNmg5LjUzYzkuMTUgMCAxNC4xOS00LjIgMTUuNjgtMTAuMTloLjA2em0tMTUuMTEtNi4zM2gtMi4zNVYyNy42NWgyLjE0YzUuMTIgMCA3LjQzIDIuMjcgNy40MyA3LjQ4cy0yLjMxIDcuODEtNy4yMiA3LjgxbTI3LjA2LTkuNDVoLTQuMjJ2LTYuMjZoNGMyLjY0IDAgMy43MyAxIDMuNzMgMy4xNSAwIDEuOTMtMS4xNCAzLjExLTMuNDkgMy4xMW0yNC44Mi00Ljh2LTcuMjFsLTcuMjEgMi42djEuNzlsMi4zOC0uODd2NS40MnptLTIuODgtMTAuMTFhNy4xOSA3LjE5IDAgMSAxLTcuMTUgNy4xOSA3LjE4IDcuMTggMCAwIDEgNy4xNS03LjE5bTAgMS4wNWE2LjE0IDYuMTQgMCAxIDAgNi4xNiA2LjE0IDYuMTMgNi4xMyAwIDAgMC02LjExLTYuMTQiLz48L3N2Zz4=)
}

.ardplayer .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-text {
    min-width: 0;
    opacity: 1;
    padding-left: 30px;
    transition: opacity .3s ease-in-out
}

.ardplayer .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-text p {
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis
}

.ardplayer .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-text p.ardplayer-title-widget-main {
    font-size: 30px;
    font-weight: 700
}

.ardplayer .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-text p.ardplayer-title-widget-byline {
    font-size: 20px
}

.ardplayer .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget i.ardplayer-icon {
    display: none;
    margin-right: -30px
}

.ardplayer .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget i.ardplayer-icon:before {
    font-size: 60px;
    font-weight: 700 !important
}

.ardplayer .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-link {
    border-radius: 40px;
    display: none;
    height: 100%;
    max-width: 80px;
    overflow: hidden;
    position: absolute;
    transition: max-width .3s linear;
    width: auto
}

.ardplayer .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-link span {
    background-color: #fff;
    border-radius: 40px;
    color: #fff;
    display: inline-block;
    font-size: 22px;
    line-height: 80px;
    padding-left: 120px;
    padding-right: 44px;
    transition: color .2s ease-out 0s
}

.ardplayer .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-link span:before {
    font-size: 44px;
    margin-right: 5px;
    position: absolute;
    right: 0
}

.ardplayer.ardplayer-embedded.ardplayer-show-errorframe .ardplayer-title-container,
.ardplayer.ardplayer-showback:not(.ardplayer-state-fullscreen).ardplayer-show-errorframe .ardplayer-title-container {
    display: block !important
}

.ardplayer.ardplayer-embedded .ardplayer-errorframe:after,
.ardplayer.ardplayer-embedded .ardplayer-posterframe:after,
.ardplayer.ardplayer-showback:not(.ardplayer-state-fullscreen) .ardplayer-errorframe:after,
.ardplayer.ardplayer-showback:not(.ardplayer-state-fullscreen) .ardplayer-posterframe:after {
    background: linear-gradient(180deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .4), transparent);
    content: " ";
    display: block;
    height: 50%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ardplayer.ardplayer-embedded .ardplayer-title-container,
.ardplayer.ardplayer-showback:not(.ardplayer-state-fullscreen) .ardplayer-title-container {
    display: block
}

.ardplayer.ardplayer-embedded .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget,
.ardplayer.ardplayer-embedded .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-text,
.ardplayer.ardplayer-showback:not(.ardplayer-state-fullscreen) .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget,
.ardplayer.ardplayer-showback:not(.ardplayer-state-fullscreen) .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-text {
    visibility: visible
}

.ardplayer.ardplayer-embedded .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-img,
.ardplayer.ardplayer-embedded .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-link,
.ardplayer.ardplayer-showback .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget i.ardplayer-icon {
    display: block
}

.ardplayer.ardplayer-embedded .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget:hover .ardplayer-title-widget-img,
.ardplayer.ardplayer-embedded .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget:hover span {
    background-color: #fff
}

.ardplayer.ardplayer-embedded .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget:hover .ardplayer-title-widget-text {
    opacity: 0
}

.ardplayer.ardplayer-embedded .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget:hover .ardplayer-title-widget-link {
    max-width: 100vw
}

.ardplayer.ardplayer-embedded .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget:hover .ardplayer-title-widget-link span {
    color: #001e50;
    transition: color .2s ease-out .1s
}

.ardplayer.ardplayer-m:not(.ardplayer-state-audio) .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget {
    margin-left: 16px;
    margin-top: 16px
}

.ardplayer.ardplayer-m:not(.ardplayer-state-audio) .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget-img {
    border-radius: 32px;
    flex: 0 0 64px;
    height: 64px;
    width: 64px
}

.ardplayer.ardplayer-m:not(.ardplayer-state-audio) .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget-text {
    padding-left: 16px
}

.ardplayer.ardplayer-m:not(.ardplayer-state-audio) .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget-text p.ardplayer-title-widget-main {
    font-size: 20px
}

.ardplayer.ardplayer-m:not(.ardplayer-state-audio) .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget-text p.ardplayer-title-widget-byline {
    font-size: 16px
}

.ardplayer.ardplayer-m:not(.ardplayer-state-audio) .ardplayer-title-container .ardplayer-title-sizer i.ardplayer-icon {
    margin-right: -20px
}

.ardplayer.ardplayer-m:not(.ardplayer-state-audio) .ardplayer-title-container .ardplayer-title-sizer i.ardplayer-icon:before {
    font-size: 40px
}

.ardplayer.ardplayer-m:not(.ardplayer-state-audio) .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget-link {
    border-radius: 32px;
    max-width: 64px
}

.ardplayer.ardplayer-m:not(.ardplayer-state-audio) .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget-link span {
    border-radius: 32px;
    font-size: 18px;
    line-height: 64px;
    padding-left: 96px;
    padding-right: 36px
}

.ardplayer.ardplayer-m:not(.ardplayer-state-audio) .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget-link span:before {
    font-size: 36px
}

.ardplayer.ardplayer-s.ardplayer-showback:not(.ardplayer-state-audio) .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget {
    margin-left: 0;
    margin-top: 0
}

.ardplayer.ardplayer-s.ardplayer-embedded:not(.ardplayer-state-audio) .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget {
    margin-left: 12px;
    margin-top: 12px
}

.ardplayer.ardplayer-s .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget-img,
.ardplayer.ardplayer-state-audio .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget-img {
    border-radius: 24px;
    flex: 0 0 48px;
    height: 48px;
    width: 48px
}

.ardplayer.ardplayer-s .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget-text p.ardplayer-title-widget-main,
.ardplayer.ardplayer-state-audio .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget-text p.ardplayer-title-widget-main {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-box-pack: end;
    display: -webkit-box;
    font-size: 18px;
    font-weight: 400;
    white-space: normal
}

.ardplayer.ardplayer-s .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget-text p.ardplayer-title-widget-byline,
.ardplayer.ardplayer-state-audio .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget-text p.ardplayer-title-widget-byline {
    display: none
}

.ardplayer.ardplayer-s .ardplayer-title-container .ardplayer-title-sizer i.ardplayer-icon,
.ardplayer.ardplayer-state-audio .ardplayer-title-container .ardplayer-title-sizer i.ardplayer-icon {
    margin-right: -18px
}

.ardplayer.ardplayer-s .ardplayer-title-container .ardplayer-title-sizer i.ardplayer-icon:before,
.ardplayer.ardplayer-state-audio .ardplayer-title-container .ardplayer-title-sizer i.ardplayer-icon:before {
    font-size: 36px
}

.ardplayer.ardplayer-s .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget-link,
.ardplayer.ardplayer-state-audio .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget-link {
    border-radius: 24px;
    max-width: 48px
}

.ardplayer.ardplayer-s .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget-link span,
.ardplayer.ardplayer-state-audio .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget-link span {
    border-radius: 24px;
    font-size: 16px;
    line-height: 48px;
    padding-left: 72px;
    padding-right: 32px
}

.ardplayer.ardplayer-s .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget-link span:before,
.ardplayer.ardplayer-state-audio .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget-link span:before {
    font-size: 32px
}

.ardplayer.ardplayer-xs:not(.ardplayer-state-audio) .ardplayer-title-container .ardplayer-title-sizer:hover .ardplayer-title-widget {
    margin-right: 0
}

.ardplayer.ardplayer-xs:not(.ardplayer-state-audio) .ardplayer-title-container .ardplayer-title-sizer:hover .ardplayer-title-widget-text {
    margin-right: var(--headline-right-margin)
}

.ardplayer.ardplayer-xs:not(.ardplayer-state-audio) .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget-img {
    border-radius: 24px;
    flex: 0 0 48px;
    height: 48px;
    width: 48px
}

.ardplayer.ardplayer-xs:not(.ardplayer-state-audio) .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget-link {
    border-radius: 24px;
    max-width: 48px
}

.ardplayer.ardplayer-xs:not(.ardplayer-state-audio) .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget-link span {
    border-radius: 24px;
    line-height: 48px;
    padding-left: 72px
}

.ardplayer.ardplayer-xs:not(.ardplayer-state-audio) .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget-text p.ardplayer-title-widget-main {
    font-size: 16px
}

.ardplayer.ardplayer-state-mobile .ardplayer-title-sizer:hover .ardplayer-title-widget-text {
    opacity: 1
}

.ardplayer.ardplayer-state-mobile .ardplayer-title-sizer:hover .ardplayer-title-widget-link {
    visibility: hidden
}

@keyframes playstateZoomPlay {
    0% {
        transform: scaleX(1)
    }

    10% {
        opacity: 1;
        visibility: visible
    }

    to {
        transform: scale3d(2, 2, 2)
    }
}

@keyframes playstateZoomPause {
    0% {
        transform: scaleX(1)
    }

    10% {
        opacity: 1;
        visibility: visible
    }

    to {
        transform: scale3d(2, 2, 2)
    }
}

.ardplayer .ardplayer-playstate-zoom {
    animation-duration: .6s;
    animation-fill-mode: none;
    background-color: var(--ardplayer-color-primary-transparent-30);
    border-radius: 100%;
    color: var(--ardplayer-color-lightest);
    display: none;
    font-size: 72px;
    height: 72px;
    left: calc(50% - 36px);
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: calc(50% - 36px);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    visibility: hidden;
    width: 72px
}

.ardplayer .ardplayer-playstate-zoom.ardplayer-icon-play {
    animation-name: playstateZoomPlay;
    display: block
}

.ardplayer .ardplayer-playstate-zoom.ardplayer-icon-pause {
    animation-name: playstateZoomPause;
    display: block
}

.ardplayer.ardplayer-m .ardplayer-playstate-zoom {
    font-size: 48px;
    height: 48px;
    left: calc(50% - 24px);
    top: calc(50% - 24px);
    width: 48px
}

@media(prefers-reduced-motion) {

    .ardplayer .ardplayer-playstate-zoom.ardplayer-icon-pause,
    .ardplayer .ardplayer-playstate-zoom.ardplayer-icon-play {
        display: none
    }
}

.ardplayer.ardplayer-s .ardplayer-playstate-zoom.ardplayer-icon-pause,
.ardplayer.ardplayer-s .ardplayer-playstate-zoom.ardplayer-icon-play,
.ardplayer.ardplayer-sm .ardplayer-playstate-zoom.ardplayer-icon-pause,
.ardplayer.ardplayer-sm .ardplayer-playstate-zoom.ardplayer-icon-play {
    display: none
}

.ardplayer .ardplayer-title-container .ardplayer-title-sizer {
    opacity: 0;
    transition: .6s ease-in-out;
    visibility: hidden
}

.ardplayer .ardplayer-footer .ardplayer-buttons-main {
    display: block
}

.ardplayer .ardplayer-center .ardplayer-buttons-main,
.ardplayer.ardplayer-s .ardplayer-footer .ardplayer-buttons-main,
.ardplayer.ardplayer-sm .ardplayer-footer .ardplayer-buttons-main {
    display: none
}

.ardplayer.ardplayer-s .ardplayer-center .ardplayer-buttons-main,
.ardplayer.ardplayer-sm .ardplayer-center .ardplayer-buttons-main {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center
}

.ardplayer.ardplayer-s .ardplayer-center button,
.ardplayer.ardplayer-sm .ardplayer-center button {
    margin: 0
}

.ardplayer.ardplayer-s .ardplayer-center button,
.ardplayer.ardplayer-s .ardplayer-center button:after,
.ardplayer.ardplayer-s .ardplayer-center button:before,
.ardplayer.ardplayer-sm .ardplayer-center button,
.ardplayer.ardplayer-sm .ardplayer-center button:after,
.ardplayer.ardplayer-sm .ardplayer-center button:before {
    font-size: 48px;
    height: 48px;
    line-height: 48px;
    width: 48px
}

.ardplayer.ardplayer-s .ardplayer-center .ardplayer-button-big button,
.ardplayer.ardplayer-s .ardplayer-center .ardplayer-button-big button:after,
.ardplayer.ardplayer-s .ardplayer-center .ardplayer-button-big button:before,
.ardplayer.ardplayer-s .ardplayer-center button.ardplayer-button-big,
.ardplayer.ardplayer-s .ardplayer-center button.ardplayer-button-big:after,
.ardplayer.ardplayer-s .ardplayer-center button.ardplayer-button-big:before {
    font-size: 60px;
    height: 60px;
    line-height: 60px;
    width: 60px
}

.ardplayer.ardplayer-sm .ardplayer-center button,
.ardplayer.ardplayer-sm .ardplayer-center button:after,
.ardplayer.ardplayer-sm .ardplayer-center button:before {
    font-size: 72px;
    height: 72px;
    line-height: 72px;
    width: 72px
}

.ardplayer.ardplayer-sm .ardplayer-center .ardplayer-button-big button,
.ardplayer.ardplayer-sm .ardplayer-center .ardplayer-button-big button:after,
.ardplayer.ardplayer-sm .ardplayer-center .ardplayer-button-big button:before,
.ardplayer.ardplayer-sm .ardplayer-center button.ardplayer-button-big,
.ardplayer.ardplayer-sm .ardplayer-center button.ardplayer-button-big:after,
.ardplayer.ardplayer-sm .ardplayer-center button.ardplayer-button-big:before {
    font-size: 84px;
    height: 84px;
    line-height: 84px;
    width: 84px
}

.ardplayer .ardplayer-header {
    opacity: 0;
    pointer-events: none;
    transition: opacity .6s ease-in-out
}

.ardplayer .ardplayer-header button {
    pointer-events: none;
    transition: transform .2s ease-in-out, color .2s ease-in-out
}

.ardplayer .ardplayer-title-container {
    pointer-events: none
}

.ardplayer .ardplayer-center .ardplayer-addons-container-big,
.ardplayer .ardplayer-center .ardplayer-button-fullscreen-container,
.ardplayer .ardplayer-center .ardplayer-buttons-main,
.ardplayer .ardplayer-footer .ardplayer-addons-container-big,
.ardplayer .ardplayer-footer .ardplayer-button-fullscreen-container,
.ardplayer .ardplayer-footer .ardplayer-buttons-main {
    opacity: 0;
    transition: opacity .6s ease-in-out
}

.ardplayer .ardplayer-center button,
.ardplayer .ardplayer-footer button {
    pointer-events: none;
    transition: transform .2s ease-in-out, color .2s ease-in-out, opacity .2s ease-in-out, visibility .2s ease-in-out
}

.ardplayer .ardplayer-footer {
    opacity: 0;
    transition: transform .6s ease-in-out, opacity .6s ease-in-out, visibility .6s ease-in-out
}

.ardplayer .ardplayer-footer .ardplayer-buttons-main {
    bottom: 35px;
    left: 30px;
    position: absolute
}

.ardplayer.ardplayer-m .ardplayer-footer .ardplayer-buttons-main,
.ardplayer.ardplayer-sm .ardplayer-footer .ardplayer-buttons-main {
    bottom: 15px;
    left: 16px
}

.ardplayer.ardplayer-s .ardplayer-footer .ardplayer-buttons-main {
    left: 0
}

.ardplayer .ardplayer-control {
    opacity: 0;
    transition: transform .6s ease-in-out, opacity .6s ease-in-out, visibility .6s ease-in-out
}

.ardplayer .ardplayer-control button {
    pointer-events: none
}

.ardplayer.ardplayer-show-controls,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls) {
    cursor: default
}

.ardplayer.ardplayer-show-controls .ardplayer-addons-container-big button,
.ardplayer.ardplayer-show-controls .ardplayer-button-fullscreen-container button,
.ardplayer.ardplayer-show-controls .ardplayer-center .ardplayer-buttons-main button,
.ardplayer.ardplayer-show-controls .ardplayer-control button,
.ardplayer.ardplayer-show-controls .ardplayer-footer button,
.ardplayer.ardplayer-show-controls .ardplayer-header button,
.ardplayer.ardplayer-show-controls .ardplayer-title-widget,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls) .ardplayer-addons-container-big button,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls) .ardplayer-button-fullscreen-container button,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls) .ardplayer-center .ardplayer-buttons-main button,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls) .ardplayer-control button,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls) .ardplayer-footer button,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls) .ardplayer-header button,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls) .ardplayer-title-widget {
    pointer-events: all
}

.ardplayer.ardplayer-show-controls .ardplayer-addons-container-big,
.ardplayer.ardplayer-show-controls .ardplayer-button-fullscreen-container,
.ardplayer.ardplayer-show-controls .ardplayer-buttons-main,
.ardplayer.ardplayer-show-controls .ardplayer-buttons-main .ardplayer-icon-nextclip,
.ardplayer.ardplayer-show-controls .ardplayer-buttons-main .ardplayer-icon-prevclip,
.ardplayer.ardplayer-show-controls .ardplayer-buttons-main .ardplayer-icon-skipbackward,
.ardplayer.ardplayer-show-controls .ardplayer-buttons-main .ardplayer-icon-skipforward,
.ardplayer.ardplayer-show-controls .ardplayer-center,
.ardplayer.ardplayer-show-controls .ardplayer-control,
.ardplayer.ardplayer-show-controls .ardplayer-footer,
.ardplayer.ardplayer-show-controls .ardplayer-header,
.ardplayer.ardplayer-show-controls .ardplayer-title-container .ardplayer-title-sizer,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls) .ardplayer-addons-container-big,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls) .ardplayer-button-fullscreen-container,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls) .ardplayer-buttons-main,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls) .ardplayer-buttons-main .ardplayer-icon-nextclip,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls) .ardplayer-buttons-main .ardplayer-icon-prevclip,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls) .ardplayer-buttons-main .ardplayer-icon-skipbackward,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls) .ardplayer-buttons-main .ardplayer-icon-skipforward,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls) .ardplayer-center,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls) .ardplayer-control,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls) .ardplayer-footer,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls) .ardplayer-header,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls) .ardplayer-title-container .ardplayer-title-sizer,
.ardplayer.ardplayer-state-inactive:not(.ardplayer-show-errorframe) .ardplayer-title-container .ardplayer-title-sizer {
    opacity: 1
}

.ardplayer.ardplayer-show-posterframe .ardplayer-center,
.ardplayer.ardplayer-show-posterframe .ardplayer-control,
.ardplayer.ardplayer-show-posterframe .ardplayer-controlbar,
.ardplayer.ardplayer-show-posterframe .ardplayer-footer,
.ardplayer.ardplayer-show-posterframe .ardplayer-header,
.ardplayer.ardplayer-show-posterframe .ardplayer-time-playhead,
.ardplayer.ardplayer-show-posterframe .ardplayer-time-remaining {
    display: none
}

.ardplayer.ardplayer-show-posterframe .ardplayer-title-widget {
    pointer-events: all
}

.ardplayer.ardplayer-show-posterframe .ardplayer-posterframe {
    display: block
}

.ardplayer.ardplayer-show-posterframe .ardplayer-viewport>* {
    visibility: hidden
}

.ardplayer.ardplayer-show-errorframe {
    background-color: var(--ardplayer-color-secondary)
}

.ardplayer.ardplayer-show-errorframe>* {
    display: none !important
}

.ardplayer.ardplayer-show-errorframe .ardplayer-errorframe,
.ardplayer.ardplayer-show-errorframe .ardplayer-posterframe {
    display: block !important
}

.ardplayer.ardplayer-show-errorframe .ardplayer-posterframe {
    background-color: var(--ardplayer-color-secondary);
    filter: blur(1rem)
}

.ardplayer.ardplayer-show-errorframe .ardplayer-posterframe .ardplayer-posterframe-buttons,
.ardplayer.ardplayer-show-errorframe .ardplayer-posterframe span {
    display: none
}

.ardplayer.ardplayer-show-errorframe .ardplayer-contextmenu.ardplayer-open {
    display: block !important
}

.ardplayer.ardplayer-show-errorframe.ardplayer-posterframe-transparent {
    background-color: transparent
}

.ardplayer.ardplayer-show-errorframe.ardplayer-posterframe-transparent .ardplayer-posterbackdrop,
.ardplayer.ardplayer-show-errorframe.ardplayer-posterframe-transparent .ardplayer-posterframe {
    background: transparent
}

.ardplayer .ardplayer-controlbar-hover,
.ardplayer .ardplayer-controlbar-seek-indicator {
    display: none
}

.ardplayer.ardplayer-show-controlbar-hover .ardplayer-controlbar-hover,
.ardplayer.ardplayer-show-controlbar-hover .ardplayer-controlbar-seek-indicator,
.ardplayer.ardplayer-show-controlbar-thumb-hover .ardplayer-controlbar-hover,
.ardplayer.ardplayer-show-controlbar-thumb-hover .ardplayer-controlbar-seek-indicator {
    display: block
}

.ardplayer.ardplayer-show-focus-outlines .ardplayer-controlbar .ardplayer-focus-outline,
.ardplayer.ardplayer-show-focus-outlines .ardplayer-controlbar:focus,
.ardplayer.ardplayer-show-focus-outlines [tabindex]:not([tabindex^="-"]) .ardplayer-focus-outline,
.ardplayer.ardplayer-show-focus-outlines [tabindex]:not([tabindex^="-"]):focus,
.ardplayer.ardplayer-show-focus-outlines button .ardplayer-focus-outline,
.ardplayer.ardplayer-show-focus-outlines button:focus {
    outline: 2px solid var(--ardplayer-color-primary);
    outline-offset: -2px
}

.ardplayer.ardplayer-show-focus-outlines .ardplayer-controlbar:focus:not(:focus-visible),
.ardplayer.ardplayer-show-focus-outlines [tabindex]:not([tabindex^="-"]):focus:not(:focus-visible),
.ardplayer.ardplayer-show-focus-outlines button:focus:not(:focus-visible) {
    outline: none
}

.ardplayer:not(.ardplayer-show-focus-outlines) .ardplayer-controlbar .ardplayer-focus-outline,
.ardplayer:not(.ardplayer-show-focus-outlines) .ardplayer-controlbar:focus,
.ardplayer:not(.ardplayer-show-focus-outlines) .ardplayer-controlbar:focus-visible,
.ardplayer:not(.ardplayer-show-focus-outlines) [tabindex]:not([tabindex^="-"]) .ardplayer-focus-outline,
.ardplayer:not(.ardplayer-show-focus-outlines) [tabindex]:not([tabindex^="-"]):focus,
.ardplayer:not(.ardplayer-show-focus-outlines) [tabindex]:not([tabindex^="-"]):focus-visible,
.ardplayer:not(.ardplayer-show-focus-outlines) button .ardplayer-focus-outline,
.ardplayer:not(.ardplayer-show-focus-outlines) button:focus,
.ardplayer:not(.ardplayer-show-focus-outlines) button:focus-visible {
    outline: none
}

.ardplayer.reinit-ardplayer *,
.ardplayer.reinit-ardplayer :before {
    animation-duration: 1ms !important;
    transition-duration: 1ms !important
}

@media(prefers-reduced-motion) {

    .ardplayer *,
    .ardplayer :before {
        animation-duration: 1ms !important;
        transition-duration: 1ms !important
    }
}

.ardplayer.ardplayer-init *,
.ardplayer.ardplayer-init :before,
.ardplayer.ardplayer-state-loading *,
.ardplayer.ardplayer-state-loading :before {
    animation-name: none !important;
    transition: none !important
}

.ardplayer.ardplayer-state-audio.ardplayer-state-audio-inline.ardplayer-state-live,
.ardplayer.ardplayer-state-audio.ardplayer-state-live,
.ardplayer.ardplayer-state-live {
    --ardplayer-color-primary: var(--ardplayer-color-primary-live);
    --ardplayer-color-tertiary: var(--ardplayer-color-primary-live);
    --ardplayer-color-primary-transparent-30: var(--ardplayer-color-primary-live-transparent-30);
    --ardplayer-color-primary-transparent-50: var(--ardplayer-color-primary-live-transparent-50)
}

.ardplayer.ardplayer-state-audio.ardplayer-state-audio-inline.ardplayer-state-live .ardplayer-button-jumptolive,
.ardplayer.ardplayer-state-audio.ardplayer-state-live .ardplayer-button-jumptolive,
.ardplayer.ardplayer-state-live .ardplayer-button-jumptolive {
    display: inline-block
}

.ardplayer.ardplayer-state-audio.ardplayer-state-audio-inline.ardplayer-state-live .ardplayer-footer .ardplayer-time-playhead,
.ardplayer.ardplayer-state-audio.ardplayer-state-live .ardplayer-footer .ardplayer-time-playhead,
.ardplayer.ardplayer-state-live .ardplayer-footer .ardplayer-time-playhead {
    color: var(--ardplayer-color-primary-live);
    visibility: hidden !important
}

.ardplayer.ardplayer-state-audio.ardplayer-state-audio-inline.ardplayer-state-live .ardplayer-footer .ardplayer-time-playhead:after,
.ardplayer.ardplayer-state-audio.ardplayer-state-live .ardplayer-footer .ardplayer-time-playhead:after,
.ardplayer.ardplayer-state-live .ardplayer-footer .ardplayer-time-playhead:after {
    content: "LIVE";
    display: block;
    visibility: visible
}

.ardplayer.ardplayer-state-audio.ardplayer-state-audio-inline.ardplayer-state-live .ardplayer-controlbar .ardplayer-controlbar-hover,
.ardplayer.ardplayer-state-audio.ardplayer-state-live .ardplayer-controlbar .ardplayer-controlbar-hover,
.ardplayer.ardplayer-state-live .ardplayer-controlbar .ardplayer-controlbar-hover {
    background: var(--ardplayer-color-primary-live)
}

.ardplayer.ardplayer-state-audio.ardplayer-state-audio-inline.ardplayer-state-live .ardplayer-controlbar .ardplayer-controlbar-hover:after,
.ardplayer.ardplayer-state-audio.ardplayer-state-live .ardplayer-controlbar .ardplayer-controlbar-hover:after,
.ardplayer.ardplayer-state-live .ardplayer-controlbar .ardplayer-controlbar-hover:after {
    border-right: 2px solid var(--ardplayer-color-primary-live)
}

.ardplayer.ardplayer-state-audio.ardplayer-state-audio-inline.ardplayer-state-live.ardplayer-state-live-nodvr .ardplayer-button-jumpbackward,
.ardplayer.ardplayer-state-audio.ardplayer-state-audio-inline.ardplayer-state-live.ardplayer-state-live-nodvr .ardplayer-button-jumpforward,
.ardplayer.ardplayer-state-audio.ardplayer-state-audio-inline.ardplayer-state-live.ardplayer-state-live-nodvr .ardplayer-button-jumptolive,
.ardplayer.ardplayer-state-audio.ardplayer-state-audio-inline.ardplayer-state-live.ardplayer-state-live-nodvr .ardplayer-controlbar,
.ardplayer.ardplayer-state-audio.ardplayer-state-audio-inline.ardplayer-state-live.ardplayer-state-live-nodvr .ardplayer-footer .ardplayer-time-remaining,
.ardplayer.ardplayer-state-audio.ardplayer-state-live.ardplayer-state-live-nodvr .ardplayer-button-jumpbackward,
.ardplayer.ardplayer-state-audio.ardplayer-state-live.ardplayer-state-live-nodvr .ardplayer-button-jumpforward,
.ardplayer.ardplayer-state-audio.ardplayer-state-live.ardplayer-state-live-nodvr .ardplayer-button-jumptolive,
.ardplayer.ardplayer-state-audio.ardplayer-state-live.ardplayer-state-live-nodvr .ardplayer-controlbar,
.ardplayer.ardplayer-state-audio.ardplayer-state-live.ardplayer-state-live-nodvr .ardplayer-footer .ardplayer-time-remaining,
.ardplayer.ardplayer-state-live.ardplayer-state-live-nodvr .ardplayer-button-jumpbackward,
.ardplayer.ardplayer-state-live.ardplayer-state-live-nodvr .ardplayer-button-jumpforward,
.ardplayer.ardplayer-state-live.ardplayer-state-live-nodvr .ardplayer-button-jumptolive,
.ardplayer.ardplayer-state-live.ardplayer-state-live-nodvr .ardplayer-controlbar,
.ardplayer.ardplayer-state-live.ardplayer-state-live-nodvr .ardplayer-footer .ardplayer-time-remaining {
    display: none
}

.ardplayer.ardplayer-state-audio.ardplayer-state-audio-inline.ardplayer-state-live.ardplayer-state-live-nodvr .ardplayer-footer .ardplayer-time-playhead,
.ardplayer.ardplayer-state-audio.ardplayer-state-live.ardplayer-state-live-nodvr .ardplayer-footer .ardplayer-time-playhead,
.ardplayer.ardplayer-state-live.ardplayer-state-live-nodvr .ardplayer-footer .ardplayer-time-playhead {
    text-align: left
}

.ardplayer.ardplayer-state-live:not(.ardplayer-state-audio).ardplayer-s:not(.ardplayer-state-live-nodvr) .ardplayer-footer .ardplayer-time-playhead {
    width: 0
}

.ardplayer.ardplayer-state-live:not(.ardplayer-state-audio).ardplayer-s:not(.ardplayer-state-live-nodvr) .ardplayer-footer .ardplayer-time-playhead:after {
    display: none
}

.ardplayer.ardplayer-state-live:not(.ardplayer-state-audio).ardplayer-s:not(.ardplayer-state-live-nodvr) .ardplayer-footer .ardplayer-time-remaining:before {
    color: var(--ardplayer-color-primary-live);
    content: "LIVE ";
    display: inline-block
}

.ardplayer.ardplayer-state-audio.ardplayer-old-webkit {
    overflow: initial
}

.ardplayer.ardplayer-state-audio .ardplayer-background,
.ardplayer.ardplayer-state-audio .ardplayer-button-fullscreen,
.ardplayer.ardplayer-state-audio .ardplayer-header,
.ardplayer.ardplayer-state-audio .ardplayer-playstate-zoom {
    display: none
}

.ardplayer.ardplayer-state-audio .ardplayer-viewport {
    bottom: 0;
    height: 0
}

.ardplayer.ardplayer-state-audio .ardplayer-volume-fader {
    opacity: 1;
    visibility: visible
}

.ardplayer.ardplayer-state-audio .ardplayer-volume-fader:not(:hover) .noUi-handle {
    transform: scale(0)
}

.ardplayer.ardplayer-state-audio .ardplayer-volume-fader .noUi-handle {
    transition: transform .2s ease-in-out;
    will-change: transform
}

.ardplayer.ardplayer-state-audio .ardplayer-volume-fader .noUi-connect {
    border-radius: 1.5px
}

.ardplayer.ardplayer-state-audio .ardplayer-posterbackdrop {
    background: linear-gradient(148deg, var(--ardplayer-color-primary-dark) 0, var(--ardplayer-color-tertiary-dark) 35%, var(--ardplayer-color-primary-dark) 100%);
    display: block
}

.ardplayer.ardplayer-state-audio .ardplayer-button-volume {
    transition: visibility .2s ease-in-out, opacity .2s ease-in-out
}

.ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(.ardplayer-show-posterframe):after {
    background: hsla(0, 2%, 67%, .4);
    bottom: 80px;
    content: " ";
    display: block;
    height: 4px;
    left: 0;
    position: absolute;
    right: 0
}

.ardplayer.ardplayer-state-audio.ardplayer-state-inactive .ardplayer-controlbar {
    display: none
}

.ardplayer.ardplayer-state-audio.ardplayer-state-inactive .ardplayer-button-volume {
    opacity: 0;
    pointer-events: none;
    visibility: hidden
}

.ardplayer.ardplayer-state-audio.ardplayer-state-inactive .ardplayer-button-jumpbackward,
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive .ardplayer-button-jumpforward,
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive .ardplayer-button-nextclip,
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive .ardplayer-button-prevclip {
    color: hsla(0, 0%, 62%, .6);
    cursor: default !important;
    pointer-events: none !important
}

.ardplayer.ardplayer-state-audio.ardplayer-state-inactive .ardplayer-button-jumpbackward:hover:after,
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive .ardplayer-button-jumpbackward:hover:before,
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive .ardplayer-button-jumpbackward[pressed=true]:after,
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive .ardplayer-button-jumpbackward[pressed=true]:before,
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive .ardplayer-button-jumpforward:hover:after,
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive .ardplayer-button-jumpforward:hover:before,
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive .ardplayer-button-jumpforward[pressed=true]:after,
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive .ardplayer-button-jumpforward[pressed=true]:before,
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive .ardplayer-button-nextclip:hover:after,
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive .ardplayer-button-nextclip:hover:before,
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive .ardplayer-button-nextclip[pressed=true]:after,
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive .ardplayer-button-nextclip[pressed=true]:before,
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive .ardplayer-button-prevclip:hover:after,
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive .ardplayer-button-prevclip:hover:before,
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive .ardplayer-button-prevclip[pressed=true]:after,
.ardplayer.ardplayer-state-audio.ardplayer-state-inactive .ardplayer-button-prevclip[pressed=true]:before {
    transform: none
}

.ardplayer.ardplayer-state-audio.ardplayer-show-errorframe .ardplayer-posterframe {
    bottom: 0;
    filter: unset;
    height: 84px;
    top: unset
}

.ardplayer.ardplayer-state-audio.ardplayer-show-errorframe .ardplayer-posterframe picture {
    display: none
}

.ardplayer.ardplayer-state-audio.ardplayer-show-errorframe .ardplayer-errorframe {
    bottom: 0;
    height: 84px;
    top: unset
}

.ardplayer.ardplayer-state-audio.ardplayer-show-errorframe .ardplayer-errorframe .ardplayer-errorframe-content {
    align-items: center;
    bottom: 0;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    top: 0;
    transform: unset
}

.ardplayer.ardplayer-state-audio.ardplayer-show-errorframe .ardplayer-errorframe .ardplayer-errorframe-content .ardplayer-error-icon {
    font-size: 48px;
    height: 48px;
    line-height: 48px;
    margin: 0 0 0 30px;
    width: 48px
}

.ardplayer.ardplayer-state-audio.ardplayer-show-errorframe .ardplayer-errorframe .ardplayer-errorframe-content span.ardplayer-error-message {
    margin: 0
}

.ardplayer.ardplayer-state-audio .ardplayer-addons-container-big {
    display: none;
    pointer-events: all
}

.ardplayer.ardplayer-state-audio .ardplayer-center,
.ardplayer.ardplayer-state-audio .ardplayer-footer {
    bottom: 0;
    height: 80px;
    top: unset
}

.ardplayer.ardplayer-state-audio .ardplayer-center button,
.ardplayer.ardplayer-state-audio .ardplayer-center button:after,
.ardplayer.ardplayer-state-audio .ardplayer-center button:before,
.ardplayer.ardplayer-state-audio .ardplayer-footer button,
.ardplayer.ardplayer-state-audio .ardplayer-footer button:after,
.ardplayer.ardplayer-state-audio .ardplayer-footer button:before {
    font-size: 48px;
    height: 48px;
    line-height: 48px;
    width: 48px
}

.ardplayer.ardplayer-state-audio .ardplayer-center .ardplayer-buttons-main {
    display: flex
}

.ardplayer.ardplayer-state-audio .ardplayer-footer .ardplayer-controlbar {
    z-index: 3
}

.ardplayer.ardplayer-state-audio .ardplayer-footer .ardplayer-addons-container-big {
    background: unset;
    margin-right: -15px;
    -webkit-mask-image: linear-gradient(270deg, transparent, #000 15px);
    mask-image: linear-gradient(270deg, transparent, #000 15px);
    overflow: hidden;
    padding: 0 15px 0 0;
    transition: visibility .6s ease-in-out;
    visibility: hidden;
    width: auto;
    z-index: 2
}

.ardplayer.ardplayer-state-audio .ardplayer-footer .ardplayer-addons-container-big .ardplayer-addons-container {
    background: var(--ardplayer-color-primary-dark);
    display: flex;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 20px);
    mask-image: linear-gradient(90deg, transparent, #000 20px);
    padding-left: 20px;
    transform: translateX(100%);
    transition: opacity .6s ease-in-out, transform .6s ease-in-out, visibility .6s ease-in-out;
    will-change: visibility
}

.ardplayer.ardplayer-state-audio.ardplayer-reveal-settings .ardplayer-footer .ardplayer-buttons-main.ardplayer-button-big,
.ardplayer.ardplayer-state-audio.ardplayer-reveal-settings .ardplayer-footer .ardplayer-buttons-main.ardplayer-button-big .ardplayer-button-volume,
.ardplayer.ardplayer-state-audio.ardplayer-reveal-settings .ardplayer-footer .ardplayer-buttons-main.ardplayer-button-big .ardplayer-volume-fader .noUi-base,
.ardplayer.ardplayer-state-audio.ardplayer-reveal-settings .ardplayer-footer .ardplayer-buttons-main.ardplayer-button-big button {
    pointer-events: none
}

.ardplayer.ardplayer-state-audio.ardplayer-reveal-settings .ardplayer-footer .ardplayer-addons-container-big {
    visibility: visible
}

.ardplayer.ardplayer-state-audio.ardplayer-reveal-settings .ardplayer-footer .ardplayer-addons-container-big .ardplayer-addons-container {
    transform: translateX(0)
}

.ardplayer.ardplayer-state-audio:not(.ardplayer-state-embedded):not(:hover) .ardplayer-controlbar .noUi-horizontal .noUi-handle {
    transform: scale(0)
}

.ardplayer.ardplayer-state-audio .ardplayer-controlbar {
    bottom: 72px
}

.ardplayer.ardplayer-state-audio .ardplayer-controlbar .noUi-horizontal .noUi-handle {
    will-change: transform
}

.ardplayer.ardplayer-state-audio .ardplayer-controlbar .ardplayer-controlbar-buffer,
.ardplayer.ardplayer-state-audio .ardplayer-controlbar .ardplayer-controlbar-jumpmarks,
.ardplayer.ardplayer-state-audio .ardplayer-controlbar .ardplayer-controlbar-seek-indicator,
.ardplayer.ardplayer-state-audio .ardplayer-controlbar .noUi-connect {
    border-radius: 2px;
    bottom: 8px;
    height: 4px
}

.ardplayer.ardplayer-state-audio .ardplayer-bottom-sheet-container,
.ardplayer.ardplayer-state-audio .ardplayer-debugger-container {
    position: fixed
}

.ardplayer.ardplayer-state-audio .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-background {
    background-color: transparent;
    transition: background-color .5s
}

.ardplayer.ardplayer-state-audio.ardplayer-show-bottom-sheet .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-background {
    background-color: rgba(0, 0, 0, .2)
}

.ardplayer.ardplayer-state-audio:not(.ardplayer-m) .ardplayer-footer .ardplayer-buttons-main {
    height: 48px;
    left: unset
}

.ardplayer.ardplayer-state-audio:not(.ardplayer-m) .ardplayer-footer .ardplayer-buttons-main>button {
    display: none
}

.ardplayer.ardplayer-state-audio:not(.ardplayer-m):not(.ardplayer-state-live-nodvr) .ardplayer-center .ardplayer-button-jumpbackward,
.ardplayer.ardplayer-state-audio:not(.ardplayer-m):not(.ardplayer-state-live-nodvr) .ardplayer-center .ardplayer-button-jumpforward {
    display: block
}

.ardplayer.ardplayer-state-audio.ardplayer-m .ardplayer-footer .ardplayer-buttons-main {
    height: 48px;
    left: unset;
    right: 48px
}

.ardplayer.ardplayer-state-audio.ardplayer-m .ardplayer-controlbar {
    bottom: 72px
}

.ardplayer.ardplayer-state-audio.ardplayer-m .ardplayer-controlbar .ardplayer-controlbar-buffer,
.ardplayer.ardplayer-state-audio.ardplayer-m .ardplayer-controlbar .ardplayer-controlbar-jumpmarks,
.ardplayer.ardplayer-state-audio.ardplayer-m .ardplayer-controlbar .ardplayer-controlbar-seek-indicator,
.ardplayer.ardplayer-state-audio.ardplayer-m .ardplayer-controlbar .noUi-connects {
    border-radius: 2px;
    bottom: 8px;
    height: 4px
}

.ardplayer.ardplayer-state-audio:not(.ardplayer-s) .ardplayer-button-fullscreen-container .ardplayer-button-settings-reveal,
.ardplayer.ardplayer-state-audio:not(.ardplayer-s) .ardplayer-footer .ardplayer-addons-container-big {
    display: block
}

.ardplayer.ardplayer-state-audio.ardplayer-s:not(.ardplayer-state-live) .ardplayer-footer .ardplayer-time-playhead:after {
    display: none
}

.ardplayer.ardplayer-state-audio.ardplayer-s .ardplayer-controlbar {
    bottom: 72px
}

.ardplayer.ardplayer-state-audio.ardplayer-s .ardplayer-controlbar .ardplayer-controlbar-buffer,
.ardplayer.ardplayer-state-audio.ardplayer-s .ardplayer-controlbar .ardplayer-controlbar-jumpmarks,
.ardplayer.ardplayer-state-audio.ardplayer-s .ardplayer-controlbar .ardplayer-controlbar-seek-indicator,
.ardplayer.ardplayer-state-audio.ardplayer-s .ardplayer-controlbar .noUi-connects {
    border-radius: 2px;
    bottom: 8px;
    height: 4px
}

.ardplayer.ardplayer-state-audio.ardplayer-menu-hero .ardplayer-button-fullscreen-container [ardplayer-menu-hero] {
    display: block;
    position: absolute;
    right: 48px
}

.ardplayer.ardplayer-state-audio.ardplayer-menu-none .ardplayer-button-fullscreen-container,
.ardplayer.ardplayer-state-audio.ardplayer-menu-none .ardplayer-footer .ardplayer-addons-container-big {
    display: none
}

.ardplayer.ardplayer-state-audio.ardplayer-menu-collapse .ardplayer-button-fullscreen-container [ardplayer-menu-hero] {
    display: block
}

.ardplayer.ardplayer-state-audio.ardplayer-menu-collapse .ardplayer-button-fullscreen-container .ardplayer-button-settings-reveal {
    display: none
}

.ardplayer.ardplayer-state-audio-sticky {
    background-color: transparent;
    bottom: 0;
    height: 84px;
    left: 0;
    position: fixed;
    right: 0;
    z-index: 200
}

.ardplayer.ardplayer-state-audio-sticky:not(.ardplayer-old-webkit) {
    overflow: visible
}

.ardplayer.ardplayer-state-audio-sticky:before {
    background-color: var(--ardplayer-color-primary-dark);
    bottom: 0;
    content: " ";
    display: block;
    height: 84px;
    left: 0;
    position: absolute;
    right: 0
}

.ardplayer.ardplayer-state-audio-sticky .ardplayer-audio-title {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-box-pack: end;
    color: var(--ardplayer-color-lightest);
    display: -webkit-box;
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    margin-top: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal
}

.ardplayer.ardplayer-state-audio-sticky .ardplayer-audio-subtitle {
    color: var(--ardplayer-color-light);
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: -5px;
    margin-top: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ardplayer.ardplayer-state-audio-sticky .ardplayer-audio {
    bottom: 0;
    display: block;
    height: 80px;
    left: 80px;
    padding: 4px;
    pointer-events: auto;
    position: absolute;
    right: 65%;
    width: auto
}

.ardplayer.ardplayer-state-audio-sticky .ardplayer-buffering,
.ardplayer.ardplayer-state-audio-sticky .ardplayer-posterbackdrop {
    bottom: 4px;
    height: 72px;
    left: 4px;
    top: unset;
    width: 72px
}

.ardplayer.ardplayer-state-audio-sticky .ardplayer-button-fullscreen-container {
    bottom: 18px;
    right: 0
}

.ardplayer.ardplayer-state-audio-sticky .ardplayer-footer .ardplayer-controlbar,
.ardplayer.ardplayer-state-audio-sticky .ardplayer-footer .ardplayer-time-playhead,
.ardplayer.ardplayer-state-audio-sticky .ardplayer-footer .ardplayer-time-remaining,
.ardplayer.ardplayer-state-audio-sticky .ardplayer-footer:before {
    position: fixed
}

.ardplayer.ardplayer-state-audio-sticky .ardplayer-footer:before {
    background: linear-gradient(0deg, rgba(0, 14, 41, .7), rgba(0, 14, 41, 0));
    bottom: 84px;
    content: " ";
    display: block;
    height: 48px;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    transition: opacity .2s ease-in-out, visibility .2s;
    visibility: hidden;
    will-change: visibility, opacity
}

.ardplayer.ardplayer-state-audio-sticky .ardplayer-footer .ardplayer-time-playhead,
.ardplayer.ardplayer-state-audio-sticky .ardplayer-footer .ardplayer-time-remaining {
    border-radius: unset;
    bottom: 110px;
    color: var(--ardplayer-color-lightest);
    font-size: 14px;
    font-weight: 700;
    opacity: 0;
    padding: 0;
    text-align: center;
    transition: opacity .2s ease-in-out, visibility .2s;
    visibility: hidden;
    width: auto;
    will-change: opacity
}

.ardplayer.ardplayer-state-audio-sticky .ardplayer-footer .ardplayer-time-playhead {
    left: 10px
}

.ardplayer.ardplayer-state-audio-sticky .ardplayer-footer .ardplayer-time-remaining {
    right: 10px
}

.ardplayer.ardplayer-state-audio-sticky .ardplayer-footer .ardplayer-controlbar {
    left: 9px;
    right: 9px
}

.ardplayer.ardplayer-state-audio-sticky .ardplayer-footer .ardplayer-controlbar .noUi-connects {
    border-radius: 0
}

.ardplayer.ardplayer-state-audio-sticky .ardplayer-footer .ardplayer-controlbar .noUi-connects .noUi-connect {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.ardplayer.ardplayer-state-audio-sticky .ardplayer-footer .ardplayer-controlbar:after,
.ardplayer.ardplayer-state-audio-sticky .ardplayer-footer .ardplayer-controlbar:before {
    bottom: 8px;
    content: " ";
    display: block;
    height: 4px;
    position: absolute;
    width: 9px
}

.ardplayer.ardplayer-state-audio-sticky .ardplayer-footer .ardplayer-controlbar:before {
    background-color: var(--ardplayer-color-primary);
    left: -9px
}

.ardplayer.ardplayer-state-audio-sticky .ardplayer-footer .ardplayer-controlbar:after {
    background: var(--ardplayer-color-lightest-transparent-50);
    right: -9px
}

.ardplayer.ardplayer-state-audio-sticky:not(.ardplayer-state-inactive).ardplayer-embedded .ardplayer-footer:before,
.ardplayer.ardplayer-state-audio-sticky:not(.ardplayer-state-inactive).ardplayer-embedded .ardplayer-time-playhead,
.ardplayer.ardplayer-state-audio-sticky:not(.ardplayer-state-inactive).ardplayer-embedded .ardplayer-time-remaining,
.ardplayer.ardplayer-state-audio-sticky:not(.ardplayer-state-inactive).ardplayer-framed .ardplayer-footer:before,
.ardplayer.ardplayer-state-audio-sticky:not(.ardplayer-state-inactive).ardplayer-framed .ardplayer-time-playhead,
.ardplayer.ardplayer-state-audio-sticky:not(.ardplayer-state-inactive).ardplayer-framed .ardplayer-time-remaining,
.ardplayer.ardplayer-state-audio-sticky:not(.ardplayer-state-inactive):hover .ardplayer-footer:before,
.ardplayer.ardplayer-state-audio-sticky:not(.ardplayer-state-inactive):hover .ardplayer-time-playhead,
.ardplayer.ardplayer-state-audio-sticky:not(.ardplayer-state-inactive):hover .ardplayer-time-remaining {
    opacity: 1;
    visibility: visible
}

.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded .ardplayer-audio {
    left: 156px;
    padding-top: 12px
}

.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded .ardplayer-audio-title {
    margin-top: 4px
}

.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded .ardplayer-center .ardplayer-buttons-main {
    align-items: center;
    height: 100%;
    pointer-events: visible
}

.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded .ardplayer-title-container {
    bottom: 16px;
    left: 0;
    right: 50%;
    top: unset;
    width: auto
}

.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget {
    margin: 0;
    padding: 0 0 0 92px;
    pointer-events: none;
    width: 100%
}

.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-link {
    pointer-events: all;
    z-index: 1
}

.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-img {
    z-index: 2
}

.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-text {
    background-color: var(--ardplayer-color-primary-dark);
    bottom: -16px;
    height: auto;
    left: 92px;
    opacity: 0;
    padding: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: -16px;
    width: auto
}

.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-text:before {
    content: " ";
    display: block;
    height: 80px;
    left: -92px;
    position: absolute;
    top: 0;
    width: 92px
}

.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-text>p {
    display: none
}

.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded .ardplayer-title-container:hover .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-text {
    opacity: 1
}

.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded.ardplayer-m:not(.ardplayer-s) .ardplayer-audio {
    padding-left: 0
}

.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded.ardplayer-m:not(.ardplayer-s) .ardplayer-title-container {
    right: 96px
}

.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded.ardplayer-m:not(.ardplayer-s).ardplayer-menu-none .ardplayer-title-container {
    right: 48px
}

.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded.ardplayer-m:not(.ardplayer-s).ardplayer-menu-hero .ardplayer-title-container {
    right: 144px
}

.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded.ardplayer-s .ardplayer-audio {
    left: 78px
}

.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded.ardplayer-s .ardplayer-title-container {
    right: 48px
}

.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded.ardplayer-s .ardplayer-posterbackdrop {
    display: none
}

.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded.ardplayer-s .ardplayer-title-sizer .ardplayer-title-widget {
    padding-left: 16px
}

.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded.ardplayer-s .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-text {
    left: 0
}

.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded.ardplayer-state-mobile .ardplayer-title-container {
    right: unset
}

.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded.ardplayer-state-mobile .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget {
    min-width: auto;
    width: auto
}

.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded.ardplayer-state-mobile .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-link {
    display: none
}

.ardplayer.ardplayer-state-audio-sticky.ardplayer-embedded.ardplayer-state-mobile.ardplayer-s .ardplayer-title-sizer .ardplayer-title-widget {
    width: auto
}

.ardplayer.ardplayer-state-audio-sticky:not(.ardplayer-m) .ardplayer-footer .ardplayer-buttons-main {
    bottom: 18px;
    right: 126px
}

.ardplayer.ardplayer-state-audio-sticky:not(.ardplayer-m).ardplayer-menu-hero .ardplayer-footer .ardplayer-buttons-main {
    right: 174px
}

.ardplayer.ardplayer-state-audio-sticky:not(.ardplayer-m).ardplayer-menu-none .ardplayer-footer .ardplayer-buttons-main {
    right: 78px
}

.ardplayer.ardplayer-state-audio-sticky.ardplayer-m,
.ardplayer.ardplayer-state-audio-sticky.ardplayer-s {
    height: 84px
}

.ardplayer.ardplayer-state-audio-sticky.ardplayer-m {
    height: 150px
}

.ardplayer.ardplayer-state-audio-sticky.ardplayer-m .ardplayer-audio {
    right: 96px
}

.ardplayer.ardplayer-state-audio-sticky.ardplayer-m .ardplayer-audio-title {
    font-size: 16px
}

.ardplayer.ardplayer-state-audio-sticky.ardplayer-m .ardplayer-audio-subtitle {
    font-size: 14px
}

.ardplayer.ardplayer-state-audio-sticky.ardplayer-m .ardplayer-center .ardplayer-buttons-main {
    display: none
}

.ardplayer.ardplayer-state-audio-sticky.ardplayer-m .ardplayer-footer .ardplayer-controlbar {
    left: 7px;
    right: 7px
}

.ardplayer.ardplayer-state-audio-sticky.ardplayer-m .ardplayer-footer .ardplayer-controlbar .noUi-connects {
    border-radius: 0
}

.ardplayer.ardplayer-state-audio-sticky.ardplayer-m .ardplayer-footer .ardplayer-controlbar .noUi-connects .noUi-connect {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.ardplayer.ardplayer-state-audio-sticky.ardplayer-m .ardplayer-footer .ardplayer-controlbar:after,
.ardplayer.ardplayer-state-audio-sticky.ardplayer-m .ardplayer-footer .ardplayer-controlbar:before {
    bottom: 8px;
    height: 4px;
    width: 7px
}

.ardplayer.ardplayer-state-audio-sticky.ardplayer-m .ardplayer-footer .ardplayer-controlbar:before {
    left: -7px
}

.ardplayer.ardplayer-state-audio-sticky.ardplayer-m .ardplayer-footer .ardplayer-controlbar:after {
    right: -7px
}

.ardplayer.ardplayer-state-audio-sticky.ardplayer-m .ardplayer-footer .ardplayer-buttons-main {
    bottom: 18px
}

.ardplayer.ardplayer-state-audio-sticky.ardplayer-m .ardplayer-footer .ardplayer-buttons-main .ardplayer-button-skipbackward,
.ardplayer.ardplayer-state-audio-sticky.ardplayer-m .ardplayer-footer .ardplayer-buttons-main .ardplayer-button-skipforward,
.ardplayer.ardplayer-state-audio-sticky.ardplayer-m .ardplayer-footer .ardplayer-buttons-main .ardplayer-button-volume {
    display: none
}

.ardplayer.ardplayer-state-audio-sticky.ardplayer-m .ardplayer-footer .ardplayer-time-playhead,
.ardplayer.ardplayer-state-audio-sticky.ardplayer-m .ardplayer-footer .ardplayer-time-remaining {
    bottom: 110px;
    font-size: 14px;
    font-weight: 700;
    padding: 0;
    width: auto
}

.ardplayer.ardplayer-state-audio-sticky.ardplayer-m .ardplayer-footer .ardplayer-time-playhead {
    left: 10px
}

.ardplayer.ardplayer-state-audio-sticky.ardplayer-m .ardplayer-footer .ardplayer-time-remaining {
    left: unset;
    right: 10px
}

.ardplayer.ardplayer-state-audio-sticky.ardplayer-m .ardplayer-footer .ardplayer-time-remaining:before {
    content: unset;
    display: none
}

.ardplayer.ardplayer-state-audio-sticky.ardplayer-m.ardplayer-menu-none .ardplayer-footer .ardplayer-buttons-main {
    right: 0
}

.ardplayer.ardplayer-state-audio-sticky.ardplayer-m:not(.ardplayer-s) .ardplayer-audio {
    right: 144px
}

.ardplayer.ardplayer-state-audio-sticky.ardplayer-m:not(.ardplayer-s).ardplayer-menu-hero .ardplayer-footer .ardplayer-buttons-main {
    right: 96px
}

.ardplayer.ardplayer-state-audio-sticky:not(.ardplayer-s) .ardplayer-footer .ardplayer-addons-container-big {
    bottom: 0;
    min-width: 146px;
    right: 48px
}

.ardplayer.ardplayer-state-audio-sticky:not(.ardplayer-s) .ardplayer-footer .ardplayer-addons-container-big .ardplayer-addons-container {
    padding: 14px 0 18px 20px
}

.ardplayer.ardplayer-state-audio-sticky.ardplayer-framed {
    height: 150px
}

.ardplayer.ardplayer-state-audio-sticky.ardplayer-framed:not(.ardplayer-s) .ardplayer-controlbar .ardplayer-controlbar-hover {
    bottom: 38px;
    font-size: 16px
}

.ardplayer.ardplayer-state-audio-sticky.ardplayer-framed.ardplayer-s {
    height: 150px
}

.ardplayer.ardplayer-state-audio-sticky.ardplayer-s {
    height: 142px
}

.ardplayer.ardplayer-state-audio-sticky.ardplayer-s .ardplayer-audio {
    right: 48px
}

.ardplayer.ardplayer-state-audio-sticky.ardplayer-s .ardplayer-audio-title {
    font-size: 16px
}

.ardplayer.ardplayer-state-audio-sticky.ardplayer-s .ardplayer-audio-subtitle {
    font-size: 12px
}

.ardplayer.ardplayer-state-audio-sticky.ardplayer-s .ardplayer-footer .ardplayer-buttons-main {
    display: block;
    right: 0
}

.ardplayer.ardplayer-state-audio-sticky.ardplayer-s .ardplayer-footer .ardplayer-addons-container-big,
.ardplayer.ardplayer-state-audio-sticky.ardplayer-s .ardplayer-footer .ardplayer-button-fullscreen-container {
    display: none
}

.ardplayer.ardplayer-state-audio-sticky.ardplayer-s .ardplayer-footer .ardplayer-controlbar {
    left: 7px;
    right: 7px
}

.ardplayer.ardplayer-state-audio-sticky.ardplayer-s .ardplayer-footer .ardplayer-controlbar .noUi-connects {
    border-radius: 0
}

.ardplayer.ardplayer-state-audio-sticky.ardplayer-s .ardplayer-footer .ardplayer-controlbar .noUi-connects .noUi-connect {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.ardplayer.ardplayer-state-audio-sticky.ardplayer-s .ardplayer-footer .ardplayer-controlbar:after,
.ardplayer.ardplayer-state-audio-sticky.ardplayer-s .ardplayer-footer .ardplayer-controlbar:before {
    bottom: 8px;
    height: 4px;
    width: 7px
}

.ardplayer.ardplayer-state-audio-sticky.ardplayer-s .ardplayer-footer .ardplayer-controlbar:before {
    left: -7px
}

.ardplayer.ardplayer-state-audio-sticky.ardplayer-s .ardplayer-footer .ardplayer-controlbar:after {
    right: -7px
}

.ardplayer.ardplayer-state-audio-sticky.ardplayer-s .ardplayer-time-playhead,
.ardplayer.ardplayer-state-audio-sticky.ardplayer-s .ardplayer-time-remaining {
    bottom: 110px;
    font-size: 13px;
    font-weight: 600;
    width: auto
}

.ardplayer.ardplayer-state-audio-inline {
    background-color: var(--ardplayer-color-primary-dark);
    min-height: 184px
}

.ardplayer.ardplayer-state-audio-inline .ardplayer-posterbackdrop {
    height: 72px;
    margin: 10px;
    width: 72px
}

.ardplayer.ardplayer-state-audio-inline .ardplayer-buffering {
    height: 72px;
    left: 10px;
    top: 10px;
    width: 72px
}

.ardplayer.ardplayer-state-audio-inline .ardplayer-audio {
    height: 72px;
    left: 92px;
    position: absolute;
    right: 10px;
    top: 10px
}

.ardplayer.ardplayer-state-audio-inline .ardplayer-audio h3 {
    color: var(--ardplayer-color-lightest-transparent-30);
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    overflow: hidden;
    padding-top: 4px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ardplayer.ardplayer-state-audio-inline .ardplayer-audio h3 .ardplayer-chip-highlight {
    color: var(--ardplayer-color-lightest);
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
    margin-bottom: 0;
    margin-right: 4px;
    padding: 2px 4px;
    position: relative;
    top: -1.5px
}

.ardplayer.ardplayer-state-audio-inline .ardplayer-audio h2 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-box-pack: end;
    display: -webkit-box;
    font-size: 16px;
    font-weight: 600;
    line-height: 21px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal
}

.ardplayer.ardplayer-state-audio-inline.ardplayer-embedded .ardplayer-title-widget {
    margin-left: 10px;
    margin-top: 22px
}

.ardplayer.ardplayer-state-audio-inline.ardplayer-embedded .ardplayer-title-widget .ardplayer-icon-arrowleft {
    display: inline-block !important;
    height: 0;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease-in-out, visibility .3s;
    visibility: hidden;
    width: 0;
    will-change: visibility, opacity;
    z-index: -1
}

.ardplayer.ardplayer-state-audio-inline.ardplayer-embedded .ardplayer-title-widget .ardplayer-icon-arrowleft:before {
    background: var(--ardplayer-color-primary-dark);
    content: "";
    display: block;
    height: 72px;
    -webkit-mask-image: linear-gradient(270deg, transparent, #000 20px);
    mask-image: linear-gradient(270deg, transparent, #000 20px);
    position: absolute;
    top: -12px;
    width: 15000px
}

.ardplayer.ardplayer-state-audio-inline.ardplayer-embedded .ardplayer-title-widget:hover .ardplayer-icon-arrowleft {
    opacity: 1;
    visibility: visible
}

.ardplayer.ardplayer-state-audio-inline.ardplayer-embedded .ardplayer-posterbackdrop {
    margin-left: 68px
}

.ardplayer.ardplayer-state-audio-inline.ardplayer-embedded .ardplayer-buffering {
    left: 68px
}

.ardplayer.ardplayer-state-audio-inline.ardplayer-embedded .ardplayer-audio {
    left: 150px
}

.ardplayer.ardplayer-state-audio-inline.ardplayer-state-audio-forced-video {
    min-height: 102px
}

.ardplayer.ardplayer-state-audio-inline.ardplayer-state-audio-forced-video .ardplayer-audio {
    display: none
}

.ardplayer.ardplayer-state-audio-inline.ardplayer-state-audio-forced-video .ardplayer-buffering {
    left: 50%;
    top: calc(50% - 46px);
    transform: translate(-50%, -50%)
}

.ardplayer.ardplayer-state-audio-inline.ardplayer-state-audio-forced-video .ardplayer-posterbackdrop {
    bottom: 0;
    height: auto;
    left: 0;
    margin: 0;
    -webkit-mask-image: linear-gradient(0deg, transparent 46px, #000 92px);
    mask-image: linear-gradient(0deg, transparent 46px, #000 92px);
    right: 0;
    top: 0;
    width: auto
}

.ardplayer.ardplayer-state-audio-inline.ardplayer-state-audio-forced-video .ardplayer-footer:before {
    background-color: var(--ardplayer-color-primary-dark);
    bottom: 0;
    content: "";
    display: block;
    height: 120%;
    -webkit-mask-image: linear-gradient(180deg, transparent, #000 45%);
    mask-image: linear-gradient(180deg, transparent, #000 45%);
    position: absolute;
    width: 100%
}

.ardplayer.ardplayer-state-audio-inline .ardplayer-controlbar,
.ardplayer.ardplayer-state-audio-inline.ardplayer-state-inactive:not(.ardplayer-show-posterframe):after {
    bottom: 78px;
    left: 80px;
    right: 80px
}

.ardplayer.ardplayer-state-audio-inline.ardplayer-state-inactive:after {
    border-radius: 2px
}

.ardplayer.ardplayer-state-audio-inline .ardplayer-button-fullscreen-container {
    bottom: 10px;
    right: 10px
}

.ardplayer.ardplayer-state-audio-inline .ardplayer-center {
    bottom: 10px;
    height: auto;
    justify-content: start;
    left: 10px
}

.ardplayer.ardplayer-state-audio-inline .ardplayer-center .ardplayer-buttons-main {
    justify-content: start
}

.ardplayer.ardplayer-state-audio-inline .ardplayer-footer {
    height: 92px
}

.ardplayer.ardplayer-state-audio-inline .ardplayer-footer .ardplayer-time-playhead,
.ardplayer.ardplayer-state-audio-inline .ardplayer-footer .ardplayer-time-remaining {
    bottom: 72px;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    width: 70px
}

.ardplayer.ardplayer-state-audio-inline .ardplayer-footer .ardplayer-controlbar {
    bottom: 70px;
    left: 80px;
    right: 80px
}

.ardplayer.ardplayer-state-audio-inline .ardplayer-footer .ardplayer-time-playhead {
    left: 10px
}

.ardplayer.ardplayer-state-audio-inline .ardplayer-footer .ardplayer-time-remaining {
    right: 10px
}

.ardplayer.ardplayer-state-audio-inline .ardplayer-footer .ardplayer-addons-container-big {
    bottom: 10px;
    display: block;
    min-width: 138px;
    right: 58px
}

.ardplayer.ardplayer-state-audio-inline .ardplayer-button-fullscreen-container .ardplayer-button-settings-small {
    display: none
}

.ardplayer.ardplayer-state-audio-inline .ardplayer-button-fullscreen-container .ardplayer-button-settings-reveal {
    display: block
}

.ardplayer.ardplayer-state-audio-inline:not(.ardplayer-m) .ardplayer-footer .ardplayer-buttons-main {
    bottom: 10px;
    right: 128px
}

.ardplayer.ardplayer-state-audio-inline.ardplayer-m .ardplayer-footer {
    height: 92px
}

.ardplayer.ardplayer-state-audio-inline.ardplayer-m .ardplayer-footer .ardplayer-time-playhead,
.ardplayer.ardplayer-state-audio-inline.ardplayer-m .ardplayer-footer .ardplayer-time-remaining {
    bottom: 72px;
    font-size: 16px;
    font-weight: 500
}

.ardplayer.ardplayer-state-audio-inline.ardplayer-m .ardplayer-footer .ardplayer-controlbar {
    bottom: 70px
}

.ardplayer.ardplayer-state-audio-inline.ardplayer-m .ardplayer-footer .ardplayer-time-playhead {
    left: 10px
}

.ardplayer.ardplayer-state-audio-inline.ardplayer-m .ardplayer-footer .ardplayer-time-remaining {
    right: 10px
}

.ardplayer.ardplayer-state-audio-inline.ardplayer-m .ardplayer-footer .ardplayer-buttons-main {
    bottom: 10px;
    height: 48px;
    left: unset;
    right: 128px
}

.ardplayer.ardplayer-state-audio-inline.ardplayer-m .ardplayer-footer .ardplayer-buttons-main>button {
    display: none
}

.ardplayer.ardplayer-state-audio-inline.ardplayer-menu-hero .ardplayer-footer .ardplayer-buttons-main {
    right: 176px
}

.ardplayer.ardplayer-state-audio-inline.ardplayer-menu-none .ardplayer-footer .ardplayer-buttons-main {
    right: 80px
}

.ardplayer.ardplayer-state-audio-inline.ardplayer-s {
    min-height: 176px
}

.ardplayer.ardplayer-state-audio-inline.ardplayer-s.ardplayer-state-audio-forced-video {
    min-height: 94px
}

.ardplayer.ardplayer-state-audio-inline.ardplayer-s.ardplayer-state-audio-forced-video .ardplayer-posterbackdrop {
    -webkit-mask-image: linear-gradient(0deg, transparent 42px, #000 84px);
    mask-image: linear-gradient(0deg, transparent 42px, #000 84px)
}

.ardplayer.ardplayer-state-audio-inline.ardplayer-s .ardplayer-controlbar,
.ardplayer.ardplayer-state-audio-inline.ardplayer-s.ardplayer-state-inactive:not(.ardplayer-show-posterframe):after {
    left: 80px;
    right: 80px
}

.ardplayer.ardplayer-state-audio-inline.ardplayer-s.ardplayer-state-inactive:after {
    bottom: 70px
}

.ardplayer.ardplayer-state-audio-inline.ardplayer-s .ardplayer-center button,
.ardplayer.ardplayer-state-audio-inline.ardplayer-s .ardplayer-center button:after,
.ardplayer.ardplayer-state-audio-inline.ardplayer-s .ardplayer-center button:before,
.ardplayer.ardplayer-state-audio-inline.ardplayer-s .ardplayer-footer button,
.ardplayer.ardplayer-state-audio-inline.ardplayer-s .ardplayer-footer button:after,
.ardplayer.ardplayer-state-audio-inline.ardplayer-s .ardplayer-footer button:before {
    font-size: 40px;
    height: 40px;
    line-height: 40px;
    width: 40px
}

.ardplayer.ardplayer-state-audio-inline.ardplayer-s .ardplayer-center .ardplayer-buttons-main {
    max-width: 120px;
    overflow: clip
}

.ardplayer.ardplayer-state-audio-inline.ardplayer-s .ardplayer-footer {
    height: 84px
}

.ardplayer.ardplayer-state-audio-inline.ardplayer-s .ardplayer-footer .ardplayer-buttons-main {
    display: block;
    height: 40px;
    right: 110px
}

.ardplayer.ardplayer-state-audio-inline.ardplayer-s .ardplayer-footer .ardplayer-time-playhead,
.ardplayer.ardplayer-state-audio-inline.ardplayer-s .ardplayer-footer .ardplayer-time-remaining {
    bottom: 64px;
    color: var(--ardplayer-color-lightest);
    margin: unset;
    position: absolute;
    text-align: center;
    width: 70px
}

.ardplayer.ardplayer-state-audio-inline.ardplayer-s .ardplayer-footer .ardplayer-controlbar {
    bottom: 62px
}

.ardplayer.ardplayer-state-audio-inline.ardplayer-s .ardplayer-footer .ardplayer-time-playhead {
    left: 10px
}

.ardplayer.ardplayer-state-audio-inline.ardplayer-s .ardplayer-footer .ardplayer-time-remaining {
    right: 10px
}

.ardplayer.ardplayer-state-audio-inline.ardplayer-s .ardplayer-footer .ardplayer-addons-container-big {
    right: 50px
}

.ardplayer.ardplayer-state-audio-inline.ardplayer-s.ardplayer-menu-hero .ardplayer-footer .ardplayer-buttons-main {
    right: 160px
}

.ardplayer.ardplayer-state-audio-inline.ardplayer-s.ardplayer-menu-hero .ardplayer-button-fullscreen-container [ardplayer-menu-hero] {
    right: 40px
}

.ardplayer.ardplayer-state-audio-inline.ardplayer-s.ardplayer-menu-none .ardplayer-footer .ardplayer-buttons-main {
    right: 80px
}

.ardplayer.ardplayer-state-audio-inline.ardplayer-s.ardplayer-embedded .ardplayer-title-widget {
    margin-left: 10px;
    margin-top: 22px
}

.ardplayer.ardplayer-state-audio-inline.ardplayer-s.ardplayer-embedded .ardplayer-posterbackdrop {
    display: none !important
}

.ardplayer.ardplayer-state-audio-inline.ardplayer-s.ardplayer-embedded .ardplayer-buffering {
    height: 48px;
    left: 10px;
    top: 22px;
    width: 48px;
    z-index: 2
}

.ardplayer.ardplayer-state-audio-inline.ardplayer-s.ardplayer-embedded .ardplayer-audio {
    left: 68px
}

.ardplayer.ardplayer-state-audio-inline.ardplayer-xs .ardplayer-footer .ardplayer-buttons-main {
    right: 50px
}

.ardplayer.ardplayer-state-audio-inline.ardplayer-xs .ardplayer-footer .ardplayer-volume-fader {
    display: none
}

.ardplayer.ardplayer-state-audio-inline.ardplayer-xs.ardplayer-menu-hero .ardplayer-footer .ardplayer-buttons-main {
    right: 90px
}

.ardplayer.ardplayer-state-audio-inline.ardplayer-xs.ardplayer-menu-none .ardplayer-footer .ardplayer-buttons-main {
    right: 10px
}

.ardplayer.ardplayer-state-audio-inline.ardplayer-xxs .ardplayer-center .ardplayer-buttons-main {
    max-width: 40px
}

.ardplayer.ardplayer-state-audio-inline.ardplayer-xxs .ardplayer-footer .ardplayer-controlbar,
.ardplayer.ardplayer-state-audio-inline.ardplayer-xxs.ardplayer-state-inactive:not(.ardplayer-show-posterframe):after {
    left: 10px;
    right: 10px
}

.ardplayer.ardplayer-state-audio-inline.ardplayer-xxs.ardplayer-state-audio-forced-video .ardplayer-footer .ardplayer-controlbar,
.ardplayer.ardplayer-state-audio-inline.ardplayer-xxs.ardplayer-state-inactive:not(.ardplayer-show-posterframe):after {
    bottom: 52px
}

.ardplayer.ardplayer-state-audio-inline.ardplayer-xxs.ardplayer-state-inactive:not(.ardplayer-show-posterframe):after {
    bottom: 70px
}

.ardplayer.ardplayer-state-audio-inline.ardplayer-xxs .ardplayer-footer {
    height: 74px
}

.ardplayer.ardplayer-state-audio-inline.ardplayer-xxs .ardplayer-footer:before {
    height: 100%;
    -webkit-mask-image: none;
    mask-image: none
}

.ardplayer.ardplayer-state-audio-inline.ardplayer-xxs .ardplayer-footer .ardplayer-addons-container-big,
.ardplayer.ardplayer-state-audio-inline.ardplayer-xxs .ardplayer-footer .ardplayer-button-fullscreen-container,
.ardplayer.ardplayer-state-audio-inline.ardplayer-xxs .ardplayer-footer .ardplayer-buttons-main,
.ardplayer.ardplayer-state-audio-inline.ardplayer-xxs .ardplayer-footer .ardplayer-time-remaining {
    display: none
}

.ardplayer.ardplayer-state-audio-inline.ardplayer-xxs .ardplayer-footer .ardplayer-time-playhead {
    bottom: 22px;
    left: unset;
    right: 10px
}

.ardplayer .ardplayer-buffering {
    display: none
}

.ardplayer.ardplayer-state-buffering:not(.ardplayer-state-inactive) .ardplayer-buffering {
    display: block
}

.ardplayer .ardplayer-button-replay {
    display: none
}

.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls) {
    cursor: default
}

.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls) .ardplayer-button-playpause {
    display: none
}

.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls) .ardplayer-button-replay {
    display: inline-block
}

.ardplayer.ardplayer-no-fullscreen:not(.ardplayer-state-fullscreen):not(.ardplayer-state-audio) .ardplayer-button-fullscreen,
.ardplayer.ardplayer-state-casting:not(.ardplayer-state-fullscreen):not(.ardplayer-state-audio) .ardplayer-button-fullscreen,
.ardplayer.ardplayer-state-mobile .ardplayer-button-volume,
.ardplayer.ardplayer-state-pip:not(.ardplayer-state-fullscreen):not(.ardplayer-state-audio) .ardplayer-button-fullscreen {
    display: none
}

.ardplayer.ardplayer-no-fullscreen:not(.ardplayer-state-fullscreen):not(.ardplayer-state-audio) .ardplayer-addons-container-big,
.ardplayer.ardplayer-state-casting:not(.ardplayer-state-fullscreen):not(.ardplayer-state-audio) .ardplayer-addons-container-big,
.ardplayer.ardplayer-state-pip:not(.ardplayer-state-fullscreen):not(.ardplayer-state-audio) .ardplayer-addons-container-big {
    padding-right: 30px
}

.ardplayer.ardplayer-no-fullscreen:not(.ardplayer-state-fullscreen):not(.ardplayer-state-audio).ardplayer-m .ardplayer-addons-container-big,
.ardplayer.ardplayer-no-fullscreen:not(.ardplayer-state-fullscreen):not(.ardplayer-state-audio).ardplayer-sm .ardplayer-addons-container-big,
.ardplayer.ardplayer-state-casting:not(.ardplayer-state-fullscreen):not(.ardplayer-state-audio).ardplayer-m .ardplayer-addons-container-big,
.ardplayer.ardplayer-state-casting:not(.ardplayer-state-fullscreen):not(.ardplayer-state-audio).ardplayer-sm .ardplayer-addons-container-big,
.ardplayer.ardplayer-state-pip:not(.ardplayer-state-fullscreen):not(.ardplayer-state-audio).ardplayer-m .ardplayer-addons-container-big,
.ardplayer.ardplayer-state-pip:not(.ardplayer-state-fullscreen):not(.ardplayer-state-audio).ardplayer-sm .ardplayer-addons-container-big {
    padding-right: 16px
}

.ardplayer.ardplayer-no-fullscreen:not(.ardplayer-state-fullscreen):not(.ardplayer-state-audio).ardplayer-sm .ardplayer-controlbar,
.ardplayer.ardplayer-state-casting:not(.ardplayer-state-fullscreen):not(.ardplayer-state-audio).ardplayer-sm .ardplayer-controlbar,
.ardplayer.ardplayer-state-pip:not(.ardplayer-state-fullscreen):not(.ardplayer-state-audio).ardplayer-sm .ardplayer-controlbar {
    right: 134px
}

.ardplayer.ardplayer-no-fullscreen:not(.ardplayer-state-fullscreen):not(.ardplayer-state-audio).ardplayer-sm .ardplayer-time-remaining,
.ardplayer.ardplayer-state-casting:not(.ardplayer-state-fullscreen):not(.ardplayer-state-audio).ardplayer-sm .ardplayer-time-remaining,
.ardplayer.ardplayer-state-pip:not(.ardplayer-state-fullscreen):not(.ardplayer-state-audio).ardplayer-sm .ardplayer-time-remaining {
    right: 54px
}

.ardplayer.ardplayer-no-fullscreen:not(.ardplayer-state-fullscreen):not(.ardplayer-state-audio).ardplayer-s .ardplayer-addons-container-big,
.ardplayer.ardplayer-state-casting:not(.ardplayer-state-fullscreen):not(.ardplayer-state-audio).ardplayer-s .ardplayer-addons-container-big,
.ardplayer.ardplayer-state-pip:not(.ardplayer-state-fullscreen):not(.ardplayer-state-audio).ardplayer-s .ardplayer-addons-container-big {
    padding-right: 0
}

.ardplayer.ardplayer-no-fullscreen:not(.ardplayer-state-fullscreen):not(.ardplayer-state-audio).ardplayer-s .ardplayer-controlbar,
.ardplayer.ardplayer-state-casting:not(.ardplayer-state-fullscreen):not(.ardplayer-state-audio).ardplayer-s .ardplayer-controlbar,
.ardplayer.ardplayer-state-pip:not(.ardplayer-state-fullscreen):not(.ardplayer-state-audio).ardplayer-s .ardplayer-controlbar {
    right: 43px
}

.ardplayer.ardplayer-state-casting.ardplayer-state-airplay .ardplayer-viewport,
.ardplayer.ardplayer-state-casting.ardplayer-state-pip .ardplayer-viewport,
.ardplayer.ardplayer-state-pip.ardplayer-state-airplay .ardplayer-viewport,
.ardplayer.ardplayer-state-pip.ardplayer-state-pip .ardplayer-viewport {
    mix-blend-mode: screen
}

.ardplayer.ardplayer-state-casting.ardplayer-state-airplay .ardplayer-posterbackdrop,
.ardplayer.ardplayer-state-casting.ardplayer-state-pip .ardplayer-posterbackdrop,
.ardplayer.ardplayer-state-pip.ardplayer-state-airplay .ardplayer-posterbackdrop,
.ardplayer.ardplayer-state-pip.ardplayer-state-pip .ardplayer-posterbackdrop {
    opacity: .7
}

.ardplayer.ardplayer-state-casting .ardplayer-posterbackdrop,
.ardplayer.ardplayer-state-pip .ardplayer-posterbackdrop {
    display: block
}

.ardplayer.ardplayer-state-casting.ardplayer-show-controls .ardplayer-background,
.ardplayer.ardplayer-state-casting.ardplayer-state-completed:not(.ardplayer-force-hide-controls) .ardplayer-background,
.ardplayer.ardplayer-state-pip.ardplayer-show-controls .ardplayer-background,
.ardplayer.ardplayer-state-pip.ardplayer-state-completed:not(.ardplayer-force-hide-controls) .ardplayer-background {
    opacity: .3
}

.ardplayer.ardplayer-state-casting:not(.ardplayer-state-casting-volumecontrol) .ardplayer-button-volume {
    display: none
}

.ardplayer.ardplayer-state-native-pip,
.ardplayer.ardplayer-state-native-pip * {
    pointer-events: none !important
}

.ardplayer.ardplayer-state-native-pip .ardplayer-bottom-sheet-container,
.ardplayer.ardplayer-state-native-pip .ardplayer-center,
.ardplayer.ardplayer-state-native-pip .ardplayer-control,
.ardplayer.ardplayer-state-native-pip .ardplayer-footer,
.ardplayer.ardplayer-state-native-pip .ardplayer-header,
.ardplayer.ardplayer-state-native-pip .ardplayer-playstate-zoom,
.ardplayer.ardplayer-state-native-pip .ardplayer-posterframe div,
.ardplayer.ardplayer-state-native-pip .ardplayer-posterframe span,
.ardplayer.ardplayer-state-native-pip .ardplayer-title-container,
.ardplayer.ardplayer-state-native-pip .ardplayer-viewport-addon-overlays {
    display: none !important
}

.ardplayer.ardplayer-android-tv .ardplayer-button-volume {
    display: none
}

.ardplayer.ardplayer-state-live-initial-buffer .ardplayer-buffering {
    display: block
}

.ardplayer.ardplayer-state-live-initial-buffer .ardplayer-controlbar,
.ardplayer.ardplayer-state-live-initial-buffer .ardplayer-footer .ardplayer-time-remaining,
.ardplayer.ardplayer-state-live-initial-buffer.ardplayer.ardplayer .ardplayer-center *,
.ardplayer.ardplayer-state-live-initial-buffer.ardplayer.ardplayer .ardplayer-footer *,
.ardplayer.ardplayer-state-live-initial-buffer.ardplayer.ardplayer .ardplayer-header * {
    opacity: 0
}

.ardplayer.ardplayer-old-webkit .ardplayer-bottom-sheet-container {
    transition: none !important
}

.ardplayer.ardplayer-old-webkit .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-stage {
    animation: none !important
}

@keyframes pulsePlay {
    0% {
        transform: scaleX(1)
    }

    50% {
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        transform: scaleX(1)
    }
}

@keyframes pulsePause {
    0% {
        transform: scaleX(1)
    }

    50% {
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        transform: scaleX(1)
    }
}

.ardplayer button {
    background: none;
    border: none;
    color: var(--ardplayer-color-lightest);
    cursor: pointer;
    margin: 0;
    outline-width: 0;
    padding: 0;
    pointer-events: all;
    text-shadow: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    will-change: color, background
}

.ardplayer button,
.ardplayer button:after,
.ardplayer button:before {
    font-size: 48px;
    height: 48px;
    line-height: 48px;
    width: 48px
}

.ardplayer button:after,
.ardplayer button:before {
    display: block;
    transition: transform .2s ease-in-out;
    will-change: transform
}

.ardplayer button:hover:after,
.ardplayer button:hover:before,
.ardplayer button[aria-pressed=true]:after,
.ardplayer button[aria-pressed=true]:before {
    transform: scale(1.2)
}

.ardplayer button.ardplayer-button-disabled {
    color: hsla(0, 0%, 62%, .6) !important;
    cursor: default !important
}

.ardplayer button.ardplayer-button-disabled:hover:after,
.ardplayer button.ardplayer-button-disabled:hover:before,
.ardplayer button.ardplayer-button-disabled[aria-pressed=true]:after,
.ardplayer button.ardplayer-button-disabled[aria-pressed=true]:before {
    transform: none
}

.ardplayer button.ardplayer-icon-pause {
    animation-duration: .4s;
    animation-name: pulsePlay
}

.ardplayer button.ardplayer-icon-play {
    animation-duration: .4s;
    animation-name: pulsePause
}

.ardplayer .ardplayer-bottom-sheet-container button:hover,
.ardplayer .ardplayer-bottom-sheet-container button[aria-pressed=true],
.ardplayer .ardplayer-button-big button:hover,
.ardplayer .ardplayer-button-big button[aria-pressed=true],
.ardplayer .ardplayer-center button:hover,
.ardplayer .ardplayer-center button[aria-pressed=true],
.ardplayer .ardplayer-modal-container button:hover,
.ardplayer .ardplayer-modal-container button[aria-pressed=true],
.ardplayer button.ardplayer-button-big:hover,
.ardplayer button.ardplayer-button-big[aria-pressed=true],
.ardplayer>button:hover,
.ardplayer>button[aria-pressed=true] {
    color: var(--ardplayer-color-primary)
}

@media(pointer:coarse) {

    .ardplayer .ardplayer-bottom-sheet-container button:not(.ardplayer-button-disabled):hover,
    .ardplayer .ardplayer-bottom-sheet-container button:not(.ardplayer-button-disabled)[aria-pressed=true],
    .ardplayer .ardplayer-button-big button:not(.ardplayer-button-disabled):hover,
    .ardplayer .ardplayer-button-big button:not(.ardplayer-button-disabled)[aria-pressed=true],
    .ardplayer .ardplayer-center button:not(.ardplayer-button-disabled):hover,
    .ardplayer .ardplayer-center button:not(.ardplayer-button-disabled)[aria-pressed=true],
    .ardplayer .ardplayer-modal-container button:not(.ardplayer-button-disabled):hover,
    .ardplayer .ardplayer-modal-container button:not(.ardplayer-button-disabled)[aria-pressed=true],
    .ardplayer button.ardplayer-button-big:not(.ardplayer-button-disabled):hover,
    .ardplayer button.ardplayer-button-big:not(.ardplayer-button-disabled)[aria-pressed=true],
    .ardplayer>button:not(.ardplayer-button-disabled):hover,
    .ardplayer>button:not(.ardplayer-button-disabled)[aria-pressed=true] {
        color: var(--ardplayer-color-lightest)
    }
}

.ardplayer.ardplayer-state-embedded .ardplayer-bottom-sheet-container button:not(.ardplayer-button-disabled):hover,
.ardplayer.ardplayer-state-embedded .ardplayer-bottom-sheet-container button:not(.ardplayer-button-disabled)[aria-pressed=true],
.ardplayer.ardplayer-state-embedded .ardplayer-button-big button:not(.ardplayer-button-disabled):hover,
.ardplayer.ardplayer-state-embedded .ardplayer-button-big button:not(.ardplayer-button-disabled)[aria-pressed=true],
.ardplayer.ardplayer-state-embedded .ardplayer-center button:not(.ardplayer-button-disabled):hover,
.ardplayer.ardplayer-state-embedded .ardplayer-center button:not(.ardplayer-button-disabled)[aria-pressed=true],
.ardplayer.ardplayer-state-embedded .ardplayer-modal-container button:not(.ardplayer-button-disabled):hover,
.ardplayer.ardplayer-state-embedded .ardplayer-modal-container button:not(.ardplayer-button-disabled)[aria-pressed=true],
.ardplayer.ardplayer-state-embedded button.ardplayer-button-big:not(.ardplayer-button-disabled):hover,
.ardplayer.ardplayer-state-embedded button.ardplayer-button-big:not(.ardplayer-button-disabled)[aria-pressed=true],
.ardplayer.ardplayer-state-embedded>button:not(.ardplayer-button-disabled):hover,
.ardplayer.ardplayer-state-embedded>button:not(.ardplayer-button-disabled)[aria-pressed=true] {
    color: var(--ardplayer-color-lightest)
}

.ardplayer .ardplayer-button-big button,
.ardplayer .ardplayer-button-big button:after,
.ardplayer .ardplayer-button-big button:before,
.ardplayer button.ardplayer-button-big,
.ardplayer button.ardplayer-button-big:after,
.ardplayer button.ardplayer-button-big:before {
    font-size: 72px;
    height: 72px;
    line-height: 72px;
    width: 72px
}

.ardplayer .ardplayer-button-big button.ardplayer-button-hero,
.ardplayer button.ardplayer-button-big.ardplayer-button-hero {
    background: var(--ardplayer-color-tertiary);
    border-radius: 50%;
    color: var(--ardplayer-color-lightest) !important;
    margin: 10px
}

.ardplayer .ardplayer-button-big button.ardplayer-button-hero:hover,
.ardplayer .ardplayer-button-big button.ardplayer-button-hero[aria-pressed=true],
.ardplayer button.ardplayer-button-big.ardplayer-button-hero:hover,
.ardplayer button.ardplayer-button-big.ardplayer-button-hero[aria-pressed=true] {
    background: var(--ardplayer-color-primary)
}

.ardplayer .ardplayer-button-big button.ardplayer-button-hero:after,
.ardplayer .ardplayer-button-big button.ardplayer-button-hero:before,
.ardplayer button.ardplayer-button-big.ardplayer-button-hero:after,
.ardplayer button.ardplayer-button-big.ardplayer-button-hero:before {
    transition: transform .6s ease-in-out
}

.ardplayer.ardplayer-m button,
.ardplayer.ardplayer-m button:after,
.ardplayer.ardplayer-m button:before,
.ardplayer.ardplayer-sm button,
.ardplayer.ardplayer-sm button:after,
.ardplayer.ardplayer-sm button:before {
    font-size: 48px;
    height: 48px;
    line-height: 48px;
    width: 48px
}

.ardplayer.ardplayer-m .ardplayer-button-big button,
.ardplayer.ardplayer-m button.ardplayer-button-big,
.ardplayer.ardplayer-sm .ardplayer-button-big button,
.ardplayer.ardplayer-sm button.ardplayer-button-big {
    margin: 0
}

.ardplayer.ardplayer-m .ardplayer-button-big button,
.ardplayer.ardplayer-m .ardplayer-button-big button:after,
.ardplayer.ardplayer-m .ardplayer-button-big button:before,
.ardplayer.ardplayer-m button.ardplayer-button-big,
.ardplayer.ardplayer-m button.ardplayer-button-big:after,
.ardplayer.ardplayer-m button.ardplayer-button-big:before,
.ardplayer.ardplayer-sm .ardplayer-button-big button,
.ardplayer.ardplayer-sm .ardplayer-button-big button:after,
.ardplayer.ardplayer-sm .ardplayer-button-big button:before,
.ardplayer.ardplayer-sm button.ardplayer-button-big,
.ardplayer.ardplayer-sm button.ardplayer-button-big:after,
.ardplayer.ardplayer-sm button.ardplayer-button-big:before {
    font-size: 48px;
    height: 48px;
    line-height: 48px;
    width: 48px
}

.ardplayer.ardplayer-s .ardplayer-button-big button,
.ardplayer.ardplayer-s .ardplayer-button-big button:after,
.ardplayer.ardplayer-s .ardplayer-button-big button:before,
.ardplayer.ardplayer-s button,
.ardplayer.ardplayer-s button.ardplayer-button-big,
.ardplayer.ardplayer-s button.ardplayer-button-big:after,
.ardplayer.ardplayer-s button.ardplayer-button-big:before,
.ardplayer.ardplayer-s button:after,
.ardplayer.ardplayer-s button:before {
    font-size: 40px;
    height: 40px;
    line-height: 40px;
    width: 40px
}

.ardplayer .ardplayer-button-jumptolive,
.ardplayer .ardplayer-button-nextclip,
.ardplayer .ardplayer-button-prevclip,
.ardplayer .ardplayer-button-settings-reveal,
.ardplayer .ardplayer-button-skipbackward,
.ardplayer .ardplayer-button-skipforward {
    display: none
}

.ardplayer .ardplayer-controlbar {
    bottom: 130px;
    left: 140px;
    pointer-events: none;
    position: absolute;
    right: 140px
}

.ardplayer .ardplayer-controlbar .noUi-target {
    height: 20px;
    pointer-events: none
}

.ardplayer .ardplayer-controlbar .noUi-horizontal .noUi-handle {
    background: var(--ardplayer-color-primary);
    height: 18px;
    left: auto;
    right: -9px;
    top: 1px;
    transition: .2s ease-in-out;
    width: 18px
}

.ardplayer .ardplayer-controlbar .ardplayer-controlbar-buffer,
.ardplayer .ardplayer-controlbar .ardplayer-controlbar-jumpmarks,
.ardplayer .ardplayer-controlbar .ardplayer-controlbar-seek-indicator,
.ardplayer .ardplayer-controlbar .noUi-connects {
    border-radius: 2px;
    bottom: 8px;
    height: 4px;
    position: absolute;
    transition: transform .2s ease-in-out;
    width: 100%
}

.ardplayer .ardplayer-controlbar .noUi-connects {
    background-color: var(--ardplayer-color-lightest-transparent-50);
    pointer-events: none
}

.ardplayer .ardplayer-controlbar .noUi-connects .noUi-connect {
    background-color: var(--ardplayer-color-primary);
    border-radius: 2px
}

.ardplayer .ardplayer-controlbar .ardplayer-controlbar-buffer,
.ardplayer .ardplayer-controlbar .ardplayer-controlbar-seek-indicator {
    background-color: var(--ardplayer-color-lightest-transparent-30);
    pointer-events: none
}

.ardplayer .ardplayer-controlbar .ardplayer-controlbar-thumb-input {
    width: 100%
}

.ardplayer .ardplayer-controlbar .ardplayer-controlbar-hover {
    background: var(--ardplayer-color-primary-dark);
    border-radius: 5px;
    bottom: 45px;
    font-size: 20px;
    font-weight: 700;
    overflow: hidden;
    padding: 8px 16px;
    pointer-events: none;
    position: absolute;
    text-align: center;
    white-space: nowrap;
    z-index: 2
}

.ardplayer .ardplayer-controlbar-hero .ardplayer-controlbar {
    right: 212px
}

.ardplayer.ardplayer-show-controls .ardplayer-controlbar,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls) .ardplayer-controlbar {
    pointer-events: all
}

.ardplayer.ardplayer-show-controls .ardplayer-controlbar .noUi-connects,
.ardplayer.ardplayer-show-controls .ardplayer-controlbar .noUi-target,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls) .ardplayer-controlbar .noUi-connects,
.ardplayer.ardplayer-state-completed:not(.ardplayer-force-hide-controls) .ardplayer-controlbar .noUi-target {
    pointer-events: auto
}

.ardplayer.ardplayer-m .ardplayer-controlbar-buffer,
.ardplayer.ardplayer-m .ardplayer-controlbar-jumpmarks,
.ardplayer.ardplayer-m .ardplayer-controlbar-seek-indicator,
.ardplayer.ardplayer-m .noUi-connects,
.ardplayer.ardplayer-sm .ardplayer-controlbar-buffer,
.ardplayer.ardplayer-sm .ardplayer-controlbar-jumpmarks,
.ardplayer.ardplayer-sm .ardplayer-controlbar-seek-indicator,
.ardplayer.ardplayer-sm .noUi-connects {
    border-radius: 2px;
    bottom: 8px;
    height: 4px
}

.ardplayer.ardplayer-m .noUi-connects .noUi-connect,
.ardplayer.ardplayer-sm .noUi-connects .noUi-connect {
    border-radius: 2px
}

.ardplayer.ardplayer-m .ardplayer-controlbar,
.ardplayer.ardplayer-sm .ardplayer-controlbar {
    bottom: 70px;
    left: 86px;
    right: 86px
}

.ardplayer.ardplayer-m .ardplayer-controlbar .ardplayer-controlbar-hover,
.ardplayer.ardplayer-sm .ardplayer-controlbar .ardplayer-controlbar-hover {
    bottom: 38px;
    font-size: 16px;
    padding: 6px 12px
}

.ardplayer.ardplayer-m .noUi-horizontal .noUi-handle,
.ardplayer.ardplayer-sm .noUi-horizontal .noUi-handle {
    height: 14px;
    right: -7px;
    top: 3px;
    width: 14px
}

.ardplayer.ardplayer-m .ardplayer-controlbar-hero .ardplayer-controlbar {
    right: 134px
}

.ardplayer.ardplayer-sm .ardplayer-controlbar {
    bottom: 29px
}

.ardplayer.ardplayer-sm .ardplayer-controlbar,
.ardplayer.ardplayer-sm .ardplayer-controlbar-hero .ardplayer-controlbar {
    right: 182px
}

.ardplayer.ardplayer-s .ardplayer-controlbar-hero .ardplayer-controlbar {
    right: 86px
}

.ardplayer.ardplayer-s .ardplayer-controlbar {
    bottom: 10px;
    left: 12px;
    right: 86px
}

.ardplayer.ardplayer-s .ardplayer-controlbar .ardplayer-controlbar-hover {
    bottom: 30px;
    font-size: 16px
}

.ardplayer.ardplayer-s .ardplayer-controlbar .noUi-horizontal .noUi-handle {
    height: 14px;
    right: -7px;
    top: 3px;
    width: 14px
}

.ardplayer.ardplayer-s .ardplayer-controlbar .ardplayer-controlbar-buffer,
.ardplayer.ardplayer-s .ardplayer-controlbar .ardplayer-controlbar-jumpmarks,
.ardplayer.ardplayer-s .ardplayer-controlbar .ardplayer-controlbar-seek-indicator,
.ardplayer.ardplayer-s .ardplayer-controlbar .noUi-connects {
    border-radius: 2px;
    bottom: 8px;
    height: 4px
}

.ardplayer.ardplayer-s .ardplayer-controlbar .noUi-connects .noUi-connect {
    border-radius: 2px
}

.ardplayer .ardplayer-button-volume {
    display: inline-block;
    pointer-events: all;
    position: relative
}

.ardplayer .ardplayer-volume-fader {
    left: 72px;
    opacity: 0;
    position: absolute;
    top: -7px;
    transition: visibility .6s ease-in-out, opacity .6s ease-in-out;
    visibility: hidden
}

.ardplayer .ardplayer-volume-fader .noUi-base {
    height: 72px;
    pointer-events: auto
}

.ardplayer .ardplayer-volume-fader .noUi-base .noUi-connects {
    background-color: var(--ardplayer-color-lightest-transparent-50);
    height: 6px;
    top: 33px
}

.ardplayer .ardplayer-volume-fader .noUi-base .noUi-connects .noUi-connect {
    background-color: var(--ardplayer-color-lightest-transparent-30)
}

.ardplayer .ardplayer-volume-fader .noUi-base .noUi-handle {
    height: 20px;
    right: -10px;
    top: 26px;
    width: 20px
}

.ardplayer .ardplayer-volume-fader .ardplayer-volume-fader-input {
    height: 6px;
    width: 125px
}

.ardplayer .ardplayer-volume-fader .slider-wrapper {
    display: inline-block;
    padding: 0
}

.ardplayer.ardplayer-volume-open.ardplayer-volume-open:not(.ardplayer-state-audio) .ardplayer-button-volume button:after,
.ardplayer.ardplayer-volume-open.ardplayer-volume-open:not(.ardplayer-state-audio) .ardplayer-button-volume button:before {
    color: var(--ardplayer-color-primary);
    transform: scale(1.2)
}

.ardplayer.ardplayer-volume-open.ardplayer-volume-open:not(.ardplayer-state-audio) .ardplayer-volume-fader {
    opacity: 1;
    visibility: visible
}

.ardplayer.ardplayer-m .ardplayer-volume-fader,
.ardplayer.ardplayer-state-audio .ardplayer-volume-fader {
    left: 48px;
    top: -10px
}

.ardplayer.ardplayer-m .ardplayer-volume-fader .noUi-base,
.ardplayer.ardplayer-state-audio .ardplayer-volume-fader .noUi-base {
    height: 48px
}

.ardplayer.ardplayer-m .ardplayer-volume-fader .noUi-base .noUi-connects,
.ardplayer.ardplayer-state-audio .ardplayer-volume-fader .noUi-base .noUi-connects {
    height: 3px;
    top: 22.5px
}

.ardplayer.ardplayer-m .ardplayer-volume-fader .noUi-base .noUi-handle,
.ardplayer.ardplayer-state-audio .ardplayer-volume-fader .noUi-base .noUi-handle {
    height: 10px;
    right: -5px;
    top: 19px;
    width: 10px
}

.ardplayer.ardplayer-m .ardplayer-volume-fader .ardplayer-volume-fader-input,
.ardplayer.ardplayer-state-audio .ardplayer-volume-fader .ardplayer-volume-fader-input {
    height: 3px;
    width: 60px
}

.ardplayer.ardplayer-s .ardplayer-volume-fader {
    left: 40px
}

.ardplayer.ardplayer-s .ardplayer-volume-fader .noUi-base {
    height: 40px
}

.ardplayer.ardplayer-s .ardplayer-volume-fader .noUi-base .noUi-connects {
    top: 18.5px
}

.ardplayer.ardplayer-s .ardplayer-volume-fader .noUi-base .noUi-handle {
    top: 15px
}

.ardplayer .ardplayer-posterbackdrop {
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.ardplayer .ardplayer-posterbackdrop picture {
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%)
}

.ardplayer .ardplayer-posterbackdrop picture,
.ardplayer .ardplayer-posterbackdrop picture>img {
    height: 100%;
    width: 100%
}

.ardplayer .ardplayer-posterbackdrop picture>img {
    -o-object-fit: cover;
    object-fit: cover
}

.ardplayer .ardplayer-posterbackdrop img:not([src]),
.ardplayer .ardplayer-posterbackdrop picture:empty {
    display: none
}

.ardplayer .ardplayer-posterframe {
    background-color: var(--ardplayer-color-secondary);
    cursor: default;
    display: none
}

.ardplayer .ardplayer-posterframe,
.ardplayer .ardplayer-posterframe picture,
.ardplayer .ardplayer-posterframe picture>img {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.ardplayer .ardplayer-posterframe picture>img {
    -o-object-fit: cover;
    object-fit: cover
}

.ardplayer .ardplayer-posterframe img:not([src]),
.ardplayer .ardplayer-posterframe picture:empty {
    display: none
}

.ardplayer .ardplayer-posterframe .ardplayer-posterframe-buttons {
    left: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

.ardplayer .ardplayer-posterframe span.ardplayer-posterframe-title {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    -webkit-box-pack: end;
    bottom: 15%;
    display: -webkit-box;
    font-size: 32px;
    left: 0;
    overflow: hidden;
    position: absolute;
    text-align: center;
    text-overflow: ellipsis;
    text-shadow: 1px 1px 1px var(--ardplayer-color-darkest);
    white-space: normal;
    width: 100%
}

.ardplayer .ardplayer-posterframe span.ardplayer-posterframe-duration {
    background-color: var(--ardplayer-color-primary-dark);
    bottom: 20px;
    color: var(--ardplayer-color-lightest);
    font-size: 14px;
    padding: 2px 3px;
    position: absolute;
    right: 20px;
    text-align: center;
    text-shadow: 0 0 20px rgba(0, 14, 41, .8)
}

.ardplayer.ardplayer-m .ardplayer-posterframe span.ardplayer-posterframe-title {
    -webkit-line-clamp: 2;
    bottom: 13%;
    font-size: 26px
}

.ardplayer.ardplayer-s .ardplayer-posterframe span.ardplayer-posterframe-title {
    bottom: 40px;
    font-size: 20px
}

.ardplayer.ardplayer-xs .ardplayer-posterframe span.ardplayer-posterframe-title {
    bottom: 30px;
    font-size: 16px
}

.ardplayer.ardplayer-xs .ardplayer-posterframe span.ardplayer-posterframe-duration {
    bottom: 10px;
    right: 10px
}

.ardplayer.ardplayer-posterframe-transparent {
    background-color: transparent
}

.ardplayer.ardplayer-posterframe-transparent .ardplayer-posterbackdrop,
.ardplayer.ardplayer-posterframe-transparent .ardplayer-posterframe {
    background: transparent
}

.ardplayer .ardplayer-buffering {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

@keyframes ball-scale-multiple {
    0% {
        opacity: 0;
        transform: scale(0)
    }

    5% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: scale(1)
    }
}

.ardplayer .ardplayer-buffering .ardplayer-loader {
    left: 50%;
    position: absolute;
    top: 50%
}

.ardplayer .ardplayer-buffering .ardplayer-ball-scale-multiple {
    position: relative;
    transform: translateY(-48px)
}

.ardplayer .ardplayer-buffering .ardplayer-ball-scale-multiple>div:nth-child(2) {
    animation-delay: -.4s
}

.ardplayer .ardplayer-buffering .ardplayer-ball-scale-multiple>div:nth-child(3) {
    animation-delay: -.2s
}

.ardplayer .ardplayer-buffering .ardplayer-ball-scale-multiple>div {
    animation: ball-scale-multiple 1s linear 0s infinite;
    animation-fill-mode: both;
    background-color: var(--ardplayer-color-primary);
    border-radius: 100%;
    height: 96px;
    left: -48px;
    margin: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 96px
}

@media(prefers-reduced-motion) {
    .ardplayer .ardplayer-buffering .ardplayer-ball-scale-multiple>div {
        animation-delay: -.5s;
        animation-duration: 1s !important;
        animation-play-state: paused;
        display: none
    }

    .ardplayer .ardplayer-buffering .ardplayer-ball-scale-multiple>div:first-child {
        display: block
    }
}

.ardplayer.ardplayer-m .ardplayer-buffering .ardplayer-ball-scale-multiple {
    transform: translateY(-37.5px)
}

.ardplayer.ardplayer-m .ardplayer-buffering .ardplayer-ball-scale-multiple>div {
    height: 75px;
    left: -37.5px;
    width: 75px
}

.ardplayer .ardplayer-errorframe {
    background: var(--ardplayer-color-secondary-transparent-50);
    cursor: default;
    display: none
}

.ardplayer .ardplayer-errorframe,
.ardplayer .ardplayer-errorframe img {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.ardplayer .ardplayer-errorframe button {
    background: var(--ardplayer-color-tertiary);
    border-radius: 20px;
    font-size: 16px;
    height: auto;
    line-height: normal;
    margin-top: 15px;
    padding: 10px 24px;
    width: auto
}

.ardplayer .ardplayer-errorframe button:active,
.ardplayer .ardplayer-errorframe button:focus,
.ardplayer .ardplayer-errorframe button:hover {
    background-color: var(--ardplayer-color-primary-transparent-50)
}

.ardplayer .ardplayer-errorframe .ardplayer-errorframe-content {
    left: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

.ardplayer .ardplayer-errorframe .ardplayer-errorframe-content .ardplayer-error-icon {
    display: inline-block;
    font-size: 90px;
    height: 90px;
    line-height: 90px;
    margin: 0 0 30px;
    width: 90px
}

.ardplayer .ardplayer-errorframe .ardplayer-errorframe-content .ardplayer-error-icon:hover:before {
    transform: none
}

.ardplayer .ardplayer-errorframe .ardplayer-errorframe-content span.ardplayer-error-message {
    display: block;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    max-width: calc(530px + 18%);
    padding: 0 8%;
    text-align: center;
    width: 100%
}

.ardplayer .ardplayer-errorframe .ardplayer-errorframe-content span.ardplayer-error-message span.ardplayer-error-external {
    display: block;
    line-height: 40px;
    margin-top: 20px
}

.ardplayer .ardplayer-errorframe .ardplayer-errorframe-content span.ardplayer-error-message span.ardplayer-error-external a {
    background: var(--ardplayer-color-tertiary);
    border-radius: 20px;
    color: var(--ardplayer-color-lightest);
    cursor: pointer;
    padding: 2px 8px;
    text-decoration: none
}

.ardplayer.ardplayer-m .ardplayer-errorframe .ardplayer-errorframe-content .ardplayer-error-icon {
    font-size: 60px;
    height: 60px;
    line-height: 60px;
    margin-bottom: 20px;
    width: 60px
}

.ardplayer.ardplayer-m .ardplayer-errorframe .ardplayer-errorframe-content button {
    font-size: 14px;
    margin-top: 10px
}

.ardplayer.ardplayer-m .ardplayer-errorframe .ardplayer-errorframe-content span.ardplayer-error-message {
    font-size: 14px;
    line-height: normal
}

.ardplayer.ardplayer-m .ardplayer-errorframe .ardplayer-errorframe-content span.ardplayer-error-message span.ardplayer-error-external {
    line-height: 24px;
    margin-top: 15px
}

.ardplayer.ardplayer-s .ardplayer-errorframe .ardplayer-errorframe-content .ardplayer-error-icon {
    display: none
}

.ardplayer.ardplayer-s .ardplayer-errorframe .ardplayer-errorframe-content button {
    margin-top: 0
}

.ardplayer.ardplayer-s .ardplayer-errorframe .ardplayer-errorframe-content span.ardplayer-error-message {
    font-size: 12px
}

.ardplayer.ardplayer-s .ardplayer-errorframe .ardplayer-errorframe-content span.ardplayer-error-message span.ardplayer-error-external {
    line-height: 20px;
    margin-top: 10px
}

.ardplayer .ardplayer-contextmenu {
    background-color: var(--ardplayer-color-primary-dark);
    border: 1px solid var(--ardplayer-color-primary-transparent-30);
    color: var(--ardplayer-color-lightest);
    display: block;
    font-size: 13px;
    list-style: none;
    margin: 0;
    max-width: 250px;
    min-width: 125px;
    outline: 0;
    padding: 2px 0;
    position: fixed;
    transform-origin: top;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 99999
}

.ardplayer .ardplayer-contextmenu li:first-child {
    background: var(--ardplayer-color-primary-dark);
    border: 1px solid var(--ardplayer-color-primary-transparent-30);
    border-bottom: none;
    position: absolute;
    right: 0;
    top: -25px
}

.ardplayer .ardplayer-contextmenu li:first-child button {
    float: left;
    height: 25px;
    position: relative;
    width: 25px
}

.ardplayer .ardplayer-contextmenu li:first-child button:focus,
.ardplayer .ardplayer-contextmenu li:first-child button:hover {
    background-color: var(--ardplayer-color-primary)
}

.ardplayer .ardplayer-contextmenu li:first-child button:active {
    background-color: var(--ardplayer-color-primary-transparent-30)
}

.ardplayer .ardplayer-contextmenu li:first-child button svg {
    height: 20px;
    left: 2px;
    position: absolute;
    top: 2px;
    width: 20px
}

.ardplayer .ardplayer-contextmenu li:first-child button.ardplayer-context-copy svg {
    height: 15px;
    left: 5px;
    top: 4px;
    width: 15px
}

.ardplayer .ardplayer-contextmenu.ardplayer-contextmenu-touch li:first-child {
    transform: scale(1.5);
    transform-origin: bottom right
}

.ardplayer .ardplayer-contextmenu .ardplayer-item {
    cursor: default;
    display: block;
    overflow: hidden;
    padding: 2px 6px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ardplayer .ardplayer-contextmenu .ardplayer-item:focus,
.ardplayer .ardplayer-contextmenu .ardplayer-item:hover {
    background-color: var(--ardplayer-color-primary)
}

.ardplayer .ardplayer-contextmenu .ardplayer-item:focus {
    outline: 0
}

.ardplayer .ardplayer-contextmenu .ardplayer-item-inactive {
    color: gray
}

.ardplayer .ardplayer-contextmenu .ardplayer-item-inactive:focus,
.ardplayer .ardplayer-contextmenu .ardplayer-item-inactive:hover {
    background-color: var(--ardplayer-color-primary-dark)
}

.ardplayer .ardplayer-contextmenu .ardplayer-divider {
    background-color: var(--ardplayer-color-primary-transparent-30);
    height: 1px;
    margin: 4px 0;
    overflow: clip
}

@keyframes ardplayer-modal-reveal-stage {
    0% {
        transform: translateY(100%)
    }

    75% {
        transform: translateY(0)
    }
}

@keyframes ardplayer-modal-reveal-content {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes ardplayer-modal-conceal-stage {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(100%)
    }
}

@keyframes ardplayer-modal-conceal-content {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

.ardplayer .ardplayer-font-byline {
    font-size: 18px;
    line-height: 21.6px;
    margin-right: 5px
}

.ardplayer .ardplayer-font-byline,
.ardplayer .ardplayer-font-byline a {
    color: var(--ardplayer-color-light)
}

.ardplayer .ardplayer-font-byline+.ardplayer-font-byline:before {
    content: "|";
    margin-right: 5px
}

.ardplayer .ardplayer-font-title+.ardplayer-chip,
.ardplayer .ardplayer-font-title+.ardplayer-chip-highlight,
.ardplayer :not(.ardplayer-font-byline)+.ardplayer-font-byline {
    display: inline-block;
    margin-top: 18px
}

.ardplayer .ardplayer-chip,
.ardplayer .ardplayer-chip-highlight {
    background: var(--ardplayer-color-dark);
    border-radius: 1px;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    margin: 2px;
    padding: 4px 8px;
    text-transform: uppercase
}

.ardplayer .ardplayer-chip-highlight {
    background: var(--ardplayer-color-primary)
}

.ardplayer .ardplayer-bottom-sheet-container {
    bottom: 0;
    color: var(--ardplayer-color-lightest);
    font-size: 20px;
    left: 0;
    overscroll-behavior: contain;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: visibility .5s ease-out;
    visibility: hidden;
    z-index: 4
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-background {
    background-color: transparent;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: background-color .5s ease-out;
    width: 100%
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-stage {
    animation: ardplayer-modal-conceal-stage .5s cubic-bezier(0, 0, .01, 1);
    background-color: var(--ardplayer-color-primary-dark);
    bottom: 0;
    display: flex;
    flex-direction: column;
    left: 0;
    max-height: 100%;
    min-height: 240px;
    padding: 10px 5%;
    position: absolute;
    right: 0;
    transform: translateY(100%)
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-topbar {
    align-items: center;
    animation: ardplayer-modal-conceal-content .25s cubic-bezier(0, 0, .01, 1);
    animation-fill-mode: forwards;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-bottom: 20px;
    z-index: 1
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-title {
    flex-grow: 1;
    font-size: 26px;
    overflow: hidden;
    padding: 5px 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper {
    animation: ardplayer-modal-conceal-content .25s cubic-bezier(0, 0, .01, 1);
    margin: -20px 5.5555555556% -15px;
    overflow-y: auto;
    overscroll-behavior: contain;
    position: relative;
    scrollbar-color: var(--ardplayer-color-lightest) var(--ardplayer-color-light-transparent-90);
    scrollbar-width: thin
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper .ardplayer-bottom-sheet-content {
    margin-bottom: 80px
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper:after,
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper:before {
    content: "";
    display: block;
    height: 15px;
    left: 0;
    position: sticky;
    right: 0
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper:before {
    background: linear-gradient(to bottom, var(--ardplayer-color-primary-dark), var(--ardplayer-color-primary-dark-transparent-100));
    top: 0
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper:after {
    background: linear-gradient(to top, var(--ardplayer-color-primary-dark), var(--ardplayer-color-primary-dark-transparent-100));
    bottom: 0
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper::-webkit-scrollbar {
    width: 4px
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper::-webkit-scrollbar-track {
    background: var(--ardplayer-color-light-transparent-90);
    border-radius: 4px
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper::-webkit-scrollbar-thumb {
    background-color: var(--ardplayer-color-lightest);
    border-radius: 4px
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-container-horizontal,
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-container-vertical {
    align-content: space-around;
    align-items: baseline;
    display: flex;
    justify-content: center;
    scrollbar-color: var(--ardplayer-color-lightest) var(--ardplayer-color-light-transparent-90);
    scrollbar-width: thin
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-container-horizontal .ardplayer-container-spacer,
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-container-vertical .ardplayer-container-spacer {
    flex-grow: 1
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-container-horizontal.ardplayer-container-end,
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-container-vertical.ardplayer-container-end {
    justify-content: flex-end
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-container-horizontal.ardplayer-container-start,
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-container-vertical.ardplayer-container-start {
    justify-content: flex-start
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-container-horizontal.ardplayer-container-tabs,
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-container-vertical.ardplayer-container-tabs {
    flex-shrink: 0;
    flex-wrap: nowrap;
    margin: 0 20px;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 20px, #000 calc(100% - 20px), transparent);
    mask-image: linear-gradient(90deg, transparent, #000 20px, #000 calc(100% - 20px), transparent);
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 20px;
    scroll-padding: 0 20px;
    scroll-snap-type: x proximity
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-container-horizontal.ardplayer-container-tabs:after,
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-container-vertical.ardplayer-container-tabs:after {
    content: " ";
    display: block;
    flex-shrink: 0;
    height: 1px;
    width: 20px
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-container-horizontal.ardplayer-container-tabs .ardplayer-option,
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-container-vertical.ardplayer-container-tabs .ardplayer-option {
    scroll-snap-align: start
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-container-horizontal::-webkit-scrollbar,
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-container-vertical::-webkit-scrollbar {
    width: 4px
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-container-horizontal::-webkit-scrollbar-track,
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-container-vertical::-webkit-scrollbar-track {
    background: var(--ardplayer-color-light-transparent-90);
    border-radius: 4px
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-container-horizontal::-webkit-scrollbar-thumb,
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-container-vertical::-webkit-scrollbar-thumb {
    background-color: var(--ardplayer-color-lightest);
    border-radius: 4px
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-container-vertical {
    flex-wrap: nowrap
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-container-horizontal {
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 20px
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-stage>.ardplayer-container-horizontal.ardplayer-container-tabs {
    margin: 0 calc(5.55556% - 20px)
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-stage>.ardplayer-container-horizontal.ardplayer-container-tabs+.ardplayer-bottom-sheet-content-wrapper {
    margin-top: 0
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-container-vertical {
    align-content: flex-start;
    align-items: flex-start;
    flex-direction: column
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-container-vertical .ardplayer-container-horizontal {
    width: 100%
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-option,
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-option-label,
.ardplayer .ardplayer-bottom-sheet-container p,
.ardplayer .ardplayer-bottom-sheet-container span:not([class]) {
    font-size: 20px
}

.ardplayer .ardplayer-bottom-sheet-container a {
    color: var(--ardplayer-color-lightest)
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-button-pill,
.ardplayer .ardplayer-bottom-sheet-container button.ardplayer-button-pill {
    background-color: var(--ardplayer-color-tertiary);
    border-radius: 24px;
    color: var(--ardplayer-color-lightest);
    font-size: 18px;
    height: 40px;
    line-height: 18px;
    padding: 10px 24px;
    width: auto
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-button-pill.ardplayer-button-pill-secondary,
.ardplayer .ardplayer-bottom-sheet-container button.ardplayer-button-pill.ardplayer-button-pill-secondary {
    background: transparent;
    border: 1px solid var(--ardplayer-color-lightest)
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-button-pill:before,
.ardplayer .ardplayer-bottom-sheet-container button.ardplayer-button-pill:before {
    display: inline-block;
    font-size: 24px;
    line-height: 20px;
    margin-left: -5px;
    margin-right: 4px
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-button-pill:active,
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-button-pill:hover,
.ardplayer .ardplayer-bottom-sheet-container button.ardplayer-button-pill:active,
.ardplayer .ardplayer-bottom-sheet-container button.ardplayer-button-pill:hover {
    background-color: var(--ardplayer-color-primary)
}

.ardplayer .ardplayer-bottom-sheet-container button.ardplayer-button-rect {
    font-size: 20px;
    overflow: hidden;
    position: relative;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.ardplayer .ardplayer-bottom-sheet-container button.ardplayer-button-rect:before {
    display: inline-block;
    transition: transform .2s ease-in-out, margin-right .2s ease-in-out;
    will-change: transform, margin-right
}

.ardplayer .ardplayer-bottom-sheet-container button.ardplayer-button-rect:hover:not(.ardplayer-button-disabled):before,
.ardplayer .ardplayer-bottom-sheet-container button.ardplayer-button-rect[aria-pressed=true]:not(.ardplayer-button-disabled):before {
    margin-right: 3px
}

.ardplayer .ardplayer-bottom-sheet-container button.ardplayer-button-rect:after {
    position: absolute;
    right: 0;
    top: 0
}

.ardplayer .ardplayer-bottom-sheet-container button.ardplayer-button-rect.ardplayer-icon-after {
    padding-right: 48px
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-checkbox {
    display: none
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-checkbox+.ardplayer-checkbox-label {
    cursor: pointer
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-checkbox+.ardplayer-checkbox-label:before {
    background: var(--ardplayer-color-lightest);
    border: 3px solid var(--ardplayer-color-lightest);
    content: "";
    display: inline-block;
    height: 15px;
    margin-bottom: -1px;
    margin-right: 7px;
    width: 15px
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-checkbox+.ardplayer-checkbox-label:hover:before {
    background-color: var(--ardplayer-color-light)
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-checkbox:checked+.ardplayer-checkbox-label:before {
    background-color: var(--ardplayer-color-tertiary)
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-checkbox:checked+.ardplayer-checkbox-label:hover:before {
    background-color: var(--ardplayer-color-tertiary-dark)
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-input-wrapper {
    align-items: center;
    border: 2px solid var(--ardplayer-color-tertiary);
    border-radius: 30px;
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    padding: 3px
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-input-wrapper:focus-within {
    border-color: var(--ardplayer-color-primary)
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-input-wrapper input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none !important;
    outline: none !important
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-input-wrapper input:focus,
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-input-wrapper input:focus-visible,
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-input-wrapper input:focus-within {
    border: none !important;
    outline: none !important
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-input-wrapper .ardplayer-input-text {
    background: transparent;
    border: none;
    color: var(--ardplayer-color-lightest);
    flex-grow: 1;
    font-size: 20px;
    padding: 5px
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-input-wrapper.ardplayer-input-small {
    border-width: 1px;
    flex-grow: 0;
    padding: 5px 10px
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-input-wrapper.ardplayer-input-small .ardplayer-input-text {
    flex-grow: 0;
    font-size: 18px;
    padding: 0;
    text-align: center;
    width: 60px
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-select>.ardplayer-container-horizontal {
    margin-top: 0
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-select .ardplayer-container-horizontal .ardplayer-option-label {
    flex-basis: 200px;
    flex-basis: clamp(200px, 25%, 300px)
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-font-body {
    line-height: normal
}

.ardplayer .ardplayer-bottom-sheet-container *+.ardplayer-font-body.ardplayer-font-paragraph {
    margin-top: 30px
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-font-body>br {
    margin-bottom: 30px
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-font-title {
    font-size: 30px;
    font-weight: 700;
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ardplayer .ardplayer-bottom-sheet-container *+.ardplayer-font-title {
    margin-top: 10px
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-option-label {
    font-weight: 700
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-option {
    cursor: pointer;
    display: inline-block;
    line-height: 29px;
    margin: 5px;
    padding: 5px 10px;
    transition: background .15s ease-in-out;
    white-space: nowrap
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:first-letter {
    text-transform: capitalize
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-option.ardplayer-option-active {
    background: linear-gradient(to top, var(--ardplayer-color-tertiary) 3px, transparent 3px)
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover {
    background-color: var(--ardplayer-color-primary)
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover.ardplayer-option-active {
    background: var(--ardplayer-color-primary) linear-gradient(to top, var(--ardplayer-color-primary) 3px, transparent 3px)
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-option.ardplayer-option-expand {
    margin-right: 20px
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-option.ardplayer-option-expand .ardplayer-icon {
    font-size: 18px;
    margin-top: 0;
    padding-left: 7px;
    position: absolute
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-option.ardplayer-option-expand select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    box-sizing: content-box;
    color: inherit;
    display: inline-block;
    font: inherit;
    margin: -5px -20px -5px -10px;
    overflow: hidden;
    padding: 5px 20px 5px 10px;
    position: relative;
    -moz-text-align-last: center;
    text-align-last: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 1
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-option.ardplayer-option-expand select+.ardplayer-icon {
    margin-top: -2px
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-option.ardplayer-option-disabled {
    color: var(--ardplayer-color-lightest-transparent-50);
    cursor: default;
    pointer-events: none
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-xl .ardplayer-font-byline,
.ardplayer.ardplayer-xl:not(.ardplayer-bs-break) .ardplayer-font-byline {
    font-size: 18px;
    line-height: 21.6px
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-xl .ardplayer-font-title+.ardplayer-chip,
.ardplayer.ardplayer-bs-break.ardplayer-bs-xl .ardplayer-font-title+.ardplayer-chip-highlight,
.ardplayer.ardplayer-bs-break.ardplayer-bs-xl :not(.ardplayer-font-byline)+.ardplayer-font-byline,
.ardplayer.ardplayer-xl:not(.ardplayer-bs-break) .ardplayer-font-title+.ardplayer-chip,
.ardplayer.ardplayer-xl:not(.ardplayer-bs-break) .ardplayer-font-title+.ardplayer-chip-highlight,
.ardplayer.ardplayer-xl:not(.ardplayer-bs-break) :not(.ardplayer-font-byline)+.ardplayer-font-byline {
    margin-top: 18px
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-xl .ardplayer-chip,
.ardplayer.ardplayer-bs-break.ardplayer-bs-xl .ardplayer-chip-highlight,
.ardplayer.ardplayer-xl:not(.ardplayer-bs-break) .ardplayer-chip,
.ardplayer.ardplayer-xl:not(.ardplayer-bs-break) .ardplayer-chip-highlight {
    font-size: 14px
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-xl .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-title,
.ardplayer.ardplayer-xl:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-title {
    font-size: 26px
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-xl .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper,
.ardplayer.ardplayer-bs-break.ardplayer-bs-xl .ardplayer-bottom-sheet-container .ardplayer-option,
.ardplayer.ardplayer-bs-break.ardplayer-bs-xl .ardplayer-bottom-sheet-container .ardplayer-option-label,
.ardplayer.ardplayer-bs-break.ardplayer-bs-xl .ardplayer-bottom-sheet-container p,
.ardplayer.ardplayer-bs-break.ardplayer-bs-xl .ardplayer-bottom-sheet-container span:not([class]),
.ardplayer.ardplayer-xl:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper,
.ardplayer.ardplayer-xl:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-option,
.ardplayer.ardplayer-xl:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-option-label,
.ardplayer.ardplayer-xl:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container p,
.ardplayer.ardplayer-xl:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container span:not([class]) {
    font-size: 20px
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-xl .ardplayer-bottom-sheet-container button.ardplayer-button-pill,
.ardplayer.ardplayer-xl:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container button.ardplayer-button-pill {
    font-size: 18px;
    line-height: 18px
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-xl .ardplayer-bottom-sheet-container button.ardplayer-button-rect,
.ardplayer.ardplayer-xl:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container button.ardplayer-button-rect {
    font-size: 20px
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-xl .ardplayer-bottom-sheet-container .ardplayer-input-wrapper .ardplayer-input-text,
.ardplayer.ardplayer-bs-break.ardplayer-bs-xl .ardplayer-bottom-sheet-container .ardplayer-input-wrapper.ardplayer-input-small .ardplayer-input-text,
.ardplayer.ardplayer-xl:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-input-wrapper .ardplayer-input-text,
.ardplayer.ardplayer-xl:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-input-wrapper.ardplayer-input-small .ardplayer-input-text {
    font-size: 18px
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-xl .ardplayer-bottom-sheet-container .ardplayer-font-title,
.ardplayer.ardplayer-xl:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-font-title {
    font-size: 26px
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-m .ardplayer-font-byline,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break) .ardplayer-font-byline {
    font-size: 14px;
    line-height: 16.8px
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-m .ardplayer-font-title+.ardplayer-chip,
.ardplayer.ardplayer-bs-break.ardplayer-bs-m .ardplayer-font-title+.ardplayer-chip-highlight,
.ardplayer.ardplayer-bs-break.ardplayer-bs-m :not(.ardplayer-font-byline)+.ardplayer-font-byline,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break) .ardplayer-font-title+.ardplayer-chip,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break) .ardplayer-font-title+.ardplayer-chip-highlight,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break) :not(.ardplayer-font-byline)+.ardplayer-font-byline {
    margin-top: 14px
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-m .ardplayer-chip,
.ardplayer.ardplayer-bs-break.ardplayer-bs-m .ardplayer-chip-highlight,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break) .ardplayer-chip,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break) .ardplayer-chip-highlight {
    font-size: 12px;
    padding: 2px 4px
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-m .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-topbar button,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-topbar button {
    font-size: 48px;
    height: 48px;
    line-height: 48px;
    width: 48px
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-m .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-stage,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-stage {
    min-height: 140px;
    padding: 10px 5%
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-m .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-title,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-title {
    font-size: 20px
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-m .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper {
    font-size: 16px;
    margin-left: 5.5555555556%;
    margin-right: 5.5555555556%
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-m .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper:after,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper:after {
    margin-top: -8px
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-m .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper .ardplayer-bottom-sheet-content,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper .ardplayer-bottom-sheet-content {
    margin-bottom: 80px
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-m .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-stage>.ardplayer-container-horizontal.ardplayer-container-tabs,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-stage>.ardplayer-container-horizontal.ardplayer-container-tabs {
    margin: 0 calc(5.55556% - 20px)
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-m .ardplayer-bottom-sheet-container .ardplayer-option,
.ardplayer.ardplayer-bs-break.ardplayer-bs-m .ardplayer-bottom-sheet-container .ardplayer-option-label,
.ardplayer.ardplayer-bs-break.ardplayer-bs-m .ardplayer-bottom-sheet-container p,
.ardplayer.ardplayer-bs-break.ardplayer-bs-m .ardplayer-bottom-sheet-container span:not([class]),
.ardplayer.ardplayer-m:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-option,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-option-label,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container p,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container span:not([class]) {
    font-size: 16px
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-m .ardplayer-bottom-sheet-container button.ardplayer-button-pill,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container button.ardplayer-button-pill {
    font-size: 14px;
    height: 30px;
    line-height: 14px;
    padding: 7px 15px
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-m .ardplayer-bottom-sheet-container button.ardplayer-button-pill:before,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container button.ardplayer-button-pill:before {
    font-size: 20px;
    line-height: 15px
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-m .ardplayer-bottom-sheet-container button.ardplayer-button-rect,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container button.ardplayer-button-rect {
    font-size: 16px
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-m .ardplayer-bottom-sheet-container button.ardplayer-button-rect.ardplayer-icon-after,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container button.ardplayer-button-rect.ardplayer-icon-after {
    padding-right: 48px
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-m .ardplayer-bottom-sheet-container .ardplayer-input-wrapper,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-input-wrapper {
    border-width: 1px;
    padding: 3px
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-m .ardplayer-bottom-sheet-container .ardplayer-input-wrapper .ardplayer-input-text,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-input-wrapper .ardplayer-input-text {
    font-size: 16px;
    padding: 5px
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-m .ardplayer-bottom-sheet-container .ardplayer-input-wrapper.ardplayer-input-small .ardplayer-input-text,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-input-wrapper.ardplayer-input-small .ardplayer-input-text {
    font-size: 14px
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-m .ardplayer-bottom-sheet-container *+.ardplayer-font-body.ardplayer-font-paragraph,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container *+.ardplayer-font-body.ardplayer-font-paragraph {
    margin-top: 16px
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-m .ardplayer-bottom-sheet-container .ardplayer-font-body>br,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-font-body>br {
    margin-bottom: 16px
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-m .ardplayer-bottom-sheet-container .ardplayer-font-title,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-font-title {
    font-size: 20px
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-m .ardplayer-bottom-sheet-container .ardplayer-select .ardplayer-container-horizontal .ardplayer-option-label,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-select .ardplayer-container-horizontal .ardplayer-option-label {
    flex-basis: 140px;
    flex-basis: clamp(140px, 20%, 180px)
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-m .ardplayer-bottom-sheet-container .ardplayer-option,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-option {
    line-height: normal;
    padding: 4px 6px
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-s .ardplayer-font-byline,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break) .ardplayer-font-byline {
    font-size: 14px;
    line-height: 16.8px
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-s .ardplayer-font-title+.ardplayer-chip,
.ardplayer.ardplayer-bs-break.ardplayer-bs-s .ardplayer-font-title+.ardplayer-chip-highlight,
.ardplayer.ardplayer-bs-break.ardplayer-bs-s :not(.ardplayer-font-byline)+.ardplayer-font-byline,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break) .ardplayer-font-title+.ardplayer-chip,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break) .ardplayer-font-title+.ardplayer-chip-highlight,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break) :not(.ardplayer-font-byline)+.ardplayer-font-byline {
    margin-top: 14px
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-s .ardplayer-chip,
.ardplayer.ardplayer-bs-break.ardplayer-bs-s .ardplayer-chip-highlight,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break) .ardplayer-chip,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break) .ardplayer-chip-highlight {
    font-size: 10px;
    padding: 2px 4px
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-s .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-stage,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-stage {
    padding: 10px;
    top: 0
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-s .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-topbar,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-topbar {
    margin-bottom: 0
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-s .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-topbar button:first-child,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-topbar button:first-child {
    margin-right: -10px
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-s .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-topbar .ardplayer-bottom-sheet-title:first-child,
.ardplayer.ardplayer-bs-break.ardplayer-bs-s .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-topbar button:first-child+.ardplayer-bottom-sheet-title,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-topbar .ardplayer-bottom-sheet-title:first-child,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-topbar button:first-child+.ardplayer-bottom-sheet-title {
    margin-left: 10px
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-s .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper {
    font-size: 16px;
    margin-left: 16px;
    margin-right: 16px;
    margin-top: 0
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-s .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper:before,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper:before {
    display: none
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-s .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper:after,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper:after {
    bottom: 5px
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-s .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper .ardplayer-bottom-sheet-content,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper .ardplayer-bottom-sheet-content {
    margin-bottom: 15px
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-s .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-title,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-title {
    font-size: 20px
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-s .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-stage>.ardplayer-container-horizontal.ardplayer-container-tabs,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-stage>.ardplayer-container-horizontal.ardplayer-container-tabs {
    margin: 0 -4px
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-s .ardplayer-bottom-sheet-container button.ardplayer-button-pill,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container button.ardplayer-button-pill {
    font-size: 14px;
    line-height: 14px
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-s .ardplayer-bottom-sheet-container button.ardplayer-button-rect,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container button.ardplayer-button-rect {
    font-size: 16px
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-s .ardplayer-bottom-sheet-container button.ardplayer-button-rect.ardplayer-icon-after,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container button.ardplayer-button-rect.ardplayer-icon-after {
    padding-right: 40px
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-s .ardplayer-bottom-sheet-container .ardplayer-input-wrapper .ardplayer-input-text,
.ardplayer.ardplayer-bs-break.ardplayer-bs-s .ardplayer-bottom-sheet-container .ardplayer-option,
.ardplayer.ardplayer-bs-break.ardplayer-bs-s .ardplayer-bottom-sheet-container .ardplayer-option-label,
.ardplayer.ardplayer-bs-break.ardplayer-bs-s .ardplayer-bottom-sheet-container p,
.ardplayer.ardplayer-bs-break.ardplayer-bs-s .ardplayer-bottom-sheet-container span:not([class]),
.ardplayer.ardplayer-s:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-input-wrapper .ardplayer-input-text,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-option,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-option-label,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container p,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container span:not([class]) {
    font-size: 16px
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-s .ardplayer-bottom-sheet-container .ardplayer-input-wrapper.ardplayer-input-small .ardplayer-input-text,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-input-wrapper.ardplayer-input-small .ardplayer-input-text {
    font-size: 14px
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-s .ardplayer-bottom-sheet-container *+.ardplayer-font-body.ardplayer-font-paragraph,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container *+.ardplayer-font-body.ardplayer-font-paragraph {
    margin-top: 13px
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-s .ardplayer-bottom-sheet-container .ardplayer-font-body>br,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-font-body>br {
    margin-bottom: 13px
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-s .ardplayer-bottom-sheet-container .ardplayer-input-wrapper,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-input-wrapper {
    border: none;
    border-radius: 0;
    padding: 0
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-s .ardplayer-bottom-sheet-container .ardplayer-container-horizontal,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-container-horizontal {
    margin-top: 10px
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-s .ardplayer-bottom-sheet-container .ardplayer-select .ardplayer-container-horizontal .ardplayer-option-label,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-select .ardplayer-container-horizontal .ardplayer-option-label {
    flex-basis: unset
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-xs .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-stage,
.ardplayer.ardplayer-xs:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-stage {
    padding: 0
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-xs .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper,
.ardplayer.ardplayer-xs:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper {
    margin-left: 16px;
    margin-right: 16px
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-xs .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper:after,
.ardplayer.ardplayer-xs:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper:after {
    bottom: 12px
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-xs .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-stage>.ardplayer-container-horizontal.ardplayer-container-tabs,
.ardplayer.ardplayer-xs:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-stage>.ardplayer-container-horizontal.ardplayer-container-tabs {
    margin: 0 -4px
}

.ardplayer.ardplayer-bs-break:not(.ardplayer-bs-m) .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper .ardplayer-bottom-sheet-content>.ardplayer-font-body,
.ardplayer.ardplayer-bs-break:not(.ardplayer-bs-m) .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper .ardplayer-bottom-sheet-content>.ardplayer-font-byline,
.ardplayer.ardplayer-bs-break:not(.ardplayer-bs-m) .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper .ardplayer-bottom-sheet-content>.ardplayer-font-paragraph,
.ardplayer.ardplayer-bs-break:not(.ardplayer-bs-m) .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper .ardplayer-bottom-sheet-content>.ardplayer-font-title,
.ardplayer.ardplayer:not(.ardplayer-m):not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper .ardplayer-bottom-sheet-content>.ardplayer-font-body,
.ardplayer.ardplayer:not(.ardplayer-m):not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper .ardplayer-bottom-sheet-content>.ardplayer-font-byline,
.ardplayer.ardplayer:not(.ardplayer-m):not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper .ardplayer-bottom-sheet-content>.ardplayer-font-paragraph,
.ardplayer.ardplayer:not(.ardplayer-m):not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper .ardplayer-bottom-sheet-content>.ardplayer-font-title {
    max-width: 75%
}

.ardplayer.ardplayer-show-bottom-sheet .ardplayer-bottom-sheet-container-toggle {
    pointer-events: auto;
    visibility: visible
}

.ardplayer.ardplayer-show-bottom-sheet .ardplayer-bottom-sheet-container-toggle .ardplayer-bottom-sheet-background {
    background-color: var(--ardplayer-color-ui-background-shim)
}

.ardplayer.ardplayer-show-bottom-sheet .ardplayer-bottom-sheet-container-toggle .ardplayer-bottom-sheet-stage {
    animation: ardplayer-modal-reveal-stage .5s cubic-bezier(0, 0, .01, 1);
    transform: translateY(0)
}

.ardplayer.ardplayer-show-bottom-sheet .ardplayer-bottom-sheet-container-toggle .ardplayer-bottom-sheet-content-wrapper,
.ardplayer.ardplayer-show-bottom-sheet .ardplayer-bottom-sheet-container-toggle .ardplayer-bottom-sheet-topbar {
    animation: ardplayer-modal-reveal-content .25s cubic-bezier(0, 0, .01, 1) .25s;
    animation-fill-mode: backwards
}

.ardplayer.ardplayer-show-bottom-sheet .ardplayer-background {
    opacity: 1
}

.ardplayer.ardplayer-show-focus-outlines .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper .ardplayer-option:focus,
.ardplayer.ardplayer-show-focus-outlines .ardplayer-bottom-sheet-container button.ardplayer-button-pill:focus {
    background-color: var(--ardplayer-color-primary)
}

.ardplayer .ardplayer-bottom-sheet-horizontal-scroller {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal {
    margin-left: -5.5555555556%;
    margin-right: -5.5555555556%;
    overflow-x: scroll;
    overflow-y: hidden
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal .ardplayer-bottom-sheet-horizontal-padding {
    flex-shrink: 0;
    height: 5px;
    width: 10.5555555556%
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal .ardplayer-bottom-sheet-content {
    margin-bottom: 10px
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal:before {
    display: none
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal:after {
    background: linear-gradient(to right, var(--ardplayer-color-primary-dark-transparent-100), var(--ardplayer-color-primary-dark));
    bottom: 0;
    content: " ";
    display: block;
    height: unset;
    left: unset;
    margin-top: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 5%
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal .ardplayer-bottom-sheet-horizontal-gutter {
    align-self: center;
    background-color: var(--ardplayer-color-secondary-transparent-30);
    border-radius: 100%;
    height: 80px;
    position: fixed;
    z-index: 1
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal .ardplayer-bottom-sheet-horizontal-gutter.ardplayer-icon-arrowleft {
    left: 16px
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal .ardplayer-bottom-sheet-horizontal-gutter.ardplayer-icon-arrowright {
    right: 16px
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal .ardplayer-bottom-sheet-horizontal-gutter,
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal .ardplayer-bottom-sheet-horizontal-gutter:before {
    font-size: 46px;
    width: 80px
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-m .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal {
    margin-left: -5.5555555556%;
    margin-right: -5.5555555556%
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-m .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal .ardplayer-bottom-sheet-content,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal .ardplayer-bottom-sheet-content {
    margin-bottom: 10px
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-m .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal .ardplayer-bottom-sheet-horizontal-padding,
.ardplayer.ardplayer-bs-break.ardplayer-bs-m .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal:after,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal .ardplayer-bottom-sheet-horizontal-padding,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal:after {
    width: 10.5555555556%
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-m .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal .ardplayer-bottom-sheet-horizontal-gutter,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal .ardplayer-bottom-sheet-horizontal-gutter {
    height: 56px
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-m .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal .ardplayer-bottom-sheet-horizontal-gutter,
.ardplayer.ardplayer-bs-break.ardplayer-bs-m .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal .ardplayer-bottom-sheet-horizontal-gutter:before,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal .ardplayer-bottom-sheet-horizontal-gutter,
.ardplayer.ardplayer-m:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal .ardplayer-bottom-sheet-horizontal-gutter:before {
    font-size: 32px;
    width: 56px
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-s .ardplayer-bottom-sheet-horizontal-scroller,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-horizontal-scroller {
    height: 100%
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-s .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal {
    height: calc(100% - 35px);
    margin-left: -10px;
    margin-right: -10px;
    overflow-y: hidden
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-s .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal .ardplayer-bottom-sheet-content,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal .ardplayer-bottom-sheet-content {
    height: 100%
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-s .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal .ardplayer-bottom-sheet-horizontal-padding,
.ardplayer.ardplayer-bs-break.ardplayer-bs-s .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal:after,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal .ardplayer-bottom-sheet-horizontal-padding,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal:after {
    width: 26px
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-s .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal .ardplayer-bottom-sheet-horizontal-gutter,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal .ardplayer-bottom-sheet-horizontal-gutter {
    height: 48px
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-s .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal .ardplayer-bottom-sheet-horizontal-gutter,
.ardplayer.ardplayer-bs-break.ardplayer-bs-s .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal .ardplayer-bottom-sheet-horizontal-gutter:before,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal .ardplayer-bottom-sheet-horizontal-gutter,
.ardplayer.ardplayer-s:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal .ardplayer-bottom-sheet-horizontal-gutter:before {
    font-size: 25px;
    width: 48px
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-xs .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal,
.ardplayer.ardplayer-xs:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal {
    margin-left: 0;
    margin-right: 0
}

.ardplayer.ardplayer-bs-break.ardplayer-bs-xs .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal .ardplayer-bottom-sheet-horizontal-padding,
.ardplayer.ardplayer-xs:not(.ardplayer-bs-break) .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal .ardplayer-bottom-sheet-horizontal-padding {
    width: 16px
}

.ardplayer button.ardplayer-icon-settings-hd,
.ardplayer button.ardplayer-icon-settings-hd-off {
    position: relative
}

.ardplayer button.ardplayer-icon-settings-hd-off:after,
.ardplayer button.ardplayer-icon-settings-hd:after {
    background-color: var(--ardplayer-color-dark);
    border-radius: 2px;
    color: var(--ardplayer-color-lightest);
    content: "HD";
    display: block;
    font-size: 13% !important;
    font-weight: 700;
    height: unset !important;
    left: 55%;
    line-height: normal !important;
    padding: 1px 3px;
    position: absolute;
    top: 27%;
    width: unset !important
}

.ardplayer button.ardplayer-icon-settings-hd:after {
    background-color: var(--ardplayer-color-tertiary)
}

.ardplayer .ardplayer-icon-after:after {
    font-family: ardplayer !important;
    font-style: normal;
    font-weight: 400 !important;
    vertical-align: top
}

.ardplayer .ardplayer-icon-after-blank:before,
.ardplayer .ardplayer-icon-blank:before {
    content: " "
}

.ardplayer .ardplayer-debugger-container {
    grid-gap: 5px;
    background-color: var(--ardplayer-color-primary-dark);
    border: 1px solid var(--ardplayer-color-primary-transparent-30);
    color: var(--ardplayer-color-lightest);
    cursor: auto;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: start;
    margin: 10px;
    max-width: calc(100% - 20px);
    min-width: max(250px, 25%);
    padding: 10px;
    position: fixed;
    z-index: 20
}

.ardplayer .ardplayer-debugger-container>span {
    align-self: center;
    font-size: 11px;
    font-weight: 700;
    justify-self: end
}

.ardplayer .ardplayer-debugger-container>div {
    align-self: center;
    font-size: 11px;
    justify-self: start;
    line-break: anywhere
}

.ardplayer .ardplayer-debugger-container>div.debug-id {
    align-self: end;
    cursor: pointer;
    font-size: 8px;
    justify-self: end;
    text-align: end
}

.ardplayer .ardplayer-debugger-container .ardplayer-icon-close {
    height: 20px;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px
}

.ardplayer .ardplayer-debugger-container .ardplayer-icon-close:before {
    font-size: 20px;
    height: 20px;
    line-height: 20px;
    width: 20px
}

.ardplayer .ardplayer-debugger-container .ardplayer-debug-graph {
    position: relative
}

.ardplayer .ardplayer-debugger-container .ardplayer-debug-graph canvas {
    -ms-interpolation-mode: nearest-neighbor;
    imageSmoothingEnabled: true;
    mozImageSmoothingEnabled: true;
    webkitImageSmoothingEnabled: true;
    backface-visibility: hidden;
    background: transparent;
    border: 1px solid var(--ardplayer-color-primary-transparent-30);
    display: inline-block;
    image-rendering: optimizeSpeed;
    image-rendering: -webkit-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: pixelated;
    -ms-perspective: 1000px;
    perspective: 1000px;
    text-rendering: geometricPrecision;
    transform: translateZ(0)
}

.ardplayer .ardplayer-debugger-container .ardplayer-debug-graph canvas+span {
    background-color: var(--ardplayer-color-primary-dark-transparent-50);
    border-radius: 6px;
    padding: 2px;
    position: absolute;
    right: 5px;
    top: 5px
}

.ardplayer .ardplayer-debugger-container .ardplayer-debug-graph p {
    border: 1px solid var(--ardplayer-color-primary-transparent-30);
    bottom: -4px;
    display: none;
    line-height: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0
}

.ardplayer .ardplayer-debugger-container .ardplayer-debug-graph p span {
    display: inline-block;
    height: 5px;
    width: 5px
}

.ardplayer .ardplayer-debugger-container .ardplayer-debug-graph p.ardplayer-legend-vertical {
    bottom: unset;
    display: block;
    right: -6px;
    top: 0
}

.ardplayer .ardplayer-debugger-container .ardplayer-debug-graph p.ardplayer-legend-vertical span {
    display: block
}

.ardplayer .ardplayer-debugger-container label:focus-within {
    background-color: var(--ardplayer-color-primary)
}

.ardplayer.ardplayer-s .ardplayer-debugger-container {
    grid-gap: 2px;
    margin: 3px;
    max-width: 100%;
    padding: 3px
}

.ardplayer.ardplayer-s .ardplayer-debugger-container>div,
.ardplayer.ardplayer-s .ardplayer-debugger-container>span {
    font-size: 8px
}

.ardplayer.ardplayer-state-embedded .ardplayer-debugger-container {
    position: absolute;
    top: 0
}

.ardplayer.ardplayer-state-embedded.ardplayer-s .ardplayer-debugger-container {
    left: 0
}

.ardplayer .ardplayer-untertitel {
    font-family: Thesis, The Sans, TheSans, sans-serif, Helvetica Neue, Arial;
    height: 56.25%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

@keyframes ardplayer-seek-transition-forward {
    0% {
        opacity: 0
    }

    50% {
        opacity: .7
    }

    to {
        opacity: 0;
        transform: translateX(-50%) scale(2)
    }
}

@keyframes ardplayer-seek-transition-back {
    0% {
        opacity: 0
    }

    50% {
        opacity: .7
    }

    to {
        opacity: 0;
        transform: translateX(50%) scale(2)
    }
}

.ardplayer .ardplayer-seeking-indicator {
    backface-visibility: hidden;
    bottom: 0;
    display: none;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(0) scale(1);
    will-change: opacity, transform
}

.ardplayer .ardplayer-seeking-indicator.ardplayer-seek-anim-forward {
    animation: ardplayer-seek-transition-forward .5s ease-out;
    display: block;
    transform-origin: right
}

.ardplayer .ardplayer-seeking-indicator.ardplayer-seek-anim-forward>div {
    transform: scale(1.5) translateX(60%)
}

.ardplayer .ardplayer-seeking-indicator.ardplayer-seek-anim-back {
    animation: ardplayer-seek-transition-back .5s ease-out;
    display: block;
    transform-origin: left
}

.ardplayer .ardplayer-seeking-indicator.ardplayer-seek-anim-back>div {
    transform: scale(1.5) translateX(-60%)
}

.ardplayer .ardplayer-seeking-indicator div {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ardplayer .ardplayer-seeking-indicator div div {
    background-color: var(--ardplayer-color-lightest-transparent-50);
    border-radius: 100%;
    height: 0;
    left: 50%;
    padding-top: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 50%
}

.ardplayer .ardplayer-seeking-indicator div div div {
    padding-top: 75%;
    width: 75%
}

@media(prefers-reduced-motion) {

    .ardplayer .ardplayer-seeking-indicator.ardplayer-seek-anim-back,
    .ardplayer .ardplayer-seeking-indicator.ardplayer-seek-anim-forward {
        display: none
    }
}

.ardplayer .ardplayer-cast-label {
    background: rgba(0, 0, 0, .5);
    border-radius: 25px;
    display: inline-block;
    left: 50%;
    line-height: 50px;
    max-width: 80%;
    overflow: hidden;
    padding: 0 25px;
    position: absolute;
    text-align: center;
    text-overflow: ellipsis;
    top: 15px;
    transform: translateX(-50%);
    white-space: nowrap;
    z-index: 1
}

.ardplayer .ardplayer-cast-label b {
    font-weight: 900
}

.ardplayer.ardplayer-s .ardplayer-cast-label {
    top: 40px
}

.ardplayer.ardplayer-state-airplay .ardplayer-cast-label,
.ardplayer.ardplayer-state-audio .ardplayer-cast-label {
    display: none
}

body.ardplayer-safari-noscroll {
    overflow: hidden !important
}

.ardplayer.ardplayer-state-completed .ardplayer-btn-airplay {
    display: none
}

.ardplayer .ardplayer-btn-airplay.active {
    color: var(--ardplayer-color-primary)
}

.ardplayer .ardplayer-btn-airplay:disabled {
    cursor: default;
    opacity: .5
}

.ardplayer video::-internal-media-controls-overlay-cast-button {
    display: none
}

.ardplayer .cast-wrapper-hide,
.ardplayer.ardplayer-state-completed .ardplayer-btn-chromecast {
    display: none
}

.ardplayer .ardplayer-btn-chromecast.active {
    color: var(--ardplayer-color-primary)
}

.ardplayer .ardplayer-btn-chromecast:disabled {
    cursor: default;
    opacity: .5
}

.ardplayer .ardplayer-addon-recos-teaser {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin-right: 10px;
    position: relative
}

.ardplayer .ardplayer-addon-recos-teaser+.ardplayer-bottom-sheet-horizontal-padding {
    margin-left: -10px
}

.ardplayer .ardplayer-addon-recos-teaser img {
    background: var(--ardplayer-color-primary-dark);
    border-radius: 2px;
    height: 171px;
    width: 304px
}

.ardplayer .ardplayer-addon-recos-teaser h3 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-box-pack: end;
    color: var(--ardplayer-color-lightest);
    display: -webkit-box;
    font-size: 20px;
    line-height: normal;
    margin: 0 0 10px;
    max-width: 304px;
    overflow: hidden;
    padding: 13px 6px 0;
    white-space: normal
}

.ardplayer .ardplayer-addon-recos-teaser div {
    margin: 0 !important;
    max-width: 304px;
    overflow: hidden;
    padding: 0 6px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ardplayer .ardplayer-addon-recos-teaser .ardplayer-recos-teaser-availability,
.ardplayer .ardplayer-addon-recos-teaser .ardplayer-recos-teaser-time {
    position: absolute;
    top: 4px
}

.ardplayer .ardplayer-addon-recos-teaser .ardplayer-recos-teaser-time {
    background: transparent;
    padding-right: 0;
    right: 3px
}

.ardplayer .ardplayer-addon-recos-teaser .ardplayer-recos-teaser-availability {
    left: 3px
}

.ardplayer .ardplayer-addon-recos-teaser .ardplayer-recos-teaser-spacer {
    flex-grow: 1
}

.ardplayer .ardplayer-addon-recos-autoplay-buttons,
.ardplayer .ardplayer-addon-recos-timeout {
    display: none
}

.ardplayer .ardplayer-bottom-sheet-content .ardplayer-addon-recos-teaser {
    cursor: pointer;
    padding-bottom: 3px
}

.ardplayer .ardplayer-bottom-sheet-content .ardplayer-addon-recos-teaser:focus,
.ardplayer .ardplayer-bottom-sheet-content .ardplayer-addon-recos-teaser:hover {
    background-color: var(--ardplayer-color-tertiary-dark)
}

@media(pointer:coarse) {
    .ardplayer .ardplayer-bottom-sheet-content .ardplayer-addon-recos-teaser:hover:not(:focus) {
        background-color: unset
    }
}

.ardplayer .ardplayer-bottom-sheet-content .ardplayer-addon-recos-teaser .ardplayer-recos-teaser-availability,
.ardplayer .ardplayer-bottom-sheet-content .ardplayer-addon-recos-teaser .ardplayer-recos-teaser-time {
    top: 7px
}

.ardplayer .ardplayer-bottom-sheet-content .ardplayer-addon-recos-teaser .ardplayer-recos-teaser-time {
    background: transparent;
    right: 6px
}

.ardplayer .ardplayer-bottom-sheet-content .ardplayer-addon-recos-teaser .ardplayer-recos-teaser-availability {
    left: 6px
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-addon-recos-container {
    padding-top: 10px
}

.ardplayer .ardplayer-addon-recommendation-sheet-autoplay .ardplayer-addon-recos-container:not(.ardplayer-addon-recos-noautoplay) .ardplayer-bottom-sheet-horizontal-gutter {
    display: none
}

.ardplayer .ardplayer-addon-recommendation-sheet-autoplay .ardplayer-addon-recos-timeout {
    font-size: 20px
}

.ardplayer .ardplayer-addon-recommendation-sheet-autoplay .ardplayer-addon-recos-timeout span {
    color: var(--ardplayer-color-primary);
    font-size: inherit;
    font-weight: 700;
    margin-left: 3px
}

.ardplayer .ardplayer-addon-recommendation-sheet-autoplay .ardplayer-addon-recos-container>.ardplayer-addon-recos-timeout {
    display: block;
    left: 10.5555555556%;
    position: absolute;
    top: 0
}

.ardplayer .ardplayer-addon-recommendation-sheet-autoplay .ardplayer-addon-recos-container {
    margin-top: 25px
}

.ardplayer .ardplayer-addon-recommendation-sheet-autoplay .ardplayer-addon-recos-autoplay-buttons {
    display: block;
    max-width: 350px
}

.ardplayer .ardplayer-addon-recommendation-sheet-autoplay .ardplayer-addon-recos-autoplay-buttons>div {
    display: flex;
    flex-direction: column;
    margin: 15px 50px 0 30px;
    position: relative
}

.ardplayer .ardplayer-addon-recommendation-sheet-autoplay .ardplayer-addon-recos-autoplay-buttons>div:after {
    background: var(--ardplayer-color-dark);
    bottom: 7px;
    content: " ";
    display: block;
    position: absolute;
    right: 0;
    top: 7px;
    width: 1px
}

.ardplayer .ardplayer-addon-recommendation-sheet-autoplay .ardplayer-addon-recos-autoplay-buttons>div button {
    margin-right: 50px;
    white-space: nowrap
}

.ardplayer .ardplayer-addon-recommendation-sheet-autoplay .ardplayer-addon-recos-autoplay-buttons>div button+button {
    margin-top: 15px
}

.ardplayer .ardplayer-addon-recommendation-sheet-autoplay .ardplayer-addon-recos-container.ardplayer-addon-recos-noautoplay {
    margin-top: 0;
    transition: margin-top .2s
}

.ardplayer .ardplayer-addon-recommendation-sheet-autoplay .ardplayer-addon-recos-container.ardplayer-addon-recos-noautoplay .ardplayer-addon-recos-timeout {
    display: none
}

.ardplayer .ardplayer-addon-recommendation-sheet-autoplay .ardplayer-addon-recos-container.ardplayer-addon-recos-noautoplay .ardplayer-addon-recos-autoplay-buttons {
    max-width: 0;
    transition: max-width .2s, visibility .2s;
    visibility: hidden
}

.ardplayer .ardplayer-addon-recommendation-sheet-autoplay .ardplayer-addon-recos-container.ardplayer-addon-recos-noautoplay .ardplayer-addon-recos-autoplay-buttons div {
    overflow: hidden
}

.ardplayer.ardplayer-m .ardplayer-addon-recos-teaser img {
    height: 117px;
    width: 208px
}

.ardplayer.ardplayer-m .ardplayer-addon-recos-teaser h3 {
    font-size: 16px;
    max-width: 208px;
    padding: 9px 2px 4px
}

.ardplayer.ardplayer-m .ardplayer-addon-recos-teaser div {
    max-width: 208px;
    padding: 2px
}

.ardplayer.ardplayer-m .ardplayer-bottom-sheet-content .ardplayer-addon-recos-teaser {
    padding-bottom: 2px
}

.ardplayer.ardplayer-m .ardplayer-addon-recommendation-sheet-autoplay .ardplayer-addon-recos-timeout {
    font-size: 16px
}

.ardplayer.ardplayer-m .ardplayer-addon-recommendation-sheet-autoplay .ardplayer-addon-recos-timeout span {
    margin-left: 1px
}

.ardplayer.ardplayer-m .ardplayer-addon-recommendation-sheet-autoplay .ardplayer-addon-recos-container {
    margin-top: 17px
}

.ardplayer.ardplayer-m .ardplayer-addon-recommendation-sheet-autoplay .ardplayer-addon-recos-autoplay-buttons {
    max-width: 350px
}

.ardplayer.ardplayer-m .ardplayer-addon-recommendation-sheet-autoplay .ardplayer-addon-recos-autoplay-buttons>div {
    margin: 24px 30px 0 15px
}

.ardplayer.ardplayer-m .ardplayer-addon-recommendation-sheet-autoplay .ardplayer-addon-recos-autoplay-buttons>div:after {
    bottom: -10px;
    top: -10px
}

.ardplayer.ardplayer-m .ardplayer-addon-recommendation-sheet-autoplay .ardplayer-addon-recos-autoplay-buttons>div button {
    margin-right: 30px
}

.ardplayer.ardplayer-m .ardplayer-addon-recommendation-sheet-autoplay .ardplayer-addon-recos-autoplay-buttons>div button+button {
    margin-top: 7px
}

.ardplayer.ardplayer-m .ardplayer-addon-recommendation-sheet-autoplay .ardplayer-addon-recos-container.ardplayer-addon-recos-noautoplay {
    margin-top: 0;
    transition: margin-top .2s
}

.ardplayer.ardplayer-m .ardplayer-addon-recommendation-sheet-autoplay .ardplayer-addon-recos-container.ardplayer-addon-recos-noautoplay .ardplayer-addon-recos-timeout {
    display: none
}

.ardplayer.ardplayer-m .ardplayer-addon-recommendation-sheet-autoplay .ardplayer-addon-recos-container.ardplayer-addon-recos-noautoplay .ardplayer-addon-recos-autoplay-buttons {
    max-width: 0;
    transition: max-width .2s, visibility .2s;
    visibility: hidden
}

.ardplayer.ardplayer-m .ardplayer-addon-recommendation-sheet-autoplay .ardplayer-addon-recos-container.ardplayer-addon-recos-noautoplay .ardplayer-addon-recos-autoplay-buttons div {
    overflow: hidden
}

.ardplayer.ardplayer-m .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-recommendation-sheet .ardplayer-addon-recos-timeout {
    left: 10.5555555556%
}

.ardplayer.ardplayer-s .ardplayer-addon-recos-teaser img {
    height: 108px;
    width: 192px
}

.ardplayer.ardplayer-s .ardplayer-addon-recos-teaser h3 {
    font-size: 16px;
    max-width: 192px;
    padding: 9px 0 4px
}

.ardplayer.ardplayer-s .ardplayer-addon-recos-teaser .ardplayer-recos-teaser-spacer,
.ardplayer.ardplayer-s .ardplayer-addon-recos-teaser div {
    display: none
}

.ardplayer.ardplayer-s .ardplayer-addon-recommendation-sheet-autoplay .ardplayer-addon-recos-container {
    margin-top: 0
}

.ardplayer.ardplayer-s .ardplayer-addon-recommendation-sheet-autoplay .ardplayer-addon-recos-container>.ardplayer-addon-recos-timeout {
    display: none
}

.ardplayer.ardplayer-s .ardplayer-addon-recommendation-sheet-autoplay .ardplayer-addon-recos-teaser img {
    transition: width .2s, height .2s
}

.ardplayer.ardplayer-s .ardplayer-addon-recommendation-sheet-autoplay .ardplayer-addon-recos-autoplay-buttons div {
    margin-right: 4px;
    margin-top: 0
}

.ardplayer.ardplayer-s .ardplayer-addon-recommendation-sheet-autoplay .ardplayer-addon-recos-autoplay-buttons div .ardplayer-addon-recos-timeout {
    display: block;
    font-size: 16px;
    margin-right: 5px
}

.ardplayer.ardplayer-s .ardplayer-addon-recommendation-sheet-autoplay .ardplayer-addon-recos-autoplay-buttons div button {
    margin-right: 5px;
    margin-top: 7px
}

.ardplayer.ardplayer-s .ardplayer-addon-recommendation-sheet-autoplay .ardplayer-addon-recos-autoplay-buttons div:after,
.ardplayer.ardplayer-s .ardplayer-addon-recommendation-sheet-autoplay .ardplayer-addon-recos-container:not(.ardplayer-addon-recos-noautoplay) .ardplayer-addon-recos-autoplay-buttons~.ardplayer-addon-recos-teaser,
.ardplayer.ardplayer-s .ardplayer-addon-recommendation-sheet-autoplay .ardplayer-addon-recos-container:not(.ardplayer-addon-recos-noautoplay) .ardplayer-bottom-sheet-horizontal-gutter {
    display: none
}

.ardplayer.ardplayer-s .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-recommendation-sheet .ardplayer-addon-recos-timeout {
    left: 26px
}

.ardplayer.ardplayer-s:not(.ardplayer-xs) .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-recommendation-sheet .ardplayer-addon-recos-container.ardplayer-addon-recos-noautoplay,
.ardplayer.ardplayer-s:not(.ardplayer-xs) .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-recommendation-sheet:not(.ardplayer-addon-recommendation-sheet-autoplay) .ardplayer-addon-recos-container {
    align-items: baseline
}

.ardplayer.ardplayer-xs .ardplayer-addon-recos-teaser img {
    height: 90px;
    width: 160px
}

.ardplayer.ardplayer-xs .ardplayer-addon-recos-teaser h3 {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 160px
}

.ardplayer.ardplayer-xs .ardplayer-bottom-sheet-container .ardplayer-addon-recos-container {
    padding-top: 0
}

.ardplayer:not(.ardplayer-s).ardplayer-show-bottom-sheet .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-recommendation-sheet {
    padding-bottom: 30px
}

.ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal.ardplayer-addon-recommendation-sheet .ardplayer-bottom-sheet-horizontal-padding,
.ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal.ardplayer-addon-recommendation-sheet:after {
    width: 30px
}

.ardplayer-m .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal.ardplayer-addon-recommendation-sheet .ardplayer-bottom-sheet-horizontal-padding,
.ardplayer-m .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal.ardplayer-addon-recommendation-sheet:after {
    width: 24px
}

.ardplayer-s .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal.ardplayer-addon-recommendation-sheet .ardplayer-bottom-sheet-horizontal-padding,
.ardplayer-s .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal.ardplayer-addon-recommendation-sheet:after,
.ardplayer-xs .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal.ardplayer-addon-recommendation-sheet .ardplayer-bottom-sheet-horizontal-padding,
.ardplayer-xs .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal.ardplayer-addon-recommendation-sheet:after {
    width: 10px
}

.ardplayer-xs .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal.ardplayer-addon-recommendation-sheet .ardplayer-addon-recos-container {
    align-items: flex-start
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-playlist-sheet .ardplayer-bottom-sheet-content {
    min-height: 264px
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-playlist-sheet p br {
    margin: 0
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-playlist-sheet .ardplayer-playlist-item {
    align-items: center;
    border-radius: 3px;
    cursor: pointer;
    flex-wrap: nowrap;
    margin: 0;
    min-height: 48px;
    transition: background-color .15s ease-in-out;
    width: 100%
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-playlist-sheet .ardplayer-playlist-item.ardplayer-playlist-item-current {
    background-color: hsla(0, 0%, 100%, .188)
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-playlist-sheet .ardplayer-playlist-item:hover {
    background-color: var(--ardplayer-color-primary)
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-playlist-sheet .ardplayer-playlist-item>* {
    flex-shrink: 0;
    overflow: hidden;
    white-space: nowrap
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-playlist-sheet .ardplayer-playlist-item span.ardplayer-playlist-item-number {
    min-width: 60px;
    padding: 6px 6px 6px 15px;
    text-align: left
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-playlist-sheet .ardplayer-playlist-item span.ardplayer-icon {
    font-size: 0;
    padding: 0
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-playlist-sheet .ardplayer-playlist-item span.ardplayer-icon:before {
    font-size: 48px
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-playlist-sheet .ardplayer-playlist-item span.ardplayer-playlist-item-duration {
    min-width: 48px;
    padding: 6px;
    text-align: center
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-playlist-sheet .ardplayer-playlist-item span.ardplayer-playlist-item-duration:last-child {
    padding-right: 15px
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-playlist-sheet .ardplayer-playlist-item .ardplayer-playlist-item-title {
    flex-grow: 1;
    flex-shrink: 1;
    font-weight: 700;
    line-height: normal;
    text-overflow: ellipsis
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-playlist-sheet .ardplayer-playlist-item button {
    color: var(--ardplayer-color-lightest) !important
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-playlist-sheet .ardplayer-playlist-item button,
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-playlist-sheet .ardplayer-playlist-item button:after,
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-playlist-sheet .ardplayer-playlist-item button:before {
    font-size: 35px
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-playlist-sheet i.ardplayer-icon {
    background-color: var(--ardplayer-color-tertiary) !important;
    border-radius: 100%;
    font-size: 96px;
    height: 96px;
    line-height: 96px;
    margin-bottom: 48px;
    margin-top: 20px;
    width: 96px
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-playlist-sheet .ardplayer-container-horizontal.ardplayer-playlist-empty {
    margin-top: 0;
    text-align: center
}

.ardplayer .ardplayer-addon-playlist-coming-up {
    align-items: center;
    background: var(--ardplayer-color-primary-dark);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: 16px;
    height: 48px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: left;
    transform: translateY(100%);
    transition: visibility .6s ease-in-out, transform .6s ease-in-out, z-index .6s linear;
    visibility: hidden;
    will-change: transform, visibility, z-index;
    z-index: -100
}

.ardplayer .ardplayer-addon-playlist-coming-up p {
    flex-grow: 1;
    flex-shrink: 1;
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ardplayer .ardplayer-addon-playlist-coming-up:before {
    content: "Nächste Episode";
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    font-weight: 700;
    margin: 0 10px
}

.ardplayer .ardplayer-addon-playlist-coming-up button {
    flex-grow: 0;
    flex-shrink: 0
}

.ardplayer.ardplayer-state-audio.ardplayer-state-coming-up .ardplayer-footer .ardplayer-time-playhead,
.ardplayer.ardplayer-state-audio.ardplayer-state-coming-up .ardplayer-footer .ardplayer-time-remaining,
.ardplayer.ardplayer-state-audio.ardplayer-state-coming-up .ardplayer-footer:before {
    opacity: 0 !important;
    visibility: hidden !important
}

.ardplayer.ardplayer-state-audio .ardplayer-addon-playlist-coming-up {
    bottom: 84px
}

.ardplayer.ardplayer-state-audio-sticky .ardplayer-addon-playlist-coming-up {
    position: fixed
}

.ardplayer.ardplayer-state-coming-up .ardplayer-addon-playlist-coming-up {
    transform: unset;
    visibility: visible;
    z-index: 0
}

.ardplayer.ardplayer-m .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-playlist-sheet .ardplayer-playlist-item span.ardplayer-playlist-item-number {
    min-width: 48px
}

.ardplayer.ardplayer-m .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-playlist-sheet .ardplayer-playlist-item button,
.ardplayer.ardplayer-m .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-playlist-sheet .ardplayer-playlist-item button:after,
.ardplayer.ardplayer-m .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-playlist-sheet .ardplayer-playlist-item button:before {
    font-size: 30px
}

.ardplayer.ardplayer-m .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-playlist-sheet i.ardplayer-icon {
    font-size: 80px;
    height: 80px;
    line-height: 80px;
    margin-bottom: 40px;
    width: 80px
}

.ardplayer.ardplayer-s .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-playlist-sheet .ardplayer-playlist-item {
    margin: 0
}

.ardplayer.ardplayer-s .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-playlist-sheet .ardplayer-playlist-item>span {
    font-size: 14px
}

.ardplayer.ardplayer-s .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-playlist-sheet .ardplayer-playlist-item span.ardplayer-icon {
    font-size: 0
}

.ardplayer.ardplayer-s .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-playlist-sheet .ardplayer-playlist-item .ardplayer-playlist-item-title {
    font-size: 14px;
    font-weight: 400
}

.ardplayer.ardplayer-s .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-playlist-sheet i.ardplayer-icon {
    font-size: 56px;
    height: 56px;
    line-height: 56px;
    margin-bottom: 28px;
    width: 56px
}

.ardplayer.ardplayer-s .ardplayer-addon-playlist-coming-up,
.ardplayer.ardplayer-s .ardplayer-addon-playlist-coming-up p {
    font-size: 16px
}

.ardplayer.ardplayer-show-focus-outlines .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper .ardplayer-playlist-item:focus {
    background-color: var(--ardplayer-color-primary)
}

a.ardplayer-sharing-button {
    color: var(--ardplayer-color-lightest) !important;
    display: inline-block;
    font-size: 20px;
    line-height: 20px;
    margin: 60px 30px 80px 0;
    text-align: center;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 96px
}

a.ardplayer-sharing-button:before {
    background-color: var(--ardplayer-color-tertiary) !important;
    border-radius: 100%;
    display: inline-block;
    font-size: 96px;
    height: 96px;
    line-height: 96px;
    margin-bottom: 13.3333333333px;
    width: 96px
}

a.ardplayer-sharing-button:focus:before,
a.ardplayer-sharing-button:hover:before {
    background-color: var(--ardplayer-color-primary) !important
}

.ardplayer-sharing-time-container {
    align-items: center
}

.ardplayer-sharing-time-container .ardplayer-sharing-time-label {
    margin: 0 10px 0 20px
}

.ardplayer-sharing-time-container .ardplayer-input-wrapper:last-child {
    border: none !important
}

.ardplayer-sharing-disabled .ardplayer-input-wrapper:not(:last-child) {
    border-color: var(--ardplayer-color-primary-transparent-50) !important;
    color: var(--ardplayer-color-primary-transparent-50) !important;
    cursor: default
}

.ardplayer-sharing-slider-container .ardplayer-iocontrolbar-range {
    background-color: transparent !important
}

.ardplayer-sharing-slider-container .ardplayer-controlbar.ardplayer-iocontrolbar {
    bottom: unset !important;
    display: block !important;
    left: 5px;
    margin-bottom: 10px;
    position: absolute;
    right: unset !important;
    width: calc(100% - 20px)
}

.ardplayer-sharing-slider-container .ardplayer-controlbar.ardplayer-iocontrolbar .ardplayer-controlbar-bg {
    left: 0;
    width: 100%
}

.ardplayer-sharing-slider-container .ardplayer-controlbar.ardplayer-iocontrolbar .noUi-connect {
    background: var(--ardplayer-color-primary);
    height: 4px;
    margin-top: 7px
}

.ardplayer-sharing-slider-container .ardplayer-controlbar.ardplayer-iocontrolbar .noUi-handle {
    height: 12px;
    top: 3px;
    width: 12px
}

.ardplayer-m a.ardplayer-sharing-button {
    font-size: 18px;
    line-height: 18px;
    margin: 50px 25px 80px 0;
    width: 80px
}

.ardplayer-m a.ardplayer-sharing-button:before {
    font-size: 80px;
    height: 80px;
    line-height: 80px;
    margin-bottom: 12px;
    width: 80px
}

.ardplayer-m .ardplayer-sharing-slider-container .ardplayer-controlbar.ardplayer-iocontrolbar {
    bottom: unset
}

.ardplayer-s a.ardplayer-sharing-button {
    font-size: 14px;
    line-height: 14px;
    margin: 10px 15px 0 0;
    width: 56px
}

.ardplayer-s a.ardplayer-sharing-button:before {
    font-size: 56px;
    height: 56px;
    line-height: 56px;
    margin-bottom: 9.3333333333px;
    width: 56px
}

.ardplayer-s .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper .ardplayer-container-horizontal.ardplayer-sharing-slider-container,
.ardplayer-s .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper .ardplayer-container-horizontal.ardplayer-sharing-time-container {
    display: none !important
}

.ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal.ardplayer-bottom-sheet-sharing .ardplayer-bottom-sheet-horizontal-gutter {
    margin-top: -48px
}

.ardplayer-m .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal.ardplayer-bottom-sheet-sharing .ardplayer-bottom-sheet-horizontal-gutter {
    margin-top: -40px
}

.ardplayer-s .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal.ardplayer-bottom-sheet-sharing .ardplayer-bottom-sheet-horizontal-gutter {
    margin-top: 0;
    top: 98px;
    transform: translateY(-50%)
}

.ardplayer-show-controls .ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays {
    opacity: 1
}

.ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays {
    height: 100%;
    opacity: 0;
    position: relative;
    transition: opacity .6s ease-in-out;
    width: 100%;
    z-index: 2
}

.ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark {
    background: var(--ardplayer-color-primary-dark);
    border-radius: 5px;
    bottom: 175px;
    cursor: default;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    pointer-events: auto;
    position: absolute
}

.ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark .time-display {
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    font-size: 20px;
    font-weight: 700;
    padding: 8px 16px;
    text-align: center
}

.ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark:after,
.ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark:before {
    bottom: calc(50% - 24px);
    display: none;
    font-size: 48px;
    line-height: 48px;
    position: absolute
}

.ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark:before {
    left: -40px
}

.ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark:after {
    right: -40px
}

.ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark.--condensed {
    width: 375px
}

.ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark.--condensed .adrp-jpmrk-scroller {
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    scrollbar-color: var(--ardplayer-color-lightest) var(--ardplayer-color-light-transparent-90);
    scrollbar-width: thin
}

.ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark.--condensed .adrp-jpmrk-scroller::-webkit-scrollbar {
    width: 4px
}

.ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark.--condensed .adrp-jpmrk-scroller::-webkit-scrollbar-track {
    background: var(--ardplayer-color-light-transparent-90);
    border-radius: 4px
}

.ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark.--condensed .adrp-jpmrk-scroller::-webkit-scrollbar-thumb {
    background-color: var(--ardplayer-color-lightest);
    border-radius: 4px
}

.ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark.--condensed .ardp-jpmrk-chapter {
    align-items: flex-start;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: 15px;
    font-weight: 700;
    height: 75px;
    justify-content: flex-start;
    margin: 8px
}

.ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark.--condensed .ardp-jpmrk-chapter+.ardp-jpmrk-chapter {
    margin-top: 0 !important
}

.ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark.--condensed .ardp-jpmrk-chapter:focus,
.ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark.--condensed .ardp-jpmrk-chapter:hover {
    background-color: var(--ardplayer-color-primary)
}

.ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark.--condensed .ardp-jpmrk-chapter * {
    flex-grow: 0;
    flex-shrink: 0
}

.ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark.--condensed .ardp-jpmrk-chapter i {
    background-size: cover;
    display: block;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    width: 40px
}

.ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark.--condensed .ardp-jpmrk-chapter .ardp-jpmrk-hlgt {
    align-self: center;
    text-align: center;
    width: 60px
}

.ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark.--condensed .ardp-jpmrk-chapter .ardp-jpmrk-hlgt p {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap
}

.ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark.--condensed .ardp-jpmrk-chapter .ardp-jpmrk-img {
    background-size: cover;
    border-radius: 5px;
    height: 59px;
    margin: 8px 0;
    width: 104.8888888889px
}

.ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark.--condensed .ardp-jpmrk-chapter .ardp-jpmrk-gutter {
    align-self: center
}

.ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark.--condensed .ardp-jpmrk-chapter .ardp-jpmrk-title {
    align-self: center;
    flex-grow: 1;
    flex-shrink: 1;
    padding: 0 8px
}

.ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark.--condensed .ardp-jpmrk-chapter .ardp-jpmrk-title p {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-box-pack: end;
    display: -webkit-box;
    line-height: normal;
    overflow: hidden;
    overflow-wrap: anywhere;
    white-space: normal;
    word-break: break-word
}

.ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark.--condensed .ardp-jpmrk-chapter .ardp-jpmrk-title p:only-child {
    -webkit-line-clamp: 3
}

.ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark.--condensed .ardp-jpmrk-chapter .ardp-jpmrk-title p+p {
    -webkit-line-clamp: 1;
    font-weight: 400;
    margin-top: 8px
}

.ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark.--one-up {
    cursor: pointer;
    min-height: 120px;
    width: 300px
}

.ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark.--one-up .ardp-jpmrk-img {
    background-size: contain;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 168.75px;
    width: 100%
}

.ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark.--one-up b {
    display: block;
    flex-grow: 1
}

.ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark.--one-up p {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    -webkit-box-pack: end;
    color: var(--ardplayer-color-lightest);
    display: -webkit-box;
    flex-grow: 1;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: normal;
    margin: 0 0 5px;
    overflow: hidden;
    padding: 5px 14px 0;
    pointer-events: all;
    text-align: center;
    text-overflow: ellipsis;
    white-space: normal;
    width: 100%
}

.ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark.--one-up.--with-image b,
.ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark.--one-up.--with-subtitle b {
    display: none
}

.ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark.--one-up.--with-image p,
.ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark.--one-up.--with-subtitle p {
    font-size: 16px;
    margin-bottom: 0;
    padding-top: 11px;
    text-align: left
}

.ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark.--one-up.--with-subtitle p {
    justify-content: flex-end;
    margin-bottom: 3px
}

.ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark.--one-up.--with-subtitle p.ardplayer-jumpmark-subtitle {
    color: #9d9d9d;
    flex-grow: 0;
    font-size: 14px;
    font-weight: 400;
    padding-top: 0
}

.ardplayer-controlbar .ardplayer-controlbar-jumpmark-hint {
    background: var(--ardplayer-color-primary-dark);
    border-radius: 5px;
    bottom: 45px;
    display: none;
    font-size: 15px;
    font-weight: 700;
    left: -110px;
    line-height: 20px;
    padding: 8px 16px;
    position: absolute
}

.ardplayer-controlbar .ardplayer-controlbar-jumpmark-hint:after {
    font-size: 30px;
    margin-right: -10px
}

.ardplayer-controlbar .ardplayer-controlbar-jumpmarks {
    height: 0
}

.ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark {
    backface-visibility: hidden;
    background-clip: content-box;
    background-color: var(--ardplayer-color-lightest);
    border-radius: 200px;
    bottom: -4px;
    box-sizing: content-box;
    cursor: pointer;
    height: 12px;
    position: absolute;
    transform: translateX(-50%);
    transition: opacity .6s ease-in-out;
    width: 12px;
    will-change: opacity, transform;
    z-index: 1
}

.ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark:after {
    content: "";
    display: none;
    height: 36px;
    left: -24px;
    position: absolute;
    top: -32px;
    width: 60px;
    z-index: -1
}

.ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark i {
    background-size: cover;
    height: 42px;
    left: -15px;
    pointer-events: none;
    position: absolute;
    top: -38px;
    width: 42px
}

.ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark i,
.ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark i:after {
    display: none
}

.ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark:hover:after {
    display: block
}

.ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark:hover i {
    pointer-events: auto
}

.ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark.ardplayer-controlbar-jumpmark-multi {
    width: 24px
}

.ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark.ardplayer-controlbar-jumpmark-multi:after {
    width: 72px
}

.ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark.ardplayer-controlbar-jumpmark-multi i {
    left: -19.5px
}

.ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark.ardplayer-controlbar-jumpmark-multi i:after {
    display: block;
    font-size: 42px;
    line-height: 42px;
    margin-left: 21px
}

.ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark.mobile {
    border: 12px solid transparent;
    bottom: -18px;
    height: 16px;
    width: 16px
}

.ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark.mobile i {
    left: -13px;
    top: -36px
}

.ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark.mobile.ardplayer-controlbar-jumpmark-multi {
    width: 32px
}

.ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark.mobile.ardplayer-controlbar-jumpmark-multi i {
    left: -15.5px
}

.ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark.mobile.ardplayer-controlbar-jumpmark-multi i:after {
    font-size: 42px;
    line-height: 42px;
    margin-left: 21px
}

.ardplayer.ardplayer-m .ardplayer-controlbar .ardplayer-controlbar-jumpmark-hint,
.ardplayer.ardplayer-sm .ardplayer-controlbar .ardplayer-controlbar-jumpmark-hint {
    bottom: 38px;
    font-size: 14px;
    left: -70px;
    line-height: 16px
}

.ardplayer.ardplayer-m .ardplayer-controlbar .ardplayer-controlbar-jumpmark-hint:after,
.ardplayer.ardplayer-sm .ardplayer-controlbar .ardplayer-controlbar-jumpmark-hint:after {
    font-size: 24px;
    margin-right: -8px
}

.ardplayer.ardplayer-m .ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark,
.ardplayer.ardplayer-sm .ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark {
    bottom: -4px;
    height: 12px;
    width: 12px
}

.ardplayer.ardplayer-m .ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark i,
.ardplayer.ardplayer-sm .ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark i {
    height: 32px;
    left: -10px;
    top: -28px;
    width: 32px
}

.ardplayer.ardplayer-m .ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark.ardplayer-controlbar-jumpmark-multi,
.ardplayer.ardplayer-sm .ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark.ardplayer-controlbar-jumpmark-multi {
    width: 24px
}

.ardplayer.ardplayer-m .ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark.ardplayer-controlbar-jumpmark-multi i,
.ardplayer.ardplayer-sm .ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark.ardplayer-controlbar-jumpmark-multi i {
    left: -12px
}

.ardplayer.ardplayer-m .ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark.ardplayer-controlbar-jumpmark-multi i:after,
.ardplayer.ardplayer-sm .ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark.ardplayer-controlbar-jumpmark-multi i:after {
    font-size: 32px;
    line-height: 32px;
    margin-left: 16px
}

.ardplayer.ardplayer-m .ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark.mobile,
.ardplayer.ardplayer-sm .ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark.mobile {
    border: 12px solid transparent;
    bottom: -18px;
    height: 16px;
    width: 16px
}

.ardplayer.ardplayer-m .ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark.mobile i,
.ardplayer.ardplayer-sm .ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark.mobile i {
    height: 32px;
    left: -8px;
    top: -36px;
    width: 32px
}

.ardplayer.ardplayer-m .ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark.mobile.ardplayer-controlbar-jumpmark-multi,
.ardplayer.ardplayer-sm .ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark.mobile.ardplayer-controlbar-jumpmark-multi {
    width: 32px
}

.ardplayer.ardplayer-m .ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark.mobile.ardplayer-controlbar-jumpmark-multi i,
.ardplayer.ardplayer-sm .ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark.mobile.ardplayer-controlbar-jumpmark-multi i {
    left: -8px
}

.ardplayer.ardplayer-m .ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark.mobile.ardplayer-controlbar-jumpmark-multi i:after,
.ardplayer.ardplayer-sm .ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark.mobile.ardplayer-controlbar-jumpmark-multi i:after {
    font-size: 32px;
    line-height: 32px;
    margin-left: 16px
}

.ardplayer.ardplayer-m .ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark,
.ardplayer.ardplayer-sm .ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark {
    bottom: 108px
}

.ardplayer.ardplayer-m .ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark .time-display,
.ardplayer.ardplayer-sm .ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark .time-display {
    font-size: 16px;
    padding: 6px 12px
}

.ardplayer.ardplayer-m .ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark.--condensed,
.ardplayer.ardplayer-sm .ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark.--condensed {
    width: 375px
}

.ardplayer.ardplayer-m .ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark.--condensed .ardp-jpmrk-chapter,
.ardplayer.ardplayer-sm .ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark.--condensed .ardp-jpmrk-chapter {
    font-size: 14px;
    height: 63px;
    margin: 6px
}

.ardplayer.ardplayer-m .ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark.--condensed .ardp-jpmrk-chapter .ardp-jpmrk-img,
.ardplayer.ardplayer-sm .ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark.--condensed .ardp-jpmrk-chapter .ardp-jpmrk-img {
    height: 51px;
    margin: 6px 0;
    width: 90.6666666667px
}

.ardplayer.ardplayer-m .ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark.--condensed .ardp-jpmrk-chapter .ardp-jpmrk-title,
.ardplayer.ardplayer-sm .ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark.--condensed .ardp-jpmrk-chapter .ardp-jpmrk-title {
    padding: 0 6px
}

.ardplayer.ardplayer-m .ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark.--condensed .ardp-jpmrk-chapter p+p,
.ardplayer.ardplayer-sm .ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark.--condensed .ardp-jpmrk-chapter p+p {
    margin-top: 6px
}

.ardplayer.ardplayer-m .ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark.--one-up,
.ardplayer.ardplayer-sm .ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark.--one-up {
    min-height: 90px;
    width: 200px
}

.ardplayer.ardplayer-m .ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark.--one-up p,
.ardplayer.ardplayer-sm .ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark.--one-up p {
    font-size: 16px;
    margin-bottom: 5px;
    padding: 5px 8px 0
}

.ardplayer.ardplayer-m .ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark.--one-up .ardp-jpmrk-img,
.ardplayer.ardplayer-sm .ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark.--one-up .ardp-jpmrk-img {
    height: 112.5px
}

.ardplayer.ardplayer-m .ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark.--one-up.--with-image p,
.ardplayer.ardplayer-m .ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark.--one-up.--with-subtitle p,
.ardplayer.ardplayer-sm .ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark.--one-up.--with-image p,
.ardplayer.ardplayer-sm .ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark.--one-up.--with-subtitle p {
    font-size: 14px;
    margin-bottom: 2px;
    padding: 8px 8px 0
}

.ardplayer.ardplayer-m .ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark.--one-up.--with-image p.ardplayer-jumpmark-subtitle,
.ardplayer.ardplayer-m .ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark.--one-up.--with-subtitle p.ardplayer-jumpmark-subtitle,
.ardplayer.ardplayer-sm .ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark.--one-up.--with-image p.ardplayer-jumpmark-subtitle,
.ardplayer.ardplayer-sm .ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark.--one-up.--with-subtitle p.ardplayer-jumpmark-subtitle {
    font-size: 12px;
    margin-bottom: 8px;
    padding: 0 8px
}

.ardplayer.ardplayer-sm .ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark {
    bottom: 67px
}

.ardplayer.ardplayer-s .ardplayer-controlbar .ardplayer-controlbar-jumpmark-hint {
    display: none
}

.ardplayer.ardplayer-s .ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark {
    bottom: -2.5px;
    height: 9px;
    width: 9px
}

.ardplayer.ardplayer-s .ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark i {
    height: 22px;
    left: -6.5px;
    top: -19.5px;
    width: 22px
}

.ardplayer.ardplayer-s .ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark.ardplayer-controlbar-jumpmark-multi {
    width: 18px
}

.ardplayer.ardplayer-s .ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark.ardplayer-controlbar-jumpmark-multi i {
    left: -7.5px
}

.ardplayer.ardplayer-s .ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark.ardplayer-controlbar-jumpmark-multi i:after {
    font-size: 22px;
    line-height: 22px;
    margin-left: 11px
}

.ardplayer.ardplayer-s .ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark.mobile {
    border: 12px solid transparent;
    bottom: -16px;
    height: 12px;
    width: 12px
}

.ardplayer.ardplayer-s .ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark.mobile i {
    height: 22px;
    left: -5px;
    top: -18px;
    width: 22px
}

.ardplayer.ardplayer-s .ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark.mobile.ardplayer-controlbar-jumpmark-multi {
    width: 24px
}

.ardplayer.ardplayer-s .ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark.mobile.ardplayer-controlbar-jumpmark-multi i {
    left: -4.5px
}

.ardplayer.ardplayer-s .ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark.mobile.ardplayer-controlbar-jumpmark-multi i:after {
    font-size: 22px;
    line-height: 22px;
    margin-left: 11px
}

.ardplayer.ardplayer-s .ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark {
    display: none
}

.ardplayer-bottom-sheet-container .ardplayer-addon-jumpmark-holder {
    align-self: stretch;
    padding: 8px
}

.ardplayer-bottom-sheet-container .ardplayer-addon-jumpmark-holder.ardp-jpmrk-selected {
    background-color: hsla(0, 0%, 100%, .1)
}

.ardplayer-bottom-sheet-container .ardplayer-addon-jumpmark-holder.ardp-jpmrk-selected+.ardp-jpmrk-selected,
.ardplayer-bottom-sheet-container .ardplayer-addon-jumpmark-holder:not(.ardp-jpmrk-selected)+:not(.ardp-jpmrk-selected) {
    padding-top: 0
}

.ardplayer-bottom-sheet-container .ardplayer-addon-jumpmark-holder .ardplayer-addon-jumpmark {
    border-radius: 5px;
    cursor: pointer;
    font-size: 15px;
    font-weight: 700
}

.ardplayer-bottom-sheet-container .ardplayer-addon-jumpmark-holder .ardplayer-addon-jumpmark .ardp-jpmrk-main {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 75px;
    justify-content: flex-start
}

.ardplayer-bottom-sheet-container .ardplayer-addon-jumpmark-holder .ardplayer-addon-jumpmark:hover {
    background-color: var(--ardplayer-color-primary)
}

.ardplayer-bottom-sheet-container .ardplayer-addon-jumpmark-holder .ardplayer-addon-jumpmark.ardp-jpmrk-epg {
    outline: 2px solid hsla(0, 0%, 100%, .4)
}

.ardplayer-bottom-sheet-container .ardplayer-addon-jumpmark-holder .ardplayer-addon-jumpmark * {
    flex-grow: 0;
    flex-shrink: 0
}

.ardplayer-bottom-sheet-container .ardplayer-addon-jumpmark-holder .ardplayer-addon-jumpmark i {
    background-size: cover;
    display: block;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    width: 40px
}

.ardplayer-bottom-sheet-container .ardplayer-addon-jumpmark-holder .ardplayer-addon-jumpmark .ardp-jpmrk-synopsis {
    color: var(--ardplayer-color-lightest-transparent-30);
    font-weight: 400;
    padding: 8px 16px 8px 60px
}

.ardplayer-bottom-sheet-container .ardplayer-addon-jumpmark-holder .ardplayer-addon-jumpmark .ardp-jpmrk-hlgt {
    align-self: center;
    text-align: center;
    width: 60px
}

.ardplayer-bottom-sheet-container .ardplayer-addon-jumpmark-holder .ardplayer-addon-jumpmark .ardp-jpmrk-hlgt p {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap
}

.ardplayer-bottom-sheet-container .ardplayer-addon-jumpmark-holder .ardplayer-addon-jumpmark .ardp-jpmrk-img {
    background-size: cover;
    border-radius: 5px;
    height: 59px;
    margin: 8px 0;
    width: 104.8888888889px
}

.ardplayer-bottom-sheet-container .ardplayer-addon-jumpmark-holder .ardplayer-addon-jumpmark .ardp-jpmrk-gutter {
    align-self: center
}

.ardplayer-bottom-sheet-container .ardplayer-addon-jumpmark-holder .ardplayer-addon-jumpmark .ardp-jpmrk-title {
    align-self: center;
    flex-grow: 1;
    flex-shrink: 1;
    padding: 0 8px
}

.ardplayer-bottom-sheet-container .ardplayer-addon-jumpmark-holder .ardplayer-addon-jumpmark .ardp-jpmrk-title p {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    -webkit-box-pack: end;
    display: -webkit-box;
    line-height: normal;
    overflow: hidden;
    overflow-wrap: anywhere;
    white-space: normal;
    word-break: break-word
}

.ardplayer-bottom-sheet-container .ardplayer-addon-jumpmark-holder .ardplayer-addon-jumpmark .ardp-jpmrk-title p:only-child {
    -webkit-line-clamp: 2
}

.ardplayer-bottom-sheet-container .ardplayer-addon-jumpmark-holder .ardplayer-addon-jumpmark .ardp-jpmrk-title p+p {
    font-weight: 400;
    margin-top: 8px
}

.ardplayer:not(.ardplayer-m):not(.ardplayer-sm) .ardplayer-bottom-sheet-container .ardplayer-addon-jumpmark .ardp-jpmrk-hlgt {
    width: 68px
}

.ardplayer:not(.ardplayer-m):not(.ardplayer-sm) .ardp-jpmrk-synopsis {
    padding: 8px 16px 8px 65px
}

.ardplayer.ardplayer-m .ardplayer-bottom-sheet-container,
.ardplayer.ardplayer-sm .ardplayer-bottom-sheet-container {
    padding: 6px
}

.ardplayer.ardplayer-m .ardplayer-bottom-sheet-container .ardplayer-addon-jumpmark,
.ardplayer.ardplayer-sm .ardplayer-bottom-sheet-container .ardplayer-addon-jumpmark {
    font-size: 14px
}

.ardplayer.ardplayer-m .ardplayer-bottom-sheet-container .ardplayer-addon-jumpmark .ardp-jpmrk-main,
.ardplayer.ardplayer-sm .ardplayer-bottom-sheet-container .ardplayer-addon-jumpmark .ardp-jpmrk-main {
    height: 63px
}

.ardplayer.ardplayer-m .ardplayer-bottom-sheet-container .ardplayer-addon-jumpmark .ardp-jpmrk-synopsis,
.ardplayer.ardplayer-sm .ardplayer-bottom-sheet-container .ardplayer-addon-jumpmark .ardp-jpmrk-synopsis {
    padding: 6px 12px 6px 60px
}

.ardplayer.ardplayer-m .ardplayer-bottom-sheet-container .ardplayer-addon-jumpmark .ardp-jpmrk-img,
.ardplayer.ardplayer-sm .ardplayer-bottom-sheet-container .ardplayer-addon-jumpmark .ardp-jpmrk-img {
    height: 51px;
    margin: 6px 0;
    width: 90.6666666667px
}

.ardplayer.ardplayer-m .ardplayer-bottom-sheet-container .ardplayer-addon-jumpmark .ardp-jpmrk-title,
.ardplayer.ardplayer-sm .ardplayer-bottom-sheet-container .ardplayer-addon-jumpmark .ardp-jpmrk-title {
    padding: 0 6px
}

.ardplayer.ardplayer-m .ardplayer-bottom-sheet-container .ardplayer-addon-jumpmark p+p,
.ardplayer.ardplayer-sm .ardplayer-bottom-sheet-container .ardplayer-addon-jumpmark p+p {
    margin-top: 6px
}

.ardplayer.ardplayer-s .ardplayer-bottom-sheet-container {
    padding: 4px
}

.ardplayer.ardplayer-s .ardplayer-bottom-sheet-container .ardplayer-addon-jumpmark {
    font-size: 14px
}

.ardplayer.ardplayer-s .ardplayer-bottom-sheet-container .ardplayer-addon-jumpmark .ardp-jpmrk-main {
    height: 53px
}

.ardplayer.ardplayer-s .ardplayer-bottom-sheet-container .ardplayer-addon-jumpmark .ardp-jpmrk-synopsis {
    padding: 4px 8px 4px 60px
}

.ardplayer.ardplayer-s .ardplayer-bottom-sheet-container .ardplayer-addon-jumpmark .ardp-jpmrk-img {
    height: 45px;
    margin: 4px 0;
    width: 80px
}

.ardplayer.ardplayer-s .ardplayer-bottom-sheet-container .ardplayer-addon-jumpmark .ardp-jpmrk-title {
    padding: 0 4px
}

.ardplayer.ardplayer-s .ardplayer-bottom-sheet-container .ardplayer-addon-jumpmark .ardp-jpmrk-hlgt i {
    margin-top: -6px
}

.ardplayer.ardplayer-s .ardplayer-bottom-sheet-container .ardplayer-addon-jumpmark p+p {
    margin-top: 0
}

.ardplayer.ardplayer-show-focus-outlines .ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark:after,
.ardplayer.ardplayer-show-focus-outlines .ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark:before,
.ardplayer.ardplayer-show-focus-outlines.ardplayer-state-embedded .ardplayer-controlbar:focus .ardplayer-controlbar-jumpmark-hint {
    display: block
}

.ardplayer.ardplayer-show-focus-outlines.ardplayer-state-embedded .ardplayer-controlbar .ardplayer-controlbar-jumpmarks {
    transition: opacity .2s ease-in-out;
    z-index: 1
}

.ardplayer.ardplayer-show-focus-outlines.ardplayer-state-embedded .ardplayer-controlbar .ardplayer-controlbar-jumpmarks:not(.ardplayer-pip-focused) {
    opacity: .15;
    z-index: 0
}

.ardplayer.ardplayer-show-focus-outlines .ardplayer-bottom-sheet-container .ardplayer-addon-jumpmark-holder .ardplayer-addon-jumpmark:focus {
    background-color: var(--ardplayer-color-primary)
}

.ardplayer.ardplayer-show-focus-outlines .ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark.ardplayer-focus-outline,
.ardplayer.ardplayer-show-focus-outlines .ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark:focus {
    border: 6px solid var(--ardplayer-color-primary);
    margin-bottom: -6px
}

.ardplayer.ardplayer-show-focus-outlines .ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark.ardplayer-focus-outline.mobile,
.ardplayer.ardplayer-show-focus-outlines .ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark:focus.mobile {
    margin-bottom: 6px
}

.ardplayer.ardplayer-show-focus-outlines .ardplayer-controlbar .ardplayer-controlbar-jumpmarks .ardplayer-controlbar-jumpmark:focus:not(:focus-visible) {
    outline: none
}

.ardplayer.ardplayer.ardplayer-state-jumpmarks .ardplayer-button-skipbackward,
.ardplayer.ardplayer.ardplayer-state-jumpmarks .ardplayer-button-skipforward {
    display: inline-block;
    visibility: visible
}

.ardplayer.ardplayer-state-live .ardplayer-controlbar .ardplayer-controlbar-jumpmark-hint,
.ardplayer.ardplayer-state-live .ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays {
    --ardplayer-color-primary-dark: var(--ardplayer-color-primary-dark-live)
}

.ardplayer.ardplayer-state-live .ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark.--one-up .ardplayer-jumpmark-subtitle {
    color: var(--ardplayer-color-lightest)
}

@font-face {
    font-display: block;
    font-family: ardplayer;
    src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAACN4AAsAAAAAPJgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAA2QAAAbawQm/Hk9TLzIAAARsAAAAQQAAAGBWT1OyY21hcAAABLAAAAJhAAAG7mbfYupnbHlmAAAHFAAAF68AACTQoDN3AmhlYWQAAB7EAAAALwAAADZ2zcSBaGhlYQAAHvQAAAAWAAAAJAfRBExobXR4AAAfDAAAABMAAAGMEXAAAGxvY2EAAB8gAAAAmwAAAMgtQjZ0bWF4cAAAH7wAAAAfAAAAIAF2AHpuYW1lAAAf3AAAASoAAAIi1y9cHnBvc3QAACEIAAACbgAAA+q5jr/5eJxtVbluE1EUPWOPjWOymhBC2MJmIGwBQthC2ELGY3smjsd2bMcOSQo2WYiCAiFEQYUo+ICIIkJ8ACUF4gsQNRXiAyioKCPOvWNbXsjIs9x77nnnLu8FBoAoJjGLwNx8Oof+2tqzJxiDCf9P/K3vRu3RgzVEGl/0mfqMwAg/RAwT+GZkjdfBD8FPwb9m3Jwx35qb5tdQLfQj9DscCcfDK8TGcAZzKKKGV3iH94zvQ4KXjSSvFNL8Ofy5WCA6ihyvLAq8pxhVoj2MnqY1o3cP21psDrmWiAsyPgOL3C5jF2kNEZciKk+MRX6TXBnl8Lh2gFeGmF5M83kfL9CPYa4orMuMTjAmSa4K3yTCU5vLe4YxvURaZJbvHDGSg6AHmEM3Rx/1lvS7TLtFfxmDXNshLkl7gMqOsFb99ayEsUh7lvURjMTtIL7hHWb1c3iODXzBT2wZ+41Zo2g8Nd4Ym8Zn47vxy/hjbAWigRGc05wsradHzgprleZ9ud4BW62Sw1kMdSBtotKab6Zum6TqTjZLu5mmrixVXuhCSIWkR0XaLDJe6kIU9NulGqlonhMz0IHwO+DWuzvV5Xe15rYqtnDxP/6CzpjfrRl2r8zvPFVbWtuCojM4j+0dkSnt0HSXvcp3B9dp95mWtC8Nnhu0ixKHV5Ir+No8XON0yFx7bXN6mpNrqzqfPYnLnNzW9eY5HwWtcJL2K5yEEj0y9bM6RcKex1VOuM8uu1V2tqe6ZGdMMOsoK+93qTGDFX5VyeLoOjZVRzoQPWTxayQsY4hjH5+WqqryKbNzgBqyOusO9quGMq2iYUj5ZMfKFFusjLCMM7/bXCtLa1UnsaL5yH6f67Avqz4bd6i+1e4or6xxSKu3TlRC88jrbhrGKd6lqtIpDyeJtHWO5EyaYuxjvOSJtIGP3HmDjEvUsbbWIt9mOUaEf4Y09nmlear4HTrKSqW0376nStRxrtUeNUGL8C02tR5m7SxF26ytWcef0DexyvkUZ5dzWGVOvfXzpHNud7Jqvqd9DkdZtWrXFI6QNcnoFdzDrub7qlZzt56ZwiQ8C1rLGDsW0jxF0UGissolvlHcYk5u2zzfpMdV7zj2ULP0rHuv7aVm39OuWVTcZXSOb7H66eL/p3DoXaSKnMaUdDbWsP4P8/zqv3icY2BhOsw4gYGVgYGpimkPAwNDD4RmfMBgyMgEFGVgZWbACgLSXFMYDjDofnRjfgHkRrE4gYUZURSJAABXxgqiAAAAeJy11NdWU0EYhuE3EEGaCiIWRFGK0lRQERQFBENHinSRYu8u7Hfk7e0r0P/jmwMP5cCd9eRNZiU7M0lmA4eA4tAZ8lBUIBePyA3FaG5/vJjy/fF8rjaeH4ubXt9FN7308YmfWeH3779GdtjLcvsjfx+5/Xf6doWBGHnME7bYZoxpxpljghVWWWMqzrDODBssssASj5hklk3mWWaXh3GmophBPmZeQimHKYv5VVBJFUc4Gmevpobj1HKCOk5yitOcoZ6zNHCO8zRygYs00UwLrVziMm200xHr7Ip5XeVarKKH69zgZqzmVqynn9vciRnf5R6DDDHMfUYY5QGFWFYJBzsehyd6oKX/4zE2PT43sbK6NrWzPrOxuBBfyeTs5vzy7sMDfvb/Oip1l/+Vnu2i/4Jptd2JVt2bbIW+ZDvsJGPp/TIdnibj4VkyF54nE+FFshJeJqvhVbIWXidT4U2iz3ubrId3yUx4n2yED8li+JgshE/JUthLHoXPyWT4ksyGr8lm+JbMh+/JcviRaP0/k/iVs5xpR2ZFhlps2pFZ3rSLs0Om3Z2VGGqpoR421DJDLTft+qzCUCtNv3ZWZahHDPWooR4z1GpDrTHU44Zaa6gnDLXOUE8a6ilDPW2oZwy13lDPGmqDoZ4z1POG2mioFwz1oqE2GWqzobYYaquhXjLUy4baZqjthtphqJ2mK3XWZdpj2RVDvWqo1wy127QPsx5DvW6oNwz1pqH2mvZtdstQ+0x7OOs31NuGesdQB0zX/uyuod4z1EFDHTLUYUO9b6gjhjpqqA8MtWAU/gAHL+kzAAAAeJyNWguQXFWZvv+5955z37fv7b59+z39mL53pjPT0+/Oc2YSDCAQYpKRQAwYBeShAjFAFJgV3xsXLcj62oVakSqgVkRESqO7lKILK6ZEqV1ZXQrKpVxK18UoZcrapaBr/3O7eyYJYYuZnnPPOX0e//3P//j+/4xABPwhPyZ/EBRhShCg02slE7Qc+KUyTSTbvsdoAXoL4BdgA8zDHHT7rV43qMBjhZkCfv44OKTpuvZhj2ixGNRqYCiSopHEh1WDxck/JPmYwtl6XLdbL6iWpCuf+xxTiKm80LJMxRMEKdr/BfJLISOsEerCBqSh2+5NQBJ3ZJT5/V5/HsI6hMEa8FiSTUAFu0LW7rf9duh7bZ+GEMwTH5BuspBPuL4qS8Bko0ATqg6aUkllcjtuF0H1z/KpVNreiu1zehPr/YMqHTwigx6jsI0aJN4DFjNtN4jbRoU66ez6rF+ktOZL1FtcdN3qi53O3jPSG4HBQWrrRB4coo7ByR+/w/UCE2yhJDTwHcIKqyCFcxDMgQ3tahLfBX/DSrfdwjfzk6wT4lf8pdrJeQKPOvtirYt6e65WAYjhnwWLoKuJeDqbP2tHLpOqKFpPklXfTeTTTtHX4YZOZzC4yxOZXlsM89m04zIVBpQW/Wwp7tpmjD1AdL8kiBFtd5ICnq+DPBYgkWz1OkGZsnHFH1fgaLqcxs/y8PHK8AHHHf5IOyc9omWj4lnyDazxldthHKUmjztsgG6lW/IqXrvV2wSdAA6+svzo4JCbSrm7dsHBpSUnlYLJZbDTzitOuvbKK7WogstBtOYvyX7B5FwMUB4noM+FksHx52XDpd97jLqGDPufpzGTPvYYNWN0Zd515BeChY3y3HCOjYxGqdirKs89T11deuwxSQOHPv88n4VzY6awMvem8dygszDemFG4TdX4NN1lzz2ngDOex9dYnXszeSGaS0/Z19RefFFLxdUjR1QX5UZ98UXFyWpHjmhZd4V/d5AnBEPwcXYrmQcuLd1Or92vlKnn9H2nE5BNTnpPGj/O4cPl5l13NcmdaefVzbHY5led9HSjMnjkmmtgW6UxooWvp3HeMafT24CLeuR2nFTGuTA5HNmojGT2KPk07p0Wyqh7XDLaJS4JFTxFaM1Dpw5lCxIFFGZuDDZA0B9VelCI6fBew7aNwef1GGzJN/L5xrpmLtdc/qwei+lf0sJv8ecXNHItPpOx2OAXuWY0AIsrbd9Of9xOxgojmn9MPhnxLyjbyHqLTAD0OuSH1KH/fZDiTvLnQKHkVkpfOigT3aa86QryivxJqHdJ1LwOruG1e0HotQrEa+MLVEsealu7ih3AO0g1EtF2t+SgdCZ7XWQw2PNQzXhBPlabOgPeNnhuYW/ihsGh9gWtWmXx7XA9F9waHDx8mEvtwflMded0LB96U2eEh0uJi+cP11q72/WlzZXDaWdhYfDcNKQdmERplk6iLyPMvo668E2TFb4JapbeiJAVOX2SPCnksYEmtU7omNcMz7SFJp6bgZA4D8oSUQ1devDBiPX4MByKpWNQOP6gpBsqkbA3spzD7uGQkTw/QZ7Ft63iLiNj4JfmgRuBkJ9ulxuaPG6MgsQVu0O+Ofg403UGt2C5k7p00XCNRVRxeuAAap+u1BUN0IrXFf2nlC5+VTUM9auL1HT5965AR3s+EclxRsgKM0KT61IBEhaU69CZhz5KcYHM4951YH0/RO1sT0B7gXD77KNH6YZwfHbb7Oy2PbyYXbiqmb7olhvOXPvOWxfOWtjledOe59USXq22cP9VL2VrC+TO0VAsps+84ZaL0s2rFta9c+27W9tq3nTNu9KbXvAO1xbubiwszI/8g3ir+D6kMSVMCgtIXx0s8BzUrVYfqkisRepc7yurVZ8GYZ0g6czC0XhiaFkiz0Fh0ixkLSszYZK9g1tMT5PdtG+lPm+Ma/+hxEQ1W50OsqpkWYxoU+nshkx6SpOoeKkCsYz92kftjK3Ate+z/LQra57ppFZrvxGp4uYtK+8yiVosG2imqQVZxV6xWU+QawVViON7oMlKMG72Kknfo1GNPKooCpq87zMApipHjpBrmfZzjYnizTevVIQT1jowWitAKemj62ftIOz2ohrMnLIWfOj0aw15/Fvxt2j7LJSEPrfk1KMo02EvAKfkALreLgv7bYQM5TBADvfRPHphgFTbCG3QLye9BDbIATdDclMZQnKvfUj87Wsvf++seX2psfGzzWw+KFVq5cliU0IvrZfcWtrP+mn4Y8ZNFPLxRA7+/GoKZ/xF62G3kf1dr1DcVDs/lW5IZLpIqGJaaX/Sb9oOkiqv0KsKCZSKirAFKUaSuH6gztBIKVEfX087kt5HRBYJCVr3BCc/OaK9Qq5yVN2rep7lqoY/GzeN1z6FFP3pe2ctqjsb84fqPVtJy1567e6GThOKb8YKyUyGOKqqZx03ndioa2bBcSYMncRPepepUs7RbFGdTFZmwmLaVk3ZsOMpd8qwVjHQP6Me2kIBdXA994ZBH9FOASiCnCQNS7xdQffK2Z6k8VF1+BZyJXqiCeQTYJ1mwLJigKksgaHBB7G5pBiGsgyGvswrS4ZjDJ5fxnKJDyNtYqpRSzUJVvnXy6o5+FM0wDSV5WVe8m5hhIm+j3ZZF+YibUxwU8idpY+cn0PWzgMi0HaLm0nUUw6Iu2hIhkal0g9HViwag9J1O7RaRJIulAgcWGxTSnSXSlOtmXNKzvzunU00aO0L3nNBq3VBe3E9VRGliqJMEeYRsrQkMZE8A1MSdUxCxYnmzt3zbvmcGW7m2he0+bz2HcGlEqXS+8UaURRhTP/Q5sVQ1gU4wcCJKCoh5axFHALHV21ZudEgasp1Uy55/ASbNXjguyXFScViqZE//Sb5GWKvutAVzhHeOfLJ6BqGNjzemiforSIY0F6xVcgML1Eg4VBE+wlmkTJH7L0IvLdQOFkvjMAEoz71kVTS78HvRUU8/Ncio5IkBVt7uVxva8Bfe/acirtw4a4WnlW+uzWTESuxj8mSHfcSliiBJCos4Xk0liGqqJs6IyIQhTBV0xRCyFOE7N1LkKl3i2ywJd8989wzu3k8gNau3YtO+dyIr1XsuvRGLWF+5mzHMeKqEjdiJdvUFU1VU4VIjyzFML2ETCWglmqM9TXijYpx0pxwprCXI16fcaEO+uLQ00TCG45PI+ihc09YJ/IFGVBGRxgG/QA5swC9EWvWACqxh/YKLXy/jf0ElMOHmY1Wj3Z2t9u7OypK+QprwHTMfG/rFWlpMvZxRmK66sVlhVAAio24H7OzoIg61ZnIcCXRYLrCCPnZJXtFpv6dKg0W27uv2N02XBNauy5ccMrnzKomDDlz2fWaZ/zVWW7MiEuyoqpGzMG6izGVk84n4pRJzNJUiviWgRYFQEPdf4l8G70xt76IbeNOye+3HbHklOS2VwlLXulVWKoGO2qDy+CuwSOvvtqASwb3kG8P7gkCrP0Y7KOT76qOcco3yNdQsrkFZ9xR+hFUQDtOdgbImXXnd8G/914f0Nf8faca9MR14WTu6NHc5FRfOEE/jiGu7QibcB2GIoiOE5mPvEdnigEkV2vs4zreRSsrlnmHn+Qb9XsRUqABl12E8Ut+NZtUpPrkzJ6wmIrHCuk5vzW/frbdW7tv7UTqb8rrysVUtVispopYzVRhslOtwmOBbKgqTaDborrqagoL1Gk/NmVaycAvOiasw8ETi3PrW631c4sT2PhHqOLETnUVr91IbkREg/SPgVqBcJw2T3icUUfzsW9fhNH27YvQ2Ektsv90vaPWiEcFcufr4kJvXOmeGhee+BlHhZ8dPv5rHBUOffpy5NOT3HqMPbnPFWVo4hHBfFoBQM/+ne88xeXOMcA4wbETlPSnuaI+rZqrOOFraO+GOIFHRjwKceKtCCivAQf2Wejybn4wKsnjnjW4z/Lg7sE+z4I9ljfYtyIXooh230MN3sz1dxieRkg4AqSoockQw6/S0BVxdIPeq4zIBL1VtzqMjUYRLndesG2botuupDdkR6eNnCZpFxd9qPnFSzkpxy3vQb8I+1U2+DeqafRBz7oafmMo2zRdVnMNasRoQ5Pc2OFkqZT8C8+61/Y8e6HoP01Rcp5m6oLlrbz/foyJbWEiytFsgFXSuv1T2nDQGLPPuMRQE7yKBQxGFUP9wOhbQx3J2bORLxHAN4GiJUOm9vpwsw3bBw8zx1LQdjwu/eQnsoqQ8d2KLa3o2B2I9XWMXSs8azM8XO4rQyfy6c6pdbLTzbj4WT7pAfX7Tdc1owJu4+Xg+qhuR/WXsRSGOF9MoLwO95tB/zQfxRiopfy40ByVuNdbrY/7q28s2eT44EkzDrjX2mivJ6N9x/WVL177U6qSOuVDlk73Ln97eq0Y6/N95L5InysjADEKpyPCNnFpxGj/9k+hu/oUP5xxhagnNaPKql5cQT4w0rUVBM5O1DVyyaquGZGumScA8v85RdfUkTzciSfMkNc2apyPNE9EZ1zpbgCMT/v4V32DOty2vHz/8vJ9y8uDR15fg21L+LO8UozeYexX36xHfVPe8c25uxPikCcwcuQyhai7EoT9IGRovUKGTA0p2i9WoQm/nfTRmfSR1X4fLZuPnqTXZ0jrPIlIA/KYJM3Iet6vFBJ+reYnChU/r8szp+29u9hJGbPz6yu5Bhz1at7pRr9B93xl/fyskeoUc43cCbk4fm5FfAcMGhjCM5hD38Fonadww4Cj2j6yEO0d2HC0xVAc6NX1+tUYxAO77DJdSqtf+hKz0VtcRu4cfBPOH+A3It07NbWXioYj77mQZRTtE5+QiBGTL1yVwX8llyJC0nnWqc8D6rCPT7jt4MGJiy56eGLPnomD8MlrrpnYvq3E/65Z0Ycr0EcnBKHa5fEN6q7vVcqM50FYxYOHtm2b725tZFVlt7btlV/v2bJ2k7TdUP21e3493vcl8geUztYQAWOw53MDlFwAPKVh/spnnAUcwiIPFoawvoXwCqUKjp/5gS0wHVJXaxmTVWxs3v+2t6pFc72sSdtlXRJXGqKGaP3YwjVb25eUqVLXddnTYPG6Q9cufvcGi6ozorhREg35BkvW1/A6VUf03UoeRfp4LMp39TDa7/W7CKYxzOOJPpqIVxAnR56kl7SAJ4MxQsLT8ts9fBUL4F7JkqugWjpUJEeS5e36FvmpPzMVNDbDDNBZ+l9KTAddafEWuYDSylGqqexohTHZlLcbZ8jm4BlQ2a+ZBrql/eAHGq6F87C9en5/QD4aYz7ypMSQeXTIvfkIEyG5jEY5a0Svzd4C6bV5hh6Ov+XAGWcc+EteNFlM9LV3MOb4OdsLSLOvx7S47MqqlpjJftmkOpElcmw0GosX6/sQmG5krpnMuOkMhAVKMOinGO4YCWMzIV4GHT5bodFGG7EovFV4u/Au4f0rSIBnLTkOqLBhgIZgmkWBNAfam7gV8S3Iw9hxD30+N8Eh4yaSR57iat6lfdoqzHj5vAe38/LJuR1z+Fm7aX06DRLYWnxux2wip9m2dhkv/Lii2S17j2JQUbctxb7mNDVyLO8Nrhsv2qouvnWxSuOZrCkSy0kV2ORitQX5RNrWWnxNLPx4XsJmOq3Zg98rlq2L1MCNTlcTVvz616NsGCLGLuLnPmX8D7Ft5Aw9lD2e/ffLYRN1h1Uw9uDcS/bhy91Lz50GMR/P5ApGvmhOxsM+WXf5pAnJeDIOa0ppR2kWUhuL/pbzYQNMnffuLqPxvC7FSzFm29APRFsU2zPJjD9tGqUOlfOT4Hk1OBGfP4G1OEaaAniVLk8tR9nCNopbtw48PbAJRjmBcdpgCDBI99ixYxxeHbMSAIlrX1J0PaY/WcIHqoGuk68cO1YZf4sPhH86a/BvJ57EgbryEtNX6XiW/CdSURV2DLNyBBnRT/abqAJ9lBCxiQ6V9dF2IlhGBcAaWk8LwiiKQ6vKP6ObHMYjFR5CJLm+hAH54tR7r31HnRYmDrbWb7pqHirFezoz9Ky4NEG2vO+67Ym55lyzKlMSFyU57bl49BgSE5Ak0GRJNWxNI8nqhrLjpixKZPLF6Yp75nv2N6+fyMHGKzfVl0qDeyAnxbfS5oFLauml/VcX8p+JEyJ5GBJrjuuJCtGIJMoyyViaoqatUnptwZBF6pkWG8vIj8iPhBLXJRaiYvRHyCgPLBgG+X0/gid1ILfm3AfIA/F+EKwNo0culXgoXBvANHw5vlvWtAvj2Apy+m58hs4eLReG64PxPl8n/xShlHAYxTiUMxn1FiPeXofc/8jwKu4j6MdV4yPodoj5rW9FgctHBs+pJjEUCD5G0bWP7IG4EbEnQZ/jCQW0CjuiXEW3ErZbfj9AL+LjmfA7LsTo0TUUxngsunzjibIqyhUOi9TAj2LDKOrHeaE3wXEYDwn5L4suFxFZtRFJMbI/v9UvFZVytZDT0spaCd4yrw2e3bF18dxyaUs2X0s4s/CQtwbD+PRM0zMmPMWkVErQfDaQjHonaRZ9ZrY0xu8d0fUS2CYDhX8vbTdmDO1xPbMQs9dtATJ4y3Ix//Ov+t6acOYO22Y1GaYqE3HdVKlquei8RVOakWqV4rDrd/xKkrk60MEh5tJRLnQj+WAUL80K2zEe5y+eYBgg9PFE8fVQXGXKYxqeBsUvWVCh/Kq3jQ6q3Q9WGZPAUSHinVWecD/90I5NxXJQXUT3HHjJyTV5OFybnd9SnijNVMtasbQm6cGawIk1HkZuMNmuOvlOvVCg2XwipWDTzjXrdXIgV/hopTTjJWfqtadim9cHi27cmDEhkzqvCXT3NrQkkiRiBJI5e4bWNXBsiWLTTp85Ja34rm9gXKREktUaJU+rBbT2PPsf3cbBbeVmc2ujAfPoPhVVOnJEUuHu5lbsbP5UVORnZEUmN98kvvF6aDAjLxJdCJbJ3kqjgbP/9/XLhcPlqHjTzWQF43A7x1dD9kbpe7QNiGB5GgI5D48HmmqZ/emZuW593Z49l5erWlANyeOz7dmZsI9qqpQmz25IzdrslZeXK+NcC1/TRFReE9ZxVH5iItVfTaTi2YlRDrYQhYY8B7uSgu23sQnfXubQf5fhmK+MUqnGftQ1nmFVd4H5EKLkXXzEMs+wjgbwVOpwkjF4GQxtmccUuzQDEFDz/Cosays51h+QX6K2liIb7yPEQ01kXpJfg9dJvxtWvBFLOFNOusc/v7X4yObbRDvupzVTBj8NMkm5qcyacow9ePK9PfQ/Oj19lZFJ2KJke8ah7H1uzM3KGhFzTvKmU2/ryYiuG5Gu8tDzoFXwGE8OhTT6PwNkmEf5pSFSFXbb5NbW5kd+Siy7vCaDJBAZGiCbWtqP22KDnPfMM9PTB7xpOycSTc66Mef+ewzPlkQ7kblrxcf8inxFcDCC6nFk3glsqASUm9UN+PI8RRrw/A6yYpj1R0fdGfZwlU0ge0jB16/jPEa+X6f7n+ARaGQbM/F4hhpOqwhOLOpIJJipYJQOgamznTgeT3i7ogeViy8pRzzLnn12FjnRKc/5tRj22MzbkKSuSWDEm8+MaD2RUrTV7SGlJxHWWqEL5YATti3mjOjwPCQL9sHUmAwctJPpF8Rq9fG2m5Kj/58Y7vsy7psX5v7/20n2OprIdxqyJKJEio1GtDM+0LRi6Rj06MnkwfHG6Pqy0YiYMRw1nHHZqbSOcg63op9RkbIp4Txht3B5dE/PjSIqEXr6CX5rxTOcQZj0mihNbOQ1ezxZzrGAj8CGeZUoIV5mFolyNNENDka3fpR2jHxuldcKQ+eDzvZIsVorlsu1O2oU8XoumMFTzZ3v+Im4o5ueEjdE4ojXBX0SxE1qm1kzJlvuL1yLSppITPeDycBvbmk2QC81/CDJCzi8ZmdjdntTfJuREv2Zzv1LsYQXbrw/U+hNWPbaAlxmeqkvntutikaga5pRNSx3/vz6JcWEeXEyTJZbrTOaAM1SMvRbZew4IXc0G90TMI6yg+E/ugydxzCbyn/b3J8sjGBTGMArxMBY4AuXXjRXo9RzJ/NT+Yk0wh8jka6uWa+q6q9kRXeSuWqN/JAQkdGdYOrJRDZdSOdTKccxvEy6kim5ySVFofR2K+6k4r5h/x8gkUKGAHicY2BkYGAA4qaEkv3x/DZfGbiZXwAFojgf72tA0AwMzC9A4gwcDEwgHgBRpQuXAHicY2BkYGB+wcCARDIyoIJkAEWdAycAAHicY2BgYGB+MYqxYXoDAIdJQEMAeJxjYAACB4ZFDB8Y5Rg9GFMYmxgXMO5jfMb4h8mBKY5pHdMXZjXmBOZNLBIsdiwpLHtYVVirWG+xsbFNYVdi92DPYj/D/odDgyOIo4zjEicDpwxnCOcWzntcHFwOXE1cT7gVuG24Y7jX8DDwBPG84bXireP9x2fEF8X3ij+Ov41/Hf8NAR2BCoENgmyCToJ9QnJCGeRCAI80L+0AeJxjYGRgYEhmyGPgZAABJiDmAkIGhv9gPgMAHkgB8QB4nG2PS07DMBRFb/pDtBKqQEJiZjFggkg/gw66gHbeQeZp4qSt0jhy3ErZACtgDayBFTBkDSyFm/CUAdSWns87vn5RAIzxCQ/18nDd1Hp1cMXul7uksXCP/CDcxwiPwgP6F+EhnrEQHuEOISd4vXraLZxwBzd4Fe7Svwn3yO/CfdzjQ3hA/yU8RIBv4RGevEVo4yILK203Oj1loW37FgJty73J1cyftm6tcyacjtW2UuU5nTuXqMSao1qZ3OksM6qw5qAj5++cK5aTSSLej8yRf2URo0BGqqDZbVhTnBpjL9z/N0FTS+xhkENhBh/TC7k1ay4zHM+Y2S3vFN+e+c05rUPCPmHG4EhaNTPrdMZtaIrm7kAT0fvYNa8KLDHhTv7kfaY46QcenmIqAAB4nG1TZ3fbMAz0uR7ySOK06d57qm060nTvvfceNAVJjClRj6Ts+N+X8ko/lB/w7u7hCAkAS+XS+DRL/z8cZWxCBVXUUIeHBppooY05zGMBHSxiM7ZgCVuxDduxAzuxC7uxB3uxD/txAAdxCIdxBEdxDMdxAidxCqdxBj7O4hzOYxkXcBGXcBkruIJVXMU1XMcN3MQt3MYd3MU93McDPMQjPMYTPMUzPMcLvMQrvMYbvMU7vMcHfMQnfMYXfMU3fMcP/MQv/MYfMHTBEZTmGOdkjOgKKeywzAKPBYxb0acaCwKVmjoTOpNs2GBaq0GgBukYSQptc4S0iGJb6TLe63SV6iVM93yVWylS8qZCm8css6R9KYxt8Jj4SF7isVYJcWasz1WaErcUNDfEKpfKkFdUlYoF8+TqaT8i1ZWK96oj2g5dYlF9wHTQKkiodIGroektr4ziajPMpTRcE6X12H2C0sOKSEPVXsuTbGYuyMTsSZZGOYuoIkWPqq4ck9VEpLmpJEqTl9K65VJk1YzlhjqZ4DbXJNIJaGRCSj+TLr1oXqcIxa/7BRBp5E2FSpHjZZr6xW0VTVzVNLkrUs+QtS7VLJiYaQeKDlk3m8Upp6RLQeBQZ6qEjFPR8qWZ0PUTN15KI9KtqSiUmTksSYo0S2ZFbOyalLANPhDW/mPOtZyZBzGzhmVZfSJUTSxCWzEiSptFGC9S2/TERo8LMh2QkURZyyRsOptybr3cjm2tvpJ5Qn7s1qs5wVINpnKSWyqv65oZKGVit88cBAPh9lrCYogAfSik0MgwQIgIMXpI3AvL3etacW9qDeul0l/X8CopAAA=) format("woff")
}

.ardplayer-icon {
    line-height: 1
}

.ardplayer-icon-after:after,
.ardplayer-icon:before {
    font-family: ardplayer !important;
    font-style: normal;
    font-weight: 400 !important;
    vertical-align: top
}

.ardplayer-icon-accessibility:before,
.ardplayer-icon-after-accessibility:after {
    content: "\f101"
}

.ardplayer-icon-ad:before,
.ardplayer-icon-after-ad:after {
    content: "\f102"
}

.ardplayer-icon-adactive:before,
.ardplayer-icon-after-adactive:after {
    content: "\f103"
}

.ardplayer-icon-addons:before,
.ardplayer-icon-after-addons:after {
    content: "\f104"
}

.ardplayer-icon-after-airplay:after,
.ardplayer-icon-airplay:before {
    content: "\f105"
}

.ardplayer-icon-after-arrowdown:after,
.ardplayer-icon-arrowdown:before {
    content: "\f106"
}

.ardplayer-icon-after-arrowleft:after,
.ardplayer-icon-arrowleft:before {
    content: "\f107"
}

.ardplayer-icon-after-arrowright:after,
.ardplayer-icon-arrowright:before {
    content: "\f108"
}

.ardplayer-icon-after-back:after,
.ardplayer-icon-back:before {
    content: "\f109"
}

.ardplayer-icon-after-bookmark-outline:after,
.ardplayer-icon-bookmark-outline:before {
    content: "\f10a"
}

.ardplayer-icon-after-bookmark:after,
.ardplayer-icon-bookmark:before {
    content: "\f10b"
}

.ardplayer-icon-after-chapter-list:after,
.ardplayer-icon-chapter-list:before {
    content: "\f10c"
}

.ardplayer-icon-after-checkmark:after,
.ardplayer-icon-checkmark:before {
    content: "\f10d"
}

.ardplayer-icon-after-chromecast-connected:after,
.ardplayer-icon-chromecast-connected:before {
    content: "\f10e"
}

.ardplayer-icon-after-chromecast:after,
.ardplayer-icon-chromecast:before {
    content: "\f10f"
}

.ardplayer-icon-after-close:after,
.ardplayer-icon-close:before {
    content: "\f110"
}

.ardplayer-icon-after-download:after,
.ardplayer-icon-download:before {
    content: "\f111"
}

.ardplayer-icon-after-error-geoblock:after,
.ardplayer-icon-error-geoblock:before {
    content: "\f112"
}

.ardplayer-icon-after-error:after,
.ardplayer-icon-error:before {
    content: "\f113"
}

.ardplayer-icon-after-fastbackward:after,
.ardplayer-icon-fastbackward:before {
    content: "\f114"
}

.ardplayer-icon-after-fastforward:after,
.ardplayer-icon-fastforward:before {
    content: "\f115"
}

.ardplayer-icon-fsk16:before {
    content: "\f116"
}

.ardplayer-icon-fsk18:before {
    content: "\f117"
}

.ardplayer-icon-after-fullscreen:after,
.ardplayer-icon-fullscreen:before {
    content: "\f118"
}

.ardplayer-icon-after-history:after,
.ardplayer-icon-history:before {
    content: "\f119"
}

.ardplayer-icon-after-info:after,
.ardplayer-icon-info:before {
    content: "\f11a"
}

.ardplayer-icon-after-jumpbackward:after,
.ardplayer-icon-jumpbackward:before {
    content: "\f11b"
}

.ardplayer-icon-after-jumpforward:after,
.ardplayer-icon-jumpforward:before {
    content: "\f11c"
}

.ardplayer-icon-after-language:after,
.ardplayer-icon-language:before {
    content: "\f11d"
}

.ardplayer-icon-after-like:after,
.ardplayer-icon-like:before {
    content: "\f11e"
}

.ardplayer-icon-after-local:after,
.ardplayer-icon-local:before {
    content: "\f11f"
}

.ardplayer-icon-after-minus:after,
.ardplayer-icon-minus:before {
    content: "\f120"
}

.ardplayer-icon-after-more:after,
.ardplayer-icon-more:before {
    content: "\f121"
}

.ardplayer-icon-after-nextclip:after,
.ardplayer-icon-nextclip:before {
    content: "\f122"
}

.ardplayer-icon-after-pause:after,
.ardplayer-icon-pause:before {
    content: "\f123"
}

.ardplayer-icon-after-pictureinpicture:after,
.ardplayer-icon-pictureinpicture:before {
    content: "\f124"
}

.ardplayer-icon-after-pill-plus:after,
.ardplayer-icon-pill-plus:before {
    content: "\f125"
}

.ardplayer-icon-after-play:after,
.ardplayer-icon-play:before {
    content: "\f126"
}

.ardplayer-icon-after-playlist-playing:after,
.ardplayer-icon-playlist-playing:before {
    content: "\f127"
}

.ardplayer-icon-after-playlist:after,
.ardplayer-icon-playlist:before {
    content: "\f128"
}

.ardplayer-icon-after-plus:after,
.ardplayer-icon-plus:before {
    content: "\f129"
}

.ardplayer-icon-after-prevclip:after,
.ardplayer-icon-prevclip:before {
    content: "\f12a"
}

.ardplayer-icon-after-reco:after,
.ardplayer-icon-reco:before {
    content: "\f12b"
}

.ardplayer-icon-after-return:after,
.ardplayer-icon-return:before {
    content: "\f12c"
}

.ardplayer-icon-after-settings:after,
.ardplayer-icon-settings:before {
    content: "\f12d"
}

.ardplayer-icon-after-sharing-contact:after,
.ardplayer-icon-sharing-contact:before {
    content: "\f12e"
}

.ardplayer-icon-after-sharing-embedding:after,
.ardplayer-icon-sharing-embedding:before {
    content: "\f12f"
}

.ardplayer-icon-after-sharing-facebook:after,
.ardplayer-icon-sharing-facebook:before {
    content: "\f130"
}

.ardplayer-icon-after-sharing-fb-messenger:after,
.ardplayer-icon-sharing-fb-messenger:before {
    content: "\f131"
}

.ardplayer-icon-after-sharing-ios:after,
.ardplayer-icon-sharing-ios:before {
    content: "\f132"
}

.ardplayer-icon-after-sharing-telegram:after,
.ardplayer-icon-sharing-telegram:before {
    content: "\f133"
}

.ardplayer-icon-after-sharing-threema:after,
.ardplayer-icon-sharing-threema:before {
    content: "\f134"
}

.ardplayer-icon-after-sharing-twitter:after,
.ardplayer-icon-sharing-twitter:before {
    content: "\f135"
}

.ardplayer-icon-after-sharing-url:after,
.ardplayer-icon-sharing-url:before {
    content: "\f136"
}

.ardplayer-icon-after-sharing-whatsapp:after,
.ardplayer-icon-sharing-whatsapp:before {
    content: "\f137"
}

.ardplayer-icon-after-sharing:after,
.ardplayer-icon-sharing:before {
    content: "\f138"
}

.ardplayer-icon-after-shift:after,
.ardplayer-icon-shift:before {
    content: "\f139"
}

.ardplayer-icon-after-sign:after,
.ardplayer-icon-sign:before {
    content: "\f13a"
}

.ardplayer-icon-after-signactive:after,
.ardplayer-icon-signactive:before {
    content: "\f13b"
}

.ardplayer-icon-after-skipbackward:after,
.ardplayer-icon-skipbackward:before {
    content: "\f13c"
}

.ardplayer-icon-after-skipforward:after,
.ardplayer-icon-skipforward:before {
    content: "\f13d"
}

.ardplayer-icon-after-sleep:after,
.ardplayer-icon-sleep:before {
    content: "\f13e"
}

.ardplayer-icon-after-smallscreen:after,
.ardplayer-icon-smallscreen:before {
    content: "\f13f"
}

.ardplayer-icon-after-ut:after,
.ardplayer-icon-ut:before {
    content: "\f140"
}

.ardplayer-icon-after-utactive:after,
.ardplayer-icon-utactive:before {
    content: "\f141"
}

.ardplayer-icon-after-volume-high:after,
.ardplayer-icon-volume-high:before {
    content: "\f142"
}

.ardplayer-icon-after-volume-low:after,
.ardplayer-icon-volume-low:before {
    content: "\f143"
}

.ardplayer-icon-after-volume-mute:after,
.ardplayer-icon-volume-mute:before {
    content: "\f144"
}

.ardplayer-icon-after-xr:after,
.ardplayer-icon-xr:before {
    content: "\f145"
}

.ardplayer-icon-after-swoosh:after,
.ardplayer-icon-swoosh:before {
    content: "\f146"
}

.vc-pane-container {
    position: relative;
    width: 100%
}

.vc-pane-container.in-transition {
    overflow: hidden
}

.vc-pane-layout {
    display: grid
}

.vc-arrow {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border: 2px solid transparent;
    border-radius: var(--rounded);
    color: var(--gray-600);
    cursor: pointer;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    pointer-events: auto;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.vc-arrow:hover {
    background: var(--gray-200)
}

.vc-arrow:focus {
    border-color: var(--gray-300)
}

.vc-arrow.is-disabled {
    cursor: not-allowed;
    opacity: .25;
    pointer-events: none
}

.vc-day-popover-container {
    background-color: var(--gray-800);
    border: 1px solid;
    border-color: var(--gray-700);
    border-radius: var(--rounded);
    box-shadow: var(--shadow);
    color: var(--white);
    font-size: var(--text-xs);
    font-weight: var(--font-medium);
    padding: 4px 8px
}

.vc-day-popover-header {
    color: var(--gray-300);
    font-size: var(--text-xs);
    font-weight: var(--font-semibold);
    text-align: center
}

.vc-arrows-container {
    -ms-flex-pack: justify;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 8px 10px;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.vc-arrows-container.title-left {
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.vc-arrows-container.title-right {
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.vc-is-dark .vc-arrow {
    color: var(--white)
}

.vc-is-dark .vc-arrow:hover {
    background: var(--gray-800)
}

.vc-is-dark .vc-arrow:focus {
    border-color: var(--gray-700)
}

.vc-is-dark .vc-day-popover-container {
    background-color: var(--white);
    border-color: var(--gray-100);
    color: var(--gray-800)
}

.vc-is-dark .vc-day-popover-header {
    color: var(--gray-700)
}

.vc-day {
    min-height: 32px;
    position: relative;
    z-index: 1
}

.vc-day.is-not-in-month * {
    opacity: 0;
    pointer-events: none
}

.vc-day-layer {
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

.vc-day-box-center-center {
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.vc-day-box-center-center,
.vc-day-box-left-center {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.vc-day-box-left-center {
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.vc-day-box-right-center {
    -ms-flex-pack: end;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.vc-day-box-center-bottom {
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end
}

.vc-day-box-center-bottom,
.vc-day-content {
    -ms-flex-pack: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

.vc-day-content {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-radius: var(--rounded-full);
    cursor: pointer;
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
    height: 28px;
    line-height: 28px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 28px
}

.vc-day-content:hover {
    background-color: #ccd6e04d
}

.vc-day-content:focus {
    background-color: #ccd6e066;
    font-weight: var(--font-bold)
}

.vc-day-content.is-disabled {
    color: var(--gray-400)
}

.vc-is-dark .vc-day-content:hover {
    background-color: #7281974d
}

.vc-is-dark .vc-day-content:focus {
    background-color: #72819766
}

.vc-is-dark .vc-day-content.is-disabled {
    color: var(--gray-600)
}

.vc-highlights {
    overflow: hidden;
    pointer-events: none;
    z-index: -1
}

.vc-highlight {
    height: 28px;
    width: 28px
}

.vc-highlight.vc-highlight-base-start {
    border-radius: 0 !important;
    border-right-width: 0 !important;
    width: 50% !important
}

.vc-highlight.vc-highlight-base-end {
    border-left-width: 0 !important;
    border-radius: 0 !important;
    width: 50% !important
}

.vc-highlight.vc-highlight-base-middle {
    border-left-width: 0 !important;
    border-radius: 0 !important;
    border-right-width: 0 !important;
    margin: 0 -1px;
    width: 100%
}

.vc-dots {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

.vc-dot {
    border-radius: 50%;
    height: 5px;
    transition: all var(--day-content-transition-time);
    width: 5px
}

.vc-dot:not(:last-child) {
    margin-right: 3px
}

.vc-bars {
    -ms-flex-pack: start;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    width: 75%
}

.vc-bar {
    -ms-flex-positive: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    height: 3px;
    transition: all var(--day-content-transition-time)
}

.vc-nav-header {
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.vc-nav-arrow,
.vc-nav-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.vc-nav-arrow {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border: 2px solid transparent;
    border-radius: var(--rounded);
    cursor: pointer;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: var(--leading-snug);
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.vc-nav-arrow.is-left {
    margin-right: auto
}

.vc-nav-arrow.is-right {
    margin-left: auto
}

.vc-nav-arrow.is-disabled {
    cursor: not-allowed;
    opacity: .25;
    pointer-events: none
}

.vc-nav-arrow:hover {
    background-color: var(--gray-900)
}

.vc-nav-arrow:focus {
    border-color: var(--accent-600)
}

.vc-nav-title {
    border: 2px solid transparent;
    border-radius: var(--rounded);
    color: var(--accent-100);
    font-weight: var(--font-bold);
    line-height: var(--leading-snug);
    padding: 4px 8px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.vc-nav-title:hover {
    background-color: var(--gray-900)
}

.vc-nav-title:focus {
    border-color: var(--accent-600)
}

.vc-nav-items {
    grid-row-gap: 2px;
    grid-column-gap: 5px;
    display: grid;
    grid-template-columns: repeat(3, 1fr)
}

.vc-nav-item {
    border: 2px solid transparent;
    border-radius: var(--rounded);
    cursor: pointer;
    font-weight: var(--font-semibold);
    line-height: var(--leading-snug);
    padding: 4px 0;
    text-align: center;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 48px
}

.vc-nav-item:hover {
    background-color: var(--gray-900);
    box-shadow: var(--shadow-inner);
    color: var(--white)
}

.vc-nav-item.is-active {
    background: var(--accent-100);
    box-shadow: var(--shadow);
    color: var(--accent-900);
    font-weight: var(--font-bold)
}

.vc-nav-item.is-current {
    border-color: var(--accent-100);
    color: var(--accent-100);
    font-weight: var(--bold)
}

.vc-nav-item:focus {
    border-color: var(--accent-600)
}

.vc-nav-item.is-disabled {
    opacity: .25;
    pointer-events: none
}

.vc-is-dark .vc-nav-title {
    color: var(--gray-900)
}

.vc-is-dark .vc-nav-title:hover {
    background-color: var(--gray-200)
}

.vc-is-dark .vc-nav-title:focus {
    border-color: var(--accent-400)
}

.vc-is-dark .vc-nav-arrow:hover {
    background-color: var(--gray-200)
}

.vc-is-dark .vc-nav-arrow:focus {
    border-color: var(--accent-400)
}

.vc-is-dark .vc-nav-item:hover {
    background-color: var(--gray-200);
    box-shadow: none;
    color: var(--gray-900)
}

.vc-is-dark .vc-nav-item.is-active {
    background: var(--accent-500);
    color: var(--white)
}

.vc-is-dark .vc-nav-item.is-current {
    border-color: var(--accent-500);
    color: var(--accent-600)
}

.vc-is-dark .vc-nav-item:focus {
    border-color: var(--accent-400)
}

.vc-pane {
    min-width: 250px
}

.vc-header {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 10px 16px 0
}

.vc-header.align-left {
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.vc-header.align-right {
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.vc-title {
    color: var(--gray-800);
    cursor: pointer;
    font-size: var(--text-lg);
    font-weight: var(--font-semibold);
    line-height: 28px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.vc-title:hover {
    opacity: .75
}

.vc-weeknumber {
    position: relative
}

.vc-weeknumber,
.vc-weeknumber-content {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

.vc-weeknumber-content {
    color: var(--gray-500);
    font-size: var(--text-xs);
    font-style: italic;
    font-weight: var(--font-medium);
    height: 28px;
    margin-top: 2px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 28px
}

.vc-weeknumber-content.is-left-outside {
    left: var(--weeknumber-offset);
    position: absolute
}

.vc-weeknumber-content.is-right-outside {
    position: absolute;
    right: var(--weeknumber-offset)
}

.vc-weeks {
    -webkit-overflow-scrolling: touch;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    min-width: 250px;
    padding: 6px;
    position: relative
}

.vc-weeks.vc-show-weeknumbers {
    grid-template-columns: auto repeat(7, 1fr)
}

.vc-weeks.vc-show-weeknumbers.is-right {
    grid-template-columns: repeat(7, 1fr) auto
}

.vc-weekday {
    color: var(--gray-500);
    cursor: default;
    font-size: var(--text-sm);
    font-weight: var(--font-bold);
    line-height: 14px;
    padding-bottom: 8px;
    padding-top: 4px;
    text-align: center;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.vc-weekdays {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.vc-nav-popover-container {
    background-color: var(--gray-800);
    border: 1px solid;
    border-color: var(--gray-700);
    border-radius: var(--rounded-lg);
    box-shadow: var(--shadow);
    color: var(--white);
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
    padding: 4px
}

.vc-is-dark .vc-header {
    color: var(--gray-200)
}

.vc-is-dark .vc-title {
    color: var(--gray-100)
}

.vc-is-dark .vc-weekday {
    color: var(--accent-200)
}

.vc-is-dark .vc-nav-popover-container {
    background-color: var(--white);
    border-color: var(--gray-100);
    color: var(--gray-800)
}

.vc-none-enter-active,
.vc-none-leave-active {
    transition-duration: 0s
}

.vc-fade-enter-active,
.vc-fade-leave-active,
.vc-slide-down-enter-active,
.vc-slide-down-leave-active,
.vc-slide-fade-enter-active,
.vc-slide-fade-leave-active,
.vc-slide-left-enter-active,
.vc-slide-left-leave-active,
.vc-slide-right-enter-active,
.vc-slide-right-leave-active,
.vc-slide-up-enter-active,
.vc-slide-up-leave-active {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    pointer-events: none;
    transition: opacity var(--slide-duration) var(--slide-timing), -webkit-transform var(--slide-duration) var(--slide-timing);
    transition: transform var(--slide-duration) var(--slide-timing), opacity var(--slide-duration) var(--slide-timing);
    transition: transform var(--slide-duration) var(--slide-timing), opacity var(--slide-duration) var(--slide-timing), -webkit-transform var(--slide-duration) var(--slide-timing)
}

.vc-fade-leave-active,
.vc-none-leave-active,
.vc-slide-down-leave-active,
.vc-slide-left-leave-active,
.vc-slide-right-leave-active,
.vc-slide-up-leave-active {
    position: absolute !important;
    width: 100%
}

.vc-fade-enter-from,
.vc-fade-leave-to,
.vc-none-enter-from,
.vc-none-leave-to,
.vc-slide-down-enter-from,
.vc-slide-down-leave-to,
.vc-slide-fade-enter-from,
.vc-slide-fade-leave-to,
.vc-slide-left-enter-from,
.vc-slide-left-leave-to,
.vc-slide-right-enter-from,
.vc-slide-right-leave-to,
.vc-slide-up-enter-from,
.vc-slide-up-leave-to {
    opacity: 0
}

.vc-slide-fade-enter-from.direction-left,
.vc-slide-fade-leave-to.direction-left,
.vc-slide-left-enter-from,
.vc-slide-right-leave-to {
    -webkit-transform: translateX(var(--slide-translate));
    transform: translate(var(--slide-translate))
}

.vc-slide-fade-enter-from.direction-right,
.vc-slide-fade-leave-to.direction-right,
.vc-slide-left-leave-to,
.vc-slide-right-enter-from {
    -webkit-transform: translateX(calc(var(--slide-translate)*-1));
    transform: translate(calc(var(--slide-translate)*-1))
}

.vc-slide-down-leave-to,
.vc-slide-fade-enter-from.direction-top,
.vc-slide-fade-leave-to.direction-top,
.vc-slide-up-enter-from {
    -webkit-transform: translateY(var(--slide-translate));
    transform: translateY(var(--slide-translate))
}

.vc-slide-down-enter-from,
.vc-slide-fade-enter-from.direction-bottom,
.vc-slide-fade-leave-to.direction-bottom,
.vc-slide-up-leave-to {
    -webkit-transform: translateY(calc(var(--slide-translate)*-1));
    transform: translateY(calc(var(--slide-translate)*-1))
}

.vc-popover-content-wrapper {
    --popover-horizontal-content-offset: 8px;
    --popover-vertical-content-offset: 10px;
    --popover-caret-horizontal-offset: 18px;
    --popover-caret-vertical-offset: 8px;
    display: block;
    outline: none;
    position: absolute;
    z-index: 10
}

.vc-popover-content-wrapper:not(.is-interactive) {
    pointer-events: none
}

.vc-popover-content {
    box-shadow: var(--shadow-lg);
    outline: none;
    position: relative;
    z-index: 10
}

.vc-popover-content.direction-bottom {
    margin-top: var(--popover-vertical-content-offset)
}

.vc-popover-content.direction-top {
    margin-bottom: var(--popover-vertical-content-offset)
}

.vc-popover-content.direction-left {
    margin-right: var(--popover-horizontal-content-offset)
}

.vc-popover-content.direction-right {
    margin-left: var(--popover-horizontal-content-offset)
}

.vc-popover-caret {
    background-color: inherit;
    border-left: inherit;
    border-top: inherit;
    content: "";
    display: block;
    height: 12px;
    position: absolute;
    width: 12px;
    z-index: -1
}

.vc-popover-caret.direction-bottom {
    top: 0
}

.vc-popover-caret.direction-bottom.align-left {
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

.vc-popover-caret.direction-bottom.align-center {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translate(-50%) translateY(-50%) rotate(45deg)
}

.vc-popover-caret.direction-bottom.align-right {
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

.vc-popover-caret.direction-top {
    top: 100%
}

.vc-popover-caret.direction-top.align-left {
    -webkit-transform: translateY(-50%) rotate(-135deg);
    transform: translateY(-50%) rotate(-135deg)
}

.vc-popover-caret.direction-top.align-center {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-135deg);
    transform: translate(-50%) translateY(-50%) rotate(-135deg)
}

.vc-popover-caret.direction-top.align-right {
    -webkit-transform: translateY(-50%) rotate(-135deg);
    transform: translateY(-50%) rotate(-135deg)
}

.vc-popover-caret.direction-left {
    left: 100%
}

.vc-popover-caret.direction-left.align-top {
    -webkit-transform: translateX(-50%) rotate(135deg);
    transform: translate(-50%) rotate(135deg)
}

.vc-popover-caret.direction-left.align-middle {
    -webkit-transform: translateY(-50%) translateX(-50%) rotate(135deg);
    transform: translateY(-50%) translate(-50%) rotate(135deg)
}

.vc-popover-caret.direction-left.align-bottom {
    -webkit-transform: translateX(-50%) rotate(135deg);
    transform: translate(-50%) rotate(135deg)
}

.vc-popover-caret.direction-right {
    left: 0
}

.vc-popover-caret.direction-right.align-top {
    -webkit-transform: translateX(-50%) rotate(-45deg);
    transform: translate(-50%) rotate(-45deg)
}

.vc-popover-caret.direction-right.align-middle {
    -webkit-transform: translateY(-50%) translateX(-50%) rotate(-45deg);
    transform: translateY(-50%) translate(-50%) rotate(-45deg)
}

.vc-popover-caret.direction-right.align-bottom {
    -webkit-transform: translateX(-50%) rotate(-45deg);
    transform: translate(-50%) rotate(-45deg)
}

.vc-popover-caret.align-left {
    left: var(--popover-caret-horizontal-offset)
}

.vc-popover-caret.align-center {
    left: 50%
}

.vc-popover-caret.align-right {
    right: var(--popover-caret-horizontal-offset)
}

.vc-popover-caret.align-top {
    top: var(--popover-caret-vertical-offset)
}

.vc-popover-caret.align-middle {
    top: 50%
}

.vc-popover-caret.align-bottom {
    bottom: var(--popover-caret-vertical-offset)
}

.vc-day-popover-row {
    --day-content-transition-time: .13s ease-in;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    transition: all var(--day-content-transition-time)
}

.vc-day-popover-row:not(:first-child) {
    margin-top: 3px
}

.vc-day-popover-row-indicator {
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -ms-flex-positive: 0;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-justify-content: center;
    justify-content: center;
    margin-right: 3px;
    width: 15px
}

.vc-day-popover-row-indicator span {
    transition: all var(--day-content-transition-time)
}

.vc-day-popover-row-content {
    -ms-flex-align: center;
    -ms-flex-positive: 1;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-wrap: none;
    -ms-flex-wrap: none;
    flex-wrap: none;
    width: -webkit-max-content;
    width: max-content
}

.vc-svg-icon {
    stroke: currentColor;
    stroke-width: 0;
    display: inline-block
}

.vc-svg-icon path {
    fill: currentColor
}

.vc-time-picker {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 8px
}

.vc-time-picker.vc-invalid {
    opacity: .5;
    pointer-events: none
}

.vc-time-picker.vc-bordered {
    border-top: 1px solid var(--gray-400)
}

.vc-time-icon {
    color: var(--gray-600);
    height: 16px;
    width: 16px
}

.vc-time-content {
    margin-left: 8px
}

.vc-time-date {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: var(--text-sm);
    font-weight: var(--font-semibold);
    line-height: 21px;
    margin-top: -4px;
    padding: 0 0 4px 4px;
    text-transform: uppercase
}

.vc-time-weekday {
    color: var(--gray-700);
    letter-spacing: var(--tracking-wide)
}

.vc-time-month {
    color: var(--accent-600);
    margin-left: 8px
}

.vc-time-day {
    color: var(--accent-600);
    margin-left: 4px
}

.vc-time-year {
    color: var(--gray-500);
    margin-left: 8px
}

.vc-am-pm,
.vc-time-select {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.vc-am-pm {
    background: var(--gray-200);
    border-radius: var(--rounded);
    color: var(--gray-800);
    height: 30px;
    margin-left: 8px;
    padding: 4px
}

.vc-am-pm button {
    background: transparent;
    border: 2px solid transparent;
    border-radius: var(--rounded);
    font-size: var(--text-sm);
    font-weight: var(--font-medium);
    line-height: var(--leading-snug);
    padding: 0 4px
}

.vc-am-pm button:hover {
    color: var(--gray-600)
}

.vc-am-pm button:focus {
    border-color: var(--accent-400)
}

.vc-am-pm button.active {
    background: var(--accent-600);
    color: var(--white)
}

.vc-am-pm button.active:hover {
    background: var(--accent-500)
}

.vc-am-pm button.active:focus {
    border-color: var(--accent-400)
}

.vc-is-dark .vc-time-picker {
    border-color: var(--gray-700)
}

.vc-is-dark .vc-time-icon,
.vc-is-dark .vc-time-weekday {
    color: var(--gray-400)
}

.vc-is-dark .vc-time-day,
.vc-is-dark .vc-time-month {
    color: var(--accent-400)
}

.vc-is-dark .vc-time-year {
    color: var(--gray-500)
}

.vc-is-dark .vc-am-pm {
    background: var(--gray-700)
}

.vc-is-dark .vc-am-pm:focus {
    border-color: var(--accent-500)
}

.vc-is-dark .vc-am-pm button {
    color: var(--gray-100)
}

.vc-is-dark .vc-am-pm button:hover {
    color: var(--gray-400)
}

.vc-is-dark .vc-am-pm button:focus {
    border-color: var(--accent-500)
}

.vc-is-dark .vc-am-pm button.active {
    background: var(--accent-500);
    color: var(--white)
}

.vc-is-dark .vc-am-pm button.active:hover {
    background: var(--accent-600)
}

.vc-is-dark .vc-am-pm button.active:focus {
    border-color: var(--accent-500)
}

.vc-select {
    position: relative
}

.vc-select select {
    -ms-flex-positive: 1;
    -moz-padding-start: 3px;
    -webkit-appearance: none;
    appearance: none;
    background-color: var(--gray-200);
    background-image: none;
    border: 2px solid;
    border-color: var(--gray-200);
    border-radius: var(--rounded);
    color: var(--gray-900);
    cursor: pointer;
    display: block;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    font-size: var(--text-base);
    font-weight: var(--font-medium);
    height: 30px;
    line-height: var(--leading-tight);
    padding: 0 20px 0 8px;
    text-align: left;
    text-indent: 0;
    width: 52px
}

.vc-select select:hover {
    color: var(--gray-600)
}

.vc-select select:focus {
    background-color: var(--white);
    border-color: var(--accent-400);
    outline: 0
}

.vc-select-arrow {
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    bottom: 0;
    color: var(--gray-500);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 4px 0 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

.vc-select-arrow svg {
    fill: currentColor;
    height: 16px;
    width: 16px
}

.vc-is-dark select {
    background: var(--gray-700);
    border-color: var(--gray-700);
    color: var(--gray-100)
}

.vc-is-dark select:hover {
    color: var(--gray-400)
}

.vc-is-dark select:focus {
    background-color: var(--gray-800);
    border-color: var(--accent-500)
}

.vc-container {
    --white: #fff;
    --black: #000;
    --gray-100: #f7fafc;
    --gray-200: #edf2f7;
    --gray-300: #e2e8f0;
    --gray-400: #cbd5e0;
    --gray-500: #a0aec0;
    --gray-600: #718096;
    --gray-700: #4a5568;
    --gray-800: #2d3748;
    --gray-900: #1a202c;
    --red-100: #fff5f5;
    --red-200: #fed7d7;
    --red-300: #feb2b2;
    --red-400: #fc8181;
    --red-500: #f56565;
    --red-600: #e53e3e;
    --red-700: #c53030;
    --red-800: #9b2c2c;
    --red-900: #742a2a;
    --orange-100: #fffaf0;
    --orange-200: #feebc8;
    --orange-300: #fbd38d;
    --orange-400: #f6ad55;
    --orange-500: #ed8936;
    --orange-600: #dd6b20;
    --orange-700: #c05621;
    --orange-800: #9c4221;
    --orange-900: #7b341e;
    --yellow-100: ivory;
    --yellow-200: #fefcbf;
    --yellow-300: #faf089;
    --yellow-400: #f6e05e;
    --yellow-500: #ecc94b;
    --yellow-600: #d69e2e;
    --yellow-700: #b7791f;
    --yellow-800: #975a16;
    --yellow-900: #744210;
    --green-100: #f0fff4;
    --green-200: #c6f6d5;
    --green-300: #9ae6b4;
    --green-400: #68d391;
    --green-500: #48bb78;
    --green-600: #38a169;
    --green-700: #2f855a;
    --green-800: #276749;
    --green-900: #22543d;
    --teal-100: #e6fffa;
    --teal-200: #b2f5ea;
    --teal-300: #81e6d9;
    --teal-400: #4fd1c5;
    --teal-500: #38b2ac;
    --teal-600: #319795;
    --teal-700: #2c7a7b;
    --teal-800: #285e61;
    --teal-900: #234e52;
    --blue-100: #ebf8ff;
    --blue-200: #bee3f8;
    --blue-300: #90cdf4;
    --blue-400: #63b3ed;
    --blue-500: #4299e1;
    --blue-600: #3182ce;
    --blue-700: #2b6cb0;
    --blue-800: #2c5282;
    --blue-900: #2a4365;
    --indigo-100: #ebf4ff;
    --indigo-200: #c3dafe;
    --indigo-300: #a3bffa;
    --indigo-400: #7f9cf5;
    --indigo-500: #667eea;
    --indigo-600: #5a67d8;
    --indigo-700: #4c51bf;
    --indigo-800: #434190;
    --indigo-900: #3c366b;
    --purple-100: #faf5ff;
    --purple-200: #e9d8fd;
    --purple-300: #d6bcfa;
    --purple-400: #b794f4;
    --purple-500: #9f7aea;
    --purple-600: #805ad5;
    --purple-700: #6b46c1;
    --purple-800: #553c9a;
    --purple-900: #44337a;
    --pink-100: #fff5f7;
    --pink-200: #fed7e2;
    --pink-300: #fbb6ce;
    --pink-400: #f687b3;
    --pink-500: #ed64a6;
    --pink-600: #d53f8c;
    --pink-700: #b83280;
    --pink-800: #97266d;
    --pink-900: #702459
}

.vc-container.vc-red {
    --accent-100: var(--red-100);
    --accent-200: var(--red-200);
    --accent-300: var(--red-300);
    --accent-400: var(--red-400);
    --accent-500: var(--red-500);
    --accent-600: var(--red-600);
    --accent-700: var(--red-700);
    --accent-800: var(--red-800);
    --accent-900: var(--red-900)
}

.vc-container.vc-orange {
    --accent-100: var(--orange-100);
    --accent-200: var(--orange-200);
    --accent-300: var(--orange-300);
    --accent-400: var(--orange-400);
    --accent-500: var(--orange-500);
    --accent-600: var(--orange-600);
    --accent-700: var(--orange-700);
    --accent-800: var(--orange-800);
    --accent-900: var(--orange-900)
}

.vc-container.vc-yellow {
    --accent-100: var(--yellow-100);
    --accent-200: var(--yellow-200);
    --accent-300: var(--yellow-300);
    --accent-400: var(--yellow-400);
    --accent-500: var(--yellow-500);
    --accent-600: var(--yellow-600);
    --accent-700: var(--yellow-700);
    --accent-800: var(--yellow-800);
    --accent-900: var(--yellow-900)
}

.vc-container.vc-green {
    --accent-100: var(--green-100);
    --accent-200: var(--green-200);
    --accent-300: var(--green-300);
    --accent-400: var(--green-400);
    --accent-500: var(--green-500);
    --accent-600: var(--green-600);
    --accent-700: var(--green-700);
    --accent-800: var(--green-800);
    --accent-900: var(--green-900)
}

.vc-container.vc-teal {
    --accent-100: var(--teal-100);
    --accent-200: var(--teal-200);
    --accent-300: var(--teal-300);
    --accent-400: var(--teal-400);
    --accent-500: var(--teal-500);
    --accent-600: var(--teal-600);
    --accent-700: var(--teal-700);
    --accent-800: var(--teal-800);
    --accent-900: var(--teal-900)
}

.vc-container.vc-blue {
    --accent-100: var(--blue-100);
    --accent-200: var(--blue-200);
    --accent-300: var(--blue-300);
    --accent-400: var(--blue-400);
    --accent-500: var(--blue-500);
    --accent-600: var(--blue-600);
    --accent-700: var(--blue-700);
    --accent-800: var(--blue-800);
    --accent-900: var(--blue-900)
}

.vc-container.vc-indigo {
    --accent-100: var(--indigo-100);
    --accent-200: var(--indigo-200);
    --accent-300: var(--indigo-300);
    --accent-400: var(--indigo-400);
    --accent-500: var(--indigo-500);
    --accent-600: var(--indigo-600);
    --accent-700: var(--indigo-700);
    --accent-800: var(--indigo-800);
    --accent-900: var(--indigo-900)
}

.vc-container.vc-purple {
    --accent-100: var(--purple-100);
    --accent-200: var(--purple-200);
    --accent-300: var(--purple-300);
    --accent-400: var(--purple-400);
    --accent-500: var(--purple-500);
    --accent-600: var(--purple-600);
    --accent-700: var(--purple-700);
    --accent-800: var(--purple-800);
    --accent-900: var(--purple-900)
}

.vc-container.vc-pink {
    --accent-100: var(--pink-100);
    --accent-200: var(--pink-200);
    --accent-300: var(--pink-300);
    --accent-400: var(--pink-400);
    --accent-500: var(--pink-500);
    --accent-600: var(--pink-600);
    --accent-700: var(--pink-700);
    --accent-800: var(--pink-800);
    --accent-900: var(--pink-900)
}

.vc-container {
    --font-normal: 400;
    --font-medium: 500;
    --font-semibold: 600;
    --font-bold: 700;
    --text-xs: 12px;
    --text-sm: 14px;
    --text-base: 16px;
    --text-lg: 18px;
    --leading-snug: 1.375;
    --rounded: .25rem;
    --rounded-lg: .5rem;
    --rounded-full: 9999px;
    --shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);
    --shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);
    --slide-translate: 22px;
    --slide-duration: .15s;
    --slide-timing: ease;
    --day-content-transition-time: .13s ease-in;
    --weeknumber-offset: -34px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent;
    background-color: var(--white);
    border: 1px solid;
    border-color: var(--gray-400);
    border-radius: var(--rounded-lg);
    color: var(--gray-900);
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
    height: -webkit-max-content;
    height: max-content;
    position: relative;
    width: -webkit-max-content;
    width: max-content
}

.vc-container,
.vc-container * {
    box-sizing: border-box
}

.vc-container :focus,
.vc-container:focus {
    outline: none
}

.vc-container [role=button],
.vc-container button {
    cursor: pointer
}

.vc-container.vc-is-expanded {
    min-width: 100%
}

.vc-container .vc-container {
    border: none
}

.vc-container.vc-is-dark {
    background-color: var(--gray-900);
    border-color: var(--gray-700);
    color: var(--gray-100)
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
button,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    border: 0;
    font-size: 100%;
    font: inherit;
    font-style: inherit;
    font-weight: inherit;
    letter-spacing: .02rem;
    margin: 0;
    outline: none;
    padding: 0;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.hp-spacer {
    display: block;
    height: 48px;
    width: 100%
}

.hlp-clear {
    overflow: auto
}

.hlp-clear:after {
    clear: both;
    content: "";
    display: table
}

.visually-hidden {
    clip: rect(1px, 1px, 1px, 1px) !important;
    border: 0 !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important
}

.form-input__text,
.form-mail__input,
.form-select__select,
.searchfield__input,
.searchfield__submit {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.form-input__text,
.form-mail__input {
    background: #fff;
    border: none;
    box-sizing: border-box;
    color: #80807e;
    font-size: 1.6rem;
    height: 6.4rem;
    outline: .1rem solid #33322f;
    padding: 1.6rem 1.2rem;
    width: 100%
}

.form-input__text:active,
.form-input__text:hover,
.form-mail__input:active,
.form-mail__input:hover {
    color: #33322f
}

.form-input__text:focus,
.form-input__text:not(:placeholder-shown),
.form-mail__input:focus,
.form-mail__input:not(:placeholder-shown) {
    color: #33322f;
    padding-bottom: .8rem;
    padding-top: 2.8rem
}

.form-input__text::placeholder,
.form-mail__input::placeholder {
    color: transparent
}

.form-input__text:-webkit-autofill,
.form-input__text:-webkit-autofill:active,
.form-input__text:-webkit-autofill:focus,
.form-input__text:-webkit-autofill:hover,
.form-mail__input:-webkit-autofill,
.form-mail__input:-webkit-autofill:active,
.form-mail__input:-webkit-autofill:focus,
.form-mail__input:-webkit-autofill:hover {
    -webkit-text-fill-color: #33322f;
    -webkit-box-shadow: inset 0 0 0 5rem #fff !important
}

.form-input__text:focus+.form-input__label,
.form-input__text:not(:placeholder-shown)+.form-input__label,
.form-mail__input:focus+.form-mail__label,
.form-mail__input:not(:placeholder-shown)+.form-mail__label,
.form-select__label.form-label,
.form-textarea__textarea:focus+.form-textarea__label,
.form-textarea__textarea:not(:placeholder-shown)+.form-textarea__label {
    opacity: .75;
    transform: scale(.75) translateY(-.8rem) translateX(.4rem)
}

.form-input__label.form-label,
.form-mail__label.form-label,
.form-select__label.form-label,
.form-textarea__label.form-label {
    box-sizing: border-box;
    height: 100%;
    left: 0;
    opacity: .75;
    padding: 1.6rem 1.2rem;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform-origin: 0 0;
    transition: opacity .1s ease-in-out, transform .1s ease-in-out
}

.form-textarea__wrapper.invalid .form-textarea__invalid-message,
.invalid .form-checkbox__invalid-message,
.invalid .form-input__invalid-message,
.invalid .form-mail__invalid-message,
.invalid .form-radio__invalid-message,
.invalid .form-select__invalid-message {
    color: #cd144a;
    display: block;
    font-size: 1.9rem;
    margin: 1.2rem 0;
    width: 100%
}

.form-textarea__wrapper.invalid .form-textarea,
.invalid .form-checkbox__hidden:invalid,
.invalid .form-input__text:invalid,
.invalid .form-mail__input:invalid,
.invalid .form-radio__input:invalid~.form-radio__mark,
.invalid .form-select__select:invalid {
    outline: .2rem solid #cd144a
}

.form-textarea__wrapper.invalid .form-textarea,
.invalid .form-input__text:invalid,
.invalid .form-mail__input:invalid {
    background-image: url(../icon/error-breaking-red.svg);
    background-position: right 1.2rem center;
    background-repeat: no-repeat;
    background-size: 1.8rem
}

.umschaltreiter__list {
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
    overflow: -moz-scrollbars-none;
    overflow-y: hidden;
    -moz-scrollbar-width: none;
    scrollbar-width: none;
    white-space: nowrap
}

.umschaltreiter__list::-webkit-scrollbar {
    display: none
}

.color--tongue a:focus,
.color--tongue a:focus img {
    outline: .2rem solid #99bdd6
}

a:focus,
a:focus img {
    outline: .2rem solid #80807e;
    outline-offset: -.2rem
}

a:active,
a:active h2,
a:active img,
a:hover,
a:hover h2,
a:hover img,
body.mouse-usage :focus,
body.mouse-usage a:focus img {
    outline: 0
}

a {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    text-decoration: none
}

b,
strong {
    font-weight: 700
}

em,
i {
    font-style: italic
}

abbr {
    border-bottom: 1px dotted #33322f;
    cursor: help;
    font: inherit;
    outline: none;
    text-decoration: none
}

abbr:active:after,
abbr:focus:after,
abbr:hover:after {
    content: " ("attr(title) ")";
    display: inline-block;
    margin-left: .5rem;
    transition: all .2s ease-in-out
}

.archive__dachzeile,
.archive__headline,
.buttongroup--headline,
.color-coded-box__text,
.copytext-galerie__dachzeile,
.copytext-galerie__headline,
.copytext__audio__title,
.copytext__video__title,
.dropdown-navi__list>li,
.dropdown-navi__topline,
.ergebnisse,
.expanderbox__header,
.form-input__text,
.form-mail__input,
.form-select__select,
.form-textarea__textarea,
.form__feedback-message,
.form__feedback-message strong,
.form__fieldset .form__legend,
.infobox__headline,
.infobox__headline--textonly,
.liveblog__datetime,
.mediaplayer-subline__title,
.meldung__subhead .meldung__subhead__badge,
.meldung__uhrzeit,
.multimediahead__headline,
.paginierung,
.searchfield__input,
.seitenkopf__headline--text,
.simpletable>caption,
.systeminfos__targetarea,
.taglist,
.teaser-absatz__headline,
.teaser-left__headline,
.teaser-mikro__headline,
.teaser-right__date,
.teaser-right__headline,
.teaser-right__labeltopline,
.teaser-slider__headline,
.teaser-xs__headline,
.teaser__headline,
.vue-datepicker__text,
a,
acronym,
address,
applet,
big,
blockquote,
body,
button,
caption,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
iframe,
img,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
select,
small,
span,
strike,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
ul,
var {
    font-family: Thesis, Thesis Plus Kyrillic, Helvetica, Arial, sans-serif;
    font-weight: 400
}

.backlink,
.metatextline,
.multimediahead__date,
.sendungsbezug,
.teaser-absatz__date,
.teaser-left__date,
.teaser-left__duration,
.teaser-mikro__date,
.teaser-xs__date,
.teaser-xs__duration,
.teaser__date,
.verweisabsatz,
.verweisabsatz__link,
.verweisabsatz__link-description,
.zitat,
.zitat__author__name {
    font-family: Thesis, Thesis Plus Kyrillic, Helvetica, Arial, sans-serif;
    font-style: italic;
    font-weight: 400
}

.content-accordion__headline,
.content-accordion__headline--text,
.content-accordion__itemwrapper--withborder.active,
.content-accordion__itemwrapper.active,
.dropdown-navi__headline,
.dropdown-navi__link:active,
.ergebnisse__anzahl,
.ergebnisse__suchbegriff,
.form-textarea__wrapper.invalid .form-textarea__invalid-message,
.infoheadline,
.invalid .form-checkbox__invalid-message,
.invalid .form-input__invalid-message,
.invalid .form-mail__invalid-message,
.invalid .form-radio__invalid-message,
.invalid .form-select__invalid-message,
.link-extend,
.multimediahead__shorttext,
.paginierung__liste>li .active,
.paginierung__liste>li.active,
.simpletable>thead>tr>th,
.teaser .teasersource--doc,
.teaser .teasersource--extern,
.textlink--mit-icon,
.textonly-btn--active,
.wahlbeteiligung--parteilabel {
    font-family: Thesis, Thesis Plus Kyrillic, Helvetica, Arial, sans-serif;
    font-weight: 700
}

.btn--uppercase-text__label,
.btn--uppercase-text__shortlabel abbr,
.trenner__text__headline h2,
.trenner__text__topline,
.wahlbeteiligung--label {
    font-family: Thesis, Helvetica, Arial, sans-serif;
    font-weight: 400;
    text-transform: uppercase
}

.meldung__topline-subhead,
.multimediahead__topline,
.seitenkopf__topline,
.teaser-absatz__topline,
.teaser-left__topline,
.teaser-slider__topline,
.teaser-xs__topline,
.teaser__topline {
    font-size: 1.6rem;
    line-height: 1.8rem
}

.eilmeldung__headline,
.multimediahead__headline,
.seitenkopf__headline--text,
.teaser--top .teaser__headline,
.teaser--top-aufmacher .teaser__headline {
    font-size: 3.2rem;
    font-weight: 400;
    line-height: 3.8rem
}

@media screen and (min-width:768px) {

    .eilmeldung__headline,
    .multimediahead__headline,
    .seitenkopf__headline--text,
    .teaser--top .teaser__headline,
    .teaser--top-aufmacher .teaser__headline {
        font-size: 3.4rem;
        font-weight: 400;
        line-height: 4rem
    }
}

.teaser__headline {
    font-size: 3.2rem;
    font-weight: 400;
    line-height: 3.8rem
}

@media screen and (min-width:768px) {
    .teaser__headline {
        font-size: 2.8rem;
        line-height: 3.2rem
    }
}

.teaser--small .teaser__headline {
    font-size: 3.2rem;
    font-weight: 400;
    line-height: 3.8rem
}

@media screen and (min-width:768px) {
    .teaser--small .teaser__headline {
        font-size: 2.8rem;
        line-height: 3.2rem
    }
}

.color-coded-box__text,
.eilmeldung__text,
.expanderbox__header,
.link-extend,
.teaser .teasersource--doc,
.teaser .teasersource--extern,
.teaser__shorttext {
    font-size: 1.8rem;
    line-height: 2.4rem
}

.mubu-container__infotext,
.wahlbeteiligung {
    font-size: 1.6rem
}

.multimediahead__date,
.teaser__date {
    font-size: 1.6rem;
    line-height: 2.9rem
}

.trenner__text__headline {
    font-size: 3.2rem
}

@media screen and (min-width:768px) {
    .trenner__text__headline {
        font-size: 4rem
    }
}

.trenner__text__topline {
    font-size: 1.6rem
}

@media screen and (min-width:768px) {
    .trenner__text__topline {
        font-size: 1.8rem
    }
}

.content-accordion__content,
.content-accordion__text,
.form__feedback-message,
.form__paragraph,
.infoheadline,
.multimediahead__shorttext,
.textabsatz,
.verweisabsatz,
.verweisabsatz__link,
.verweisabsatz__link-description {
    font-size: 2rem;
    line-height: 2.6rem
}

.content-accordion__headline--text-big,
.form__feedback-message strong,
.form__fieldset .form__legend,
.form__headline,
.meldung__subhead {
    font-size: 2.4rem;
    line-height: 2.8rem
}

@media screen and (min-width:768px) {

    .content-accordion__headline--text-big,
    .form__feedback-message strong,
    .form__fieldset .form__legend,
    .form__headline,
    .meldung__subhead {
        font-size: 2.6rem;
        line-height: 3rem
    }
}

.meldung__subhead .meldung__subhead__badge {
    font-size: 1.4rem;
    line-height: 1.6rem
}

@media screen and (min-width:768px) {
    .meldung__subhead .meldung__subhead__badge {
        font-size: 1.6rem;
        line-height: 1.8rem
    }
}

.simpletable>caption {
    font-size: 2.4rem;
    line-height: 2.8rem
}

@media screen and (min-width:768px) {
    .simpletable>caption {
        font-size: 2.6rem;
        line-height: 3rem
    }
}

.boersenbox__embed__title,
.teaser-absatz__headline,
.teaser-left__headline,
.teaser-mikro__headline,
.teaser-right__headline,
.teaser-slider__headline,
.teaser-xs__headline {
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 2.8rem
}

.bulletpoint-list a,
.textabsatz a,
.textlink,
.textlink--extern,
.verweisabsatz__link-ziel,
.vueslider .swiper-description-text a {
    border-bottom: .1rem solid #015999;
    color: #015999
}

.vueslider .swiper-slide.color--tongue .swiper-description-text a {
    border-bottom: .1rem solid #fff;
    color: #fff
}

.teaser-absatz__shorttext,
.teaser-left__shorttext,
.teaser-right__shorttext {
    color: #33322f;
    font-size: 1.6rem;
    line-height: 2.1rem
}

.absatzbild__info__text,
.article-image-only__info__text,
.content-liste,
.copytext__audio__details,
.copytext__audio__title,
.copytext__video__details,
.copytext__video__title,
.form__infotext,
.header-app-video__text,
.header-app-video__title,
.header-app-video__topline,
.image-rights__info,
.mappingbox__text,
.media-subline__info-text,
.mediaplayer-subline__details,
.mediaplayer-subline__title,
.mubu-container__content__info__title,
.user-kommentar__headline,
.vueslider .swiper-description-text {
    font-size: 1.6rem;
    line-height: 2.1rem
}

.absatzbild__info__copyright,
.article-image-only__info__copyright,
.copytext__audio__metainfo,
.copytext__video__metainfo,
.header-app-video__date,
.mappingbox__infotext,
.media-subline__info__copyright,
.mediaplayer-subline__metainfo,
.mubu-container__content__info__metainfo,
.vueslider .swiper-copyright {
    font-size: 1.6rem;
    font-style: italic;
    line-height: 2.1rem
}

.external-embed__disclaimer,
.user-kommentar__body,
.user-kommentar__datum,
.user-kommentar__username {
    font-size: 1.6rem;
    line-height: 2rem
}

.absatzbild__info__text,
.article-image-only__info__text,
.content-liste>li,
.copytext__audio__details,
.copytext__audio__metainfo,
.copytext__video__details,
.copytext__video__metainfo,
.header-app-video__info,
.media-subline__info-text,
.mediaplayer-subline__details,
.mediaplayer-subline__metainfo,
.socialbuttons--with-endline {
    border-bottom: .1rem solid #e4e4e4
}

.vueslider .swiper-slide.color--tongue .swiper-description-text {
    border-bottom: .1rem solid hsla(0, 0%, 100%, .25)
}

.ergebnisse,
.paginierung {
    font-size: 1.6rem;
    line-height: 1.6rem
}

.bulletpoint-list {
    font-size: 1.8rem;
    line-height: 2.4rem
}

.wahlbeteiligung--number {
    font-size: 2.8rem;
    font-weight: 700
}

@media screen and (min-width:768px) {
    .wahlbeteiligung--number {
        font-size: 3.2rem
    }
}

.content-accordion__headline {
    font-size: 1.8rem;
    line-height: 2rem
}

.expanderbox__header--large-text {
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 2.8rem
}

@media screen and (min-width:768px) {
    .expanderbox__header--large-text {
        font-size: 2.6rem;
        line-height: 3rem
    }
}

.content-accordion__content .textabsatz,
.content-accordion__content--shorttext,
.content-accordion__text--shorttext,
.textlink--mit-icon {
    font-size: 1.8rem;
    line-height: 2.4rem
}

.btn--uppercase-text__label,
.btn--uppercase-text__shortlabel abbr {
    font-size: 1.4rem;
    letter-spacing: .11rem
}

.teaser__headline {
    margin-bottom: 1.2rem
}

.boersenbox__embed__title,
.teaser-absatz__headline,
.teaser-left__headline,
.teaser-mikro__headline,
.teaser-right__headline,
.teaser-slider__headline,
.teaser-xs__headline {
    margin-top: -.1rem;
    padding: .1rem 0 0
}

@media screen and (min-width:768px) {

    .teaser-absatz__shorttext,
    .teaser-right__shorttext {
        padding-left: 1.5rem
    }
}

@media screen and (min-width:1024px) {

    .teaser-absatz__shorttext,
    .teaser-right__shorttext {
        padding-left: 2rem
    }
}

.eilmeldung__headline,
.multimediahead__headline,
.seitenkopf__headline--text,
.teaser--top .teaser__headline,
.teaser--top-aufmacher .teaser__headline {
    margin-bottom: 1.2rem
}

@media screen and (min-width:768px) {

    .eilmeldung__headline,
    .multimediahead__headline,
    .seitenkopf__headline--text,
    .teaser--top .teaser__headline,
    .teaser--top-aufmacher .teaser__headline {
        margin-bottom: 1rem
    }
}

.trenner__text__topline {
    margin-bottom: .4rem
}

@media screen and (min-width:768px) {
    .trenner__text__topline {
        margin-bottom: .6rem
    }
}

.spacing-top-xs {
    margin-top: .4rem
}

.spacing-top-s {
    margin-top: .8rem
}

.spacing-top-s-plus {
    margin-top: 1rem
}

.spacing-top-m,
.user-kommentar__body {
    margin-top: 1.2rem
}

.spacing-top-l {
    margin-top: 1.6rem
}

.spacing-top-l-plus {
    margin-top: 2rem
}

.spacing-top-xl {
    margin-top: 2.4rem
}

.spacing-top-xxl {
    margin-top: 3.2rem
}

.spacing-top-xxxl {
    margin-top: 4.8rem
}

.spacing-bottom-xs {
    margin-bottom: .4rem
}

.spacing-bottom-s {
    margin-bottom: .8rem
}

.spacing-bottom-s-plus {
    margin-bottom: 1rem
}

.spacing-bottom-m {
    margin-bottom: 1.2rem
}

.spacing-bottom-l {
    margin-bottom: 1.6rem
}

.spacing-bottom-l-plus {
    margin-bottom: 2rem
}

.spacing-bottom-xl {
    margin-bottom: 2.4rem
}

.spacing-bottom-xxl {
    margin-bottom: 3.2rem
}

.spacing-bottom-xxxl {
    margin-bottom: 4.8rem
}

.padding-left-none {
    padding-left: 0 !important
}

@media only screen and (min-width:768px) {
    .spacing-m-top-none {
        margin-top: 0
    }

    .spacing-m-top-xs {
        margin-top: .4rem
    }

    .spacing-m-top-s {
        margin-top: .8rem
    }

    .spacing-m-top-s-plus {
        margin-top: 1rem
    }

    .spacing-m-top-m {
        margin-top: 1.2rem
    }

    .spacing-m-top-l {
        margin-top: 1.6rem
    }

    .spacing-m-top-l-plus {
        margin-top: 2rem
    }

    .spacing-m-top-xl {
        margin-top: 2.4rem
    }

    .spacing-m-top-xxl {
        margin-top: 3.2rem
    }

    .spacing-m-top-xxxl {
        margin-top: 4.8rem
    }

    .spacing-m-bottom-none {
        margin-bottom: 0
    }

    .spacing-m-bottom-xs {
        margin-top: .4rem
    }

    .spacing-m-bottom-s {
        margin-bottom: .8rem
    }

    .spacing-m-bottom-s-plus {
        margin-bottom: 1rem
    }

    .spacing-m-bottom-m {
        margin-bottom: 1.2rem
    }

    .spacing-m-bottom-l {
        margin-bottom: 1.6rem
    }

    .spacing-m-bottom-l-plus {
        margin-bottom: 2rem
    }

    .spacing-m-bottom-xl {
        margin-bottom: 2.4rem
    }

    .spacing-m-bottom-xxl {
        margin-bottom: 3.2rem
    }

    .spacing-m-bottom-xxxl {
        margin-bottom: 4.8rem
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .frame-m {
        box-sizing: border-box;
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media only screen and (min-width:1024px) {
    .spacing-l-top-none {
        margin-top: 0
    }

    .spacing-l-top-xs {
        margin-top: .4rem
    }

    .spacing-l-top-s {
        margin-top: .8rem
    }

    .spacing-l-top-s-plus {
        margin-top: 1rem
    }

    .spacing-l-top-m {
        margin-top: 1.2rem
    }

    .spacing-l-top-l {
        margin-top: 1.6rem
    }

    .spacing-l-top-l-plus {
        margin-top: 2rem
    }

    .spacing-l-top-xl {
        margin-top: 2.4rem
    }

    .spacing-l-top-xxl {
        margin-top: 3.2rem
    }

    .spacing-l-top-xxxl {
        margin-top: 4.8rem
    }

    .spacing-l-bottom-none {
        margin-bottom: 0
    }

    .spacing-l-bottom-xs {
        margin-bottom: .4rem
    }

    .spacing-l-bottom-s {
        margin-bottom: .8rem
    }

    .spacing-l-bottom-s-plus {
        margin-bottom: 1rem
    }

    .spacing-l-bottom-m {
        margin-bottom: 1.2rem
    }

    .spacing-l-bottom-l {
        margin-bottom: 1.6rem
    }

    .spacing-l-bottom-l-plus {
        margin-bottom: 2rem
    }

    .spacing-l-bottom-xl {
        margin-bottom: 2.4rem
    }

    .spacing-l-bottom-xxl {
        margin-top: 3.2rem
    }

    .spacing-l-bottom-xxxl {
        margin-bottom: 4.8rem
    }
}

.image-rights__info,
.teaser__teaserinfo {
    padding: 1.6rem 2rem 0
}

.color-coded-box__border-container,
.content-accordion__content,
.content-accordion__text,
.content-accordion__text--shorttext,
.content-accordion__text--textabsatz,
.infoheadline--inpedendent,
.liveblog__datetime,
.meldung__subhead,
.meldung__topline-subhead,
.meldung__uhrzeit,
.meldungsfooter,
.metatextline,
.seitenkopf__headline--text,
.seitenkopf__topline,
.teaser__medialinks .mubu-container__content,
.textabsatz,
.textlink--mit-icon,
.wahlbeteiligung {
    padding: 0 2rem
}

@media screen and (min-width:1024px) {
    .teaser__medialinks .mubu-container__content {
        padding: 0
    }
}

.form__paragraph,
.textabsatz,
.verweisabsatz {
    margin: 0 0 2.4rem
}

.form__feedback-message,
.form__fieldset .form__legend,
.form__headline,
.liveblog__datetime,
.meldung__uhrzeit,
.simpletable>caption {
    margin: .8rem 0 1.6rem
}

.external-embed--livecenter:not(.external-embed--loaded):after,
.lazy-swiper--prerender-height-16x9,
.lazy-swiper--prerender-height-1x1,
.mediaplayer--lazy-loading,
.teaser-slider--prerender-height-16x9,
.ts-picture {
    background-image: url(../icon/ts_watermark_white.svg)
}

.teaser-slider__wrapper .swiper-button-next,
.teaser-slider__wrapper .swiper-button-prev,
.vueslider .swiper-button-next,
.vueslider .swiper-button-prev {
    background: rgba(0, 0, 0, .6);
    border-radius: 50%;
    height: 7rem;
    opacity: 0;
    transition: all .2s ease-in-out;
    width: 7rem
}

.teaser-slider__wrapper .swiper-button-disabled.swiper-button-next,
.teaser-slider__wrapper .swiper-button-disabled.swiper-button-prev,
.vueslider .swiper-button-disabled.swiper-button-next,
.vueslider .swiper-button-disabled.swiper-button-prev {
    opacity: 0
}

.teaser-slider__wrapper .swiper-button-next:active,
.teaser-slider__wrapper .swiper-button-next:focus,
.teaser-slider__wrapper .swiper-button-next:hover,
.teaser-slider__wrapper .swiper-button-prev:active,
.teaser-slider__wrapper .swiper-button-prev:focus,
.teaser-slider__wrapper .swiper-button-prev:hover,
.vueslider .swiper-button-next:active,
.vueslider .swiper-button-next:focus,
.vueslider .swiper-button-next:hover,
.vueslider .swiper-button-prev:active,
.vueslider .swiper-button-prev:focus,
.vueslider .swiper-button-prev:hover {
    background: #015999
}

.teaser-slider__wrapper .swiper-button-next:after,
.teaser-slider__wrapper .swiper-button-prev:after,
.vueslider .swiper-button-next:after,
.vueslider .swiper-button-prev:after {
    content: ""
}

.teaser-slider__wrapper .swiper-button-next .icon,
.teaser-slider__wrapper .swiper-button-prev .icon,
.vueslider .swiper-button-next .icon,
.vueslider .swiper-button-prev .icon {
    height: 4rem;
    left: 50%;
    margin-top: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 4rem
}

.teaser-slider__wrapper .swiper-pagination-bullet,
.vueslider .swiper-pagination-bullet {
    background: #80807e;
    opacity: 1
}

.teaser-slider__wrapper .swiper-pagination-bullet-active,
.vueslider .swiper-pagination-bullet-active {
    background: #015999
}

.teaser-slider__wrapper .swiper-pagination-bullets:not(.swiper-pagination-bullets-dynamic) .swiper-pagination-bullet-active,
.vueslider .swiper-pagination-bullets:not(.swiper-pagination-bullets-dynamic) .swiper-pagination-bullet-active {
    height: 1.8rem;
    position: relative;
    top: .5rem;
    width: 1.8rem
}

.teaser-slider__wrapper .swiper-pagination-bullets-dynamic.swiper-pagination-bullets .swiper-pagination-bullet,
.vueslider .swiper-pagination-bullets-dynamic.swiper-pagination-bullets .swiper-pagination-bullet {
    height: 1.8rem;
    width: 1.8rem
}

.container {
    box-sizing: border-box;
    padding: 0;
    width: 100%
}

.column,
.columns {
    float: left;
    margin-top: 0
}

.row:after,
.row:before {
    content: " ";
    display: table
}

.row:after {
    clear: both
}

.columns.one {
    width: 8.333333333333332%
}

.columns.two {
    width: 16.666666666666664%
}

.columns.two-and-a-half {
    width: 20%
}

.columns.three {
    width: 25%
}

.columns.four {
    width: 33.333333333333336%
}

.columns.five {
    width: 41.666666666666664%
}

.columns.six {
    width: 50%
}

.columns.seven {
    width: 58.333333333333336%
}

.columns.eight {
    width: 66.66666666666667%
}

.columns.nine {
    width: 75%
}

.columns.ten {
    width: 83.33333333333333%
}

.columns.eleven {
    width: 91.66666666666667%
}

.columns.twelve {
    width: 100%
}

.columns.offset-one {
    margin-left: 8.333333333333332%
}

.columns.offset-two {
    margin-left: 16.666666666666664%
}

.columns.offset-two-and-a-half {
    margin-left: 20%
}

.columns.offset-three {
    margin-left: 25%
}

.columns.offset-four {
    margin-left: 33.333333333333336%
}

.columns.offset-five {
    margin-left: 41.666666666666664%
}

.columns.offset-six {
    margin-left: 50%
}

.columns.offset-seven {
    margin-left: 58.333333333333336%
}

.columns.offset-eight {
    margin-left: 66.66666666666667%
}

.columns.offset-nine {
    margin-left: 75%
}

.columns.offset-ten {
    margin-left: 83.33333333333333%
}

.columns.offset-eleven {
    margin-left: 91.66666666666667%
}

@media only screen and (min-width:768px) {
    .columns.m-one {
        width: 8.333333333333332%
    }

    .columns.m-two {
        width: 16.666666666666664%
    }

    .columns.m-two-and-a-half {
        width: 20%
    }

    .columns.m-three {
        width: 25%
    }

    .columns.m-four {
        width: 33.333333333333336%
    }

    .columns.m-five {
        width: 41.666666666666664%
    }

    .columns.m-six {
        width: 50%
    }

    .columns.m-seven {
        width: 58.333333333333336%
    }

    .columns.m-eight {
        width: 66.66666666666667%
    }

    .columns.m-nine {
        width: 75%
    }

    .columns.m-ten {
        width: 83.33333333333333%
    }

    .columns.m-eleven {
        width: 91.66666666666667%
    }

    .columns.m-twelve {
        width: 100%
    }

    .columns.m-offset-one {
        margin-left: 8.333333333333332%
    }

    .columns.m-offset-two {
        margin-left: 16.666666666666664%
    }

    .columns.m-offset-two-and-a-half {
        margin-left: 20%
    }

    .columns.m-offset-three {
        margin-left: 25%
    }

    .columns.m-offset-four {
        margin-left: 33.333333333333336%
    }

    .columns.m-offset-five {
        margin-left: 41.666666666666664%
    }

    .columns.m-offset-six {
        margin-left: 50%
    }

    .columns.m-offset-seven {
        margin-left: 58.333333333333336%
    }

    .columns.m-offset-eight {
        margin-left: 66.66666666666667%
    }

    .columns.m-offset-nine {
        margin-left: 75%
    }

    .columns.m-offset-ten {
        margin-left: 83.33333333333333%
    }

    .columns.m-offset-eleven {
        margin-left: 91.66666666666667%
    }
}

@media only screen and (min-width:1024px) {
    .columns.l-one {
        width: 8.333333333333332%
    }

    .columns.l-two {
        width: 16.666666666666664%
    }

    .columns.l-two-and-a-half {
        width: 20%
    }

    .columns.l-three {
        width: 25%
    }

    .columns.l-four {
        width: 33.333333333333336%
    }

    .columns.l-five {
        width: 41.666666666666664%
    }

    .columns.l-six {
        width: 50%
    }

    .columns.l-seven {
        width: 58.333333333333336%
    }

    .columns.l-eight {
        width: 66.66666666666667%
    }

    .columns.l-nine {
        width: 75%
    }

    .columns.l-ten {
        width: 83.33333333333333%
    }

    .columns.l-eleven {
        width: 91.66666666666667%
    }

    .columns.l-twelve {
        width: 100%
    }

    .columns.l-auto {
        width: auto
    }

    .columns.l-offset-none {
        margin-left: 0
    }

    .columns.l-offset-one {
        margin-left: 8.333333333333332%
    }

    .columns.l-offset-two {
        margin-left: 16.666666666666664%
    }

    .columns.l-offset-two-and-a-half {
        margin-left: 20%
    }

    .columns.l-offset-three {
        margin-left: 25%
    }

    .columns.l-offset-four {
        margin-left: 33.333333333333336%
    }

    .columns.l-offset-five {
        margin-left: 41.666666666666664%
    }

    .columns.l-offset-six {
        margin-left: 50%
    }

    .columns.l-offset-seven {
        margin-left: 58.333333333333336%
    }

    .columns.l-offset-eight {
        margin-left: 66.66666666666667%
    }

    .columns.l-offset-nine {
        margin-left: 75%
    }

    .columns.l-offset-ten {
        margin-left: 83.33333333333333%
    }

    .columns.l-offset-eleven {
        margin-left: 91.66666666666667%
    }
}

.offset-by-one.column,
.offset-by-one.columns {
    margin-left: 8.333333333333332%
}

.offset-by-two.column,
.offset-by-two.columns {
    margin-left: 16.6666666666667%
}

.offset-by-two-and-a-half.column,
.offset-by-two-and-a-half.columns {
    margin-left: 20%
}

.offset-by-three.column,
.offset-by-three.columns {
    margin-left: 25%
}

.columns.debug {
    outline: 1px dotted red;
    outline-offset: -1px
}

.debug-grid {
    bottom: 0;
    display: none;
    left: 0;
    opacity: .8;
    padding: 0;
    position: fixed;
    right: 0;
    top: 45px;
    z-index: 998
}

.debug-grid-inner {
    height: 100%;
    margin: 0 auto;
    max-width: 1200px;
    width: 100%
}

.debug-grid .columns:first-child {
    border-left: 0
}

.debug-grid .columns,
.debug-grid .columns.debug {
    background: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    font-size: 0;
    height: 100%
}

.debug-grid .columns.debug.one,
.debug-grid .columns.one {
    border-right: 1px solid #ccc;
    outline: none
}

body {
    background-color: #f1f1f1
}

body.disablescroll {
    overflow-y: scroll;
    position: fixed;
    width: 100%
}

body.empty-content {
    background-color: transparent
}

.layout-container {
    margin: 0 auto;
    max-width: 1200px;
    width: 100%
}

.layout-content {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    padding-top: 10.2rem
}

.layout-content.scrolled {
    padding-top: 9rem
}

.global-wrapper {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 100%
}

@media print {
    .layout-content {
        overflow: visible
    }
}

.teasergroup {
    margin-top: 1.6rem
}

.teasergroup--docked {
    margin-top: 0
}

.teasergroup.color--tongue {
    background: #015999;
    color: #fff
}

.teasergroup.color--emotional {
    background: #33322f;
    color: #fff
}

.teasergroup:first-child {
    margin-top: 0
}

.content-wrapper {
    background-color: #fff;
    display: block;
    margin: auto;
    max-width: 1024px
}

@media screen and (min-width:1921px) {
    .content-wrapper {
        max-width: 1200px
    }
}

.teasergroup--cut.teasergroup {
    margin-top: 1.6rem
}

.teasergroup--cut:before {
    background-color: #f1f1f1;
    content: "";
    display: block;
    height: 1.6rem;
    margin-top: -1.6rem
}

@media screen and (min-width:768px) {
    .teasergroup--cut:before {
        left: -4rem;
        position: absolute;
        width: calc(100% + 4rem)
    }

    .content-wrapper {
        padding: 0
    }
}

@media screen and (min-width:1024px) {
    .content-wrapper {
        padding: 0 40px
    }

    .layout-content,
    .layout-content.scrolled {
        padding-top: 11.6rem
    }
}

@media screen and (min-width:1104px) {
    .global-wrapper {
        max-width: 110.4rem
    }
}

@media screen and (min-width:1921px) {
    .global-wrapper {
        max-width: 128rem
    }
}

@media print {
    .layout-content {
        padding-top: 0
    }
}

@page {
    margin: 2cm
}

@media screen and (max-width:767px) {

    .hidden-s,
    .visible-m {
        display: none !important
    }
}

@media screen and (min-width:768px) {
    .hidden-m {
        display: none !important
    }
}

@media screen and (min-width:1024px) {
    .hidden-l {
        display: none !important
    }
}

@media screen and (max-width:1024px) {
    .visible-l {
        display: none !important
    }
}

.hidden {
    left: -10000px;
    position: absolute
}

.hyphenate {
    font: inherit;
    hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto
}

.btn.btn--tongue,
.tag-btn.tag-btn--tongue {
    background: #015999;
    color: #fff
}

.btn.btn--tongue:hover,
.tag-btn.tag-btn--tongue:hover {
    background: #4082b3;
    color: #fff
}

.btn.btn--tongue:focus,
.tag-btn.tag-btn--tongue:focus {
    outline-color: #99bdd6
}

.btn.btn--light-grey,
.btn.btn--light-grey-disabled,
.tag-btn.tag-btn--light-grey {
    background: #e4e4e4;
    color: #33322f
}

.btn.btn--light-grey-disabled:hover,
.btn.btn--light-grey:hover,
.tag-btn.tag-btn--light-grey:hover {
    background: #c2c2c1
}

.btn.btn--light-grey-disabled {
    color: #c2c2c1
}

.btn.btn--light-grey:focus,
.tag-btn.tag-btn--light-grey:focus {
    outline-color: #80807e
}

.btn.btn--emotional {
    background: #fff;
    color: #33322f
}

.btn.btn--emotional:hover {
    background: #e4e4e4
}

.btn.btn--emotional:focus {
    outline-color: #c2c2c1
}

.content-wrapper.content-wrapper--show-cuts {
    background-color: transparent;
    max-width: 110.4rem
}

.content-wrapper.content-wrapper--show-cuts .layout-container {
    max-width: 128rem
}

@media screen and (min-width:1921px) {
    .content-wrapper.content-wrapper--show-cuts {
        max-width: 128rem
    }
}

@media screen and (min-width:1024px) {
    .content-wrapper.content-wrapper--show-cuts {
        padding: 0
    }
}

.content-wrapper.content-wrapper--show-cuts .teasergroup {
    background-color: #fff;
    box-sizing: border-box
}

.content-wrapper.content-wrapper--show-cuts .teasergroup.color--tongue {
    background-color: #015999
}

.content-wrapper.content-wrapper--show-cuts .teasergroup.color--emotional {
    background-color: #33322f
}

.content-wrapper.content-wrapper--show-cuts .teasergroup:first-child {
    padding-top: 0
}

@media screen and (min-width:1024px) {
    .content-wrapper.content-wrapper--show-cuts .teasergroup {
        padding: 2.4rem 4rem 0
    }
}

.content-wrapper.content-wrapper--show-cuts .content-wrapper__group {
    background-color: #fff;
    box-sizing: border-box;
    padding-top: 0
}

@media screen and (min-width:1024px) {
    .content-wrapper.content-wrapper--show-cuts .content-wrapper__group {
        padding: 0 4rem
    }
}

.cuts--undercut,
.cuts--uppercut {
    box-sizing: border-box;
    display: inline-block
}

.cuts--uppercut {
    margin-top: 1.6rem
}

.cuts--undercut {
    margin-bottom: 1.6rem
}

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

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

@font-face {
    font-display: swap;
    font-family: Thesis;
    font-style: italic;
    font-weight: 400;
    src: url(../fonts/TheSansC5s-4_SemiLightItalic.woff2) format("woff2"), url(../fonts/TheSansC5s-4_SemiLightItalic.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: ThesisCaps;
    font-weight: 400;
    src: url(../fonts/TheSansC5s-4_SemiLight.woff2) format("woff2"), url(../fonts/TheSansC5s-4_SemiLight.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Thesis Plus Kyrillic;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/kyrillic/TheSansE4s-4_SemiLight.woff2) format("woff2"), url(../fonts/kyrillic/TheSansE4s-4_SemiLight.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Thesis Plus Kyrillic;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/kyrillic/TheSansE4s-6_SemiBold.woff2) format("woff2"), url(../fonts/kyrillic/TheSansE4s-6_SemiBold.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Thesis Plus Kyrillic;
    font-style: italic;
    font-weight: 400;
    src: url(../fonts/kyrillic/TheSansE4s-4iSemiLightIta.woff2) format("woff2"), url(../fonts/kyrillic/TheSansE4s-4iSemiLightIta.woff) format("woff")
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    color: #33322f;
    font-size: 62.5%
}

@media screen and (max-width:360px) {
    html {
        font-size: 56%
    }
}

@media print {
    html {
        font-size: 50%
    }
}

a,
acronym,
address,
applet,
big,
blockquote,
body,
button,
caption,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
iframe,
img,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
select,
small,
span,
strike,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
ul,
var {
    border: 0;
    outline: none
}

.btn--icon {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 100%;
    justify-content: center;
    padding: .1rem;
    width: 100%
}

.btn--icon .icon {
    padding: .4rem;
    width: 100%
}

.burger-button-animated {
    fill: #33322f;
    background: transparent;
    cursor: pointer;
    height: 4.5rem;
    padding: 1rem;
    position: absolute;
    right: 2.5rem;
    top: 1rem;
    width: 4.5rem;
    z-index: 141
}

.burger-button-animated:focus {
    outline: 2px solid #80807e
}

.burger-button-animated svg {
    pointer-events: none
}

.burger-button-animated .firstline {
    transform: rotate(0);
    transform-origin: 2px 8px;
    transition: all .3s
}

.burger-button-animated .secondline {
    opacity: 1;
    transition: all .3s
}

.burger-button-animated .thirdline {
    transform: rotate(0);
    transform-origin: 2px 26px;
    transition: all .3s
}

.burger-button-animated .isX .firstline {
    transform: rotate(45deg);
    transform-origin: 4px 13px
}

.burger-button-animated .isX .secondline {
    opacity: 0
}

.burger-button-animated .isX .thirdline {
    transform: rotate(-45deg);
    transform-origin: 7px 23px
}

.small .burger-button-animated {
    top: .3rem
}

@media only screen and (min-width:768px) {
    .burger-button-animated {
        right: 4.6rem
    }
}

@media only screen and (min-width:1024px) {

    .burger-button-animated,
    .small .burger-button-animated {
        height: 5.6rem;
        right: 4.2rem;
        top: 1.2rem;
        width: 5.6rem
    }
}

.btn--text {
    align-items: center;
    display: inline-flex;
    font-size: 1.6rem;
    line-height: 2.4rem;
    padding: .4rem 1rem;
    text-align: center
}

.btn--text .icon {
    height: 2.4rem;
    padding-left: 1rem;
    width: 2.4rem
}

.btn--text__brackets {
    margin-left: .4rem
}

.btn--text__brackets:before {
    content: "(";
    font-weight: 400
}

.btn--text__brackets:after {
    content: ")";
    font-weight: 400
}

.btn--text.btn--fullwidth {
    border: none;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    width: 100%
}

.btn--text.btn--fullwidth .btn__label {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.btn--uppercase-text {
    align-items: center;
    display: inline-flex;
    padding: .4rem 1rem;
    text-align: center
}

.btn--uppercase-text__label,
.btn--uppercase-text__shortlabel abbr {
    line-height: 2.4rem
}

.btn--uppercase-text.is-active .btn--uppercase-text__label,
.btn--uppercase-text.is-active .btn--uppercase-text__shortlabel abbr {
    font-weight: 700
}

.btn--uppercase-text .icon {
    height: 2.4rem;
    padding-left: 1rem;
    width: 2.4rem
}

.btn--uppercase-text.btn--light-grey .icon {
    fill: #33322f
}

.btn--uppercase-text.btn--light-grey.active .icon {
    fill: #fff
}

.btn--uppercase-text__shortlabel abbr {
    border-bottom: none;
    cursor: pointer
}

.btn--uppercase-text__shortlabel abbr:active:after,
.btn--uppercase-text__shortlabel abbr:focus:after,
.btn--uppercase-text__shortlabel abbr:hover:after {
    content: "";
    display: none
}

.btn--uppercase-text .btn--uppercase-text__shortlabel+.btn--uppercase-text__label {
    display: none
}

@media screen and (min-width:768px) {
    .btn--uppercase-text__shortlabel {
        display: none
    }

    .btn--uppercase-text .btn--uppercase-text__shortlabel+.btn--uppercase-text__label {
        display: block
    }
}

.transparent-btn {
    background: transparent;
    cursor: pointer;
    height: 5rem;
    width: 5rem
}

.transparent-btn:focus {
    outline: .3rem solid #80807e;
    outline-offset: -.3rem
}

.transparent-btn svg {
    fill: #80807e
}

.tag-btn {
    background-color: #fff;
    border-radius: 1.8rem;
    color: #33322f;
    cursor: pointer;
    font-size: 1.6rem;
    padding: .7rem 1.2rem
}

.tag-btn:focus {
    outline-offset: .2rem
}

.tag-btn--small {
    font-size: 1.4rem;
    padding: .4rem 1rem
}

.tag-btn--medium {
    font-size: 1.6rem;
    padding: .5rem 1.2rem
}

.tag-btn--large {
    font-size: 1.8rem;
    padding: .6rem 1.4rem
}

.burger-menu-button {
    fill: #33322f;
    background: transparent;
    cursor: pointer;
    display: none;
    height: 4.5rem;
    padding: 1rem;
    position: absolute;
    right: 2.5rem;
    top: 1rem;
    width: 4.5rem;
    z-index: 141
}

.burger-menu-button:focus {
    outline: .2rem solid #80807e
}

.burger-menu-button svg {
    pointer-events: none
}

.burger-menu-button--active {
    display: block
}

.small .burger-menu-button {
    top: .3rem
}

@media only screen and (min-width:768px) {
    .burger-menu-button {
        right: 4.6rem
    }
}

@media only screen and (min-width:1024px) {

    .burger-menu-button,
    .small .burger-menu-button {
        height: 5.6rem;
        right: 4.2rem;
        top: 1.2rem;
        width: 5.6rem
    }
}

.burger-menu-button-close {
    fill: #33322f;
    background: transparent;
    cursor: pointer;
    display: none;
    height: 6.5rem;
    padding: 1rem;
    position: absolute;
    right: 2.5rem;
    top: 0;
    width: 4.5rem;
    z-index: 142
}

.burger-menu-button-close:focus {
    outline: .2rem solid #80807e
}

.burger-menu-button-close svg {
    pointer-events: none
}

.js-active-close-button {
    display: block
}

.small+.burger-navi-holder .burger-menu-button-close {
    height: 5.2rem
}

@media only screen and (min-width:768px) {
    .burger-menu-button-close {
        right: 4.6rem
    }
}

@media only screen and (min-width:1024px) {

    .burger-menu-button-close,
    .small+.burger-navi-holder .burger-menu-button-close {
        height: 8rem;
        right: 4.2rem;
        width: 5.5rem
    }
}

.icon.color--tongue {
    fill: #015999
}

.icon.color--light {
    fill: #fff
}

.icon.color--emotional {
    fill: #e4e4e4
}

.icon.color--unicorn {
    fill: #ff00ed
}

.icon.color--breaking {
    fill: #cd144a
}

.icon-animated--pulse {
    animation: pulse 1.6s infinite;
    background: #cd144a;
    border-radius: 50%;
    box-shadow: 0 0 0 rgba(205, 20, 74, .7);
    cursor: pointer;
    display: block;
    height: 1.8rem;
    width: 1.8rem
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(205, 20, 74, .7)
    }

    70% {
        -webkit-box-shadow: 0 0 0 .6rem rgba(205, 20, 74, 0)
    }

    to {
        -webkit-box-shadow: 0 0 0 0 rgba(205, 20, 74, 0)
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(205, 20, 74, .7);
        box-shadow: 0 0 0 0 rgba(205, 20, 74, .7)
    }

    70% {
        -moz-box-shadow: 0 0 0 .6rem rgba(205, 20, 74, 0);
        box-shadow: 0 0 0 .6rem rgba(205, 20, 74, 0)
    }

    to {
        -moz-box-shadow: 0 0 0 0 rgba(205, 20, 74, 0);
        box-shadow: 0 0 0 0 rgba(205, 20, 74, 0)
    }
}

.divider {
    border-bottom: .1rem solid #e4e4e4;
    display: block
}

.divider--bsc {
    border-color: #4082b3
}

.divider-list>li {
    border-bottom: .1rem solid #e4e4e4
}

.divider-list>li:last-child {
    border-bottom: none
}

.divider-list.divider-list__bottom>li:last-child {
    border-bottom: .1rem solid #e4e4e4
}

.divider-list.divider-list__outside>li:first-child,
.divider-list.divider-list__top>li:first-child {
    border-top: .1rem solid #e4e4e4
}

.divider-list.divider-list__outside>li:last-child {
    border-bottom: .1rem solid #e4e4e4;
    border-top: .1rem solid #e4e4e4
}

.divider-list.color--tongue.divider-list__bottom>li:last-child,
.divider-list.color--tongue>li {
    border-bottom: .1rem solid #4082b3
}

.divider-list.color--tongue.divider-list__outside>li:first-child,
.divider-list.color--tongue.divider-list__top>li:first-child {
    border-top: .1rem solid #4082b3
}

.divider-list.color--tongue.divider-list__outside>li:last-child {
    border-bottom: .1rem solid #4082b3;
    border-top: .1rem solid #4082b3
}

.wahlbeteiligung--divider:after {
    border-bottom: .1rem solid #e4e4e4;
    content: "";
    display: flex;
    width: 100%
}

@media screen and (min-width:768px) {
    .wahlbeteiligung--divider:after {
        border-right: .1rem solid #e4e4e4
    }
}

.image-btn {
    box-sizing: border-box;
    display: block;
    height: 4rem;
    padding: 1rem;
    width: 4rem
}

.image-btn .icon {
    fill: #80807e
}

.textonly-btn {
    color: #33322f;
    font-size: 1.6rem;
    padding: .4rem;
    position: relative
}

.textonly-btn:focus {
    outline: none;
    outline-offset: unset
}

.textonly-btn:focus:after {
    border: 2px solid #253443;
    bottom: 0;
    content: "";
    height: 100%;
    left: -.2rem;
    position: absolute;
    right: 0;
    top: -.2rem;
    width: 100%
}

.textonly-btn--active:after {
    padding-bottom: .4rem
}

.textonly-btn--active:before {
    background: #015999;
    bottom: 0;
    content: "";
    height: 3px;
    left: .4rem;
    position: absolute;
    width: calc(100% - .8rem)
}

.form__element-wrapper {
    margin-bottom: 2.4rem
}

.form-label {
    color: #33322f;
    font-size: 1.6rem;
    line-height: 2rem;
    position: relative
}

.form-label.color--light {
    background-color: #e4e4e4
}

.form-label.color--tongue {
    background-color: #015999;
    color: #fff
}

.form-label.color--dark {
    background-color: #80807e;
    color: #fff
}

.form-checkbox {
    align-items: flex-start;
    display: flex;
    margin: 1rem 0
}

.form-checkbox .form-checkbox__hidden {
    cursor: pointer;
    height: 1.8rem;
    margin: 0;
    opacity: 0;
    position: absolute;
    width: 1.8rem
}

.form-checkbox .form-checkbox__hidden:focus {
    opacity: 1;
    outline: .2rem solid #80807e;
    outline-offset: .2rem
}

.form-checkbox__box {
    background-color: #fff;
    border: .1rem solid #80807e;
    border-radius: .3rem;
    display: inline-block;
    flex-shrink: 0;
    height: 1.6rem;
    left: 0;
    margin-right: .8rem;
    position: relative;
    width: 1.6rem
}

.form-checkbox__box:after {
    border: solid #015999;
    border-width: 0 .2rem .2rem 0;
    content: "";
    display: none;
    height: .9rem;
    left: .5rem;
    position: absolute;
    top: .1rem;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: .4rem
}

.form-checkbox__hidden:checked~.form-checkbox__box {
    background-color: #fff
}

.form-checkbox__hidden:checked~.form-checkbox__box:after {
    display: block
}

.form-checkbox:focus .form-checkbox__box {
    border: .1rem solid #33322f
}

.form-checkbox.color--tongue .form-checkbox__box {
    background-color: #015999;
    border: .1rem solid #fff
}

.form-checkbox.color--tongue .form-checkbox__hidden:checked~.form-checkbox__box {
    background-color: #fff
}

.form-checkbox.color--tongue .form-checkbox__hidden:focus {
    outline-color: #fff
}

.form-checkbox.color--dark .form-checkbox__box {
    background-color: #80807e;
    border: .1rem solid #fff
}

.form-checkbox.color--dark .form-checkbox__hidden:checked~.form-checkbox__box {
    background-color: #fff
}

.form-checkbox.color--dark .form-checkbox__hidden:focus {
    outline-color: #fff
}

.form-checkbox.color--dark .form-checkbox__box:after {
    border: solid #80807e;
    border-width: 0 .2rem .2rem 0
}

.invalid .form-checkbox__invalid-message {
    margin-bottom: 2.4rem
}

.invalid .form-checkbox__hidden:invalid {
    opacity: 1;
    outline-offset: .2rem
}

.form-toggle__slot {
    display: inline-block;
    height: 3.1rem;
    left: 1rem;
    position: relative;
    top: 1.8rem;
    width: 5rem
}

.form-toggle__slot input {
    opacity: 0;
    pointer-events: none;
    position: absolute
}

.form-toggle__slot input:focus+.form-toggle__slider .form-toggle__knob {
    outline: .2rem solid #80807e;
    outline-offset: .2rem
}

.form--toggle.color--tongue input:focus+.form-toggle__slider .form-toggle__knob {
    outline: .2rem solid #dee9f2;
    outline-offset: .2rem
}

.form--toggle.color--dark input:focus+.form-toggle__slider .form-toggle__knob {
    outline: .2rem solid #e4e4e4;
    outline-offset: .2rem
}

.form-toggle__slider {
    background-color: #c2c2c1;
    border-radius: .3rem;
    bottom: 0;
    cursor: pointer;
    height: 1.5rem;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition-duration: .2s;
    transition-property: background-color
}

.form-label.form--toggle .form-toggle__slot {
    position: relative;
    right: .8rem;
    top: 1.8rem
}

.form-toggle__dot {
    border: solid #015999;
    border-width: 0 .2rem .2rem 0;
    display: none;
    height: .9rem;
    left: .7rem;
    position: absolute;
    top: .3rem;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: .4rem
}

.form-toggle__knob {
    background-color: #fff;
    border: .1rem solid #80807e;
    border-radius: .3rem;
    bottom: -.3rem;
    display: block;
    height: 2rem;
    left: -.1rem;
    position: absolute;
    transition-duration: .2s;
    transition-property: transform, box-shadow;
    width: 2rem
}

.form-toggle_text {
    display: inline-block;
    margin-right: 1rem;
    position: relative
}

input:checked+.form-toggle__slider .form-toggle__knob {
    transform: translateX(3rem)
}

input:checked+.form-toggle__slider .form-toggle__dot {
    display: block
}

input:checked+.form-toggle__slider {
    background-color: #015999
}

.form-label.form--toggle.color--light .form-toggle__slider {
    background-color: #fff
}

.form-label.form--toggle.color--light input:checked+.form-toggle__slider {
    background-color: #015999
}

.form-label.form--toggle.color--tongue .form-toggle__slider {
    background-color: #015999;
    border: .1rem solid #fff;
    box-sizing: border-box
}

.form-label.form--toggle.color--tongue .form-toggle__knob {
    border-color: #015999
}

.form-label.form--toggle.color--dark .form-toggle__slider {
    background-color: #80807e;
    border: .1rem solid #fff;
    box-sizing: border-box
}

.form-label.form--toggle.color--dark .form-toggle__dot {
    border-color: #33322f
}

.form-label.form--toggle.color--dark .form-toggle__knob,
.form-label.form--toggle.color--tongue .form-toggle__knob {
    bottom: -.4rem
}

.form-radio {
    cursor: pointer;
    display: block;
    margin-bottom: 1rem;
    min-height: 2rem;
    padding-left: 2.4rem;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.form-radio__input {
    cursor: pointer;
    height: 1.8rem;
    left: 0;
    margin: 0;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1.8rem
}

.form-radio__input:focus {
    opacity: 1;
    outline: .2rem solid #80807e
}

.form-radio__input:checked~.form-radio__mark:after {
    display: block
}

.form-radio__mark {
    background-color: #fff;
    border: .1rem solid #015999;
    border-radius: 50%;
    height: 1.6rem;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1.6rem
}

.form-radio__input~.form-radio__mark:after {
    background: #015999;
    border-radius: 50%;
    content: "";
    display: none;
    height: .8rem;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: .8rem
}

.form-radio.color--tongue .form-radio__input:focus {
    outline: .2rem solid #dee9f2
}

.form-radio.color--tongue .form-radio__mark {
    background-color: #fff;
    border: .1rem solid #fff
}

.form-radio.color--dark .form-radio__input:focus {
    outline: .2rem solid #e4e4e4
}

.form-radio.color--dark .form-radio__mark {
    background-color: #fff;
    border: .1rem solid #fff
}

.form-radio.color--dark .form-radio__mark:after {
    background-color: #80807e
}

.invalid .form-radio__input:invalid~.form-radio__mark {
    outline-offset: .2rem
}

.form-select {
    align-items: center;
    display: flex;
    position: relative
}

.form-select__select {
    background-color: #fff;
    background-image: url(../icon/arrow-down--fill-emotional-grey.svg);
    background-position: right 1rem center;
    background-repeat: no-repeat;
    background-size: 3.8rem 3.8rem;
    color: #33322f;
    font-size: 1.6rem;
    line-height: 1.8rem;
    outline: .1rem solid #33322f;
    padding: 2.6rem 3.6rem 1rem 1.2rem;
    width: 100%
}

.form-select .form-select__select:focus {
    color: #33322f;
    outline: .2rem solid #33322f
}

@media screen and (min-width:768px) {
    .form-select {
        max-width: 40rem
    }

    .form-select--centered {
        margin: 0 auto
    }
}

.invalid .form-select__select:invalid {
    background-image: url(../icon/arrow-down--fill-emotional-grey.svg), url(../icon/error-breaking-red.svg);
    background-position: right 1rem center, right 4.6rem center;
    background-repeat: no-repeat;
    background-size: 3.8rem 3.8rem, 1.8rem
}

.form-input {
    box-sizing: border-box;
    position: relative;
    width: 100%
}

.form-input-icon__text {
    padding: 1.6rem 5.2rem
}

.form-input-icon__text:focus,
.form-input-icon__text:not(:placeholder-shown) {
    padding-top: .8rem
}

.form-input .form-input__text:focus {
    color: #33322f;
    outline: .2rem solid #33322f
}

.form-input__label.form-label.form-input-icon__label,
.form-input__label.form-label.form-input-icon__label:not(:placeholder-shown).form-input__label {
    visibility: hidden
}

.form-input__label.form-label {
    align-items: center;
    display: flex
}

.form-input-icon__icon {
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 3.2rem;
    justify-content: center;
    left: .8rem;
    pointer-events: none;
    position: absolute;
    right: auto;
    top: 1.45rem;
    width: 3.2rem
}

.form-input-icon__icon svg {
    fill: #33322f
}

.form-input__invalid-message {
    display: none
}

.form-textarea {
    background: #fff;
    border: .1rem solid #fff;
    outline: .1rem solid #33322f;
    padding-top: 3rem;
    position: relative
}

.form-textarea__wrapper .form-textarea:focus-within {
    border: .1rem solid #fff;
    color: #33322f;
    outline: .2rem solid #33322f
}

.form-textarea__textarea {
    background: #fff;
    border: none;
    box-sizing: border-box;
    color: #80807e;
    font-size: 1.6rem;
    line-height: 2.2rem;
    padding: 0 1.2rem 1.6rem;
    position: relative;
    resize: vertical;
    width: 100%
}

.form-textarea__textarea::placeholder {
    color: transparent
}

.form-textarea__textarea:focus,
.form-textarea__textarea:not(:placeholder-shown) {
    color: #33322f;
    outline: none
}

.form-textarea__wrapper.invalid .form-textarea {
    background-position: right 1.2rem top 1.2rem
}

.form-mail {
    box-sizing: border-box;
    position: relative;
    width: 100%
}

.form-mail .form-mail__input:focus {
    color: #33322f;
    outline: .2rem solid #33322f
}

.form-mail__label.form-label {
    align-items: center;
    display: flex
}

.form__fieldset {
    margin-bottom: 2.4rem
}

.form__fieldset .form__legend {
    color: #33322f;
    display: block;
    margin-bottom: 1.2rem
}

.searchfield {
    display: inline-block;
    position: relative
}

.searchfield__input {
    background: #fff;
    border: none;
    color: #33322f;
    font-size: 1.6rem;
    height: 5.2rem;
    outline: .1rem solid #33322f;
    overflow: hidden;
    padding: 1.8rem 4.4rem 1.6rem 5.2rem
}

.searchfield__input--fullwidth {
    box-sizing: border-box;
    width: 100%
}

.searchfield__input::placeholder {
    color: #80807e;
    opacity: 1
}

.searchfield__input:-webkit-autofill,
.searchfield__input:-webkit-autofill:active,
.searchfield__input:-webkit-autofill:focus,
.searchfield__input:-webkit-autofill:hover {
    -webkit-text-fill-color: #33322f;
    -webkit-box-shadow: inset 0 0 0 5rem #fff !important
}

.searchfield .searchfield__input:focus {
    outline: .2rem solid #33322f
}

.searchfield label {
    left: -50000em;
    position: absolute
}

.searchfield--fullwidth {
    display: flex
}

.searchfield--fullwidth,
.searchfield--fullwidth .searchfield__input {
    box-sizing: border-box;
    width: 100%
}

.searchfield__icon {
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 5.2rem;
    justify-content: center;
    left: -.4rem;
    pointer-events: none;
    position: absolute;
    right: auto;
    top: 0;
    width: 5.2rem
}

.searchfield__icon .icon--search {
    fill: #33322f;
    height: 2rem;
    width: 2rem
}

.searchfield__submit {
    background: transparent;
    border: none;
    bottom: 0;
    cursor: pointer;
    left: 0;
    margin: .2rem;
    position: absolute;
    top: 0;
    width: 4.6rem
}

.searchfield__submit:focus {
    background: #015999
}

.searchfield__submit:focus+.searchfield__icon .icon--search {
    fill: #fff
}

.searchfield__submit:focus-visible {
    outline: none
}

.searchfield__reset {
    background-color: #f1f1f1;
    border-radius: 50%;
    cursor: pointer;
    height: 1.6rem;
    position: absolute;
    right: 1.6rem;
    top: 1.8rem;
    transition: all .2s ease-in-out;
    width: 1.6rem
}

.searchfield__reset:after,
.searchfield__reset:before {
    background-color: #33322f;
    border-radius: .2rem;
    content: "";
    height: .15rem;
    left: .1rem;
    position: absolute;
    top: .7rem;
    transition: all .2s ease-in-out;
    width: 1.4rem
}

.searchfield__reset:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.searchfield__reset:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.searchfield__reset:hover {
    background-color: #c2c2c1
}

.searchfield__reset:focus {
    background-color: #33322f
}

.searchfield__reset:focus:after,
.searchfield__reset:focus:before {
    background-color: #f1f1f1
}

@media only screen and (min-width:768px) {
    .searchfield__icon {
        left: 0
    }
}

.textlink--extern:after {
    background: url(../icon/extern--fill-tongue.svg) no-repeat;
    background-position-y: center;
    content: "";
    margin: 0 .5rem;
    padding: 0 1rem
}

.textlink--extern[href^=http],
.textlink[href^=http] {
    line-height: 2.6rem;
    word-break: break-word
}

.textlink--mit-icon {
    align-items: center;
    border-bottom: none;
    color: #33322f;
    display: flex;
    flex-wrap: nowrap;
    line-height: 2rem;
    padding-bottom: 1rem;
    padding-top: 1rem;
    text-decoration: none
}

.textlink--mit-icon img,
.textlink--mit-icon svg {
    height: 3.4rem;
    width: 3.4rem
}

.textlink--mit-icon .pipe--fancy {
    margin: 0 1.2rem
}

.textlink--mit-icon:after {
    background: url(../icon/extern--fill-emotional.svg) no-repeat;
    background-position-y: .15rem;
    border-bottom: none;
    height: 2.4rem
}

.ts-link {
    color: #015999;
    text-decoration: underline;
    text-decoration-thickness: .1em;
    text-underline-offset: .2em
}

img.ts-image {
    height: auto
}

img.js-image,
img.vue-lazyload-image {
    margin-bottom: -.1rem;
    opacity: 0
}

img.js-image.fade-in,
img.vue-lazyload-image.fade-in {
    opacity: 1;
    transition: opacity .8s
}

.ts-picture {
    display: block;
    z-index: 1
}

.ts-picture>img,
.ts-picture>source {
    height: auto;
    width: 100%
}

.ts-picture {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 35%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.ts-picture,
.ts-picture__wrapper {
    background-color: #e4e4e4;
    position: relative
}

.ts-picture__poster-wrapper {
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0
}

.ts-picture img {
    height: auto;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.ts-picture.ts-picture--teaser,
.ts-picture.ts-picture--teaser-small {
    background-size: 10%;
    padding-top: 56.25%
}

.ts-picture.ts-picture--copytext-m {
    background-size: 20%;
    padding-top: 56.25%
}

.ts-picture.ts-picture--list,
.ts-picture.ts-picture--list-large {
    padding-top: 100%
}

.ts-picture.ts-picture--copytext-l {
    background-size: 10%;
    padding-top: 100%
}

.ts-picture.ts-picture--list-top {
    padding-top: 100%
}

.ts-picture.ts-picture--teaser-top {
    background-size: 10%;
    padding-top: 100%
}

.ts-picture.ts-picture--topbanner {
    background-size: 10%;
    padding-top: 56.25%
}

.ts-picture.ts-picture--index {
    background-size: 10%;
    padding-top: 100%
}

.ts-picture.ts-picture--16x9-player {
    background-size: 10%
}

@media screen and (min-width:768px) {

    .ts-picture.ts-picture--teaser-top,
    .ts-picture.ts-picture--topbanner {
        padding-top: 44.92188%
    }

    .ts-picture.ts-picture--copytext-l,
    .ts-picture.ts-picture--index,
    .ts-picture.ts-picture--list-large {
        padding-top: 56.25%
    }
}

@media print {
    .absatzbild.absatzbild--l {
        page-break-inside: avoid
    }

    .ts-picture.ts-picture--topbanner {
        padding-top: 44.92188%
    }

    .ts-picture.ts-picture--copytext-l {
        padding-top: 56.3%
    }
}

.label.label--numbered {
    counter-increment: numbered-list;
    display: inline-block;
    font-size: 1.1rem;
    margin-bottom: .4rem;
    margin-right: .3rem;
    padding: .4rem .6rem .3rem
}

.label.label--numbered:before {
    content: counter(numbered-list) " "
}

.label {
    background: #015999;
    border-radius: .3rem;
    color: #fff;
    display: inline-flex;
    font-family: Thesis, sans-serif;
    font-size: 1.4rem;
    font-weight: 700;
    margin-right: .8rem;
    padding: .3rem .8rem;
    text-transform: uppercase
}

.label strong {
    letter-spacing: .11rem
}

.label.color--light_a {
    background-color: #fff;
    color: #015999
}

.label.color--emotional {
    background-color: #33322f;
    color: #fff
}

.label.color--light_b {
    background-color: #fff;
    color: #33322f
}

.label.color--breaking {
    background-color: #cd144a;
    color: #fff
}

.label.color--unicorn {
    background: #ff00ed;
    color: #fff
}

.label.label--small {
    font-size: 1.1rem;
    padding: .4rem .6rem .3rem
}

.link-extend {
    align-items: center;
    color: #015999;
    display: inline-flex
}

.link-extend:before {
    content: "|";
    margin: 0 .4rem 0 .3rem
}

.link-extend.color--emotional,
.link-extend.color--tongue {
    color: #fff
}

.link-extend__extern {
    color: #33322f
}

.link-extend__extern:after {
    background-image: url(../icon/extern--fill-emotional.svg);
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 1.8rem;
    margin: 0 .4rem;
    width: 1.8rem
}

.link-extend__extern.color--emotional:after,
.link-extend__extern.color--tongue:after {
    background-image: url(../icon/extern--fill-white.svg)
}

.link-extend__secondary {
    color: #33322f
}

.btn.btn--tongue .icon {
    fill: #fff
}

.btn.btn--tongue.btn--opened {
    background: #4082b3
}

.btn.btn--light-grey .icon {
    fill: #33322f
}

.btn.btn--light-grey-disabled {
    cursor: default;
    pointer-events: none
}

.btn.btn--light-grey-disabled .icon {
    fill: #c2c2c1
}

.btn.btn--light-grey.is-active {
    background: #015999;
    color: #fff
}

.btn.btn--light-grey.is-active:focus {
    outline-color: #99bdd6
}

.btn.btn--light-grey.is-active:hover {
    background: #4082b3
}

.btn.btn--light-grey.is-active .icon {
    fill: #fff
}

.btn.btn--light-grey.btn--opened {
    background: #c2c2c1
}

.btn.btn--light-grey-b {
    background: #e4e4e4;
    color: #33322f
}

.btn.btn--light-grey-b .icon {
    fill: #33322f
}

.btn.btn--light-grey-b:hover {
    background: #c2c2c1
}

.btn.btn--light-grey-b:focus {
    outline-color: #80807e
}

.btn.btn--emotional .icon {
    fill: #33322f
}

.btn.btn--emotional.btn--opened {
    background: #e4e4e4
}

.btn.btn--white {
    background: #fff;
    color: #015999
}

.btn.btn--white.btn--opened,
.btn.btn--white:hover {
    background: #dee9f2
}

.btn.btn--white:focus {
    outline-color: #99bdd6
}

.btn.btn--white .icon {
    fill: #015999
}

.btn.btn--transparent-light {
    background: #4082b3;
    color: #dee9f2
}

.btn.btn--transparent-light:hover {
    background: #6198c0
}

.btn.btn--transparent-light:focus {
    outline-color: #99bdd6
}

.btn.btn--transparent-light .icon {
    fill: #dee9f2
}

.btn.btn--transparent-light.btn--opened,
.btn.btn--transparent-light.is-active {
    background: #fff;
    color: #015999
}

.btn.btn--transparent-light.btn--opened:focus,
.btn.btn--transparent-light.is-active:focus {
    outline-color: #99bdd6
}

.btn.btn--transparent-light.btn--opened:hover,
.btn.btn--transparent-light.is-active:hover {
    background: #dee9f2
}

.btn.btn--transparent-light.btn--opened .icon,
.btn.btn--transparent-light.is-active .icon {
    fill: #015999
}

.btn.btn--transparent-light-disabled {
    background: #4082b3;
    color: #6198c0;
    cursor: default;
    pointer-events: none
}

.btn.btn--transparent-light-disabled .icon {
    fill: #6198c0
}

.btn.btn--transparent-emotional {
    background: #666563;
    color: #e4e4e4
}

.btn.btn--transparent-emotional.btn--opened,
.btn.btn--transparent-emotional:hover {
    background: #80807e
}

.btn.btn--transparent-emotional:focus {
    outline-color: #c2c2c1
}

.btn.btn--transparent-emotional .icon {
    fill: #e4e4e4
}

.btn.btn--live-red {
    background: #cd144a;
    color: #fff
}

.btn.btn--live-red:hover {
    background: #fff;
    color: #cd144a
}

.btn.btn--live-red:hover .icon {
    fill: #cd144a
}

.btn.btn--live-red:focus {
    outline-color: #80807e
}

.btn.btn--live-red .icon {
    fill: #fff
}

.btn.btn--live-red.is-active {
    background: #fff;
    color: #cd144a
}

.btn.btn--live-red.is-active:focus {
    outline-color: #80807e
}

.btn.btn--live-red.is-active:hover {
    background: #cd144a;
    color: #fff
}

.btn.btn--live-red.is-active:hover .icon {
    fill: #fff
}

.btn.btn--live-red.is-active .icon {
    fill: #cd144a
}

.btn.btn--live-white {
    background: #fff;
    color: #33322f
}

.btn.btn--live-white:hover {
    background: #33322f;
    color: #fff
}

.btn.btn--live-white:hover .icon {
    fill: #fff
}

.btn.btn--live-white:focus {
    outline-color: #80807e
}

.btn.btn--live-white .icon {
    fill: #33322f
}

.btn.btn--ghost {
    background: #fff;
    border: .1rem solid #e4e4e4;
    color: #33322f
}

.btn.btn--ghost.btn--icon-left .icon {
    padding: 0 1rem 0 0
}

.btn.btn--ghost .icon {
    fill: #33322f
}

.btn.btn--ghost:hover {
    background: #015999;
    border-color: #015999;
    color: #fff
}

.btn.btn--ghost:hover .icon {
    fill: #fff
}

.btn.btn--ghost:focus {
    outline-color: #80807e
}

.btn {
    border-radius: .3rem
}

.btn:hover {
    cursor: pointer;
    outline: 0
}

.btn:active {
    outline: 0
}

.btn:focus {
    outline-offset: .2rem;
    outline-style: solid;
    outline-width: .2rem
}

.hint {
    color: #80807e;
    font-size: 1.6rem;
    padding-bottom: .8rem
}

@media screen and (min-width:768px) {
    .hint {
        padding: .8rem 0
    }
}

.metatextline {
    box-sizing: border-box;
    color: #80807e;
    font-size: 1.8rem;
    line-height: 2.9rem;
    margin-bottom: 1.6rem
}

.metatextline__timestamp {
    white-space: nowrap
}

@media screen and (min-width:768px) {
    .metatextline {
        padding: 0
    }
}

.ardplayer {
    --ardplayer-color-primary-live: #ff00ed;
    --ardplayer-color-primary-live-transparent-30: rgba(255, 0, 255, .6);
    --ardplayer-color-primary-live-transparent-50: rgba(255, 0, 255, .6);
    --ardplayer-color-primary-base: #00caff;
    --ardplayer-color-primary-base-transparent-30: #4082b3;
    --ardplayer-color-primary-dark: #015999;
    --ardplayer-color-tertiary-base: rgba(1, 89, 153, .6);
    --ardplayer-color-light: #dee9f2;
    --ardplayer-color-lightest: #fff;
    --ardplayer-color-gradient-end: transparent
}

.ardplayer,
.ardplayer .ardplayer-posterframe {
    background: transparent
}

.ardplayer button.ardplayer-button-big.ardplayer-button-hero {
    background: rgba(1, 89, 153, .6);
    border: .1rem solid var(--ardplayer-color-lightest);
    box-sizing: content-box
}

.ardplayer button.ardplayer-button-big.ardplayer-button-hero:hover {
    background: #015999
}

.ardplayer button.ardplayer-button-big.ardplayer-button-hero:before {
    transition: transform .2s ease-in-out
}

.ardplayer.ardplayer-show-focus-outlines .ardplayer-button-posterframe[tabindex]:not([tabindex^="-"]):focus,
.ardplayer.ardplayer-show-focus-outlines button.ardplayer-button-posterframe:focus {
    outline-offset: 3px;
    outline-width: 3px
}

.ardplayer .ardplayer-volume-fader {
    line-height: 14px;
    top: -4px
}

.ardplayer.ardplayer-m .ardplayer-button-volume,
.ardplayer.ardplayer-s .ardplayer-button-volume,
.ardplayer.ardplayer-xs .ardplayer-button-volume {
    top: 0
}

.ardplayer.ardplayer-m .ardplayer-volume-fader,
.ardplayer.ardplayer-s .ardplayer-volume-fader,
.ardplayer.ardplayer-xs .ardplayer-volume-fader {
    top: -9px
}

.ardplayer button.ardplayer-icon-settings-hd:after {
    background-color: #33322f;
    color: #fff
}

.ardplayer button.ardplayer-icon-settings-hd-off:after {
    background-color: #00caff;
    color: #015999
}

.ardplayer .ardplayer-playstate-zoom {
    border: .1rem solid var(--ardplayer-color-lightest);
    font-size: 48px;
    height: 48px;
    left: calc(50% - 24px);
    top: calc(50% - 24px);
    width: 48px
}

.ardplayer .ardplayer-buffering .ardplayer-ball-scale-multiple>div {
    background-color: hsla(0, 0%, 100%, .25)
}

.ardplayer .ardplayer-controlbar .noUi-connects .noUi-connect {
    border-radius: 0
}

.ardplayer .ardplayer-controlbar .ardplayer-controlbar-hover {
    background: #00caff;
    color: #015999
}

.ardplayer.ardplayer-state-audio:before {
    background-color: #015999
}

.ardplayer.ardplayer-state-audio .ardplayer-footer .ardplayer-controlbar:before {
    background-color: #00caff
}

.ardplayer.ardplayer-state-audio.ardplayer-state-audio:not(.ardplayer-s) .ardplayer-button-fullscreen-container .ardplayer-button-settings-reveal,
.ardplayer.ardplayer-state-audio.ardplayer-state-audio:not(.ardplayer-s) .ardplayer-footer .ardplayer-addons-container-big {
    background-color: #015999
}

.ardplayer .ardplayer-posterframe span.ardplayer-posterframe-duration,
.ardplayer.ardplayer-xs .ardplayer-posterframe span.ardplayer-posterframe-duration {
    background: linear-gradient(0deg, rgba(0, 0, 0, .6), transparent);
    bottom: 0;
    font-size: 1.5rem;
    font-weight: 600;
    padding: .5rem 1rem;
    right: 0;
    text-align: right;
    width: 100%
}

.ardplayer .ardplayer-addons-container-small .ardplayer-addons-container-small-buttons {
    transition: .2s ease-in-out
}

.ardplayer .ardplayer-bottom-sheet-content .ardplayer-chip {
    background: #fff;
    color: #015999
}

.ardplayer .ardplayer-addon-recos-teaser .ardplayer-chip-highlight.ardplayer-recos-teaser-availability {
    color: #015999 !important
}

.ardplayer .ardplayer-addon-recos-teaser .ardplayer-chip.ardplayer-recos-teaser-time {
    color: var(--ardplayer-color-lightest)
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-option {
    transition: background 0s ease-in-out
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover,
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover.ardplayer-option-active {
    background: #00caff;
    color: #015999;
    font-weight: 700
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-option.ardplayer-option-active {
    background: linear-gradient(0deg, #00caff 3px, transparent 0);
    font-weight: 700
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper:after,
.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper:before {
    background: transparent
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-button-pill,
.ardplayer .ardplayer-bottom-sheet-container button.ardplayer-button-pill {
    background-color: #fff;
    color: #015999
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-button-pill:hover,
.ardplayer .ardplayer-bottom-sheet-container button.ardplayer-button-pill:hover {
    background-color: #00caff
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal .ardplayer-bottom-sheet-horizontal-gutter {
    background-color: rgba(1, 89, 153, .6)
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal .ardplayer-bottom-sheet-horizontal-gutter:hover {
    background-color: #00caff
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal .ardplayer-bottom-sheet-horizontal-gutter:before {
    color: #fff
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal button:hover.ardplayer-bottom-sheet-horizontal-gutter:before {
    color: #015999
}

.ardplayer a.ardplayer-sharing-button:before {
    background-color: #fff !important;
    color: #015999 !important
}

.ardplayer a:hover.ardplayer-sharing-button:before {
    background-color: #00caff !important;
    color: #015999 !important
}

.ardplayer a.ardplayer-sharing-button {
    color: #fff !important
}

.ardplayer .ardplayer-bottom-sheet-container-toggle,
.ardplayer .ardplayer-modal-container-toggle {
    z-index: 1000
}

.ardplayer.ardplayer-state-live button.ardplayer-button-big.ardplayer-button-hero {
    background: rgba(255, 0, 255, .6)
}

.ardplayer.ardplayer-state-live button.ardplayer-button-big.ardplayer-button-hero:hover {
    background: #ff00ed
}

.ardplayer.ardplayer-state-live .ardplayer-controlbar .ardplayer-controlbar-hover {
    color: #fff
}

.ardplayer.ardplayer-state-live .ardplayer-bottom-sheet-content .ardplayer-chip {
    background: #ff00ed;
    color: #fff
}

.ardplayer.ardplayer-state-live .ardplayer-addon-recos-teaser .ardplayer-chip-highlight.ardplayer-recos-teaser-availability {
    color: #fff !important
}

.ardplayer.ardplayer-state-live .ardplayer-addon-recos-teaser .ardplayer-chip.ardplayer-recos-teaser-time {
    background: transparent;
    color: var(--ardplayer-color-lightest)
}

.ardplayer.ardplayer-state-live.ardplayer-state-audio .ardplayer-footer .ardplayer-controlbar:before {
    background-color: var(--ardplayer-color-primary-live)
}

.ardplayer.ardplayer-state-live .ardplayer-bottom-sheet-container button.ardplayer-button-pill {
    background-color: var(--ardplayer-color-lightest);
    color: #015999
}

.ardplayer.ardplayer-state-live .ardplayer-bottom-sheet-container button.ardplayer-button-pill:hover {
    background-color: var(--ardplayer-color-tertiary);
    color: var(--ardplayer-color-lightest)
}

.ardplayer.ardplayer-state-live .ardplayer-bottom-sheet-container .ardplayer-option:hover,
.ardplayer.ardplayer-state-live .ardplayer-bottom-sheet-container .ardplayer-option:hover.ardplayer-option-active {
    background: var(--ardplayer-color-primary-live);
    color: var(--ardplayer-color-lightest);
    font-weight: 700
}

.ardplayer.ardplayer-state-live .ardplayer-bottom-sheet-container .ardplayer-option.ardplayer-option-active {
    background: linear-gradient(0deg, var(--ardplayer-color-primary-live) 3px, transparent 0);
    font-weight: 700
}

.ardplayer.ardplayer-state-live.ardplayer-volume-open.ardplayer-volume-open:not(.ardplayer-state-audio) .ardplayer-button-volume button:after,
.ardplayer.ardplayer-state-live.ardplayer-volume-open.ardplayer-volume-open:not(.ardplayer-state-audio) .ardplayer-button-volume button:before {
    transform: scale(1.2)
}

.ardplayer.ardplayer-state-live .ardplayer.ardplayer-show-controls .ardplayer-buttons-main .ardplayer-icon-nextclip {
    transition-duration: .2s
}

.ardplayer.ardplayer-state-live a.ardplayer-sharing-button:before {
    background-color: #fff !important;
    color: #015999 !important
}

.ardplayer.ardplayer-state-live a:hover.ardplayer-sharing-button:before {
    background-color: #ff00ed !important;
    color: #015999 !important
}

.ardplayer.ardplayer-state-live a.ardplayer-sharing-button {
    color: #fff !important
}

.ardplayer.ardplayer-state-live .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal .ardplayer-bottom-sheet-horizontal-gutter {
    background-color: rgba(1, 89, 153, .6)
}

.ardplayer.ardplayer-state-live .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal .ardplayer-bottom-sheet-horizontal-gutter:hover {
    background-color: #ff00ed
}

.ardplayer.ardplayer-state-live .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal .ardplayer-bottom-sheet-horizontal-gutter:before {
    color: #fff
}

.ardplayer.ardplayer-state-live .ardplayer-bottom-sheet-content-wrapper.ardplayer-bottom-sheet-horizontal button:hover.ardplayer-bottom-sheet-horizontal-gutter:before {
    color: #015999
}

.ardplayer.ardplayer-show-posterframe .ardplayer-btn-airplay,
.ardplayer.ardplayer-show-posterframe .ardplayer-btn-chromecast {
    opacity: 0;
    visibility: hidden
}

.mediaplayer--audio .ardplayer .ardplayer-button-posterframe.ardplayer-icon-play:before {
    content: "\f142" !important
}

.teasergroup.color--tongue .ardplayer.ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-stage,
.teasergroup.color--tongue .ardplayer.ardplayer-state-audio .ardplayer-footer .ardplayer-addons-container-big .ardplayer-addons-container,
.teasergroup.color--tongue .ardplayer.ardplayer-state-audio-inline.ardplayer-state-audio-forced-video .ardplayer-footer:before,
.teasergroup.color--tongue .ardplayer.ardplayer-state-audio.ardplayer-state-audio:not(.ardplayer-s) .ardplayer-footer .ardplayer-addons-container-big,
.teasergroup.color--tongue .ardplayer.ardplayer-state-audio:not(.ardplayer-s) .ardplayer-button-fullscreen-container .ardplayer-button-settings-reveal,
.teasergroup.color--tongue .mediaplayer--reduced .ardplayer.ardplayer-state-audio-inline,
.teasergroup.color--tongue .mediaplayer--reduced-l .ardplayer.ardplayer-state-audio-inline,
.teasergroup.color--tongue .mediaplayer--reduced-m .ardplayer.ardplayer-state-audio-inline {
    background-color: #024682
}

.mediaplayer.mediaplayer--btn-cornered .ardplayer.ardplayer-show-posterframe .ardplayer-button-hero,
.mediaplayer.mediaplayer--btn-cornered .ardplayer.ardplayer-show-posterframe ardplayer-m button.ardplayer-button-big,
.mediaplayer.mediaplayer--btn-cornered .ardplayer.ardplayer-show-posterframe button.ardplayer-button-big {
    align-items: center;
    display: flex;
    font-size: 3.5rem;
    height: 4rem;
    justify-content: center;
    line-height: 4rem;
    margin: 0;
    width: 4rem
}

.mediaplayer.mediaplayer--btn-cornered .ardplayer.ardplayer-show-posterframe .ardplayer-button-hero:before,
.mediaplayer.mediaplayer--btn-cornered .ardplayer.ardplayer-show-posterframe ardplayer-m button.ardplayer-button-big:before,
.mediaplayer.mediaplayer--btn-cornered .ardplayer.ardplayer-show-posterframe button.ardplayer-button-big:before {
    font-size: 3.5rem
}

.mediaplayer.mediaplayer--btn-cornered .ardplayer.ardplayer-show-posterframe .ardplayer-posterframe .ardplayer-posterframe-buttons {
    height: 4rem;
    left: calc(100% - 5.6rem);
    top: calc(100% - 5.6rem);
    transform: translateY(0);
    width: 4rem
}

.teaser-right .mediaplayer--btn-cornered.mediaplayer .ardplayer.ardplayer-show-posterframe .ardplayer-posterframe .ardplayer-posterframe-buttons,
.teaser-xs .mediaplayer--btn-cornered.mediaplayer .ardplayer.ardplayer-show-posterframe .ardplayer-posterframe .ardplayer-posterframe-buttons {
    height: 3rem;
    left: calc(100% - 4rem);
    top: calc(100% - 4rem);
    transform: translateY(0);
    width: 3rem
}

.teaser-right .mediaplayer--btn-cornered.mediaplayer .ardplayer.ardplayer-show-posterframe .ardplayer-posterframe .ardplayer-posterframe-buttons button.ardplayer-button-big,
.teaser-right .mediaplayer--btn-cornered.mediaplayer .ardplayer.ardplayer-show-posterframe .ardplayer-posterframe .ardplayer-posterframe-buttons button.ardplayer-smaller.ardplayer-button-big,
.teaser-xs .mediaplayer--btn-cornered.mediaplayer .ardplayer.ardplayer-show-posterframe .ardplayer-posterframe .ardplayer-posterframe-buttons button.ardplayer-button-big,
.teaser-xs .mediaplayer--btn-cornered.mediaplayer .ardplayer.ardplayer-show-posterframe .ardplayer-posterframe .ardplayer-posterframe-buttons button.ardplayer-smaller.ardplayer-button-big {
    font-size: 2.5rem;
    height: 3rem;
    line-height: 3rem;
    width: 3rem
}

@media screen and (min-width:1024px) {

    .teaser-right .mediaplayer--btn-cornered.mediaplayer .ardplayer.ardplayer-show-posterframe .ardplayer-posterframe .ardplayer-posterframe-buttons,
    .teaser-xs .mediaplayer--btn-cornered.mediaplayer .ardplayer.ardplayer-show-posterframe .ardplayer-posterframe .ardplayer-posterframe-buttons {
        height: 3.5rem;
        left: calc(100% - 4.5rem);
        top: calc(100% - 4.5rem);
        transform: translateY(0);
        width: 3.5rem
    }

    .teaser-right .mediaplayer--btn-cornered.mediaplayer .ardplayer.ardplayer-show-posterframe .ardplayer-posterframe .ardplayer-posterframe-buttons button.ardplayer-button-big,
    .teaser-right .mediaplayer--btn-cornered.mediaplayer .ardplayer.ardplayer-show-posterframe .ardplayer-posterframe .ardplayer-posterframe-buttons button.ardplayer-smaller.ardplayer-button-big,
    .teaser-xs .mediaplayer--btn-cornered.mediaplayer .ardplayer.ardplayer-show-posterframe .ardplayer-posterframe .ardplayer-posterframe-buttons button.ardplayer-button-big,
    .teaser-xs .mediaplayer--btn-cornered.mediaplayer .ardplayer.ardplayer-show-posterframe .ardplayer-posterframe .ardplayer-posterframe-buttons button.ardplayer-smaller.ardplayer-button-big {
        font-size: 3rem;
        height: 3.5rem;
        line-height: 3.5rem;
        width: 3.5rem
    }
}

.mediaplayer,
.mediaplayer__wrapper {
    position: relative
}

.mediaplayer .player {
    position: absolute
}

.mediaplayer:after {
    content: "";
    display: block
}

.mediaplayer--lazy-loading {
    background-color: #e4e4e4;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 15%
}

.mediaplayer--lazy-loading.mediaplayer--loaded:after {
    background-color: transparent;
    background-image: none
}

.mediaplayer--16x9:after {
    padding-bottom: 56.25%
}

.mediaplayer--1x1:after {
    padding-bottom: 100%
}

.mediaplayer--topbanner:after {
    padding-bottom: 56.25%
}

@media screen and (min-width:768px) {
    .mediaplayer--topbanner:after {
        padding-bottom: 44.92188%
    }
}

.mediaplayer--20x9:after,
.mediaplayer--teaser-top:after {
    padding-bottom: 100%
}

@media screen and (min-width:768px) {

    .mediaplayer--20x9:after,
    .mediaplayer--teaser-top:after {
        padding-bottom: 44.92188%
    }
}

.mediaplayer--reduced:after {
    background-size: 10%;
    padding-bottom: 17.2rem
}

@media screen and (max-width:360px) {
    .mediaplayer--reduced:after {
        padding-bottom: 19.1964rem
    }
}

.mediaplayer--reduced-m:after {
    background-size: 10%;
    padding-bottom: 18rem
}

.mediaplayer--reduced-l:after {
    background-size: 10%;
    padding-bottom: 17.8rem
}

.mediaplayer--transition:after {
    transition: all .8s ease-in-out
}

.mediaplayer--inline-play__button {
    background: transparent;
    cursor: pointer;
    height: 4.5rem;
    position: absolute;
    width: 5rem
}

.mediaplayer--inline-play__button--up {
    bottom: -4.5rem;
    right: 0
}

.mediaplayer--inline-play__button--right {
    left: -5rem;
    top: 0
}

.mediaplayer--inline-play__button--left {
    right: -5rem;
    top: 0
}

.mediaplayer--inline-play__button:focus {
    outline: .2rem solid #80807e;
    outline-offset: -.2rem
}

.mediaplayer--inline-play__button .icon {
    fill: #33322f;
    height: 1.8rem;
    position: absolute;
    top: 1.1rem;
    transform: translateX(-50%);
    width: 1.8rem
}

@media screen and (min-width:768px) {
    .mediaplayer--inline-play .inline-play__button .icon {
        top: auto;
        transform: translate(-50%, -50%)
    }
}

.is-inline-play.teaser-right {
    justify-content: flex-end;
    padding-bottom: 4rem
}

.is-inline-play .teaser-absatz__media,
.is-inline-play .teaser-absatz__teaserinfo,
.is-inline-play .teaser-left__media,
.is-inline-play .teaser-left__teaserinfo,
.is-inline-play .teaser-right__media,
.is-inline-play .teaser-right__teaserinfo,
.is-inline-play .teaser-xs__media,
.is-inline-play .teaser-xs__teaserinfo {
    width: 100%
}

.is-inline-play .teaser-absatz__teaserinfo {
    padding-left: 2rem
}

.is-inline-play .teaser-right__teaserheadline {
    margin-bottom: 1rem
}

.is-inline-play .teaser-absatz__content-wrapper:after,
.is-inline-play .teaser-left__teaserinfo:after,
.is-inline-play .teaser-xs__teaserinfo:after {
    border-bottom: .1rem solid #e4e4e4;
    content: " ";
    display: block;
    margin-top: 1.2rem;
    width: 100%
}

.is-inline-play .ts-picture__poster-wrapper {
    display: none
}

@media screen and (min-width:768px) {
    .is-inline-play.teaser-right {
        padding-bottom: 2.4rem
    }

    .is-inline-play .teaser-absatz__content-wrapper:after,
    .is-inline-play .teaser-xs__teaserinfo:after {
        border: none;
        content: ""
    }

    .is-inline-play .teaser-right__media,
    .is-inline-play .teaser-xs__media {
        width: 59.259259%
    }

    .is-inline-play .teaser-absatz__media,
    .is-inline-play .teaser-left__media {
        width: 44.444444%
    }

    .is-inline-play .teaser-absatz__shorttext-container,
    .is-inline-play .teaser-absatz__teaserinfo,
    .is-inline-play .teaser-left__teaserinfo,
    .is-inline-play .teaser-right__teaserinfo,
    .is-inline-play .teaser-xs__teaserinfo {
        display: none
    }
}

@media screen and (min-width:1024px) {
    .is-inline-play .teaser-right__media {
        width: 44.444444%
    }
}

.teaser-xs.color--tongue .mediaplayer--inline-play__button svg {
    fill: #dee9f2
}

.color--tongue * .ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-stage {
    background-color: #024682
}

.livestream-overlay {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.livestream-overlay__time {
    white-space: nowrap
}

.livestream-overlay__text-wrapper {
    align-items: center;
    background: rgba(0, 0, 0, .6);
    box-sizing: border-box;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    font-size: 1.6rem;
    height: 100%;
    justify-content: center;
    left: 0;
    line-height: 1.31;
    padding: 1.5rem 3rem;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 2
}

@media screen and (max-width:1024px) {
    .livestream-overlay--1x1 .livestream-overlay__text-wrapper {
        font-size: 1.5rem;
        padding: .5rem 1.5rem
    }
}

@media screen and (max-width:360px) {
    .livestream-overlay--1x1 .livestream-overlay__text-wrapper {
        font-size: 1.4rem
    }
}

.eilmeldung {
    background-color: #cd144a;
    position: relative
}

.eilmeldung,
.eilmeldung a {
    color: #f8e0e7
}

.eilmeldung__info {
    padding: 2.4rem 2rem
}

.footer {
    background-color: #fff;
    color: #33322f;
    margin-top: 1.6rem;
    padding: 4rem 2rem
}

@media screen and (min-width:1024px) {
    .footer {
        padding: 4rem
    }
}

@media screen and (min-width:1104px) {
    .footer {
        margin: 1.6rem auto 0;
        max-width: 102.4rem
    }
}

@media screen and (min-width:1921px) {
    .footer {
        max-width: 120rem
    }
}

.footer .expanderbox__item-wrapper {
    border-top: .1rem solid #e4e4e4
}

.footer .expanderbox__item-wrapper.footer--rundfunkanstalten,
.footer .expanderbox__item-wrapper:last-of-type {
    border-bottom: .1rem solid #e4e4e4
}

.footer .expanderbox__item-wrapper a {
    align-items: center;
    color: #33322f;
    display: flex;
    flex-wrap: nowrap;
    font-family: Thesis, helvetica, arial, sans-serif;
    font-size: 1.8rem;
    font-weight: 700;
    justify-content: space-between;
    padding: 0 4rem 0 2rem
}

.footer .expanderbox__item-wrapper a:hover {
    outline: 0
}

.footer .expanderbox__item-wrapper a .footer__arrow {
    margin-right: -4.2rem
}

.footer .expanderbox__item-wrapper a .footer__arrow svg {
    fill: #33322f;
    height: 4rem;
    margin-bottom: -.1rem;
    margin-top: -.1rem;
    width: 4rem
}

.footer__arrow.active .icon--arrow-up {
    display: block
}

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

.footer .expanderbox .exp-body.calculated {
    position: static
}

.footer .expanderbox .exp-body {
    left: -10000px;
    overflow: hidden;
    position: absolute
}

.arrow__path {
    fill: #000
}

.icon--arrow-down,
.icon--arrow-up {
    height: 3rem;
    width: 3rem
}

.footer__navigation__list__item {
    margin: .2rem
}

.footer__navigation__list__item a {
    color: #33322f;
    display: block;
    font-family: Thesis, helvetica, arial, sans-serif;
    font-size: 1.8rem;
    line-height: 3rem;
    padding: .5rem 4rem;
    text-decoration: none;
    width: auto
}

.footer__navigation__list__item a:hover {
    outline: 0;
    text-decoration: none
}

.footer__navigation__list__item a:focus {
    outline: 2px solid #80807e
}

.footer__navigation__list__item a:active {
    outline: 0;
    text-decoration: none
}

.footer__navigation__bottom {
    list-style: none;
    margin: 1rem 0 8rem;
    padding: 0
}

.footer__navigation__bottom__item {
    overflow: hidden
}

.footer__navigation__bottom .menu__link {
    color: #33322f;
    font-size: 1.8rem;
    line-height: 2.6rem;
    margin: .2rem;
    padding: .7rem 0 .7rem 2rem;
    text-decoration: none
}

.footer__navigation__bottom .menu__link:active,
.footer__navigation__bottom .menu__link:hover {
    outline: 0;
    text-decoration: none
}

.footer__navigation__list__item.footer--rundfunkanstalten-item:last-child {
    border-bottom: .2rem solid #e4e4e4
}

.footer__logo__icon {
    align-items: flex-end;
    border: 1px solid transparent;
    display: flex;
    flex-direction: column;
    margin-bottom: -4.2rem;
    padding-top: .6rem;
    text-align: right
}

.footer__logo__icon svg {
    fill: #33322f
}

.footer__logo__icon .icon {
    height: 6.7rem;
    width: 17rem
}

.endline {
    background: #e4e4e4;
    box-sizing: border-box;
    height: 4rem;
    padding: .8rem 0 0 4rem;
    width: 100%
}

@media screen and (min-width:1104px) {
    .endline {
        margin: auto;
        max-width: 110.4rem
    }
}

@media screen and (min-width:1921px) {
    .endline {
        max-width: 128rem
    }
}

.endline__copyright {
    color: #80807e;
    font-family: Thesis, helvetica, arial, sans-serif;
    font-size: 1.2rem;
    font-weight: 400
}

@media print {
    .footer {
        display: none
    }
}

body.noscroll {
    overflow: hidden
}

.noscroll--safari {
    box-sizing: border-box;
    height: calc(100vh - 1px);
    overflow: hidden;
    position: relative
}

.noscroll--safari body {
    height: 100%;
    overflow: hidden
}

.header-fancy-v2 {
    background-color: #fff;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 121
}

.header-fancy-v2,
.header-fancy-v2.small {
    box-shadow: 0 .5rem .5rem -.5rem rgba(0, 0, 0, .1)
}

.header-fancy-v2.small .header__items {
    height: 5.2rem;
    overflow: hidden
}

.header-fancy-v2.small .header__logo__icon {
    height: 3.6rem;
    width: 3.6rem
}

.header-fancy-v2.small .header__logo__wortmarke {
    width: 13.6rem
}

.header-fancy-v2.small .header__logo__wortmarke.header__logo__wortmarke-ts {
    width: 11rem
}

.header-fancy-v2 .header__items {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    height: 6.5rem;
    justify-content: space-between;
    width: 100%
}

.header-fancy-v2 .header__logo {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: nowrap;
    margin-left: 2rem;
    overflow: hidden;
    padding: .6rem 0;
    position: relative
}

.header-fancy-v2 .header__logo__icon {
    height: 4rem;
    margin-right: .8rem;
    width: 4rem
}

.header-fancy-v2 .header__logo .icon--sp_app-logo {
    border-radius: .8rem
}

.header-fancy-v2 .header__logo__wortmarke {
    margin-top: .2rem;
    width: 14rem
}

.header-fancy-v2 .header__logo__wortmarke.header__logo__wortmarke-ts {
    margin-top: .6rem;
    width: 11rem
}

.header-fancy-v2 .header__logo__wortmarke svg path {
    fill: #33322f
}

.header-fancy-v2 .header__horiz {
    margin: 0 -4rem;
    padding: 0 4rem;
    position: relative
}

.header-fancy-v2 .horizontal-nav.horizontal-nav--swipenav {
    width: 100%
}

.global-wrapper .content-wrapper,
.header-fancy-v2 .header__horiz {
    transition: all .5s ease-out
}

.global-wrapper .content-wrapper:after,
.header-fancy-v2 .header__horiz:after {
    background-color: rgba(0, 0, 0, .6);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .3s ease-in-out;
    width: 100%;
    z-index: -1
}

.global-wrapper .content-wrapper.backshadow,
.header-fancy-v2 .header__horiz.backshadow {
    overflow: hidden
}

.global-wrapper .content-wrapper.backshadow:after,
.header-fancy-v2 .header__horiz.backshadow:after {
    opacity: .5;
    z-index: 112
}

@media screen and (min-width:1024px) {

    .header-fancy-v2 .header__items,
    .header-fancy-v2.small .header__items {
        background: #fff;
        height: 8rem
    }

    .header-fancy-v2 .header__logo {
        margin-left: 0
    }

    .header-fancy-v2 .header__logo__icon {
        height: 6rem;
        margin-left: 4rem;
        margin-right: 1.2rem;
        width: 6rem
    }

    .header-fancy-v2 .header__logo__wortmarke {
        margin-top: -.1rem;
        width: 20rem
    }

    .header-fancy-v2 .header__logo__wortmarke.header__logo__wortmarke-ts {
        width: 15rem
    }

    .header-fancy-v2.small .header__logo__icon {
        height: 6rem;
        margin-left: 4rem;
        width: 6rem
    }

    .header-fancy-v2.small .header__logo__wortmarke {
        width: 20rem
    }

    .header-fancy-v2.small .header__logo__wortmarke.header__logo__wortmarke-ts {
        width: 15rem
    }
}

@media screen and (min-width:1104px) {
    .header-fancy-v2 {
        left: 50%;
        max-width: 102.4rem;
        padding: 0 4rem;
        transform: translateX(-50%)
    }

    .header-fancy-v2 .header__logo__icon,
    .header-fancy-v2.small .header__logo__icon {
        margin-left: 0
    }
}

@media screen and (min-width:1921px) {
    .header-fancy-v2 {
        max-width: 120rem
    }
}

@media screen and (max-width:1024px) {
    .header-fancy-v2.small.jsHideWordmark .header__logo__wortmarke {
        display: none
    }
}

@media print {
    .header-fancy-v2 {
        position: unset
    }

    .header-fancy-v2 .horizontal-nav {
        display: none
    }
}

.burger-navi {
    -webkit-overflow-scrolling: touch;
    align-content: stretch;
    background-color: #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    left: auto;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    right: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    transition: transform .5s ease-in-out;
    width: 100%;
    z-index: 141
}

.burger-navi.js-burger-navi-active {
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}

.burger-navi.js-burger-navi-active a:focus img {
    outline: 0
}

.burger-navi .js-scroll,
.burger-navi.js-scroll {
    overflow-y: auto
}

.burger-navi .js-noscroll,
.burger-navi.js-noscroll {
    overflow-y: hidden
}

.burger-navi .top-shadow {
    box-shadow: inset 0 4px 4px -4px rgba(0, 0, 0, .1);
    height: 1rem;
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 142
}

.burger-navi-menu {
    margin-bottom: 2.4rem;
    width: 100%
}

.burger-navi-nav {
    padding: 0 2rem
}

.burger-navi .burger-navi-search {
    margin: .1rem 0 1rem;
    padding: .1rem 2rem 0;
    z-index: 142
}

.burger-navi .burger-panel {
    background-color: #fff;
    font-size: 1.8rem;
    list-style-type: none;
    margin: 0
}

.burger-navi .burger-panel>li {
    border-bottom: .1rem solid #e4e4e4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    height: 5.4rem
}

.burger-navi .burger-panel>li.burger-panel-divider {
    border-top: .1rem solid #33322f;
    margin-top: -.1rem
}

.burger-navi .burger-panel li.settings__box__outer {
    height: unset
}

.burger-navi .burger-panel__closelink,
.burger-navi .burger-panel__submenulink {
    align-items: center;
    display: flex
}

.burger-navi .burger-panel__submenulink--fullwidth {
    position: relative;
    width: 100%
}

.burger-navi .burger-panel__submenulink--fullwidth .burger-panel__arrow--right {
    position: absolute;
    right: 0
}

.burger-navi .burger-panel__closelink-text,
.burger-navi .burger-panel__nolink,
.burger-navi .burger-panel__pagelink {
    align-items: center;
    color: #33322f;
    display: flex;
    padding: 1rem 2rem 1rem 1rem;
    width: 80%
}

.burger-navi .burger-panel__closelink-text {
    padding-left: .5rem
}

.burger-navi .burger-panel__pagelink {
    width: 100%
}

.burger-navi .burger-panel__closelink-text:hover,
.burger-navi .burger-panel__pagelink:hover,
.burger-navi .burger-panel__submenulink:hover {
    background-color: #015999;
    color: #fff
}

.burger-navi .burger-panel__closelink-text:hover .burger-panel__arrow--right svg,
.burger-navi .burger-panel__pagelink:hover .burger-panel__arrow--right svg,
.burger-navi .burger-panel__submenulink:hover .burger-panel__arrow--right svg {
    fill: #fff !important
}

.burger-navi .burger-panel__pagelink-icon {
    padding: 1rem 2rem .5rem .1rem;
    width: 1.6rem
}

.burger-navi .burger-panel__pagelink-icon img {
    background-color: #fff;
    border-radius: .15rem;
    padding: .2rem
}

.burger-navi .burger-panel__pagelink-svg {
    height: 2rem;
    width: 2rem
}

.burger-navi .burger-panel__arrow--right {
    padding-left: 1.7rem;
    pointer-events: none;
    width: 4rem
}

.burger-navi .burger-panel__arrow--right svg {
    fill: #33322f;
    height: 2.4rem;
    pointer-events: none
}

.burger-navi .burger-panel__settings li {
    border-bottom: 0
}

.burger-navi .burger-panel .settings__box {
    background-color: #fff
}

.burger-navi-nav.js-hide-nav {
    display: none
}

.burger-navi-nav__sublevel {
    background-color: #fff;
    display: flex;
    height: 100%;
    justify-content: center;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 0;
    position: absolute;
    right: -1000px;
    top: 0;
    transition: all .5s;
    width: 100vw
}

.burger-navi-nav__sublevel .burger-panel {
    position: absolute;
    right: -1000px;
    width: 100%
}

.burger-navi-nav__sublevel .burger-panel>li {
    margin-left: 2.2rem;
    margin-right: 2rem
}

.burger-navi-nav__sublevel .burger-panel.js-current-sublevel-active {
    padding-bottom: 8rem;
    position: absolute;
    right: 0
}

.burger-navi-nav__sublevel .burger-panel.js-current-sublevel-active .burger-panel__closelink-text,
.burger-navi-nav__sublevel .burger-panel.js-current-sublevel-active li:first-child .burger-panel__closelink {
    background-color: #015999;
    color: #fff;
    width: 100%
}

.burger-navi-nav__sublevel .burger-panel.js-current-sublevel-active .burger-panel__closelink-text .burger-panel__arrow--left svg,
.burger-navi-nav__sublevel .burger-panel.js-current-sublevel-active li:first-child .burger-panel__closelink .burger-panel__arrow--left svg {
    fill: #fff !important
}

.burger-navi-nav__sublevel .burger-panel.js-current-sublevel-active li:first-child .burger-panel__closelink:focus {
    outline: .1rem solid #c2c2c1;
    outline-offset: -.3rem
}

.js-burger-sublevel-active {
    left: 0;
    right: 0
}

.burger-panel__arrow--left {
    padding-left: .8rem;
    pointer-events: none;
    width: 4rem
}

.burger-panel__arrow--left svg {
    fill: #33322f;
    height: 2.4rem;
    pointer-events: none
}

@media only screen and (min-width:768px) {
    .burger-navi {
        align-content: space-between;
        display: flex;
        flex-direction: row;
        overflow-x: hidden;
        overflow-y: auto;
        width: 41.5rem
    }

    .burger-navi-nav {
        padding: 0 4rem
    }

    .burger-navi .top-shadow {
        width: 41.5rem
    }

    .burger-navi .burger-navi-search {
        padding: .1rem 4rem 0
    }

    .burger-navi-menu {
        margin-bottom: 2.4rem
    }

    .burger-navi-nav__sublevel {
        display: flex;
        justify-content: flex-start;
        padding: 0;
        width: 41.7rem
    }

    .burger-navi-nav__sublevel .burger-panel {
        margin-left: 0;
        margin-right: 0;
        width: 39.7rem
    }

    .burger-navi-nav__sublevel .burger-panel>li {
        margin-left: 4rem
    }

    .burger-navi-nav__sublevel .burger-panel li:first-child {
        margin-left: 0
    }

    .burger-navi-nav__sublevel .burger-panel li:first-child .burger-panel__closelink {
        padding-left: 2rem
    }

    .burger-navi-nav__sublevel .burger-panel .burger-panel__pagelink-icon {
        margin-left: .6rem;
        padding-left: 0
    }

    .burger-navi-nav__sublevel .burger-panel.js-current-sublevel-active {
        left: 0;
        padding-bottom: 0;
        right: 2rem
    }

    .burger-navi-nav__sublevel .burger-panel .burger-panel__arrow--left {
        margin-left: 3.2rem;
        padding-left: 0;
        width: 3.6rem
    }

    .burger-navi--no-logo .burger-navi-nav__sublevel .burger-panel .burger-panel__arrow--left {
        margin-left: 2.2rem
    }
}

@media screen and (min-width:1104px) {
    .burger-navi-holder {
        max-width: 102.4rem;
        padding: 0 4rem
    }
}

@media screen and (min-width:1921px) {
    .burger-navi-holder {
        max-width: 120rem
    }
}

.bigfive {
    background-color: #fff;
    color: #33322f;
    margin-bottom: 2rem;
    padding: 0 2rem;
    width: 100%
}

.bigfive__list {
    display: flex;
    justify-content: space-between
}

.bigfive__logo {
    height: 6rem;
    width: 6rem
}

.bigfive__text {
    font-size: 1.4rem;
    margin-top: 1.2rem
}

.bigfive__link {
    align-items: center;
    color: #33322f;
    display: flex;
    flex-direction: column
}

@media only screen and (min-width:768px) {
    .bigfive {
        padding: 0 4rem
    }
}

.list {
    counter-reset: numbered-list
}

.color--tongue .list,
.color--tongue .listwrapper {
    background: transparent
}

.list,
.listwrapper {
    background: #fff
}

@media screen and (min-width:768px) {
    .listwrapper.m-six:nth-child(2n) .teaser-xs {
        padding-left: 2rem;
        padding-right: 0
    }

    .listwrapper.m-six:nth-child(2n) .teaser-xs__teaserinfo {
        margin: 0
    }

    .listwrapper.m-six:nth-child(odd) .teaser-xs {
        padding-left: 0;
        padding-right: 2rem
    }
}

.teaser-left {
    align-items: stretch;
    background: #fff;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1.6rem;
    width: 100%
}

.teaser-left__media {
    position: relative
}

.teaser-left__link {
    text-decoration: none;
    width: 100%
}

.teaser-left__teaserinfo {
    box-sizing: border-box;
    padding: .8rem 2rem 0 1.5rem
}

@media screen and (min-width:1024px) {
    .teaser-left__teaserinfo {
        padding: 1.2rem 2rem 0
    }
}

.teaser-left__teaserinfo:only-child {
    padding: .8rem 0 0
}

.teaser-left__teaserinfo:only-child .teaser-left__shorttext {
    display: block
}

.teaser-left__topline-container {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.teaser-left__topline-container .label--small {
    margin-bottom: .6rem;
    margin-right: .6rem
}

.teaser-left__date,
.teaser-left__duration {
    color: #80807e;
    font-size: 1.5rem;
    margin-right: .6rem;
    padding: .2rem 0 .6rem
}

.teaser-left__topline {
    color: #33322f;
    display: block;
    margin-top: 0;
    padding: .2rem 0;
    width: 100%
}

.teaser-left__headline {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #015999;
    display: -webkit-inline-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal
}

.teaser-left__headline cite,
.teaser-left__headline span[lang] {
    font: inherit
}

.teaser-left__shorttext {
    font-size: 1.8rem;
    line-height: 2.4rem;
    margin-top: .8rem;
    padding-left: 0
}

@media screen and (max-width:767px) {
    .teaser-left__shorttext {
        display: none
    }
}

@media screen and (min-width:1024px) {
    .teaser-left {
        margin-bottom: 2.4rem
    }
}

.teaser-right {
    align-items: stretch;
    background: #fff;
    border-bottom: .1rem solid #e4e4e4;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1.6rem;
    padding-bottom: 1.6rem;
    width: 100%
}

.teaser-right,
.teaser-right__media {
    position: relative
}

.teaser-right__teaserinfo {
    box-sizing: border-box;
    padding: .8rem 2rem 0 0
}

@media screen and (min-width:1024px) {
    .teaser-right__teaserinfo {
        padding: 1.2rem 2rem 0 0
    }
}

.teaser-right__topline-container {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.teaser-right__topline-container .label--small {
    margin-bottom: .6rem;
    margin-right: .6rem
}

.teaser-right__date {
    color: #80807e;
    font-size: 1.5rem;
    font-style: italic;
    margin: 0 .6rem 0 0;
    padding: .2rem 0 0
}

.teaser-right__labeltopline {
    color: #33322f;
    font-size: 1.6rem;
    margin-right: .6rem;
    padding: .2rem 0
}

.teaser-right__headline {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #015999;
    display: -webkit-inline-box;
    margin-bottom: .8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal
}

.teaser-right__shorttext {
    color: #33322f;
    font-size: 1.8rem;
    line-height: 2.4rem;
    margin: 0 0 .8rem;
    padding-left: 0
}

@media screen and (min-width:768px) {
    .teaser-right .list--maximized .teaser-right__teaserheadline {
        display: none
    }
}

.teaser-right .ts-mediaplayer+.closebutton {
    transform: none
}

@media screen and (min-width:768px) {
    .teaser-right .ts-mediaplayer+.closebutton {
        left: -5rem;
        transform: rotate(90deg)
    }
}

@media screen and (max-width:768px) {
    .teaser-right__teaserinfo.list--maximized {
        padding-left: 0;
        padding-top: .8rem
    }
}

@media screen and (min-width:768px) {
    .teaser-right {
        flex-wrap: nowrap;
        margin-bottom: 2.4rem;
        padding-bottom: 2.4rem
    }
}

.teaser-right__link {
    text-decoration: none;
    width: 100%
}

.teaser-right__teaserinfo .teaser-xs__link {
    border: 2px solid transparent;
    display: block
}

.teaser-right__teaserinfo .teaser-xs__link img {
    outline: 0
}

@media screen and (max-width:767px) {
    .teaser-right .teaser-right__shorttext {
        display: none
    }

    .teaser-right__topline-container {
        flex-direction: column
    }
}

.teaser-mikro {
    align-items: stretch;
    background: #fff;
    border-bottom: .1rem solid #e4e4e4;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    padding: 1.6rem 0
}

.teaser-mikro__link {
    width: 100%
}

.teaser-mikro__topline-container {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.teaser-mikro__topline-container .label--small {
    margin-bottom: .6rem;
    margin-right: .6rem
}

.teaser-mikro__date {
    color: #80807e;
    font-size: 1.5rem;
    margin-right: .6rem;
    padding: .2rem 0 .6rem
}

.teaser-mikro__headline {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #015999;
    display: -webkit-inline-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal
}

.teaser-mikro__headline cite,
.teaser-mikro__headline span[lang] {
    font: inherit
}

@media screen and (min-width:1024px) {
    .teaser-mikro {
        padding: 2.4rem 0
    }
}

.teaser-slider {
    width: 100%
}

.teaser-slider__link {
    display: block
}

.teaser-slider__image-wrapper {
    background-color: #e4e4e4;
    padding-top: 56.25%;
    position: relative;
    width: 100%
}

.teaser-slider__image-wrapper>img {
    height: auto;
    left: 50%;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto
}

.teaser-slider__teaserinfo {
    padding: 1.6rem 0 0 2rem
}

.teaser-slider__topline-container {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 1.1rem
}

.teaser-slider__topline-container .label--small {
    margin-bottom: .6rem;
    margin-right: 1rem
}

.teaser-slider__topline {
    color: #33322f;
    display: inline-block;
    margin: 0;
    width: auto
}

.teaser-slider__headline {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #015999;
    display: -webkit-inline-box;
    font-size: 2rem;
    line-height: 2.4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal
}

.teaser-slider .btn--text {
    margin: 2rem 2rem 0
}

.teaser-slider .btn--fullwidth {
    width: auto
}

.teaser-slider--tongue .teaser-slider__headline,
.teaser-slider--tongue .teaser-slider__topline {
    color: #fff
}

.mubu-container {
    background: transparent;
    display: block;
    float: left;
    margin-top: 1.2rem;
    position: relative;
    width: 100%
}

.mubu-container__trigger {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

.mubu-container__infotext {
    margin-right: .6rem;
    padding-top: .2rem
}

.mubu-container__buttons {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end
}

.mubu-container__button {
    height: 2.8rem;
    padding: .6rem 0 .6rem .6rem;
    width: 2.8rem
}

.mubu-container__content {
    border: 0;
    box-sizing: border-box;
    display: block;
    margin: 0;
    max-height: 0;
    overflow: hidden;
    text-align: left;
    transition: max-height .8s ease;
    width: 100%
}

.mubu-container__content__info {
    color: #80807e;
    padding: 1rem 0
}

.mubu-container__content__info__title {
    color: #33322f
}

.mubu-container__content__info__metainfo {
    border-bottom: .1rem solid #e4e4e4;
    padding-bottom: 1rem
}

.mubu-container__content__link {
    display: block
}

.mubu-container__content.active {
    max-height: 100rem;
    transition: max-height .8s ease;
    -moz-transition: max-height .8s ease
}

.mubu-container__media {
    background: #80807e;
    height: 30rem;
    width: 100%
}

.mubu-container.color--tongue .mubu-container__content__info {
    color: #99bdd6
}

.mubu-container.color--tongue .mubu-container__content__info__title {
    color: #dee9f2
}

.mubu-container.color--tongue .mubu-container__content__info__metainfo {
    border-bottom: .1rem solid #4082b3
}

.mubu-container.color--tongue .mubu-container__content__link:focus {
    outline-color: #dee9f2
}

.mubu-container.color--emotional .mubu-container__content__info {
    color: #c2c2c1
}

.mubu-container.color--emotional .mubu-container__content__info__title {
    color: #e4e4e4
}

.mubu-container.color--emotional .mubu-container__content__info__metainfo {
    border-bottom: .1rem solid #666563
}

.mubu-container.color--emotional .mubu-container__content__link:focus {
    outline-color: #e4e4e4
}

.trenner {
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    letter-spacing: .2em;
    width: 100%
}

.trenner__divider {
    border-bottom: .1rem solid #e4e4e4;
    display: none;
    height: 1px;
    left: 0;
    margin: 0 2rem;
    position: relative;
    width: calc(100% - 40px)
}

.trenner__text {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 2.4rem 2rem
}

.trenner__text__topline {
    color: #33322f;
    letter-spacing: .2rem
}

.trenner__text__headline,
.trenner__text__topline {
    flex-basis: 100%;
    text-align: center;
    text-transform: uppercase
}

.trenner__text__headline {
    color: #015999;
    letter-spacing: .1rem
}

.trenner__link {
    color: #015999;
    width: 100%
}

.trenner.trenner--default.trenner--divider .trenner__divider {
    border-bottom: .1rem solid #e4e4e4;
    display: block
}

.trenner.color--tongue {
    background: #015999
}

.trenner.color--emotional {
    background: #33322f
}

.trenner.color--emotional .trenner__text__headline,
.trenner.color--emotional .trenner__text__topline,
.trenner.color--tongue .trenner__text__headline,
.trenner.color--tongue .trenner__text__topline {
    color: #fff
}

.trenner.color--tongue.trenner--divider .trenner__divider {
    border-bottom: .1rem solid #4082b3;
    display: block
}

.trenner.color--emotional.trenner--divider .trenner__divider {
    border-bottom: .1rem solid #666563;
    display: block
}

.trenner.color--breaking-red {
    background: #cd144a
}

.trenner.color--breaking-red .trenner__text__headline,
.trenner.color--breaking-red .trenner__text__topline {
    color: #f8e0e7
}

.trenner.color--breaking-red.trenner--divider .trenner__divider {
    border-bottom: .1rem solid #da4f77;
    display: block
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .trenner {
        display: block
    }
}

.teaser {
    background: #fff;
    color: #33322f;
    float: left;
    padding-bottom: 3.2rem;
    position: relative;
    width: 100%
}

@media screen and (min-width:768px) {
    .teaser {
        padding-bottom: 2.4rem
    }
}

.teaser.color--tongue {
    background: #015999;
    color: #dee9f2
}

.teaser.color--tongue .teaser__link {
    color: #dee9f2
}

.teaser.color--tongue .teaser__teaserinfo {
    background: #015999
}

.teaser.color--tongue .teaser__date {
    color: #99bdd6
}

.teaser.color--emotional {
    background: #33322f;
    color: #e4e4e4
}

.teaser.color--emotional .teaser__link {
    color: #e4e4e4
}

.teaser.color--emotional .teaser__teaserinfo {
    background: #33322f
}

.teaser .teasersource--doc,
.teaser .teasersource--extern,
.teaser__link {
    color: #33322f
}

.teaser .teasersource--extern:after {
    background: url(../icon/extern.svg) no-repeat 0 .13rem;
    content: "";
    filter: invert(17%) sepia(9%) saturate(316%) hue-rotate(7deg) brightness(92%) contrast(90%);
    margin: 0 .3rem;
    padding: 0 1rem
}

.teaser__media {
    overflow: hidden;
    position: relative;
    width: 100%
}

.teaser__image {
    width: 100%
}

.teaser__image--small {
    margin-left: .2rem;
    width: 100%
}

.teaser__teaserinfo {
    background-color: #fff
}

.teaser__head,
.teaser__label,
.teaser__teaserinfo {
    display: block;
    float: left
}

.teaser__label {
    margin-bottom: .6rem
}

@media screen and (min-width:1024px) {
    .teaser__label {
        margin-bottom: .8rem
    }
}

.teaser__headline-wrapper {
    display: inline
}

.teaser__topline {
    display: inline-block;
    margin-bottom: .6rem
}

@media screen and (min-width:1024px) {
    .teaser__topline {
        margin-bottom: .8rem
    }
}

.teaser__topline span {
    color: #33322f
}

.teaser.color--tongue .teaser__topline span {
    color: #dee9f2
}

.teaser.color--emotional .teaser__topline span {
    color: #e4e4e4
}

.teaser__headline {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #015999;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    width: 100%
}

.teaser__headline cite,
.teaser__headline span {
    font: inherit
}

.teaser.color--emotional .teaser__headline,
.teaser.color--tongue .teaser__headline {
    color: #fff
}

.teaser__date {
    color: #80807e;
    float: left;
    margin-bottom: 1.6rem;
    width: 100%
}

.teaser__shorttext {
    display: block;
    float: left;
    width: 100%
}

.teaser__medialinks .mubu-container__trigger {
    padding: 0 2rem
}

@media screen and (min-width:1024px) {
    .teaser__medialinks .mubu-container__trigger {
        padding: 0
    }
}

.teaser__medialinks .mubu-container__infotext {
    color: #80807e
}

.teaser__medialinks .color--tongue .mubu-container__infotext {
    color: #99bdd6
}

.teaser__medialinks .color--emotional .mubu-container__infotext {
    color: #c2c2c1
}

.teaser .teaser__link {
    display: flex;
    flex-wrap: wrap
}

.teaser .image-btn {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 42
}

@media screen and (min-width:768px) {
    .teaser .image-btn {
        right: 50%
    }

    .teaser.teaser--small .teaser__teaserinfo {
        padding: .8rem 2rem 0
    }

    .teaser.teaser--small .image-btn {
        right: 66.67%
    }
}

@media screen and (min-width:1921px) {
    .teaser.teaser--small .teaser__teaserinfo {
        padding: 1.2rem 2rem 0
    }
}

.teaser--small .authorline {
    float: left;
    margin: 1rem 2rem 2.4rem;
    width: calc(100% - 4rem)
}

@media screen and (min-width:768px) {
    .teaser--small .authorline {
        margin: 1rem 0 0 2rem
    }
}

.teaser--top .authorline {
    float: left;
    margin-top: 1rem
}

@media screen and (min-width:768px) {
    .teaser--top .authorline {
        width: 100%
    }

    .teaser--top .image-btn {
        right: 0
    }
}

.teaser__topline-container .label {
    margin: .4rem .8rem .4rem 0
}

.teaser--top div:first-child a {
    border: none
}

a:focus .teaser-xs__headline,
a:focus .teaser-xs__topline,
a:focus .teaser__headline,
a:focus .teaser__topline {
    text-decoration: underline
}

a:active .teaser-xs__headline,
a:active .teaser-xs__topline,
a:active .teaser__headline,
a:active .teaser__topline {
    text-decoration: none !important
}

.teasergroup.color--emotional {
    background-color: #33322f
}

.teasergroup.color--tongue {
    background-color: #015999
}

.teaser__link:focus {
    outline: .2rem solid #80807e;
    outline-offset: -.2rem
}

.teaser__link:focus img {
    outline: 0
}

.teaser.color--tongue .teaser__link:focus {
    outline-color: #dee9f2
}

.teaser.color--emotional .teaser__link:focus {
    outline-color: #e4e4e4
}

@media screen and (min-width:768px) {
    .teasersource--extern:after {
        background-position: 0 .3rem !important
    }
}

@media screen and (min-width:1024px) {

    .teaser--top .teaser__shorttext,
    .teaser--top-aufmacher .teaser__shorttext {
        width: 83.3333333333%
    }
}

.textabsatz {
    background: #fff;
    box-sizing: border-box;
    color: #33322f;
    display: block;
    width: 100%
}

.textabsatz a.copytext-anchor {
    border: none
}

.textabsatz strong {
    color: #33322f
}

.textabsatz strong cite,
.textabsatz strong span {
    font: inherit
}

.textabsatz.textabsatz--indented {
    padding-left: 4rem
}

.textabsatz.textabsatz--standalone {
    padding: 0
}

@media screen and (min-width:768px) {
    .textabsatz {
        padding: 0
    }

    .textabsatz--contains-image {
        float: right;
        margin-right: 8.333333333333332%
    }
}

@media screen and (min-width:1024px) {
    .textabsatz--contains-image {
        margin-right: 16.666666666666664%
    }
}

.absatzbild {
    background-color: #fff;
    margin: 0 0 2.4rem
}

.absatzbild__info {
    color: #33322f;
    padding: 1rem 2rem 0
}

.absatzbild--m {
    box-sizing: border-box
}

.absatzbild__info__text {
    padding-bottom: 1rem
}

.absatzbild__info__copyright {
    color: #80807e
}

@media screen and (min-width:768px) {
    .absatzbild__info {
        padding: 1rem 0 0
    }

    .absatzbild--m {
        padding-right: 2rem
    }

    .absatzbild--m-indented .absatzbild__info {
        padding: 1rem 0 0 2rem
    }

    .absatzbild--m-indented:after {
        clear: both;
        content: "";
        display: table
    }
}

@media screen and (min-width:1024px) {
    .absatzbild--m-indented .absatzbild__info {
        padding: 1rem 0 0
    }
}

.bulletpoint-list {
    border-bottom: .1rem solid #e4e4e4;
    border-top: .1rem solid #e4e4e4;
    box-sizing: border-box;
    list-style: initial;
    margin: 1.6rem 1.6rem 2.4rem;
    padding: 1.6rem 0 1.6rem 2rem
}

.bulletpoint-list li {
    margin-bottom: 2.4rem
}

.bulletpoint-list li:last-of-type {
    margin-bottom: .4rem
}

.bulletpoint-list a.copytext-anchor {
    border: none
}

.bulletpoint-list .textlink--extern:after {
    background-position-y: .2rem;
    display: inline-block;
    height: 1.8rem
}

@media screen and (min-width:768px) {
    .bulletpoint-list {
        margin: 2rem 0
    }
}

.infobox {
    margin: 0 0 2.4rem
}

.infobox__image {
    border-right: 1.5rem solid #fff;
    float: left;
    margin-bottom: 1rem;
    margin-left: -2rem;
    width: calc(33.33333% + 1.5rem)
}

@media screen and (min-width:768px) {
    .infobox__image {
        border-right: 2rem solid #fff;
        margin-left: 0;
        width: calc(25% + 2rem)
    }
}

@media screen and (min-width:1024px) {
    .infobox__image {
        width: calc(25% + 2rem)
    }
}

.infobox__headline,
.infobox__headline--textonly {
    border-top: .1rem solid #fff;
    color: #015999;
    font-size: 2rem;
    line-height: 2.4rem;
    padding: 1.6rem 0 0
}

@media screen and (min-width:1024px) {

    .infobox__headline,
    .infobox__headline--textonly {
        padding: 2.4rem 0 0
    }
}

.infobox__text,
.infobox__text--textonly {
    color: #33322f;
    font-size: 1.8rem;
    line-height: 2.2rem;
    padding-bottom: 1.6rem;
    padding-left: 1rem;
    padding-top: 1.2rem
}

@media screen and (min-width:768px) {

    .infobox__text,
    .infobox__text--textonly {
        padding-bottom: 2.4rem;
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media screen and (min-width:1024px) {

    .infobox__text,
    .infobox__text--textonly {
        padding-top: 1.6rem
    }
}

.infobox__text .textlink--extern:after,
.infobox__text--textonly .textlink--extern:after {
    background-position-y: .2rem
}

.infobox__text a,
.infobox__text--textonly a {
    border-bottom: .1rem solid #015999;
    color: #015999
}

.infobox.color--tongue {
    background-color: #015999
}

.infobox.color--tongue .infobox__image {
    border-right-color: #015999
}

.infobox.color--tongue .infobox__headline,
.infobox.color--tongue .infobox__headline--textonly {
    border-top: none;
    color: #fff
}

.infobox.color--tongue .infobox__text,
.infobox.color--tongue .infobox__text--textonly {
    color: #dee9f2
}

.infobox.color--tongue .infobox__text .textlink--extern,
.infobox.color--tongue .infobox__text--textonly .textlink--extern {
    border-bottom: .1rem solid #fff
}

.infobox.color--tongue .infobox__text .textlink--extern:after,
.infobox.color--tongue .infobox__text--textonly .textlink--extern:after {
    background: url(../icon/extern--fill-white.svg) no-repeat;
    background-position-y: .2rem
}

.infobox.color--tongue .infobox__text b,
.infobox.color--tongue .infobox__text strong,
.infobox.color--tongue .infobox__text--textonly b,
.infobox.color--tongue .infobox__text--textonly strong {
    color: #fff
}

.infobox.color--tongue .infobox__text a,
.infobox.color--tongue .infobox__text--textonly a {
    border-bottom: .1rem solid #fff;
    color: #fff
}

.infobox.color--tongue .infobox__text abbr,
.infobox.color--tongue .infobox__text--textonly abbr {
    border-bottom-color: #fff
}

.infobox.color--emotional {
    background-color: #33322f
}

.infobox.color--emotional .infobox__image {
    border-right-color: #33322f
}

.infobox.color--emotional .infobox__headline,
.infobox.color--emotional .infobox__headline--textonly {
    border-top: none;
    color: #fff
}

.infobox.color--emotional .infobox__text,
.infobox.color--emotional .infobox__text--textonly {
    color: #e4e4e4
}

.infobox.color--emotional .infobox__text .textlink--extern,
.infobox.color--emotional .infobox__text--textonly .textlink--extern {
    border-bottom: .1rem solid #fff
}

.infobox.color--emotional .infobox__text .textlink--extern:after,
.infobox.color--emotional .infobox__text--textonly .textlink--extern:after {
    background: url(../icon/extern--fill-white.svg) no-repeat;
    background-position-y: .2rem
}

.infobox.color--emotional .infobox__text b,
.infobox.color--emotional .infobox__text strong,
.infobox.color--emotional .infobox__text--textonly b,
.infobox.color--emotional .infobox__text--textonly strong {
    color: #fff
}

.infobox.color--emotional .infobox__text a,
.infobox.color--emotional .infobox__text--textonly a {
    border-bottom: .1rem solid #fff;
    color: #fff
}

.infobox.color--emotional .infobox__text abbr,
.infobox.color--emotional .infobox__text--textonly abbr {
    border-bottom-color: #fff
}

.infobox__headline--textonly {
    margin-left: 1rem;
    padding-right: 1rem
}

@media screen and (min-width:768px) {
    .infobox__headline--textonly {
        margin-left: 4rem
    }
}

.infobox__text--textonly {
    margin-right: 1rem
}

@media screen and (min-width:768px) {
    .infobox__text--textonly {
        padding-left: 4rem
    }
}

.copytext-element-wrapper {
    box-sizing: border-box;
    margin: 0 0 2.4rem;
    padding: 1.2rem 2rem
}

.copytext-element-wrapper--overlap,
.copytext-element-wrapper__spacing {
    padding: 1.2rem 0
}

.copytext-element-wrapper__top-spacing {
    padding-top: 2rem
}

.copytext-element-wrapper__no-top-spacing {
    padding-top: 0
}

.copytext-element-wrapper__vertical-only {
    margin: 0;
    padding: 0 2rem
}

.copytext-element-wrapper .metatextline {
    padding: 0
}

@media screen and (max-width:767px) {
    .copytext-element-wrapper__divider span {
        margin: 0;
        width: 100%
    }

    .copytext-element-wrapper--overlap .copytext-element-wrapper__divider span {
        margin: 0 2rem;
        width: calc(100% - 4rem)
    }
}

@media screen and (min-width:768px) {
    .copytext-element-wrapper {
        padding: 1.2rem 0
    }

    .copytext-element-wrapper__vertical-only {
        margin: 0;
        padding: 0
    }
}

@media screen and (min-width:1024px) {
    .copytext-element-wrapper__top-spacing {
        padding-top: 0
    }
}

@media print {
    .copytext-element-wrapper {
        display: none
    }
}

.meldung__subhead {
    color: #015999;
    margin: .8rem 0 1.6rem
}

.meldung__subhead.meldung__subhead--overlap {
    padding: 0
}

.meldung__subhead--bold {
    font-weight: 700
}

.meldung__subhead cite,
.meldung__subhead span {
    font: inherit
}

.meldung__subhead .meldung__subhead__badge {
    background: #e4e4e4;
    border-radius: 3px;
    display: inline-block;
    margin-left: 1rem;
    padding: .7rem 1rem;
    position: relative;
    top: -.35rem
}

.meldung__subheadlinewrapper {
    margin: .8rem 0 1.6rem
}

.meldung__subheadlinewrapper .meldung__subhead,
.meldung__subheadlinewrapper .meldung__topline-subhead {
    float: left;
    width: 100%
}

.meldung__subheadlinewrapper .meldung__subhead {
    margin: 0
}

.meldung__topline-subhead {
    color: #33322f;
    display: block;
    margin-bottom: .6rem
}

@media screen and (min-width:1024px) {
    .meldung__topline-subhead {
        margin-bottom: .8rem
    }
}

.copytext-element-wrapper .meldung__subhead {
    padding: 0
}

.liveblog--anchor {
    scroll-margin-top: 5.2rem
}

.copytext-anchor {
    border: none;
    color: inherit;
    font: inherit;
    scroll-margin-top: 6rem
}

.meldung__subhead a {
    scroll-margin-top: 8rem
}

@media screen and (min-width:768px) {
    .meldung__subhead a {
        scroll-margin-top: 10rem
    }
}

.liveblog__datetime,
.meldung__uhrzeit {
    color: #80807e;
    font-size: 1.6rem;
    padding-top: 3.2rem
}

@media screen and (min-width:768px) {

    .liveblog__datetime,
    .meldung__uhrzeit {
        padding: 0
    }
}

.meldung__uhrzeit {
    margin-bottom: .4rem
}

.liveblog__datetime {
    margin-bottom: 0
}

@media screen and (min-width:768px) {
    .liveblog__datetime {
        margin-bottom: 0;
        margin-top: 2.4rem
    }
}

@media screen and (min-width:1024px) {

    .copytext-anchor,
    .liveblog--anchor {
        scroll-margin-top: 8.8rem
    }
}

.copytext__audio,
.copytext__video {
    margin-bottom: 1.4rem
}

.copytext__audio__info,
.copytext__video__info {
    color: #80807e;
    padding: 1rem 2rem
}

.copytext__audio__title,
.copytext__video__title {
    color: #33322f
}

.copytext__audio__details,
.copytext__audio__metainfo,
.copytext__video__details,
.copytext__video__metainfo {
    padding-bottom: 1rem
}

.copytext__audio__details strong,
.copytext__video__details strong {
    color: #33322f
}

.copytext__audio__link,
.copytext__video__link {
    display: block
}

.copytext__embed,
.infobox,
.meldung__subhead {
    box-sizing: border-box;
    padding: 0 2rem
}

.copytext__embed--vwd {
    margin-bottom: 4rem;
    margin-top: 0
}

@media screen and (min-width:768px) {

    .copytext__embed,
    .infobox,
    .meldung__subhead,
    .meldung__topline-subhead {
        padding: 0
    }

    .copytext__audio__info,
    .copytext__video__info {
        padding: 1rem 0
    }
}

@media print {

    .copytext__audio,
    .copytext__video {
        display: none
    }
}

.copytext__video .lamapoll__copytext__video {
    color: #015999 !important
}

.copytext__video .copytext__lamapoll__copytext__video {
    border-bottom: .1rem solid #e4e4e4 !important
}

.archive__dachzeile {
    color: #33322f;
    font-size: 1.6rem;
    margin-bottom: .4rem
}

.archive__headline {
    color: #015999;
    font-size: 2.4rem;
    line-height: 2.7rem;
    margin-bottom: 1.6rem
}

.verweisabsatz__wrapper {
    margin-top: 1.2rem
}

.verweisabsatz__link {
    color: #33322f
}

.lotto {
    background: #fff;
    padding-bottom: 3.2rem;
    width: 100%
}

.lotto__zahlen {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    margin-bottom: 24px;
    padding: 0
}

.lotto__zahlen__zahl {
    align-items: center;
    background: #015999;
    color: #fff;
    display: flex;
    flex-basis: 16.6%;
    font-size: 2.4rem;
    height: auto;
    justify-content: center;
    margin: 0 1px 0 0
}

.lotto__zahlen__zahl:last-of-type {
    margin: 0
}

.lotto__zahlen__zahl:before {
    content: "";
    float: left;
    padding-top: 100%
}

.lotto__spiele {
    align-items: center;
    display: flex;
    flex-direction: row;
    margin-bottom: 24px;
    padding: 0 20px;
    width: calc(100% - 40px)
}

.lotto__spiele:last-child {
    margin-bottom: 0
}

.lotto__spiele__spiel {
    color: #80807e;
    font-size: 1.8rem;
    line-height: 2rem;
    min-width: 11rem;
    padding: 0;
    white-space: nowrap
}

.lotto__spiele__zahlen {
    font-size: 2.4rem;
    letter-spacing: 2rem;
    line-height: 2.9rem;
    white-space: nowrap
}

@media screen and (min-width:768px) {
    .lotto {
        padding-bottom: 2.4rem
    }

    .lotto__zahlen {
        margin-left: 2rem;
        margin-top: 0
    }

    .lotto__spiele {
        margin-left: 2rem;
        padding: 0
    }
}

@media screen and (min-width:1024px) {
    .lotto__spiele__zahlen {
        letter-spacing: 3rem
    }
}

.multimediahead {
    background-color: #fff;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin-top: 2.4rem;
    padding: 0 2rem
}

.multimediahead__headline-wrapper {
    display: inline
}

.multimediahead__label {
    display: block;
    float: left;
    margin-bottom: .6rem
}

.multimediahead__topline {
    white-space: nowrap
}

.multimediahead__headline {
    color: #015999;
    float: left;
    width: 100%
}

.multimediahead__date {
    clear: both;
    color: #80807e;
    display: block;
    margin-bottom: 1.6rem
}

.multimediahead__shorttext {
    margin-bottom: 2.4rem
}

@media screen and (min-width:768px) {
    .multimediahead {
        padding: 0
    }
}

@media screen and (min-width:1024px) {
    .multimediahead__label {
        margin-bottom: .8rem
    }
}

.multimedia-foot {
    margin-top: 3.2rem
}

.id-card {
    align-items: stretch;
    background-color: #fff;
    display: flex;
    padding: 1.2rem 0;
    position: relative
}

.id-card:before {
    top: 0
}

.id-card:after,
.id-card:before {
    content: "";
    height: .01rem;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 100%
}

.id-card:after {
    bottom: 0
}

@media screen and (min-width:1024px) {

    .id-card .id-card:after,
    .id-card .id-card:before {
        width: 80rem
    }
}

.id-card__studio {
    color: #33322f;
    font-size: 1.6rem
}

.id-card__logo {
    margin: 0 0 .4rem
}

.id-card__logo svg {
    fill: #015999;
    height: 3.9rem
}

.id-card__twitter-id {
    bottom: 0;
    color: #80807e;
    display: block;
    font-size: 1.6rem;
    margin-top: 1.2rem;
    position: absolute
}

.id-card__name {
    color: #015999;
    font-size: 2rem;
    line-height: 2.2rem
}

.id-card__img {
    border-radius: 1rem;
    width: 100%
}

.id-card__description {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 100%;
    padding: 0 0 0 1.4rem;
    position: relative
}

@media screen and (min-width:768px) {
    .id-card:before {
        bottom: .8rem
    }

    .id-card__inner.inner-only {
        margin: 0;
        padding: 2.4rem 0
    }
}

@media screen and (max-width:767px) {
    .id-card__divider .divider {
        margin: 0 2rem
    }
}

@media print {
    .id-card>div:first-child {
        width: 12%
    }
}

.home__icon {
    margin-left: 2rem;
    padding-right: .3rem
}

.home__icon svg {
    fill: #33322f;
    height: 2rem;
    width: 2rem
}

.anchored {
    font-weight: bolder
}

.anchored+.anchored:before {
    background-color: #e4e4e4;
    content: "";
    height: 70%;
    position: absolute;
    top: 15%;
    width: .05rem
}

.horizontal-nav {
    font-size: 1.5rem;
    position: relative
}

.horizontal-nav .swipe {
    align-items: center;
    display: flex;
    height: 3.8rem
}

.horizontal-nav.horizontal-nav--swipenav {
    scrollbar-width: none
}

.horizontal-nav.horizontal-nav--swipenav>ul li.latthema:first-of-type {
    border-left: .5rem solid transparent
}

.horizontal-nav.horizontal-nav--swipenav::-webkit-scrollbar {
    background: transparent;
    width: 0
}

.horizontal-nav.horizontal-nav--swipenav>.swipe {
    box-shadow: inset 0 .5rem .5rem -.5rem rgba(0, 0, 0, .1)
}

.horizontal-nav.horizontal-nav--home {
    float: left;
    z-index: 142
}

.horizontal-nav.horizontal-nav--home .swipe li {
    position: relative
}

.horizontal-nav.horizontal-nav--home .swipe li:active:after,
.horizontal-nav.horizontal-nav--home .swipe li:hover:after {
    background-color: #e4e4e4;
    content: "";
    height: 100%;
    position: absolute;
    right: -.05rem;
    top: 0;
    width: .05rem
}

.horizontal-nav .horizontal-nav--is-dossier {
    left: 0;
    right: 0
}

.horizontal-nav .swipe {
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
    overflow: -moz-scrollbars-none;
    overflow-y: hidden;
    -moz-scrollbar-width: none;
    scrollbar-width: none;
    white-space: nowrap
}

.horizontal-nav .swipe::-webkit-scrollbar {
    display: none
}

.horizontal-nav .swipe li {
    display: inline-block;
    vertical-align: middle
}

.horizontal-nav .swipe li:active,
.horizontal-nav .swipe li:hover {
    background: #e4e4e4;
    color: #33322f;
    cursor: pointer
}

.horizontal-nav .swipe li:not(:first-child) a,
.horizontal-nav .swipe li:not(:last-child) a {
    font-weight: 400
}

.horizontal-nav .swipe .latthema:hover {
    background: none
}

.horizontal-nav .swipe .latthema--link {
    border: .1rem solid transparent
}

.horizontal-nav .swipe .latthema--link:active,
.horizontal-nav .swipe .latthema--link:focus,
.horizontal-nav .swipe .latthema--link:hover {
    background: #c2c2c1
}

.horizontal-nav .swipe .additional-navigation-entry span,
.horizontal-nav .swipe a,
.horizontal-nav .swipe span.a {
    color: #33322f;
    display: block;
    padding: 1.2rem 1.2rem 1.1rem
}

.horizontal-nav .swipe a.home {
    outline-offset: -.4rem;
    padding: 1.1rem 1.2rem
}

.horizontal-nav .swipe .latthema--link {
    background: #e4e4e4;
    border-radius: 1.2rem;
    color: #33322f;
    margin: 0 .5rem;
    padding: .3rem .7rem .4rem
}

.horizontal-nav .swipe__scroll_up {
    max-height: 100rem;
    opacity: 1;
    transition: all .4s ease-in
}

.horizontal-nav .swipe__scroll_down {
    background-color: transparent;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all .4s ease-out
}

.horizontal-nav .swipe__scroll_down.horizontal-nav--active {
    max-height: 100rem;
    opacity: 1;
    transition: all .1s ease-in
}

.horizontal-nav .swipe.horizontal-nav-static li:not(:first-child) a {
    max-width: 3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.horizontal-nav .swipe.horizontal-nav-static li:not(:first-child) a.no-ellipsis {
    max-width: none;
    overflow: visible;
    text-overflow: unset
}

a.home.mobile-view span {
    display: none
}

a.home.mobile-view svg {
    display: block
}

.latthema--link:focus {
    outline: .2rem solid #80807e;
    outline-offset: .4rem
}

@media screen and (min-width:1024px) {
    .home__icon {
        margin-left: 4rem;
        padding: 0
    }

    .horizontal-nav .swipe a.home {
        outline-offset: -.2rem;
        padding: 1.2rem 1.2rem 1.1rem
    }

    .horizontal-nav .swipe.horizontal-nav-static li:not(:first-child) a {
        max-width: none;
        overflow: initial;
        text-overflow: clip;
        white-space: normal
    }

    a.home.mobile-view svg {
        display: none
    }

    a.home.mobile-view span {
        display: block
    }

    .horizontal-nav.horizontal-nav--swipenav {
        width: calc(100% + 4rem)
    }
}

@media screen and (min-width:1104px) {
    .home__icon {
        margin-left: 0
    }
}

.horizontal-nav--home ul li:last-child span {
    font-weight: 600
}

.article-breadcrumb .article-breadcrumb__title--inside {
    cursor: default;
    display: block;
    margin: .9rem .5rem .7rem;
    padding: .3rem .7rem .4rem
}

.article-breadcrumb li>* {
    color: #33322f
}

.article-breadcrumb li+li>:before {
    border-color: transparent transparent transparent #80807e;
    border-style: solid;
    border-width: .4rem 0 .4rem .6rem;
    content: "";
    display: inline-block;
    height: 0;
    margin: 0 .6em .1rem -1.2rem;
    top: -2rem;
    width: 0
}

.horizontal-nav .swipe li.article-breadcrumb__title:active,
.horizontal-nav .swipe li.article-breadcrumb__title:hover {
    background: #fff
}

.settings__box {
    background: #f1f1f1;
    box-sizing: border-box;
    padding: .9rem 3rem 2rem
}

@media screen and (min-width:1024px) {
    .settings__box {
        padding: 0 4rem 2rem
    }
}

.form--settings {
    padding-bottom: .9rem
}

.form--settings li {
    display: inline-block;
    width: 49%
}

.form--settings li.basic-settings {
    width: 100%
}

.basic-settings .form-label {
    align-items: baseline;
    display: flex;
    margin: 0
}

.basic-settings .form-label__darkmode-info {
    margin-top: 1.6rem
}

.thirdparty-settings {
    margin-top: 3rem
}

.basic-settings .form-label span:first-of-type {
    flex: 1
}

.settings__list-wrapper {
    margin-bottom: 2.4rem
}

.seitenkopf {
    background: #fff
}

.seitenkopf__data,
.seitenkopf__textonly {
    display: flex;
    width: 100%
}

.seitenkopf__textonly {
    margin-top: 2.4rem
}

.seitenkopf__title {
    width: 100%
}

.seitenkopf__topline {
    color: #33322f;
    display: block;
    margin-bottom: .6rem
}

@media screen and (min-width:1024px) {
    .seitenkopf__topline {
        margin-bottom: .8rem
    }
}

.seitenkopf__headline {
    display: inline
}

.seitenkopf__headline--text {
    clear: left;
    color: #015999;
    display: block
}

.seitenkopf__headline--text.color--breaking {
    color: #cd144a
}

.seitenkopf__headline--text cite,
.seitenkopf__headline--text span {
    font: inherit
}

.seitenkopf__media {
    margin-bottom: 1.6rem;
    position: relative
}

.seitenkopf__label {
    display: block;
    float: left;
    margin-bottom: .6rem;
    padding-left: 2rem
}

@media screen and (min-width:768px) {

    .seitenkopf__headline--text,
    .seitenkopf__label,
    .seitenkopf__topline {
        padding: 0
    }
}

.color--tongue .buttongroup {
    background-color: transparent
}

.buttongroup {
    background-color: #fff;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: 0 2rem 2.4rem;
    width: 100%
}

.buttongroup__item {
    flex: 1;
    padding-top: 1.6rem
}

.buttongroup__item:first-of-type {
    padding-top: 0
}

.buttongroup--headline {
    font-size: 1.6rem;
    padding-top: 1.6rem
}

.buttongroup--copytext {
    padding: 1.6rem 0 1.2rem
}

.buttongroup--searchresults {
    padding: 0 0 3.2rem
}

@media screen and (min-width:768px) {
    .buttongroup {
        align-items: flex-end;
        flex-direction: row;
        justify-content: flex-end;
        padding: 0 2rem 1.6rem
    }

    .buttongroup__item {
        box-sizing: border-box;
        max-width: 33.333333333333336%;
        min-width: 25%;
        padding: 0 1rem 0 0
    }

    .buttongroup__item:only-child {
        max-width: 41.666666666666664%;
        padding: 0
    }

    .buttongroup__item:last-of-type {
        padding-right: 0
    }

    .buttongroup--copytext {
        padding: 1.6rem 0
    }

    .buttongroup--copytext .buttongroup__item {
        max-width: 50%
    }

    .buttongroup--searchresults {
        padding: 0 0 4.8rem
    }

    .buttongroup--searchresults .buttongroup__item {
        max-width: 50%
    }
}

@media screen and (min-width:1024px) {
    .buttongroup:not(.buttongroup--copytext):not(.buttongroup--searchresults) {
        padding: 0 0 2.4rem
    }

    .buttongroup__item:only-child {
        max-width: 33.333333333333336%
    }
}

.meldungsfooter {
    background-color: #fff;
    box-sizing: border-box;
    display: inline-block;
    margin-top: -2px;
    width: 100%
}

@media screen and (min-width:768px) {
    .meldungsfooter {
        padding: 0
    }

    .meldungsfooter--sharing-only {
        clear: left;
        margin-bottom: 6rem
    }
}

@media print {

    .meldungsfooter,
    article+aside.container {
        display: none
    }
}

.button-double--item {
    box-sizing: border-box;
    padding: 0 2rem
}

.button-double--item:last-child {
    padding-top: 2rem
}

@media screen and (min-width:768px) {
    .button-double .button-double--item:first-child {
        padding: 0 1rem 0 0
    }

    .button-double .button-double--item:last-child {
        padding: 0 0 0 1rem
    }
}

.ts-iframe {
    height: 0;
    overflow: hidden;
    position: relative;
    width: 100%
}

.ts-iframe.ratio-49x16 {
    padding-bottom: 32.65%
}

.ts-iframe.ratio-16x9 {
    padding-bottom: 56.25%
}

.ts-iframe.ratio-4x3 {
    padding-bottom: 75%
}

.ts-iframe.height-490 {
    height: 490px
}

.ts-iframe .ts-iframe__target {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.boerseniframe {
    height: 49rem;
    width: 100%
}

.copytext-galerie {
    box-sizing: border-box;
    margin-top: 1.2rem;
    padding: 0 2rem
}

.copytext-galerie__dachzeile {
    color: #33322f;
    font-size: 1.6rem;
    margin-bottom: .4rem
}

.copytext-galerie__headline {
    color: #015999;
    font-size: 2.4rem;
    line-height: 2.7rem;
    margin-bottom: 1.6rem
}

@media screen and (min-width:768px) {
    .copytext-galerie {
        padding: 0
    }
}

.taglist {
    -ms-overflow-style: none;
    display: flex;
    margin: 2.4rem 0 1.6rem;
    overflow: auto;
    scrollbar-width: none;
    white-space: nowrap
}

@media screen and (min-width:1024px) {
    .taglist {
        margin: 2.4rem 0 .8rem;
        white-space: normal
    }
}

.taglist::-webkit-scrollbar {
    background: transparent;
    height: 0;
    width: 0
}

.taglist__element {
    display: flex;
    margin: .4rem 1.1rem .4rem .4rem;
    white-space: nowrap
}

@media screen and (min-width:1024px) {
    .taglist__element {
        margin: 1.4rem .9rem 2rem .4rem
    }
}

.sendungsbezug {
    border-bottom: .1rem solid #e4e4e4;
    border-top: .1rem solid #e4e4e4;
    color: #80807e;
    font-size: 1.6rem;
    line-height: 2.25rem;
    padding: 1.2rem 0;
    position: relative
}

.sendungsbezug .sendungsbezug--title {
    display: block;
    font-weight: 700
}

.socialbuttons {
    background-color: #fff;
    margin: 1.6rem 0 2.4rem
}

.socialbuttons__list {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 1rem
}

.socialbuttons__list__item {
    height: 4.4rem;
    width: 4.4rem
}

.socialbuttons__list__item .tabfocus {
    align-items: center;
    display: flex;
    height: 100%
}

.socialbuttons__list__item .btn {
    background-color: #fff;
    border: none
}

.socialbuttons__list__item svg {
    fill: #80807e;
    margin: .6rem;
    width: 3rem
}

.socialbuttons__list__item .btn--icon svg {
    padding: 0
}

.socialbuttons__list__item .icon--twitter {
    fill: #1da1f2
}

.socialbuttons__list__item .icon--facebook {
    fill: #3578e5
}

.socialbuttons__list__item .icon--whatsapp {
    fill: #25d366
}

.socialbuttons__list__item .icon--threema {
    margin: .8rem;
    width: 2.8rem
}

.socialbuttons--with-endline {
    margin: 0;
    padding-bottom: 1.2rem;
    padding-top: 1rem;
    width: unset
}

.user-kommentar-block {
    background: #fff;
    padding: 0 0 9.6rem
}

.user-kommentar-block__embed {
    padding: 0 0 3.2rem
}

.content-wrapper--show-cuts .user-kommentar-block {
    background-color: #fff;
    display: inline-block;
    margin-top: 1.6rem
}

.user-kommentar {
    background-color: #fff;
    padding-left: 2rem;
    padding-right: 2rem
}

.user-kommentar__head {
    display: flex;
    margin-bottom: 1.6rem
}

.user-kommentar__userinfo {
    display: flex;
    flex-direction: column
}

.user-kommentar__username {
    color: #33322f;
    font-style: italic;
    font-weight: bolder
}

.user-kommentar__datum {
    color: #80807e;
    font-style: italic;
    font-weight: lighter
}

.user-kommentar__headline {
    color: #015999;
    margin-bottom: 1.2rem
}

.user-kommentar__body {
    color: #33322f;
    white-space: pre-wrap
}

.user-kommentar .icon.icon--avatar {
    fill: #80807e;
    height: 4rem;
    padding-right: 1.5rem;
    width: 4rem
}

@media screen and (min-width:1024px) {
    .user-kommentar {
        padding-left: 0;
        padding-right: 0
    }
}

.boersenbox {
    background: #fff;
    width: 100%
}

.boersenbox__embed:last-child {
    margin-bottom: 0
}

.boersenbox__embed__inner {
    box-sizing: border-box;
    margin-bottom: 3.2rem;
    padding: 0 2rem
}

@media screen and (min-width:768px) {
    .boersenbox__embed__inner {
        margin-bottom: 2.4rem
    }
}

.boersenbox__embed iframe {
    height: 600px;
    width: 100%
}

.boersenbox__embed__title {
    color: #015999;
    font-family: Thesis, helvetica, arial, sans-serif;
    text-align: center
}

@media screen and (max-width:375px) {
    .boersenbox .boersenbox iframe {
        height: 620px
    }
}

@media screen and (min-width:1024px) {
    .boersenbox .boersenbox__embed:nth-child(2n) .boersenbox__embed__inner {
        padding: 0 0 0 2rem
    }

    .boersenbox .boersenbox__embed:nth-child(odd) .boersenbox__embed__inner {
        padding: 0 2rem 0 0
    }
}

@media screen and (min-width:1104px) {
    .boersenbox .boersenbox iframe {
        height: 580px
    }
}

.paginierung {
    background: #fff;
    clear: both;
    color: #80807e;
    padding: 3.2rem 0;
    width: 100%
}

.paginierung__liste {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: .4rem
}

.paginierung__liste>li {
    padding: 0 .5rem
}

.paginierung__liste>li.next,
.paginierung__liste>li.prev {
    width: 1.6rem
}

.paginierung__liste>li.next svg,
.paginierung__liste>li.prev svg {
    fill: #80807e;
    height: 1.6rem
}

.paginierung__liste>li .active,
.paginierung__liste>li.active {
    color: #33322f
}

.paginierung__liste--link {
    align-items: center;
    color: #80807e;
    display: flex
}

.paginierung__liste--link:focus {
    outline-offset: 2px
}

.paginierung .divider {
    margin: 1.2rem 0
}

@media screen and (max-width:768px) {
    .paginierung {
        margin: 0;
        padding: 3.2rem 2rem
    }
}

.ergebnisse {
    text-align: center
}

.ergebnisse__anzahl,
.ergebnisse__suchbegriff {
    color: #33322f;
    padding-right: .4rem
}

.privacydisclaimer.privacy.small {
    display: none
}

.anchor-link {
    color: #33322f;
    font-size: 1.5rem;
    left: -10000px;
    opacity: 0;
    position: absolute;
    text-decoration: underline;
    top: 1.2rem
}

.anchor-link:focus {
    background: #fff;
    left: 1.2rem;
    opacity: 1;
    padding: .8rem;
    z-index: 1000
}

.content-accordion {
    background-color: #fff;
    padding-bottom: 2.4rem;
    width: 100%
}

.content-accordion--singlerow {
    border-bottom: .1rem solid #e4e4e4;
    border-top: .1rem solid #e4e4e4;
    clear: both;
    margin-bottom: 2.4rem;
    padding-bottom: 0
}

.content-accordion.expanderbox .exp-body.calculated {
    position: static
}

.content-accordion.expanderbox .exp-body {
    left: -10000px;
    overflow: hidden;
    position: absolute
}

.content-accordion__itemwrapper--withborder {
    border-bottom: .1rem solid #e4e4e4
}

.content-accordion__itemwrapper--withborder.active,
.content-accordion__itemwrapper.active {
    border: 0
}

.content-accordion__itemwrapper--withborder+.content-accordion__text.active {
    border-bottom: .1rem solid #e4e4e4
}

.content-accordion__headline {
    align-items: stretch;
    color: #33322f;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 0 4rem 0 2rem
}

.content-accordion__headline--tongue {
    color: #015999
}

.content-accordion__headline--text {
    margin: 1rem 0
}

.content-accordion__headline--arrow {
    margin-right: -4.2rem
}

.content-accordion__headline--arrow svg {
    fill: #33322f;
    height: 4rem;
    margin-bottom: -.1rem;
    margin-top: -.1rem;
    width: 4rem
}

.content-accordion__headline--arrow .icon--arrow-up {
    display: none
}

.content-accordion__headline--arrow.active .icon--arrow-up {
    display: block
}

.content-accordion__headline--arrow.active .icon--arrow-down {
    display: none
}

.content-accordion .headline--arrow-tongue {
    margin-right: 0
}

.content-accordion .headline--arrow-tongue svg {
    fill: #015999;
    margin: 1rem 0
}

.content-accordion__content {
    color: #80807e;
    display: block
}

.content-accordion__content .textabsatz,
.content-accordion__content--shorttext {
    color: #80807e;
    margin: 0;
    padding-bottom: 2rem;
    padding-top: 1rem
}

.content-accordion__content .content-accordion__content-item {
    clear: both;
    display: inline-block;
    margin: 0;
    padding-bottom: 2rem;
    padding-top: 1rem
}

.content-accordion__text {
    color: #80807e;
    display: block
}

.content-accordion__text--textabsatz {
    margin: 0;
    padding-bottom: 1rem;
    padding-top: 1rem
}

.content-accordion__text--shorttext {
    padding-bottom: 2rem;
    padding-top: 1rem
}

.content-accordion .ts-picture__wrapper {
    clear: both
}

@media screen and (min-width:1024px) {
    .content-accordion__text--shorttext {
        width: 83.3333333333%
    }
}

.wahlbeteiligung {
    background: #fff;
    display: flex;
    flex-direction: column
}

.wahlbeteiligung--beteiligung-wrapper,
.wahlbeteiligung--regierung-wrapper {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 1.6rem 0
}

.wahlbeteiligung--label {
    color: #80807e;
    letter-spacing: .2rem
}

.wahlbeteiligung--beteiligung-wrapper {
    align-items: baseline;
    display: flex
}

.wahlbeteiligung--parteilabel-wrapper {
    display: flex
}

.wahlbeteiligung--parteilabel {
    color: #fff;
    margin-left: .4rem;
    padding: .2rem .8rem
}

@media screen and (min-width:1024px) {
    .wahlbeteiligung {
        align-items: baseline;
        flex-direction: row
    }

    .wahlbeteiligung--beteiligung-wrapper {
        justify-content: flex-start;
        padding: 0 2rem 2.4rem 0
    }

    .wahlbeteiligung--regierung-wrapper {
        justify-content: flex-end;
        padding: 0 0 2.4rem 2rem
    }

    .wahlbeteiligung--number {
        margin-left: 1.2rem
    }

    .wahlbeteiligung--divider {
        align-self: center;
        display: flex;
        height: 3.6rem
    }

    .wahlbeteiligung--parteilabel {
        margin-left: .8rem
    }
}

.index-image-only {
    margin-top: 2.4rem;
    position: relative
}

.index-image-only .image-btn {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 42
}

@media screen and (min-width:1024px) {
    .index-image-only {
        margin: 2.4rem 0
    }
}

.article-image-only {
    background-color: #fff;
    margin: 0 0 2.4rem;
    position: relative
}

.article-image-only__sharing {
    margin: 0
}

.article-image-only__info {
    color: #80807e;
    padding: 1rem 2rem 0
}

.article-image-only__info__text {
    padding-bottom: 1.7rem
}

.article-image-only .image-btn {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 42
}

@media screen and (min-width:768px) {
    .article-image-only__info {
        padding: 1rem 0 0
    }
}

.content-liste {
    box-sizing: border-box;
    color: #33322f;
    margin: 2rem 2rem 2.4rem
}

.content-liste.content-liste--standalone {
    margin: 0
}

.content-liste>li a,
.content-liste>li span {
    display: block;
    padding: .8rem 1rem
}

.content-liste>li a {
    color: #33322f
}

.content-liste>li a:hover {
    background: #e4e4e4;
    color: #33322f;
    cursor: pointer
}

.content-liste>li a.active {
    color: #c2c2c1
}

.content-liste>li:last-child {
    border-bottom: none
}

@media screen and (min-width:768px) {
    .content-liste {
        margin: 2rem 0 2.4rem
    }

    .content-liste--columns {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap
    }

    .content-liste--columns>li {
        width: calc(50% - 2rem)
    }

    .content-liste--columns>li:nth-child(odd) {
        margin-right: 2rem
    }

    .content-liste--columns>li:nth-child(2n) {
        margin-left: 2rem
    }
}

.tag-cloud {
    background-color: #fff;
    box-sizing: border-box;
    padding: 0 2rem;
    text-align: center
}

.tag-cloud li {
    display: inline-block;
    margin: 0 .5rem 1.4rem
}

@media screen and (min-width:768px) {
    .tag-cloud li {
        margin: 0 1rem 2.4rem
    }
}

.tag-cloud .tag-btn {
    display: block
}

@media screen and (min-width:768px) {
    .tag-cloud {
        padding: 0
    }
}

.tag-btn.tag-btn__sticky {
    background: #ff00ed;
    bottom: -4.8rem;
    color: #fff;
    left: 50%;
    padding: .8rem 2rem;
    position: absolute;
    transform: translateX(-50%);
    z-index: 21
}

.back-to-top {
    bottom: 2rem;
    box-shadow: .15rem .15rem .66rem -.25rem rgba(0, 0, 0, .25);
    height: 4rem;
    position: fixed;
    right: 2rem;
    transition: all .4s;
    width: 4rem;
    z-index: 121
}

.back-to-top.hide {
    opacity: 0
}

.back-to-top.show {
    opacity: 1
}

.expanderbox {
    background-color: #fff
}

.expanderbox--tongue {
    background: #015999
}

.expanderbox--tongue .expanderbox__header {
    background: #015999;
    color: #dee9f2;
    padding: 0 2rem
}

.expanderbox--tongue .expanderbox__header:focus {
    outline-color: #99bdd6
}

.expanderbox--tongue .expanderbox__arrow svg {
    fill: #dee9f2
}

.expanderbox .expanderbox__hint-wrapper {
    background-color: #fff
}

.expanderbox__header {
    align-items: center;
    background: #fff;
    color: #33322f;
    display: flex;
    justify-content: space-between
}

.expanderbox__header:focus {
    outline: .2rem solid #80807e;
    outline-offset: -.3rem
}

.expanderbox__header--tongue {
    color: #015999
}

.expanderbox__header--nopadding {
    padding: 0
}

.expanderbox__button {
    box-sizing: border-box;
    padding-top: 2rem
}

.expanderbox__label {
    padding: .8rem 1rem .8rem 0
}

.expanderbox__body {
    left: -10000px;
    overflow: hidden;
    position: absolute
}

.expanderbox__body--withborder-bottom {
    border-bottom: .1rem solid #e4e4e4
}

.expanderbox__body__content-item {
    display: inline-block;
    padding-bottom: 2rem;
    padding-top: 1rem;
    width: 100%
}

.expanderbox__body.calculated {
    position: static
}

.expanderbox__arrow,
.expanderbox__arrow svg {
    height: 4rem;
    width: 4rem
}

.expanderbox__arrow svg {
    fill: #33322f
}

.expanderbox__arrow--tongue svg {
    fill: #015999
}

.expanderbox__arrow.active .icon--arrow-up {
    display: block
}

.expanderbox__arrow .icon--arrow-up,
.expanderbox__arrow.active .icon--arrow-down {
    display: none
}

@media screen and (min-width:768px) {
    .expanderbox .expanderbox__hint-wrapper {
        align-items: center;
        display: flex;
        justify-content: space-between
    }

    .expanderbox .expanderbox__hint-wrapper .expanderbox__header {
        box-sizing: border-box;
        width: 50%
    }
}

.teaser-xs.color--tongue {
    background: #015999;
    color: #fff
}

.teaser-xs.color--tongue .teaser-xs__headline {
    color: #fff
}

.teaser-xs.color--tongue .list--separator:after {
    border-color: #4082b3
}

.teaser-xs.color--tongue .teaser-xs__topline {
    color: #dee9f2
}

.teaser-xs.color--tongue .teaser-xs__date {
    color: #99bdd6
}

.teaser-xs.color--emotional {
    background: #33322f;
    color: #fff
}

.teaser-xs.color--emotional .teaser-xs__headline {
    color: #fff;
    padding-bottom: 1rem
}

.teaser-xs.color--emotional .list--separator:after {
    border-color: #666563
}

.teaser-xs.color--emotional .teaser-xs__topline {
    color: #e4e4e4
}

.teaser-xs.color--emotional .teaser-xs__date {
    color: #c2c2c1
}

.teaser-xs {
    align-items: stretch;
    background: #fff;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1.6rem;
    margin-top: -.1rem;
    position: relative;
    width: 100%
}

.teaser-xs:nth-of-type(odd) {
    clear: left
}

.teaser-xs__teaserinfo {
    box-sizing: border-box;
    padding: .8rem 2rem 0 1.5rem
}

@media screen and (min-width:1024px) {
    .teaser-xs__teaserinfo {
        padding: 1.2rem 2rem 0
    }
}

.teaser-xs__topline-container {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.teaser-xs__topline-container .label--small {
    margin-bottom: .6rem;
    margin-right: .6rem
}

.teaser-xs__date,
.teaser-xs__duration {
    color: #80807e;
    font-size: 1.5rem;
    margin-right: .6rem;
    padding: .2rem 0 .6rem
}

.teaser-xs__topline {
    color: #33322f;
    display: block;
    margin-top: 0;
    padding: .2rem 0;
    width: 100%
}

.teaser-xs__headline {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #015999;
    display: -webkit-inline-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal
}

.teaser-xs__headline cite,
.teaser-xs__headline span[lang] {
    font: inherit
}

.teaser-xs__media {
    position: relative
}

.teaser-xs .image-btn {
    position: absolute;
    top: 0;
    z-index: 42
}

@media screen and (min-width:768px) {
    .teaser-xs {
        flex-wrap: nowrap
    }

    .teaser-xs:nth-child(odd) {
        padding-right: 2rem
    }

    .teaser-xs:nth-child(2n) {
        padding-left: 2rem
    }
}

@media screen and (min-width:1024px) {
    .teaser-xs {
        margin-bottom: 2.4rem
    }
}

.teaser-xs__link {
    text-decoration: none;
    width: 100%
}

.teaser-xs__teaserinfo .teaser-xs__link {
    border: 2px solid transparent;
    display: block
}

.teaser-xs__teaserinfo .teaser-xs__link img {
    outline: 0
}

.simpletable__wrapper {
    box-sizing: border-box;
    margin-bottom: 2.4rem;
    overflow: auto;
    width: 100%
}

@media screen and (max-width:767px) {
    .simpletable__wrapper {
        padding: 0 2rem
    }

    .simpletable__wrapper.simpletable__wrapper--standalone {
        padding: 0
    }
}

.simpletable {
    font-size: 1.8rem;
    overflow: scroll;
    width: 100%
}

.simpletable>caption {
    color: #015999;
    text-align: left
}

.simpletable>tbody>tr:nth-child(2n) {
    background-color: #f1f1f1
}

.simpletable>tbody>tr>td,
.simpletable>thead>tr>th {
    padding: 1.2rem;
    text-align: left
}

.simpletable>tbody>tr>td.simpletable--center,
.simpletable>thead>tr>th.simpletable--center {
    text-align: center
}

.simpletable>tbody>tr>td.simpletable--right,
.simpletable>thead>tr>th.simpletable--right {
    text-align: right
}

.simpletable>tbody>tr>td {
    border-bottom: .1rem solid #f1f1f1;
    color: #33322f
}

.simpletable>tbody>tr>td .textlink--extern:after {
    background-position-y: .2rem
}

.simpletable>tbody>tr>td .textlink--extern[href^=http],
.simpletable>tbody>tr>td .textlink[href^=http] {
    line-height: 1.8rem
}

.simpletable td.active,
.simpletable>thead>tr>th {
    background-color: #015999;
    color: #fff
}

.simpletable>thead>tr>th {
    border-bottom: .2rem solid #015999
}

.simpletable>thead>tr>th .textlink,
.simpletable>thead>tr>th .textlink--extern {
    border-bottom: 1px solid #fff;
    color: #fff;
    font: inherit
}

.simpletable>thead>tr>th .textlink--extern:after {
    background: url(../icon/extern--fill-white.svg) no-repeat;
    background-position-y: .2rem
}

.simpletable .textlink--extern {
    hyphens: auto;
    -webkit-hyphens: auto;
    word-break: break-word
}

.simpletable .textlink--extern:after {
    border-bottom: none;
    display: inline-block;
    height: 2.4rem;
    margin: 0 .5rem;
    padding: 0;
    vertical-align: middle;
    width: 2rem
}

.dropdown-navi {
    box-sizing: border-box;
    min-width: 100%;
    padding: 0
}

.dropdown-navi__title {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    padding: 2rem
}

.dropdown-navi__topline {
    color: #33322f;
    font-size: 1.6rem;
    padding-bottom: .3rem;
    width: 100%
}

.dropdown-navi__headline {
    color: #015999;
    font-size: 2.4rem;
    width: 100%
}

.dropdown-navi__list {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    padding: 2rem
}

.dropdown-navi__list>li {
    align-items: center;
    color: #33322f;
    display: flex
}

.dropdown-navi__link {
    align-items: center;
    border-bottom: 1px solid #e4e4e4;
    box-sizing: border-box;
    display: flex;
    height: 100%;
    justify-content: space-between;
    padding: 1.2rem 1rem;
    text-decoration: none;
    width: 100%
}

.dropdown-navi__link.disabled {
    pointer-events: none
}

.dropdown-navi__link.disabled .dropdown-navi__link__text {
    color: #c2c2c1
}

.dropdown-navi__link.disabled .dropdown-navi__link__icon .icon {
    fill: #c2c2c1
}

.dropdown-navi__link:hover {
    background-color: #e4e4e4;
    color: #015999
}

.dropdown-navi__link:active {
    background-color: #e4e4e4
}

.dropdown-navi__link:focus {
    outline: .2rem solid #80807e
}

.dropdown-navi__link__text {
    color: #33322f;
    font-size: 1.6rem;
    line-height: 1.8rem;
    padding-right: .8rem
}

.dropdown-navi__link__icon .icon {
    fill: #33322f;
    height: 1.6rem;
    width: 1.6rem
}

.dropdown-navi.dropdown-navi--tongue .dropdown-navi__title {
    background-color: #015999
}

.dropdown-navi.dropdown-navi--tongue .dropdown-navi__topline {
    color: #dee9f2
}

.dropdown-navi.dropdown-navi--tongue .dropdown-navi__headline {
    color: #fff
}

.dropdown-navi.dropdown-navi--tongue .dropdown-navi__list {
    background-color: #015999
}

.dropdown-navi.dropdown-navi--tongue .dropdown-navi__list>li {
    color: #dee9f2
}

.dropdown-navi.dropdown-navi--tongue .dropdown-navi__link,
.dropdown-navi.dropdown-navi--tongue .dropdown-navi__list>li:nth-child(odd):after {
    border-color: #4082b3
}

.dropdown-navi.dropdown-navi--tongue .dropdown-navi__link:hover {
    background-color: #4082b3;
    color: #fff
}

.dropdown-navi.dropdown-navi--tongue .dropdown-navi__link:active {
    background-color: #4082b3
}

.dropdown-navi.dropdown-navi--tongue .dropdown-navi__link:focus {
    outline-color: #99bdd6
}

.dropdown-navi.dropdown-navi--tongue .dropdown-navi__link.disabled .dropdown-navi__link__text {
    color: #6198c0
}

.dropdown-navi.dropdown-navi--tongue .dropdown-navi__link.disabled .dropdown-navi__link__icon .icon {
    fill: #6198c0
}

.dropdown-navi.dropdown-navi--tongue .dropdown-navi__link__text {
    color: #dee9f2
}

.dropdown-navi.dropdown-navi--tongue .dropdown-navi__link__icon .icon {
    fill: #dee9f2
}

@media screen and (min-width:768px) {
    .dropdown-navi__headline {
        font-size: 2.6rem
    }

    .dropdown-navi__legend {
        padding: .8rem 0
    }

    .dropdown-navi .dropdown-navi__list--m-two-columns {
        flex-direction: row;
        flex-wrap: wrap
    }

    .dropdown-navi .dropdown-navi__list--m-two-columns>li {
        width: calc(50% - 4rem)
    }

    .dropdown-navi .dropdown-navi__list--m-two-columns>li:nth-child(odd) {
        margin-right: 4rem
    }

    .dropdown-navi .dropdown-navi__list--m-two-columns>li:nth-child(odd):after {
        border-right: 1px solid #e4e4e4;
        content: "";
        height: 100%;
        position: relative;
        right: -4rem
    }

    .dropdown-navi .dropdown-navi__list--m-two-columns>li:nth-child(2n) {
        margin-left: 4rem
    }
}

.teaser-absatz {
    align-items: stretch;
    background: #fff;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    margin: 1.2rem 0;
    width: 100%
}

.teaser-absatz,
.teaser-absatz__media {
    position: relative
}

@media screen and (min-width:768px) {
    .teaser-absatz {
        flex-wrap: nowrap
    }
}

.teaser-absatz__teaserinfo {
    box-sizing: border-box;
    padding: .8rem 2rem 0 1.5rem
}

@media screen and (min-width:1024px) {
    .teaser-absatz__teaserinfo {
        padding: 2rem 2rem 0
    }
}

.teaser-absatz__topline-container {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.teaser-absatz__topline-container .label--small {
    margin-bottom: .6rem;
    margin-right: .6rem
}

.teaser-absatz__date {
    color: #80807e;
    font-size: 1.5rem;
    padding: .2rem 0 .6rem
}

.teaser-absatz__topline {
    color: #33322f;
    display: block;
    margin-top: 0;
    padding: .2rem 0;
    width: 100%
}

.teaser-absatz__headline {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #015999;
    display: -webkit-inline-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal
}

.teaser-absatz__shorttext-container {
    display: block;
    float: left;
    margin-top: 1.2rem
}

@media screen and (max-width:768px) {
    .teaser-absatz__shorttext-container {
        display: none
    }
}

.teaser-absatz__content-wrapper {
    width: 100%
}

.teaser-absatz__link:focus {
    outline: .2rem solid #80807e;
    outline-offset: -.2rem
}

@media screen and (max-width:767px) {
    .teaser-absatz__shorttext {
        font-size: 1.8rem;
        line-height: 2.1rem;
        padding: 0 2rem
    }
}

.teaser-absatz__link {
    text-decoration: none;
    width: 100%
}

.teaser-absatz__teaserinfo .teaser-absatz__link {
    border: 2px solid transparent;
    display: block
}

.teaser-absatz__teaserinfo .teaser-absatz__link img {
    outline: 0
}

.list--maximized {
    padding: .8rem 2rem 0
}

.list--maximized .teaser-absatz__headline,
.list--maximized .teaser-absatz__topline-container {
    padding-right: 2.4rem
}

@media screen and (min-width:768px) {
    .list--maximized {
        padding: 0 2rem
    }

    .list--maximized .teaser-absatz__teaserheadline,
    .list--maximized+.teaser-absatz__shorttext-container {
        display: none
    }
}

@media print {
    .teaser-absatz {
        display: none
    }
}

.authorline {
    background-color: #fff
}

.authorline__inner {
    align-items: center;
    width: 100%
}

.authorline__img-wrapper,
.authorline__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.authorline__img-wrapper {
    flex-wrap: nowrap;
    margin: 0 .5rem 0 -.5rem
}

.authorline__img {
    border-radius: 50%;
    height: 4rem;
    margin: 0 .5rem;
    overflow: hidden;
    width: 4rem
}

.authorline__author {
    color: #80807e;
    font-family: Thesis;
    font-size: 1.6rem;
    font-style: italic;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: .2rem;
    padding: 0 1.2rem 0 0
}

.authorline__link {
    color: inherit
}

@media screen and (min-width:768px) {
    .authorline .authorline__content {
        margin-left: 0
    }
}

.backlink,
.backlink__link {
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%
}

.backlink {
    background-color: #fff;
    font-size: 1.6rem;
    line-height: 1.8rem;
    padding: .8rem 0
}

.backlink__img-wrapper {
    background-color: #fff;
    border-radius: .3rem;
    height: 4rem;
    margin: 0 1rem 0 0;
    padding: .3rem .3rem .3rem 0
}

.backlink__img-wrapper img,
.backlink__img-wrapper svg {
    border-radius: .3rem;
    display: block;
    height: 4rem
}

.backlink__text {
    color: #80807e
}

.zitat {
    background-color: #fff;
    box-sizing: border-box;
    color: #33322f;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    font-size: 2rem;
    line-height: 2.8rem;
    padding: 0;
    position: relative
}

.zitat__quote {
    padding: .8rem 0 0;
    position: relative
}

.zitat__quote:before {
    color: #015999;
    content: "”";
    display: block;
    font-size: 5.5rem;
    height: 0;
    position: absolute;
    top: 3rem;
    width: 2rem
}

@media screen and (min-width:768px) {
    .zitat__quote:before {
        right: 0
    }
}

.zitat__text {
    box-sizing: border-box;
    padding: .8rem 0 .8rem 3rem
}

@media screen and (min-width:768px) {
    .zitat__text {
        padding-left: 1.5rem
    }
}

@media screen and (min-width:1024px) {
    .zitat__text {
        padding-left: 1.9rem
    }
}

.zitat__author {
    font-size: 1.8rem;
    line-height: 1.125;
    padding: .8rem 0 0;
    text-align: right
}

.zitat__author__name {
    color: #80807e
}

.media-subline__info-text {
    padding: 1rem 0
}

.media-subline__info-text--no-border {
    border: none;
    padding-bottom: 0
}

.media-subline__info__copyright {
    color: #80807e
}

.mediaplayer-subline {
    display: block;
    margin-bottom: 1.4rem
}

.mediaplayer-subline__info {
    color: #80807e;
    padding: 1rem 2rem
}

.mediaplayer-subline__title {
    color: #33322f
}

.mediaplayer-subline__details,
.mediaplayer-subline__metainfo {
    padding-bottom: 1rem
}

.mediaplayer-subline__details strong {
    color: #33322f
}

.mediaplayer-subline__link {
    display: block
}

@media screen and (min-width:768px) {
    .mediaplayer-subline__info {
        padding: 1rem 0
    }
}

.tabnav {
    padding: 0 0 2.4rem;
    scrollbar-width: none;
    transition: all .5s ease-out;
    width: 100%
}

.tabnav::-webkit-scrollbar {
    background: transparent;
    width: 0
}

.tabnav__list {
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 6rem;
    justify-content: flex-start;
    transition: all 1s ease-in-out
}

.tabnav__list.swipe {
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
    overflow: -moz-scrollbars-none;
    overflow-y: hidden;
    -moz-scrollbar-width: none;
    scrollbar-width: none;
    white-space: nowrap
}

.tabnav__list.swipe::-webkit-scrollbar {
    display: none
}

.tabnav__item {
    display: inline-block;
    padding: 1.2rem 1.8rem 1.4rem .4rem;
    white-space: nowrap
}

.index__embed {
    padding: 1rem 2rem
}

.index__embed .external-embed--prerender-height {
    min-height: 200px
}

.umschaltreiter--bsc {
    background: #015999
}

.umschaltreiter__list {
    display: flex;
    margin-bottom: 2rem;
    padding: .4rem 2rem
}

.umschaltreiter__list>li:not(:last-child) {
    padding-right: 1rem
}

@media screen and (min-width:1024px) {
    .umschaltreiter__list {
        padding: .4rem 0
    }
}

.legend {
    background: #fff;
    box-sizing: border-box;
    color: #33322f;
    display: block;
    font-size: 1.8rem;
    line-height: 3.2rem;
    padding: 0 2rem;
    width: 100%
}

.legend .legend__item {
    overflow: hidden;
    text-indent: 3rem;
    text-overflow: ellipsis;
    white-space: nowrap
}

.legend .legend--symbol {
    position: relative
}

.legend .legend--symbol:before {
    border-radius: .3rem;
    content: "";
    height: 2rem;
    left: -3rem;
    position: absolute;
    top: .2rem;
    width: 2rem
}

.legend .legend--symbol--weather-level-color-6:before {
    background-color: #a74592
}

.legend .legend--symbol--weather-level-color-5:before {
    background-color: #cb2e2a
}

.legend .legend--symbol--weather-level-color-4:before {
    background-color: #851a4d
}

.legend .legend--symbol--weather-level-color-3:before {
    background-color: #de611b
}

.legend .legend--symbol--weather-level-color-2:before {
    background-color: #3cb7ba
}

.legend .legend--symbol--weather-level-color-1:before {
    background-color: #f4dd35
}

.legend .legend--symbol--weather-level-color-0:before {
    background-color: #e1e0e0
}

@media screen and (min-width:768px) {
    .legend__item {
        display: inline-block;
        text-indent: 5.8rem;
        width: 49%
    }
}

.infoheadline {
    color: #33322f;
    margin-bottom: 1.6rem
}

.infoheadline--inpedendent {
    box-sizing: border-box
}

@media screen and (min-width:768px) {
    .infoheadline--inpedendent {
        padding: 0
    }
}

.color-coded-box {
    box-sizing: border-box;
    margin-bottom: 2.4rem;
    padding-left: 2rem
}

.color-coded-box__border-container {
    border-left: .8rem solid
}

.color-coded-box__text {
    color: #33322f
}

@media screen and (min-width:768px) {
    .color-coded-box {
        padding-left: 0
    }
}

.embeddable-content {
    background-color: #fff
}

.embeddable-content--fullpage__layout-content {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    padding-top: 0
}

.embeddable-content--component {
    position: absolute
}

.vueslider {
    padding-bottom: 2rem
}

.vueslider .swiper-lazy-preloader {
    --swiper-preloader-color: #80807e
}

.vueslider .swiper-slide.color--light {
    background-color: #fff
}

.vueslider .swiper-slide.color--tongue {
    background-color: #015999
}

.vueslider .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: auto;
    top: 0
}

.vueslider .swiper-pagination-16x9 {
    margin-top: calc(56.25% + 1rem)
}

.vueslider .swiper-pagination-1x1 {
    margin-top: calc(100% + 1.6rem)
}

@media screen and (min-width:720px) {
    .vueslider .swiper-pagination-1x1 {
        margin-top: calc(56.25% + 1.6rem)
    }
}

.vueslider .swiper-pagination.color--tongue .swiper-pagination-bullet {
    background: #99bdd6
}

.vueslider .swiper-pagination.color--tongue .swiper-pagination-bullet-active {
    background: #dee9f2
}

.vueslider .swiper-tabactivation-wrapper {
    background: hsla(0, 0%, 100%, .7);
    display: flex;
    justify-content: center;
    left: -600rem;
    padding: calc(25.5% + 1rem) 0;
    position: absolute;
    width: 100%;
    z-index: 2
}

.vueslider .swiper-tabactivation-wrapper.is-visible {
    left: 0
}

.vueslider .swiper-img--wrapper {
    margin-bottom: 4.8rem;
    position: relative;
    width: 100%
}

.vueslider .swiper-img--1x1 {
    padding-top: 100%
}

@media screen and (min-width:720px) {
    .vueslider .swiper-img--1x1 {
        padding-top: calc(56.25% + 1rem)
    }
}

.vueslider .swiper-img--16x9 {
    padding-top: 56.25%
}

.vueslider .swiper-img--wrapper img {
    height: auto;
    position: absolute;
    top: 0;
    width: 100%
}

.vueslider .swiper-slide img {
    height: 100%;
    width: 100%
}

.vueslider .swiper-description-text {
    color: #33322f;
    margin: 0 2rem 1rem;
    padding-bottom: 1rem;
    position: relative
}

.vueslider .swiper-copyright {
    color: #80807e;
    margin-left: .8rem
}

.vueslider .swiper-slide.color--tongue .swiper-description-text {
    color: #dee9f2
}

.vueslider .swiper-slide.color--tongue .swiper-copyright {
    color: #99bdd6
}

.vueslider .swiper-button-next,
.vueslider .swiper-button-prev {
    margin-top: calc(28.125% - 3.5rem);
    top: 0
}

.vueslider .swiper:focus .swiper-button-next:not(.swiper-button-disabled),
.vueslider .swiper:focus .swiper-button-prev:not(.swiper-button-disabled),
.vueslider .swiper:hover .swiper-button-next:not(.swiper-button-disabled),
.vueslider .swiper:hover .swiper-button-prev:not(.swiper-button-disabled) {
    opacity: 1
}

.vueslider .mubu-container .swiper-description-text {
    margin: 0 0 10px
}

.vueslider .swiper-description-text span>a {
    position: relative;
    z-index: 42
}

.vueslider .swiper__textfield-link {
    border-bottom: none !important;
    bottom: 0;
    left: 0;
    position: absolute;
    text-decoration: none;
    top: 0;
    width: 100%
}

.vueslider .image-btn {
    position: absolute;
    right: 0;
    top: 0
}

.lazy-swiper--prerender-height-1x1 {
    background-color: #e4e4e4;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 20%;
    margin-bottom: 2rem;
    padding-bottom: calc(100% + 17rem);
    position: relative
}

@media screen and (min-width:720px) {
    .lazy-swiper--prerender-height-1x1 {
        padding-bottom: calc(56.25% + 14.9rem)
    }
}

@media screen and (min-width:1024px) {
    .lazy-swiper--prerender-height-1x1 {
        padding-bottom: calc(56.25% + 12.8rem)
    }
}

.lazy-swiper--prerender-height-16x9 {
    background-color: #e4e4e4;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 20%;
    margin-bottom: 2rem;
    padding-bottom: calc(56.25% + 17rem);
    position: relative
}

@media screen and (min-width:720px) {
    .lazy-swiper--prerender-height-16x9 {
        padding-bottom: calc(56.25% + 14.9rem)
    }
}

@media screen and (min-width:1024px) {
    .lazy-swiper--prerender-height-16x9 {
        padding-bottom: calc(56.25% + 12.8rem)
    }
}

.teaser-slider__wrapper {
    background: #fff
}

.teaser-slider__wrapper .swiper-container {
    padding-bottom: 2rem
}

.teaser-slider__wrapper .swiper-wrapper {
    position: inherit
}

.teaser-slider__wrapper .swiper-lazy-preloader {
    --swiper-preloader-color: #80807e;
    background-color: #e4e4e4;
    position: absolute
}

.teaser-slider__wrapper .swiper-lazy-loading {
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.teaser-slider__wrapper .swiper-pagination {
    bottom: 0 !important;
    margin-bottom: 1.6rem;
    margin-top: 2.4rem;
    position: inherit
}

@media screen and (min-width:1024px) {
    .teaser-slider__wrapper .swiper-pagination {
        margin-bottom: 2.4rem
    }
}

.teaser-slider__wrapper .swiper-pagination-bullets {
    bottom: 0
}

.teaser-slider__wrapper .swiper-button-next,
.teaser-slider__wrapper .swiper-button-prev {
    top: 15rem
}

@media screen and (max-width:768px) {

    .teaser-slider__wrapper .swiper-button-next,
    .teaser-slider__wrapper .swiper-button-prev {
        top: 18rem
    }
}

@media screen and (max-width:1024px) {

    .teaser-slider__wrapper .swiper-button-next,
    .teaser-slider__wrapper .swiper-button-prev {
        top: 36%
    }
}

@media screen and (min-width:1921px) {

    .teaser-slider__wrapper .swiper-button-next,
    .teaser-slider__wrapper .swiper-button-prev {
        top: 16rem
    }
}

.teaser-slider__wrapper .swiper-button-prev {
    left: 1.4rem
}

.teaser-slider__wrapper .swiper-button-next {
    right: 1.4rem
}

.teaser-slider__wrapper .swiper:focus .swiper-button-next:not(.swiper-button-disabled),
.teaser-slider__wrapper .swiper:focus .swiper-button-prev:not(.swiper-button-disabled),
.teaser-slider__wrapper .swiper:hover .swiper-button-next:not(.swiper-button-disabled),
.teaser-slider__wrapper .swiper:hover .swiper-button-prev:not(.swiper-button-disabled) {
    opacity: 1
}

.teaser-slider__wrapper .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    height: auto;
    justify-content: space-between
}

.teaser-slider__wrapper--tongue {
    background: #015999
}

.teaser-slider__wrapper--tongue .swiper-pagination.color--tongue .swiper-pagination-bullet {
    background: #99bdd6
}

.teaser-slider__wrapper--tongue .swiper-pagination.color--tongue .swiper-pagination-bullet-active {
    background: #00caff
}

.teaser-slider--prerender-height-16x9 {
    background-color: #e4e4e4;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 20%;
    min-height: 40rem;
    width: 100%
}

@media screen and (min-width:720px) {
    .teaser-slider--prerender-height-16x9 {
        min-height: 48rem
    }
}

@media screen and (min-width:1024px) {
    .teaser-slider--prerender-height-16x9 {
        min-height: 46rem
    }
}

.header-app {
    font-size: 1.4rem;
    height: 100%;
    margin: auto;
    -webkit-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;
    transition: .4s ease-in-out
}

.header-app__eventbox {
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translate(-50%)
}

.header-app__eventbox.active {
    height: 100%;
    left: 0;
    position: static;
    top: 0;
    transform: none
}

.header-app__link {
    align-items: center;
    color: #33322f;
    cursor: pointer;
    display: none;
    font-size: 1.8rem;
    height: 100%;
    opacity: 0
}

.header-app__link.__breaking {
    color: #cd144a
}

.header-app__link.color--unicorn {
    border-color: #33322f;
    color: #ff00ed
}

.header-app__link.color--unicorn svg {
    fill: #ff00ed
}

.header-app__link__text {
    padding-right: .6rem;
    white-space: nowrap
}

.header-app .eilmeldung {
    padding: 2rem 2rem 4rem
}

.header-app.active {
    z-index: 161
}

.header-app__link {
    background: transparent;
    padding: 0 .8rem
}

.header-app__link:focus {
    outline: .2rem solid #80807e
}

.header-fancy-v2.small .header-app__link,
.header.small .header-app__link {
    display: flex;
    opacity: 1
}

.header-app__icon {
    fill: #33322f;
    align-items: center;
    display: flex
}

.header-app__icon svg {
    height: 2.5rem
}

.header-app__icon--embed-icon {
    height: 2.5rem;
    width: 2.5rem
}

.icon-animated--pulse {
    margin: .1rem 0 0 .1rem
}

.header-app__icon .__breakingicon {
    fill: #cd144a
}

.header-app__eventstage {
    background-color: rgba(0, 0, 0, .6);
    box-sizing: border-box;
    height: 100vh;
    left: 0;
    position: absolute;
    top: 5.2rem;
    width: 100%;
    z-index: 161
}

:root .header-app__eventstage,
_::-webkit-full-page-media,
_:future {
    height: -webkit-fill-available
}

.header-app__eventbox {
    max-height: 5.2rem
}

.header-app__close {
    background-color: #fff;
    cursor: pointer;
    height: 3.6rem;
    position: absolute;
    right: 2.7rem;
    top: -4.4rem;
    width: 3.6rem;
    z-index: 2
}

.header-app__close svg {
    fill: #33322f;
    width: 2.5rem
}

.header-app__close:focus {
    outline: .2rem solid #000
}

.header-fancy-v2.small .header-app__close {
    right: .8rem;
    width: 8rem
}

.header-app__content {
    background-color: #fff;
    max-height: calc(100% - 5.2rem);
    overflow: auto;
    position: relative
}

.header-app-video {
    padding: 1rem 0
}

.header-app-video__foot {
    margin: 1rem 2rem
}

.header-app-video__topline {
    margin: 1rem 2rem;
    text-align: center
}

.header-app-video__title {
    color: #33322f;
    margin: 1.2rem 0 .6rem
}

.header-app-video__info {
    color: #80807e;
    padding-bottom: 1rem
}

.header-app-video__link {
    box-sizing: border-box;
    margin: 1.6rem 0;
    padding: 0 2rem
}

.header-app-video__link.columns {
    float: none
}

.header-app-video__date {
    color: #80807e;
    margin-top: .2rem
}

.header-app-video .label {
    bottom: .2rem;
    display: inline;
    margin-right: .6rem;
    padding: .1rem .6rem;
    position: relative
}

.header-app__video-player .player {
    height: 100%;
    width: 100%
}

.header-app__video-player .player:after {
    content: "";
    display: block;
    padding-bottom: 56.25%
}

@media screen and (min-width:768px) {
    .header-app__eventstage {
        height: 100vh
    }

    .header-app__content {
        max-height: calc(100vh - 8rem)
    }
}

@media screen and (min-width:1024px) {
    .header-app__link {
        display: flex;
        max-height: 8rem;
        opacity: 1
    }

    .header-app__icon svg {
        height: 3.8rem
    }

    .header-app__close {
        height: 6.2rem;
        position: absolute;
        right: 1.9rem;
        top: -7rem;
        width: 10rem
    }

    .header-app__close svg {
        width: 3.6rem
    }

    .header-app__eventstage {
        top: 8rem
    }

    .header-app__eventbox {
        max-height: 8rem
    }

    .header-app-video__link {
        padding: 0
    }

    .header-app .eilmeldung {
        padding: 2rem 4rem 4rem
    }
}

@media screen and (min-width:1104px) {
    .header-app__eventstage {
        width: 100%
    }

    .header-app-video__link {
        padding: 0
    }

    .header-app .eilmeldung {
        padding: 2rem 2rem 4rem
    }
}

.external-embed {
    margin-bottom: 2.4rem
}

.external-embed--twitter {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.external-embed--datawrapper iframe,
.external-embed--internal iframe,
.external-embed--livecenter iframe,
.external-embed--twentythreedegrees iframe,
.external-embed--twitter iframe,
.external-embed--vwd iframe,
.external-embed--wahl iframe {
    width: 100%
}

.external-embed--wahl {
    margin-bottom: 1.6rem
}

.external-embed--vwd {
    margin: 0
}

.external-embed--livecenter {
    position: relative
}

.external-embed--livecenter:not(.external-embed--loaded):after {
    background-color: #e4e4e4;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 10%;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.external-embed--prerender-height {
    min-height: 500px
}

@media screen and (max-width:360px) {
    .external-embed--vwd {
        margin-top: 0
    }
}

.external-embed--messengerpeople .form-label a {
    color: #015999;
    text-decoration: underline;
    text-decoration-thickness: .1em;
    text-underline-offset: .2em
}

.external-embed__disclaimer {
    padding: 1.2rem 0 .8rem
}

.external-embed__disclaimer,
.external-embed__placeholder {
    background-color: #fff;
    border-bottom: .1rem solid #e4e4e4;
    color: #80807e
}

.external-embed__placeholder {
    border-top: .1rem solid #e4e4e4;
    padding: .2rem 0
}

.external-embed__placeholder .form-label {
    color: #80807e
}

.external-embed--facebook iframe {
    max-width: 550px;
    width: 100% !important
}

.external-embed--facebook>div {
    width: 100%
}

.external-embed--facebook>div>span {
    margin-bottom: 10px;
    width: 100% !important
}

.external-embed--instagram iframe {
    margin-bottom: 10px !important
}

.external-embed__youtube__embeddiv {
    height: 0;
    margin-bottom: 10px;
    padding-bottom: 56.25%;
    position: relative;
    width: 100%
}

.external-embed__youtube__embeddiv__iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.copytext__embed--livecenter .external-embed--prerender-height {
    min-height: 260px
}

@media print {
    .external-embed__disclaimer {
        display: none
    }
}

.image-rights {
    background: #fff;
    color: #33322f;
    float: left;
    padding-bottom: 3.2rem;
    position: relative;
    width: 100%
}

.image-rights__wrapper {
    color: #33322f;
    display: flex;
    flex-wrap: wrap
}

.image-rights__info {
    display: block;
    float: left;
    width: 100%
}

@media screen and (min-width:768px) {
    .image-rights {
        padding-bottom: 2.4rem
    }

    .image-rights .imageRights__info {
        padding: .8rem 2rem 0
    }
}

@media screen and (min-width:1921px) {
    .image-rights .imageRights__info {
        padding: 1.2rem 2rem 0
    }
}

.mappingbox {
    background: #015999;
    color: #dee9f2;
    display: flex;
    padding: 1.6rem 2rem
}

.mappingbox__icon-wrapper {
    padding-right: 2rem
}

.mappingbox__icon {
    height: 3.6rem;
    width: 3.6rem
}

.mappingbox__text {
    color: #fff
}

.mappingbox__infotext {
    color: #dee9f2;
    padding-bottom: 1.6rem
}

.mappingbox__foot {
    padding-top: 1.6rem
}

.mappingbox .searchfield__input {
    background: #fff;
    color: #33322f;
    outline: none
}

.mappingbox .searchfield__input:focus {
    outline: .1rem solid #fff;
    outline-offset: .2rem
}

.mappingbox .icon--search {
    fill: #33322f
}

.mappingbox .searchfield__submit:focus {
    background: #015999
}

.mappingbox .searchfield__submit:focus+.searchfield__icon .icon--search {
    fill: #fff
}

@media screen and (min-width:768px) {
    .mappingbox {
        padding-bottom: 2.4rem
    }

    .mappingbox__location {
        flex: 1
    }

    .mappingbox__foot {
        align-items: center;
        display: flex;
        justify-content: flex-end
    }

    .mappingbox__infotext {
        flex: 1;
        padding: 0
    }

    .mappingbox .searchfield {
        max-width: 33.333333333333336%
    }
}

.frc-captcha,
.systeminfos__targetarea {
    outline: .1rem solid #33322f
}

.systeminfos__targetarea {
    background: #fff;
    border: none;
    box-sizing: border-box;
    color: #80807e;
    font-size: 1.6rem;
    height: 10rem;
    line-height: 2.2rem;
    margin-bottom: 2.4rem;
    padding: 1.6rem 1.2rem;
    resize: vertical;
    width: 100%
}

.systeminfos__button {
    margin-bottom: 2.4rem
}

.systeminfos .systeminfos__targetarea:focus {
    outline: .1rem solid #33322f
}

.form__wrapper {
    background: #f1f1f1;
    box-sizing: border-box;
    padding: 2rem 2.4rem
}

.form__headline {
    color: #015999
}

.form__paragraph {
    color: #33322f
}

.form__feedback-message {
    color: #33322f;
    margin-top: 2.4rem
}

.form__feedback-message strong {
    display: block;
    margin-bottom: 1.6rem
}

.form__feedback-message--error {
    color: #cd144a
}

.form__infotext {
    margin: 4.8rem 0 2.4rem
}

.form__infotext ol,
.form__infotext p,
.form__infotext ul {
    margin-bottom: 1.6rem
}

.form__infotext ul {
    list-style: initial;
    padding-left: 1.6rem
}

.form__infotext ol {
    list-style-type: decimal;
    padding-left: 1.6rem
}

.searchapp {
    box-sizing: border-box;
    margin-top: 4.8rem;
    padding: 0 2rem
}

.searchapp .searchfield {
    margin-bottom: 2.4rem
}

.searchapp .meldung__subhead {
    padding: 0
}

@media screen and (min-width:1024px) {
    .searchapp {
        padding: 0
    }
}

.vue-datepicker {
    display: block;
    width: 100%;
    z-index: 99
}

.vue-datepicker__range {
    align-items: center;
    background: #fff;
    color: #33322f;
    display: flex
}

.vue-datepicker__text {
    font-size: 1.6rem;
    line-height: 2.1rem;
    padding: 0 .8rem
}

.vc-popover-content-wrapper {
    z-index: 42 !important
}

.vc-pane-container {
    background: #fff;
    border-radius: 5px;
    color: #33322f
}

.vc-title {
    color: #33322f !important
}

.vue-picture__image {
    opacity: 0;
    width: 100%
}

.vue-picture__image.fade-in {
    opacity: 1;
    transition: opacity .8s
}

.tabnav {
    box-sizing: border-box
}

.tabnav.spacing-bottom {
    padding-bottom: 2rem
}

.tabnav__item.swiper-slide {
    width: auto
}

.tabnav__item--text {
    font: inherit
}

.tabnav__item--img {
    display: block;
    height: 3.2rem;
    width: 3.2rem
}

.tabnav .swiper-nav-button--next,
.tabnav .swiper-nav-button--prev {
    background: transparent;
    border: 0;
    cursor: pointer;
    display: none;
    height: 4rem;
    position: absolute;
    top: 0;
    width: 4rem;
    z-index: 10
}

.tabnav .swiper-nav-button--next.swiper-button-disabled,
.tabnav .swiper-nav-button--prev.swiper-button-disabled {
    display: none
}

.tabnav .swiper-nav-button--next svg,
.tabnav .swiper-nav-button--prev svg {
    fill: #33322f;
    height: 2rem;
    pointer-events: none;
    width: 2rem
}

.tabnav--logos .logo-btn {
    display: block;
    padding: .4rem
}

.tabnav--logos .logo-btn:focus img {
    outline: none
}

.tabnav--logos .swiper-nav-button--next,
.tabnav--logos .swiper-nav-button--prev {
    top: 1.2rem
}

@media screen and (min-width:1024px) {
    .tabnav {
        padding-left: 1rem
    }

    .tabnav .swiper-nav-button--prev {
        background: -moz-linear-gradient(left, #fff 0, hsla(0, 0%, 100%, 0) 100%);
        background: -webkit-linear-gradient(left, #fff, hsla(0, 0%, 100%, 0));
        background: linear-gradient(90deg, #fff 0, hsla(0, 0%, 100%, 0));
        display: block;
        left: 0;
        right: auto;
        z-index: 1
    }

    .tabnav .swiper-nav-button--prev svg {
        margin-left: -3rem
    }

    .tabnav .swiper-nav-button--next {
        background: -moz-linear-gradient(left, hsla(0, 0%, 100%, 0) -20%, #fff 65%, #fff 100%);
        background: -webkit-linear-gradient(left, hsla(0, 0%, 100%, 0) -20%, #fff 65%, #fff);
        background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) -20%, #fff 65%, #fff);
        display: block;
        left: auto;
        padding-left: 2rem;
        right: 0
    }

    .tabnav .swiper-nav-button--next svg {
        margin-left: .5rem
    }
}

@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")
}

:root {
    --swiper-theme-color: #007aff
}

.swiper {
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    box-sizing: content-box;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%;
    z-index: 1
}

.swiper-android .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-pointer-events {
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-css-mode>.swiper-wrapper {
    -ms-overflow-style: none;
    overflow: auto;
    scrollbar-width: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    height: var(--swiper-centered-offset-after);
    min-width: 1px;
    width: 100%
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
    height: var(--swiper-virtual-size);
    width: 1px
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    align-items: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
    cursor: pointer;
    display: flex;
    height: var(--swiper-navigation-size);
    justify-content: center;
    margin-top: calc(0px - var(--swiper-navigation-size)/2);
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/44*27);
    z-index: 10
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    cursor: auto;
    opacity: .35;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    cursor: auto;
    opacity: 0;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    font-variant: normal;
    letter-spacing: 0;
    line-height: 1;
    text-transform: none !important
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    left: auto;
    right: 10px
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transform: translateZ(0);
    transition: opacity .3s;
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    font-size: 0;
    overflow: hidden
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    position: relative;
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    border-radius: 50%;
    display: inline-block;
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px))
}

button.swiper-pagination-bullet {
    -webkit-appearance: none;
    appearance: none;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    opacity: var(--swiper-pagination-bullet-opacity, 1)
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform .2s, top .2s
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, left .2s
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, right .2s
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale(0);
    transform-origin: left top;
    width: 100%
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    height: 4px;
    left: 0;
    top: 0;
    width: 100%
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
    height: 100%;
    left: 0;
    top: 0;
    width: 4px
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    background: rgba(0, 0, 0, .1);
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    bottom: 3px;
    height: 5px;
    left: 1%;
    position: absolute;
    width: 98%;
    z-index: 50
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
    height: 98%;
    position: absolute;
    right: 3px;
    top: 1%;
    width: 5px;
    z-index: 50
}

.swiper-scrollbar-drag {
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    width: 100%
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    text-align: center;
    width: 100%
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top: 4px solid transparent;
    box-sizing: border-box;
    height: 42px;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    transform-origin: 50%;
    width: 42px;
    z-index: 10
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.swiper .swiper-notification {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
    margin: 0 auto;
    transition-timing-function: ease-out
}

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    flex-direction: column;
    flex-wrap: wrap
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 100%;
    pointer-events: none;
    transform-origin: 0 0;
    visibility: hidden;
    width: 100%;
    z-index: 1
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next+.swiper-slide,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow {
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: .6;
    position: absolute;
    width: 100%;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    background: #000;
    bottom: 0;
    content: "";
    filter: blur(50px);
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    pointer-events: none;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 0
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transform-origin: center bottom
}