/*! 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.ardplayer-old-webkit .ardplayer-bottom-sheet-container {
    transition: none!important
}

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

body.ardplayer-safari-noscroll {
    overflow: hidden!important
}

.ardplayer {
    background-color: var(--ardplayer-color-darkest);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    box-sizing: border-box;
    color: var(--ardplayer-color-lightest);
    contain: style size;
    cursor: none;
    font-family: TheSans C5s,Thesis,The Sans,TheSans,sans-serif,Helvetica Neue,Arial;
    height: 100%;
    letter-spacing: normal;
    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%;
    line-height: 1;
    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-darkmode-color-primary-live: #ff6670;
    --ardplayer-darkmode-color-primary-live-transparent-30: rgba(255,102,112,.7);
    --ardplayer-darkmode-color-primary-live-transparent-50: rgba(255,102,112,.5);
    --ardplayer-darkmode-color-primary-base: #2d91ff;
    --ardplayer-darkmode-color-primary-base-transparent-30: rgba(45,145,255,.7);
    --ardplayer-darkmode-color-primary-base-transparent-50: rgba(45,145,255,.5);
    --ardplayer-darkmode-color-primary: var(--ardplayer-darkmode-color-primary-base);
    --ardplayer-darkmode-color-primary-transparent-30: var(--ardplayer-darkmode-color-primary-base-transparent-30);
    --ardplayer-darkmode-color-primary-transparent-50: var(--ardplayer-darkmode-color-primary-base-transparent-50);
    --ardplayer-darkmode-color-primary-dark-base: #001e50;
    --ardplayer-darkmode-color-primary-dark-base-transparent-30: rgba(0,30,80,.7);
    --ardplayer-darkmode-color-primary-dark-base-transparent-50: rgba(0,30,80,.5);
    --ardplayer-darkmode-color-primary-dark-base-transparent-90: rgba(0,30,80,.1);
    --ardplayer-darkmode-color-primary-dark-base-transparent-100: rgba(0,30,80,0);
    --ardplayer-darkmode-color-primary-dark-live: #48071e;
    --ardplayer-darkmode-color-primary-dark-live-transparent-30: rgba(72,7,30,.7);
    --ardplayer-darkmode-color-primary-dark-live-transparent-50: rgba(72,7,30,.5);
    --ardplayer-darkmode-color-primary-dark-live-transparent-90: rgba(72,7,30,.1);
    --ardplayer-darkmode-color-primary-dark-live-transparent-100: rgba(72,7,30,0);
    --ardplayer-darkmode-color-primary-dark: var(--ardplayer-darkmode-color-primary-dark-base);
    --ardplayer-darkmode-color-primary-dark-transparent-30: var(--ardplayer-darkmode-color-primary-dark-base-transparent-30);
    --ardplayer-darkmode-color-primary-dark-transparent-50: var(--ardplayer-darkmode-color-primary-dark-base-transparent-50);
    --ardplayer-darkmode-color-primary-dark-transparent-90: var(--ardplayer-darkmode-color-primary-dark-base-transparent-90);
    --ardplayer-darkmode-color-primary-dark-transparent-100: var(--ardplayer-darkmode-color-primary-dark-base-transparent-100);
    --ardplayer-darkmode-color-secondary: #162034;
    --ardplayer-darkmode-color-secondary-transparent-30: rgba(22,32,52,.7);
    --ardplayer-darkmode-color-secondary-transparent-50: rgba(22,32,52,.5);
    --ardplayer-darkmode-color-tertiary-base: #0071ee;
    --ardplayer-darkmode-color-tertiary: var(--ardplayer-darkmode-color-tertiary-base);
    --ardplayer-darkmode-color-tertiary-dark: #003480;
    --ardplayer-darkmode-color-darkest: #000;
    --ardplayer-darkmode-color-dark: #494949;
    --ardplayer-darkmode-color-light: #c4c4c4;
    --ardplayer-darkmode-color-light-transparent-90: hsla(0,0%,77%,.1);
    --ardplayer-darkmode-color-lightest: #fff;
    --ardplayer-darkmode-color-lightest-transparent-30: hsla(0,0%,100%,.7);
    --ardplayer-darkmode-color-lightest-transparent-50: hsla(0,0%,100%,.5);
    --ardplayer-darkmode-color-ui-background-shim: linear-gradient(180deg,rgba(0,14,41,.9),rgba(0,14,41,0) 20%,rgba(0,14,41,0) 60%,rgba(0,14,41,.8));
    --ardplayer-darkmode-color-ui-background-shim-s: linear-gradient(180deg,rgba(0,14,41,.9),rgba(0,14,41,0) 50%,rgba(0,14,41,0) 0,rgba(0,14,41,.8));
    --ardplayer-lightmode-color-primary-live: #ff6670;
    --ardplayer-lightmode-color-primary-live-transparent-30: rgba(255,102,112,.7);
    --ardplayer-lightmode-color-primary-live-transparent-50: rgba(255,102,112,.5);
    --ardplayer-lightmode-color-primary-base: #2d91ff;
    --ardplayer-lightmode-color-primary-base-transparent-30: rgba(45,145,255,.7);
    --ardplayer-lightmode-color-primary-base-transparent-50: rgba(45,145,255,.5);
    --ardplayer-lightmode-color-primary: var(--ardplayer-lightmode-color-primary-base);
    --ardplayer-lightmode-color-primary-transparent-30: var(--ardplayer-lightmode-color-primary-base-transparent-30);
    --ardplayer-lightmode-color-primary-transparent-50: var(--ardplayer-lightmode-color-primary-base-transparent-50);
    --ardplayer-lightmode-color-primary-dark-base: #fff;
    --ardplayer-lightmode-color-primary-dark-base-transparent-30: hsla(0,0%,100%,.7);
    --ardplayer-lightmode-color-primary-dark-base-transparent-50: hsla(0,0%,100%,.5);
    --ardplayer-lightmode-color-primary-dark-base-transparent-90: hsla(0,0%,100%,.1);
    --ardplayer-lightmode-color-primary-dark-base-transparent-100: hsla(0,0%,100%,0);
    --ardplayer-lightmode-color-primary-dark-live: #48071e;
    --ardplayer-lightmode-color-primary-dark-live-transparent-30: rgba(72,7,30,.7);
    --ardplayer-lightmode-color-primary-dark-live-transparent-50: rgba(72,7,30,.5);
    --ardplayer-lightmode-color-primary-dark-live-transparent-90: rgba(72,7,30,.1);
    --ardplayer-lightmode-color-primary-dark-live-transparent-100: rgba(72,7,30,0);
    --ardplayer-lightmode-color-primary-dark: var(--ardplayer-lightmode-color-primary-dark-base);
    --ardplayer-lightmode-color-primary-dark-transparent-30: var(--ardplayer-lightmode-color-primary-dark-base-transparent-30);
    --ardplayer-lightmode-color-primary-dark-transparent-50: var(--ardplayer-lightmode-color-primary-dark-base-transparent-50);
    --ardplayer-lightmode-color-primary-dark-transparent-90: var(--ardplayer-lightmode-color-primary-dark-base-transparent-90);
    --ardplayer-lightmode-color-primary-dark-transparent-100: var(--ardplayer-lightmode-color-primary-dark-base-transparent-100);
    --ardplayer-lightmode-color-secondary: #162034;
    --ardplayer-lightmode-color-secondary-transparent-30: rgba(22,32,52,.7);
    --ardplayer-lightmode-color-secondary-transparent-50: rgba(22,32,52,.5);
    --ardplayer-lightmode-color-tertiary-base: #0071ee;
    --ardplayer-lightmode-color-tertiary: var(--ardplayer-lightmode-color-tertiary-base);
    --ardplayer-lightmode-color-tertiary-dark: #003480;
    --ardplayer-lightmode-color-darkest: #fff;
    --ardplayer-lightmode-color-dark: #c4c4c4;
    --ardplayer-lightmode-color-light: #494949;
    --ardplayer-lightmode-color-light-transparent-90: rgba(73,73,73,.1);
    --ardplayer-lightmode-color-lightest: #000;
    --ardplayer-lightmode-color-lightest-transparent-30: rgba(0,0,0,.7);
    --ardplayer-lightmode-color-lightest-transparent-50: rgba(0,0,0,.5);
    --ardplayer-lightmode-color-ui-background-shim: linear-gradient(180deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,0) 20%,hsla(0,0%,100%,0) 60%,hsla(0,0%,100%,.8));
    --ardplayer-lightmode-color-ui-background-shim-s: linear-gradient(180deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,0) 50%,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.8));
    --ardplayer-color-primary-live: var(--ardplayer-darkmode-color-primary-live);
    --ardplayer-color-primary-live-transparent-30: var(--ardplayer-darkmode-color-primary-live-transparent-30);
    --ardplayer-color-primary-live-transparent-50: var(--ardplayer-darkmode-color-primary-live-transparent-50);
    --ardplayer-color-primary-base: var(--ardplayer-darkmode-color-primary-base);
    --ardplayer-color-primary-base-transparent-30: var(--ardplayer-darkmode-color-primary-base-transparent-30);
    --ardplayer-color-primary-base-transparent-50: var(--ardplayer-darkmode-color-primary-base-transparent-50);
    --ardplayer-color-primary: var(--ardplayer-color-primary-base);
    --ardplayer-color-primary-transparent-30: var(--ardplayer-color-primary-base-transparent-30);
    --ardplayer-color-primary-transparent-50: var(--ardplayer-color-primary-base-transparent-50);
    --ardplayer-color-primary-dark-base: var(--ardplayer-darkmode-color-primary-dark-base);
    --ardplayer-color-primary-dark-base-transparent-30: var(--ardplayer-darkmode-color-primary-dark-base-transparent-30);
    --ardplayer-color-primary-dark-base-transparent-50: var(--ardplayer-darkmode-color-primary-dark-base-transparent-50);
    --ardplayer-color-primary-dark-base-transparent-90: var(--ardplayer-darkmode-color-primary-dark-base-transparent-90);
    --ardplayer-color-primary-dark-base-transparent-100: var(--ardplayer-darkmode-color-primary-dark-base-transparent-100);
    --ardplayer-color-primary-dark-live: var(--ardplayer-darkmode-color-primary-dark-live);
    --ardplayer-color-primary-dark-live-transparent-30: var(--ardplayer-darkmode-color-primary-dark-live-transparent-30);
    --ardplayer-color-primary-dark-live-transparent-50: var(--ardplayer-darkmode-color-primary-dark-live-transparent-50);
    --ardplayer-color-primary-dark-live-transparent-90: var(--ardplayer-darkmode-color-primary-dark-live-transparent-90);
    --ardplayer-color-primary-dark-live-transparent-100: var(--ardplayer-darkmode-color-primary-dark-live-transparent-100);
    --ardplayer-color-primary-dark: var(--ardplayer-color-primary-dark-base);
    --ardplayer-color-primary-dark-transparent-30: var(--ardplayer-color-primary-dark-base-transparent-30);
    --ardplayer-color-primary-dark-transparent-50: var(--ardplayer-color-primary-dark-base-transparent-50);
    --ardplayer-color-primary-dark-transparent-90: var(--ardplayer-color-primary-dark-base-transparent-90);
    --ardplayer-color-primary-dark-transparent-100: var(--ardplayer-color-primary-dark-base-transparent-100);
    --ardplayer-color-secondary: var(--ardplayer-darkmode-color-secondary);
    --ardplayer-color-secondary-transparent-30: var(--ardplayer-darkmode-color-secondary-transparent-30);
    --ardplayer-color-secondary-transparent-50: var(--ardplayer-darkmode-color-secondary-transparent-50);
    --ardplayer-color-tertiary-base: var(--ardplayer-darkmode-color-tertiary-base);
    --ardplayer-color-tertiary: var(--ardplayer-color-tertiary-base);
    --ardplayer-color-tertiary-dark: var(--ardplayer-darkmode-color-tertiary-dark);
    --ardplayer-color-darkest: var(--ardplayer-darkmode-color-darkest);
    --ardplayer-color-dark: var(--ardplayer-darkmode-color-dark);
    --ardplayer-color-light: var(--ardplayer-darkmode-color-light);
    --ardplayer-color-light-transparent-90: var(--ardplayer-darkmode-color-light-transparent-90);
    --ardplayer-color-lightest: var(--ardplayer-darkmode-color-lightest);
    --ardplayer-color-lightest-transparent-30: var(--ardplayer-darkmode-color-lightest-transparent-30);
    --ardplayer-color-lightest-transparent-50: var(--ardplayer-darkmode-color-lightest-transparent-50);
    --ardplayer-color-ui-background-shim: var(--ardplayer-darkmode-color-ui-background-shim);
    --ardplayer-color-ui-background-shim-s: var(--ardplayer-darkmode-color-ui-background-shim-s)
}

.ardplayer.ardplayer-light-mode {
    --ardplayer-color-primary-live: var(--ardplayer-lightmode-color-primary-live);
    --ardplayer-color-primary-live-transparent-30: var(--ardplayer-lightmode-color-primary-live-transparent-30);
    --ardplayer-color-primary-live-transparent-50: var(--ardplayer-lightmode-color-primary-live-transparent-50);
    --ardplayer-color-primary-base: var(--ardplayer-lightmode-color-primary-base);
    --ardplayer-color-primary-base-transparent-30: var(--ardplayer-lightmode-color-primary-base-transparent-30);
    --ardplayer-color-primary-base-transparent-50: var(--ardplayer-lightmode-color-primary-base-transparent-50);
    --ardplayer-color-primary-dark-base: var(--ardplayer-lightmode-color-primary-dark-base);
    --ardplayer-color-primary-dark-base-transparent-30: var(--ardplayer-lightmode-color-primary-dark-base-transparent-30);
    --ardplayer-color-primary-dark-base-transparent-50: var(--ardplayer-lightmode-color-primary-dark-base-transparent-50);
    --ardplayer-color-primary-dark-base-transparent-90: var(--ardplayer-lightmode-color-primary-dark-base-transparent-90);
    --ardplayer-color-primary-dark-base-transparent-100: var(--ardplayer-lightmode-color-primary-dark-base-transparent-100);
    --ardplayer-color-primary-dark-live: var(--ardplayer-lightmode-color-primary-dark-live);
    --ardplayer-color-primary-dark-live-transparent-30: var(--ardplayer-lightmode-color-primary-dark-live-transparent-30);
    --ardplayer-color-primary-dark-live-transparent-50: var(--ardplayer-lightmode-color-primary-dark-live-transparent-50);
    --ardplayer-color-primary-dark-live-transparent-90: var(--ardplayer-lightmode-color-primary-dark-live-transparent-90);
    --ardplayer-color-primary-dark-live-transparent-100: var(--ardplayer-lightmode-color-primary-dark-live-transparent-100);
    --ardplayer-color-secondary: var(--ardplayer-lightmode-color-secondary);
    --ardplayer-color-secondary-transparent-30: var(--ardplayer-lightmode-color-secondary-transparent-30);
    --ardplayer-color-secondary-transparent-50: var(--ardplayer-lightmode-color-secondary-transparent-50);
    --ardplayer-color-tertiary-base: var(--ardplayer-lightmode-color-tertiary-base);
    --ardplayer-color-tertiary: var(--ardplayer-color-tertiary-base);
    --ardplayer-color-tertiary-dark: var(--ardplayer-lightmode-color-tertiary-dark);
    --ardplayer-color-darkest: var(--ardplayer-lightmode-color-darkest);
    --ardplayer-color-dark: var(--ardplayer-lightmode-color-dark);
    --ardplayer-color-light: var(--ardplayer-lightmode-color-light);
    --ardplayer-color-light-transparent-90: var(--ardplayer-lightmode-color-light-transparent-90);
    --ardplayer-color-lightest: var(--ardplayer-lightmode-color-lightest);
    --ardplayer-color-lightest-transparent-30: var(--ardplayer-lightmode-color-lightest-transparent-30);
    --ardplayer-color-lightest-transparent-50: var(--ardplayer-lightmode-color-lightest-transparent-50);
    --ardplayer-color-ui-background-shim: var(--ardplayer-lightmode-color-ui-background-shim);
    --ardplayer-color-ui-background-shim-s: var(--ardplayer-lightmode-color-ui-background-shim-s)
}

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

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

.ardplayer picture :not([tabindex]),.ardplayer picture [tabindex="-1"] {
    
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: 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;
    
    transition: opacity .6s ease-in-out
}

.ardplayer.ardplayer-s .ardplayer-background {
    background: var(--ardplayer-color-ui-background-shim-s)
}

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

.ardplayer .ardplayer-viewport-addon-overlays {
    height: 100%;
    
    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;
    
    position: absolute;
    top: calc(50% - 82px);
    width: 100%;
    z-index: 1
}

.ardplayer .ardplayer-footer {
    bottom: 0;
    contain: layout style size;
    height: 100px;
    
    position: absolute;
    width: 100%
}

.ardplayer .ardplayer-footer .ardplayer-time-playhead,.ardplayer .ardplayer-footer .ardplayer-time-seek-to-live {
    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,.ardplayer .ardplayer-footer .ardplayer-time-seek-to-live {
    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-m .ardplayer-time-seek-to-live,.ardplayer.ardplayer-sm .ardplayer-time-playhead,.ardplayer.ardplayer-sm .ardplayer-time-remaining,.ardplayer.ardplayer-sm .ardplayer-time-seek-to-live {
    font-size: 16px;
    line-height: 16px;
    width: 70px
}

.ardplayer.ardplayer-m .ardplayer-time-playhead,.ardplayer.ardplayer-m .ardplayer-time-seek-to-live,.ardplayer.ardplayer-sm .ardplayer-time-playhead,.ardplayer.ardplayer-sm .ardplayer-time-seek-to-live {
    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,.ardplayer.ardplayer-m .ardplayer-time-seek-to-live {
    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,.ardplayer.ardplayer-sm .ardplayer-time-seek-to-live {
    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,.ardplayer.ardplayer-s .ardplayer-time-seek-to-live {
    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,.ardplayer.ardplayer-s .ardplayer-time-seek-to-live {
    margin-left: 12px
}

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

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

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

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

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

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

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

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

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

.ardplayer .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-img i {
    background-color: #001e50;
    display: block;
    height: 100%;
    -webkit-mask-size: contain;
    mask-size: contain;
    width: 100%
}

.ardplayer .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-img.ardplayer-publisher-default i {
    -webkit-mask-image: url(../index/ard-b0376fe1.svg);
    mask-image: url(../index/ard-b0376fe1.svg)
}

.ardplayer .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-img.ardplayer-publisher-3sat i {
    -webkit-mask-image: url(../index/3sat-97c7c01a.svg);
    mask-image: url(../index/3sat-97c7c01a.svg)
}

.ardplayer .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-img.ardplayer-publisher-alpha i {
    -webkit-mask-image: url(assets/img/alpha-29b57b3e.svg);
    mask-image: url(assets/img/alpha-29b57b3e.svg)
}

.ardplayer .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-img.ardplayer-publisher-ard i {
    -webkit-mask-image: url(assets/img/ard-b0376fe1.svg);
    mask-image: url(assets/img/ard-b0376fe1.svg)
}

.ardplayer .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-img.ardplayer-publisher-arte i {
    -webkit-mask-image: url(assets/img/arte-8a174832.svg);
    mask-image: url(assets/img/arte-8a174832.svg)
}

.ardplayer .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-img.ardplayer-publisher-br i {
    -webkit-mask-image: url(assets/img/br-1a782a5d.svg);
    mask-image: url(assets/img/br-1a782a5d.svg)
}

.ardplayer .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-img.ardplayer-publisher-daserste i {
    -webkit-mask-image: url(assets/img/daserste-d6363449.svg);
    mask-image: url(assets/img/daserste-d6363449.svg)
}

.ardplayer .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-img.ardplayer-publisher-dw i {
    -webkit-mask-image: url(assets/img/dw-00fab9c1.svg);
    mask-image: url(assets/img/dw-00fab9c1.svg)
}

.ardplayer .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-img.ardplayer-publisher-deutschlandradio i {
    -webkit-mask-image: url(assets/img/deutschlandradio-100cce3c.svg);
    mask-image: url(assets/img/deutschlandradio-100cce3c.svg)
}

.ardplayer .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-img.ardplayer-publisher-funk i {
    -webkit-mask-image: url(assets/img/funk-605fd714.svg);
    mask-image: url(assets/img/funk-605fd714.svg)
}

.ardplayer .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-img.ardplayer-publisher-hr i {
    -webkit-mask-image: url(assets/img/hr-f06b736c.svg);
    mask-image: url(assets/img/hr-f06b736c.svg)
}

.ardplayer .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-img.ardplayer-publisher-kika i {
    -webkit-mask-image: url(assets/img/kika-5a7ddc5f.svg);
    mask-image: url(assets/img/kika-5a7ddc5f.svg)
}

.ardplayer .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-img.ardplayer-publisher-mdr i {
    -webkit-mask-image: url(assets/img/mdr-147ffd56.svg);
    mask-image: url(assets/img/mdr-147ffd56.svg)
}

.ardplayer .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-img.ardplayer-publisher-ndr i {
    -webkit-mask-image: url(assets/img/ndr-af21bb92.svg);
    mask-image: url(assets/img/ndr-af21bb92.svg)
}

.ardplayer .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-img.ardplayer-publisher-one i {
    -webkit-mask-image: url(assets/img/one-7594520c.svg);
    mask-image: url(assets/img/one-7594520c.svg)
}

.ardplayer .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-img.ardplayer-publisher-phoenix i {
    -webkit-mask-image: url(assets/img/phoenix-49a512ab.svg);
    mask-image: url(assets/img/phoenix-49a512ab.svg)
}

.ardplayer .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-img.ardplayer-publisher-radiobremen i {
    -webkit-mask-image: url(assets/img/radiobremen-6ffa63ff.svg);
    mask-image: url(assets/img/radiobremen-6ffa63ff.svg)
}

.ardplayer .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-img.ardplayer-publisher-rbb i {
    -webkit-mask-image: url(assets/img/rbb-6653f6ea.svg);
    mask-image: url(assets/img/rbb-6653f6ea.svg)
}

.ardplayer .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-img.ardplayer-publisher-sportschau i {
    -webkit-mask-image: url(assets/img/sportschau-eaa739f1.svg);
    mask-image: url(assets/img/sportschau-eaa739f1.svg)
}

.ardplayer .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-img.ardplayer-publisher-sr i {
    -webkit-mask-image: url(assets/img/sr-63f113c4.svg);
    mask-image: url(assets/img/sr-63f113c4.svg)
}

.ardplayer .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-img.ardplayer-publisher-swr i {
    -webkit-mask-image: url(assets/img/swr-3573dc63.svg);
    mask-image: url(assets/img/swr-3573dc63.svg)
}

.ardplayer .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-img.ardplayer-publisher-tagesschau24 i {
    -webkit-mask-image: url(assets/img/tagesschau24-51c2e8ef.svg);
    mask-image: url(assets/img/tagesschau24-51c2e8ef.svg)
}

.ardplayer .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-img.ardplayer-publisher-wdr i {
    -webkit-mask-image: url(assets/img/wdr-db5a40ca.svg);
    mask-image: url(assets/img/wdr-db5a40ca.svg)
}

.ardplayer .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-img.ardplayer-publisher-zdf i {
    -webkit-mask-image: url(assets/img/zdf-2d26a61f.svg);
    mask-image: url(assets/img/zdf-2d26a61f.svg)
}

.ardplayer .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-img.ardplayer-publisher-zdfinfo i {
    -webkit-mask-image: url(assets/img/zdfinfo-47a13356.svg);
    mask-image: url(assets/img/zdfinfo-47a13356.svg)
}

.ardplayer .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-img.ardplayer-publisher-zdfneo i {
    -webkit-mask-image: url(assets/img/zdfneo-41061594.svg);
    mask-image: url(assets/img/zdfneo-41061594.svg)
}

.ardplayer .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget .ardplayer-title-widget-text {
    min-width: 0;
    opacity: 1;
    padding-left: 30px;
    transition: opacity .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: -14px
}

.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.ardplayer-showback-fullscreen.ardplayer-show-errorframe .ardplayer-title-container,.ardplayer.ardplayer-showback:not(.ardplayer-state-fullscreen).ardplayer-show-errorframe .ardplayer-title-container {
    display: block!important
}

.ardplayer.ardplayer-embedded .ardplayer-errorframe:after,.ardplayer.ardplayer-embedded .ardplayer-posterframe:after,.ardplayer.ardplayer-showback.ardplayer-showback-fullscreen .ardplayer-errorframe:after,.ardplayer.ardplayer-showback.ardplayer-showback-fullscreen .ardplayer-posterframe:after,.ardplayer.ardplayer-showback:not(.ardplayer-state-fullscreen) .ardplayer-errorframe:after,.ardplayer.ardplayer-showback:not(.ardplayer-state-fullscreen) .ardplayer-posterframe:after {
    background: linear-gradient(180deg,rgba(0,0,0,.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.ardplayer-showback-fullscreen .ardplayer-title-container,.ardplayer.ardplayer-showback:not(.ardplayer-state-fullscreen) .ardplayer-title-container {
    display: block
}

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

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

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

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

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

.ardplayer.ardplayer-embedded .ardplayer-title-container .ardplayer-title-sizer .ardplayer-title-widget:hover .ardplayer-title-widget-link span {
    color: #001e50;
    transition: color .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 {
    display: -webkit-box;
    font-size: 18px;
    font-weight: 400;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-box-pack: end
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ardplayer .ardplayer-buffering {
    height: 100%;
    left: 0;
    
    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
}

@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;
    
    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
    }
}

@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;
    
    position: absolute;
    top: calc(50% - 36px);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    visibility: hidden;
    width: 72px
}

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

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

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

@media(prefers-reduced-motion) {
    .ardplayer .ardplayer-playstate-zoom.ardplayer-icon-pause,.ardplayer .ardplayer-playstate-zoom.ardplayer-icon-play {
        display: none
    }
}

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

.ardplayer {
    --video-zoom-width: 30px
}

.ardplayer.ardplayer-m,.ardplayer.ardplayer-sm {
    --video-zoom-width: 16px
}

.ardplayer.ardplayer-s {
    --video-zoom-width: 12px
}

@keyframes ardplayer-video-zoom-in {
    0% {
        border-width: 0;
        opacity: 0
    }

    40% {
        opacity: 1
    }

    50% {
        border-width: var(--video-zoom-width)
    }

    to {
        border-width: var(--video-zoom-width);
        opacity: 0
    }
}

@keyframes ardplayer-video-zoom-out {
    0% {
        border-width: var(--video-zoom-width);
        opacity: 0
    }

    25% {
        border-width: var(--video-zoom-width)
    }

    50% {
        opacity: 1
    }

    to {
        border-width: 0;
        opacity: 0
    }
}

.ardplayer .ardplayer-video-zoom {
    animation-direction: normal;
    animation-duration: .4s;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
    border-color: var(--ardplayer-color-lightest-transparent-50);
    border-style: solid;
    bottom: 0;
    display: none;
    left: 0;
    
    position: absolute;
    right: 0;
    top: 0
}

.ardplayer .ardplayer-video-zoom.ardplayer-video-zoom-inward {
    animation-name: ardplayer-video-zoom-in;
    display: block
}

.ardplayer .ardplayer-video-zoom.ardplayer-video-zoom-outward {
    animation-name: ardplayer-video-zoom-out;
    display: block
}

@media(prefers-reduced-motion) {
    .ardplayer .ardplayer-video-zoom {
        animation: none;
        display: none
    }
}

.ardplayer .ardplayer-marquee-container {
    -webkit-mask-image: linear-gradient(90deg,transparent,#000 5px,#000 calc(100% - 20px),transparent);
    mask-image: linear-gradient(90deg,transparent,#000 5px,#000 calc(100% - 20px),transparent);
    overflow-x: hidden!important;
    padding-left: 5px!important
}

.ardplayer .ardplayer-marquee-container .ardplayer-marquee {
    overflow: visible!important;
    text-overflow: clip!important;
    white-space: nowrap!important;
    will-change: transform,opacity
}

.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;
    
    transition: opacity .6s ease-in-out
}

.ardplayer .ardplayer-header button {
    
    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 {
    
    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:not(.ardplayer-state-interactive-error)>* {
    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);
    transform: translateZ(0)
}

.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.ardplayer-state-embedded .ardplayer-safearea-canary {
    background: transparent;
    bottom: 100%;
    display: block;
    height: calc(var(--safe-area-inset-bottom) + var(--safe-area-inset-top)*3);
    left: 100%;
    
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: calc(var(--safe-area-inset-left) + var(--safe-area-inset-right)*3);
    z-index: -5000
}

.ardplayer.ardplayer-state-exclusive-ui {
    cursor: default
}

.ardplayer.ardplayer.reinit-ardplayer :not(.allow-init-animation),.ardplayer.ardplayer.reinit-ardplayer :not(.allow-init-animation):before,.ardplayer.reinit-ardplayer :not(.allow-init-animation),.ardplayer.reinit-ardplayer :not(.allow-init-animation):before {
    animation-duration: 1ms!important;
    transition-duration: 1ms!important
}

@media(prefers-reduced-motion) {
    .ardplayer *,.ardplayer :before,.ardplayer.ardplayer *,.ardplayer.ardplayer :before {
        animation-duration: 1ms!important;
        transition-duration: 1ms!important
    }
}

.ardplayer .ardplayer-init-mq *,.ardplayer .ardplayer-init-mq :before,.ardplayer.ardplayer-init :not(.allow-init-animation),.ardplayer.ardplayer-init :not(.allow-init-animation):before,.ardplayer.ardplayer-init-mq *,.ardplayer.ardplayer-init-mq :before,.ardplayer.ardplayer-state-loading :not(.allow-init-animation),.ardplayer.ardplayer-state-loading :not(.allow-init-animation):before,.ardplayer.ardplayer.ardplayer-init :not(.allow-init-animation),.ardplayer.ardplayer.ardplayer-init :not(.allow-init-animation):before,.ardplayer.ardplayer.ardplayer-init-mq *,.ardplayer.ardplayer.ardplayer-init-mq :before,.ardplayer.ardplayer.ardplayer-state-loading :not(.allow-init-animation),.ardplayer.ardplayer.ardplayer-state-loading :not(.allow-init-animation):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-footer .ardplayer-time-seek-to-live {
    display: none;
    font-weight: 700;
    overflow: clip;
    transition: transform .2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    will-change: transform
}

.ardplayer .ardplayer-footer .ardplayer-time-seek-to-live:after {
    display: inline-block;
    margin-right: 5px;
    transform: scale(2.5)!important
}

.ardplayer .ardplayer-footer .ardplayer-time-seek-to-live:not(.ardplayer-button-disabled) {
    cursor: pointer
}

@media(hover: hover),(pointer:fine) {
    .ardplayer .ardplayer-footer .ardplayer-time-seek-to-live:not(.ardplayer-button-disabled):hover,.ardplayer .ardplayer-footer .ardplayer-time-seek-to-live:not(.ardplayer-button-disabled)[aria-pressed=true] {
        transform:scale(1.1)
    }
}

.ardplayer .ardplayer-footer .ardplayer-time-seek-to-live:not(.ardplayer-button-disabled)[data-touching=true] {
    transform: scale(1.1)
}

.ardplayer.ardplayer-state-live:not(.ardplayer-state-audio).ardplayer-s:not(.ardplayer-state-live-dvr-active) .ardplayer-footer .ardplayer-time-remaining {
    display: none
}

.ardplayer.ardplayer-state-live:not(.ardplayer-state-audio).ardplayer-s:not(.ardplayer-state-live-dvr-active) .ardplayer-footer .ardplayer-time-seek-to-live,.ardplayer.ardplayer-state-live:not(.ardplayer-state-audio).ardplayer-sm:not(.ardplayer-state-live-dvr-active) .ardplayer-footer .ardplayer-time-seek-to-live {
    color: var(--ardplayer-color-primary-live)
}

.ardplayer.ardplayer-state-live:not(.ardplayer-state-audio).ardplayer-s.ardplayer-state-live-dvr-active .ardplayer-footer .ardplayer-time-seek-to-live,.ardplayer.ardplayer-state-live:not(.ardplayer-state-audio).ardplayer-sm.ardplayer-state-live-dvr-active .ardplayer-footer .ardplayer-time-seek-to-live {
    color: var(--ardplayer-color-lightest)
}

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

.ardplayer.ardplayer-state-live:not(.ardplayer-state-audio).ardplayer-s .ardplayer-footer .ardplayer-time-seek-to-live,.ardplayer.ardplayer-state-live:not(.ardplayer-state-audio).ardplayer-sm .ardplayer-footer .ardplayer-time-seek-to-live {
    display: inline-block;
    pointer-events: all
}

.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;
    
    visibility: hidden
}

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

.ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(.ardplayer-state-audio-app) .ardplayer-button-jumpbackward:hover:after,.ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(.ardplayer-state-audio-app) .ardplayer-button-jumpbackward:hover:before,.ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(.ardplayer-state-audio-app) .ardplayer-button-jumpbackward[pressed=true]:after,.ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(.ardplayer-state-audio-app) .ardplayer-button-jumpbackward[pressed=true]:before,.ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(.ardplayer-state-audio-app) .ardplayer-button-jumpforward:hover:after,.ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(.ardplayer-state-audio-app) .ardplayer-button-jumpforward:hover:before,.ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(.ardplayer-state-audio-app) .ardplayer-button-jumpforward[pressed=true]:after,.ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(.ardplayer-state-audio-app) .ardplayer-button-jumpforward[pressed=true]:before,.ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(.ardplayer-state-audio-app) .ardplayer-button-nextclip:hover:after,.ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(.ardplayer-state-audio-app) .ardplayer-button-nextclip:hover:before,.ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(.ardplayer-state-audio-app) .ardplayer-button-nextclip[pressed=true]:after,.ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(.ardplayer-state-audio-app) .ardplayer-button-nextclip[pressed=true]:before,.ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(.ardplayer-state-audio-app) .ardplayer-button-prevclip:hover:after,.ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(.ardplayer-state-audio-app) .ardplayer-button-prevclip:hover:before,.ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(.ardplayer-state-audio-app) .ardplayer-button-prevclip[pressed=true]:after,.ardplayer.ardplayer-state-audio.ardplayer-state-inactive:not(.ardplayer-state-audio-app) .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-embedded.ardplayer-state-audio-app {
    -webkit-user-select: none!important;
    -moz-user-select: none!important;
    user-select: none!important;
    --grid-base-padding: 16px;
    --horizontal-padding-track-width: 0;
    --horizontal-main-track-width: auto;
    --horizontal-gutter-track-width: 58px;
    --left-safety-padding: max(var(--safe-area-inset-left),var(--grid-base-padding));
    --right-safety-padding: max(var(--safe-area-inset-right),var(--grid-base-padding));
    --tablet-right-safety-padding: 0;
    --tablet-playlist-track-width: 0;
    --image-track-height: auto;
    --image-title-track-height: 73px;
    --playlist-track-height: 70px;
    --playlist-closed-margin-top: 11px;
    --progress-track-height: 50px;
    --progress-padding-bottom: var(--grid-base-padding);
    --addon-button-track-height: 48px;
    --addon-button-padding-bottom: var(--grid-base-padding);
    background-color: var(--ardplayer-color-primary-dark);
    display: grid;
    grid-template-columns: [left] var(--horizontal-padding-track-width) [padding-left] var(--left-safety-padding) [safe-left] var(--horizontal-gutter-track-width) [gutter-left-end content-start] var(--horizontal-main-track-width) [content-end gutter-right-start] var(--horizontal-gutter-track-width) [safe-right] var(--right-safety-padding) [padding-right] var(--horizontal-padding-track-width) [tablet-playlist-left] var(--tablet-playlist-track-width) [tablet-playlist-right] var(--tablet-right-safety-padding) [right];
    grid-template-rows: [top] var(--safe-area-inset-top) [safe-top] 48px 0 [image-start] var(--image-track-height) [image-end title-start] var(--image-title-track-height) [title-end] 25px [progress-start] var(--progress-track-height) [progress-end] var(--progress-padding-bottom) [buttons-start] 56px [buttons-end] var(--grid-base-padding) [addon-buttons-start] var(--addon-button-track-height) [addon-buttons-end] var(--addon-button-padding-bottom) var(--playlist-closed-margin-top) [playlist-start] var(--playlist-track-height) [safe-bottom] var(--safe-area-inset-bottom) [bottom];
    --filled-button-foregound: var(--ardplayer-color-lightest)
}

@media(hover: hover),(pointer:fine) {
    .ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app button:hover:not([tabindex^="-"]):after,.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app button:hover:not([tabindex^="-"]):before,.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app button[aria-pressed=true]:not([tabindex^="-"]):after,.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app button[aria-pressed=true]:not([tabindex^="-"]):before {
        color:var(--ardplayer-color-primary);
        opacity: .5;
        transform: none
    }
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app button[data-touching=true]:not([tabindex^="-"]):after,.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app button[data-touching=true]:not([tabindex^="-"]):before {
    color: var(--ardplayer-color-primary);
    opacity: .5;
    transform: none
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app button.ardplayer-button-hero:not([tabindex^="-"]),.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app button.ardplayer-button-hero:not([tabindex^="-"]):after,.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app button.ardplayer-button-hero:not([tabindex^="-"]):before,.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app button.ardplayer-button-hero:not([tabindex^="-"]):hover,.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app button.ardplayer-button-hero:not([tabindex^="-"]):hover:after,.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app button.ardplayer-button-hero:not([tabindex^="-"]):hover:before {
    color: var(--filled-button-foregound)
}

@media(hover: hover),(pointer:fine) {
    .ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app button.ardplayer-button-hero.ardplayer-button-active:not([tabindex^="-"]),.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app button.ardplayer-button-hero:hover:not([tabindex^="-"]),.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app button.ardplayer-dynamic-menu-button.ardplayer-button-active:not([tabindex^="-"]),.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app button.ardplayer-dynamic-menu-button:hover:not([tabindex^="-"]) {
        background-color:var(--ardplayer-color-primary);
        border: none;
        color: var(--filled-button-foregound);
        opacity: .5
    }

    .ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app button.ardplayer-button-hero.ardplayer-button-active:not([tabindex^="-"]):after,.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app button.ardplayer-button-hero.ardplayer-button-active:not([tabindex^="-"]):before,.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app button.ardplayer-button-hero:hover:not([tabindex^="-"]):after,.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app button.ardplayer-button-hero:hover:not([tabindex^="-"]):before,.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app button.ardplayer-dynamic-menu-button.ardplayer-button-active:not([tabindex^="-"]):after,.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app button.ardplayer-dynamic-menu-button.ardplayer-button-active:not([tabindex^="-"]):before,.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app button.ardplayer-dynamic-menu-button:hover:not([tabindex^="-"]):after,.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app button.ardplayer-dynamic-menu-button:hover:not([tabindex^="-"]):before {
        color: var(--filled-button-foregound)
    }
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app button.ardplayer-button-hero[data-touching=true]:not([tabindex^="-"]),.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app button.ardplayer-dynamic-menu-button[data-touching=true]:not([tabindex^="-"]) {
    background-color: var(--ardplayer-color-primary);
    border: none;
    color: var(--filled-button-foregound);
    opacity: .5
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app button.ardplayer-button-hero[data-touching=true]:not([tabindex^="-"]):after,.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app button.ardplayer-button-hero[data-touching=true]:not([tabindex^="-"]):before,.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app button.ardplayer-dynamic-menu-button[data-touching=true]:not([tabindex^="-"]):after,.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app button.ardplayer-dynamic-menu-button[data-touching=true]:not([tabindex^="-"]):before {
    color: var(--filled-button-foregound)
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-buffering {
    grid-column: content-start/content-end;
    grid-row: image-start/image-end;
    position: relative;
    z-index: 1
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-image-background {
    contain: strict;
    grid-column: padding-left/padding-right;
    grid-row: safe-top/buttons-start;
    height: calc(100% + 280px);
    margin: -140px;
    max-height: calc(90vh + 200px);
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 1;
    transform: translateZ(0);
    transition: opacity .25s ease-in-out;
    width: calc(100% + 280px);
    will-change: opacity
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-button-nextclip,.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-button-prevclip {
    display: block
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-audio-close {
    display: none
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-dynamic-menu-button-container {
    align-items: center;
    display: inline-flex;
    grid-column: gutter-right-start/safe-right;
    grid-row: title-start/title-end;
    justify-content: center
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-dynamic-menu-button-container .ardplayer-dynamic-menu-button {
    align-items: center;
    border: 1px solid var(--ardplayer-color-lightest);
    border-radius: 50%;
    display: inline-flex;
    height: 40px;
    justify-content: center;
    position: relative;
    width: 40px;
    z-index: 1
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-dynamic-menu-button-container .ardplayer-dynamic-menu-button .ardplayer-icon-more {
    font-size: 40px
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-button-fullscreen-container.ardplayer-button-big,.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-state-inactive:after {
    display: none
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-time-playhead,.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-time-remaining {
    color: var(--ardplayer-color-lightest);
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: unset;
    margin-top: 20px;
    opacity: .78;
    padding-top: 4px;
    position: unset;
    width: auto
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-time-remaining {
    margin-left: auto;
    order: 3
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-time-playhead {
    order: 2
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-state-live .ardplayer-time-playhead {
    margin-left: auto;
    margin-top: -4px;
    order: 3
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-state-live .ardplayer-time-remaining,.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-state-live.ardplayer-state-inactive .ardplayer-time-playhead,.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-state-live.ardplayer-state-live-dvr-active .ardplayer-time-playhead,.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-state-live.ardplayer-state-live-nodvr .ardplayer-time-playhead {
    display: none
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-state-live.ardplayer-state-live-dvr-active .ardplayer-time-remaining {
    display: block
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-controlbar {
    bottom: unset;
    display: block;
    flex: 1 1 100%;
    height: 4px;
    left: unset;
    max-width: 100%;
    order: 1;
    position: relative;
    right: unset;
    top: unset;
    width: 100%
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-controlbar .ardplayer-controlbar-hover {
    bottom: 20px
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-footer {
    align-content: flex-start;
    display: flex;
    flex-wrap: wrap;
    grid-column: safe-left/safe-right;
    grid-row: progress-start/progress-end;
    height: auto;
    position: unset;
    z-index: 1
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-audio-title-container {
    contain: strict;
    display: inline-flex;
    flex-direction: column;
    grid-column: safe-left/content-end;
    grid-row: title-start/title-end;
    justify-content: center;
    max-width: 100%;
    overflow: hidden;
    padding: 0 8px 0 0;
    position: unset
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-audio-title-container>* {
    margin-top: 4px
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-audio-title-container .ardplayer-audio-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-audio-title-container .ardplayer-audio-subtitle {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-audio-title-container .ardplayer-title-chips-container {
    align-items: center;
    display: flex
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-title-chip {
    align-items: center;
    align-self: center;
    background: var(--ardplayer-color-primary);
    border-radius: 2px;
    color: var(--ardplayer-color-lightest);
    display: inline-flex;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 5px;
    margin-right: 4px;
    padding: 2px 4px;
    white-space: nowrap
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-state-live .ardplayer-title-widget-status {
    background: var(--ardplayer-color-primary-live)
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-state-live-nodvr .ardplayer-mini-player .ardplayer-mini-player-progress {
    display: none
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-center {
    align-items: center;
    display: flex;
    flex-direction: column;
    grid-column: padding-left/padding-right;
    grid-row: buttons-start/buttons-end;
    height: 100%;
    justify-content: center;
    overflow: visible;
    position: unset;
    width: auto;
    z-index: 1
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-center .ardplayer-buttons-main {
    align-items: center;
    height: auto;
    overflow: visible
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-center .ardplayer-buttons-main button {
    font-size: 56px;
    height: 56px;
    width: 56px
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-center .ardplayer-buttons-main button:before {
    font-size: 56px;
    height: 56px;
    line-height: 56px;
    width: 56px
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-addons-container-big {
    display: inline-flex;
    grid-column: padding-left/padding-right;
    grid-row: addon-buttons-start/addon-buttons-end;
    height: auto;
    justify-content: center;
    padding: 0;
    position: unset;
    width: auto
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-addons-container-big .ardplayer-addons-container {
    background-color: hsla(0,0%,100%,.2);
    border-radius: 200px;
    padding: 0 8px
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-addons-container-big .ardplayer-addons-container button,.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-addons-container-big .ardplayer-addons-container button:before {
    font-size: 48px;
    height: 48px;
    line-height: 48px;
    width: 48px
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-state-completed .ardplayer-button-playpause {
    display: none
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-s .ardplayer-center .ardplayer-buttons-main {
    max-width: none
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-audio-top-row {
    align-items: center;
    display: grid;
    grid-column: safe-left/safe-right;
    grid-row: safe-top;
    grid-template-columns: 40px auto 40px;
    transition: opacity .25s ease-in-out;
    z-index: 1
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-audio-top-row .ardplayer-icon {
    align-items: center;
    display: flex;
    grid-column: 1;
    justify-content: center
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-audio-top-row .ardplayer-icon,.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-audio-top-row .ardplayer-icon:before {
    font-size: 48px;
    height: 48px;
    line-height: 48px;
    width: 48px
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-audio-top-row .ardplayer-top-row-station {
    color: var(--ardplayer-color-lightest-transparent-30);
    grid-column: 2;
    text-align: center
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-posterbackdrop {
    align-items: center;
    background: none;
    display: flex;
    grid-column: content-start/content-end;
    grid-row: image-start/image-end;
    height: auto;
    justify-content: center;
    margin: 0;
    position: relative;
    width: auto;
    z-index: 1
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-posterbackdrop picture,.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-posterbackdrop picture>img {
    display: flex;
    left: unset;
    position: relative;
    transform: unset
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-posterbackdrop picture {
    aspect-ratio: 1/1;
    height: auto;
    max-height: min(100vh - var(--safe-area-inset-top) - var(--safe-area-inset-bottom) - 437px,40vh);
    max-width: 60vw;
    width: auto
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-posterbackdrop picture img {
    border-radius: 4px;
    box-shadow: 0 0 57px 0 rgba(0,15,39,.4);
    transform-origin: top left;
    transition: transform .25s ease-in-out,border-radius .25s ease-in-out,opacity .25s ease-in-out;
    width: 100%;
    will-change: transform
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-playlist-dragging .ardplayer-audio-top-row,.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-playlist-dragging .ardplayer-mini-player,.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-playlist-dragging .ardplayer-playlist,.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-playlist-dragging .ardplayer-posterbackdrop picture img,.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-playlist-dragging canvas.ardplayer-image-background {
    transition: none
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-show-errorframe .ardplayer-errorframe {
    background: none;
    grid-column: safe-left/safe-right;
    grid-row: image-start/image-end;
    height: auto;
    margin: 0;
    opacity: 1;
    position: relative;
    transition: opacity .25s ease-in-out;
    width: auto
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-show-errorframe .ardplayer-errorframe .ardplayer-errorframe-content {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-show-errorframe .ardplayer-errorframe .ardplayer-icon {
    display: none
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-show-errorframe .ardplayer-errorframe .ardplayer-error-message {
    max-width: unset
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-show-errorframe .ardplayer-errorframe button {
    font-size: 16px;
    margin-top: 16px
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-show-errorframe .ardplayer-errorframe span.ardplayer-error-message {
    font-size: 16px;
    line-height: 140%
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-show-errorframe .ardplayer-errorframe span.ardplayer-error-message span.ardplayer-error-external {
    font-size: 16px;
    line-height: 140%;
    margin-top: 16px
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-show-errorframe:not(.ardplayer-vh-xl) .ardplayer-errorframe .ardplayer-error-message,.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-show-errorframe:not(.ardplayer-vh-xl) .ardplayer-errorframe h1 {
    display: none
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-show-errorframe.ardplayer-vh-m .ardplayer-errorframe {
    display: none!important
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-show-errorframe .ardplayer-mini-player-poster,.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-show-errorframe .ardplayer-posterbackdrop {
    z-index: unset
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-show-errorframe .ardplayer-mini-player-poster img,.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-show-errorframe .ardplayer-posterbackdrop img {
    filter: brightness(.7) grayscale(.3) opacity(.7)
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-show-errorframe .ardplayer-posterbackdrop img,.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-show-errorframe.ardplayer-playlist-open .ardplayer-errorframe {
    opacity: 0
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-show-errorframe.ardplayer-playlist-open .ardplayer-posterbackdrop img {
    opacity: 1
}

.ardplayer .ardplayer-playlist {
    background-color: #334b73;
    border-radius: 16px 16px 0 0;
    color: var(--ardplayer-color-lightest);
    contain: content;
    display: flex;
    flex-direction: column;
    grid-column: padding-left/padding-right;
    grid-row: playlist-start/bottom;
    overflow: hidden;
    position: absolute;
    transform: translateY(0) scaleY(1);
    transform-origin: bottom;
    transition: transform .25s ease-in-out;
    width: 100%;
    will-change: transform;
    z-index: 3
}

.ardplayer .ardplayer-playlist .ardplayer-playlist-handle {
    background: var(--ardplayer-color-lightest);
    border-radius: 2px;
    height: 4px;
    left: 50%;
    opacity: .1;
    position: absolute;
    top: 8px;
    transform: translateX(-50%);
    width: 36px
}

.ardplayer .ardplayer-playlist .ardplayer-playlist-heading {
    align-items: center;
    display: inline-flex;
    flex: 1 1 70px;
    font-size: 18px;
    font-weight: 700;
    justify-content: center;
    line-height: 1.2
}

.ardplayer .ardplayer-playlist .ardplayer-playlist-content {
    contain: size;
    display: grid;
    flex: 1 1 calc(100vh - 170px - var(--safe-area-inset-top));
    grid-template-rows: 40px 16px 38px min-content;
    opacity: 0;
    overflow-y: auto;
    padding-bottom: calc(64px + var(--safe-area-inset-bottom));
    padding-left: var(--safe-area-inset-left);
    padding-right: var(--safe-area-inset-right);
    position: relative;
    transition: opacity 50ms linear
}

.ardplayer .ardplayer-playlist .ardplayer-playlist-content>* {
    padding-left: 16px;
    padding-right: 16px
}

.ardplayer .ardplayer-playlist .ardplayer-playlist-content .ardplayer-playlist-block-title {
    align-items: center;
    display: inline-flex;
    font-size: 18px;
    font-weight: 700;
    grid-row: 3;
    margin: 0
}

.ardplayer .ardplayer-playlist .ardplayer-playlist-content .ardplayer-playlist-block-title.block-secondary {
    grid-row: unset;
    padding-top: 15px
}

.ardplayer .ardplayer-playlist .ardplayer-playlist-content .ardplayer-playlist-block-title.block-secondary.playlist-block-title-hidden {
    opacity: 0;
    visibility: hidden
}

.ardplayer .ardplayer-playlist .ardplayer-playlist-content .ardplayer-playlist-next-episode {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.ardplayer .ardplayer-playlist .ardplayer-playlist-content .ardplayer-playlist-next-episode span {
    color: var(--ardplayer-color-lightest-transparent-30);
    line-height: 1.4
}

.ardplayer .ardplayer-playlist .ardplayer-playlist-content .ardplayer-playlist-next-episode .ardplayer-playlist-next-episode-toggle {
    align-items: center;
    display: inline-flex;
    height: 30px;
    justify-content: center;
    position: relative;
    width: 40px
}

.ardplayer .ardplayer-playlist .ardplayer-playlist-content .ardplayer-playlist-next-episode .ardplayer-playlist-next-episode-toggle:hover {
    cursor: pointer
}

.ardplayer .ardplayer-playlist .ardplayer-playlist-content .ardplayer-playlist-next-episode .ardplayer-playlist-next-episode-toggle .ardplayer-playlist-next-episode-toggle-container {
    align-items: center;
    display: inline-flex;
    position: relative
}

.ardplayer .ardplayer-playlist .ardplayer-playlist-content .ardplayer-playlist-next-episode .ardplayer-playlist-next-episode-toggle input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: hsla(0,0%,100%,.39);
    border-radius: 6px;
    height: 12px;
    transition: background-color .25s;
    width: 27px
}

.ardplayer .ardplayer-playlist .ardplayer-playlist-content .ardplayer-playlist-next-episode .ardplayer-playlist-next-episode-toggle input:checked {
    background-color: var(--ardplayer-color-primary)
}

.ardplayer .ardplayer-playlist .ardplayer-playlist-content .ardplayer-playlist-next-episode .ardplayer-playlist-next-episode-toggle input:checked+.ardplayer-playlist-next-episode-toggle-thumb {
    transform: translateX(100%)
}

.ardplayer .ardplayer-playlist .ardplayer-playlist-content .ardplayer-playlist-next-episode .ardplayer-playlist-next-episode-toggle .ardplayer-playlist-next-episode-toggle-thumb {
    background: var(--ardplayer-color-lightest);
    border-radius: 50%;
    height: 17px;
    left: -4px;
    position: absolute;
    transform: translateX(0);
    transition: transform .25s;
    width: 17px
}

.ardplayer .ardplayer-playlist .ardplayer-playlist-content .ardplayer-playlist-item-list {
    display: grid;
    gap: 0;
    grid-row: 4;
    padding-top: 10px
}

.ardplayer .ardplayer-playlist .ardplayer-playlist-content .ardplayer-playlist-item-list.block-secondary {
    grid-row: 7
}

.ardplayer .ardplayer-playlist .ardplayer-playlist-content .ardplayer-playlist-item {
    align-content: center;
    align-items: center;
    border-radius: 4px;
    contain: strict;
    content-visibility: auto;
    display: grid;
    grid-template-columns: 40px 54px auto 40px;
    height: 64px;
    justify-content: unset;
    padding-right: 8px
}

.ardplayer .ardplayer-playlist .ardplayer-playlist-content .ardplayer-playlist-item>* {
    grid-row: 1
}

.ardplayer .ardplayer-playlist .ardplayer-playlist-content .playlist-item-placeholder {
    color: var(--ardplayer-color-lightest-transparent-30);
    height: 40px;
    margin-bottom: -64px;
    opacity: 0;
    
    transition-duration: .2s;
    transition-property: opacity,visibility,margin;
    transition-timing-function: ease-out;
    visibility: hidden
}

.ardplayer .ardplayer-playlist .ardplayer-playlist-content .playlist-item-placeholder.playlist-item-placeholder-visible {
    margin-bottom: 0;
    opacity: 1;
    visibility: visible
}

.ardplayer .ardplayer-playlist .ardplayer-playlist-content .ardplayer-playlist-dragdrop-item {
    padding-bottom: 5px;
    padding-top: 5px;
    transform-origin: center;
    transition-duration: .2s;
    transition-property: transform,box-shadow,opacity,visibility,margin,filter;
    transition-timing-function: ease-in-out;
    will-change: transform,filter
}

.ardplayer .ardplayer-playlist .ardplayer-playlist-content .ardplayer-playlist-dragdrop-item.ardplayer-playlist-item-dragging {
    background-color: #334b73;
    box-shadow: 0 0 30px 0 rgba(0,0,0,.267);
    filter: brightness(120%);
    transition: box-shadow .2s ease-in-out,filter .2s ease-in-out;
    z-index: 999999
}

.ardplayer .ardplayer-playlist .ardplayer-playlist-content .ardplayer-playlist-dragdrop-item.ardplayer-playlist-item-move-down {
    transform: translateY(74px)
}

.ardplayer .ardplayer-playlist .ardplayer-playlist-content .ardplayer-playlist-dragdrop-item.ardplayer-playlist-item-move-up {
    transform: translateY(-74px)
}

.ardplayer .ardplayer-playlist .ardplayer-playlist-content .ardplayer-playlist-dragdrop-item.ardplayer-playlist-item-deleted {
    margin: -32px 0;
    opacity: 0;
    
    transform: scaleY(.8) scaleX(.9);
    transition-timing-function: ease-out;
    visibility: hidden;
    z-index: -1
}

.ardplayer .ardplayer-playlist .ardplayer-playlist-content .items-settling .ardplayer-playlist-dragdrop-item {
    transition: box-shadow .2s ease-in-out,filter .2s ease-in-out
}

.ardplayer .ardplayer-playlist .ardplayer-playlist-content .ardplayer-playlist-item-checkbox {
    align-items: center;
    display: flex;
    grid-column: 1;
    height: 100%;
    justify-content: center;
    width: 100%
}

.ardplayer .ardplayer-playlist .ardplayer-playlist-content .ardplayer-playlist-item-checkbox input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    height: auto;
    width: auto
}

.ardplayer .ardplayer-playlist .ardplayer-playlist-content .ardplayer-playlist-item-checkbox input:before {
    color: var(--ardplayer-color-lightest);
    font-size: 40px;
    line-height: 40px
}

.ardplayer .ardplayer-playlist .ardplayer-playlist-content .ardplayer-playlist-item-img {
    border-radius: 4px;
    contain: strict;
    grid-column: 2;
    height: 100%;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.ardplayer .ardplayer-playlist .ardplayer-playlist-content .ardplayer-playlist-item-text {
    grid-column: 3;
    height: 100%;
    margin-left: 16px;
    overflow: hidden
}

.ardplayer .ardplayer-playlist .ardplayer-playlist-content .ardplayer-playlist-item-text .ardplayer-playlist-main-title,.ardplayer .ardplayer-playlist .ardplayer-playlist-content .ardplayer-playlist-item-text .ardplayer-playlist-subtitle {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ardplayer .ardplayer-playlist .ardplayer-playlist-content .ardplayer-playlist-item-text .ardplayer-playlist-main-title {
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    margin-top: 3px
}

.ardplayer .ardplayer-playlist .ardplayer-playlist-content .ardplayer-playlist-item-text .ardplayer-playlist-subtitle {
    color: var(--ardplayer-color-lightest-transparent-30);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    margin-top: 8px;
    opacity: .78
}

.ardplayer .ardplayer-playlist .ardplayer-playlist-content .ardplayer-playlist-item-drag-handle {
    align-items: center;
    cursor: grab;
    display: flex;
    grid-column: 4;
    height: 40px;
    justify-content: center;
    width: 40px
}

.ardplayer .ardplayer-playlist .ardplayer-playlist-content .ardplayer-playlist-item-drag-handle .ardplayer-icon-drag {
    font-size: 38px
}

.ardplayer .ardplayer-playlist .ardplayer-playlist-item-clicktarget {
    cursor: pointer;
    grid-column-end: 4;
    grid-column-start: 2;
    grid-row-start: 1;
    height: 100%;
    z-index: 1
}

.ardplayer .ardplayer-playlist .ardplayer-playlist-actions {
    align-items: center;
    background: var(--ardplayer-color-primary-dark);
    bottom: 0;
    display: flex;
    height: 64px;
    justify-content: space-between;
    left: 0;
    padding: 0 24px;
    position: fixed;
    transform: translateY(100%);
    transition: transform .2s ease-in-out;
    width: 100%;
    will-change: transform;
    z-index: 1
}

.ardplayer .ardplayer-playlist .ardplayer-playlist-actions.ardplayer-playlist-actions-available {
    transform: none
}

.ardplayer .ardplayer-playlist .ardplayer-playlist-actions button {
    font-size: 16px;
    font-weight: 520;
    line-height: 1.2;
    transition: opacity .2s ease-in-out,visibility .2s ease-in-out;
    width: auto
}

.ardplayer .ardplayer-playlist .ardplayer-playlist-actions button.ardplayer-action-unavailable {
    opacity: 0;
    
    visibility: hidden
}

.ardplayer .ardplayer-mini-player {
    opacity: var(--native-sheet-progress-numeric-inverse);
    position: absolute;
    top: 0;
    transform-origin: top left;
    transition: transform .25s ease-in-out;
    z-index: 1
}

.ardplayer .ardplayer-mini-player,.ardplayer .ardplayer-mini-player button {
    pointer-events: none
}

.ardplayer .ardplayer-mini-player .ardplayer-mini-player-controls {
    display: flex
}

.ardplayer .ardplayer-mini-player .ardplayer-mini-player-controls button,.ardplayer .ardplayer-mini-player .ardplayer-mini-player-controls button:before {
    font-size: 40px;
    height: 40px;
    line-height: 40px;
    width: 40px
}

.ardplayer .ardplayer-mini-player .ardplayer-mini-player-title-container {
    width: calc(100% - 80px)
}

.ardplayer .ardplayer-mini-player.ardplayer-mini-player-bottom {
    --grid-padding: 8px;
    background: var(--ardplayer-color-primary-dark);
    display: grid;
    grid-template-columns: [left] max(var(--grid-padding),var(--safe-area-inset-left)) [safe-left] 68px [img-end] 1fr [safe-right] max(var(--grid-padding),var(--safe-area-inset-right)) [right];
    grid-template-rows: [progress-start] 4px [progress-end] var(--grid-padding) [content-start] 1fr [content-end] var(--grid-padding) var(--safe-area-inset-bottom);
    height: calc(88px + var(--safe-area-inset-bottom));
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100
}

.ardplayer .ardplayer-mini-player.ardplayer-mini-player-bottom .ardplayer-mini-player-close {
    align-items: center;
    background: var(--ardplayer-color-primary);
    bottom: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    padding-bottom: var(--safe-area-inset-bottom);
    padding-right: var(--safe-area-inset-right);
    
    position: absolute;
    right: calc(-150px - var(--safe-area-inset-right));
    width: calc(150px + var(--safe-area-inset-right))
}

.ardplayer .ardplayer-mini-player.ardplayer-mini-player-bottom .ardplayer-mini-player-close .ardplayer-mini-player-close-title {
    color: var(--ardplayer-color-lightest);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3
}

.ardplayer .ardplayer-mini-player.ardplayer-mini-player-bottom.dismiss-dragging {
    transition: none
}

.ardplayer .ardplayer-mini-player.ardplayer-mini-player-bottom.dismiss-open {
    transform: translateX(calc(-150px - var(--safe-area-inset-right)))
}

.ardplayer .ardplayer-mini-player.ardplayer-mini-player-bottom.dismiss-open .ardplayer-mini-player-close {
    cursor: pointer;
    pointer-events: all
}

.ardplayer .ardplayer-mini-player.ardplayer-mini-player-bottom .ardplayer-mini-player-poster {
    align-items: center;
    aspect-ratio: 1/1;
    display: flex;
    flex-direction: column;
    grid-column: safe-left/img-end;
    grid-row: content-start/content-end;
    overflow: hidden
}

.ardplayer .ardplayer-mini-player.ardplayer-mini-player-bottom .ardplayer-mini-player-poster img {
    border-radius: 4px;
    height: 100%;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.ardplayer .ardplayer-mini-player.ardplayer-mini-player-bottom .ardplayer-mini-player-top-row-container {
    align-items: center;
    display: flex;
    gap: 8px;
    grid-column: img-end/right;
    grid-row: content-start/content-end;
    justify-content: space-between;
    margin-right: var(--right-safety-padding)
}

.ardplayer .ardplayer-mini-player.ardplayer-mini-player-bottom .ardplayer-mini-player-top-row-container .ardplayer-mini-player-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2
}

.ardplayer .ardplayer-mini-player.ardplayer-mini-player-bottom .ardplayer-mini-player-top-row-container .ardplayer-mini-player-subtitle {
    color: var(--ardplayer-color-lightest-transparent-30);
    line-height: 1.4
}

.ardplayer .ardplayer-mini-player.ardplayer-mini-player-bottom .ardplayer-mini-player-progress {
    background: var(--ardplayer-color-lightest);
    display: flex;
    grid-column: left/right;
    grid-row: progress-start/progress-end
}

.ardplayer .ardplayer-mini-player.ardplayer-mini-player-bottom .ardplayer-mini-player-title-container {
    display: flex;
    flex-direction: column
}

.ardplayer .ardplayer-mini-player.ardplayer-mini-player-bottom .ardplayer-mini-player-title-container .ardplayer-mini-player-title-line-container {
    align-content: center;
    display: flex;
    flex-direction: row
}

.ardplayer .ardplayer-mini-player.ardplayer-mini-player-bottom .ardplayer-mini-player-title-container .ardplayer-mini-player-title-line-container .ardplayer-title-chip {
    margin: 0 0 0 5px
}

.ardplayer .ardplayer-mini-player.ardplayer-mini-player-bottom .ardplayer-mini-player-title-container .ardplayer-marquee-container {
    overflow-y: hidden;
    width: 100%
}

.ardplayer .ardplayer-mini-player.ardplayer-mini-player-bottom .ardplayer-mini-player-title-container>* {
    margin-left: 3px
}

.ardplayer .ardplayer-mini-player.ardplayer-mini-player-bottom .ardplayer-icon-nextclip {
    display: none
}

.ardplayer .ardplayer-mini-player.ardplayer-mini-player-top {
    display: flex;
    flex-direction: column;
    gap: 8px;
    grid-column: content-start/safe-right;
    padding-left: 16px;
    padding-right: 16px;
    position: absolute;
    width: 100%;
    z-index: 1
}

.ardplayer .ardplayer-mini-player.ardplayer-mini-player-top .ardplayer-icon-jumpbackward,.ardplayer .ardplayer-mini-player.ardplayer-mini-player-top .ardplayer-mini-player-close,.ardplayer .ardplayer-mini-player.ardplayer-mini-player-top .ardplayer-mini-player-poster {
    display: none
}

.ardplayer .ardplayer-mini-player.ardplayer-mini-player-top .ardplayer-mini-player-top-row-container {
    display: flex;
    flex: 1 1 90%;
    justify-content: space-between
}

.ardplayer .ardplayer-mini-player.ardplayer-mini-player-top .ardplayer-mini-player-title-container {
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: space-between
}

.ardplayer .ardplayer-mini-player.ardplayer-mini-player-top .ardplayer-mini-player-title-container .ardplayer-mini-player-title {
    font-weight: 700;
    line-height: 1.2
}

.ardplayer .ardplayer-mini-player.ardplayer-mini-player-top .ardplayer-mini-player-title-container .ardplayer-mini-player-subtitle {
    color: var(--ardplayer-color-lightest-transparent-50);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2
}

.ardplayer .ardplayer-mini-player.ardplayer-mini-player-top .ardplayer-mini-player-title-container .ardplayer-mini-player-title-line-container {
    align-content: center;
    display: flex;
    flex-direction: row
}

.ardplayer .ardplayer-mini-player.ardplayer-mini-player-top .ardplayer-mini-player-title-container .ardplayer-mini-player-title-line-container .ardplayer-title-chip {
    display: none
}

.ardplayer .ardplayer-mini-player.ardplayer-mini-player-top .ardplayer-mini-player-title-container .ardplayer-marquee-container {
    overflow-y: hidden;
    width: 100%
}

.ardplayer .ardplayer-mini-player.ardplayer-mini-player-top .ardplayer-mini-player-title-container>* {
    margin-left: -5px
}

.ardplayer .ardplayer-mini-player.ardplayer-mini-player-top .ardplayer-mini-player-progress {
    background-color: var(--ardplayer-color-lightest-transparent-50);
    display: inline-flex;
    flex: 0 0 3px;
    height: 3px;
    width: 100%
}

.ardplayer .ardplayer-mini-player.ardplayer-mini-player-top .ardplayer-mini-player-progress,.ardplayer .ardplayer-mini-player.ardplayer-mini-player-top .ardplayer-mini-player-progress .ardplayer-mini-player-progress-bar {
    border-radius: 2px
}

.ardplayer .ardplayer-mini-player .ardplayer-mini-player-progress {
    display: none
}

.ardplayer .ardplayer-mini-player .ardplayer-mini-player-progress .ardplayer-mini-player-progress-bar {
    background: var(--ardplayer-color-primary);
    height: 100%;
    width: 0
}

.ardplayer.ardplayer-state-live-nodvr .ardplayer-mini-player.ardplayer-mini-player-bottom .ardplayer-mini-player-title-container {
    width: calc(100% - 40px)
}

.ardplayer.ardplayer-native-sheet-state-collapsed .ardplayer-mini-player,.ardplayer.ardplayer-native-sheet-state-collapsed .ardplayer-mini-player button,.ardplayer.ardplayer-native-sheet-state-collapsed .ardplayer-mini-player img,.ardplayer.ardplayer-playlist-open .ardplayer-mini-player,.ardplayer.ardplayer-playlist-open .ardplayer-mini-player button,.ardplayer.ardplayer-playlist-open .ardplayer-mini-player img {
    pointer-events: all
}

.ardplayer.ardplayer-native-sheet-state-collapsed .ardplayer-audio-top-row,.ardplayer.ardplayer-native-sheet-state-collapsed .ardplayer-audio-top-row button,.ardplayer.ardplayer-playlist-open .ardplayer-audio-top-row,.ardplayer.ardplayer-playlist-open .ardplayer-audio-top-row button {
    pointer-events: none
}

.ardplayer.ardplayer-native-sheet-state-collapsed .ardplayer-playlist .ardplayer-playlist-content,.ardplayer.ardplayer-playlist-open .ardplayer-playlist .ardplayer-playlist-content {
    opacity: 1
}

.ardplayer.ardplayer-light-mode.ardplayer-state-embedded.ardplayer-state-audio-app {
    --filled-button-foregound: var(--ardplayer-color-darkest)
}

.ardplayer.ardplayer-light-mode.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-mini-player-close-title {
    color: var(--ardplayer-color-darkest)
}

.ardplayer.ardplayer-light-mode.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-mini-player-progress {
    background: var(--ardplayer-color-dark)
}

.ardplayer.ardplayer-light-mode.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-playlist,.ardplayer.ardplayer-light-mode.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-playlist .ardplayer-playlist-content .ardplayer-playlist-dragdrop-item.ardplayer-playlist-item-dragging {
    background-color: #cccfd4
}

.ardplayer.ardplayer-light-mode.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-playlist .ardplayer-playlist-content .ardplayer-playlist-next-episode .ardplayer-playlist-next-episode-toggle input {
    background-color: #767e8c
}

.ardplayer.ardplayer-light-mode.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-playlist .ardplayer-playlist-content .ardplayer-playlist-next-episode .ardplayer-playlist-next-episode-toggle input:checked {
    background-color: var(--ardplayer-color-primary)
}

.ardplayer.ardplayer-light-mode.ardplayer-state-embedded.ardplayer-state-audio-app .ardplayer-addons-container-big .ardplayer-addons-container {
    background-color: rgba(0,14,41,.2)
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app:not(.ardplayer-m) {
    --left-safety-padding: var(--grid-base-padding);
    --right-safety-padding: var(--grid-base-padding);
    --horizontal-padding-track-width: auto;
    --horizontal-main-track-width: calc(650px - var(--left-safety-padding) - var(--right-safety-padding) - var(--horizontal-gutter-track-width) - var(--horizontal-gutter-track-width))
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app:not(.ardplayer-m) .ardplayer-playlist-content {
    padding-left: 0;
    padding-right: 0
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-xl {
    --playlist-track-height: var(--grid-base-padding);
    --tablet-playlist-track-width: 580px;
    --tablet-right-safety-padding: var(--safe-area-inset-right)
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-xl .ardplayer-playlist {
    background-color: transparent;
    border-radius: 0;
    grid-column: tablet-playlist-left/tablet-playlist-right;
    grid-row: top/bottom
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-xl .ardplayer-playlist .ardplayer-playlist-handle,.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-xl .ardplayer-playlist .ardplayer-playlist-heading {
    display: none
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-xl .ardplayer-playlist .ardplayer-playlist-content {
    flex: 1 1 100vh;
    opacity: 1;
    padding-top: calc(var(--grid-base-padding) + var(--safe-area-inset-top))
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-xl .ardplayer-playlist .ardplayer-playlist-content .ardplayer-playlist-actions {
    background: #334b73
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-xs .ardplayer-button-skipbackward,.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-xs .ardplayer-button-skipforward {
    display: none
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-vh-l .ardplayer-posterbackdrop img {
    opacity: 0
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-vh-m {
    --image-track-height: 0;
    --image-title-track-height: auto;
    --playlist-track-height: 0;
    --playlist-closed-margin-top: 0
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-vh-m .ardplayer-playlist,.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-vh-m .ardplayer-posterbackdrop img {
    display: none
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-vh-sm {
    --addon-button-track-height: 0;
    --addon-button-padding-bottom: 0
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-vh-sm .ardplayer-addons-container-big {
    display: none
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-vh-s {
    --progress-track-height: 20px
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-vh-s .ardplayer-time-playhead,.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-vh-s .ardplayer-time-remaining {
    display: none
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-vh-xs {
    --progress-track-height: 0;
    --progress-padding-bottom: 0
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-vh-xs .ardplayer-footer {
    display: none
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-vh-xxs .ardplayer-audio-title-container {
    grid-column: safe-left/safe-right
}

.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-vh-xxs .ardplayer-audio-subtitle,.ardplayer.ardplayer-state-embedded.ardplayer-state-audio-app.ardplayer-vh-xxs .ardplayer-dynamic-menu-button-container {
    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 {
    color: var(--ardplayer-color-lightest);
    display: -webkit-box;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    margin-top: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-box-pack: end
}

.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;
    
    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;
    
    position: absolute;
    right: 0;
    top: -16px;
    width: auto
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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;
    
    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-header {
    display: block
}

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

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

.ardplayer.ardplayer-state-audio-inline.ardplayer-state-audio-forced-video:not(.ardplayer-reveal-settings) .ardplayer-footer {
    z-index: unset
}

.ardplayer.ardplayer-state-audio-inline.ardplayer-state-audio-forced-video .ardplayer-footer:before {
    background-color: var(--ardplayer-color-primary-dark);
    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;
    z-index: 1
}

.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
}

@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
}

@media(hover: hover),(pointer:fine) {
    .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[data-touching=true]:after,.ardplayer button[data-touching=true]:before {
    transform: scale(1.2)
}

.ardplayer button.ardplayer-button-disabled,.ardplayer button[tabindex="-1"] {
    border-color: hsla(0,0%,62%,.6)!important;
    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,.ardplayer button[tabindex="-1"]:hover:after,.ardplayer button[tabindex="-1"]:hover:before,.ardplayer button[tabindex="-1"][aria-pressed=true]:after,.ardplayer button[tabindex="-1"][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
}

@media(hover: hover),(pointer:fine) {
    .ardplayer .ardplayer-bottom-sheet-container button.ardplayer-button-active,.ardplayer .ardplayer-bottom-sheet-container button:hover,.ardplayer .ardplayer-button-big button.ardplayer-button-active,.ardplayer .ardplayer-button-big button:hover,.ardplayer .ardplayer-center button.ardplayer-button-active,.ardplayer .ardplayer-center button:hover,.ardplayer .ardplayer-header button.ardplayer-button-active,.ardplayer .ardplayer-header button:hover,.ardplayer .ardplayer-modal-container button.ardplayer-button-active,.ardplayer .ardplayer-modal-container button:hover,.ardplayer button.ardplayer-button-big.ardplayer-button-active,.ardplayer button.ardplayer-button-big:hover,.ardplayer>button.ardplayer-button-active,.ardplayer>button:hover {
        color:var(--ardplayer-color-primary)
    }
}

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

.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-button-big button.ardplayer-button-hero.ardplayer-button-disabled,.ardplayer .ardplayer-button-big button.ardplayer-button-hero[tabindex="-1"],.ardplayer button.ardplayer-button-big.ardplayer-button-hero.ardplayer-button-disabled,.ardplayer button.ardplayer-button-big.ardplayer-button-hero[tabindex="-1"] {
    color: hsla(0,0%,62%,.6)!important
}

.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;
    
    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,.ardplayer .ardplayer-controlbar .noUi-target:before {
    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;
    
    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-m .noUi-target:before,.ardplayer.ardplayer-sm .ardplayer-controlbar-buffer,.ardplayer.ardplayer-sm .ardplayer-controlbar-jumpmarks,.ardplayer.ardplayer-sm .ardplayer-controlbar-seek-indicator,.ardplayer.ardplayer-sm .noUi-connects,.ardplayer.ardplayer-sm .noUi-target:before {
    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:not(.ardplayer-s) .ardplayer-controlbar-long-time .ardplayer-controlbar,.ardplayer.ardplayer-sm:not(.ardplayer-s) .ardplayer-controlbar-long-time .ardplayer-controlbar {
    left: 96px
}

.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,.ardplayer.ardplayer-s .ardplayer-controlbar .noUi-target:before {
    border-radius: 2px;
    bottom: 8px;
    height: 4px
}

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

.ardplayer.ardplayer-light-mode .ardplayer-controlbar .ardplayer-controlbar-buffer,.ardplayer.ardplayer-light-mode .ardplayer-controlbar .ardplayer-controlbar-seek-indicator {
    background-color: var(--ardplayer-color-dark)
}

.ardplayer.ardplayer-light-mode .ardplayer-controlbar .noUi-target:before {
    background-color: var(--ardplayer-color-lightest-transparent-50);
    content: "";
    display: block;
    
    position: absolute
}

.ardplayer.ardplayer-light-mode .ardplayer-controlbar .noUi-target .noUi-connects {
    background-color: transparent
}

.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
}

@keyframes ardplayer-loading-gradient-travel {
    0% {
        background-position-x: 100%
    }

    80% {
        background-position-x: 0
    }

    to {
        background-position-x: 0
    }
}

.ardplayer.ardplayer-state-audio img[data-load-failure-handler=loading] {
    animation: ardplayer-loading-gradient-travel 1s linear infinite;
    animation-fill-mode: both;
    background-image: linear-gradient(90deg,var(--ardplayer-darkmode-color-primary-dark-base) 30%,var(--ardplayer-darkmode-color-tertiary-dark) 50%,var(--ardplayer-darkmode-color-primary-dark-base) 70%);
    background-position-x: 100%;
    background-size: 300% 100%;
    -o-object-fit: none!important;
    object-fit: none!important;
    -o-object-position: 200% 200%!important;
    object-position: 200% 200%!important
}

.ardplayer.ardplayer-state-audio img[data-load-failure-handler=err] {
    background-image: linear-gradient(148deg,var(--ardplayer-darkmode-color-primary-dark-base) 0,var(--ardplayer-darkmode-color-tertiary-dark) 35%,var(--ardplayer-darkmode-color-primary-dark-base) 100%)
}

.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 {
    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%;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    -webkit-box-pack: end
}

.ardplayer .ardplayer-posterframe div.ardplayer-posterframe-chips {
    bottom: 20px;
    display: flex;
    flex-direction: row;
    gap: 5px;
    position: absolute;
    right: 20px
}

.ardplayer .ardplayer-posterframe div.ardplayer-posterframe-chips span {
    background-color: var(--ardplayer-color-primary-dark);
    border-radius: 2px;
    color: var(--ardplayer-color-lightest);
    font-size: 14px;
    font-weight: 530;
    padding: 4px;
    text-align: center
}

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

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

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

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

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

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

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

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

.ardplayer .ardplayer-errorframe button {
    background: var(--ardplayer-color-tertiary);
    border-radius: 20px;
    font-size: 16px;
    height: auto;
    line-height: normal;
    margin-top: 16px;
    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 h1 {
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 16px
}

.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);
    border-radius: 4px;
    color: var(--ardplayer-color-lightest);
    display: block;
    font-size: 13px;
    list-style: none;
    margin: 0;
    max-width: 350px;
    min-width: 270px;
    outline: 0;
    padding: 4px 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;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    overflow: hidden;
    position: absolute;
    right: 2px;
    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 {
    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;
    
    position: absolute;
    right: 0;
    top: 0;
    transition: visibility .5s ease-out;
    visibility: hidden;
    z-index: 4
}

.ardplayer .ardplayer-bottom-sheet-container i.ardplayer-icon,.ardplayer .ardplayer-bottom-sheet-container i.ardplayer-icon-after {
    font-size: 40px;
    height: 40px;
    line-height: 40px;
    width: 40px
}

.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-bottom-sheet-slider-container {
    align-items: center;
    display: flex;
    flex-direction: row;
    width: 100%
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-slider-container .ardplayer-bottom-sheet-slider {
    flex-grow: 1
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-slider-container .ardplayer-bottom-sheet-slider .noUi-connects {
    top: 50%;
    transform: translateY(-50%)
}

.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-underlined {
    background: linear-gradient(to top,transparent 6px,var(--ardplayer-color-tertiary) 6px,var(--ardplayer-color-tertiary) 9px,transparent 9px);
    font-weight: 700
}

.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-bottom-sheet-content>button.ardplayer-button-rect {
    display: block;
    width: auto
}

.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 h4.ardplayer-font-title {
    font-size: 26px
}

.ardplayer .ardplayer-bottom-sheet-container h5.ardplayer-font-title {
    font-size: 22px
}

.ardplayer .ardplayer-bottom-sheet-container h6.ardplayer-font-title {
    font-size: 18px
}

.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 .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-blank:before,.ardplayer .ardplayer-icon-blank:before {
    content: " "
}

.ardplayer .ardplayer-debugger-container {
    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;
    margin: 10px;
    max-width: calc(100% - 20px);
    min-width: max(250px,25%);
    padding: 10px;
    position: fixed;
    z-index: 20;
    grid-gap: 5px;
    justify-content: start
}

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

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

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

@keyframes blinker {
    50% {
        opacity: 0
    }
}

.ardplayer .ardplayer-debugger-container>div.debug-dvr {
    position: relative
}

.ardplayer .ardplayer-debugger-container>div.debug-dvr:after {
    animation: blinker 1s step-start infinite;
    background: var(--ardplayer-color-lightest);
    border-radius: 100%;
    content: "";
    display: block;
    height: 5px;
    position: absolute;
    right: -10px;
    top: 3px;
    width: 5px
}

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

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

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

.ardplayer .ardplayer-debugger-container .ardplayer-debug-graph canvas {
    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-interpolation-mode: nearest-neighbor;
    imageSmoothingEnabled: true;
    mozImageSmoothingEnabled: true;
    webkitImageSmoothingEnabled: true;
    backface-visibility: hidden;
    -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: TheSans C5s,Thesis,The Sans,TheSans,sans-serif,Helvetica Neue,Arial;
    height: 56.25%;
    left: 50%;
    
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%
}

.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
}

.ardplayer .ardplayer-notify-toast {
    align-items: center;
    background-color: var(--ardplayer-color-tertiary-dark);
    border-radius: 16px;
    display: flex;
    flex-direction: row;
    left: 50%;
    max-width: 50%;
    min-width: 150px;
    opacity: 0;
    padding: 16px;
    
    position: absolute;
    transform: translateX(-50%);
    transition: visibility,opacity;
    transition-duration: .6s;
    visibility: hidden;
    z-index: 10000000000000000
}

.ardplayer .ardplayer-notify-toast.toast-active {
    opacity: 1;
    visibility: visible
}

.ardplayer .ardplayer-notify-toast .ardplayer-icon {
    font-size: 56px;
    height: 56px;
    line-height: 56px;
    width: 56px
}

.ardplayer .ardplayer-notify-toast .ardplayer-toast-title {
    font-size: 17px;
    font-weight: 500;
    line-height: 22px
}

.ardplayer:not(.ardplayer-state-audio) .ardplayer-notify-toast {
    bottom: 170px
}

.ardplayer:not(.ardplayer-state-audio).ardplayer-m .ardplayer-notify-toast {
    bottom: 96px
}

.ardplayer:not(.ardplayer-state-audio).ardplayer-sm .ardplayer-notify-toast {
    bottom: 55px
}

.ardplayer:not(.ardplayer-state-audio).ardplayer-s .ardplayer-notify-toast {
    bottom: unset;
    left: 10%;
    max-width: unset;
    min-width: unset;
    position: absolute;
    right: 10%;
    top: 10px;
    transform: unset
}

.ardplayer:not(.ardplayer-state-audio) .ardplayer-notify-toast {
    box-shadow: 0 4px 40px 0 var(--ardplayer-color-secondary-transparent-50)
}

.ardplayer:not(.ardplayer-state-audio) .ardplayer-notify-toast .ardplayer-icon {
    margin: -10px 0 -10px -10px
}

.ardplayer.ardplayer-state-audio .ardplayer-notify-toast {
    background-color: var(--ardplayer-color-darkest);
    bottom: 10%;
    flex-direction: column
}

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

.ardplayer-icon,.ardplayer-icon-after {
    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-audio:after,.ardplayer-icon-airplay-audio:before {
    content: "\f105"
}

.ardplayer-icon-after-airplay:after,.ardplayer-icon-airplay:before {
    content: "\f106"
}

.ardplayer-icon-after-arrow-minimize:after,.ardplayer-icon-arrow-minimize:before {
    content: "\f107"
}

.ardplayer-icon-after-arrowdown:after,.ardplayer-icon-arrowdown:before {
    content: "\f108"
}

.ardplayer-icon-after-arrowleft:after,.ardplayer-icon-arrowleft:before {
    content: "\f109"
}

.ardplayer-icon-after-arrowright:after,.ardplayer-icon-arrowright:before {
    content: "\f10a"
}

.ardplayer-icon-after-back:after,.ardplayer-icon-back:before {
    content: "\f10b"
}

.ardplayer-icon-after-bookmark-outline:after,.ardplayer-icon-bookmark-outline:before {
    content: "\f10c"
}

.ardplayer-icon-after-bookmark:after,.ardplayer-icon-bookmark:before {
    content: "\f10d"
}

.ardplayer-icon-after-chapter-list:after,.ardplayer-icon-chapter-list:before {
    content: "\f10e"
}

.ardplayer-icon-after-checkmark:after,.ardplayer-icon-checkmark:before {
    content: "\f10f"
}

.ardplayer-icon-after-chromecast-connected:after,.ardplayer-icon-chromecast-connected:before {
    content: "\f110"
}

.ardplayer-icon-after-chromecast:after,.ardplayer-icon-chromecast:before {
    content: "\f111"
}

.ardplayer-icon-after-close:after,.ardplayer-icon-close:before {
    content: "\f112"
}

.ardplayer-icon-after-devices-outline:after,.ardplayer-icon-devices-outline:before {
    content: "\f113"
}

.ardplayer-icon-after-devices:after,.ardplayer-icon-devices:before {
    content: "\f114"
}

.ardplayer-icon-after-download:after,.ardplayer-icon-download:before {
    content: "\f115"
}

.ardplayer-icon-after-drag:after,.ardplayer-icon-drag:before {
    content: "\f116"
}

.ardplayer-icon-after-error-geoblock:after,.ardplayer-icon-error-geoblock:before {
    content: "\f117"
}

.ardplayer-icon-after-error:after,.ardplayer-icon-error:before {
    content: "\f118"
}

.ardplayer-icon-after-fastbackward:after,.ardplayer-icon-fastbackward:before {
    content: "\f119"
}

.ardplayer-icon-after-fastforward:after,.ardplayer-icon-fastforward:before {
    content: "\f11a"
}

.ardplayer-icon-after-fsk16:after,.ardplayer-icon-fsk16:before {
    content: "\f11b"
}

.ardplayer-icon-after-fsk18:after,.ardplayer-icon-fsk18:before {
    content: "\f11c"
}

.ardplayer-icon-after-fullscreen:after,.ardplayer-icon-fullscreen:before {
    content: "\f11d"
}

.ardplayer-icon-after-history:after,.ardplayer-icon-history:before {
    content: "\f11e"
}

.ardplayer-icon-after-info:after,.ardplayer-icon-info:before {
    content: "\f11f"
}

.ardplayer-icon-after-jumpbackward-10:after,.ardplayer-icon-after-jumpbackward[data-value="10"]:after,.ardplayer-icon-jumpbackward-10:before,.ardplayer-icon-jumpbackward[data-value="10"]:before {
    content: "\f120"
}

.ardplayer-icon-after-jumpbackward-15:after,.ardplayer-icon-after-jumpbackward[data-value="15"]:after,.ardplayer-icon-jumpbackward-15:before,.ardplayer-icon-jumpbackward[data-value="15"]:before {
    content: "\f121"
}

.ardplayer-icon-after-jumpbackward-30:after,.ardplayer-icon-after-jumpbackward[data-value="30"]:after,.ardplayer-icon-jumpbackward-30:before,.ardplayer-icon-jumpbackward[data-value="30"]:before {
    content: "\f122"
}

.ardplayer-icon-after-jumpbackward-60:after,.ardplayer-icon-after-jumpbackward[data-value="60"]:after,.ardplayer-icon-jumpbackward-60:before,.ardplayer-icon-jumpbackward[data-value="60"]:before {
    content: "\f123"
}

.ardplayer-icon-after-jumpbackward-90:after,.ardplayer-icon-after-jumpbackward[data-value="90"]:after,.ardplayer-icon-jumpbackward-90:before,.ardplayer-icon-jumpbackward[data-value="90"]:before {
    content: "\f124"
}

.ardplayer-icon-after-jumpforward-10:after,.ardplayer-icon-after-jumpforward[data-value="10"]:after,.ardplayer-icon-jumpforward-10:before,.ardplayer-icon-jumpforward[data-value="10"]:before {
    content: "\f125"
}

.ardplayer-icon-after-jumpforward-15:after,.ardplayer-icon-after-jumpforward[data-value="15"]:after,.ardplayer-icon-jumpforward-15:before,.ardplayer-icon-jumpforward[data-value="15"]:before {
    content: "\f126"
}

.ardplayer-icon-after-jumpforward-30:after,.ardplayer-icon-after-jumpforward[data-value="30"]:after,.ardplayer-icon-jumpforward-30:before,.ardplayer-icon-jumpforward[data-value="30"]:before {
    content: "\f127"
}

.ardplayer-icon-after-jumpforward-60:after,.ardplayer-icon-after-jumpforward[data-value="60"]:after,.ardplayer-icon-jumpforward-60:before,.ardplayer-icon-jumpforward[data-value="60"]:before {
    content: "\f128"
}

.ardplayer-icon-after-jumpforward-90:after,.ardplayer-icon-after-jumpforward[data-value="90"]:after,.ardplayer-icon-jumpforward-90:before,.ardplayer-icon-jumpforward[data-value="90"]:before {
    content: "\f129"
}

.ardplayer-icon-after-language:after,.ardplayer-icon-language:before {
    content: "\f12a"
}

.ardplayer-icon-after-like:after,.ardplayer-icon-like:before {
    content: "\f12b"
}

.ardplayer-icon-after-live-indicator:after,.ardplayer-icon-live-indicator:before {
    content: "\f12c"
}

.ardplayer-icon-after-live:after,.ardplayer-icon-live:before {
    content: "\f12d"
}

.ardplayer-icon-after-local:after,.ardplayer-icon-local:before {
    content: "\f12e"
}

.ardplayer-icon-after-minus:after,.ardplayer-icon-minus:before {
    content: "\f12f"
}

.ardplayer-icon-after-more:after,.ardplayer-icon-more:before {
    content: "\f130"
}

.ardplayer-icon-after-nextclip:after,.ardplayer-icon-nextclip:before {
    content: "\f131"
}

.ardplayer-icon-after-pause:after,.ardplayer-icon-pause:before {
    content: "\f132"
}

.ardplayer-icon-after-phone:after,.ardplayer-icon-phone:before {
    content: "\f133"
}

.ardplayer-icon-after-pictureinpicture:after,.ardplayer-icon-pictureinpicture:before {
    content: "\f134"
}

.ardplayer-icon-after-pill-plus:after,.ardplayer-icon-pill-plus:before {
    content: "\f135"
}

.ardplayer-icon-after-play:after,.ardplayer-icon-play:before {
    content: "\f136"
}

.ardplayer-icon-after-playlist-playing:after,.ardplayer-icon-playlist-playing:before {
    content: "\f137"
}

.ardplayer-icon-after-playlist:after,.ardplayer-icon-playlist:before {
    content: "\f138"
}

.ardplayer-icon-after-plus:after,.ardplayer-icon-plus:before {
    content: "\f139"
}

.ardplayer-icon-after-prevclip:after,.ardplayer-icon-prevclip:before {
    content: "\f13a"
}

.ardplayer-icon-after-radiobutton:after,.ardplayer-icon-radiobutton:before {
    content: "\f13b"
}

.ardplayer-icon-after-reco:after,.ardplayer-icon-reco:before {
    content: "\f13c"
}

.ardplayer-icon-after-return:after,.ardplayer-icon-return:before {
    content: "\f13d"
}

.ardplayer-icon-after-settings:after,.ardplayer-icon-settings:before {
    content: "\f13e"
}

.ardplayer-icon-after-sharing-contact:after,.ardplayer-icon-sharing-contact:before {
    content: "\f13f"
}

.ardplayer-icon-after-sharing-embedding:after,.ardplayer-icon-sharing-embedding:before {
    content: "\f140"
}

.ardplayer-icon-after-sharing-facebook:after,.ardplayer-icon-sharing-facebook:before {
    content: "\f141"
}

.ardplayer-icon-after-sharing-fb-messenger:after,.ardplayer-icon-sharing-fb-messenger:before {
    content: "\f142"
}

.ardplayer-icon-after-sharing-ios:after,.ardplayer-icon-sharing-ios:before {
    content: "\f143"
}

.ardplayer-icon-after-sharing-telegram:after,.ardplayer-icon-sharing-telegram:before {
    content: "\f144"
}

.ardplayer-icon-after-sharing-threema:after,.ardplayer-icon-sharing-threema:before {
    content: "\f145"
}

.ardplayer-icon-after-sharing-twitter:after,.ardplayer-icon-sharing-twitter:before {
    content: "\f146"
}

.ardplayer-icon-after-sharing-url:after,.ardplayer-icon-sharing-url:before {
    content: "\f147"
}

.ardplayer-icon-after-sharing-whatsapp:after,.ardplayer-icon-sharing-whatsapp:before {
    content: "\f148"
}

.ardplayer-icon-after-sharing:after,.ardplayer-icon-sharing:before {
    content: "\f149"
}

.ardplayer-icon-after-shift:after,.ardplayer-icon-shift:before {
    content: "\f14a"
}

.ardplayer-icon-after-sign:after,.ardplayer-icon-sign:before {
    content: "\f14b"
}

.ardplayer-icon-after-signactive:after,.ardplayer-icon-signactive:before {
    content: "\f14c"
}

.ardplayer-icon-after-skipbackward:after,.ardplayer-icon-skipbackward:before {
    content: "\f14d"
}

.ardplayer-icon-after-skipforward:after,.ardplayer-icon-skipforward:before {
    content: "\f14e"
}

.ardplayer-icon-after-sleep-outline:after,.ardplayer-icon-sleep-outline:before {
    content: "\f14f"
}

.ardplayer-icon-after-sleep:after,.ardplayer-icon-sleep:before {
    content: "\f150"
}

.ardplayer-icon-after-smallscreen:after,.ardplayer-icon-smallscreen:before {
    content: "\f151"
}

.ardplayer-icon-after-speaker:after,.ardplayer-icon-speaker:before {
    content: "\f152"
}

.ardplayer-icon-after-speed-0-25:after,.ardplayer-icon-after-speed-0[data-value="25"]:after,.ardplayer-icon-speed-0-25:before,.ardplayer-icon-speed-0[data-value="25"]:before {
    content: "\f153"
}

.ardplayer-icon-after-speed-0-5:after,.ardplayer-icon-after-speed-0[data-value="5"]:after,.ardplayer-icon-speed-0-5:before,.ardplayer-icon-speed-0[data-value="5"]:before {
    content: "\f154"
}

.ardplayer-icon-after-speed-0-75:after,.ardplayer-icon-after-speed-0[data-value="75"]:after,.ardplayer-icon-speed-0-75:before,.ardplayer-icon-speed-0[data-value="75"]:before {
    content: "\f155"
}

.ardplayer-icon-after-speed-1-25:after,.ardplayer-icon-after-speed-1[data-value="25"]:after,.ardplayer-icon-speed-1-25:before,.ardplayer-icon-speed-1[data-value="25"]:before {
    content: "\f156"
}

.ardplayer-icon-after-speed-1-5:after,.ardplayer-icon-after-speed-1[data-value="5"]:after,.ardplayer-icon-speed-1-5:before,.ardplayer-icon-speed-1[data-value="5"]:before {
    content: "\f157"
}

.ardplayer-icon-after-speed-1-75:after,.ardplayer-icon-after-speed-1[data-value="75"]:after,.ardplayer-icon-speed-1-75:before,.ardplayer-icon-speed-1[data-value="75"]:before {
    content: "\f158"
}

.ardplayer-icon-after-speed-1:after,.ardplayer-icon-after-speed[data-value="1"]:after,.ardplayer-icon-speed-1:before,.ardplayer-icon-speed[data-value="1"]:before {
    content: "\f159"
}

.ardplayer-icon-after-speed-2:after,.ardplayer-icon-after-speed[data-value="2"]:after,.ardplayer-icon-speed-2:before,.ardplayer-icon-speed[data-value="2"]:before {
    content: "\f15a"
}

.ardplayer-icon-after-stop:after,.ardplayer-icon-stop:before {
    content: "\f15b"
}

.ardplayer-icon-after-tv:after,.ardplayer-icon-tv:before {
    content: "\f15c"
}

.ardplayer-icon-after-ut:after,.ardplayer-icon-ut:before {
    content: "\f15d"
}

.ardplayer-icon-after-utactive:after,.ardplayer-icon-utactive:before {
    content: "\f15e"
}

.ardplayer-icon-after-volume-high:after,.ardplayer-icon-volume-high:before {
    content: "\f15f"
}

.ardplayer-icon-after-volume-low:after,.ardplayer-icon-volume-low:before {
    content: "\f160"
}

.ardplayer-icon-after-volume-mute:after,.ardplayer-icon-volume-mute:before {
    content: "\f161"
}

.ardplayer-icon-after-xr:after,.ardplayer-icon-xr:before {
    content: "\f162"
}

@font-face {
    font-display: block;
    font-family: ardplayer-audio;
    src: url(assets/f4a435abb5768c97e138-ardplayer-audio.woff) format("woff")
}

.ardplayer-iconset-audio .ardplayer-icon-after:after,.ardplayer-iconset-audio .ardplayer-icon:before {
    font-family: ardplayer-audio!important
}

.ardplayer .ardplayer-ms-chip {
    background-color: var(--ardplayer-color-primary-base);
    border-radius: 2px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    margin-right: 4px;
    padding: 4px
}

.ardplayer .ardplayer-ms-stage.ardplayer-ms-overlay-active div.ardplayer-ms-feed-container {
    cursor: auto;
    display: flex;
    pointer-events: auto
}

.ardplayer .ardplayer-ms-stage.ardplayer-ms-overlay-active div.ardplayer-ms-feed-container div.ardplayer-ms-feed {
    pointer-events: all
}

.ardplayer .ardplayer-ms-stage .ardplayer-ms-cta {
    background-color: var(--ardplayer-color-secondary);
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    height: 60px;
    max-width: 420px;
    opacity: 0;
    padding: 8px;
    position: absolute;
    transition: opacity .6s ease-in-out,visibility .6s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    visibility: hidden;
    z-index: 1
}

.ardplayer .ardplayer-ms-stage .ardplayer-ms-cta:focus,.ardplayer .ardplayer-ms-stage .ardplayer-ms-cta:hover {
    background: no-repeat linear-gradient(to left,var(--ardplayer-color-light-transparent-90) 0,var(--ardplayer-color-light-transparent-90) 100%),var(--ardplayer-color-secondary)
}

.ardplayer .ardplayer-ms-stage .ardplayer-ms-cta img {
    border: 2px solid var(--ardplayer-color-lightest);
    border-radius: 2px;
    height: 100%;
    margin-right: 8px
}

.ardplayer .ardplayer-ms-stage .ardplayer-ms-cta>div {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 7px;
    justify-content: flex-start;
    overflow: hidden
}

.ardplayer .ardplayer-ms-stage .ardplayer-ms-cta .ardplayer-ms-cta-header {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 100%
}

.ardplayer .ardplayer-ms-stage .ardplayer-ms-cta .ardplayer-ms-chip {
    background-color: var(--ardplayer-color-primary);
    font-size: 12px
}

.ardplayer .ardplayer-ms-stage .ardplayer-ms-cta h2 {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    line-height: 100%;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ardplayer .ardplayer-ms-stage .ardplayer-ms-cta h3 {
    font-size: 14px;
    font-weight: 350;
    line-height: 120%;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.ardplayer .ardplayer-ms-stage div.ardplayer-ms-feed-container {
    bottom: 0;
    contain: layout;
    display: none;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

.ardplayer .ardplayer-ms-stage div.ardplayer-ms-feed-container .ardplayer-ms-feed-close {
    align-self: flex-end;
    display: block;
    margin-bottom: -15px
}

.ardplayer .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed {
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    gap: 8px;
    opacity: 0;
    overflow-x: scroll;
    overflow-y: visible;
    padding: 50px 40px;
    position: relative;
    scrollbar-color: var(--ardplayer-color-lightest) var(--ardplayer-color-light-transparent-90);
    scrollbar-width: thin;
    transform: translateY(100%);
    transition: opacity .6s ease-in-out,transform .6s ease-in-out;
    width: 100%
}

.ardplayer .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed::-webkit-scrollbar {
    height: 4px
}

.ardplayer .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed::-webkit-scrollbar-track {
    background: var(--ardplayer-color-light-transparent-90);
    border-radius: 4px
}

.ardplayer .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed::-webkit-scrollbar-thumb {
    background-color: var(--ardplayer-color-lightest);
    border-radius: 4px
}

.ardplayer .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed>button {
    align-self: center;
    background-color: var(--ardplayer-color-secondary-transparent-50);
    border-radius: 100%;
    height: 80px;
    opacity: 0;
    position: fixed;
    transition: opacity .15s ease-in-out,background-color .15s ease-in-out,visibility .15s ease-in-out;
    visibility: hidden;
    z-index: 1
}

.ardplayer .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed>button.ardplayer-icon-arrowleft {
    left: 16px
}

.ardplayer .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed>button.ardplayer-icon-arrowright {
    right: 16px
}

.ardplayer .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed>button,.ardplayer .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed>button:before {
    font-size: 46px;
    width: 80px
}

.ardplayer .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed>button:hover {
    background-color: var(--ardplayer-color-primary-base)
}

.ardplayer .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed:hover>button {
    opacity: 1;
    visibility: visible
}

.ardplayer .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed.ardplayer-ms-feed-reveal {
    opacity: 1;
    transform: none
}

.ardplayer .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed .ardplayer-ms-card:before {
    font-size: 20px;
    font-weight: 700;
    left: 0;
    
    position: absolute;
    top: -8px;
    transform: translateY(-100%)
}

.ardplayer .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed .ardplayer-ms-card-live:first-child:before {
    content: attr(data-current-section);
    display: block
}

.ardplayer .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed.ardplayer-ms-feed-no-future .ardplayer-ms-card-future {
    display: none
}

.ardplayer .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed .ardplayer-ms-card-live+.ardplayer-ms-card-future {
    margin-left: 16px
}

.ardplayer .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed .ardplayer-ms-card-live+.ardplayer-ms-card-future:after {
    background-color: var(--ardplayer-color-secondary);
    border-radius: 8px;
    content: "";
    display: block;
    height: 30%;
    left: -16px;
    position: absolute;
    top: 30%;
    width: 8px
}

.ardplayer .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed .ardplayer-ms-card-future:first-child:before,.ardplayer .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed .ardplayer-ms-card-live+.ardplayer-ms-card-future:before {
    content: attr(data-future-section);
    display: block
}

.ardplayer .ardplayer-bottom-sheet-content .ardplayer-ms-card,.ardplayer .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed .ardplayer-ms-card {
    background-color: var(--ardplayer-color-secondary);
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    height: 125px;
    padding: 16px;
    position: relative
}

.ardplayer .ardplayer-bottom-sheet-content .ardplayer-ms-card.ardplayer-ms-card-current,.ardplayer .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed .ardplayer-ms-card.ardplayer-ms-card-current {
    background: var(--ardplayer-color-tertiary-dark);
    cursor: auto
}

.ardplayer .ardplayer-bottom-sheet-content .ardplayer-ms-card:focus,.ardplayer .ardplayer-bottom-sheet-content .ardplayer-ms-card:hover,.ardplayer .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed .ardplayer-ms-card:focus,.ardplayer .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed .ardplayer-ms-card:hover {
    background: no-repeat linear-gradient(to left,var(--ardplayer-color-light-transparent-90) 0,var(--ardplayer-color-light-transparent-90) 100%),var(--ardplayer-color-secondary)
}

.ardplayer .ardplayer-bottom-sheet-content .ardplayer-ms-card:focus.ardplayer-ms-card-current,.ardplayer .ardplayer-bottom-sheet-content .ardplayer-ms-card:hover.ardplayer-ms-card-current,.ardplayer .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed .ardplayer-ms-card:focus.ardplayer-ms-card-current,.ardplayer .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed .ardplayer-ms-card:hover.ardplayer-ms-card-current {
    background: no-repeat linear-gradient(to left,var(--ardplayer-color-light-transparent-90) 0,var(--ardplayer-color-light-transparent-90) 100%),var(--ardplayer-color-tertiary-dark)
}

.ardplayer .ardplayer-bottom-sheet-content .ardplayer-ms-card>div,.ardplayer .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed .ardplayer-ms-card>div {
    position: relative;
    width: 250px
}

.ardplayer .ardplayer-bottom-sheet-content .ardplayer-ms-card .ardplayer-ms-chip,.ardplayer .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed .ardplayer-ms-card .ardplayer-ms-chip {
    font-size: 15px;
    line-height: 12px;
    text-transform: uppercase
}

.ardplayer .ardplayer-bottom-sheet-content .ardplayer-ms-card img,.ardplayer .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed .ardplayer-ms-card img {
    border-radius: 4px;
    height: 100%;
    margin-right: 16px
}

.ardplayer .ardplayer-bottom-sheet-content .ardplayer-ms-card p,.ardplayer .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed .ardplayer-ms-card p {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    margin-top: 8px;
    white-space: normal;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: end;
    overflow: hidden
}

.ardplayer .ardplayer-bottom-sheet-content .ardplayer-ms-card .ardplayer-ms-card-progress,.ardplayer .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed .ardplayer-ms-card .ardplayer-ms-card-progress {
    background-color: var(--ardplayer-color-lightest-transparent-50);
    border-radius: 3px;
    bottom: 0;
    height: 3px;
    position: absolute;
    width: 100%
}

.ardplayer .ardplayer-bottom-sheet-content .ardplayer-ms-card .ardplayer-ms-card-progress span,.ardplayer .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed .ardplayer-ms-card .ardplayer-ms-card-progress span {
    background-color: var(--ardplayer-color-primary-live);
    border-radius: 3px;
    display: block;
    height: 100%;
    width: 0
}

.ardplayer .ardplayer-bottom-sheet-content .ardplayer-ms-card.ardplayer-ms-card-live .ardplayer-ms-chip,.ardplayer .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed .ardplayer-ms-card.ardplayer-ms-card-live .ardplayer-ms-chip {
    background-color: var(--ardplayer-color-primary-live)
}

.ardplayer .ardplayer-bottom-sheet-content .ardplayer-ms-card.ardplayer-ms-card-future .ardplayer-ms-card-progress,.ardplayer .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed .ardplayer-ms-card.ardplayer-ms-card-future .ardplayer-ms-card-progress {
    display: none
}

.ardplayer .ardplayer-bottom-sheet-content .ardplayer-ms-card.ardplayer-ms-card-future .ardplayer-ms-chip:first-child,.ardplayer .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed .ardplayer-ms-card.ardplayer-ms-card-future .ardplayer-ms-chip:first-child {
    background-color: var(--ardplayer-darkmode-color-primary-live)
}

.ardplayer .ardplayer-bottom-sheet-content .ardplayer-ms-card.ardplayer-ms-card-far-future,.ardplayer .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed .ardplayer-ms-card.ardplayer-ms-card-far-future {
    display: none
}

.ardplayer .ardplayer-bottom-sheet-content .ardplayer-ms-card {
    margin: 8px
}

.ardplayer.ardplayer-show-controls:not(.ardplayer-state-live-initial-buffer) .ardplayer-ms-cta {
    opacity: 1;
    pointer-events: auto;
    visibility: visible
}

.ardplayer .ardplayer-ms-feed-close {
    margin-right: 30px
}

.ardplayer .ardplayer-ms-cta {
    bottom: 170px;
    right: 30px
}

.ardplayer.ardplayer-m .ardplayer-ms-cta {
    bottom: 96px;
    right: 16px
}

.ardplayer.ardplayer-m .ardplayer-ms-feed-close {
    margin-right: 16px
}

.ardplayer.ardplayer-sm .ardplayer-ms-cta {
    bottom: 55px;
    right: 16px
}

.ardplayer.ardplayer-sm .ardplayer-ms-feed-close {
    margin-right: 16px
}

.ardplayer.ardplayer-state-jumpmarks .ardplayer-ms-cta {
    bottom: 182px
}

.ardplayer.ardplayer-state-jumpmarks.ardplayer-m .ardplayer-ms-cta {
    bottom: 112px
}

.ardplayer.ardplayer-state-jumpmarks.ardplayer-sm .ardplayer-ms-cta {
    bottom: 71px
}

.ardplayer.ardplayer-state-jumpmarks.ardplayer-sm.ardplayer-android-tv .ardplayer-ms-cta,.ardplayer.ardplayer-state-jumpmarks.ardplayer-sm.ardplayer-state-mobile .ardplayer-ms-cta {
    bottom: 83px
}

.ardplayer.ardplayer-state-jumpmarks.ardplayer-s .ardplayer-ms-cta {
    bottom: 61px
}

.ardplayer.ardplayer-m .ardplayer-bottom-sheet-content .ardplayer-ms-card,.ardplayer.ardplayer-m .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed .ardplayer-ms-card,.ardplayer.ardplayer-sm .ardplayer-bottom-sheet-content .ardplayer-ms-card,.ardplayer.ardplayer-sm .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed .ardplayer-ms-card {
    height: 110px
}

.ardplayer.ardplayer-m .ardplayer-bottom-sheet-content .ardplayer-ms-card:before,.ardplayer.ardplayer-m .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed .ardplayer-ms-card:before,.ardplayer.ardplayer-sm .ardplayer-bottom-sheet-content .ardplayer-ms-card:before,.ardplayer.ardplayer-sm .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed .ardplayer-ms-card:before {
    font-size: 18px
}

.ardplayer.ardplayer-m .ardplayer-bottom-sheet-content .ardplayer-ms-card>div,.ardplayer.ardplayer-m .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed .ardplayer-ms-card>div,.ardplayer.ardplayer-sm .ardplayer-bottom-sheet-content .ardplayer-ms-card>div,.ardplayer.ardplayer-sm .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed .ardplayer-ms-card>div {
    width: 220px
}

.ardplayer.ardplayer-m .ardplayer-bottom-sheet-content .ardplayer-ms-card p,.ardplayer.ardplayer-m .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed .ardplayer-ms-card p,.ardplayer.ardplayer-sm .ardplayer-bottom-sheet-content .ardplayer-ms-card p,.ardplayer.ardplayer-sm .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed .ardplayer-ms-card p {
    font-size: 16px
}

.ardplayer.ardplayer-m .ardplayer-bottom-sheet-content .ardplayer-ms-card .ardplayer-ms-chip,.ardplayer.ardplayer-m .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed .ardplayer-ms-card .ardplayer-ms-chip,.ardplayer.ardplayer-sm .ardplayer-bottom-sheet-content .ardplayer-ms-card .ardplayer-ms-chip,.ardplayer.ardplayer-sm .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed .ardplayer-ms-card .ardplayer-ms-chip {
    font-size: 12px
}

.ardplayer.ardplayer-s .ardplayer-ms-cta,.ardplayer.ardplayer-s.ardplayer-state-jumpmarks .ardplayer-ms-cta {
    bottom: unset;
    height: auto;
    left: 10px;
    right: unset;
    top: 10px
}

.ardplayer.ardplayer-s .ardplayer-ms-cta h3,.ardplayer.ardplayer-s .ardplayer-ms-cta img,.ardplayer.ardplayer-s.ardplayer-state-jumpmarks .ardplayer-ms-cta h3,.ardplayer.ardplayer-s.ardplayer-state-jumpmarks .ardplayer-ms-cta img {
    display: none
}

.ardplayer.ardplayer-s.ardplayer-embedded .ardplayer-ms-cta,.ardplayer.ardplayer-s.ardplayer-showback .ardplayer-ms-cta {
    display: none
}

.ardplayer.ardplayer-s .ardplayer-bottom-sheet-content .ardplayer-ms-card,.ardplayer.ardplayer-s .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed .ardplayer-ms-card {
    height: 90px;
    padding: 10px
}

.ardplayer.ardplayer-s .ardplayer-bottom-sheet-content .ardplayer-ms-card:before,.ardplayer.ardplayer-s .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed .ardplayer-ms-card:before {
    font-size: 16px
}

.ardplayer.ardplayer-s .ardplayer-bottom-sheet-content .ardplayer-ms-card>div,.ardplayer.ardplayer-s .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed .ardplayer-ms-card>div {
    width: 200px
}

.ardplayer.ardplayer-s .ardplayer-bottom-sheet-content .ardplayer-ms-card img,.ardplayer.ardplayer-s .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed .ardplayer-ms-card img {
    margin-right: 10px
}

.ardplayer.ardplayer-s .ardplayer-bottom-sheet-content .ardplayer-ms-card p,.ardplayer.ardplayer-s .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed .ardplayer-ms-card p {
    font-size: 15px;
    margin-top: 4px
}

.ardplayer.ardplayer-s .ardplayer-bottom-sheet-content .ardplayer-ms-card .ardplayer-ms-chip,.ardplayer.ardplayer-s .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed .ardplayer-ms-card .ardplayer-ms-chip {
    font-size: 12px;
    line-height: 10px
}

.ardplayer.ardplayer-show-posterframe .ardplayer-ms-stage {
    display: none
}

.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:disabled {
    cursor: default;
    opacity: .5
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-playlist-sheet .ardplayer-bottom-sheet-content {
    min-height: 264px
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-playlist-sheet p br {
    margin: 0
}

.ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper.ardplayer-addon-playlist-sheet .ardplayer-playlist-item {
    align-items: center;
    border-radius: 3px;
    cursor: pointer;
    flex-wrap: nowrap;
    margin: 0;
    min-height: 48px;
    transition: background-color .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;
    right: -7px;
    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 .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-content-wrapper .ardplayer-container-horizontal.ardplayer-sharing-slider-container {
    height: 1px
}

.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-img: first-child {
    margin-left:8px
}

.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;
    display: -webkit-box;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-box-pack: end;
    line-height: normal;
    overflow: hidden;
    overflow-wrap: anywhere;
    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 {
    color: var(--ardplayer-color-lightest);
    display: -webkit-box;
    flex-grow: 1;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0;
    margin: 0 0 5px;
    padding: 5px 14px 0;
    pointer-events: all;
    text-align: center;
    white-space: normal;
    width: 100%;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    -webkit-box-pack: end;
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis
}

.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;
    
    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-img: first-child,.ardplayer.ardplayer-sm .ardplayer-viewport-addon-overlays .ardplayer-addon-sprungmarken-overlays .ardplayer-popup-jumpmark.--condensed .ardp-jpmrk-chapter .ardp-jpmrk-img:first-child {
    margin-left:6px
}

.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;
    display: -webkit-box;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-box-pack: end;
    line-height: normal;
    overflow: hidden;
    overflow-wrap: anywhere;
    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)
}

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;
    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 {
    position: absolute!important;
    clip: rect(1px,1px,1px,1px)!important;
    border: 0!important;
    height: 1px!important;
    overflow: hidden!important;
    padding: 0!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-visible,.form-input__text:not(:placeholder-shown),.form-mail__input:focus-visible,.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-mail__input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 5rem #fff!important;
    -webkit-text-fill-color: #33322f
}

.form-input__text:focus-visible+.form-input__label,.form-input__text:not(:placeholder-shown)+.form-input__label,.form-mail__input:focus-visible+.form-mail__label,.form-mail__input:not(:placeholder-shown)+.form-mail__label,.form-select__label.form-label,.form-textarea__textarea:focus-visible+.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;
    
    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__hint-message {
    color: #33322f;
    display: block;
    font-size: 1.9rem;
    margin: 1.2rem 0 2rem;
    width: 100%
}

.form-textarea__wrapper.invalid .form-textarea,.invalid .form-checkbox__hidden:invalid,.invalid .form-input__text:invalid,.invalid .form-mail__input:invalid,.invalid .form-radio__input:invalid~.form-radio__mark,.invalid .form-select__select:invalid {
    outline: .2rem solid #cd144a
}

.form-textarea__wrapper.invalid .form-textarea,.invalid .form-input__text:invalid,.invalid .form-mail__input:invalid {
    background-image: url(../index/error-ruby-100.svg);
    background-position: right 1.2rem center;
    background-repeat: no-repeat;
    background-size: 1.8rem
}

.subnav__sub__list,.umschaltreiter__list {
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    overflow-y: hidden;
    -moz-scrollbar-width: none;
    scrollbar-width: none;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
}

.subnav__sub__list::-webkit-scrollbar,.umschaltreiter__list::-webkit-scrollbar {
    display: none
}

.color--tongue a:focus-visible,.color--tongue a:focus-visible img {
    outline: .2rem solid #99bdd6
}

a:focus-visible,a:focus-visible img {
    outline: .2rem solid #80807e;
    outline-offset: -.2rem
}

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-visible:after,abbr:hover:after {
    content: " (" attr(title) ")";
    display: inline-block;
    margin-left: .5rem;
    transition: all .2s ease-in-out
}

.archive__dachzeile,.buttongroup--headline,.copytext-galerie__dachzeile,.copytext__audio__title,.copytext__video__title,.dropdown-navi__list>li,.dropdown-navi__topline,.ergebnisse,.form-input__text,.form-mail__input,.form-select__select,.form-textarea__textarea,.icon-header__subheadline,.infotext,.liveblog__datetime,.mediaplayer-subline__title,.meldung__subhead .meldung__subhead__badge,.meldung__uhrzeit,.paginierung,.searchfield__input,.settings-navigation__item.settings-navigation__item--secondary .settings-navigation__label,.settings-navigation__item.settings-navigation__item--secondary .toggle-switch__label,.subheader__textlink,.systeminfos__targetarea,.taglist,.teaser-right__date,.vue-datepicker__text,a,acronym,address,applet,big,blockquote,body,button,caption,code,dd,del,dfn,div,dl,dt,fieldset,font,form,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,.sendungsbezug,.teaser-absatz__date,.teaser-left__date,.teaser-left__duration,.teaser-mikro__date,.teaser-xs__date,.teaser-xs__duration,.zitat,.zitat__author__name {
    font-family: Thesis,Thesis Plus Kyrillic,Helvetica,Arial,sans-serif;
    font-style: italic;
    font-weight: 400
}

.dropdown-navi__headline,.dropdown-navi__link:active,.ergebnisse__anzahl,.ergebnisse__suchbegriff,.form-textarea__hint-message,.form-textarea__wrapper.invalid .form-textarea__invalid-message,.image-label,.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,.paginierung__liste>li .active,.paginierung__liste>li.active,.settings-navigation .toggle-switch--single .toggle-switch__label,.settings-navigation__headline,.settings-navigation__link .settings-navigation__label,.subheader__headline,.teaser-nano__headline-wrapper,.textlink--icon,.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__topline,.wahlbeteiligung--label {
    font-family: Thesis,Helvetica,Arial,sans-serif;
    font-weight: 400;
    text-transform: uppercase
}

.trenner__text__topline {
    font-size: 1.6rem
}

@media screen and (min-width: 768px) {
    .trenner__text__topline {
        font-size:1.8rem
    }
}

.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
    }
}

.bulletpoint-list a,.textabsatz a,.textlink,.textlink--extern,.verweisabsatz__link-ziel,.vue-comparison-slider__subline a,.vueslider .swiper-description-text a {
    border-bottom: .1rem solid #015999;
    color: #015999
}

.vue-comparison-slider__subline.color--tongue a,.vueslider .swiper-slide.color--tongue .swiper-description-text a {
    border-bottom: .1rem solid #fff;
    color: #fff
}

.absatzbild__info__text,.article-image-only__info__text,.content-liste,.copytext__audio__details,.copytext__audio__title,.copytext__video__details,.copytext__video__title,.form__infotext,.header-app-video__text,.header-app-video__title,.header-app-video__topline,.image-rights__info,.mappingbox__text,.media-subline__info-text,.mediaplayer-subline__details,.mediaplayer-subline__title,.mubu-container__content__info__title,.teaser-nano__headline,.teaser-right--voting-result__votes .votes,.teaser-right--voting-result__votes .votes-percent,.vue-comparison-slider__subline,.vueslider .swiper-description-text {
    font-size: 1.6rem;
    line-height: 2.1rem
}

.absatzbild__info__copyright,.article-image-only__info__copyright,.copytext__audio__metainfo,.copytext__video__metainfo,.header-app-video__date,.mappingbox__infotext,.media-subline__info__copyright,.mediaplayer-subline__metainfo,.mubu-container__content__info__metainfo,.vueslider .swiper-copyright {
    font-size: 1.6rem;
    font-style: italic;
    line-height: 2.1rem
}

.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
}

.ergebnisse,.paginierung {
    font-size: 1.6rem;
    line-height: 1.6rem
}

.wahlbeteiligung--number {
    font-size: 2.8rem;
    font-weight: 700
}

@media screen and (min-width: 768px) {
    .wahlbeteiligung--number {
        font-size:3.2rem
    }
}

.expanderbox__header--large-text {
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 2.8rem
}

@media screen and (min-width: 768px) {
    .expanderbox__header--large-text {
        font-size:2.6rem;
        line-height: 3rem
    }
}

.image-label,.link,.teaser-nano__headline-wrapper,.textlink--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
}

.teaser-absatz__headline,.teaser-left__headline,.teaser-mikro__headline,.teaser-slider__headline,.teaser-xs__headline {
    margin-top: -.1rem;
    padding: .1rem 0 0
}

@media screen and (min-width: 768px) {
    .teaser-right__shorttext {
        padding-left:1.5rem
    }
}

@media screen and (min-width: 1024px) {
    .teaser-right__shorttext {
        padding-left:2rem
    }
}

.eilmeldung__headline,.multimediahead__headline,.seitenkopf__headline--text,.teaser--top .teaser__headline {
    margin-bottom: 1.2rem
}

@media screen and (min-width: 768px) {
    .eilmeldung__headline,.multimediahead__headline,.seitenkopf__headline--text,.teaser--top .teaser__headline {
        margin-bottom:1rem
    }
}

.trenner__text__topline {
    margin-bottom: .4rem
}

@media screen and (min-width: 768px) {
    .trenner__text__topline {
        margin-bottom:.6rem
    }
}

.vue-comparison-slider__subline,.vueslider .swiper-description-text {
    color: #33322f;
    padding: 0 2rem 2rem;
    position: relative
}

.vue-comparison-slider__subline.color--tongue,.vueslider .swiper-slide.color--tongue .swiper-description-text {
    color: #dee9f2
}

.spacing-x-0 {
    box-sizing: border-box;
    padding-left: 0!important;
    padding-right: 0!important
}

.spacing-x-2 {
    box-sizing: border-box;
    padding-left: 2rem;
    padding-right: 2rem
}

@media only screen and (min-width: 768px) {
    .spacing-m-x-0 {
        box-sizing:border-box;
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (min-width: 1024px) {
    .spacing-l-x-0 {
        box-sizing:border-box;
        padding-left: 0;
        padding-right: 0
    }
}

.mb-2 {
    margin-bottom: .4rem
}

.mb-3 {
    margin-bottom: .8rem
}

.mb-5 {
    margin-bottom: 1.6rem
}

.mb-8 {
    margin-bottom: 3.2rem
}

.mt-2 {
    margin-top: .4rem
}

.mt-5 {
    margin-top: 1.6rem
}

.my-2 {
    margin-bottom: .4rem;
    margin-top: .4rem
}

.my-3 {
    margin-bottom: .8rem;
    margin-top: .8rem
}

.mx-9 {
    margin-left: 4rem;
    margin-right: 4rem
}

.pb-2 {
    padding-bottom: .4rem
}

.pb-3 {
    padding-bottom: .8rem
}

.pb-5 {
    padding-bottom: 1.6rem
}

.pb-6 {
    padding-bottom: 2rem
}

.pb-7 {
    padding-bottom: 2.4rem
}

.px-6 {
    padding-left: 2rem;
    padding-right: 2rem
}

.px-9 {
    padding-left: 4rem;
    padding-right: 4rem
}

.py-1 {
    padding-bottom: .2rem;
    padding-top: .2rem
}

.py-2 {
    padding-bottom: .4rem;
    padding-top: .4rem
}

.py-3 {
    padding-bottom: .8rem;
    padding-top: .8rem
}

.py-4 {
    padding-bottom: 1.2rem;
    padding-top: 1.2rem
}

.py-5 {
    padding-bottom: 1.6rem;
    padding-top: 1.6rem
}

.py-6 {
    padding-bottom: 2rem;
    padding-top: 2rem
}

.py-7 {
    padding-bottom: 2.4rem;
    padding-top: 2.4rem
}

.py-8 {
    padding-bottom: 3.2rem;
    padding-top: 3.2rem
}

.py-9 {
    padding-bottom: 4rem;
    padding-top: 4rem
}

.py-10 {
    padding-bottom: 4.8rem;
    padding-top: 4.8rem
}

.py-11 {
    padding-bottom: 5.6rem;
    padding-top: 5.6rem
}

.py-12 {
    padding-bottom: 9.6rem;
    padding-top: 9.6rem
}

@media screen and (min-width: 768px) {
    .m-mt-4 {
        margin-top:1.2rem
    }
}

@media screen and (min-width: 1024px) {
    .l-px-0 {
        padding-left:0;
        padding-right: 0
    }

    .l-px-6 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .l-px-7 {
        padding-left: 2.4rem;
        padding-right: 2.4rem
    }

    .l-px-9 {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .l-mb-7 {
        margin-bottom: 2.4rem
    }
}

.spacing-top-xs {
    margin-top: .4rem
}

.spacing-top-s {
    margin-top: .8rem
}

.spacing-top-s-plus {
    margin-top: 1rem
}

.spacing-top-m {
    margin-top: 1.2rem
}

.spacing-top-l {
    margin-top: 1.6rem
}

.spacing-top-l-plus {
    margin-top: 2rem
}

.spacing-top-xl {
    margin-top: 2.4rem
}

.spacing-top-xxl {
    margin-top: 3.2rem
}

.spacing-top-xxxl {
    margin-top: 4.8rem
}

.spacing-bottom-xs {
    margin-bottom: .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: 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,.image-label,.infoheadline--inpedendent,.link,.liveblog__datetime,.meldung__subhead,.meldung__topline-subhead,.meldung__uhrzeit,.meldungsfooter,.teaser-nano__headline-wrapper,.teaser__medialinks .mubu-container__content,.textabsatz,.textlink--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,.vue-comparison-slider--prerender-height {
    background-image: url(../index/ts_watermark_white.svg)
}

.teaser-slider__wrapper .swiper-button-next,.teaser-slider__wrapper .swiper-button-prev,.vueslider .swiper-button-next,.vueslider .swiper-button-prev {
    background: rgba(0,0,0,.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-visible,.teaser-slider__wrapper .swiper-button-next:hover,.teaser-slider__wrapper .swiper-button-prev:active,.teaser-slider__wrapper .swiper-button-prev:focus-visible,.teaser-slider__wrapper .swiper-button-prev:hover,.vueslider .swiper-button-next:active,.vueslider .swiper-button-next:focus-visible,.vueslider .swiper-button-next:hover,.vueslider .swiper-button-prev:active,.vueslider .swiper-button-prev:focus-visible,.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.3333333333%
}

.columns.two {
    width: 16.6666666667%
}

.columns.two-and-a-half {
    width: 20%
}

.columns.three {
    width: 25%
}

.columns.four {
    width: 33.3333333333%
}

.columns.five {
    width: 41.6666666667%
}

.columns.six {
    width: 50%
}

.columns.seven {
    width: 58.3333333333%
}

.columns.eight {
    width: 66.6666666667%
}

.columns.nine {
    width: 75%
}

.columns.ten {
    width: 83.3333333333%
}

.columns.eleven {
    width: 91.6666666667%
}

.columns.twelve {
    width: 100%
}

.columns.offset-one {
    margin-left: 8.3333333333%
}

.columns.offset-two {
    margin-left: 16.6666666667%
}

.columns.offset-two-and-a-half {
    margin-left: 20%
}

.columns.offset-three {
    margin-left: 25%
}

.columns.offset-four {
    margin-left: 33.3333333333%
}

.columns.offset-five {
    margin-left: 41.6666666667%
}

.columns.offset-six {
    margin-left: 50%
}

.columns.offset-seven {
    margin-left: 58.3333333333%
}

.columns.offset-eight {
    margin-left: 66.6666666667%
}

.columns.offset-nine {
    margin-left: 75%
}

.columns.offset-ten {
    margin-left: 83.3333333333%
}

.columns.offset-eleven {
    margin-left: 91.6666666667%
}

@media only screen and (min-width: 768px) {
    .columns.m-one {
        width:8.3333333333%
    }

    .columns.m-two {
        width: 16.6666666667%
    }

    .columns.m-two-and-a-half {
        width: 20%
    }

    .columns.m-three {
        width: 25%
    }

    .columns.m-four {
        width: 33.3333333333%
    }

    .columns.m-five {
        width: 41.6666666667%
    }

    .columns.m-six {
        width: 50%
    }

    .columns.m-seven {
        width: 58.3333333333%
    }

    .columns.m-eight {
        width: 66.6666666667%
    }

    .columns.m-nine {
        width: 75%
    }

    .columns.m-ten {
        width: 83.3333333333%
    }

    .columns.m-eleven {
        width: 91.6666666667%
    }

    .columns.m-twelve {
        width: 100%
    }

    .columns.m-offset-one {
        margin-left: 8.3333333333%
    }

    .columns.m-offset-two {
        margin-left: 16.6666666667%
    }

    .columns.m-offset-two-and-a-half {
        margin-left: 20%
    }

    .columns.m-offset-three {
        margin-left: 25%
    }

    .columns.m-offset-four {
        margin-left: 33.3333333333%
    }

    .columns.m-offset-five {
        margin-left: 41.6666666667%
    }

    .columns.m-offset-six {
        margin-left: 50%
    }

    .columns.m-offset-seven {
        margin-left: 58.3333333333%
    }

    .columns.m-offset-eight {
        margin-left: 66.6666666667%
    }

    .columns.m-offset-nine {
        margin-left: 75%
    }

    .columns.m-offset-ten {
        margin-left: 83.3333333333%
    }

    .columns.m-offset-eleven {
        margin-left: 91.6666666667%
    }
}

@media only screen and (min-width: 1024px) {
    .columns.l-one {
        width:8.3333333333%
    }

    .columns.l-two {
        width: 16.6666666667%
    }

    .columns.l-two-and-a-half {
        width: 20%
    }

    .columns.l-three {
        width: 25%
    }

    .columns.l-four {
        width: 33.3333333333%
    }

    .columns.l-five {
        width: 41.6666666667%
    }

    .columns.l-six {
        width: 50%
    }

    .columns.l-seven {
        width: 58.3333333333%
    }

    .columns.l-eight {
        width: 66.6666666667%
    }

    .columns.l-nine {
        width: 75%
    }

    .columns.l-ten {
        width: 83.3333333333%
    }

    .columns.l-eleven {
        width: 91.6666666667%
    }

    .columns.l-twelve {
        width: 100%
    }

    .columns.l-auto {
        width: auto
    }

    .columns.l-offset-none {
        margin-left: 0
    }

    .columns.l-offset-one {
        margin-left: 8.3333333333%
    }

    .columns.l-offset-two {
        margin-left: 16.6666666667%
    }

    .columns.l-offset-two-and-a-half {
        margin-left: 20%
    }

    .columns.l-offset-three {
        margin-left: 25%
    }

    .columns.l-offset-four {
        margin-left: 33.3333333333%
    }

    .columns.l-offset-five {
        margin-left: 41.6666666667%
    }

    .columns.l-offset-six {
        margin-left: 50%
    }

    .columns.l-offset-seven {
        margin-left: 58.3333333333%
    }

    .columns.l-offset-eight {
        margin-left: 66.6666666667%
    }

    .columns.l-offset-nine {
        margin-left: 75%
    }

    .columns.l-offset-ten {
        margin-left: 83.3333333333%
    }

    .columns.l-offset-eleven {
        margin-left: 91.6666666667%
    }
}

.offset-by-one.column,.offset-by-one.columns {
    margin-left: 8.3333333333%
}

.offset-by-two.column,.offset-by-two.columns {
    margin-left: 16.6666666667%
}

.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 {
    display: none;
    inset: 45px 0 0;
    opacity: .8;
    padding: 0;
    position: fixed;
    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;
    box-sizing: border-box;
    float: left;
    font-size: 0;
    height: 100%
}

.debug-grid .columns.debug.one,.debug-grid .columns.one {
    border-right: 1px solid #ccc;
    outline: none
}

body {
    background-color: #f1f1f1
}

body.disablescroll {
    overflow-y: scroll;
    position: fixed;
    width: 100%
}

.layout-container {
    margin: 0 auto;
    max-width: 1200px;
    width: 100%
}

.layout-content {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    padding-top: 10.2rem
}

.layout-content.scrolled {
    padding-top: 9rem
}

.global-wrapper {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 100%
}

.loading-placeholder {
    height: 120vh;
    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:first-child {
    margin-top: 0
}

.content-wrapper {
    background-color: #fff;
    display: block;
    margin: auto;
    max-width: 1024px
}

.content-wrapper:after {
    clear: both;
    content: "";
    display: block
}

@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
}

.header-fancy-v2:has(.header__banner)+.content-wrapper .layout-content {
    padding-top: 15.9rem
}

.header-fancy-v2:has(.header__banner)+.content-wrapper .layout-content.scrolled {
    padding-top: 14.6rem
}

@media screen and (min-width: 1024px) {
    .header-fancy-v2:has(.header__banner)+.content-wrapper .layout-content {
        padding-top:17.4rem
    }

    .header-fancy-v2:has(.header__banner)+.content-wrapper .layout-content.scrolled {
        padding-top: 17.4rem
    }
}

@media screen and (max-width: 767px) {
    .hidden-s,.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
}

.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:first-child {
    padding-top: 0
}

@media screen and (min-width: 1024px) {
    .content-wrapper.content-wrapper--show-cuts .teasergroup {
        padding:2.4rem 4rem 0
    }
}

.content-wrapper.content-wrapper--show-cuts .content-wrapper__group {
    background-color: #fff;
    box-sizing: border-box;
    padding-top: 0
}

@media screen and (min-width: 1024px) {
    .content-wrapper.content-wrapper--show-cuts .content-wrapper__group {
        padding:0 4rem
    }
}

.cuts--undercut,.cuts--uppercut {
    box-sizing: border-box;
    display: inline-block
}

.cuts--uppercut {
    margin-top: 1.6rem
}

.cuts--undercut {
    margin-bottom: 1.6rem
}

.vue-comparison-slider--prerender-height {
    background-color: #e4e4e4;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 20%;
    padding-bottom: calc(100% + 6.25rem);
    position: relative
}

@media screen and (min-width: 720px) {
    .vue-comparison-slider--prerender-height {
        padding-bottom:calc(56.25% + 4.15rem)
    }
}

.border-b {
    border-bottom: .1rem solid
}

.border-t {
    border-top: .1rem solid
}

.border--standard--structurals {
    border-color: #e4e4e4
}

.border--tongue--structurals {
    border-color: #4082b3
}

.background-highlight {
    background-color: #015999
}

.background-standard {
    background: #fff
}

html {
    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,code,dd,del,dfn,div,dl,dt,fieldset,font,form,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
}

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

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

.trenner__text__headline,h1,h2,h3,h4,h5 {
    font-family: Thesis,Helvetica,Arial,sans-serif
}

.trenner__text__headline {
    font-size: 3.2rem;
    line-height: 3.2rem;
    text-transform: uppercase
}

@media screen and (min-width: 768px) {
    .trenner__text__headline {
        font-family:Thesis,Helvetica,Arial,sans-serif;
        font-size: 4rem;
        line-height: 4rem;
        text-transform: uppercase
    }
}

.eilmeldung__headline,.multimediahead__headline,.seitenkopf__headline--text,.teaser--top .teaser__headline {
    font-family: Thesis,Helvetica,Arial,sans-serif;
    font-size: 3.2rem;
    line-height: 3.8rem
}

@media screen and (min-width: 768px) {
    .eilmeldung__headline,.multimediahead__headline,.seitenkopf__headline--text,.teaser--top .teaser__headline {
        font-family:Thesis,Helvetica,Arial,sans-serif;
        font-size: 3.4rem;
        line-height: 4rem
    }
}

.promo-box__primary-text,.teaser--small .teaser__headline {
    font-family: Thesis,Helvetica,Arial,sans-serif;
    font-size: 3.2rem;
    line-height: 3.8rem
}

@media screen and (min-width: 768px) {
    .promo-box__primary-text,.teaser--small .teaser__headline {
        font-family:Thesis,Helvetica,Arial,sans-serif;
        font-size: 2.8rem;
        line-height: 3.2rem
    }
}

.archive__headline,.copytext-galerie__headline,.dialog__headline,.form__feedback-message strong,.form__fieldset .form__legend,.form__headline,.icon-header__headline,.infobox__headline,.infobox__headline--textonly,.meldung__subhead,.simpletable>caption,.teaser-absatz__headline,.teaser-left__headline,.teaser-mikro__headline,.teaser-right__headline,.teaser-slider__headline,.teaser-xs__headline {
    font-family: Thesis,Helvetica,Arial,sans-serif;
    font-size: 2.4rem;
    line-height: 2.8rem
}

@media screen and (min-width: 768px) {
    .archive__headline,.dialog__headline,.form__feedback-message strong,.form__fieldset .form__legend,.form__headline,.meldung__subhead,.simpletable>caption {
        font-family:Thesis,Helvetica,Arial,sans-serif;
        font-size: 2.6rem;
        line-height: 3rem
    }
}

.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 {
    background: #fff;
    cursor: pointer;
    height: 4.5rem;
    position: absolute;
    right: 2.5rem;
    top: 1rem;
    width: 4.5rem;
    z-index: 141;
    fill: #33322f;
    box-sizing: border-box;
    padding: 1rem
}

.burger-button-animated:focus-visible {
    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 .loginstate-icon {
    background-color: #fff;
    border-radius: 2rem;
    display: block;
    height: 1.4rem;
    padding: .2rem;
    position: absolute;
    right: .2rem;
    top: .4rem;
    width: 1.4rem
}

.burger-button-animated .loginstate-icon.icon {
    fill: #015999
}

@media only screen and (min-width: 1024px) {
    .burger-button-animated .loginstate-icon {
        height:2rem;
        padding: .4rem;
        right: -.4rem;
        top: 0;
        width: 2rem
    }
}

.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
    }
}

.burger-navi-holder--open .burger-button-animated .firstline,.burger-navi-holder:not(.js)[open] .burger-button-animated .firstline {
    transform: rotate(45deg);
    transform-origin: 4px 13px
}

.burger-navi-holder--open .burger-button-animated .secondline,.burger-navi-holder:not(.js)[open] .burger-button-animated .secondline {
    opacity: 0
}

.burger-navi-holder--open .burger-button-animated .thirdline,.burger-navi-holder:not(.js)[open] .burger-button-animated .thirdline {
    transform: rotate(-45deg);
    transform-origin: 7px 23px
}

.burger-navi-holder--open .burger-button-animated .loginstate-icon,.burger-navi-holder:not(.js)[open] .burger-button-animated .loginstate-icon {
    display: none
}

.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;
    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--text.btn--fullwidth .btn__label+.icon {
    padding-left: 1rem
}

.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__shortlabel abbr {
    border-bottom: none;
    cursor: pointer
}

.btn--uppercase-text__shortlabel abbr:active:after,.btn--uppercase-text__shortlabel abbr:focus-visible: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 {
    align-items: center;
    background: transparent;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.transparent-btn:focus-visible {
    outline: .2rem solid #80807e;
    outline-offset: -.2rem
}

.transparent-btn .icon {
    fill: #33322f
}

.tag-btn {
    border-radius: 1.8rem;
    cursor: pointer;
    font-size: 1.6rem;
    padding: .7rem 1.2rem
}

.tag-btn:focus-visible {
    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
}

.tag-btn.tag-btn--standard-secondary {
    background: #e4e4e4;
    color: #33322f
}

.tag-btn.tag-btn--standard-secondary:hover {
    background: #c2c2c1
}

.tag-btn.tag-btn--standard-secondary:focus-visible {
    outline-color: #80807e
}

.tag-btn.tag-btn--standard-primary {
    background: #015999;
    color: #fff
}

.tag-btn.tag-btn--standard-primary:hover {
    background: #4082b3;
    color: #fff
}

.tag-btn.tag-btn--standard-primary:focus-visible {
    outline-color: #99bdd6
}

.icon.color--tongue {
    fill: #015999
}

.icon.color--light {
    fill: #fff
}

.icon.color--unicorn {
    fill: #ff00ed
}

.icon.color--breaking {
    fill: #cd144a
}

.icon-animated--pulse {
    animation: pulse 1.6s infinite;
    background: #cd144a;
    border-radius: 50%;
    box-shadow: 0 0 0 rgba(205,20,74,.7);
    cursor: pointer;
    display: block;
    height: 1.8rem;
    width: 1.8rem
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(205,20,74,.7)
    }

    70% {
        box-shadow: 0 0 0 .6rem rgba(205,20,74,0)
    }

    to {
        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 {
    background: transparent;
    color: #33322f;
    display: block;
    font-family: Thesis,Helvetica,Arial,sans-serif;
    font-size: 1.6rem;
    line-height: 2rem;
    padding: .4rem;
    position: relative
}

.textonly-btn:hover {
    cursor: pointer
}

.textonly-btn:focus-visible {
    outline: .2rem solid #80807e;
    outline-offset: 0
}

.textonly-btn--active {
    font-family: Thesis,Helvetica,Arial,sans-serif;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2rem
}

.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--tongue {
    color: #fff
}

.form-checkbox {
    align-items: flex-start;
    display: flex;
    margin: 1rem 0
}

.form-checkbox .form-checkbox__hidden {
    cursor: pointer;
    height: 1.8rem;
    margin: 0;
    opacity: 0;
    position: absolute;
    width: 1.8rem
}

.form-checkbox .form-checkbox__hidden:focus-visible {
    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;
    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-visible .form-checkbox__box {
    border: .1rem solid #33322f
}

.form-checkbox.color--tongue .form-checkbox__box {
    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-visible {
    outline-color: #fff
}

.invalid .form-checkbox__invalid-message {
    margin-bottom: 2.4rem
}

.invalid .form-checkbox__hidden:invalid {
    opacity: 1;
    outline-offset: .2rem
}

.toggle-switch {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.toggle-switch__label {
    box-sizing: border-box;
    color: #33322f;
    flex-grow: 1;
    font-size: 1.6rem;
    line-height: 2rem;
    padding-right: 1rem
}

.toggle-switch__wrapper {
    height: 2.4rem;
    min-width: 4.4rem;
    position: relative
}

.toggle-switch input {
    opacity: 0;
    
    position: absolute
}

.toggle-switch input:focus-visible+.toggle-switch__slider .toggle-switch__input {
    outline: .2rem solid #80807e;
    outline-offset: .2rem
}

.toggle-switch input:checked+.toggle-switch__slider {
    background-color: #015999
}

.toggle-switch input:checked+.toggle-switch__slider .toggle-switch__input {
    transform: translateX(2rem)
}

.toggle-switch__slider {
    background-color: #c2c2c1;
    border-radius: 1.4rem;
    height: 2rem;
    left: 0;
    padding: .2rem;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition-duration: .2s;
    transition-property: background-color
}

.toggle-switch__input {
    background-color: #fff;
    border-radius: 50%;
    display: block;
    height: 2rem;
    transition-duration: .2s;
    transition-property: transform,box-shadow;
    width: 2rem
}

.toggle-switch.color--tongue .toggle-switch__slider {
    background-color: #015999;
    outline: .1rem solid #fff
}

.toggle-switch.color--tongue .toggle-switch__input {
    border-color: #015999
}

.toggle-switch.color--tongue input:focus-visible+.toggle-switch__slider .toggle-switch__input {
    outline: .2rem solid #dee9f2;
    outline-offset: .2rem
}

@media screen and (max-width: 360px) {
    .toggle-switch__slider {
        height:2.23214rem;
        padding: .22321rem
    }

    .toggle-switch__wrapper {
        height: 2.67857rem;
        min-width: 4.91071rem
    }

    .toggle-switch__input {
        height: 2.23214rem;
        width: 2.23214rem
    }

    .toggle-switch input:checked+.toggle-switch__slider .toggle-switch__input {
        transform: translate(2.23214rem)
    }
}

body.mouse-usage .toggle-switch input:focus-visible+.toggle-switch__slider .toggle-switch__input {
    outline: none
}

.form-radio {
    cursor: pointer;
    display: block;
    margin-bottom: 1rem;
    min-height: 2rem;
    padding-left: 2.4rem;
    position: relative;
    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-visible {
    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 #80807e;
    border-radius: 50%;
    height: 1.6rem;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1.6rem
}

.form-radio__input~.form-radio__mark:after {
    background: #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-visible {
    outline: .2rem solid #dee9f2
}

.form-radio.color--tongue .form-radio__mark {
    background-color: #fff;
    border: .1rem solid #fff
}

.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(../index/arrow-down--fill-emotional-100.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-visible {
    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(../index/arrow-down--fill-emotional-100.svg),url(../index/error-ruby-100.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-visible,.form-input-icon__text:not(:placeholder-shown) {
    padding-top: .8rem
}

.form-input .form-input__text:focus-visible {
    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: flexbox;
    display: flex;
    height: 3.2rem;
    justify-content: center;
    left: .8rem;
    
    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-visible,.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-visible {
    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-visible,.searchfield__input:-webkit-autofill:hover {
    box-shadow: inset 0 0 0 5rem #fff!important;
    -webkit-text-fill-color: #33322f
}

.searchfield .searchfield__input:focus-visible {
    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: flexbox;
    display: flex;
    height: 5.2rem;
    justify-content: center;
    left: -.4rem;
    
    position: absolute;
    right: auto;
    top: 0;
    width: 5.2rem
}

.searchfield__icon .icon--search {
    height: 2rem;
    width: 2rem;
    fill: #33322f
}

.searchfield__submit {
    background: transparent;
    border: none;
    bottom: 0;
    cursor: pointer;
    left: 0;
    margin: .2rem;
    position: absolute;
    top: 0;
    width: 4.6rem
}

.searchfield__submit:focus-visible {
    background: #015999
}

.searchfield__submit:focus-visible+.searchfield__icon .icon--search {
    fill: #fff
}

.searchfield__submit:focus-visible {
    outline: none
}

.searchfield__reset {
    background-color: #e4e4e4;
    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 {
    transform: rotate(45deg)
}

.searchfield__reset:after {
    transform: rotate(-45deg)
}

.searchfield__reset:hover {
    background-color: #c2c2c1
}

.searchfield__reset:focus-visible {
    outline: .2rem solid #80807e;
    outline-offset: .2rem
}

@media only screen and (min-width: 768px) {
    .searchfield__icon {
        left:0
    }
}

.link {
    align-items: center;
    color: #33322f;
    display: flex;
    flex-flow: row nowrap;
    line-height: 2rem;
    margin-right: 1.2rem
}

.link__icon {
    fill: #33322f;
    display: -webkit-inline-box
}

.link__icon,.link__icon .icon {
    height: 3.4rem
}

.link__icon img,.link__icon svg {
    height: 3.4rem;
    width: 3.4rem
}

.textlink--extern:after {
    background: url(../index/extern--fill-tongue-100.svg) no-repeat;
    background-position-y: center;
    content: "";
    margin: 0 0 0 .5rem;
    padding: 0 1rem
}

.color--tongue .textlink--extern:after {
    background-image: url(../index/extern--fill-white.svg)
}

.textlink--extern[href^=http],.textlink[href^=http] {
    line-height: 2.6rem;
    word-break: break-word
}

.ts-link {
    color: #015999;
    text-decoration: underline;
    text-decoration-thickness: .1em;
    text-underline-offset: .2em
}

.textlink--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--icon:after {
    background: url(../index/extern--fill-emotional-100.svg) no-repeat;
    background-position-y: .15rem;
    border-bottom: none;
    height: 2.4rem
}

img.ts-image {
    height: auto
}

img.js-image {
    margin-bottom: -.1rem;
    opacity: 0
}

img.js-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,.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.921875%
    }

    .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.921875%
    }

    .ts-picture.ts-picture--copytext-l {
        padding-top: 56.3%
    }
}

.label {
    border-radius: .3rem;
    display: inline-flex;
    margin-right: .8rem;
    padding: .4rem .6rem .3rem
}

.label,.label strong {
    font-family: Thesis,Helvetica,Arial,sans-serif;
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: .11rem;
    line-height: 1.1rem;
    text-transform: uppercase
}

.label--standard-primary {
    background: #015999;
    color: #fff
}

.label--highlight-primary {
    background-color: #fff;
    color: #015999
}

.label--standard-breaking {
    background-color: #cd144a;
    color: #fff
}

.label--standard-live {
    background-color: #ff00ed;
    color: #fff
}

.label--numbered {
    counter-increment: numbered-list;
    display: inline-block;
    margin-bottom: .4rem;
    margin-right: .3rem
}

.label--numbered:before {
    content: counter(numbered-list) " "
}

.numbered-labels {
    counter-reset: numbered-list
}

.link-extend {
    align-items: center;
    color: #015999;
    display: inline-flex;
    font-family: Thesis,Helvetica,Arial,sans-serif;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.4rem
}

.link-extend:before {
    content: "|";
    margin: 0 .4rem
}

.link-extend.color--tongue {
    color: #fff
}

.link-extend__extern {
    color: #33322f
}

.link-extend__extern:after {
    background-image: url(../index/extern--fill-emotional-100.svg);
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 1.8rem;
    margin: 0 .4rem;
    width: 1.8rem
}

.link-extend__extern.color--tongue:after {
    background-image: url(../index/extern--fill-white.svg);
    background-repeat: no-repeat
}

.link-extend__secondary {
    color: #33322f
}

.btn.btn--standard-primary {
    background: #015999;
    color: #fff
}

.btn.btn--standard-primary:hover {
    background: #4082b3;
    color: #fff
}

.btn.btn--standard-primary .icon {
    fill: #fff
}

.btn.btn--standard-primary.btn--opened {
    background: #4082b3
}

.btn.btn--standard-primary:focus-visible {
    outline-color: #99bdd6
}

.btn.btn--standard-secondary {
    background: #e4e4e4;
    color: #33322f
}

.btn.btn--standard-secondary:hover {
    background: #c2c2c1
}

.btn.btn--standard-secondary:focus-visible {
    outline-color: #80807e
}

.btn.btn--standard-secondary .icon {
    fill: #33322f
}

.btn.btn--standard-secondary-disabled {
    background: #e4e4e4;
    color: #c2c2c1;
    cursor: default;
    pointer-events: none
}

.btn.btn--standard-secondary-disabled .icon {
    fill: #c2c2c1
}

.btn.btn--standard-secondary.is-active {
    background: #015999;
    color: #fff
}

.btn.btn--standard-secondary.is-active:focus-visible {
    outline-color: #99bdd6
}

.btn.btn--standard-secondary.is-active:hover {
    background: #4082b3
}

.btn.btn--standard-secondary.is-active .icon {
    fill: #fff
}

.btn.btn--standard-secondary.btn--opened {
    background: #c2c2c1
}

.btn.btn--highlight-primary {
    background: #fff;
    color: #015999
}

.btn.btn--highlight-primary.btn--opened,.btn.btn--highlight-primary:hover {
    background: #dee9f2
}

.btn.btn--highlight-primary:focus-visible {
    outline-color: #99bdd6
}

.btn.btn--highlight-primary .icon {
    fill: #015999
}

.btn.btn--highlight-secondary {
    background: #4082b3;
    color: #dee9f2
}

.btn.btn--highlight-secondary:hover {
    background: #6198c0
}

.btn.btn--highlight-secondary:focus-visible {
    outline-color: #99bdd6
}

.btn.btn--highlight-secondary .icon {
    fill: #dee9f2
}

.btn.btn--highlight-secondary.btn--opened,.btn.btn--highlight-secondary.is-active {
    background: #fff;
    color: #015999
}

.btn.btn--highlight-secondary.btn--opened:focus-visible,.btn.btn--highlight-secondary.is-active:focus-visible {
    outline-color: #99bdd6
}

.btn.btn--highlight-secondary.btn--opened:hover,.btn.btn--highlight-secondary.is-active:hover {
    background: #dee9f2
}

.btn.btn--highlight-secondary.btn--opened .icon,.btn.btn--highlight-secondary.is-active .icon {
    fill: #015999
}

.btn.btn--highlight-secondary-disabled {
    background: #4082b3;
    color: #6198c0;
    cursor: default;
    pointer-events: none
}

.btn.btn--highlight-secondary-disabled .icon {
    fill: #6198c0
}

.btn.btn--standard-live-primary {
    background: #ff00ed;
    color: #fff
}

.btn.btn--standard-live-primary:hover {
    background: #fff;
    color: #ff00ed
}

.btn.btn--standard-live-primary:hover .icon {
    fill: #ff00ed
}

.btn.btn--standard-live-primary:focus-visible {
    outline-color: #80807e
}

.btn.btn--standard-live-primary .icon {
    fill: #fff
}

.btn.btn--standard-live-secondary {
    background: #fff;
    color: #ff00ed
}

.btn.btn--standard-live-secondary:focus-visible {
    outline-color: #80807e
}

.btn.btn--standard-live-secondary:hover {
    background: #ff00ed;
    color: #fff
}

.btn.btn--standard-live-secondary:hover .icon {
    fill: #fff
}

.btn.btn--standard-live-secondary .icon {
    fill: #ff00ed
}

.btn.btn--standard-live-tertiary {
    background: #fff;
    color: #33322f
}

.btn.btn--standard-live-tertiary:hover {
    background: #33322f;
    color: #fff
}

.btn.btn--standard-live-tertiary:hover .icon {
    fill: #fff
}

.btn.btn--standard-live-tertiary:focus-visible {
    outline-color: #80807e
}

.btn.btn--standard-live-tertiary .icon {
    fill: #33322f
}

.btn.btn--standard-tertiary {
    background: #fff;
    border: .1rem solid #e4e4e4;
    color: #33322f
}

.btn.btn--standard-tertiary.btn--icon-left .icon {
    padding: 0 1rem 0 0
}

.btn.btn--standard-tertiary .icon {
    fill: #33322f
}

.btn.btn--standard-tertiary:hover {
    background: #015999;
    border-color: #015999;
    color: #fff
}

.btn.btn--standard-tertiary:hover .icon {
    fill: #fff
}

.btn.btn--standard-tertiary:focus-visible {
    outline-color: #80807e
}

.btn {
    border-radius: .3rem
}

.btn:hover {
    cursor: pointer;
    outline: 0
}

.btn:active {
    outline: 0
}

.btn:focus-visible {
    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
}

.arrow-handle-control {
    height: 4.8rem;
    width: 4.8rem
}

.arrow-handle-control .icon--arrow-handle {
    fill: #fff
}

.arrow-handle-control .icon--arrow-handle circle {
    fill: rgba(1,89,153,.6)
}

.arrow-handle-control .icon--arrow-handle path {
    fill: #fff
}

.ardplayer {
    --ardplayer-color-primary-live: #ff00ed;
    --ardplayer-color-primary-live-transparent-30: rgba(255,0,237,.6);
    --ardplayer-color-primary-live-transparent-50: rgba(255,0,237,.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-tertiary-dark: #024682;
    --ardplayer-color-light: #dee9f2;
    --ardplayer-color-lightest: #fff;
    --ardplayer-color-gradient-end: transparent
}

.ardplayer:not(.ardplayer-show-posterframe,.ardplayer-state-audio) {
    background-color: var(--ardplayer-color-darkest)
}

.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-visible,.ardplayer.ardplayer-show-focus-outlines button.ardplayer-button-posterframe:focus-visible {
    outline-offset: 3px;
    outline-width: 3px
}

.ardplayer .ardplayer-volume-fader {
    line-height: 14px;
    top: -4px
}

.ardplayer.ardplayer-m .ardplayer-button-volume,.ardplayer.ardplayer-s .ardplayer-button-volume,.ardplayer.ardplayer-xs .ardplayer-button-volume {
    top: 0
}

.ardplayer.ardplayer-m .ardplayer-volume-fader,.ardplayer.ardplayer-s .ardplayer-volume-fader,.ardplayer.ardplayer-xs .ardplayer-volume-fader {
    top: -9px
}

.ardplayer button.ardplayer-icon-settings-hd:after {
    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 div.ardplayer-posterframe-chips span {
    background: linear-gradient(0deg,rgba(0,0,0,.6),hsla(0,0%,100%,0));
    bottom: 0;
    font-size: 1.5rem;
    font-weight: 600;
    padding: .5rem 1rem;
    right: 0;
    text-align: right;
    width: 100%
}

.ardplayer .ardplayer-posterframe div.ardplayer-posterframe-chips {
    bottom: 0;
    right: 0;
    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,237,.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
}

.ardplayer .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed .ardplayer-ms-card:focus-visible.ardplayer-ms-card-current,.ardplayer .ardplayer-ms-stage div.ardplayer-ms-feed-container div.ardplayer-ms-feed .ardplayer-ms-card:hover.ardplayer-ms-card-current {
    background-color: #024682
}

.mediaplayer--audio .ardplayer .ardplayer-button-posterframe.ardplayer-icon-play:before {
    content: ""!important
}

.teasergroup.color--tongue .ardplayer.ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-stage,.teasergroup.color--tongue .ardplayer.ardplayer-state-audio .ardplayer-footer .ardplayer-addons-container-big .ardplayer-addons-container,.teasergroup.color--tongue .ardplayer.ardplayer-state-audio-inline.ardplayer-state-audio-forced-video .ardplayer-footer:before,.teasergroup.color--tongue .ardplayer.ardplayer-state-audio.ardplayer-state-audio:not(.ardplayer-s) .ardplayer-footer .ardplayer-addons-container-big,.teasergroup.color--tongue .ardplayer.ardplayer-state-audio:not(.ardplayer-s) .ardplayer-button-fullscreen-container .ardplayer-button-settings-reveal,.teasergroup.color--tongue .mediaplayer--reduced .ardplayer.ardplayer-state-audio-inline,.teasergroup.color--tongue .mediaplayer--reduced-l .ardplayer.ardplayer-state-audio-inline,.teasergroup.color--tongue .mediaplayer--reduced-m .ardplayer.ardplayer-state-audio-inline {
    background-color: #024682
}

.mediaplayer.mediaplayer--btn-cornered .ardplayer.ardplayer-show-posterframe .ardplayer-button-hero,.mediaplayer.mediaplayer--btn-cornered .ardplayer.ardplayer-show-posterframe ardplayer-m button.ardplayer-button-big,.mediaplayer.mediaplayer--btn-cornered .ardplayer.ardplayer-show-posterframe button.ardplayer-button-big {
    align-items: center;
    display: flex;
    font-size: 3.5rem;
    height: 4rem;
    justify-content: center;
    line-height: 4rem;
    margin: 0;
    width: 4rem
}

.mediaplayer.mediaplayer--btn-cornered .ardplayer.ardplayer-show-posterframe .ardplayer-button-hero:before,.mediaplayer.mediaplayer--btn-cornered .ardplayer.ardplayer-show-posterframe ardplayer-m button.ardplayer-button-big:before,.mediaplayer.mediaplayer--btn-cornered .ardplayer.ardplayer-show-posterframe button.ardplayer-button-big:before {
    font-size: 3.5rem
}

.mediaplayer.mediaplayer--btn-cornered .ardplayer.ardplayer-show-posterframe .ardplayer-posterframe .ardplayer-posterframe-buttons {
    height: 4rem;
    left: calc(100% - 5.6rem);
    top: calc(100% - 5.6rem);
    transform: translateY(0);
    width: 4rem
}

.teaser-absatz .mediaplayer--btn-cornered.mediaplayer .ardplayer.ardplayer-show-posterframe .ardplayer-posterframe .ardplayer-posterframe-buttons,.teaser-right .mediaplayer--btn-cornered.mediaplayer .ardplayer.ardplayer-show-posterframe .ardplayer-posterframe .ardplayer-posterframe-buttons,.teaser-xs .mediaplayer--btn-cornered.mediaplayer .ardplayer.ardplayer-show-posterframe .ardplayer-posterframe .ardplayer-posterframe-buttons {
    height: 3rem;
    left: calc(100% - 4rem);
    top: calc(100% - 4rem);
    transform: translateY(0);
    width: 3rem
}

.teaser-absatz .mediaplayer--btn-cornered.mediaplayer .ardplayer.ardplayer-show-posterframe .ardplayer-posterframe .ardplayer-posterframe-buttons button.ardplayer-button-big,.teaser-absatz .mediaplayer--btn-cornered.mediaplayer .ardplayer.ardplayer-show-posterframe .ardplayer-posterframe .ardplayer-posterframe-buttons button.ardplayer-smaller.ardplayer-button-big,.teaser-right .mediaplayer--btn-cornered.mediaplayer .ardplayer.ardplayer-show-posterframe .ardplayer-posterframe .ardplayer-posterframe-buttons button.ardplayer-button-big,.teaser-right .mediaplayer--btn-cornered.mediaplayer .ardplayer.ardplayer-show-posterframe .ardplayer-posterframe .ardplayer-posterframe-buttons button.ardplayer-smaller.ardplayer-button-big,.teaser-xs .mediaplayer--btn-cornered.mediaplayer .ardplayer.ardplayer-show-posterframe .ardplayer-posterframe .ardplayer-posterframe-buttons button.ardplayer-button-big,.teaser-xs .mediaplayer--btn-cornered.mediaplayer .ardplayer.ardplayer-show-posterframe .ardplayer-posterframe .ardplayer-posterframe-buttons button.ardplayer-smaller.ardplayer-button-big {
    font-size: 2.5rem;
    height: 3rem;
    line-height: 3rem;
    width: 3rem
}

@media screen and (min-width: 1024px) {
    .teaser-absatz .mediaplayer--btn-cornered.mediaplayer .ardplayer.ardplayer-show-posterframe .ardplayer-posterframe .ardplayer-posterframe-buttons,.teaser-right .mediaplayer--btn-cornered.mediaplayer .ardplayer.ardplayer-show-posterframe .ardplayer-posterframe .ardplayer-posterframe-buttons,.teaser-xs .mediaplayer--btn-cornered.mediaplayer .ardplayer.ardplayer-show-posterframe .ardplayer-posterframe .ardplayer-posterframe-buttons {
        height:3.5rem;
        left: calc(100% - 4.5rem);
        top: calc(100% - 4.5rem);
        transform: translateY(0);
        width: 3.5rem
    }

    .teaser-absatz .mediaplayer--btn-cornered.mediaplayer .ardplayer.ardplayer-show-posterframe .ardplayer-posterframe .ardplayer-posterframe-buttons button.ardplayer-button-big,.teaser-absatz .mediaplayer--btn-cornered.mediaplayer .ardplayer.ardplayer-show-posterframe .ardplayer-posterframe .ardplayer-posterframe-buttons button.ardplayer-smaller.ardplayer-button-big,.teaser-right .mediaplayer--btn-cornered.mediaplayer .ardplayer.ardplayer-show-posterframe .ardplayer-posterframe .ardplayer-posterframe-buttons button.ardplayer-button-big,.teaser-right .mediaplayer--btn-cornered.mediaplayer .ardplayer.ardplayer-show-posterframe .ardplayer-posterframe .ardplayer-posterframe-buttons button.ardplayer-smaller.ardplayer-button-big,.teaser-xs .mediaplayer--btn-cornered.mediaplayer .ardplayer.ardplayer-show-posterframe .ardplayer-posterframe .ardplayer-posterframe-buttons button.ardplayer-button-big,.teaser-xs .mediaplayer--btn-cornered.mediaplayer .ardplayer.ardplayer-show-posterframe .ardplayer-posterframe .ardplayer-posterframe-buttons button.ardplayer-smaller.ardplayer-button-big {
        font-size: 3rem;
        height: 3.5rem;
        line-height: 3.5rem;
        width: 3.5rem
    }
}

.mediaplayer,.mediaplayer__wrapper {
    position: relative
}

.mediaplayer .player {
    position: absolute
}

.mediaplayer:after {
    content: "";
    display: block
}

.mediaplayer--lazy-loading {
    background-color: #e4e4e4;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 15%
}

.mediaplayer--lazy-loading.mediaplayer--loaded:after {
    background-color: transparent;
    background-image: none
}

.mediaplayer--16x9:after {
    padding-bottom: 56.25%
}

.mediaplayer--1x1:after {
    padding-bottom: 100%
}

.mediaplayer--topbanner:after {
    padding-bottom: 56.25%
}

@media screen and (min-width: 768px) {
    .mediaplayer--topbanner:after {
        padding-bottom:44.921875%
    }
}

.mediaplayer--20x9:after,.mediaplayer--teaser-top:after {
    padding-bottom: 56.25%
}

@media screen and (min-width: 768px) {
    .mediaplayer--20x9:after,.mediaplayer--teaser-top:after {
        padding-bottom:44.921875%
    }
}

.mediaplayer--reduced:after {
    background-size: 10%;
    padding-bottom: 17.2rem
}

@media screen and (max-width: 360px) {
    .mediaplayer--reduced:after {
        padding-bottom:19.19643rem
    }
}

.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
}

.preloadingskeleton--mediaplayer--20x9,.preloadingskeleton--mediaplayer--teaser-top {
    padding-bottom: 56.25%
}

@media screen and (min-width: 768px) {
    .preloadingskeleton--mediaplayer--20x9,.preloadingskeleton--mediaplayer--teaser-top {
        padding-bottom:44.921875%
    }
}

.preloadingskeleton--mediaplayer--20x9.loaded,.preloadingskeleton--mediaplayer--teaser-top.loaded {
    padding-bottom: 0
}

.preloadingskeleton--mediaplayer--topbanner {
    padding-bottom: 56.25%
}

@media screen and (min-width: 768px) {
    .preloadingskeleton--mediaplayer--topbanner {
        padding-bottom:44.921875%
    }
}

.preloadingskeleton--mediaplayer--topbanner.loaded {
    padding-bottom: 0
}

.preloadingskeleton--mediaplayer--1x1 {
    padding-bottom: 100%
}

.preloadingskeleton--mediaplayer--1x1.loaded {
    padding-bottom: 0
}

.preloadingskeleton--mediaplayer--16x9 {
    padding-bottom: 56.25%
}

.preloadingskeleton--mediaplayer--16x9.loaded {
    padding-bottom: 0
}

.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-visible {
    outline: .2rem solid #80807e;
    outline-offset: -.2rem
}

.mediaplayer--inline-play__button .icon {
    height: 1.8rem;
    width: 1.8rem;
    fill: #33322f;
    position: absolute;
    top: 1.1rem;
    transform: translateX(-50%)
}

@media screen and (min-width: 768px) {
    .mediaplayer--inline-play .inline-play__button .icon {
        top:auto;
        transform: translate(-50%,-50%)
    }
}

.is-inline-play .teaser-right--voting__inner,.is-inline-play.teaser-right {
    justify-content: flex-end;
    padding-bottom: 4rem
}

.is-inline-play .teaser-absatz__media,.is-inline-play .teaser-absatz__teaserinfo,.is-inline-play .teaser-left__media,.is-inline-play .teaser-left__teaserinfo,.is-inline-play .teaser-right__media,.is-inline-play .teaser-right__teaserinfo,.is-inline-play .teaser-xs__media,.is-inline-play .teaser-xs__teaserinfo {
    width: 100%
}

.is-inline-play.teaser-right--voting .teaser-right__teaserinfo {
    width: 80%
}

.is-inline-play .teaser-absatz__teaserinfo {
    padding-left: 2rem
}

.is-inline-play .teaser-right__teaserheadline {
    margin-bottom: 1rem
}

.is-inline-play .teaser-absatz__content-wrapper:after,.is-inline-play .teaser-left__teaserinfo:after,.is-inline-play .teaser-xs__teaserinfo:after {
    border-bottom: .1rem solid #e4e4e4;
    content: " ";
    display: block;
    margin-top: 1.2rem;
    width: 100%
}

.is-inline-play .teaser-right--voting-result__votes,.is-inline-play .ts-picture__poster-wrapper,.is-inline-play .votes-bar {
    display: none
}

@media screen and (min-width: 768px) {
    .is-inline-play.teaser-right {
        padding-bottom:2.4rem
    }

    .is-inline-play .teaser-absatz__content-wrapper:after,.is-inline-play .teaser-xs__teaserinfo:after {
        border: none;
        content: ""
    }

    .is-inline-play .teaser-right__media,.is-inline-play .teaser-xs__media {
        width: 59.259259%
    }

    .is-inline-play .teaser-absatz__media,.is-inline-play .teaser-left__media {
        width: 44.444444%
    }

    .is-inline-play .teaser-absatz__shorttext-container,.is-inline-play .teaser-absatz__teaserinfo,.is-inline-play .teaser-left__teaserinfo,.is-inline-play .teaser-right--voting-result__votes,.is-inline-play .teaser-right__teaserinfo,.is-inline-play .teaser-right__voting-input,.is-inline-play .teaser-xs__teaserinfo,.is-inline-play .votes-bar {
        display: none
    }
}

@media screen and (min-width: 1024px) {
    .is-inline-play .teaser-right__media {
        width:44.444444%
    }
}

.teaser-right--voting.is-active .mediaplayer--inline-play__button svg,.teaser-xs.color--tongue .mediaplayer--inline-play__button svg {
    fill: #dee9f2
}

.teaser-right--voting.is-active .color--tongue * .ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-stage,.teaser-xs.color--tongue .color--tongue * .ardplayer .ardplayer-bottom-sheet-container .ardplayer-bottom-sheet-stage {
    background-color: #024682
}

.livestream-overlay {
    inset: 0;
    position: absolute
}

.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: flexbox;
    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
    }
}

.arrow-controls {
    margin-top: .8rem
}

.arrow-controls__group {
    overflow: hidden;
    position: relative
}

.arrow-controls__button--left,.arrow-controls__button--right {
    background: transparent;
    border: 0;
    cursor: pointer;
    display: block;
    height: 6.2rem;
    opacity: 1;
    position: absolute;
    transition: opacity 1s;
    width: 5.5rem
}

.arrow-controls .is-hidden {
    left: -2000rem;
    opacity: 0
}

.arrow-controls__button--left,.arrow-controls__button--right {
    display: none
}

.arrow-controls__arrow--left,.arrow-controls__arrow--right {
    display: block
}

.arrow-controls__arrow--left svg,.arrow-controls__arrow--right svg {
    height: 2rem;
    
    width: 2rem;
    fill: #33322f
}

.arrow-controls__activationwrapper {
    background: hsla(0,0%,100%,.7);
    display: flex;
    justify-content: center;
    left: -600rem;
    margin-bottom: -6rem;
    padding: 1rem 0;
    position: relative;
    z-index: 2
}

.arrow-controls__activationwrapper.is-visible {
    left: 0
}

@media screen and (min-width: 1024px) {
    .arrow-controls {
        margin-left:0
    }

    .arrow-controls__button--left {
        background: linear-gradient(270deg,hsla(0,0%,100%,0),#fff 45%,#fff);
        display: block;
        left: 0;
        padding: 0 2.5rem 0 1rem;
        top: 0;
        z-index: 1
    }

    .arrow-controls__button--right {
        background: linear-gradient(90deg,hsla(0,0%,100%,0),#fff 45%,#fff);
        display: block;
        padding: 0 1rem 0 2.5rem;
        right: 0;
        top: 0
    }
}

.subnav {
    align-items: center;
    display: -webkit-box;
    display: flexbox;
    display: flex;
    font-size: 1.5rem;
    max-height: 3.8rem;
    overflow: hidden;
    position: relative
}

.subnav a {
    color: #33322f;
    display: inline-block;
    outline-offset: -.2rem;
    padding: 1.2rem 1.2rem 1.1rem
}

.subnav a:active,.subnav a:hover {
    background: #e4e4e4;
    color: #33322f;
    cursor: pointer
}

.subnav .current,.subnav .current .home__label {
    font-weight: 700
}

.subnav .nolink {
    display: block;
    padding: 1.2rem 1.2rem 1.1rem;
    position: relative;
    white-space: nowrap
}

.subnav .home {
    margin: 0 .3rem 0 2rem
}

.subnav .home__link {
    display: block;
    outline-offset: -.4rem;
    padding: 1.1rem 1.2rem
}

.subnav .home__label {
    height: 1px;
    left: -10000px;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 1px
}

.subnav__main {
    box-shadow: .5rem 0 .5rem -.5rem rgba(0,0,0,.1);
    z-index: 2
}

.subnav__main__list {
    align-items: center;
    display: -webkit-box;
    display: flexbox;
    display: flex
}

.subnav__main .subnav__item {
    position: relative;
    white-space: nowrap
}

.subnav__main .subnav__item:before {
    background-color: #e4e4e4;
    content: "";
    height: 70%;
    position: absolute;
    top: 15%;
    width: .05rem
}

.subnav__main .subnav__item:first-child:before {
    display: none
}

.subnav__sub {
    box-shadow: inset 0 .5rem .5rem -.5rem rgba(37,52,67,.1);
    overflow: hidden;
    position: relative;
    width: 100%
}

.subnav__sub__list {
    align-items: center;
    display: -webkit-box;
    display: flexbox;
    display: flex;
    padding-right: 2rem;
    position: relative;
    transition: all .5s ease-out
}

.subnav .latthema:first-of-type {
    border-left: .5rem solid transparent
}

.subnav .latthema__link {
    background: #e4e4e4;
    border: .1rem solid transparent;
    border-radius: 1.2rem;
    color: #33322f;
    margin: 0 .5rem;
    padding: .3rem .7rem
}

.subnav .latthema__link:active,.subnav .latthema__link:focus-visible,.subnav .latthema__link:hover {
    background: #c2c2c1
}

.subnav .latthema__link:focus-visible {
    outline: .2rem solid #80807e;
    outline-offset: .4rem
}

.subnav .arrow-controls {
    margin: 0
}

.subnav .arrow-controls__group {
    position: static
}

.subnav .arrow-controls__button--left,.subnav .arrow-controls__button--right {
    height: 3.8rem;
    top: .2rem
}

@media screen and (max-width: 1023px) {
    .subnav__main a:not(.home) {
        max-width:3rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

@media screen and (min-width: 1024px) {
    .subnav .home {
        margin-left:4rem
    }

    .subnav .home__label {
        left: auto;
        position: relative
    }
}

@media screen and (min-width: 1104px) {
    .subnav .home {
        margin-left:0
    }
}

.home__link .icon--home {
    display: block;
    fill: #33322f;
    height: 2rem;
    width: 2rem
}

@media screen and (min-width: 1024px) {
    .home__link .icon--home {
        display:none
    }
}

@media screen and (max-width: 1024px) {
    .article-breadcrumb .home__label {
        left:-10000px;
        position: absolute
    }
}

.eilmeldung {
    background-color: #cd144a;
    position: relative
}

.eilmeldung,.eilmeldung a {
    color: #fcf3f6
}

.eilmeldung__text {
    font-family: Thesis,Helvetica,Arial,sans-serif;
    font-size: 1.8rem;
    line-height: 2.4rem
}

.eilmeldung__info {
    padding: 2.4rem 2rem
}

.footer {
    background-color: #fff;
    color: #33322f;
    margin-top: 1.6rem;
    padding: 4rem 2rem
}

.footer__link {
    color: #33322f;
    display: flex;
    font-size: 1.8rem;
    line-height: 2.6rem;
    margin: .2rem;
    padding: .7rem 0 .7rem 2rem;
    text-decoration: none
}

.footer__link:active,.footer__link:hover {
    outline: 0;
    text-decoration: none
}

@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 {
    height: 4rem;
    margin-bottom: -.1rem;
    margin-top: -.1rem;
    width: 4rem;
    fill: #33322f
}

.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
}

.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-visible {
    outline: 2px solid #80807e
}

.footer__navigation__list__item a:active {
    outline: 0;
    text-decoration: none
}

.footer__navigation__bottom {
    list-style: none;
    margin: 1rem 0 8rem;
    padding: 0
}

.footer__navigation__bottom__item {
    overflow: hidden
}

.footer__navigation__list__item.footer--rundfunkanstalten-item:last-child {
    border-bottom: .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
    }
}

[data-js_component=nav-toggle-area] {
    transition: all .4s ease-in
}

[data-js_component=nav-toggle-area].is-hidden {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0
}

[data-js_component=nav-toggle-area].is-visible {
    max-height: 9.4rem;
    opacity: 1
}

.noscroll,.noscroll body {
    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;
    z-index: 121
}

.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 {
    position: relative;
    z-index: 111
}

.header-fancy-v2 .header__toggle-area {
    position: relative
}

.header-fancy-v2 .header__toggle-area:after {
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.header-fancy-v2 .header__banner {
    display: flex;
    justify-content: center
}

.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
    }

    .header-fancy-v2 .header__horiz {
        padding: 0 4rem
    }
}

@media screen and (min-width: 1104px) {
    .header-fancy-v2 {
        left:50%;
        max-width: 110.4rem;
        transform: translateX(-50%)
    }

    .header-fancy-v2 .header__logo__icon,.header-fancy-v2.small .header__logo__icon {
        margin-left: 0
    }

    .header-fancy-v2 .header__logo {
        padding-left: 4rem
    }
}

@media screen and (min-width: 1921px) {
    .header-fancy-v2 {
        max-width:128rem
    }
}

@media screen and (max-width: 1024px) {
    .header-fancy-v2.small.jsHideWordmark .header__logo__wortmarke {
        display:none
    }
}

@media print {
    .header-fancy-v2 {
        position: unset
    }

    .header-fancy-v2 .horizontal-nav {
        display: none
    }
}

html:has(.burger-navi-holder--open),html:has(.burger-navi-holder:not(.js)[open]) {
    overflow: hidden
}

html:has(.burger-navi-holder--open) body,html:has(.burger-navi-holder:not(.js)[open]) body {
    overflow: hidden
}

html:has(.burger-navi-holder--open) .global-wrapper .content-wrapper:after,html:has(.burger-navi-holder--open) .header__toggle-area:after,html:has(.burger-navi-holder:not(.js)[open]) .global-wrapper .content-wrapper:after,html:has(.burger-navi-holder:not(.js)[open]) .header__toggle-area:after {
    background: rgba(0,0,0,.6);
    opacity: .5;
    z-index: 111
}

.header-fancy-v2.small .burger-navi {
    top: 5.2rem
}

.burger-navi-holder.burger-navi-holder--open,.burger-navi-holder:not(.js)[open] {
    height: 100vh;
    height: 100dvh
}

.burger-navi-holder.burger-navi-holder--open .burger-navi,.burger-navi-holder:not(.js)[open] .burger-navi {
    transform: translateX(0)
}

.burger-navi-holder.burger-navi-holder--open .burger-navi a:focus-visible img,.burger-navi-holder:not(.js)[open] .burger-navi a:focus-visible img {
    outline: 0
}

@media screen and (min-width: 1024px) {
    .burger-navi-holder.burger-navi-holder--open .burger-navi,.burger-navi-holder:not(.js)[open] .burger-navi {
        top:8rem
    }
}

.burger-navi-holder {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

.burger-navi-holder .burger-button-animated {
    list-style: none
}

.burger-navi-holder .burger-button-animated::-webkit-details-marker {
    display: none
}

.burger-navi {
    align-content: stretch;
    bottom: 0;
    display: flex;
    flex-flow: row wrap;
    position: absolute;
    right: 0;
    top: 6.5rem;
    transform: translateX(100%);
    transition: transform .25s cubic-bezier(.75,.18,.07,.96);
    width: 100%;
    z-index: 141;
    -webkit-overflow-scrolling: touch;
    background-color: #fff;
    overflow-x: hidden;
    will-change: transform
}

.burger-navi,.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: flexbox;
    display: flex;
    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 .icon,.burger-navi .burger-panel__pagelink:hover .burger-panel__arrow--right .icon,.burger-navi .burger-panel__submenulink:hover .burger-panel__arrow--right .icon {
    fill: #fff
}

.burger-navi .burger-panel__pagelink-icon {
    padding: 1rem 2rem .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;
    
    width: 4rem
}

.burger-navi .burger-panel__arrow--right .icon {
    fill: #33322f;
    height: 2.4rem;
    pointer-events: none
}

.burger-navi .burger-panel__settings li {
    border-bottom: 0
}

.burger-navi .burger-panel .settings__box {
    background-color: #fff
}

.burger-navi-nav.js-hide-nav {
    display: none
}

.burger-navi-nav__sublevel {
    background-color: #fff;
    display: flex;
    height: 100%;
    justify-content: center;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 0;
    position: absolute;
    right: -1000px;
    top: 0;
    transition: all .5s;
    width: 100vw
}

.burger-navi-nav__sublevel .burger-panel {
    display: none;
    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 {
    display: block;
    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 .icon,.burger-navi-nav__sublevel .burger-panel.js-current-sublevel-active li:first-child .burger-panel__closelink .burger-panel__arrow--left .icon {
    fill: #fff
}

.burger-navi-nav__sublevel .burger-panel.js-current-sublevel-active li:first-child .burger-panel__closelink:focus-visible {
    outline: .2rem solid #fff;
    outline-offset: -.4rem
}

.js-burger-sublevel-active {
    left: 0;
    right: 0
}

.burger-panel__arrow--left {
    padding-left: .8rem;
    
    width: 4rem
}

.burger-panel__arrow--left svg {
    fill: #33322f;
    height: 2.4rem;
    pointer-events: none
}

.burger-navi-menu.js-burger-menu-inactive .bigfive,.burger-navi-menu.js-burger-menu-inactive .burger-navi-nav,.burger-navi-menu.js-burger-menu-inactive .burger-navi-nav__sublevel,.burger-navi-menu.js-burger-menu-inactive .burger-navi-search {
    display: 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
    }
}

.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-flow: row wrap
}

.teaser-left__topline-container .label {
    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;
    font-family: Thesis,Helvetica,Arial,sans-serif;
    font-size: 1.6rem;
    line-height: 2rem;
    margin-top: 0;
    padding: .2rem 0;
    width: 100%
}

.teaser-left__headline {
    color: #015999;
    display: -webkit-inline-box;
    overflow: hidden;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: normal
}

.teaser-left__headline cite,.teaser-left__headline span[lang] {
    font: inherit
}

.teaser-left__shorttext {
    color: #33322f;
    font-family: Thesis,Helvetica,Arial,sans-serif;
    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.teaser-right--highlight {
    background: #015999;
    border-bottom-color: #4082b3;
    color: #fff
}

.teaser-right.teaser-right--highlight .teaser-right__headline {
    color: #fff
}

.teaser-right.teaser-right--highlight .teaser-right__labeltopline {
    color: #dee9f2
}

.teaser-right.teaser-right--highlight .teaser-right__date {
    color: #99bdd6
}

.teaser-right.teaser-right--highlight .teaser-right__shorttext {
    color: #dee9f2
}

.teaser-right.teaser-right--highlight .teaser-right__tags {
    color: #99bdd6
}

.teaser-right.teaser-right--highlight.teaser-right--skeleton .teaser-right__headline-wrapper,.teaser-right.teaser-right--highlight.teaser-right--skeleton .teaser-right__image,.teaser-right.teaser-right--highlight.teaser-right--skeleton .teaser-right__shorttext,.teaser-right.teaser-right--highlight.teaser-right--skeleton .teaser-right__topline-container {
    background-color: #024682
}

.teaser-right {
    align-items: stretch;
    background: #fff;
    border-bottom: .1rem solid #e4e4e4;
    box-sizing: border-box;
    display: -webkit-box;
    display: flexbox;
    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: baseline;
    display: flex;
    flex-flow: row wrap
}

.teaser-right__topline-container .label {
    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__tags {
    color: #80807e;
    font-size: 1.2rem;
    line-height: 1.4rem;
    padding: 1.2rem 0 1.6rem
}

.teaser-right__labeltopline {
    color: #33322f;
    font-family: Thesis,Helvetica,Arial,sans-serif;
    font-size: 1.6rem;
    line-height: 2rem;
    margin-right: .6rem;
    padding: .2rem 0
}

.teaser-right__headline {
    color: #015999;
    display: -webkit-inline-box;
    margin-bottom: .8rem;
    overflow: hidden;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: normal
}

.teaser-right__shorttext {
    color: #33322f;
    font-family: Thesis,Helvetica,Arial,sans-serif;
    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)
    }
}

.teaser-right--voting__inner {
    display: -webkit-box;
    display: flexbox;
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.teaser-right--voting.is-active .ardplayer .ardplayer-posterframe,.teaser-right--voting.is-active .teaser-right--voting__inner {
    background: #015999
}

.teaser-right--voting.is-active .teaser-right__headline,.teaser-right--voting.is-active .teaser-right__shorttext {
    color: #fff
}

.teaser-right--voting.is-active .teaser-right__topline-container .label {
    background-color: #fff;
    color: #015999
}

.teaser-right--voting-result {
    border-bottom: .3rem solid #e4e4e4;
    padding-bottom: 0;
    position: relative
}

.teaser-right--voting-result__votes {
    display: -webkit-box;
    display: flexbox;
    display: flex;
    justify-content: space-between;
    padding: 2.4rem 0;
    width: 100%
}

.teaser-right--voting-result__votes .votes,.teaser-right--voting-result__votes .votes-percent {
    text-transform: uppercase;
    width: 50%
}

.teaser-right--voting-result__votes .votes strong,.teaser-right--voting-result__votes .votes-percent strong {
    font-family: Thesis,Helvetica,Arial,sans-serif;
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 2.8rem
}

.teaser-right--voting-result__votes .votes-percent {
    text-align: right
}

.teaser-right--voting-result .votes-bar {
    background-color: #cd144a;
    bottom: -.3rem;
    height: .3rem;
    left: 0;
    position: absolute
}

.teaser-right__voting-input {
    align-items: center;
    box-sizing: border-box;
    display: -webkit-box;
    display: flexbox;
    display: flex;
    justify-content: center;
    padding: 0 1rem
}

.teaser-right--skeleton .teaser-right__topline-container {
    background: #e4e4e4;
    border-radius: .3rem;
    height: 2rem;
    margin-bottom: 1rem;
    width: 40%
}

.teaser-right--skeleton .teaser-right__headline-wrapper {
    background: #e4e4e4;
    border-radius: .3rem;
    height: 3rem;
    margin-bottom: 1rem;
    width: 70%
}

.teaser-right--skeleton .teaser-right__shorttext {
    background: #e4e4e4;
    border-radius: .3rem;
    display: block;
    height: 1.5rem;
    margin-bottom: .3rem;
    width: 90%
}

.teaser-right--skeleton .teaser-right__image {
    background: #e4e4e4;
    display: block;
    padding-bottom: 100%;
    width: 100%
}

@media screen and (max-width: 768px) {
    .teaser-right__teaserinfo.list--maximized {
        padding-left:0;
        padding-top: .8rem
    }

    .teaser-right--voting-result {
        margin-bottom: 2.4rem
    }

    .teaser-right--voting-result__votes {
        display: block;
        padding-top: 2.4rem
    }

    .teaser-right--voting-result .votes,.teaser-right--voting-result .votes-percent {
        display: -webkit-box;
        display: flexbox;
        display: flex;
        justify-content: space-between;
        text-align: left;
        width: 100%
    }

    .teaser-right--voting-result .votes {
        border-bottom: 1px solid #e4e4e4;
        margin-bottom: 1rem;
        padding-bottom: 1rem
    }
}

@media screen and (min-width: 768px) {
    .teaser-right {
        flex-wrap:nowrap;
        margin-bottom: 2.4rem;
        padding-bottom: 2.4rem
    }

    .teaser-right--voting-result {
        flex-wrap: wrap;
        margin-bottom: 4.8rem;
        padding-bottom: 0
    }
}

.teaser-right__link {
    text-decoration: none;
    width: 100%
}

.teaser-right__teaserinfo .teaser-xs__link {
    border: 2px solid transparent;
    display: block
}

.teaser-right__teaserinfo .teaser-xs__link img {
    outline: 0
}

@media screen and (max-width: 767px) {
    .teaser-right:not(.teaser-right--voting,.teaser-right--voting-result) .teaser-right__shorttext {
        display:none
    }

    .teaser-right:not(.teaser-right--voting,.teaser-right--voting-result) .teaser-right__topline-container:not(.teaser-right--voting,.teaser-right--voting-result) {
        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-flow: row wrap
}

.teaser-mikro__topline-container .label {
    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 {
    color: #015999;
    display: -webkit-inline-box;
    overflow: hidden;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    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-nano__link {
    width: 100%
}

.teaser-nano__link:focus-visible {
    display: inherit;
    outline: .2rem solid #80807e;
    outline-offset: -.2rem
}

.teaser-nano__headline-wrapper {
    align-items: start;
    color: #33322f;
    display: flex;
    flex-flow: row nowrap;
    line-height: 2.1rem
}

.teaser-nano__icon {
    fill: #33322f;
    height: 2.4rem
}

.teaser-nano__icon .icon {
    height: 2.4rem
}

.teaser-nano__headline {
    overflow: hidden;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    color: #015999;
    display: -webkit-inline-box;
    margin-left: 1rem;
    white-space: normal
}

.teaser-nano.color--tongue {
    background-color: #015999
}

.teaser-nano.color--tongue .teaser-nano__headline {
    color: #fff
}

.teaser-nano.color--tongue .teaser-nano__icon {
    fill: #fff
}

.teaser-nano.color--tongue .teaser-nano__link:focus-visible {
    outline-color: #dee9f2
}

.teaser-slider {
    width: 100%
}

.teaser-slider__link {
    display: block
}

.teaser-slider__image-wrapper {
    aspect-ratio: 16/9;
    background-color: #e4e4e4;
    width: 100%
}

.teaser-slider__image-wrapper>img {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%
}

.teaser-slider__teaserinfo {
    padding: 1.6rem 0 0 2rem
}

.teaser-slider__topline-container {
    align-items: flex-start;
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 1.1rem
}

.teaser-slider__topline-container .label {
    margin-bottom: .6rem;
    margin-right: 1rem
}

.teaser-slider__topline {
    color: #33322f;
    display: inline-block;
    font-family: Thesis,Helvetica,Arial,sans-serif;
    font-size: 1.6rem;
    line-height: 2rem;
    margin: 0;
    width: auto
}

.teaser-slider__headline {
    color: #015999;
    display: -webkit-inline-box;
    font-size: 2rem;
    line-height: 2.4rem;
    overflow: hidden;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    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;
    position: relative;
    width: 100%
}

.mubu-container--prerender-height {
    height: 5.2rem
}

.mubu-container__trigger {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

.mubu-container__infotext {
    font-family: Thesis,Helvetica,Arial,sans-serif;
    font-size: 1.6rem;
    line-height: 2rem;
    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
}

.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-visible {
    outline-color: #dee9f2
}

.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;
    flex-basis: 100%;
    letter-spacing: .2rem;
    text-align: center;
    text-transform: uppercase
}

.trenner__text__headline {
    color: #015999;
    flex-basis: 100%;
    text-align: center
}

.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--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--breaking-red {
    background: #cd144a
}

.trenner.color--breaking-red .trenner__text__headline,.trenner.color--breaking-red .trenner__text__topline {
    color: #fcf3f6
}

.trenner.color--breaking-red.trenner--divider .trenner__divider {
    border-bottom: .1rem solid #e06d8f;
    display: block
}

.trenner--skeleton .trenner__text {
    display: block;
    width: 40%
}

.trenner--skeleton .trenner__text__topline {
    background: #e4e4e4;
    border-radius: .3rem;
    height: 1.8rem;
    margin: 0 auto .6rem;
    width: 80%
}

.trenner--skeleton .trenner__text__headline {
    background: #e4e4e4;
    border-radius: .3rem;
    height: 4rem
}

.trenner--skeleton.color--tongue .trenner__text__headline,.trenner--skeleton.color--tongue .trenner__text__topline {
    background-color: #024682
}

@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .trenner {
        display: block
    }
}

.subtrenner__headline {
    color: #33322f;
    float: left;
    font-family: Thesis,Helvetica,Arial,sans-serif;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2rem
}

.subtrenner.color--tongue {
    background-color: #015999
}

.subtrenner.color--tongue .subtrenner__headline {
    color: #fff
}

.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__link {
    color: #33322f
}

.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;
    font-family: Thesis,Helvetica,Arial,sans-serif;
    font-size: 1.6rem;
    line-height: 2rem;
    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__headline {
    color: #015999;
    float: left;
    overflow: hidden;
    width: 100%;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: normal
}

.teaser__headline cite,.teaser__headline span {
    font: inherit
}

.teaser.color--tongue .teaser__headline {
    color: #fff
}

.teaser__date {
    color: #80807e;
    font-size: 1.6rem;
    font-style: italic;
    line-height: 2rem;
    margin-bottom: 1.6rem
}

.teaser__date,.teaser__shorttext {
    float: left;
    font-family: Thesis,Helvetica,Arial,sans-serif;
    width: 100%
}

.teaser__shorttext {
    display: block;
    font-size: 1.8rem;
    line-height: 2.4rem
}

.teaser__medialinks .mubu-container__trigger {
    padding: 0 2rem
}

@media screen and (min-width: 1024px) {
    .teaser__medialinks .mubu-container__trigger {
        padding:0
    }
}

.teaser__medialinks .mubu-container__infotext {
    color: #80807e
}

.teaser__medialinks .color--tongue .mubu-container__infotext {
    color: #99bdd6
}

.teaser .teaser__link {
    display: flex;
    flex-wrap: wrap
}

.teaser .image-btn {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 42
}

@media screen and (min-width: 768px) {
    .teaser .image-btn {
        right:50%
    }

    .teaser.teaser--small .teaser__teaserinfo {
        padding: .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-visible .teaser-xs__headline,a:focus-visible .teaser-xs__topline,a:focus-visible .teaser__headline,a:focus-visible .teaser__topline {
    text-decoration: underline
}

a:active .teaser-xs__headline,a:active .teaser-xs__topline,a:active .teaser__headline,a:active .teaser__topline {
    text-decoration: none!important
}

.teasergroup.color--tongue {
    background-color: #015999
}

.teaser__link:focus-visible {
    outline: .2rem solid #80807e;
    outline-offset: -.2rem
}

.teaser__link:focus-visible img {
    outline: 0
}

.teaser.color--tongue .teaser__link:focus-visible {
    outline-color: #dee9f2
}

@media screen and (min-width: 1024px) {
    .teaser--top .teaser__shorttext,.teaser--top-aufmacher .teaser__shorttext {
        width:83.3333333333%
    }
}

.textabsatz {
    background: #fff;
    box-sizing: border-box;
    color: #33322f;
    display: block;
    font-family: Thesis,Helvetica,Arial,sans-serif;
    font-size: 2rem;
    line-height: 2.6rem;
    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.3333333333%
    }
}

@media screen and (min-width: 1024px) {
    .textabsatz--contains-image {
        margin-right:16.6666666667%
    }
}

.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 {
    color: #33322f;
    font-family: Thesis,Helvetica,Arial,sans-serif;
    font-size: 2rem;
    line-height: 2.6rem
}

.bulletpoint-list,.bulletpoint-list ol,.bulletpoint-list ul {
    margin: 0 0 2.4rem;
    padding: .8rem 0 0 2rem
}

.bulletpoint-list :last-child,.bulletpoint-list ol :last-child,.bulletpoint-list ul :last-child {
    margin-bottom: 0
}

.bulletpoint-list li,.bulletpoint-list ol li,.bulletpoint-list ul li {
    margin-bottom: 1.2rem
}

.bulletpoint-list li:last-child,.bulletpoint-list ol li:last-child,.bulletpoint-list ul li:last-child {
    margin-bottom: 0
}

.bulletpoint-list ol:is(ol),.bulletpoint-list ul:is(ol),.bulletpoint-list:is(ol) {
    list-style-type: decimal
}

.bulletpoint-list ol:is(ul),.bulletpoint-list ul:is(ul),.bulletpoint-list:is(ul) {
    list-style-type: disc
}

.bulletpoint-list li ol,.bulletpoint-list li ul,.bulletpoint-list ol li ol,.bulletpoint-list ol li ul,.bulletpoint-list ul li ol,.bulletpoint-list ul li ul {
    margin-left: 1.2rem;
    margin-top: 1.2rem
}

.bulletpoint-list {
    margin-left: 2rem;
    margin-right: 2rem
}

@media screen and (min-width: 768px) {
    .bulletpoint-list {
        margin-left:0;
        margin-right: 0
    }
}

.bulletpoint-list.color--tongue,.color--tongue .bulletpoint-list {
    color: #dee9f2
}

.bulletpoint-list a.copytext-anchor {
    border: none
}

.infobox {
    color: #33322f;
    font-family: Thesis,Helvetica,Arial,sans-serif;
    font-size: 1.8rem;
    line-height: 2.4rem;
    margin: 0 0 2.4rem;
    padding: 1.6rem 2rem 1.6rem 3.2rem
}

.infobox,.infobox *,.infobox :after,.infobox :before {
    box-sizing: border-box
}

.infobox a {
    border-bottom: 1px solid #015999;
    color: #015999
}

.infobox__image {
    float: right;
    margin-right: -2rem;
    margin-top: -1.6rem;
    padding: 0 0 1.2rem 1.2rem;
    width: 41.66666%
}

.infobox__headline,.infobox__headline--textonly {
    color: #015999;
    padding-bottom: 1.2rem
}

.infobox ol,.infobox ul {
    margin: 0 0 2.4rem;
    padding: .8rem 0 0 2rem
}

.infobox ol :last-child,.infobox ul :last-child {
    margin-bottom: 0
}

.infobox ol li,.infobox ul li {
    margin-bottom: 1.2rem
}

.infobox ol li:last-child,.infobox ul li:last-child {
    margin-bottom: 0
}

.infobox ol:is(ol),.infobox ul:is(ol) {
    list-style-type: decimal
}

.infobox ol:is(ul),.infobox ul:is(ul) {
    list-style-type: disc
}

.infobox ol li ol,.infobox ol li ul,.infobox ul li ol,.infobox ul li ul {
    margin-left: 1.2rem;
    margin-top: 1.2rem
}

.infobox ol,.infobox ul {
    padding-top: 0
}

.infobox ol:last-child,.infobox p:last-child,.infobox ul:last-child {
    margin-bottom: 0
}

.infobox p {
    margin-bottom: 1.2rem
}

.color--tongue .infobox,.infobox.color--tongue {
    background-color: #015999;
    color: #dee9f2
}

.color--tongue .infobox__headline,.color--tongue .infobox__headline--textonly,.infobox.color--tongue__headline,.infobox.color--tongue__headline--textonly {
    color: #fff
}

.color--tongue .infobox .textlink--extern,.infobox.color--tongue .textlink--extern {
    border-bottom-color: #fff
}

.color--tongue .infobox a,.infobox.color--tongue a {
    border-bottom-color: #fff;
    color: #fff
}

.color--tongue .infobox abbr,.infobox.color--tongue abbr {
    border-bottom-color: #fff
}

.color--tongue .infobox em,.infobox.color--tongue em {
    margin-right: .8rem
}

@media screen and (min-width: 768px) {
    .infobox__image {
        width:33.333334%
    }
}

@media screen and (min-width: 1024px) {
    .infobox {
        padding:2.4rem 3.2rem 2.4rem 4rem
    }

    .infobox__image {
        margin-right: -3.2rem;
        margin-top: -2.4rem
    }
}

.copytext-element-wrapper {
    box-sizing: border-box;
    margin: 0 0 2.4rem;
    padding: 1.2rem 2rem
}

.copytext-element-wrapper--overlap,.copytext-element-wrapper__spacing {
    padding: 1.2rem 0
}

.copytext-element-wrapper__top-spacing {
    padding-top: 2rem
}

.copytext-element-wrapper__no-top-spacing {
    padding-top: 0
}

.copytext-element-wrapper__vertical-only {
    margin: 0;
    padding: 0 2rem
}

@media screen and (max-width: 767px) {
    .copytext-element-wrapper__divider span {
        margin:0;
        width: 100%
    }

    .copytext-element-wrapper--overlap .copytext-element-wrapper__divider span {
        margin: 0 2rem;
        width: calc(100% - 4rem)
    }
}

@media screen and (min-width: 768px) {
    .copytext-element-wrapper {
        padding:1.2rem 0
    }

    .copytext-element-wrapper__vertical-only {
        margin: 0;
        padding: 0
    }
}

@media screen and (min-width: 1024px) {
    .copytext-element-wrapper__top-spacing {
        padding-top:0
    }
}

@media print {
    .copytext-element-wrapper {
        display: none
    }
}

.meldung__subhead {
    color: #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;
    font-family: Thesis,Helvetica,Arial,sans-serif;
    font-size: 1.6rem;
    line-height: 2rem;
    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!important;
    font: inherit;
    scroll-margin-top: 6rem
}

.meldung__subhead a {
    scroll-margin-top: 8rem
}

@media screen and (min-width: 768px) {
    .meldung__subhead a {
        scroll-margin-top:10rem
    }
}

.liveblog__datetime,.meldung__uhrzeit {
    color: #80807e;
    font-size: 1.6rem;
    padding-top: 3.2rem
}

@media screen and (min-width: 768px) {
    .liveblog__datetime,.meldung__uhrzeit {
        padding:0
    }
}

.meldung__uhrzeit {
    margin-bottom: .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,.meldung__subhead {
    box-sizing: border-box;
    padding: 0 2rem
}

.copytext__embed--boerse {
    margin-bottom: 4rem;
    margin-top: 0
}

@media screen and (min-width: 768px) {
    .copytext__embed,.meldung__subhead,.meldung__topline-subhead {
        padding:0
    }

    .copytext__audio__info,.copytext__video__info {
        padding: 1rem 0
    }
}

@media print {
    .copytext__audio,.copytext__video {
        display: none
    }
}

.archive__dachzeile {
    color: #33322f;
    font-size: 1.6rem;
    margin-bottom: .4rem
}

.archive__headline {
    color: #015999;
    margin-bottom: 1.6rem
}

.verweisabsatz {
    font-family: Thesis,Helvetica,Arial,sans-serif;
    font-size: 2rem;
    font-style: italic;
    line-height: 2.6rem
}

.verweisabsatz__wrapper {
    margin-top: 1.2rem
}

.verweisabsatz__link,.verweisabsatz__link-description {
    font-family: Thesis,Helvetica,Arial,sans-serif;
    font-size: 2rem;
    font-style: italic;
    line-height: 2.6rem
}

.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
}

@media screen and (min-width: 768px) {
    .multimediahead {
        padding:0
    }
}

.multimediahead__headline-wrapper {
    display: inline
}

.multimediahead__label {
    display: block;
    float: left;
    margin-bottom: .6rem
}

@media screen and (min-width: 1024px) {
    .multimediahead__label {
        margin-bottom:.8rem
    }
}

.multimediahead__topline {
    display: inline-block;
    font-family: Thesis,Helvetica,Arial,sans-serif;
    font-size: 1.6rem;
    line-height: 2rem;
    margin-bottom: .6rem
}

@media screen and (min-width: 1024px) {
    .multimediahead__topline {
        margin-bottom:.8rem
    }
}

.multimediahead__headline {
    color: #015999;
    float: left;
    width: 100%
}

.multimediahead__date {
    clear: both;
    color: #80807e;
    display: block;
    font-family: Thesis,Helvetica,Arial,sans-serif;
    font-size: 1.6rem;
    font-style: italic;
    line-height: 2rem;
    margin-bottom: 1.6rem
}

.multimediahead__shorttext {
    font-family: Thesis,Helvetica,Arial,sans-serif;
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.6rem;
    margin-bottom: 2.4rem
}

.multimedia-foot {
    margin-top: 3.2rem
}

.home__icon {
    margin-left: 2rem;
    padding-right: .3rem
}

.home__icon svg {
    height: 2rem;
    width: 2rem;
    fill: #33322f
}

.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;
    overflow: -moz-scrollbars-none;
    overflow-y: hidden;
    -moz-scrollbar-width: none;
    scrollbar-width: none;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
}

.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:hover {
    background: #c2c2c1
}

.horizontal-nav .swipe .latthema--link:focus-visible {
    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.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-visible {
    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: 2rem 3rem
}

@media screen and (min-width: 1024px) {
    .settings__box {
        padding:2rem 4rem
    }
}

.form--settings {
    padding-bottom: .9rem
}

.form--settings li {
    display: inline-block;
    width: 49%
}

.form--settings li.basic-settings {
    width: 100%
}

.basic-settings {
    margin-bottom: 1.6rem
}

.thirdparty-settings {
    margin-top: 3rem
}

.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%
}

@media screen and (max-width: 768px) {
    .seitenkopf__title {
        padding:0 2rem
    }
}

.seitenkopf__topline {
    color: #33322f;
    display: inline-block;
    font-family: Thesis,Helvetica,Arial,sans-serif;
    font-size: 1.6rem;
    line-height: 2rem;
    margin-bottom: .6rem
}

@media screen and (min-width: 1024px) {
    .seitenkopf__topline {
        margin-bottom:.8rem
    }
}

.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
}

.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--highlight {
    background-color: #015999
}

.buttongroup__item {
    flex: 1;
    padding-top: 1.6rem
}

.buttongroup__item:first-of-type {
    padding-top: 0
}

.buttongroup--centered,.buttongroup--centered .buttongroup__item {
    display: flex;
    justify-content: center
}

.buttongroup--headline {
    font-size: 1.6rem;
    padding-top: 1.6rem
}

.buttongroup--copytext {
    padding: 1.6rem 0 1.2rem
}

.buttongroup--skeleton .buttongroup__item .btn {
    background: #e4e4e4;
    box-sizing: border-box;
    display: block;
    height: 3.2rem;
    width: 100%
}

.color--tongue .buttongroup--skeleton .buttongroup__item .btn {
    background-color: #024682
}

@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.3333333333%;
        min-width: 25%;
        padding: 0 1rem 0 0
    }

    .buttongroup__item:only-child {
        max-width: 41.6666666667%;
        padding: 0
    }

    .buttongroup--centered {
        display: flex;
        justify-content: center
    }

    .buttongroup__item:last-of-type {
        padding-right: 0
    }

    .buttongroup--copytext {
        padding: 1.6rem 0
    }

    .buttongroup--copytext .buttongroup__item,.buttongroup--searchresults .buttongroup__item {
        max-width: 50%
    }
}

@media screen and (min-width: 1024px) {
    .buttongroup:not(.buttongroup--copytext,.buttongroup--searchresults) {
        padding:0 0 2.4rem
    }

    .buttongroup__item:only-child {
        max-width: 33.3333333333%
    }

    .buttongroup--centered .buttongroup__item:only-child {
        max-width: 50%
    }
}

.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;
    margin-bottom: 1.6rem
}

@media screen and (min-width: 768px) {
    .copytext-galerie {
        padding:0
    }
}

.taglist {
    display: flex;
    overflow: auto;
    scrollbar-width: none;
    white-space: nowrap;
    -ms-overflow-style: none;
    margin: 2.4rem 0 1.6rem
}

@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
}

.socialbuttons__list__item {
    display: flex;
    flex: 1 1 0%;
    justify-content: space-evenly;
    width: 3.6rem
}

.socialbuttons__list__item .tabfocus {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%
}

.socialbuttons button {
    background-color: transparent;
    cursor: pointer
}

.socialbuttons button:focus-visible {
    outline: .2rem solid #80807e;
    outline-offset: -.2rem
}

.color--tongue .socialbuttons button:focus-visible,.socialbuttons.color--tongue button:focus-visible {
    outline-color: #99bdd6
}

.socialbuttons .socialbuttons__icon,.socialbuttons .socialbuttons__icon--functional {
    height: 3.6rem;
    margin-bottom: .8rem;
    width: 3.6rem
}

.socialbuttons .socialbuttons__icon--functional {
    background: #e4e4e4;
    border-radius: 3rem
}

.socialbuttons .socialbuttons__icon--functional svg {
    fill: #33322f;
    margin: 0 auto;
    padding: .8rem;
    width: 2rem
}

.socialbuttons .socialbuttons__subline {
    color: #33322f;
    font-family: Thesis,Helvetica,Arial,sans-serif;
    font-size: 1.4rem;
    line-height: 1.6rem
}

.socialbuttons--with-endline {
    margin: 0;
    padding-bottom: 1.2rem;
    padding-top: 1rem;
    width: unset
}

.boersenteaser {
    background: #fff;
    width: 100%
}

.boersenteaser__embed:last-child {
    margin-bottom: 0
}

.boersenteaser__embed__inner {
    box-sizing: border-box;
    margin-bottom: 3.2rem;
    padding: 0 2rem
}

@media screen and (min-width: 768px) {
    .boersenteaser__embed__inner {
        margin-bottom:2.4rem
    }
}

@media screen and (min-width: 1024px) {
    .boersenteaser .boersenteaser__embed:nth-child(2n) .boersenteaser__embed__inner {
        padding:0 0 0 2rem
    }

    .boersenteaser .boersenteaser__embed:nth-child(odd) .boersenteaser__embed__inner {
        padding: 0 2rem 0 0
    }
}

.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-visible {
    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
}

.anchor-link {
    color: #33322f;
    font-size: 1.5rem;
    left: -10000px;
    opacity: 0;
    position: absolute;
    text-decoration: underline;
    top: 1.2rem
}

.anchor-link:focus-visible {
    background: #fff;
    left: 1.2rem;
    opacity: 1;
    padding: .8rem;
    z-index: 1000
}

.wahlbeteiligung {
    background: #fff;
    display: flex;
    flex-direction: column;
    font-family: Thesis,Helvetica,Arial,sans-serif;
    font-size: 1.6rem;
    line-height: 2rem
}

.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-flow: row 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
    }
}

.compact-list {
    background: #fff;
    box-sizing: border-box;
    display: inline-block;
    width: 100%
}

.compact-list.color--tongue {
    background: #015999
}

.compact-list__list {
    display: flex;
    flex-flow: row wrap;
    padding: 0 2rem
}

@media screen and (min-width: 1024px) {
    .compact-list__list {
        padding:0
    }
}

.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: 21
}

.back-to-top.hide {
    opacity: 0;
    pointer-events: none
}

.back-to-top.show {
    opacity: 1;
    pointer-events: auto
}

.expanderbox {
    background-color: #fff
}

.expanderbox--tongue {
    background: #015999
}

.expanderbox--tongue .expanderbox__header {
    background: #015999;
    color: #dee9f2;
    padding: 0 2rem
}

.expanderbox--tongue .expanderbox__header:focus-visible {
    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;
    font-family: Thesis,Helvetica,Arial,sans-serif;
    font-size: 1.8rem;
    justify-content: space-between;
    line-height: 2.4rem
}

.expanderbox__header:focus-visible {
    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.teaser-xs--skeleton.color--tongue .teaser-xs__headline-wrapper,.teaser-xs.teaser-xs--skeleton.color--tongue .teaser-xs__image,.teaser-xs.teaser-xs--skeleton.color--tongue .teaser-xs__topline-container {
    background-color: #024682
}

.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-flow: row wrap
}

.teaser-xs__topline-container .label {
    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;
    font-family: Thesis,Helvetica,Arial,sans-serif;
    font-size: 1.6rem;
    line-height: 2rem;
    margin-top: 0;
    padding: .2rem 0;
    width: 100%
}

.teaser-xs__headline {
    color: #015999;
    display: -webkit-inline-box;
    overflow: hidden;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: normal
}

.teaser-xs__headline cite,.teaser-xs__headline span[lang] {
    font: inherit
}

.teaser-xs__media {
    position: relative
}

.teaser-xs--skeleton .teaser-xs__image {
    background: #e4e4e4;
    display: block;
    padding-bottom: 100%;
    width: 100%
}

.teaser-xs--skeleton .teaser-xs__topline-container {
    background: #e4e4e4;
    border-radius: .3rem;
    height: 2rem;
    margin-bottom: 1rem;
    width: 40%
}

.teaser-xs--skeleton .teaser-xs__headline-wrapper {
    background: #e4e4e4;
    border-radius: .3rem;
    height: 3rem;
    margin-bottom: 1rem;
    width: 70%
}

.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: .05rem
}

.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;
    font-family: Thesis,Helvetica,Arial,sans-serif;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.4rem
}

.simpletable>thead>tr>th .textlink,.simpletable>thead>tr>th .textlink--extern {
    border-bottom: 1px solid #fff;
    color: #fff;
    font: inherit
}

.simpletable>thead>tr>th .textlink--extern:after {
    background: url(../index/extern--fill-white.svg) no-repeat;
    background-position-y: .05rem
}

.simpletable .textlink--extern {
    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-visible {
    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-visible {
    outline-color: #99bdd6
}

.dropdown-navi.dropdown-navi--tongue .dropdown-navi__link.disabled .dropdown-navi__link__text {
    color: #99bdd6
}

.dropdown-navi.dropdown-navi--tongue .dropdown-navi__link.disabled .dropdown-navi__link__icon .icon {
    fill: #99bdd6
}

.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-flow: row 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-flow: row wrap
}

.teaser-absatz__topline-container .label {
    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;
    font-family: Thesis,Helvetica,Arial,sans-serif;
    font-size: 1.6rem;
    line-height: 2rem;
    margin-top: 0;
    padding: .2rem 0;
    width: 100%
}

.teaser-absatz__headline {
    color: #015999;
    display: -webkit-inline-box;
    overflow: hidden;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: normal
}

.teaser-absatz__shorttext-container {
    display: block;
    margin-top: 1.2rem
}

@media screen and (max-width: 768px) {
    .teaser-absatz__shorttext-container {
        display:none
    }
}

.teaser-absatz__shorttext {
    color: #33322f;
    font-family: Thesis,Helvetica,Arial,sans-serif;
    font-size: 1.6rem;
    line-height: 2rem
}

.teaser-absatz__content-wrapper {
    width: 100%
}

.teaser-absatz__link:focus-visible {
    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: flexbox;
    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: flexbox;
    display: flex;
    width: 100%
}

.backlink {
    background-color: #fff;
    box-sizing: border-box;
    font-size: 1.6rem;
    line-height: 1.8rem;
    padding: 0 2rem 3.2rem
}

@media screen and (min-width: 768px) {
    .backlink {
        padding:0 0 3.2rem
    }
}

.backlink__img-wrapper {
    background-color: #fff;
    border-radius: .3rem;
    height: 4rem;
    margin: 0 1rem 0 0;
    padding: .3rem
}

.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: flexbox;
    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;
    right: -1.2rem;
    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: flexbox;
    display: flex;
    height: 6rem;
    justify-content: flex-start;
    transition: all 1s ease-in-out
}

.tabnav__list.swipe {
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    overflow-y: hidden;
    -moz-scrollbar-width: none;
    scrollbar-width: none;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
}

.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;
    width: 100%
}

.legend__list {
    padding: 0
}

.legend__color {
    border-radius: .3rem;
    display: inline-block;
    height: 2rem;
    margin-right: .8rem;
    min-width: 2rem
}

.legend__label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.legend__list-item {
    align-items: center;
    display: flex
}

@media screen and (min-width: 768px) {
    .legend .legend__list-item {
        display:inline-flex;
        width: 49%
    }
}

.legend__item {
    overflow: hidden;
    text-indent: 3rem;
    text-overflow: ellipsis;
    white-space: nowrap
}

.legend .legend--symbol {
    position: relative
}

.legend .legend--symbol:before {
    border-radius: .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: #c9f
}

.legend .legend--symbol--weather-level-color-1:before {
    background-color: #f4dd35
}

.legend .legend--symbol--weather-level-color-0:before {
    background-color: #e1e0e0
}

@media screen and (min-width: 768px) {
    .legend__item {
        display:inline-block;
        text-indent: 5.8rem;
        width: 49%
    }
}

.infoheadline {
    color: #33322f;
    font-family: Thesis,Helvetica,Arial,sans-serif;
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.6rem;
    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;
    font-family: Thesis,Helvetica,Arial,sans-serif;
    font-size: 1.8rem;
    line-height: 2.4rem
}

@media screen and (min-width: 768px) {
    .color-coded-box {
        padding-left:0
    }
}

body .smartbanner.smartbanner--android,body .smartbanner.smartbanner--ios {
    background: #015999;
    bottom: 0;
    box-shadow: none;
    position: fixed;
    top: auto;
    z-index: 10000
}

body .smartbanner.smartbanner--android .smartbanner__info,body .smartbanner.smartbanner--ios .smartbanner__info {
    color: #fff;
    text-shadow: none
}

body .smartbanner.smartbanner--android .smartbanner__exit,body .smartbanner.smartbanner--ios .smartbanner__exit {
    background: none;
    box-shadow: none
}

body .smartbanner.smartbanner--android .smartbanner__button,body .smartbanner.smartbanner--ios .smartbanner__button {
    box-shadow: none;
    font-size: 16px;
    padding: 4px
}

body .smartbanner.smartbanner--android .smartbanner__button__label {
    background: #fff;
    border-radius: 30px;
    color: #015999
}

body .smartbanner.smartbanner--android .smartbanner__exit:after,body .smartbanner.smartbanner--android .smartbanner__exit:before {
    background: #fff
}

.icon-header {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    padding: 2.4rem 0
}

.icon-header__img-wrapper {
    align-items: center;
    display: flex;
    height: 4rem;
    justify-content: center;
    margin-right: 2rem;
    width: 4rem
}

.icon-header__img-wrapper .icon {
    display: flex;
    height: 3.6rem;
    width: 3.6rem;
    fill: #015999
}

.icon-header__headline {
    color: #015999;
    margin-bottom: .8rem
}

.icon-header__subheadline {
    font-size: 1.4rem;
    font-size: #80807e;
    line-height: 1.4rem
}

.icon-header--skeleton .icon-header__text-wrapper {
    width: 80%
}

.icon-header--skeleton .icon-header__img-wrapper {
    background: #e4e4e4;
    border-radius: 50%
}

.icon-header--skeleton .icon-header__headline {
    background: #e4e4e4;
    border-radius: .3rem;
    height: 2.8rem;
    width: 25%
}

.icon-header--skeleton .icon-header__subheadline {
    background: #e4e4e4;
    border-radius: .3rem;
    height: 1.4rem;
    width: 30%
}

.dynamic-navigation {
    font-size: 1.8rem;
    padding: 0 2rem
}

.dynamic-navigation__level-two {
    box-sizing: border-box;
    display: none;
    left: 0
}

.dynamic-navigation__level-two.active {
    background: #fff;
    display: block;
    height: 100%;
    overflow: hidden auto;
    padding: 0 2rem;
    position: absolute;
    top: 0;
    width: 100%
}

@media screen and (min-width: 768px) {
    .dynamic-navigation,.dynamic-navigation__level-two.active {
        padding:0 4rem
    }
}

.dynamic-navigation__pagelink-icon {
    margin-right: 1.7rem;
    position: relative;
    top: .2rem;
    width: 2rem
}

.dynamic-navigation__pagelink-icon .icon {
    fill: #33322f
}

.dynamic-navigation__link {
    align-items: center;
    background-color: #fff;
    box-sizing: border-box;
    color: #33322f;
    display: flex;
    height: 5.4rem;
    padding: 1rem 2rem 1rem 1rem;
    width: 100%
}

.dynamic-navigation__link:focus-visible {
    outline: .2rem solid #80807e;
    outline-offset: -.2rem
}

.dynamic-navigation__submenulink {
    align-items: center;
    background-color: #fff;
    display: flex;
    height: 5.4rem
}

.dynamic-navigation__submenulinkicon {
    display: flex;
    padding-left: 1.7rem;
    
    width: 4rem
}

.dynamic-navigation__submenulinkicon .icon {
    fill: #33322f;
    height: 2.4rem;
    pointer-events: none
}

.dynamic-navigation__link:hover,.dynamic-navigation__submenulink:hover {
    background-color: #015999;
    color: #fff;
    cursor: pointer
}

.dynamic-navigation__link:hover .icon,.dynamic-navigation__submenulink:hover .icon {
    fill: #fff
}

.dynamic-navigation__submenulink:focus-visible {
    outline: .2rem solid #80807e;
    outline-offset: -.2rem
}

.dynamic-navigation-item {
    align-items: center;
    background-color: #fff;
    border-bottom: .1rem solid #e4e4e4;
    box-sizing: content-box;
    color: #33322f;
    display: flex;
    height: 5.4rem;
    width: 100%
}

.dynamic-navigation-item.dynamic-navigation-item--separated {
    border-bottom: .1rem solid #33322f;
    padding-bottom: .8rem
}

.dynamic-navigation-item.dynamic-navigation-item--separated-top {
    border-top: .1rem solid #33322f;
    margin-top: .8rem
}

.dynamic-navigation__level-two .dynamic-navigation-item.dynamic-navigation-item--separated {
    margin-top: 0;
    padding-bottom: 0
}

.dynamic-navigation-item--headline {
    border-bottom: none;
    overflow-y: clip;
    padding-left: 1.8rem
}

.dynamic-navigation-item--headline .dynamic-navigation__link {
    background-color: #015999;
    box-sizing: content-box;
    color: #fff;
    margin-left: -1.8rem;
    margin-right: 1.8rem
}

@media screen and (min-width: 768px) {
    .dynamic-navigation-item--headline .dynamic-navigation__link {
        border-right:1rem solid #015999;
        margin-left: -5.8rem;
        margin-right: -4rem
    }

    .dynamic-navigation-item--headline .dynamic-navigation__link .dynamic-navigation__submenulinkicon {
        padding-left: 3.7rem
    }
}

.dynamic-navigation-item--headline .dynamic-navigation__link .icon {
    fill: #fff
}

.dynamic-navigation-item--headline a.dynamic-navigation__link:focus-visible {
    height: 3.4rem
}

.dynamic-navigation-item--headline .dynamic-navigation__link:focus-visible {
    outline: .2rem solid #fff;
    outline-offset: -1.4rem
}

.dynamic-navigation-item--headline .dynamic-navigation__submenulinkicon {
    padding-left: 0;
    width: 3.1rem
}

.subheader {
    align-items: center;
    background: #fff;
    box-sizing: border-box;
    display: flex;
    padding: 3rem 0
}

.subheader--highlight {
    background: #015999
}

.subheader--highlight .subheader__headline {
    color: #dee9f2
}

.subheader--highlight .subheader__textlink {
    color: #99bdd6
}

.subheader__link {
    flex: 1
}

.subheader__headline {
    color: #33322f;
    flex: 1;
    font-size: 2rem;
    margin: 0
}

.subheader__btn-wrapper {
    height: 4rem;
    width: 4rem
}

.subheader__btn-wrapper--left {
    margin-right: 2rem
}

.subheader__btn-wrapper--right {
    margin-left: 2rem
}

.subheader__decorative-image {
    height: 4rem;
    margin-right: 1.2rem;
    object-fit: contain
}

.subheader__tooltip-wrapper {
    position: absolute;
    top: 3rem;
    width: 100%
}

.subheader__textlink {
    background: transparent;
    color: #80807e;
    cursor: pointer;
    font-size: 1.4rem;
    margin-left: 1.2rem;
    text-decoration: underline
}

.subheader__textlink:focus-visible {
    outline: .2rem solid #80807e;
    outline-offset: .2rem
}

.infotext {
    color: #33322f;
    font-size: 1.6rem;
    line-height: 2.4rem;
    padding: 1.6rem 0
}

.infotext,.settings-navigation {
    background: #fff
}

.settings-navigation__item {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.settings-navigation__item.settings-navigation__item--secondary .settings-navigation__label,.settings-navigation__item.settings-navigation__item--secondary .toggle-switch__label {
    padding-left: 3rem
}

.settings-navigation__item--skeleton .settings-navigation__label {
    background-color: #e4e4e4;
    border-radius: .3rem;
    height: 1.5rem;
    max-width: 60%
}

.settings-navigation__item--skeleton .settings-navigation__btn-wrapper:before,.settings-navigation__item--skeleton .settings-navigation__icon-wrapper:before {
    background-color: #e4e4e4;
    border-radius: .25rem;
    content: "";
    display: block;
    height: 3rem;
    width: 3rem
}

.settings-navigation__detail-wrapper {
    align-items: center;
    display: flex;
    gap: 1rem
}

.settings-navigation__thumbnail {
    flex: 0 0 var(--settings-thumbnail-width,7rem)
}

.settings-navigation__link {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 1.5rem .8rem 1.5rem 0;
    width: 100%
}

.settings-navigation__link .icon {
    fill: #33322f
}

.settings-navigation__link:hover {
    background-color: #015999
}

.settings-navigation__link:hover .settings-navigation__label {
    color: #fff
}

.settings-navigation__link:hover .icon {
    fill: #fff
}

.settings-navigation__label {
    color: #33322f;
    flex-grow: 1;
    font-size: 1.8rem;
    padding: .5rem 0 .5rem 2rem
}

.settings-navigation__label--small {
    font-family: Thesis,Helvetica,Arial,sans-serif;
    font-size: 1.4rem;
    line-height: 1.6rem
}

.settings-navigation__btn-wrapper,.settings-navigation__icon-wrapper {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    height: 5.4rem;
    justify-content: center;
    width: 5.4rem
}

.settings-navigation__icon-wrapper .icon {
    fill: #015999
}

.settings-navigation .icon {
    height: 2.4rem;
    width: 2.4rem
}

.settings-navigation__headline {
    align-items: center;
    display: flex;
    font-size: 1.8rem;
    min-height: 5.4rem;
    padding-left: 2rem
}

.settings-navigation .toggle-switch {
    min-height: 5.4rem
}

.settings-navigation .toggle-switch__label {
    font-size: 1.8rem;
    padding-left: 2rem
}

.dialog {
    background: #fff;
    border: none;
    max-width: 37.5rem;
    padding: 2rem
}

.dialog__headline {
    color: #015999;
    margin-bottom: 1.2rem
}

.dialog__text {
    color: #33322f;
    font-family: Thesis,Helvetica,Arial,sans-serif;
    font-size: 2rem;
    line-height: 2.6rem;
    margin-bottom: 1.2rem
}

.dialog::backdrop {
    backdrop-filter: blur(.5rem);
    background: rgba(0,0,0,.6)
}

.promo-box {
    align-items: center;
    background: #fff;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 2.4rem 2rem 0;
    width: 100%
}

.promo-box--background-light {
    background-color: #f1f1f1
}

.promo-box--highlight {
    background: #015999
}

.promo-box--highlight .promo-box__primary-text,.promo-box--highlight .promo-box__secondary-text {
    color: #dee9f2
}

.promo-box--highlight.promo-box--skeleton .buttongroup,.promo-box--highlight.promo-box--skeleton .promo-box__primary-text,.promo-box--highlight.promo-box--skeleton .promo-box__secondary-text {
    background-color: #024682
}

.promo-box__image {
    margin-bottom: 1.6rem;
    max-height: 17.5rem;
    max-width: 40rem;
    object-fit: contain
}

.promo-box__main-content {
    align-items: center;
    display: flex;
    flex-direction: column;
    text-align: center
}

.promo-box .buttongroup {
    background: transparent;
    margin-top: 2.4rem
}

.promo-box__primary-text {
    color: #015999
}

.promo-box__primary-text+.promo-box__secondary-text {
    padding-top: 1.2rem
}

.promo-box__secondary-text {
    color: #33322f;
    font-family: Thesis,Helvetica,Arial,sans-serif;
    font-size: 1.8rem;
    line-height: 2.4rem;
    text-align: center
}

.promo-box--skeleton .promo-box__primary-text {
    background-color: #f1f1f1;
    border-radius: .3rem;
    height: 3.8rem;
    margin-bottom: .8rem;
    width: 30%
}

.promo-box--skeleton .promo-box__secondary-text {
    background-color: #f1f1f1;
    border-radius: .3rem;
    height: 2.4rem;
    margin-top: .6rem;
    width: 80%
}

.promo-box--skeleton .buttongroup {
    background-color: #f1f1f1;
    height: 3.2rem;
    margin-bottom: 2.4rem;
    width: 40%
}

@media only screen and (min-width: 768px) {
    .promo-box .promo-box__primary-text,.promo-box .promo-box__secondary-text {
        padding-left:2rem;
        padding-right: 2rem
    }

    .promo-box .promo-box__image {
        margin-bottom: 2.4rem
    }
}

.image-label {
    align-items: center;
    color: #33322f;
    display: flex;
    flex-flow: row nowrap;
    isolation: isolate;
    line-height: 2rem
}

.image-label:focus-visible {
    outline-color: #80807e
}

.image-label--highlight {
    background: #015999;
    color: #dee9f2
}

.image-label--highlight:focus-visible {
    outline-color: #99bdd6
}

.image-label--highlight--italic {
    color: #99bdd6
}

.image-label__label--italic {
    color: #80807e;
    font-family: Thesis,Helvetica,Arial,sans-serif;
    font-size: 1.6rem;
    font-style: italic;
    line-height: 2rem;
    margin-bottom: .2rem;
    padding: 0 1.2rem 0 0
}

.image-label__icon {
    margin-right: 1rem;
    fill: #33322f;
    display: -webkit-inline-box;
    height: 3.4rem
}

.image-label__icon .icon {
    height: 3.4rem;
    width: 3.4rem
}

.image-label__image {
    height: 4rem;
    margin-right: 1rem;
    object-fit: contain;
    overflow: hidden
}

.image-label__image--rounded {
    border-radius: 50%
}

.tooltip {
    position: relative
}

.tooltip__text {
    background: #015999;
    border-radius: .4rem;
    box-sizing: border-box;
    color: #dee9f2;
    font-family: Thesis,Helvetica,Arial,sans-serif;
    font-size: 1.4rem;
    line-height: 1.6rem;
    padding: 1rem;
    position: absolute;
    top: 6rem;
    width: 100%
}

.tooltip__button {
    cursor: pointer;
    margin-bottom: 1.8rem;
    padding: .8rem;
    position: absolute;
    width: 2.4rem
}

.tooltip__button svg {
    fill: #33322f
}

.tooltip--right .tooltip__button {
    right: 0
}

.tooltip>summary {
    list-style: none
}

.tooltip>summary:focus-visible {
    outline: .2rem solid #80807e
}

.tooltip>summary::-webkit-details-marker {
    display: none
}

.subheader {
    position: relative
}

.vueslider {
    padding-bottom: 2rem
}

.vueslider .swiper-lazy-preloader {
    --swiper-preloader-color: #80807e;
    margin: 28.125% 0 0;
    top: 0;
    translate: -50% -50%
}

.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;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.vueslider .swiper-copyright {
    color: #80807e;
    margin-left: .8rem
}

.vueslider .swiper-slide.color--tongue .swiper-copyright {
    color: #99bdd6
}

.vueslider .swiper-button-next,.vueslider .swiper-button-prev {
    margin-top: calc(28.125% - 3.5rem);
    top: 0
}

.vueslider .swiper:focus-visible .swiper-button-next:not(.swiper-button-disabled),.vueslider .swiper:focus-visible .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;
    margin: 28.125% 0 0;
    position: absolute;
    top: 0;
    translate: -50% -50%
}

.color--tongue .teaser-slider__wrapper .swiper-lazy-preloader {
    --swiper-preloader-color: #99bdd6;
    background-color: #4082b3
}

.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-visible .swiper-button-next:not(.swiper-button-disabled),.teaser-slider__wrapper .swiper:focus-visible .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: flexbox;
    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: 10%;
    margin-bottom: 2rem;
    min-height: 37rem;
    width: 100%
}

.color--tongue .teaser-slider--prerender-height-16x9 {
    background-color: #4082b3
}

.header-app {
    font-size: 1.4rem;
    height: 100%;
    margin: auto;
    transition: .4s ease-in-out
}

.header-app__eventbox {
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translate(-50%);
    z-index: 161
}

.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-visible {
    outline: .2rem solid #80807e
}

.header-fancy-v2.small .header-app__link,.header.small .header-app__link {
    display: flex;
    opacity: 1
}

.header-app__icon {
    align-items: center;
    display: flex;
    fill: #33322f
}

.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: fill-available
}

.header-app__eventbox {
    max-height: 5.2rem
}

.header-app__close {
    background-color: #fff;
    box-sizing: border-box;
    cursor: pointer;
    height: 4.5rem;
    padding: 1rem;
    position: absolute;
    right: 2.5rem;
    top: -4.8rem;
    width: 4.5rem;
    z-index: 2
}

.header-app__close svg {
    width: 2.5rem;
    fill: #33322f
}

.header-app__close:focus-visible {
    outline: .2rem solid #80807e
}

.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__close {
        right:4.6rem
    }

    .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: 5.6rem;
        right: 4.2rem;
        top: -6.7rem;
        width: 5.6rem
    }

    .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--boerse iframe,.external-embed--datawrapper iframe,.external-embed--internal iframe,.external-embed--livecenter iframe,.external-embed--twentythreedegrees iframe,.external-embed--twitter iframe,.external-embed--wahl iframe {
    width: 100%
}

.external-embed--wahl {
    margin-bottom: 1.6rem
}

.external-embed--boerse {
    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%;
    content: "";
    inset: 0;
    position: absolute
}

.external-embed--prerender-height {
    min-height: 500px
}

@media screen and (max-width: 360px) {
    .external-embed--boerse {
        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 {
    font-family: Thesis,Helvetica,Arial,sans-serif;
    font-size: 1.6rem;
    line-height: 2rem;
    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--tiktok .tiktok-embed {
    margin: 0 0 1rem
}

.external-embed__youtube__embeddiv {
    height: 0;
    margin-bottom: 10px;
    padding-bottom: 56.25%;
    position: relative;
    width: 100%
}

.external-embed__youtube__embeddiv__iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.copytext__embed--livecenter .external-embed--prerender-height {
    min-height: 260px
}

@media print {
    .external-embed__disclaimer {
        display: none
    }
}

.image-rights {
    background: #fff;
    color: #33322f;
    float: left;
    padding-bottom: 3.2rem;
    position: relative;
    width: 100%
}

.image-rights__wrapper {
    color: #33322f;
    display: flex;
    flex-wrap: wrap
}

.image-rights__info {
    display: block;
    float: left;
    width: 100%
}

@media screen and (min-width: 768px) {
    .image-rights {
        padding-bottom:2.4rem
    }

    .image-rights .imageRights__info {
        padding: .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: #000;
    outline: none
}

.mappingbox .searchfield__input:focus-visible {
    outline: .1rem solid #fff;
    outline-offset: .2rem
}

.mappingbox .icon--search {
    fill: #000
}

.mappingbox .searchfield__submit:focus-visible {
    background: #015999
}

.mappingbox .searchfield__submit:focus-visible+.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.3333333333%
    }
}

.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-visible {
    outline: .1rem solid #33322f
}

.form__wrapper {
    background: #f1f1f1;
    box-sizing: border-box;
    padding: 2rem 2.4rem
}

.form__headline {
    color: #015999
}

.form__feedback-message,.form__paragraph {
    color: #33322f;
    font-family: Thesis,Helvetica,Arial,sans-serif;
    font-size: 2rem;
    line-height: 2.6rem
}

.form__feedback-message {
    margin-top: 2.4rem
}

.form__feedback-message strong {
    display: block;
    margin-bottom: 1.6rem
}

.form__feedback-message .textabsatz {
    background: inherit
}

.form__feedback-message--error {
    color: #cd144a
}

.form__infotext {
    margin: 4.8rem 0 2.4rem
}

.form__infotext ol,.form__infotext p,.form__infotext ul {
    margin-bottom: 1.6rem
}

.form__infotext ul {
    list-style: initial;
    padding-left: 1.6rem
}

.form__infotext ol {
    list-style-type: decimal;
    padding-left: 1.6rem
}

.searchapp {
    box-sizing: border-box
}

.searchapp__header {
    background-color: #fff;
    overflow: hidden;
    padding: 4.2rem 2rem 0
}

.searchapp__slider-container {
    background-color: #fff;
    overflow: hidden;
    padding: 0 2rem
}

.searchapp__slider-container .swiper {
    padding-bottom: 2.4rem
}

.searchapp__noresults {
    background-color: #fff;
    overflow: hidden;
    padding: 0 2rem
}

.searchapp .type-container {
    background-color: #fff;
    margin-top: 1.6rem;
    overflow: hidden;
    padding: 2.4rem 2rem
}

.searchapp .buttongroup {
    padding: 1.6rem 0
}

.searchapp .buttongroup__container {
    background-color: #fff;
    overflow: hidden;
    padding: 0 2rem
}

.searchapp .searchfield {
    margin-bottom: 2.4rem
}

.searchapp .meldung__subhead {
    padding: 0
}

@media screen and (min-width: 1024px) {
    .searchapp,.searchapp .buttongroup__container {
        padding:0
    }
}

.vue-datepicker {
    display: block;
    width: 100%;
    z-index: 99
}

.vue-datepicker__range {
    align-items: center;
    background: #fff;
    color: #33322f;
    display: flex
}

.vue-datepicker__text {
    font-size: 1.6rem;
    line-height: 2.1rem;
    padding: 0 .8rem
}

.vc-popover-content-wrapper {
    z-index: 42!important
}

.vc-pane-container {
    background: #fff;
    border-radius: 5px;
    color: #33322f
}

.vc-title {
    color: #33322f!important
}

.vc-popover-content-wrapper button {
    background: initial;
    color: inherit
}

.vue-picture__image {
    width: 100%
}

.tabnav {
    box-sizing: border-box
}

.tabnav.spacing-bottom {
    padding-bottom: 2rem
}

.tabnav--prerender-height-text {
    height: 5.4rem
}

.tabnav--prerender-height-logos {
    height: 6.6rem
}

.tabnav__item.swiper-slide {
    width: auto
}

.tabnav__item--text {
    font: inherit
}

.tabnav__item--img {
    display: block;
    height: 3.2rem;
    width: 3.2rem
}

.tabnav .swiper-nav-button--next,.tabnav .swiper-nav-button--prev {
    background: transparent;
    border: 0;
    cursor: pointer;
    display: none;
    height: 5.4rem;
    position: absolute;
    top: 0;
    width: 5.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 {
    height: 2rem;
    
    width: 2rem;
    fill: #33322f
}

.tabnav--logos .logo-btn {
    display: block;
    padding: .4rem
}

.tabnav--logos .logo-btn:focus-visible 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: 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: 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
    }
}

.vue-comparison-slider.color--tongue {
    background-color: #015999
}

.vue-comparison-slider__slider {
    margin-bottom: 1.6rem
}

.vue-comparison-slider.color--tongue .vue-comparison-slider__slider:focus-visible {
    outline-color: #99bdd6
}

.vue-comparison-slider__slider:focus-visible {
    outline-color: #80807e
}

.vue-comparison-slider__slider:focus-visible .arrow-handle-control .icon--arrow-handle circle {
    fill: transparent
}