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

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

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote::before,
blockquote::after {
    content: none
}

q::before,
q::after {
    content: none
}

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

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    display: none
}

mark {
    background-color: rgba(0, 0, 0, 0);
    color: inherit
}

@keyframes rotate-360 {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

body::after {
    font-size: 0rem;
    color: rgba(0, 0, 0, 0);
    height: 1px;
    left: -10000px;
    overflow: hidden;
    position: absolute;
    text-shadow: none;
    top: auto;
    width: 1px;
    font-family: "mobile-s"
}

@media only screen and (min-width: 0) {
    body::after {
        font-family: "mobile-s"
    }
}

@media only screen and (min-width: 480px) {
    body::after {
        font-family: "mobile-p"
    }
}

@media only screen and (min-width: 600px) {
    body::after {
        font-family: "mobile-l"
    }
}

@media only screen and (min-width: 657px) {
    body::after {
        font-family: "mobile-xl"
    }
}

@media only screen and (min-width: 768px) {
    body::after {
        font-family: "tablet-p"
    }
}

@media only screen and (min-width: 910px) {
    body::after {
        font-family: "tablet-l"
    }
}

@media only screen and (min-width: 1136px) {
    body::after {
        font-family: "desktop-m"
    }
}

@media only screen and (min-width: 1600px) {
    body::after {
        font-family: "desktop-l"
    }
}

@font-face {
    font-display: swap;
    font-family: ffmark;
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/Mark-Regular.woff2") format("woff2")
}

@font-face {
    font-display: swap;
    font-family: ffmark;
    font-style: normal;
    font-weight: 300;
    src: url("../fonts/Mark-Light.woff2") format("woff2")
}

@font-face {
    font-display: swap;
    font-family: ffmark;
    font-style: normal;
    font-weight: 800;
    src: url("../fonts/Mark-Heavy.woff2") format("woff2")
}

@font-face {
    font-display: swap;
    font-family: freight;
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/FreightText-ProBook.woff2") format("woff2")
}

@font-face {
    font-display: swap;
    font-family: freight;
    font-style: italic;
    font-weight: 600;
    src: url("../fonts/FreightText-ProBoldItalic.woff2") format("woff2")
}

@font-face {
    font-family: ffmark-fallback;
    size-adjust: 108%;
    src: local("Helvetica Neue"), local("Helvetica"), local("Arial")
}

@font-face {
    font-family: ffmark-fallback;
    font-style: normal;
    font-weight: 800;
    size-adjust: 99%;
    src: local("Helvetica Neue Bold"), local("Helvetica Bold"), local("Arial Bold")
}

@font-face {
    font-family: freight-fallback;
    size-adjust: 92%;
    src: local("Georgia")
}

@font-face {
    font-family: freight-fallback;
    font-style: italic;
    font-weight: 600;
    size-adjust: 92%;
    src: local("Georgia Italic")
}

.u-icon {
    display: inline
}

.u-visually-hidden {
    font-size: 0rem;
    color: rgba(0, 0, 0, 0);
    height: 1px;
    left: -10000px;
    overflow: hidden;
    position: absolute;
    text-shadow: none;
    top: auto;
    width: 1px
}

.u-content-container {
    background-color: #fff;
    padding: 15px
}

@media only screen and (min-width: 910px) {
    .u-content-container {
        padding: 15px 30px
    }
}

.u-content-container.is-stacked {
    padding-bottom: 0;
    padding-top: 0
}

@media only screen and (min-width: 910px) {
    .u-content-container.is-stacked {
        padding-bottom: 0;
        padding-top: 0
    }
}

@keyframes animate-bg {
    0% {
        transform: scaleX(0)
    }

    100% {
        transform: scaleX(970)
    }
}

@keyframes animate-visibility {
    to {
        visibility: visible
    }
}

@keyframes blinking {
    0% {
        opacity: 1
    }

    59% {
        opacity: 1
    }

    60% {
        opacity: .65
    }

    65% {
        opacity: .65
    }

    66% {
        opacity: .3
    }

    94% {
        opacity: .3
    }

    95% {
        opacity: .65
    }

    100% {
        opacity: .65
    }
}

@keyframes bff-fade-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fade-in-and-out {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes bff-skeleton-loading-animation {
    0% {
        opacity: 1
    }

    100% {
        opacity: .3
    }
}

@media only screen and (min-width: 0) {
    .is-aspect-ratio-mobile-s-1x1 {
        aspect-ratio: 1.0204081633
    }

    .is-aspect-ratio-mobile-s-2x3 {
        aspect-ratio: .6666666667
    }

    .is-aspect-ratio-mobile-s-3x2 {
        aspect-ratio: 1.5
    }

    .is-aspect-ratio-mobile-s-16x9 {
        aspect-ratio: 1.7777777778
    }

    .is-aspect-ratio-mobile-s-23x11 {
        aspect-ratio: 2.0909090909
    }

    .is-aspect-ratio-mobile-s-94x35 {
        aspect-ratio: 2.6857142857
    }

    .is-aspect-ratio-mobile-s-original {
        min-height: 500px
    }

    .is-aspect-ratio-mobile-s-original:has(.is-loaded) {
        min-height: auto
    }
}

@media only screen and (min-width: 480px) {
    .is-aspect-ratio-mobile-p-1x1 {
        aspect-ratio: 1.0204081633
    }

    .is-aspect-ratio-mobile-p-2x3 {
        aspect-ratio: .6666666667
    }

    .is-aspect-ratio-mobile-p-3x2 {
        aspect-ratio: 1.5
    }

    .is-aspect-ratio-mobile-p-16x9 {
        aspect-ratio: 1.7777777778
    }

    .is-aspect-ratio-mobile-p-23x11 {
        aspect-ratio: 2.0909090909
    }

    .is-aspect-ratio-mobile-p-94x35 {
        aspect-ratio: 2.6857142857
    }

    .is-aspect-ratio-mobile-p-original {
        min-height: 500px
    }

    .is-aspect-ratio-mobile-p-original:has(.is-loaded) {
        min-height: auto
    }
}

@media only screen and (min-width: 600px) {
    .is-aspect-ratio-mobile-l-1x1 {
        aspect-ratio: 1.0204081633
    }

    .is-aspect-ratio-mobile-l-2x3 {
        aspect-ratio: .6666666667
    }

    .is-aspect-ratio-mobile-l-3x2 {
        aspect-ratio: 1.5
    }

    .is-aspect-ratio-mobile-l-16x9 {
        aspect-ratio: 1.7777777778
    }

    .is-aspect-ratio-mobile-l-23x11 {
        aspect-ratio: 2.0909090909
    }

    .is-aspect-ratio-mobile-l-94x35 {
        aspect-ratio: 2.6857142857
    }

    .is-aspect-ratio-mobile-l-original {
        min-height: 500px
    }

    .is-aspect-ratio-mobile-l-original:has(.is-loaded) {
        min-height: auto
    }
}

@media only screen and (min-width: 657px) {
    .is-aspect-ratio-mobile-xl-1x1 {
        aspect-ratio: 1.0204081633
    }

    .is-aspect-ratio-mobile-xl-2x3 {
        aspect-ratio: .6666666667
    }

    .is-aspect-ratio-mobile-xl-3x2 {
        aspect-ratio: 1.5
    }

    .is-aspect-ratio-mobile-xl-16x9 {
        aspect-ratio: 1.7777777778
    }

    .is-aspect-ratio-mobile-xl-23x11 {
        aspect-ratio: 2.0909090909
    }

    .is-aspect-ratio-mobile-xl-94x35 {
        aspect-ratio: 2.6857142857
    }

    .is-aspect-ratio-mobile-xl-original {
        min-height: 500px
    }

    .is-aspect-ratio-mobile-xl-original:has(.is-loaded) {
        min-height: auto
    }
}

@media only screen and (min-width: 768px) {
    .is-aspect-ratio-tablet-p-1x1 {
        aspect-ratio: 1.0204081633
    }

    .is-aspect-ratio-tablet-p-2x3 {
        aspect-ratio: .6666666667
    }

    .is-aspect-ratio-tablet-p-3x2 {
        aspect-ratio: 1.5
    }

    .is-aspect-ratio-tablet-p-16x9 {
        aspect-ratio: 1.7777777778
    }

    .is-aspect-ratio-tablet-p-23x11 {
        aspect-ratio: 2.0909090909
    }

    .is-aspect-ratio-tablet-p-94x35 {
        aspect-ratio: 2.6857142857
    }

    .is-aspect-ratio-tablet-p-original {
        min-height: 500px
    }

    .is-aspect-ratio-tablet-p-original:has(.is-loaded) {
        min-height: auto
    }
}

@media only screen and (min-width: 910px) {
    .is-aspect-ratio-tablet-l-1x1 {
        aspect-ratio: 1.0204081633
    }

    .is-aspect-ratio-tablet-l-2x3 {
        aspect-ratio: .6666666667
    }

    .is-aspect-ratio-tablet-l-3x2 {
        aspect-ratio: 1.5
    }

    .is-aspect-ratio-tablet-l-16x9 {
        aspect-ratio: 1.7777777778
    }

    .is-aspect-ratio-tablet-l-23x11 {
        aspect-ratio: 2.0909090909
    }

    .is-aspect-ratio-tablet-l-94x35 {
        aspect-ratio: 2.6857142857
    }

    .is-aspect-ratio-tablet-l-original {
        min-height: 500px
    }

    .is-aspect-ratio-tablet-l-original:has(.is-loaded) {
        min-height: auto
    }
}

@media only screen and (min-width: 1136px) {
    .is-aspect-ratio-desktop-m-1x1 {
        aspect-ratio: 1.0204081633
    }

    .is-aspect-ratio-desktop-m-2x3 {
        aspect-ratio: .6666666667
    }

    .is-aspect-ratio-desktop-m-3x2 {
        aspect-ratio: 1.5
    }

    .is-aspect-ratio-desktop-m-16x9 {
        aspect-ratio: 1.7777777778
    }

    .is-aspect-ratio-desktop-m-23x11 {
        aspect-ratio: 2.0909090909
    }

    .is-aspect-ratio-desktop-m-94x35 {
        aspect-ratio: 2.6857142857
    }

    .is-aspect-ratio-desktop-m-original {
        min-height: 500px
    }

    .is-aspect-ratio-desktop-m-original:has(.is-loaded) {
        min-height: auto
    }
}

@media only screen and (min-width: 1600px) {
    .is-aspect-ratio-desktop-l-1x1 {
        aspect-ratio: 1.0204081633
    }

    .is-aspect-ratio-desktop-l-2x3 {
        aspect-ratio: .6666666667
    }

    .is-aspect-ratio-desktop-l-3x2 {
        aspect-ratio: 1.5
    }

    .is-aspect-ratio-desktop-l-16x9 {
        aspect-ratio: 1.7777777778
    }

    .is-aspect-ratio-desktop-l-23x11 {
        aspect-ratio: 2.0909090909
    }

    .is-aspect-ratio-desktop-l-94x35 {
        aspect-ratio: 2.6857142857
    }

    .is-aspect-ratio-desktop-l-original {
        min-height: 500px
    }

    .is-aspect-ratio-desktop-l-original:has(.is-loaded) {
        min-height: auto
    }
}

.is-rte h2 {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 800;
    font-size: 2.4rem;
    line-height: 3.2rem;
    color: #1d1d1d;
    letter-spacing: .5px;
    margin-bottom: 15px
}

.is-rte p {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #1d1d1d;
    margin-bottom: 30px
}

.is-rte a {
    color: #246ea7
}

.is-rte strong {
    font-weight: 800
}

.u-is-hidden {
    display: none !important
}

.u-is-visibility-hidden {
    visibility: hidden !important
}

@media only screen and (min-width: 0)and (max-width: 600px) {
    .u-is-hidden-mobile {
        display: none
    }
}

@media only screen and (min-width: 600px)and (max-width: 910px) {
    .u-is-hidden-tablet {
        display: none
    }
}

@media only screen and (min-width: 910px) {
    .u-is-hidden-desktop {
        display: none
    }
}

.u-clear-both {
    clear: both
}

.u-inline-element {
    margin: 15px 0
}

@media only screen and (min-width: 600px) {
    .u-inline-element {
        margin: 30px 0
    }
}

.u-inline-element.is-full-width {
    margin: 15px -15px
}

@media only screen and (min-width: 910px) {
    .u-inline-element.is-full-width {
        margin: 30px -80px
    }
}

.u-inline-element.is-placeholder {
    border: 4px solid #d90000;
    padding: 0 15px;
    position: relative
}

@media only screen and (min-width: 910px) {
    .u-inline-element.is-full-width-on-desktop {
        margin: 30px -80px
    }
}

.u-inline-element.is-full-width-media-element {
    margin: 30px -15px
}

@media only screen and (min-width: 910px) {
    .u-inline-element.is-full-width-media-element {
        margin: 30px -80px
    }
}

.u-inline-element.is-commercial {
    margin-left: 0;
    margin-right: 0
}

@media only screen and (min-width: 910px) {
    .u-inline-element.is-commercial {
        margin-left: -175px;
        margin-right: -175px
    }
}

@media only screen and (min-width: 910px) {
    .u-inline-element.is-hidden-on-desktop {
        display: none
    }
}

.u-inline-element.is-liveticker {
    margin-top: 0
}

.u-inline-element__placeholder-label {
    background: #d90000;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    color: #fff;
    padding: 10px;
    position: absolute;
    right: -4px;
    top: -45px
}

@media print {
    .u-is-hidden-print {
        display: none
    }
}

.u-is-shown-print-only {
    display: none
}

@media print {
    .u-is-shown-print-only {
        display: block
    }
}

.c-article-page {
    background-color: var(--article--background-color)
}

.c-article-page__content {
    padding: 25px 15px 10px;
    position: relative
}

@media only screen and (min-width: 768px) {
    .c-article-page__content {
        min-height: 500px
    }
}

.c-article-page__container {
    margin: auto;
    max-width: 620px
}

@media print {
    .c-article-page__container {
        max-width: 100%
    }
}

.c-article-page__intro {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: var(--article--text-color);
    white-space: pre-line
}

@media only screen and (min-width: 910px) {
    .c-article-page__intro {
        line-height: 2.8rem
    }
}

@media print {
    .c-article-page__intro {
        color: #1d1d1d
    }
}

.c-article-page__tts-audio {
    margin-bottom: 45px;
    margin-top: 30px
}

.c-article-page__opener {
    margin-left: -15px;
    margin-right: -15px
}

@media only screen and (min-width: 910px) {
    .c-article-page__opener {
        margin-left: -80px;
        margin-right: -80px
    }
}

.c-article-page__opener.is-placeholder {
    border: 4px solid #d90000;
    padding: 0 15px;
    position: relative
}

.c-article-page__opener-placeholder-label {
    background: #d90000;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    color: #fff;
    padding: 10px;
    position: absolute;
    right: -4px;
    top: -45px
}

.c-article-page__text::after {
    clear: both;
    content: "";
    display: table
}

.c-article-page__text.is-faded-out {
    position: relative
}

.c-article-page__text.is-faded-out::after {
    content: "";
    display: block;
    position: absolute;
    background: linear-gradient(transparent, var(--article--intro-fadeout-color));
    bottom: 0;
    height: 50%;
    left: 0;
    pointer-events: none;
    width: 100%
}

.c-article-page__source {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-size: 1.1rem;
    line-height: 2rem;
    color: var(--article--source-text-color);
    display: block;
    margin-bottom: 20px;
    word-break: break-all
}

.c-article-page__print {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.8rem;
    color: var(--article--print-hint-text-color);
    margin-bottom: 15px;
    text-align: center
}

.c-article-page__footer {
    display: flex;
    flex-direction: column
}

* {
    box-sizing: border-box
}

html {
    font-feature-settings: "kern";
    font-kerning: normal;
    font-size: 62.5%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-variant-ligatures: common-ligatures;
    height: 100%;
    text-rendering: optimizelegibility
}

body {
    background-color: var(--body--bg-color);
    color: var(--body--text-color);
    font-family: Arial, sans-serif;
    font-size: 16px;
    line-height: 1.4;
    overflow-x: hidden;
    width: 100%
}

@media print {
    body {
        background: #fff
    }
}

body.has-open-sidebar {
    height: 100vw;
    overflow: hidden;
    width: 100%
}

@media(prefers-reduced-motion: reduce) {

    body *,
    body ::before,
    body ::after {
        animation-delay: -1ms !important;
        animation-duration: 1ms !important;
        animation-iteration-count: 1 !important;
        background-attachment: initial !important;
        scroll-behavior: auto !important;
        transition-delay: 1ms !important;
        transition-duration: 1ms !important
    }
}

img {
    break-inside: avoid;
    display: inline-block;
    height: auto;
    max-width: 100%;
    width: 100%
}

body>img {
    width: auto
}

a {
    text-decoration: none
}

button {
    background: rgba(0, 0, 0, 0)
}

@media print {
    .gaiaWrapper {
        display: none
    }
}

.page-wrapper {
    display: inline-block;
    max-width: 970px;
    position: relative;
    vertical-align: top;
    width: 100%
}

@media print {
    .page-wrapper {
        display: block;
        max-width: 100%
    }
}

.page-content-wrapper {
    position: relative
}

.is-page-home {
    overflow-x: hidden
}

.is-separator {
    border-bottom: 1px solid #eee
}

.is-not-scrollable {
    overflow: hidden
}

*:focus-visible {
    outline: none
}

.is-aria-keyboard-controlled *:focus-visible {
    outline: var(--page--outline-color) solid 2px;
    outline-offset: -2px
}

.is-shown-on-aria-keyboard-focus {
    font-size: 0rem;
    color: rgba(0, 0, 0, 0);
    height: 1px;
    left: -10000px;
    overflow: hidden;
    position: absolute;
    text-shadow: none;
    top: auto;
    width: 1px
}

.is-aria-keyboard-controlled .is-shown-on-aria-keyboard-focus:focus-visible {
    color: inherit;
    font-size: inherit;
    height: auto;
    left: 0;
    overflow: visible;
    position: initial;
    top: 0;
    width: auto
}

.r-left-from-wrapper {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: calc((100vw - (100vw - 100%) - 970px)/2)
}

@media print {
    .r-left-from-wrapper {
        display: none
    }
}

.r-right-from-wrapper {
    display: inline-block;
    position: relative;
    vertical-align: top
}

.r-in-between-header-and-main {
    position: relative
}

.r-main {
    margin: 0 auto;
    max-width: 970px;
    position: relative;
    z-index: 0
}

@media print {
    .r-main {
        max-width: 100%
    }
}

body.has-fullscreen-overlay .r-main {
    z-index: 13
}

.r-partner {
    background-color: var(--partner--bg-color)
}

.r-footer {
    background-color: var(--footer--bg-color);
    margin: 0 auto;
    max-width: 970px
}

@media print {
    .r-footer {
        max-width: 100%
    }
}

body:not(.has-open-modal) .r-footer {
    position: relative
}

@media print {
    .r-footer {
        background-color: rgba(0, 0, 0, 0);
        border-top: 1px solid var(--footer--bg-color)
    }
}

.r-sidebar {
    clip-path: inset(0 -1px 0 0);
    height: calc(100dvh - 5rem);
    max-width: 970px;
    overflow: hidden;
    position: fixed;
    top: 5rem;
    transition: visibility 200ms ease-in-out;
    visibility: hidden;
    width: 100%;
    z-index: 3
}

@media only screen and (min-width: 910px) {
    .is-sticky-header .r-sidebar {
        height: calc(100vh - 5rem);
        position: fixed;
        top: 5rem
    }
}

@media only screen and (min-width: 910px) {
    .r-sidebar {
        height: calc(100vh - 6rem);
        top: 6rem
    }
}

.has-open-sidebar .r-sidebar {
    pointer-events: all;
    visibility: visible
}

#sidebar-wrapper {
    display: flex;
    height: 100%;
    justify-content: flex-end
}

@media only screen and (min-width: 0)and (max-width: 320px) {
    #sidebar-wrapper {
        overflow-x: scroll
    }
}

.c-accordion {
    border-bottom: 1px solid var(--accordion--border-color);
    color: var(--accordion--text-color)
}

.c-accordion[open] {
    padding-bottom: 15px
}

.c-accordion[open] .c-accordion__icon {
    transform: rotate(180deg)
}

.c-accordion__summary {
    font-size: 1.4rem;
    line-height: 1.4rem;
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 800;
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    letter-spacing: .07px;
    padding: 15px 0;
    text-transform: uppercase
}

.c-accordion__summary::marker {
    content: none
}

.c-accordion__summary::-webkit-details-marker {
    display: none
}

.c-accordion__icon {
    fill: var(--accordion--icon-color);
    height: 15px;
    transition: transform 200ms ease-in-out;
    width: 15px
}

.c-accordion--footer {
    border-bottom: 1px solid var(--accordion-footer--border-color);
    color: var(--accordion-footer--text-color)
}

.c-accordion--footer[open] .c-accordion__content {
    padding-top: 0
}

@media only screen and (min-width: 910px) {
    .c-accordion--footer .c-accordion__summary {
        pointer-events: none
    }
}

.c-accordion--footer .c-accordion__icon {
    fill: var(--accordion-footer--icon-color)
}

@media only screen and (min-width: 910px) {
    .c-accordion--footer .c-accordion__icon {
        display: none
    }
}

.c-accordion--footer .c-accordion__content {
    padding-top: 32px
}

button {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    border: none;
    cursor: pointer;
    transition: opacity 200ms ease-in-out, color 200ms ease-in-out
}

button:hover {
    opacity: .85
}

.c-breadcrumb {
    background: var(--breadcrumb--background-color);
    border-bottom: 1px solid var(--breadcrumb--border-color);
    color: var(--breadcrumb--text-color);
    overflow: hidden;
    padding: 12px 30px 11px 15px;
    position: relative
}

@media print {
    .c-breadcrumb {
        display: none
    }
}

@media only screen and (min-width: 910px) {
    .c-breadcrumb {
        padding: 12px 30px 11px
    }
}

.c-breadcrumb::after {
    content: "";
    display: block;
    position: absolute;
    background: linear-gradient(to right, var(--breadcrumb--gradient-color-left) 0%, var(--breadcrumb--gradient-color-right) 80%, var(--breadcrumb--gradient-color-right) 100%);
    height: 100%;
    pointer-events: none;
    right: 0;
    top: 0;
    width: 100px;
    z-index: 0
}

.c-breadcrumb__list {
    scrollbar-width: none
}

.c-breadcrumb__list::-webkit-scrollbar {
    display: none
}

.c-breadcrumb__list {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden
}

@media(pointer: coarse) {
    .c-breadcrumb__list {
        overflow: auto
    }
}

.c-breadcrumb__item {
    font-size: 1.2rem;
    line-height: 2.4rem
}

.c-breadcrumb__link,
.c-breadcrumb__title {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-size: 1.2rem;
    line-height: 2.4rem;
    color: var(--breadcrumb--text-color);
    white-space: nowrap
}

.c-breadcrumb__title {
    font-weight: 800;
    margin-right: 30px
}

.c-breadcrumb__link {
    align-items: center;
    display: inline-flex;
    text-transform: uppercase
}

.c-breadcrumb__chevron {
    fill: var(--breadcrumb--arrow-color);
    height: 17px;
    margin: 0 7px;
    width: 9px
}

.is-link {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    color: inherit;
    cursor: pointer;
    font-size: inherit;
    font-weight: inherit;
    transition: opacity 200ms ease-in-out, color 200ms ease-in-out
}

.is-link:hover,
.is-link:focus-visible {
    opacity: .85
}

.is-link.is-uppercase {
    text-transform: uppercase
}

.is-link.is-full-width {
    display: block
}

.c-link--rich-text-renderer.is-external,
.c-link--content-image.is-external,
.c-link--inline-navigation.is-external {
    background-image: var(--link--external-icon);
    background-position: right;
    background-repeat: no-repeat;
    background-size: 14px;
    margin-right: 5px;
    padding-right: 18px
}

@media print {

    .c-link--rich-text-renderer.is-external::after,
    .c-link--content-image.is-external::after,
    .c-link--inline-navigation.is-external::after {
        content: "";
        display: block;
        position: absolute;
        background: none;
        border-bottom: 1px solid #1d1d1d;
        content: " (" attr(href) ") ";
        display: inline;
        position: relative
    }
}

.c-link--rich-text-renderer.is-external:hover,
.c-link--content-image.is-external:hover,
.c-link--inline-navigation.is-external:hover {
    background-image: var(--link--external-icon-hover);
    color: var(--link--hover-color)
}

.c-link--inline-navigation.is-external {
    background-size: 10px;
    margin-right: 0;
    padding-right: 15px
}

.c-link--inline-navigation.is-external:hover {
    background-image: var(--link--external-icon);
    color: var(--inline-navigation--link-color)
}

.c-link--content-image.is-external {
    align-self: flex-start;
    background-size: 10px;
    line-height: 10px;
    padding-right: 15px
}

.c-link--content-image.is-external:hover {
    color: var(--content-image--link-hover-color)
}

video {
    aspect-ratio: 16/9;
    max-width: 100%;
    width: 100%
}

.c-notification {
    background-color: #383e42;
    display: block;
    padding: 15px;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .c-notification.has-cta {
        align-items: center;
        display: flex;
        justify-content: space-between;
        text-align: left
    }
}

.c-notification__title {
    font-family: ffmark;
    font-weight: 800;
    font-size: 1.6rem;
    line-height: 2rem;
    color: #fff;
    text-align: center
}

.c-notification__title span {
    display: block;
    margin-bottom: 15px
}

@media only screen and (min-width: 768px) {
    .c-notification.has-cta .c-notification__title {
        margin-right: 15px;
        text-align: left
    }
}

.c-notification__button {
    font-family: ffmark;
    font-weight: 800;
    font-size: 1.4rem;
    line-height: 1.8rem;
    background: #f18825;
    border: 1px solid #f18825;
    border-radius: 3px;
    display: block;
    margin: 15px auto 0;
    padding-bottom: 13px;
    padding-top: 13px;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .c-notification__button {
        margin: 0;
        min-width: 220px;
        width: unset
    }
}

.c-notification__button:hover {
    background-color: rgba(0, 0, 0, 0);
    color: #f18825
}

.c-svg-sprite {
    height: 0;
    position: absolute;
    top: -10000px;
    width: 0
}

.c-teaser {
    font-family: ffmark, ffmark-fallback, sans-serif;
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative
}

.c-teaser:not(:last-of-type)::after {
    background-color: rgba(9, 9, 9, .1);
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: -15px;
    position: absolute;
    width: calc(100% + 2*15px)
}

@media only screen and (min-width: 600px) {
    .c-teaser:not(:last-of-type)::after {
        left: 0;
        width: 100%
    }
}

.c-teaser:has(.c-teaser__welt-video) .c-teaser__container {
    position: relative
}

.c-teaser .is-teaser-link {
    position: relative;
    z-index: 1
}

.c-teaser.has-white-border-left {
    border-left: 1px solid hsla(0, 0%, 100%, .1)
}

.c-teaser.has-extended-header-mobile .c-teaser__header {
    margin: -15px -15px 15px -15px
}

@media only screen and (min-width: 600px) {
    .c-teaser.has-extended-header-mobile .c-teaser__header {
        margin: 0 0 10px
    }
}

@media print {
    .c-teaser.has-extended-header-mobile .c-teaser__header {
        margin: 0
    }
}

@media only screen and (min-width: 0)and (max-width: 600px) {
    .c-teaser.has-extended-header-mobile .c-teaser__headline-link {
        font-size: 2.2rem;
        line-height: 2.6rem
    }
}

@media only screen and (min-width: 600px)and (max-width: 910px) {
    .c-teaser.has-extended-header-tablet .c-teaser__header {
        margin: -15px -15px 15px -15px
    }
}

@media only screen and (min-width: 600px)and (max-width: 910px) {
    .c-teaser.has-extended-header-tablet .c-teaser__headline-link {
        font-size: 2.2rem;
        line-height: 2.6rem
    }
}

@media only screen and (min-width: 600px) {
    .c-teaser.is-big-grid-item .c-teaser__headline-link {
        font-size: 2.2rem;
        line-height: 2.6rem
    }
}

.c-teaser.is-next-to-hero-teaser .c-teaser__footer,
.c-teaser.is-next-to-hero-teaser .is-teaser-footer-hydrated {
    margin-top: inherit
}

@media(prefers-contrast: no-preference) {
    .c-teaser.is-brand .c-teaser__hint-icon {
        background-color: var(--teaser--brand-color)
    }

    .c-teaser.is-brand .c-teaser__badge.has-frame {
        border: 1px solid var(--teaser--brand-color)
    }
}

.c-teaser__header {
    position: relative
}

.c-teaser__marker {
    font-size: 1rem;
    background-color: hsla(0, 0%, 100%, .5);
    color: #1d1d1d;
    padding: 1px 18px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 15px
}

.c-teaser__marker::before {
    content: attr(data-pseudo-text);
    display: inline-block
}

.c-teaser__hint-icon {
    background-color: var(--teaser--hint-icon-background-color);
    border-radius: 50%;
    bottom: 10px;
    fill: #fff;
    height: 36px;
    padding: 9px;
    pointer-events: none;
    position: absolute;
    right: 10px;
    width: 36px;
    z-index: 1
}

.c-teaser__hint-icon svg {
    height: 100%;
    width: 100%
}

.c-teaser__overline {
    font-size: 1.1rem;
    align-items: center;
    color: var(--teaser--badge-topic-text-color);
    display: flex;
    margin-bottom: 15px
}

.c-teaser__ellipsis-container {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.c-teaser__premium-icon {
    height: 20px;
    width: 31px
}

.c-teaser__badge {
    font-size: 1.1rem;
    line-height: 2.1rem;
    align-items: center;
    color: var(--teaser--badge-topic-text-color);
    display: inline-flex;
    height: 2.1rem;
    margin-right: 10px;
    max-width: 100%;
    vertical-align: top;
    white-space: nowrap
}

@media print {
    .c-teaser__badge {
        color: #1d1d1d
    }
}

.c-teaser__badge.has-frame {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 800;
    font-size: 1.1rem;
    line-height: 1.9rem;
    border: 1px solid var(--teaser--frame-color);
    padding: 0 6px;
    text-transform: uppercase
}

.c-teaser__badge.is-live::before {
    animation: blinking 1.2s infinite;
    background-color: var(--page--blinker-color);
    border-radius: 5px;
    display: inline-flex;
    height: 10px;
    margin-right: 5px;
    width: 10px;
    content: "";
    position: relative
}

.c-teaser__badge.is-inverted,
.is-inverted .c-teaser__badge {
    color: #fff
}

@media print {

    .c-teaser__badge.is-inverted,
    .is-inverted .c-teaser__badge {
        color: #1d1d1d
    }
}

.c-teaser__badge-link {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 800;
    color: #003a5a;
    position: relative;
    text-transform: uppercase
}

.c-teaser__badge-link::after {
    background-color: var(--page--text-highlight-color);
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    width: 100%
}

.c-teaser__badge-link {
    font-size: 1.1rem;
    line-height: 2rem;
    color: var(--teaser--badge-topic-text-color);
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.is-inverted .c-teaser__badge-link {
    color: #fff
}

@media print {
    .is-inverted .c-teaser__badge-link {
        color: #1d1d1d
    }
}

.c-teaser__topic {
    font-size: 1.1rem;
    line-height: 2.1rem;
    color: var(--teaser--badge-topic-text-color);
    text-transform: uppercase
}

@media print {
    .c-teaser__topic {
        color: #1d1d1d
    }
}

.c-teaser__date {
    font-size: 1.2rem;
    line-height: 2.1rem;
    color: var(--teaser--date-color);
    display: inline-block;
    margin-left: auto;
    padding-left: 12px;
    white-space: nowrap
}

.c-teaser__headline {
    color: #1d1d1d
}

.c-teaser__headline-link {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 800;
    font-size: 2rem;
    line-height: 2.6rem;
    break-inside: avoid;
    color: var(--teaser--headline-text-color);
    display: block;
    overflow-wrap: break-word;
    word-break: normal
}

@media print {
    .c-teaser__headline-link {
        color: #1d1d1d
    }
}

.c-teaser__headline-link::before {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
    content: ""
}

.c-teaser__headline-link.is-teaser-link {
    position: static
}

.c-teaser__headline-link.is-emphasis {
    font-family: freight, freight-fallback, serif;
    font-weight: 600;
    font-style: italic
}

.c-teaser__headline-link.has-no-editorial-font {
    font-family: "Helvetica Neue", helvetica, arial, sans-serif
}

.c-teaser__intro {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 2.2rem;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
    overflow-wrap: break-word
}

@media print {
    .c-teaser__intro {
        color: #1d1d1d
    }
}

.c-teaser__intro {
    break-inside: avoid;
    color: var(--teaser--text-color);
    margin-bottom: 15px
}

.has-no-clamp .c-teaser__intro,
.is-advertorial .c-teaser__intro {
    -webkit-box-orient: inherit;
    display: inherit;
    -webkit-line-clamp: inherit;
    overflow: inherit;
    overflow-wrap: inherit
}

.c-teaser__intro.has-no-editorial-font {
    font-family: "Helvetica Neue", helvetica, arial, sans-serif
}

@media only screen and (min-width: 768px) {
    .c-teaser__intro {
        line-height: 2.1rem;
        margin-bottom: 30px
    }
}

.is-teaser-footer-hydrated {
    margin-top: auto
}

.c-teaser__footer {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.5rem;
    color: var(--teaser--footer-text-color);
    margin-top: auto
}

@media print {
    .c-teaser__footer {
        color: #1d1d1d
    }
}

.c-teaser__footer-list {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    height: 20px
}

.c-teaser__footer-list-item.is-separated {
    margin-right: 11px
}

.c-teaser__footer-list-item.is-pushing-right {
    margin-left: auto
}

.c-teaser__logo {
    pointer-events: none
}

.c-teaser__logo.is-logo-brand-gruenderszene-gs {
    height: 14px;
    position: relative;
    top: 2px;
    width: 23px
}

.c-teaser__logo.is-logo-brand-blau {
    height: 14px;
    position: relative;
    top: 2px;
    width: 23px
}

.c-teaser__logo.is-logo-brand-businessinsider {
    height: 15px;
    position: relative;
    top: 2px;
    width: 40px
}

.c-teaser__logo.is-logo-brand-iconist {
    fill: var(--teaser--iconist-color);
    height: 9px;
    width: 46px
}

.c-teaser__logo.is-logo-brand-kompakt {
    height: 10px;
    position: relative;
    top: 2px;
    width: 30px
}

.c-teaser__logo.is-logo-brand-musikexpress {
    height: 16px;
    position: relative;
    top: 2px;
    width: 74px
}

.c-teaser__logo.is-logo-brand-rollingstone {
    height: 17px;
    position: relative;
    top: 3px;
    width: 82px
}

.c-teaser__comment {
    align-items: center;
    color: var(--teaser--comment-count-color);
    display: flex
}

.c-teaser__comment-icon {
    fill: var(--teaser--comment-count-color);
    height: 15px;
    margin-right: 7px;
    width: 16px
}

.c-teaser__animated-teaser {
    background-color: var(--teaser--animated-background-color);
    overflow: hidden;
    position: relative
}

.c-teaser__animated-teaser-poster-fallback {
    fill: #fff;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
    z-index: 0
}

.c-teaser__animated-teaser-video {
    position: absolute;
    top: 0;
    width: 100%
}

@media print {

    .c-teaser--default,
    .c-teaser--media,
    .c-teaser--media-hero {
        flex-direction: row
    }

    .c-teaser--default .c-teaser__container:first-of-type {
        margin-right: 15px;
        width: 5cm
    }
}

.c-picture {
    background-color: var(--picture--bg-color);
    display: block;
    height: auto;
    max-width: 100%;
    overflow: hidden
}

.c-picture.has-placeholder-image {
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='227px' height='60px'%0Afill='%23fff' viewBox='0 0 227 60'%3E%3Cpath d='m 195.99488,14.035523 -16.55601,0 0,-12.3489713 46.96392,0 0,12.3489713 -16.5152,0 0,44.186425 -13.89271,0 z'%3E%3C/path%3E%3Cpath d='m 149.15746,1.6865517 13.89271,0 0,44.1846093 24.16456,0 0,12.350787 -38.05727,0 z'%3E%3C/path%3E%3Cpath d='m 139.24834,51.088339 -0.17864,0.16481 c -6.08104,5.590385 -13.45926,8.194207 -23.21921,8.194207 -17.197566,0 -28.752083,-11.783258 -28.752083,-29.320804 0,-17.743673 11.255724,-29.66540832 28.008053,-29.66540832 16.0432,0 26.86139,11.82820732 26.91988,29.43340232 0,1.73573 -0.11743,3.807891 -0.28791,5.077793 l -39.64781,0 0.13512,0.655609 c 1.70252,7.528155 6.71172,11.505851 14.4844,11.505851 5.04366,0 9.83748,-1.793845 13.85962,-5.188121 l 0.17955,-0.151643 8.49903,9.294304 0,0 z m -11.7998,-26.384638 -0.14011,-0.645167 c -1.57739,-7.27027 -5.8371,-11.112666 -12.31804,-11.112666 -6.75888,0 -11.15598,3.843304 -12.71795,11.114937 l -0.13784,0.642896 25.31394,0 0,0 z'%3E%3C/path%3E%3Cpath d='M 62.303622,42.362471 51.21339,1.6865517 l -14.976347,0 L 25.146357,42.281201 14.585246,1.6865517 l -14.43861157,0 15.96340557,56.5353963 16.762754,0 10.751994,-36.568827 10.752447,36.568827 16.762754,0 15.961592,-56.5353963 -14.235941,0 z'%3E%3C/path%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50%
}

.c-picture.is-circle {
    border-radius: 100%;
    display: block;
    overflow: hidden
}

.c-picture__image-container {
    display: flex;
    line-height: 0
}

@media print {
    .c-picture__image-container {
        width: 100%
    }
}

.c-picture__image {
    transition: filter ease-in 300ms
}

.c-picture__image.is-loading {
    filter: blur(3px)
}

.c-picture__image.is-loaded {
    filter: blur(0)
}

.has-bg-color-outer-space {
    background-color: #383e42
}

.has-bg-transparent {
    background-color: rgba(0, 0, 0, 0)
}

.c-picture--highlight-hero-teaser {
    background-color: #171b2d
}

@media only screen and (min-width: 910px) {
    .c-picture--highlight-hero-teaser {
        height: 100%;
        padding-bottom: 0;
        position: absolute;
        width: 100%
    }
}

@media only screen and (min-width: 910px) {
    .c-picture--highlight-hero-teaser .c-picture__image {
        height: 100%;
        object-fit: cover;
        object-position: top;
        position: absolute
    }
}

.c-picture--content-image {
    margin: 0 auto -0.5px
}

.c-picture--content-image .c-picture__image-container {
    display: block
}

.c-picture--lightbox {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    margin: 0 auto;
    max-height: 100%
}

.c-picture--lightbox.has-placeholder-image {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    position: relative
}

.c-picture--lightbox.has-placeholder-image::before {
    content: "";
    display: block;
    position: absolute;
    animation: fade-in-and-out 3s infinite;
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='227px' height='60px'%0Afill='%23edece8' viewBox='0 0 227 60'%3E%3Cpath d='m 195.99488,14.035523 -16.55601,0 0,-12.3489713 46.96392,0 0,12.3489713 -16.5152,0 0,44.186425 -13.89271,0 z'%3E%3C/path%3E%3Cpath d='m 149.15746,1.6865517 13.89271,0 0,44.1846093 24.16456,0 0,12.350787 -38.05727,0 z'%3E%3C/path%3E%3Cpath d='m 139.24834,51.088339 -0.17864,0.16481 c -6.08104,5.590385 -13.45926,8.194207 -23.21921,8.194207 -17.197566,0 -28.752083,-11.783258 -28.752083,-29.320804 0,-17.743673 11.255724,-29.66540832 28.008053,-29.66540832 16.0432,0 26.86139,11.82820732 26.91988,29.43340232 0,1.73573 -0.11743,3.807891 -0.28791,5.077793 l -39.64781,0 0.13512,0.655609 c 1.70252,7.528155 6.71172,11.505851 14.4844,11.505851 5.04366,0 9.83748,-1.793845 13.85962,-5.188121 l 0.17955,-0.151643 8.49903,9.294304 0,0 z m -11.7998,-26.384638 -0.14011,-0.645167 c -1.57739,-7.27027 -5.8371,-11.112666 -12.31804,-11.112666 -6.75888,0 -11.15598,3.843304 -12.71795,11.114937 l -0.13784,0.642896 25.31394,0 0,0 z'%3E%3C/path%3E%3Cpath d='M 62.303622,42.362471 51.21339,1.6865517 l -14.976347,0 L 25.146357,42.281201 14.585246,1.6865517 l -14.43861157,0 15.96340557,56.5353963 16.762754,0 10.751994,-36.568827 10.752447,36.568827 16.762754,0 15.961592,-56.5353963 -14.235941,0 z'%3E%3C/path%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 200px;
    display: block;
    height: 100%;
    width: 100%;
    z-index: -1
}

.c-picture--lightbox.has-placeholder-image:has(img.is-loaded)::before {
    display: none
}

.c-picture--lightbox.is-zoomable .c-picture__image {
    cursor: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHdpZHRoPSI2NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGZpbHRlciBpZD0iYSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGhlaWdodD0iODMuOTQxMiIgd2lkdGg9IjgzLjk0MTEiIHg9Ii0xMCIgeT0iLTEwIj48ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPjxmZUdhdXNzaWFuQmx1ciBpbj0iQmFja2dyb3VuZEltYWdlRml4IiBzdGREZXZpYXRpb249IjUiLz48ZmVDb21wb3NpdGUgaW4yPSJTb3VyY2VBbHBoYSIgb3BlcmF0b3I9ImluIiByZXN1bHQ9ImVmZmVjdDFfYmFja2dyb3VuZEJsdXJfMTIxXzQ0MzciLz48ZmVCbGVuZCBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2JhY2tncm91bmRCbHVyXzEyMV80NDM3IiBtb2RlPSJub3JtYWwiIHJlc3VsdD0ic2hhcGUiLz48L2ZpbHRlcj48ZyBmaWx0ZXI9InVybCgjYSkiPjxyZWN0IGZpbGw9IiNmZmYiIGhlaWdodD0iNjMuOTQxMSIgcng9IjQiIHdpZHRoPSI2My45NDExIi8+PHBhdGggZD0ibTIwLjA5MTEgMzIuODE5MWgxMS4wMzA5djExLjAzMDloMS42OTcxdi0xMS4wMzA5aDExLjAzMDh2LTEuNjk3aC0xMS4wMzA4di0xMS4wMzA5aC0xLjY5NzF2MTEuMDMwOWgtMTEuMDMwOXoiIGZpbGw9IiMwMDAiLz48L2c+PC9zdmc+") 32 32, auto;
    max-height: 100%
}

.is-zoomed .c-picture--lightbox.is-zoomable .c-picture__image {
    cursor: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHdpZHRoPSI2NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGZpbHRlciBpZD0iYSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGhlaWdodD0iODMuOTQxMSIgd2lkdGg9IjgzLjk0MTEiIHg9Ii0xMCIgeT0iLTEwIj48ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPjxmZUdhdXNzaWFuQmx1ciBpbj0iQmFja2dyb3VuZEltYWdlRml4IiBzdGREZXZpYXRpb249IjUiLz48ZmVDb21wb3NpdGUgaW4yPSJTb3VyY2VBbHBoYSIgb3BlcmF0b3I9ImluIiByZXN1bHQ9ImVmZmVjdDFfYmFja2dyb3VuZEJsdXJfMTIxXzQ3MDUiLz48ZmVCbGVuZCBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2JhY2tncm91bmRCbHVyXzEyMV80NzA1IiBtb2RlPSJub3JtYWwiIHJlc3VsdD0ic2hhcGUiLz48L2ZpbHRlcj48ZyBmaWx0ZXI9InVybCgjYSkiPjxyZWN0IGZpbGw9IiNmZmYiIGhlaWdodD0iNjMuOTQxMSIgcng9IjQiIHdpZHRoPSI2My45NDExIi8+PHBhdGggZD0ibTQzLjg1IDMyLjgxOTFoLTExLjAzMDktMS42OTctMTEuMDMwOXYtMS42OTcxaDExLjAzMDkgMS42OTcgMTEuMDMwOXoiIGZpbGw9IiMwMDAiLz48L2c+PC9zdmc+") 32 32, auto
}

.c-picture--lightbox.is-zoomable .c-picture__image-container {
    display: block;
    max-height: 100%;
    max-width: 100%
}

.c-zoomable-image {
    align-items: center;
    display: flex;
    height: 100%;
    max-height: 100%;
    position: relative;
    width: 100%
}

.c-zoomable-image__content {
    height: 100%;
    position: relative;
    width: 100%
}

.c-zoomable-image__zoomed-image-wrapper {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    width: 100%
}

.c-switch {
    background-color: var(--switch--background-color-inactive);
    display: flex;
    height: 16px;
    padding: 2px;
    transition: .4s;
    width: 37px
}

.c-switch.is-checked {
    background-color: var(--switch--background-color-active)
}

.c-switch.is-checked .c-switch__slider {
    transform: translateX(100%)
}

.c-switch__slider {
    background-color: var(--switch--slider-background-color);
    border-radius: 2px;
    height: 100%;
    transition: .4s;
    width: 50%
}

.c-switch--accessibility-settings {
    background-color: #4d4d4d;
    border-radius: 2px
}

.c-switch--accessibility-settings.is-checked {
    background-color: #27ae60
}

.c-footer-navigation {
    background-color: inherit;
    color: var(--footer-navigation--text-color);
    padding: 15px 20px
}

@media only screen and (min-width: 910px) {
    .c-footer-navigation {
        padding: 30px
    }
}

.c-footer-navigation__header {
    border-bottom: 1px solid var(--footer-navigation--border-color);
    display: flex;
    flex-direction: column;
    padding-bottom: 20px
}

@media only screen and (min-width: 600px) {
    .c-footer-navigation__header {
        align-items: center;
        flex-direction: row;
        justify-content: space-between
    }
}

@media print {
    .c-footer-navigation__header {
        display: none
    }
}

.c-footer-navigation__header-logo-wrapper {
    display: flex;
    justify-content: center;
    padding-bottom: 20px
}

@media only screen and (min-width: 600px) {
    .c-footer-navigation__header-logo-wrapper {
        padding-bottom: 0
    }
}

@media print {
    .c-footer-navigation__header-logo-wrapper {
        justify-content: flex-end;
        padding-bottom: 0
    }
}

.c-footer-navigation__header-logo-icon {
    fill: var(--footer-navigation--icon-color);
    height: 3.2rem;
    transition: opacity 200ms ease-in-out;
    width: 11.7rem
}

@media print {
    .c-footer-navigation__header-logo-icon {
        fill: #003a5a
    }
}

.c-footer-navigation__header-social-networks-wrapper {
    display: flex;
    gap: 20px;
    justify-content: space-between
}

@media only screen and (min-width: 600px) {
    .c-footer-navigation__header-social-networks-wrapper {
        justify-content: flex-end
    }
}

@media print {
    .c-footer-navigation__header-social-networks-wrapper {
        justify-content: flex-end
    }
}

.c-footer-navigation__header-social-network-link {
    align-items: center;
    border: 1px solid var(--footer-navigation--icon-color);
    border-radius: 50%;
    display: flex;
    flex: 0 0 3.6rem;
    height: 3.6rem;
    justify-content: center;
    padding: 5px;
    width: 3.6rem
}

.c-footer-navigation__header-social-network-link:hover {
    border-color: var(--footer-navigation--text-hover-color)
}

.c-footer-navigation__header-social-network-icon {
    fill: var(--footer-navigation--icon-color);
    height: 1.8rem;
    transition: opacity 200ms ease-in-out;
    width: 1.8rem
}

@media print {
    .c-footer-navigation__header-social-network-icon {
        fill: #003a5a
    }
}

.c-footer-navigation__accordion {
    margin-bottom: 15px
}

@media print {
    .c-footer-navigation__accordion {
        display: none
    }
}

.c-footer-navigation__accordion-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px
}

.c-footer-navigation__accordion-list-item-link {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    color: inherit;
    cursor: pointer;
    font-size: inherit;
    font-weight: inherit;
    transition: opacity 200ms ease-in-out, color 200ms ease-in-out
}

.c-footer-navigation__accordion-list-item-link:hover,
.c-footer-navigation__accordion-list-item-link:focus-visible {
    opacity: .85
}

.c-footer-navigation__accordion-list-item-link.is-uppercase {
    text-transform: uppercase
}

.c-footer-navigation__accordion-list-item-link.is-full-width {
    display: block
}

.c-footer-navigation__accordion-list-item-link {
    font-size: 1.4rem;
    line-height: 2rem;
    color: var(--footer-navigation--text-color)
}

.c-footer-navigation__accordion-list-item-link:hover {
    color: var(--footer-navigation--text-hover-color)
}

.c-footer-navigation__legals-list {
    border-bottom: 1px solid var(--footer-navigation--border-color);
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    padding: 0 0 15px 0
}

@media print {
    .c-footer-navigation__legals-list {
        display: none
    }
}

.c-footer-navigation__legals {
    margin-top: 15px
}

@media print {
    .c-footer-navigation__legals {
        display: none
    }
}

.c-footer-navigation__legals-list-item-link {
    font-size: 1.2rem;
    line-height: 1.5rem
}

.c-footer-navigation__legals-list-item-link:hover {
    color: var(--footer-navigation--text-hover-color)
}

.c-footer-navigation__signature {
    font-size: 1.1rem;
    line-height: 1.4rem;
    font-family: ffmark, ffmark-fallback, sans-serif;
    display: flex;
    justify-content: space-between;
    padding-top: 15px
}

@media print {
    .c-footer-navigation__signature {
        color: #171b2d
    }
}

.c-footer-navigation__signature__info-emphasis {
    font-weight: 800
}

.c-footer__print-text {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.8rem;
    color: #171b2d;
    margin-bottom: 15px;
    text-align: center
}

.c-footer-navigation--campaign {
    background: var(--footer--bg-color)
}

.c-footer-navigation--campaign .c-footer-navigation__placeholders {
    border-bottom: 1px solid var(--footer-navigation--border-color);
    padding-bottom: 20px
}

.c-footer-navigation--campaign .c-footer-navigation__placeholders+.c-footer-navigation__header {
    padding-top: 20px
}

.c-footer-navigation--campaign .c-footer-navigation__accordion {
    margin-bottom: 0
}

@media only screen and (max-width: 599px) {
    .c-footer-navigation--campaign .c-footer-navigation__signature {
        flex-direction: column;
        gap: 10px
    }
}

.c-campaign-header {
    background-color: var(--header-top-tools--bg-color);
    display: flex;
    justify-content: center;
    padding: 16px 8px
}

.c-campaign-header__logo-icon {
    fill: var(--header-top-tools--text-color);
    height: 23px;
    width: 89px
}

.r-header {
    background-color: var(--header--background-color);
    position: relative
}

@media print {
    .r-header {
        background: #fff
    }
}

.r-header__top-placeholder {
    background-color: #003a5a;
    height: 5rem;
    position: relative
}

.has-sticky-behavior .r-header__top-placeholder {
    height: 13rem
}

@media print {
    .r-header__top-placeholder {
        display: none
    }
}

@media only screen and (min-width: 910px) {
    .is-sticky-header .r-header__top-placeholder {
        display: block
    }
}

@media only screen and (min-width: 910px) {
    .r-header__top-placeholder {
        display: none;
        height: 6rem
    }
}

.r-header__main {
    height: 5rem;
    max-width: 970px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 3
}

@media only screen and (min-width: 910px) {
    .r-header__main {
        height: auto;
        position: relative;
        z-index: unset
    }
}

@media only screen and (min-width: 910px) {
    .is-sticky-header .r-header__main {
        height: 5rem;
        position: fixed;
        z-index: 3
    }
}

@media print {
    .r-header__main {
        max-width: 100%;
        position: relative
    }
}

.r-header__fixed-placeholder {
    display: none;
    height: 5rem;
    position: relative
}

@media only screen and (min-width: 910px) {
    .r-header__fixed-placeholder {
        height: 40px
    }
}

@media only screen and (min-width: 910px) {
    .is-sticky-header .r-header__fixed-placeholder {
        display: block
    }
}

.r-header__top {
    align-items: center;
    background-color: var(--header-top-tools--bg-color);
    display: flex;
    flex-flow: row wrap;
    height: 5.2rem;
    justify-content: space-between;
    max-width: 970px;
    padding: 0 15px;
    position: fixed;
    top: 0;
    transform: translateY(-1px);
    width: 100%;
    z-index: 3
}

@media only screen and (min-width: 0)and (max-width: 320px) {
    .r-header__top {
        flex-flow: row;
        overflow-x: scroll
    }
}

@media only screen and (min-width: 910px) {
    .r-header__top {
        height: 6rem;
        padding: 0 30px;
        position: relative;
        transform: unset
    }
}

@media only screen and (min-width: 910px) {
    .is-sticky-header .r-header__top {
        height: 5rem;
        padding: 0 15px;
        position: fixed;
        top: -5rem;
        transform: translateY(5rem);
        transition: transform 200ms linear
    }
}

@media only screen and (min-width: 910px)and (min-width: 910px) {
    .is-sticky-header .r-header__top {
        padding: 0 15px 0 30px
    }
}

@media print {
    .r-header__top {
        background: none;
        justify-content: center;
        max-width: 100%;
        position: relative
    }
}

.r-header-top-left {
    flex: 0 0 auto;
    height: 100%
}

.r-header-top-right {
    display: flex;
    flex: 1;
    height: 5rem;
    justify-content: flex-end
}

@media print {
    .r-header-top-right {
        display: none
    }
}

@media only screen and (min-width: 910px) {
    .is-sticky-header .r-header-top-right {
        height: 5rem
    }
}

@media only screen and (min-width: 910px) {
    .r-header-top-right {
        height: 6rem
    }
}

.r-header-center {
    background-color: var(--header-center--bg-color);
    display: none;
    flex: 0 0 100%;
    height: 40px;
    line-height: 40px;
    position: relative
}

@media only screen and (min-width: 0)and (max-width: 910px) {
    .r-header-center {
        margin-top: 1px
    }
}

.r-header-center::before,
.r-header-center::after {
    content: "";
    display: block;
    position: absolute;
    background: var(--header--divider-color, transparent);
    height: 1px;
    left: 0;
    pointer-events: none;
    width: 100%
}

@media only screen and (min-width: 910px) {

    .r-header-center::before,
    .r-header-center::after {
        z-index: 3
    }
}

.r-header-center::before {
    top: 0
}

.r-header-center::after {
    bottom: 0
}

@media print {
    .r-header-center {
        display: none
    }
}

@media only screen and (min-width: 910px) {
    .r-header-center {
        display: block;
        position: relative
    }
}

@media only screen and (min-width: 910px) {
    .is-sticky-header .r-header-center {
        opacity: 0;
        pointer-events: none
    }
}

@media(prefers-contrast: more) {
    .r-header-center {
        border-bottom: 1px solid #bcbcbc;
        border-top: 1px solid #bcbcbc;
        height: 42px
    }
}

.r-header-bottom {
    flex: 0 0 100%
}

.has-sticky-behavior .r-header-bottom {
    background: var(--header--background-color);
    height: 8rem;
    max-width: 970px;
    position: fixed;
    top: 5rem;
    transform: translateY(0);
    width: 100%;
    z-index: 3
}

@media only screen and (min-width: 910px) {
    .has-sticky-behavior .r-header-bottom {
        height: auto;
        position: relative;
        top: 0;
        z-index: unset
    }
}

@media only screen and (min-width: 910px) {
    .is-sticky-header .has-sticky-behavior .r-header-bottom {
        height: 8rem;
        position: fixed;
        top: 0;
        transform: translateY(5rem);
        transition: transform 200ms linear;
        z-index: 3
    }
}

.is-sticky-header .has-sticky-behavior .r-header-bottom {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .15)
}

@media print {
    .r-header-bottom {
        display: none
    }
}

@media only screen and (min-width: 0)and (max-width: 910px) {
    .r-header:not(.has-sticky-behavior) .r-header-bottom {
        position: relative
    }
}

@media only screen and (min-width: 0)and (max-width: 910px)and (min-width: 0)and (max-width: 910px) {
    .r-header:not(.has-sticky-behavior) .r-header-bottom {
        margin-top: 1px
    }
}

@media only screen and (min-width: 0)and (max-width: 910px) {

    .r-header:not(.has-sticky-behavior) .r-header-bottom::before,
    .r-header:not(.has-sticky-behavior) .r-header-bottom::after {
        content: "";
        display: block;
        position: absolute;
        background: var(--header--divider-color, transparent);
        height: 1px;
        left: 0;
        pointer-events: none;
        width: 100%
    }
}

@media only screen and (min-width: 0)and (max-width: 910px)and (min-width: 910px) {

    .r-header:not(.has-sticky-behavior) .r-header-bottom::before,
    .r-header:not(.has-sticky-behavior) .r-header-bottom::after {
        z-index: 3
    }
}

@media only screen and (min-width: 0)and (max-width: 910px) {
    .r-header:not(.has-sticky-behavior) .r-header-bottom::before {
        top: 0
    }

    .r-header:not(.has-sticky-behavior) .r-header-bottom::after {
        bottom: 0
    }
}

.c-header-skiplinks {
    max-width: 970px;
    position: fixed;
    width: 100%;
    z-index: 50
}

.c-header-skiplinks__item {
    width: 100%
}

.c-header-skiplinks__link {
    background-color: #eee;
    color: #003a5a;
    display: block;
    height: 0;
    overflow: hidden;
    text-align: center;
    width: 100%
}

.c-header-skiplinks__link:focus-visible {
    height: auto;
    padding: 5px 10px
}

.c-header-top-logo {
    align-items: center;
    display: flex;
    height: 100%
}

.c-header-top-logo__logo-wrapper {
    line-height: 0
}

.c-header-top-logo__logo-wrapper:hover {
    opacity: 1
}

.c-header-top-logo__logo {
    fill: var(--header-top-logo--icon-color);
    height: 2.1rem;
    transition: opacity 200ms ease-in-out;
    width: 7.6rem
}

@media only screen and (min-width: 910px) {
    .is-sticky-header .c-header-top-logo__logo {
        height: 2.1rem;
        width: 7.6rem
    }
}

@media only screen and (min-width: 910px) {
    .c-header-top-logo__logo {
        height: 6rem;
        width: 11.3rem
    }
}

@media print {
    .c-header-top-logo__logo {
        fill: #003a5a
    }
}

.c-header-top-tools__button,
.c-header-top-tools__link {
    color: var(--header-top-tools--text-color);
    display: block;
    height: 100%;
    padding-left: 8px;
    padding-right: 8px;
    position: relative;
    transition: color 200ms ease-in-out, background-color 200ms ease-in-out
}

@media only screen and (min-width: 360px) {

    .c-header-top-tools__button,
    .c-header-top-tools__link {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media only screen and (min-width: 600px) {

    .c-header-top-tools__button,
    .c-header-top-tools__link {
        padding-left: 15px;
        padding-right: 15px
    }
}

.is-active.c-header-top-tools__button,
.is-active.c-header-top-tools__link {
    color: var(--header-top-tools--color-active)
}

@media only screen and (min-width: 910px) {

    .is-active.c-header-top-tools__button,
    .is-active.c-header-top-tools__link {
        background-color: var(--header-top-tools--bg-color-active)
    }
}

.is-active.c-header-top-tools__button::before,
.is-active.c-header-top-tools__link::before {
    background-color: var(--header-top-tools--bg-color-active);
    content: "";
    display: block;
    height: 5rem;
    left: 0;
    max-width: 5rem;
    position: absolute;
    top: 0;
    width: 100%
}

@media only screen and (min-width: 910px) {

    .is-active.c-header-top-tools__button::before,
    .is-active.c-header-top-tools__link::before {
        display: none
    }
}

.c-header-top-tools {
    align-items: center;
    background-color: var(--header-top-tools--bg-color);
    display: flex;
    height: 100%
}

.c-header-top-tools__item {
    align-items: center;
    display: flex;
    height: 100%
}

.c-header-top-tools__item:last-child {
    height: 50px;
    margin-left: 8px;
    margin-right: -15px;
    padding-left: 0;
    padding-right: 0;
    width: 50px
}

@media only screen and (min-width: 910px) {
    .is-sticky-header .c-header-top-tools__item:last-child {
        display: inline-block
    }
}

@media only screen and (min-width: 360px) {
    .c-header-top-tools__item:last-child {
        margin-right: -15px
    }
}

@media only screen and (min-width: 910px) {
    .c-header-top-tools__item:last-child {
        display: none
    }
}

.c-header-top-tools__item-svg {
    display: inline-block;
    fill: var(--header-top-tools--text-color);
    position: relative;
    transition: fill 200ms ease-in-out;
    vertical-align: middle
}

.is-active .c-header-top-tools__item-svg {
    color: var(--header-top-tools--color-active);
    fill: var(--header-top-tools--color-active)
}

.c-header-top-tools__message-count-wrapper {
    position: relative
}

.c-header-top-tools__message-count {
    line-height: 1.6rem;
    background: var(--header-top-tools--bg-message-count);
    border-radius: 50%;
    color: var(--header-top-tools--color-message-count);
    font-weight: 800;
    height: 16px;
    left: -7px;
    position: absolute;
    text-align: center;
    text-indent: -1px;
    top: -1px;
    width: 16px;
    z-index: 1
}

@media only screen and (min-width: 910px) {
    .c-header-top-tools__message-count {
        top: -3px
    }
}

.c-header-top-tools__message-count-text {
    font-size: 0rem;
    color: rgba(0, 0, 0, 0);
    height: 1px;
    left: -10000px;
    overflow: hidden;
    position: absolute;
    text-shadow: none;
    top: auto;
    width: 1px
}

.c-header-top-tools__link {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    color: inherit;
    cursor: pointer;
    font-size: inherit;
    font-weight: inherit;
    transition: opacity 200ms ease-in-out, color 200ms ease-in-out
}

.c-header-top-tools__link:hover,
.c-header-top-tools__link:focus-visible {
    opacity: .85
}

.c-header-top-tools__link.is-uppercase {
    text-transform: uppercase
}

.c-header-top-tools__link.is-full-width {
    display: block
}

.c-header-top-tools__link.is-abo {
    font-size: 1.2rem;
    line-height: 2.8rem;
    border: 1px solid var(--header-top-tools--button-color);
    border-radius: 3px;
    color: var(--header-top-tools--button-text-color);
    display: inline-block;
    font-weight: 800;
    height: auto;
    margin-left: 5px;
    margin-right: 5px;
    padding-left: 8px;
    padding-right: 8px;
    text-align: center;
    text-transform: uppercase;
    transition: color 200ms ease-in-out, background-color 200ms ease-in-out
}

@media only screen and (min-width: 910px) {
    .c-header-top-tools__link.is-abo {
        margin-left: 7px;
        margin-right: 0;
        width: 10.5rem
    }
}

.c-header-top-tools__link.is-abo:hover {
    background: var(--header-top-tools--button-color);
    color: var(--header-top-tools--button-hover-text-color);
    opacity: 1
}

.c-header-top-tools__link.is-abo .is-short {
    display: block
}

@media only screen and (min-width: 910px) {
    .c-header-top-tools__link.is-abo .is-short {
        display: none
    }
}

.c-header-top-tools__link.is-abo .is-long {
    display: none
}

@media only screen and (min-width: 910px) {
    .c-header-top-tools__link.is-abo .is-long {
        display: block
    }
}

.c-header-top-tools__link.is-newsticker {
    color: var(--header-top-tools--text-color);
    display: none
}

@media only screen and (min-width: 410px) {
    .c-header-top-tools__link.is-newsticker {
        align-items: center;
        display: flex
    }
}

.c-header-top-tools__link.is-newsticker .c-header-top-tools__item-svg {
    height: 20px;
    width: 20px
}

.c-header-top-tools__button {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    border: none;
    cursor: pointer;
    transition: opacity 200ms ease-in-out, color 200ms ease-in-out
}

.c-header-top-tools__button:hover {
    opacity: .85
}

.c-header-top-tools__button {
    align-items: center;
    display: flex
}

.c-header-top-tools__button.is-login {
    color: var(--header-top-tools--text-color)
}

.c-header-top-tools__button.is-login .c-header-top-tools__item-svg {
    height: 20px;
    width: 25px
}

.c-header-top-tools__button.is-accessibility {
    color: var(--header-top-tools--text-color)
}

.c-header-top-tools__button.is-accessibility .c-header-top-tools__item-svg {
    height: 21px;
    width: 21px
}

.c-header-top-tools__button.is-search {
    color: var(--header-top-tools--text-color)
}

.c-header-top-tools__button.is-search .c-header-top-tools__item-svg {
    height: 20px;
    width: 20px
}

.c-header-top-tools__button.is-accessibility.is-active:hover,
.c-header-top-tools__button.is-login.is-active:hover,
.c-header-top-tools__button.is-search.is-active:hover {
    opacity: 1
}

.c-header-top-tools__button.is-burger-btn,
.c-header-top-tools__button.is-close-btn {
    width: 100%
}

.c-header-top-tools__button.is-burger-btn .c-header-top-tools__item-svg,
.c-header-top-tools__button.is-close-btn .c-header-top-tools__item-svg {
    height: 20px;
    margin: 0;
    width: 20px
}

.c-header-top-tools__button.is-close-btn {
    background: var(--header-top-tools--bg-color-close-button);
    opacity: 1;
    padding-left: 15px;
    padding-right: 15px
}

.c-header-top-tools__button.is-close-btn .c-header-top-tools__item-svg {
    fill: var(--header-top-tools--color-close-button)
}

.c-login-navigation {
    display: flex;
    flex-direction: column;
    height: 100%
}

.c-login-navigation__header {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-size: 1.8rem;
    line-height: 2.4rem;
    background-color: var(--login-navigation--header-bg-color);
    border-bottom: 2px solid #dfdfdf;
    color: var(--login-navigation--header-text-color);
    padding: 32px 15px 13px;
    text-transform: uppercase
}

.c-login-navigation__salutation {
    font-size: 1.4rem;
    line-height: 1.8rem;
    margin-top: 15px;
    text-transform: none
}

.c-login-navigation__username {
    font-weight: 800
}

.c-login-navigation__list {
    overflow-y: auto
}

.c-login-navigation__list-item {
    border-bottom: 1px solid var(--login-navigation--item-border-color);
    display: flex;
    justify-content: space-between;
    padding: 15px
}

.c-login-navigation__list-item-link {
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 800;
    color: var(--page--default-link-color);
    text-transform: uppercase;
    transition: color .2s ease-in-out
}

.c-login-navigation__list-item-link:hover {
    color: var(--page--default-link-hover-color)
}

.c-login-navigation__list-item-link {
    color: var(--login-navigation--item-text-color)
}

.c-login-navigation__list-item-description {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 400;
    font-size: 1.1rem;
    line-height: 1.6rem;
    color: #1d1d1d;
    text-transform: none;
    width: 185px
}

.c-accessibility-sidebar {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 400;
    background-color: var(--accessibility-sidebar--bg-color);
    height: 100%
}

.c-accessibility-sidebar__header {
    background-color: var(--accessibility-sidebar--header-bg-color);
    color: var(--accessibility-sidebar--header-text-color);
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 30px 15px 20px
}

.c-accessibility-sidebar__headline {
    font-size: 1.8rem;
    line-height: 2.6rem;
    text-transform: uppercase
}

.c-accessibility-sidebar__description {
    font-size: 1.4rem;
    line-height: 2rem
}

.c-accessibility-sidebar__item {
    font-size: 1.2rem;
    line-height: 1.5rem;
    color: var(--accessibility-sidebar--item-text-color);
    display: flex;
    gap: 30px;
    padding: 20px 15px
}

.c-accessibility-sidebar__item-headline {
    font-size: 1.4rem;
    line-height: 1.8rem;
    align-items: center;
    color: var(--accessibility-sidebar--item-headline-text-color);
    display: flex;
    font-weight: 800;
    gap: 5px;
    text-transform: uppercase
}

.c-accessibility-sidebar__item-icon {
    fill: var(--accessibility-sidebar--item-headline-text-color);
    height: 16px;
    width: 16px
}

.c-accessibility-sidebar__item-description {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.c-accessibility-sidebar__item-toggle {
    align-items: center;
    color: var(--accessibility-sidebar--item-toggle-text-color);
    display: flex;
    gap: 8px
}

.c-navigation {
    position: relative;
    width: 100%
}

.c-navigation__link {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    color: inherit;
    cursor: pointer;
    font-size: inherit;
    font-weight: inherit;
    transition: opacity 200ms ease-in-out, color 200ms ease-in-out
}

.c-navigation__link:hover,
.c-navigation__link:focus-visible {
    opacity: .85
}

.c-navigation__link.is-uppercase {
    text-transform: uppercase
}

.c-navigation__link.is-full-width {
    display: block
}

.c-navigation__link {
    font-weight: 800;
    text-transform: uppercase;
    white-space: nowrap
}

.c-navigation__sub-navigation-link {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    color: inherit;
    cursor: pointer;
    font-size: inherit;
    font-weight: inherit;
    transition: opacity 200ms ease-in-out, color 200ms ease-in-out
}

.c-navigation__sub-navigation-link:hover,
.c-navigation__sub-navigation-link:focus-visible {
    opacity: .85
}

.c-navigation__sub-navigation-link.is-uppercase {
    text-transform: uppercase
}

.c-navigation__sub-navigation-link.is-full-width {
    display: block
}

.c-navigation__sub-navigation-link {
    padding: 13px 15px;
    text-transform: uppercase;
    white-space: nowrap
}

.c-navigation__sub-navigation-link:hover {
    opacity: 1
}

.c-navigation__sub-navigation-link.is-screen-reader-only {
    display: none
}

[aria-expanded=true] .c-navigation__sub-navigation-link.is-screen-reader-only {
    display: block
}

.c-navigation__commercial-head {
    font-size: 1rem;
    line-height: 1.4rem;
    font-weight: 400;
    display: block;
    padding: 13px 15px;
    text-transform: uppercase
}

.c-navigation__keyboard-usage-hint.is-in-header {
    visibility: visible
}

.c-navigation__keyboard-usage-hint.is-in-sidebar {
    visibility: hidden
}

.is-aria-keyboard-controlled .c-navigation__keyboard-usage-hint:focus-visible {
    font-size: 1.2rem;
    line-height: 1.4rem;
    font-weight: 400;
    color: var(--navigation--primary-item-text-color);
    display: block;
    flex: 0 0 100%;
    height: 40px;
    padding: 7px
}

.c-navigation--sidebar {
    display: flex;
    overflow-x: hidden
}

.c-navigation--sidebar .c-navigation__primary {
    background-color: var(--sidebar-navigation--bg-color);
    height: 100%;
    width: 100%
}

.c-navigation--sidebar .c-navigation__primary-list {
    height: 100%;
    overflow-x: hidden
}

.c-navigation--sidebar .c-navigation__primary-sub-list {
    display: none;
    padding: 5px 0
}

.c-navigation--sidebar .c-navigation__primary-sub-item.is-commercial {
    background-color: var(--sidebar-navigation--commercial-bg-color)
}

.c-navigation--sidebar .c-navigation__commercial-head {
    color: #fff
}

.c-navigation--sidebar .c-navigation__sub-navigation-link {
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.8rem;
    color: var(--sidebar-navigation--subnav-text-color)
}

.c-navigation--sidebar .c-navigation__sub-navigation-link:hover {
    color: var(--sidebar-navigation--subnav-text-hover-color)
}

.c-navigation--sidebar .c-navigation__primary-item-icon-wrapper {
    border-left: 1px solid #eee;
    bottom: 0;
    height: 50px;
    margin: auto;
    position: absolute;
    right: -1px;
    top: 0;
    width: 50px
}

.c-navigation--sidebar .c-navigation__primary-item-icon {
    fill: var(--sidebar-navigation--primary-item-icon-color);
    height: 20px;
    transition: transform 200ms ease-in-out;
    width: 20px
}

.c-navigation--sidebar .c-navigation__link {
    display: block
}

.c-navigation--sidebar .c-navigation__primary-item {
    cursor: pointer;
    position: relative
}

.c-navigation--sidebar .c-navigation__primary-item:not(:last-of-type) {
    border-bottom: 1px solid var(--sidebar-navigation--primary-item-border-color)
}

.c-navigation--sidebar .c-navigation__primary-item.is-sidebar-extra {
    background-color: var(--sidebar-navigation--extra-link-bg-color);
    border-bottom: 1px solid var(--sidebar-navigation--extra-link-border-color)
}

.c-navigation--sidebar .c-navigation__primary-item.is-sidebar-extra .c-navigation__link {
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.8rem;
    color: var(--sidebar-navigation--extra-link-text-color);
    padding: 16px 15px
}

.c-navigation--sidebar .c-navigation__primary-item.is-sidebar-extra .c-navigation__link:hover {
    color: var(--sidebar-navigation--extra-link-hover-text-color);
    opacity: 1
}

.c-navigation--sidebar .c-navigation__primary-item.is-open {
    background: var(--sidebar-navigation--primary-item-open-bg-color);
    padding-bottom: 0
}

.c-navigation--sidebar .c-navigation__primary-item.is-open .c-navigation__primary-link {
    background-color: var(--sidebar-navigation--primary-item-open-link-bg-color)
}

.c-navigation--sidebar .c-navigation__primary-item.is-open .c-navigation__primary-sub-list {
    display: block
}

.c-navigation--sidebar .c-navigation__primary-item.is-open .c-navigation__primary-item-icon-wrapper {
    background: var(--sidebar-navigation--primary-item-open-bg-color);
    margin: inherit
}

.c-navigation--sidebar .c-navigation__primary-item.is-open .c-navigation__primary-item-icon {
    fill: #fff;
    transform: rotate(180deg)
}

.c-navigation--sidebar .c-navigation__primary-link {
    font-size: 1.4rem;
    line-height: 1.8rem;
    color: var(--sidebar-navigation--primary-item-text-color);
    padding: 16px 15px
}

.c-navigation--sidebar .c-navigation__primary-link:hover {
    color: var(--navigation--subnav-text-hover-color)
}

.c-navigation--sidebar .c-navigation__keyboard-usage-hint.is-in-header {
    visibility: hidden
}

.c-navigation--sidebar .c-navigation__keyboard-usage-hint.is-in-sidebar {
    visibility: visible
}

.is-aria-keyboard-controlled .c-navigation--sidebar .c-navigation__keyboard-usage-hint:focus-visible {
    height: 100%;
    width: 100%
}

.c-navigation--header {
    background-color: rgba(0, 0, 0, 0);
    display: flex;
    height: calc(100vh - 6rem);
    overflow: hidden;
    padding-left: 30px;
    position: relative
}

.c-navigation--header .c-navigation__primary-link {
    font-size: 1.2rem;
    line-height: 1.4rem;
    border-bottom: 2px solid rgba(0, 0, 0, 0);
    color: var(--navigation--primary-item-text-color);
    display: block;
    padding: 13px 8px 11px
}

.c-navigation--header .c-navigation__primary-link:hover {
    color: var(--navigation--primary-item-hover-text-color)
}

.c-navigation--header .c-navigation__primary-link:hover:not(.is-not-visible)+.c-navigation__primary-sub-list,
.c-navigation--header .c-navigation__primary-link[aria-expanded=true]+.c-navigation__primary-sub-list {
    opacity: 1;
    overflow: hidden auto
}

.c-navigation--header .c-navigation__primary-link:hover:not(.is-not-visible)+.c-navigation__primary-sub-list>*,
.c-navigation--header .c-navigation__primary-link[aria-expanded=true]+.c-navigation__primary-sub-list>* {
    height: auto;
    margin: initial;
    visibility: initial
}

.c-navigation--header .c-navigation__primary-link.is-active::after {
    content: "";
    display: block;
    position: absolute;
    background: var(--navigation--primary-item-active-border-color);
    display: block;
    height: 2px;
    position: relative;
    top: 11px;
    width: 100%
}

.c-navigation--header .c-navigation__primary-link.is-live-tv {
    color: var(--navigation--live-tv-color)
}

.c-navigation--header .c-navigation__primary-link.is-live-tv::before {
    animation: blinking 1.2s infinite;
    background-color: var(--page--blinker-color);
    border-radius: 5px;
    display: inline-flex;
    height: 10px;
    margin-right: 5px;
    width: 10px;
    content: "";
    display: block;
    position: absolute;
    display: inline-block;
    position: relative;
    top: 1px
}

.c-navigation--header .c-navigation__button {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    border: none;
    cursor: pointer;
    transition: opacity 200ms ease-in-out, color 200ms ease-in-out
}

.c-navigation--header .c-navigation__button:hover {
    opacity: .85
}

.c-navigation--header .c-navigation__button {
    font-weight: 800;
    font-size: 1.2rem;
    line-height: 1.4rem;
    align-items: center;
    color: var(--navigation--primary-item-text-color);
    display: flex;
    height: 40px;
    text-transform: uppercase
}

.c-navigation--header .c-navigation__button:hover {
    color: var(--navigation--primary-item-hover-text-color);
    opacity: 1
}

.c-navigation--header .c-navigation__button.is-show-more {
    background: linear-gradient(270deg, var(--navigation--bg-color) 0, var(--navigation--bg-color) 80%, rgba(6, 75, 113, 0));
    margin-left: auto;
    padding-left: 30px;
    padding-right: 10px;
    visibility: visible;
    z-index: 2
}

.c-navigation--header .c-navigation__button.is-show-less {
    background: linear-gradient(90deg, var(--navigation--bg-color) 0, var(--navigation--bg-color) 80%, rgba(6, 75, 113, 0));
    padding: 0 30px 0 28px;
    visibility: hidden;
    z-index: -1
}

.c-navigation--header .c-navigation__icon {
    fill: var(--navigation--primary-item-text-color);
    height: 12px;
    transition: fill 200ms ease-in-out;
    width: 12px
}

.c-navigation__show-more-button:hover .c-navigation--header .c-navigation__icon,
.c-navigation__show-less-button:hover .c-navigation--header .c-navigation__icon {
    fill: var(--navigation--primary-item-hover-text-color)
}

.c-navigation--header .c-navigation__icon.is-left {
    margin-right: 4px
}

.c-navigation--header .c-navigation__icon.is-right {
    margin-left: 2px
}

.c-navigation--header .c-navigation__primary {
    background-color: var(--navigation--bg-color);
    height: 40px;
    position: relative;
    width: 100%;
    z-index: 1
}

.c-navigation--header .c-navigation__primary-sub-list {
    background: var(--navigation--sublist-bg-color);
    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, .5);
    max-height: 600px;
    max-width: fit-content;
    min-width: 100%;
    position: absolute;
    top: 40px
}

.c-navigation--header .c-navigation__primary-sub-list>* {
    height: 0;
    margin: 0;
    padding-bottom: 0;
    padding-top: 0;
    visibility: hidden
}

.c-navigation--header .c-navigation__slide-buttons {
    display: flex;
    height: 0;
    left: -30px;
    position: absolute;
    text-transform: uppercase;
    top: 0;
    width: calc(100% + 30px);
    z-index: 2
}

.c-navigation--header .c-navigation__primary-flyout {
    display: block;
    height: 40px;
    left: 0;
    position: relative;
    width: 100%;
    z-index: 1
}

.c-navigation--header .c-navigation__primary-list {
    display: flex;
    height: 40px;
    transition: transform 600ms cubic-bezier(0.04, 0.56, 0, 1)
}

.c-navigation--header .c-navigation__primary-item {
    position: relative
}

.c-navigation--header .c-navigation__primary-item:hover:not(.is-not-visible) .c-navigation__primary-sub-list,
.c-navigation--header .c-navigation__primary-item[aria-expanded=true] .c-navigation__primary-sub-list {
    opacity: 1;
    overflow: hidden auto
}

.c-navigation--header .c-navigation__primary-item:hover:not(.is-not-visible) .c-navigation__primary-sub-list>*,
.c-navigation--header .c-navigation__primary-item[aria-expanded=true] .c-navigation__primary-sub-list>* {
    height: auto;
    margin: initial;
    visibility: initial
}

.c-navigation--header .c-navigation__primary-item:first-of-type .c-navigation__primary-link {
    padding-left: 0
}

.c-navigation--header .c-navigation__primary-item:last-of-type .c-navigation__primary-link {
    padding-right: 16px
}

.c-navigation--header .c-navigation__primary-sub-item {
    min-width: 200px
}

.c-navigation--header .c-navigation__primary-sub-item.is-commercial {
    background-color: var(--navigation--commercial-bg-color)
}

.c-navigation--header .c-navigation__primary-sub-item.is-commercial .c-navigation__sub-navigation-link {
    color: var(--navigation--commercial-text-color)
}

.c-navigation--header .c-navigation__primary-sub-item.is-commercial .c-navigation__sub-navigation-link:hover {
    color: var(--navigation--commercial-hover-text-color)
}

.c-navigation--header .c-navigation__sub-navigation-link {
    font-weight: 800;
    font-size: 1.2rem;
    line-height: 1.4rem;
    color: var(--navigation--subnav-text-color)
}

.c-navigation--header .c-navigation__sub-navigation-link:hover {
    color: var(--navigation--subnav-text-hover-color);
    opacity: 1
}

.c-navigation--header .c-navigation__commercial-head {
    border-top: 1px solid #eee;
    color: var(--navigation--commercial-headline-color)
}

.c-navigation--header .c-navigation__secondary {
    background-color: var(--navigation--bg-color);
    border-left: var(--navigation--product-nav-border);
    display: block;
    height: 40px;
    min-width: 130px;
    position: relative;
    z-index: 2
}

.c-navigation--header .c-navigation__secondary.is-active {
    background-color: var(--navigation--product-nav-active-bg-color);
    color: var(--navigation--product-nav-active-text-color);
    z-index: 4
}

.c-navigation--header.is-showing-left-btn .c-navigation__button.is-show-more {
    visibility: hidden;
    z-index: -1
}

.c-navigation--header.is-showing-left-btn .c-navigation__button.is-show-less {
    visibility: visible;
    z-index: 2
}

.c-navigation--header.is-sliding .c-navigation__slide-buttons {
    height: 40px
}

.c-page-banner {
    height: 80px;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 0
}

.c-news-banner {
    height: 80px;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 0
}

.c-news-banner--double .c-news-banner__double-wrapper:hover .c-news-banner__button,
.c-news-banner--simple .c-news-banner__container:hover .c-news-banner__button {
    background-color: var(--news-banner--button-hover-bg-color);
    color: var(--news-banner--button-hover-text-color)
}

.c-news-banner__container {
    border-bottom: 1px solid var(--news-banner--border-color);
    cursor: pointer;
    display: flex;
    height: 80px;
    letter-spacing: normal
}

.c-news-banner__a11y-click-area {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.c-news-banner__image {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 800;
    font-size: 1.2rem;
    line-height: 1.6rem;
    align-items: center;
    border-right: 1px solid var(--news-banner--border-color);
    color: var(--news-banner--text-color);
    display: flex;
    height: 100%;
    min-width: 140px;
    padding: 0 15px;
    text-transform: uppercase
}

@media only screen and (min-width: 910px) {
    .c-news-banner__image {
        min-width: 160px;
        padding-left: 30px
    }
}

.c-news-banner__icon {
    align-items: center;
    border-radius: 50%;
    display: inline-flex;
    height: 50px;
    justify-content: center;
    margin-right: 15px;
    width: 20px
}

.c-news-banner__icon.is-icon-clock {
    filter: invert(var(--news-banner--clock-icon-invert-value))
}

.c-news-banner__icon.is-icon-welt-plus {
    width: 45px
}

.c-news-banner__icon.is-icon-buli-logo {
    width: 25px
}

.c-news-banner__icon.is-icon-live {
    width: 45px
}

.c-news-banner__icon.is-icon-welt-go {
    width: 32px
}

.c-news-banner__cta-link {
    font-size: 0rem;
    color: rgba(0, 0, 0, 0);
    height: 1px;
    left: -10000px;
    overflow: hidden;
    position: absolute;
    text-shadow: none;
    top: auto;
    width: 1px
}

.c-news-banner__text {
    font-size: 1.2rem;
    line-height: 1.6rem;
    color: var(--news-banner--text-color);
    flex-grow: 1;
    hyphens: auto
}

.c-news-banner__text-title {
    font-weight: 800;
    text-transform: uppercase
}

.c-news-banner__button {
    align-items: center;
    align-self: center;
    justify-content: center;
    transition: color 200ms ease-in-out, background-color 200ms ease-in-out
}

.c-news-banner__button.is-desktop {
    display: none
}

@media only screen and (min-width: 910px) {
    .c-news-banner__button.is-desktop {
        font-family: ffmark, ffmark-fallback, sans-serif;
        font-weight: 800;
        font-size: 1.2rem;
        line-height: 3.4rem;
        border: 1px solid var(--news-banner--button-color);
        border-radius: 2px;
        color: var(--news-banner--button-color);
        display: flex;
        height: 34px;
        margin-left: 30px;
        margin-right: 30px;
        text-transform: uppercase;
        width: 18rem
    }
}

.c-news-banner__button.is-mobile {
    background-color: #f18825;
    border-radius: 50%;
    display: flex;
    fill: #fff;
    height: 20px;
    margin-right: 15px;
    min-width: 20px;
    padding: 5px;
    width: 20px
}

@media only screen and (min-width: 910px) {
    .c-news-banner__button.is-mobile {
        display: none
    }
}

.c-news-banner--simple .c-news-banner__text {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-size: 1.1rem;
    line-height: 1.6rem;
    align-items: center;
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap;
    padding-left: 15px;
    padding-right: 10px
}

@media only screen and (min-width: 910px) {
    .c-news-banner--simple .c-news-banner__text {
        font-size: 12px;
        letter-spacing: -0.2px;
        padding: 9px 0 9px 15px
    }
}

.c-news-banner--simple .c-news-banner__text.is-mobile {
    display: flex
}

@media only screen and (min-width: 910px) {
    .c-news-banner--simple .c-news-banner__text.is-mobile {
        display: none
    }
}

.c-news-banner--simple .c-news-banner__text.is-desktop {
    display: none
}

@media only screen and (min-width: 910px) {
    .c-news-banner--simple .c-news-banner__text.is-desktop {
        display: flex
    }
}

.c-news-banner--simple .c-news-banner__text-title {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 800;
    margin-right: 5px;
    text-transform: uppercase
}

.c-news-banner--double .c-news-banner__image {
    border-right: 0;
    min-width: 40px;
    padding-right: 0
}

.c-news-banner--double .c-news-banner__text {
    display: flex;
    flex-direction: column
}

@media only screen and (min-width: 910px) {
    .c-news-banner--double .c-news-banner__text {
        flex-direction: row
    }
}

.c-news-banner--double .c-news-banner__double-wrapper {
    align-items: center;
    border-right: 1px solid #eee;
    display: flex;
    justify-content: flex-start;
    position: relative;
    width: 50%
}

.c-news-banner--double .c-news-banner__headline {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 800;
    margin-right: 3px;
    text-transform: uppercase
}

.c-news-banner--double .c-news-banner__text-details {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 800;
    color: var(--news-banner--details-text-color);
    text-transform: uppercase
}

@media only screen and (min-width: 910px) {
    .c-news-banner--double .c-news-banner__text-details {
        padding-left: 3px
    }
}

.c-news-banner-live {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 800;
    animation: bff-fade-in .3s ease-in-out forwards;
    background: #fff;
    height: 80px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    visibility: visible !important;
    width: 100%;
    z-index: 4
}

.c-news-banner-live::after,
.c-news-banner-live::before {
    content: "";
    height: 100%;
    position: absolute;
    top: 0
}

.c-news-banner-live::before {
    animation: animate-bg .5s ease-in-out .3s 1 forwards;
    background-color: var(--news-banner-live--bg-color);
    left: 0;
    transform: scaleX(0);
    transform-origin: left;
    width: 100%
}

.c-news-banner-live::after {
    animation: animate-visibility 0s linear .8s 1 forwards;
    pointer-events: none;
    right: 0;
    visibility: hidden;
    width: 100px;
    z-index: 1
}

.c-news-banner-live__breaking-news,
.c-news-banner-live__livestream {
    animation: bff-fade-in .5s ease-in-out forwards;
    animation-delay: .7s;
    display: inline-flex;
    height: 100%;
    opacity: 0;
    overflow: hidden;
    width: 100%
}

.c-news-banner-live__breaking-news:hover .is-paused-when-hovered,
.c-news-banner-live__livestream:hover .is-paused-when-hovered {
    animation-play-state: paused
}

.c-news-banner-live__animatable-content {
    display: inline-block;
    height: 80px
}

.c-news-banner-live__animatable-content.is-animated {
    animation-delay: var(--live-banner--animation-delay);
    animation-duration: var(--live-banner--animation-time);
    animation-iteration-count: infinite;
    animation-name: live-banner-animation;
    animation-timing-function: var(--live-banner--animation-function)
}

.c-news-banner-live__content {
    height: 100%;
    max-width: 100%;
    overflow-x: hidden;
    transform: translateZ(0);
    white-space: nowrap;
    width: 100%
}

.c-news-banner-live__link-item {
    font-size: 1.4rem;
    line-height: 1.4rem;
    align-items: center;
    display: inline-flex;
    height: 100%;
    margin-right: 50px;
    will-change: transform
}

.c-news-banner-live__link-item:first-of-type {
    margin-left: 15px
}

.c-news-banner-live__link {
    font-size: 1.4rem;
    line-height: 1.4rem;
    color: #fff;
    display: inline-block
}

.c-news-banner-live__link::after {
    content: "";
    display: block;
    position: absolute;
    display: block;
    height: 50px;
    position: absolute;
    top: -16px;
    width: 100%
}

.c-news-banner-live__link+.c-news-banner-live__link {
    margin-left: 50px
}

.c-news-banner-live__caption {
    font-size: 1.1rem;
    line-height: 1.1rem;
    font-weight: 800;
    border: 1px solid;
    display: inline-block;
    letter-spacing: .4px;
    margin-right: 15px;
    padding: 3px;
    position: relative;
    text-transform: uppercase;
    top: -1px
}

.c-news-banner-live__body {
    font-weight: 800;
    display: inline-block;
    letter-spacing: .5px
}

.c-news-banner-live__topic {
    padding-right: 5px;
    text-transform: uppercase
}

.c-news-banner-live__livestream-teaser {
    align-items: center;
    display: flex;
    position: relative;
    z-index: 2
}

.c-news-banner-live__livestream-teaser .c-picture {
    display: block;
    height: 50px;
    width: 100px
}

.c-news-banner-live__livestream-teaser .c-picture img {
    height: 100%
}

.c-news-banner-live__livestream-caption-live-marker {
    animation: blinking 1.2s infinite;
    background-color: #fff;
    border-radius: 50%;
    display: inline-block;
    height: 10px;
    margin-left: 1px;
    margin-right: 5px;
    position: relative;
    top: 1px;
    width: 10px
}

.c-news-banner-live__livestream-teaser-link {
    position: relative
}

.c-news-banner-live__livestream-teaser-icon {
    align-items: center;
    background: var(--news-banner-live--hint-icon-bg-color);
    border-radius: 50%;
    display: flex;
    height: 30px;
    inset: 0;
    justify-content: center;
    margin: auto;
    position: absolute;
    width: 30px;
    z-index: 99999
}

.c-news-banner-live__livestream-teaser-icon svg {
    fill: #fff;
    width: 15px
}

.c-news-banner-live__close-btn {
    animation: bff-fade-in .8s ease-in-out forwards;
    animation-delay: .3s;
    background: linear-gradient(to right, transparent 0%, var(--news-banner-live--bg-color) 30%);
    bottom: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 60px
}

.c-news-banner-live__close-btn:hover {
    opacity: 1
}

.c-news-banner-live__close-icon {
    fill: #fff;
    max-height: 13px;
    max-width: 13px
}

@media only screen and (min-width: 768px) {
    .c-news-banner-live__close-icon {
        max-height: 15px;
        max-width: 15px
    }
}

@keyframes live-banner-animation {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(var(--live-banner--content-width))
    }
}

.c-product-navigation {
    height: 100%;
    overflow-y: auto;
    text-align: left
}

@media only screen and (min-width: 910px) {
    .is-sticky-header .c-product-navigation {
        overflow-y: visible
    }
}

.c-product-navigation__list {
    background-color: var(--product-navigation--bg-color);
    min-height: 100%
}

.c-product-navigation__headline {
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-family: ffmark, ffmark-fallback, sans-serif;
    border-bottom: 1px solid var(--product-navigation--border-color);
    color: var(--product-navigation--headline-color);
    display: block;
    height: 70px;
    padding: 32px 15px 13px;
    text-transform: uppercase
}

.c-product-navigation__sub-nav {
    border-bottom: 1px solid var(--product-navigation--border-color);
    padding: 13px 15px
}

.c-product-navigation__link {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    color: inherit;
    cursor: pointer;
    font-size: inherit;
    font-weight: inherit;
    transition: opacity 200ms ease-in-out, color 200ms ease-in-out
}

.c-product-navigation__link:hover,
.c-product-navigation__link:focus-visible {
    opacity: .85
}

.c-product-navigation__link.is-uppercase {
    text-transform: uppercase
}

.c-product-navigation__link.is-full-width {
    display: block
}

.c-product-navigation__link {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 800;
    color: var(--page--default-link-color);
    text-transform: uppercase;
    transition: color .2s ease-in-out
}

.c-product-navigation__link:hover {
    color: var(--page--default-link-hover-color)
}

.c-product-navigation__link {
    font-size: 1.4rem;
    line-height: 2.4rem;
    color: var(--product-navigation--link-color)
}

.c-search-bar {
    overflow-y: auto
}

.c-search-bar__footer {
    padding: 20px 15px
}

.c-search-bar__footer-text {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 2.1rem;
    color: var(--search--bar-text-color)
}

.c-search-bar__footer-text:first-of-type {
    font-weight: 800
}

.c-search-bar__form {
    background-color: var(--search-bar--form-bg-color);
    border-bottom: 2px solid #dfdfdf;
    display: flex;
    flex-direction: column;
    padding: 15px
}

.c-search-bar__form-content {
    display: flex;
    position: relative
}

.c-search-bar__form-input {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    background-color: #fff;
    border: none;
    border-radius: 3px;
    color: #003a5a;
    flex-grow: 1;
    height: 55px;
    outline: none;
    padding-left: 15px;
    padding-right: 35px
}

.c-search-bar__form-submit {
    align-items: center;
    background: var(--search-bar--button-bg-color);
    border-radius: 3px;
    display: flex;
    height: 55px;
    justify-content: center;
    margin-left: 9px;
    width: 55px
}

.c-search-bar__form-submit:disabled {
    opacity: .5;
    pointer-events: none
}

.c-search-bar__form-icon-search {
    fill: var(--search-bar--button-icon-color);
    height: 20px;
    width: 20px
}

.c-search-bar__form-icon-erase {
    bottom: 0;
    height: 24px;
    margin: auto 0;
    position: absolute;
    right: 72px;
    top: 0;
    width: 24px
}

.c-sidebar {
    background-color: var(--sidebar--bg-color);
    display: flex;
    flex-direction: column;
    height: 100%;
    transform: translateX(100%);
    transition: transform 200ms ease-in-out;
    width: 375px;
    z-index: 1
}

.c-sidebar.is-opened {
    transform: translateX(0)
}

.c-sidebar.is-opened+.c-sidebar__overlay {
    opacity: .8;
    visibility: visible
}

.c-sidebar.has-tabs .c-sidebar__tab-content {
    display: none
}

.c-sidebar.has-tabs .c-sidebar__tab-content.is-active {
    display: block
}

.c-sidebar.is-product-navigation-sidebar {
    height: calc(100% - 40px);
    margin-top: 40px
}

.c-sidebar__overlay {
    background: #090909;
    height: 100vh;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity 400ms ease-in-out, visibility 400ms ease-in-out;
    visibility: hidden;
    width: 970px;
    z-index: 0
}

.c-sidebar__keyboard-usage-hint {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 2.4rem;
    padding: 7.5px
}

.c-sidebar__tabs {
    background-color: var(--sidebar--tabs-bg-color);
    display: flex;
    flex: 0;
    padding-top: 22px
}

.c-sidebar__tab {
    cursor: pointer
}

.c-sidebar__tab-content {
    background-color: var(--sidebar-navigation--extra-link-bg-color);
    flex: 1 1 auto;
    overflow: auto
}

.c-sidebar__tab-button {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 800;
    font-size: 1.4rem;
    line-height: 2.4rem;
    color: var(--sidebar--tabs-button-color);
    margin: 0 14px;
    padding: 14px 0 11px;
    text-transform: uppercase
}

.is-active .c-sidebar__tab-button {
    border-bottom: 3px solid var(--sidebar--tabs-button-active-border-color)
}

.c-cmp-notification {
    bottom: 0;
    display: none;
    margin: 0 auto;
    max-width: 970px;
    position: fixed;
    width: 100%;
    z-index: 1
}

.c-cmp-notification.is-open {
    display: block
}

.c-ad-container {
    position: relative;
    z-index: auto
}

.has-open-modal .c-ad-container,
.has-open-sidebar .c-ad-container,
.ab-pause-scrolling .c-ad-container {
    z-index: 0
}

.has-fullscreen-overlay .c-ad-container {
    visibility: hidden
}

@media print {
    .c-ad-container {
        display: none
    }
}

.c-ad-slot {
    position: relative
}

.c-ad-slot [data-internal-ad=sky] {
    position: absolute
}

.c-ad-slot [data-internal-ad=mrec_btf_49] {
    padding: 15px
}

.c-ad-slot__label {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 300;
    font-size: 1.2rem;
    line-height: 1.6rem;
    background: var(--ad-slot--background-color);
    color: var(--ad-slot--text-color);
    display: block;
    position: relative;
    text-align: right
}

.c-ad-slot--stage {
    padding: 15px 0
}

@media only screen and (min-width: 910px) {
    .c-ad-slot--stage {
        padding: 0
    }
}

@media only screen and (min-width: 0)and (max-width: 910px) {
    .c-ad-slot--stage {
        background-color: var(--ad-slot--mobile-stage-background-color)
    }
}

@media only screen and (min-width: 0)and (max-width: 910px) {
    .c-ad-slot--stage .c-ad-slot__label {
        background-color: rgba(0, 0, 0, 0)
    }
}

.c-ad-slot--teaser {
    height: 100%
}

.c-ad-slot--teaser .c-ad-slot__placement {
    height: 100%
}

@media only screen and (min-width: 600px) {
    .c-ad-slot--teaser .c-ad-slot__label {
        position: absolute;
        right: 0;
        top: -16px
    }
}

.c-ad-sky-btf {
    left: 0;
    margin-left: 100%;
    position: absolute
}

.u-grid-container {
    display: grid;
    gap: 15px 30px;
    grid-template-columns: repeat(12, minmax(0, 1fr))
}

@media only screen and (min-width: 910px) {
    .u-grid-container {
        row-gap: 30px
    }
}

@media print {
    .u-grid-container {
        gap: 0 30px
    }
}

.c-stage--simple .u-grid-container {
    row-gap: 10px
}

@media only screen and (min-width: 600px) {
    .c-stage--simple .u-grid-container {
        row-gap: 20px
    }
}

.u-grid-item {
    grid-column: span 12;
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

@media only screen and (min-width: 0) {
    .is-grid-col-mobile-s-1 {
        grid-column: span 1
    }

    .is-grid-col-mobile-s-2 {
        grid-column: span 2
    }

    .is-grid-col-mobile-s-3 {
        grid-column: span 3
    }

    .is-grid-col-mobile-s-4 {
        grid-column: span 4
    }

    .is-grid-col-mobile-s-5 {
        grid-column: span 5
    }

    .is-grid-col-mobile-s-6 {
        grid-column: span 6
    }

    .is-grid-col-mobile-s-7 {
        grid-column: span 7
    }

    .is-grid-col-mobile-s-8 {
        grid-column: span 8
    }

    .is-grid-col-mobile-s-9 {
        grid-column: span 9
    }

    .is-grid-col-mobile-s-10 {
        grid-column: span 10
    }

    .is-grid-col-mobile-s-11 {
        grid-column: span 11
    }

    .is-grid-col-mobile-s-12 {
        grid-column: span 12
    }
}

@media only screen and (min-width: 480px) {
    .is-grid-col-mobile-p-1 {
        grid-column: span 1
    }

    .is-grid-col-mobile-p-2 {
        grid-column: span 2
    }

    .is-grid-col-mobile-p-3 {
        grid-column: span 3
    }

    .is-grid-col-mobile-p-4 {
        grid-column: span 4
    }

    .is-grid-col-mobile-p-5 {
        grid-column: span 5
    }

    .is-grid-col-mobile-p-6 {
        grid-column: span 6
    }

    .is-grid-col-mobile-p-7 {
        grid-column: span 7
    }

    .is-grid-col-mobile-p-8 {
        grid-column: span 8
    }

    .is-grid-col-mobile-p-9 {
        grid-column: span 9
    }

    .is-grid-col-mobile-p-10 {
        grid-column: span 10
    }

    .is-grid-col-mobile-p-11 {
        grid-column: span 11
    }

    .is-grid-col-mobile-p-12 {
        grid-column: span 12
    }
}

@media only screen and (min-width: 600px) {
    .is-grid-col-mobile-l-1 {
        grid-column: span 1
    }

    .is-grid-col-mobile-l-2 {
        grid-column: span 2
    }

    .is-grid-col-mobile-l-3 {
        grid-column: span 3
    }

    .is-grid-col-mobile-l-4 {
        grid-column: span 4
    }

    .is-grid-col-mobile-l-5 {
        grid-column: span 5
    }

    .is-grid-col-mobile-l-6 {
        grid-column: span 6
    }

    .is-grid-col-mobile-l-7 {
        grid-column: span 7
    }

    .is-grid-col-mobile-l-8 {
        grid-column: span 8
    }

    .is-grid-col-mobile-l-9 {
        grid-column: span 9
    }

    .is-grid-col-mobile-l-10 {
        grid-column: span 10
    }

    .is-grid-col-mobile-l-11 {
        grid-column: span 11
    }

    .is-grid-col-mobile-l-12 {
        grid-column: span 12
    }
}

@media only screen and (min-width: 657px) {
    .is-grid-col-mobile-xl-1 {
        grid-column: span 1
    }

    .is-grid-col-mobile-xl-2 {
        grid-column: span 2
    }

    .is-grid-col-mobile-xl-3 {
        grid-column: span 3
    }

    .is-grid-col-mobile-xl-4 {
        grid-column: span 4
    }

    .is-grid-col-mobile-xl-5 {
        grid-column: span 5
    }

    .is-grid-col-mobile-xl-6 {
        grid-column: span 6
    }

    .is-grid-col-mobile-xl-7 {
        grid-column: span 7
    }

    .is-grid-col-mobile-xl-8 {
        grid-column: span 8
    }

    .is-grid-col-mobile-xl-9 {
        grid-column: span 9
    }

    .is-grid-col-mobile-xl-10 {
        grid-column: span 10
    }

    .is-grid-col-mobile-xl-11 {
        grid-column: span 11
    }

    .is-grid-col-mobile-xl-12 {
        grid-column: span 12
    }
}

@media only screen and (min-width: 768px) {
    .is-grid-col-tablet-p-1 {
        grid-column: span 1
    }

    .is-grid-col-tablet-p-2 {
        grid-column: span 2
    }

    .is-grid-col-tablet-p-3 {
        grid-column: span 3
    }

    .is-grid-col-tablet-p-4 {
        grid-column: span 4
    }

    .is-grid-col-tablet-p-5 {
        grid-column: span 5
    }

    .is-grid-col-tablet-p-6 {
        grid-column: span 6
    }

    .is-grid-col-tablet-p-7 {
        grid-column: span 7
    }

    .is-grid-col-tablet-p-8 {
        grid-column: span 8
    }

    .is-grid-col-tablet-p-9 {
        grid-column: span 9
    }

    .is-grid-col-tablet-p-10 {
        grid-column: span 10
    }

    .is-grid-col-tablet-p-11 {
        grid-column: span 11
    }

    .is-grid-col-tablet-p-12 {
        grid-column: span 12
    }
}

@media only screen and (min-width: 910px) {
    .is-grid-col-tablet-l-1 {
        grid-column: span 1
    }

    .is-grid-col-tablet-l-2 {
        grid-column: span 2
    }

    .is-grid-col-tablet-l-3 {
        grid-column: span 3
    }

    .is-grid-col-tablet-l-4 {
        grid-column: span 4
    }

    .is-grid-col-tablet-l-5 {
        grid-column: span 5
    }

    .is-grid-col-tablet-l-6 {
        grid-column: span 6
    }

    .is-grid-col-tablet-l-7 {
        grid-column: span 7
    }

    .is-grid-col-tablet-l-8 {
        grid-column: span 8
    }

    .is-grid-col-tablet-l-9 {
        grid-column: span 9
    }

    .is-grid-col-tablet-l-10 {
        grid-column: span 10
    }

    .is-grid-col-tablet-l-11 {
        grid-column: span 11
    }

    .is-grid-col-tablet-l-12 {
        grid-column: span 12
    }
}

@media only screen and (min-width: 1136px) {
    .is-grid-col-desktop-m-1 {
        grid-column: span 1
    }

    .is-grid-col-desktop-m-2 {
        grid-column: span 2
    }

    .is-grid-col-desktop-m-3 {
        grid-column: span 3
    }

    .is-grid-col-desktop-m-4 {
        grid-column: span 4
    }

    .is-grid-col-desktop-m-5 {
        grid-column: span 5
    }

    .is-grid-col-desktop-m-6 {
        grid-column: span 6
    }

    .is-grid-col-desktop-m-7 {
        grid-column: span 7
    }

    .is-grid-col-desktop-m-8 {
        grid-column: span 8
    }

    .is-grid-col-desktop-m-9 {
        grid-column: span 9
    }

    .is-grid-col-desktop-m-10 {
        grid-column: span 10
    }

    .is-grid-col-desktop-m-11 {
        grid-column: span 11
    }

    .is-grid-col-desktop-m-12 {
        grid-column: span 12
    }
}

@media only screen and (min-width: 1600px) {
    .is-grid-col-desktop-l-1 {
        grid-column: span 1
    }

    .is-grid-col-desktop-l-2 {
        grid-column: span 2
    }

    .is-grid-col-desktop-l-3 {
        grid-column: span 3
    }

    .is-grid-col-desktop-l-4 {
        grid-column: span 4
    }

    .is-grid-col-desktop-l-5 {
        grid-column: span 5
    }

    .is-grid-col-desktop-l-6 {
        grid-column: span 6
    }

    .is-grid-col-desktop-l-7 {
        grid-column: span 7
    }

    .is-grid-col-desktop-l-8 {
        grid-column: span 8
    }

    .is-grid-col-desktop-l-9 {
        grid-column: span 9
    }

    .is-grid-col-desktop-l-10 {
        grid-column: span 10
    }

    .is-grid-col-desktop-l-11 {
        grid-column: span 11
    }

    .is-grid-col-desktop-l-12 {
        grid-column: span 12
    }
}

.c-animated-banner-container {
    background: var(--animated-banner--bg-color);
    height: 80px;
    position: relative;
    z-index: 3
}

.c-animated-banner {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 800;
    animation: bff-fade-in .3s ease-in-out forwards;
    display: flex;
    height: 80px;
    position: relative;
    width: 100%
}

.c-animated-banner::after {
    background-color: var(--animated-banner--border-color);
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

.c-animated-banner__body {
    overflow: hidden;
    scroll-behavior: smooth;
    transition: opacity 300ms ease-in-out;
    width: 100%
}

@media only screen and (max-width: 767px) {
    .c-animated-banner__body::after {
        content: "";
        display: block;
        position: absolute;
        background: linear-gradient(to left, var(--animated-banner--bg-color) 0%, transparent 100%);
        height: 100%;
        pointer-events: none;
        right: 0;
        top: 0;
        width: 57px
    }
}

@media only screen and (min-width: 768px) {
    .c-animated-banner__body {
        margin-left: 30px;
        width: calc(100% - 60px)
    }
}

.c-animated-banner__teasers {
    scrollbar-width: none
}

.c-animated-banner__teasers::-webkit-scrollbar {
    display: none
}

.c-animated-banner__teasers {
    display: flex;
    overflow: scroll
}

@media only screen and (min-width: 768px) {
    .c-animated-banner__teasers {
        margin-left: -15px;
        overflow: initial;
        transform: translateX(0);
        transition: transform 300ms ease-in-out
    }
}

.is-aria-keyboard-controlled .c-animated-banner__teasers {
    overflow: scroll;
    scroll-snap-type: x mandatory
}

.c-animated-banner__teaser {
    transition: opacity 300ms ease-in-out
}

.c-animated-banner__teaser:hover {
    opacity: .7
}

.c-animated-banner__actions {
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 30px
}

.c-animated-banner__actions.is-right {
    left: auto;
    right: 0
}

@media only screen and (min-width: 768px) {
    .c-animated-banner__actions {
        align-items: center;
        display: flex;
        justify-content: center
    }
}

.c-animated-banner__actions-button {
    align-items: center;
    background-color: rgba(0, 0, 0, 0);
    border: 0;
    border-radius: 3px;
    cursor: pointer;
    display: flex;
    height: 24px;
    justify-content: center;
    padding: 0;
    width: 18px
}

.c-animated-banner__actions-button:hover {
    background-color: var(--animated-banner--arrow-hover-bg-color)
}

.c-animated-banner__actions-button:hover,
.c-animated-banner__actions-button:active {
    outline: none
}

.c-animated-banner__actions-button:disabled {
    opacity: var(--animated-banner--action-button-disabled-opacity);
    pointer-events: none
}

.c-animated-banner__slide-arrow-icon {
    fill: var(--animated-banner--arrow-color);
    height: 12px;
    width: 10px
}

.c-animated-banner__actions-default,
.c-animated-banner__actions-pause {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 1.5rem;
    color: #eee
}

.c-animated-banner__slide-play-icon {
    height: 10px;
    width: 8px
}

.c-skeleton--animated-banner {
    display: contents
}

.c-animated-banner__skeleton {
    align-items: center;
    border-bottom: 1px solid var(--animated-banner--placeholder-border-color);
    border-top: 1px solid var(--animated-banner--placeholder-border-color);
    display: flex;
    gap: 15px;
    height: 100%;
    padding: 0 15px
}

@media only screen and (min-width: 768px) {
    .c-animated-banner__skeleton {
        padding: 0 30px
    }
}

.c-animated-banner__skeleton-teaser {
    animation: bff-skeleton-loading-animation 1s linear infinite alternate;
    background-color: var(--animated-banner--placeholder-item-color);
    display: inline-block;
    height: 22px;
    width: 100%
}

.c-animated-banner__skeleton-teaser:nth-child(n+3) {
    display: none
}

@media only screen and (min-width: 768px) {
    .c-animated-banner__skeleton-teaser:nth-child(n+3) {
        display: inline-block
    }
}

.c-tooltip {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 400;
    display: inline-flex;
    height: 16px;
    position: relative;
    width: 16px;
    z-index: 1
}

.c-tooltip:hover {
    opacity: 1
}

.c-tooltip__cta {
    font-size: 1.3rem;
    align-items: center;
    border: 1px solid var(--tooltip--cta-color);
    border-radius: 50%;
    color: var(--tooltip--cta-color);
    display: inline-flex;
    height: 16px;
    justify-content: center;
    position: relative;
    transition: all 200ms ease-in-out;
    width: 16px
}

.c-tooltip__cta::after {
    content: "i"
}

.c-tooltip__cta:hover {
    border-color: var(--tooltip--cta-hover-color);
    color: var(--tooltip--cta-hover-color)
}

.c-tooltip__cta-info {
    font-size: 0rem;
    color: rgba(0, 0, 0, 0);
    height: 1px;
    left: -10000px;
    overflow: hidden;
    position: absolute;
    text-shadow: none;
    top: auto;
    width: 1px
}

.c-tooltip__content {
    font-size: 1.1rem;
    line-height: 1.4rem;
    background-color: var(--tooltip--bg-color);
    border-radius: 6px;
    bottom: 30px;
    box-shadow: 0 2px 5px 0 var(--tooltip--shadow-color);
    color: var(--tooltip--text-color);
    padding: 12px;
    position: absolute;
    text-align: center;
    width: 250px
}

.c-tooltip__content b {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 800
}

.c-tooltip__content::before {
    content: "";
    display: block;
    position: absolute;
    background: var(--tooltip--bg-color);
    bottom: -7px;
    box-shadow: 4px 2px 5px 0 var(--tooltip--shadow-color);
    height: 13px;
    pointer-events: none;
    transform: rotate(45deg);
    width: 13px;
    z-index: 0
}

.c-tooltip__content.is-direction-left {
    right: -10px
}

.c-tooltip__content.is-direction-left::before {
    right: 12px
}

@media only screen and (min-width: 910px) {
    .c-tooltip__content.is-direction-left {
        right: -20px
    }

    .c-tooltip__content.is-direction-left::before {
        right: 22px
    }
}

.c-tooltip__content.is-direction-right {
    left: -10px
}

.c-tooltip__content.is-direction-right::before {
    left: 8px
}

@media only screen and (min-width: 910px) {
    .c-tooltip__content.is-direction-right {
        left: -20px
    }

    .c-tooltip__content.is-direction-right::before {
        left: 18px
    }
}

.c-tooltip__close {
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 800;
    color: var(--tooltip--close-btn-color);
    margin-top: 15px;
    text-transform: uppercase
}

.c-tooltip__close:hover {
    opacity: 1
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px;

    .swiper-slide,
    .swiper-cube-shadow {
        transform-style: preserve-3d
    }
}

.swiper-css-mode {
    >.swiper-wrapper {
        overflow: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;

        &::-webkit-scrollbar {
            display: none
        }
    }

    >.swiper-wrapper>.swiper-slide {
        scroll-snap-align: start start
    }

    &.swiper-horizontal {
        >.swiper-wrapper {
            scroll-snap-type: x mandatory
        }

        >.swiper-wrapper>.swiper-slide:first-child {
            margin-inline-start: var(--swiper-slides-offset-before);
            scroll-margin-inline-start: var(--swiper-slides-offset-before)
        }

        >.swiper-wrapper>.swiper-slide:last-child {
            margin-inline-end: var(--swiper-slides-offset-after)
        }
    }

    &.swiper-vertical {
        >.swiper-wrapper {
            scroll-snap-type: y mandatory
        }

        >.swiper-wrapper>.swiper-slide:first-child {
            margin-block-start: var(--swiper-slides-offset-before);
            scroll-margin-block-start: var(--swiper-slides-offset-before)
        }

        >.swiper-wrapper>.swiper-slide:last-child {
            margin-block-end: var(--swiper-slides-offset-after)
        }
    }

    &.swiper-free-mode {
        >.swiper-wrapper {
            scroll-snap-type: none
        }

        >.swiper-wrapper>.swiper-slide {
            scroll-snap-align: none
        }
    }

    &.swiper-centered {
        >.swiper-wrapper::before {
            content: "";
            flex-shrink: 0;
            order: 9999
        }

        >.swiper-wrapper>.swiper-slide {
            scroll-snap-align: center center;
            scroll-snap-stop: always
        }
    }

    &.swiper-centered.swiper-horizontal {
        >.swiper-wrapper>.swiper-slide:first-child {
            margin-inline-start: var(--swiper-centered-offset-before)
        }

        >.swiper-wrapper::before {
            height: 100%;
            min-height: 1px;
            width: var(--swiper-centered-offset-after)
        }
    }

    &.swiper-centered.swiper-vertical {
        >.swiper-wrapper>.swiper-slide:first-child {
            margin-block-start: var(--swiper-centered-offset-before)
        }

        >.swiper-wrapper::before {
            width: 100%;
            min-width: 1px;
            height: var(--swiper-centered-offset-after)
        }
    }
}

.swiper-3d {

    .swiper-slide-shadow,
    .swiper-slide-shadow-left,
    .swiper-slide-shadow-right,
    .swiper-slide-shadow-top,
    .swiper-slide-shadow-bottom,
    .swiper-slide-shadow,
    .swiper-slide-shadow-left,
    .swiper-slide-shadow-right,
    .swiper-slide-shadow-top,
    .swiper-slide-shadow-bottom {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 10
    }

    .swiper-slide-shadow {
        background: rgba(0, 0, 0, 0.15)
    }

    .swiper-slide-shadow-left {
        background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
    }

    .swiper-slide-shadow-right {
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
    }

    .swiper-slide-shadow-top {
        background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
    }

    .swiper-slide-shadow-bottom {
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
    }
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper:not(.swiper-watch-progress),
.swiper-watch-progress .swiper-slide-visible {
    .swiper-lazy-preloader {
        animation: swiper-preloader-spin 1s infinite linear
    }
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 300ms opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;

    &.swiper-pagination-hidden {
        opacity: 0
    }

    .swiper-pagination-disabled>&,
    &.swiper-pagination-disabled {
        display: none !important
    }
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;

    .swiper-pagination-bullet {
        transform: scale(0.33);
        position: relative
    }

    .swiper-pagination-bullet-active {
        transform: scale(1)
    }

    .swiper-pagination-bullet-active-main {
        transform: scale(1)
    }

    .swiper-pagination-bullet-active-prev {
        transform: scale(0.66)
    }

    .swiper-pagination-bullet-active-prev-prev {
        transform: scale(0.33)
    }

    .swiper-pagination-bullet-active-next {
        transform: scale(0.66)
    }

    .swiper-pagination-bullet-active-next-next {
        transform: scale(0.33)
    }
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);

    button& {
        border: none;
        margin: 0;
        padding: 0;
        box-shadow: none;
        appearance: none
    }

    .swiper-pagination-clickable & {
        cursor: pointer
    }

    &:only-child {
        display: none !important
    }
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-vertical>.swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0px, -50%, 0);

    .swiper-pagination-bullet {
        margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
        display: block
    }

    &.swiper-pagination-bullets-dynamic {
        top: 50%;
        transform: translateY(-50%);
        width: 8px;

        .swiper-pagination-bullet {
            display: inline-block;
            transition: 200ms transform, 200ms top
        }
    }
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-horizontal.swiper-pagination-bullets {
    .swiper-pagination-bullet {
        margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
    }

    &.swiper-pagination-bullets-dynamic {
        left: 50%;
        transform: translateX(-50%);
        white-space: nowrap;

        .swiper-pagination-bullet {
            transition: 200ms transform, 200ms left
        }
    }
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms right
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
    position: absolute;

    .swiper-pagination-progressbar-fill {
        background: var(--swiper-pagination-color, var(--swiper-theme-color));
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        transform: scale(0);
        transform-origin: left top
    }

    .swiper-rtl & .swiper-pagination-progressbar-fill {
        transform-origin: right top
    }

    .swiper-horizontal>&,
    &.swiper-pagination-horizontal,
    .swiper-vertical>&.swiper-pagination-progressbar-opposite,
    &.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
        width: 100%;
        height: var(--swiper-pagination-progressbar-size, 4px);
        left: 0;
        top: 0
    }

    .swiper-vertical>&,
    &.swiper-pagination-vertical,
    .swiper-horizontal>&.swiper-pagination-progressbar-opposite,
    &.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
        width: var(--swiper-pagination-progressbar-size, 4px);
        height: 100%;
        left: 0;
        top: 0
    }
}

.swiper-pagination-lock {
    display: none
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    width: var(--swiper-navigation-size);
    height: var(--swiper-navigation-size);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));

    &.swiper-button-disabled {
        opacity: .35;
        cursor: auto;
        pointer-events: none
    }

    &.swiper-button-hidden {
        opacity: 0;
        cursor: auto;
        pointer-events: none
    }

    .swiper-navigation-disabled & {
        display: none !important
    }

    svg {
        width: 100%;
        height: 100%;
        object-fit: contain;
        transform-origin: center;
        fill: currentColor;
        pointer-events: none
    }
}

.swiper-button-lock {
    display: none
}

.swiper-button-prev,
.swiper-button-next {
    top: var(--swiper-navigation-top-offset, 50%);
    margin-top: calc(0px - var(--swiper-navigation-size)/2)
}

.swiper-button-prev {
    left: var(--swiper-navigation-sides-offset, 4px);
    right: auto;

    .swiper-navigation-icon {
        transform: rotate(180deg)
    }
}

.swiper-button-next {
    right: var(--swiper-navigation-sides-offset, 4px);
    left: auto
}

.swiper-horizontal {

    .swiper-button-prev,
    .swiper-button-next,
    ~.swiper-button-prev,
    ~.swiper-button-next {
        top: var(--swiper-navigation-top-offset, 50%);
        margin-top: calc(0px - var(--swiper-navigation-size)/2);
        margin-left: 0
    }

    .swiper-button-prev,
    &~.swiper-button-prev,
    &.swiper-rtl .swiper-button-next,
    &.swiper-rtl~.swiper-button-next {
        left: var(--swiper-navigation-sides-offset, 4px);
        right: auto
    }

    .swiper-button-next,
    &~.swiper-button-next,
    &.swiper-rtl .swiper-button-prev,
    &.swiper-rtl~.swiper-button-prev {
        right: var(--swiper-navigation-sides-offset, 4px);
        left: auto
    }

    .swiper-button-prev,
    &~.swiper-button-prev,
    &.swiper-rtl .swiper-button-next,
    &.swiper-rtl~.swiper-button-next {
        .swiper-navigation-icon {
            transform: rotate(180deg)
        }
    }

    &.swiper-rtl .swiper-button-prev,
    &.swiper-rtl~.swiper-button-prev {
        .swiper-navigation-icon {
            transform: rotate(0deg)
        }
    }
}

.swiper-vertical {

    .swiper-button-prev,
    .swiper-button-next,
    ~.swiper-button-prev,
    ~.swiper-button-next {
        left: var(--swiper-navigation-top-offset, 50%);
        right: auto;
        margin-left: calc(0px - var(--swiper-navigation-size)/2);
        margin-top: 0
    }

    .swiper-button-prev,
    ~.swiper-button-prev {
        top: var(--swiper-navigation-sides-offset, 4px);
        bottom: auto;

        .swiper-navigation-icon {
            transform: rotate(-90deg)
        }
    }

    .swiper-button-next,
    ~.swiper-button-next {
        bottom: var(--swiper-navigation-sides-offset, 4px);
        top: auto;

        .swiper-navigation-icon {
            transform: rotate(90deg)
        }
    }
}

.c-slider.has-green-pagination-bullets .c-slider__pagination-bullet.is-active {
    background-color: var(--slider--brand-color)
}

.c-slider__headline {
    font-size: 2.4rem;
    line-height: 3.2rem;
    margin-bottom: 15px;
    text-transform: uppercase
}

.c-slider__progress {
    font-size: 1.1rem;
    line-height: 1.4rem;
    background: #fff;
    border-radius: 4px;
    left: 20px;
    padding: 5px;
    position: absolute;
    top: 27px;
    z-index: 2
}

@media print {
    .c-slider__progress {
        display: none
    }
}

.c-slider__pagination {
    flex-wrap: wrap;
    margin-top: 15px;
    row-gap: 10px;
    text-align: center
}

@media print {
    .c-slider__pagination {
        display: none
    }
}

.c-slider__pagination-bullet {
    background-color: var(--slider--pagination-inactive-color);
    border-radius: 100%;
    cursor: pointer;
    display: inline-block;
    height: 8px;
    margin: 0 5px;
    opacity: .3;
    width: 8px
}

.c-slider__pagination-bullet.is-active {
    background-color: var(--slider--pagination-active-color);
    opacity: 1
}

.c-slider__navigation {
    align-items: center;
    background-color: #fff;
    border-radius: 100%;
    box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    display: none;
    height: 60px;
    justify-content: center;
    opacity: .5;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 60px;
    z-index: 1
}

.c-slider__navigation:hover {
    opacity: 1
}

@media(prefers-contrast: more) {
    .c-slider__navigation {
        opacity: 1
    }

    .c-slider__navigation:hover {
        opacity: .5
    }
}

@media only screen and (min-width: 600px) {
    .c-slider__navigation {
        display: flex
    }
}

.c-slider__navigation.is-disabled {
    display: none !important
}

.c-slider__navigation.is-prev {
    left: -30px
}

.c-slider__navigation.is-next {
    right: -30px
}

.c-slider__navigation-icon {
    height: 16px;
    width: 16px
}

.c-slider__navigation-icon.is-icon-arrow-left {
    margin-left: 13px
}

.c-slider__navigation-icon.is-icon-arrow-right {
    margin-right: 13px
}

.c-slider--broadcast-tower-stage .c-slider__pagination-bullet,
.c-slider--multimedia-slider-stage .c-slider__pagination-bullet,
.c-slider--news-slider-stage .c-slider__pagination-bullet {
    background-color: var(--dark-slider--pagination-inactive-color)
}

.c-slider--broadcast-tower-stage .c-slider__pagination-bullet.is-active,
.c-slider--multimedia-slider-stage .c-slider__pagination-bullet.is-active,
.c-slider--news-slider-stage .c-slider__pagination-bullet.is-active {
    background-color: var(--dark-slider--pagination-active-color)
}

.c-slider--broadcast-tower-stage .c-slider__swiper,
.c-slider--multimedia-slider-stage .c-slider__swiper,
.c-slider--news-slider-stage .c-slider__swiper {
    display: flex;
    overflow: visible
}

.c-slider--broadcast-tower-stage .c-slider__navigation.is-prev,
.c-slider--multimedia-slider-stage .c-slider__navigation.is-prev,
.c-slider--news-slider-stage .c-slider__navigation.is-prev {
    margin-left: -15px
}

@media only screen and (min-width: 910px) {

    .c-slider--broadcast-tower-stage .c-slider__navigation.is-prev,
    .c-slider--multimedia-slider-stage .c-slider__navigation.is-prev,
    .c-slider--news-slider-stage .c-slider__navigation.is-prev {
        margin-left: -30px
    }
}

.c-slider--broadcast-tower-stage .c-slider__navigation.is-next,
.c-slider--multimedia-slider-stage .c-slider__navigation.is-next,
.c-slider--news-slider-stage .c-slider__navigation.is-next {
    margin-right: -15px
}

@media only screen and (min-width: 910px) {

    .c-slider--broadcast-tower-stage .c-slider__navigation.is-next,
    .c-slider--multimedia-slider-stage .c-slider__navigation.is-next,
    .c-slider--news-slider-stage .c-slider__navigation.is-next {
        margin-right: -30px
    }
}

.c-slider--broadcast-tower-stage .c-slider__pagination {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 20px
}

@media print {
    .c-slider--broadcast-tower-stage .c-slider__pagination {
        display: none
    }
}

.c-slider--highlight-hero-stage,
.c-slider--highlight-teasers-stage {
    padding: 5px 30px 15px;
    position: relative
}

.c-slider--highlight-hero-stage.is-fluid .c-slider__swiper-item,
.c-slider--highlight-teasers-stage.is-fluid .c-slider__swiper-item {
    max-width: 232px;
    min-width: 232px
}

.c-slider--highlight-hero-stage .swiper-wrapper,
.c-slider--highlight-teasers-stage .swiper-wrapper {
    height: auto
}

.c-slider--highlight-hero-stage .c-slider__swiper,
.c-slider--highlight-teasers-stage .c-slider__swiper {
    overflow: visible
}

.c-slider--highlight-hero-stage .c-slider__swiper-item,
.c-slider--highlight-teasers-stage .c-slider__swiper-item {
    display: flex;
    height: auto
}

.c-slider--highlight-hero-stage .c-slider__navigation,
.c-slider--highlight-teasers-stage .c-slider__navigation {
    opacity: 1
}

@media only screen and (min-width: 600px) {

    .c-slider--highlight-hero-stage .c-slider__navigation,
    .c-slider--highlight-teasers-stage .c-slider__navigation {
        background-color: var(--highlight-hero-slider--nav-bg-color);
        box-shadow: 0 0 5px var(--highlight-hero-slider--nav-shadow-color)
    }
}

.c-slider--highlight-hero-stage .c-slider__navigation.is-prev,
.c-slider--highlight-teasers-stage .c-slider__navigation.is-prev {
    margin-left: -15px
}

@media only screen and (min-width: 910px) {

    .c-slider--highlight-hero-stage .c-slider__navigation.is-prev,
    .c-slider--highlight-teasers-stage .c-slider__navigation.is-prev {
        margin-left: -30px
    }
}

.c-slider--highlight-hero-stage .c-slider__navigation.is-next,
.c-slider--highlight-teasers-stage .c-slider__navigation.is-next {
    margin-right: -15px
}

@media only screen and (min-width: 910px) {

    .c-slider--highlight-hero-stage .c-slider__navigation.is-next,
    .c-slider--highlight-teasers-stage .c-slider__navigation.is-next {
        margin-right: -30px
    }
}

.c-slider--highlight-hero-stage .c-slider__navigation-icon,
.c-slider--highlight-teasers-stage .c-slider__navigation-icon {
    fill: var(--highlight-hero-slider--nav-icon-color)
}

.c-slider--highlight-hero-stage .c-slider__pagination,
.c-slider--highlight-teasers-stage .c-slider__pagination {
    margin-left: -30px;
    margin-top: 0;
    padding-bottom: 10px;
    padding-top: 15px;
    width: calc(100% + 30px*2)
}

.c-slider--highlight-hero-stage .c-slider__pagination-bullet,
.c-slider--highlight-teasers-stage .c-slider__pagination-bullet {
    background: var(--highlight-hero-slider--pagination-inactive-color);
    margin: 0 15px;
    opacity: 1
}

.c-slider--highlight-hero-stage .c-slider__pagination-bullet.is-active,
.c-slider--highlight-teasers-stage .c-slider__pagination-bullet.is-active {
    background: var(--highlight-hero-slider--pagination-active-color)
}

.c-slider--inline-gallery {
    position: relative
}

.c-slider--inline-gallery .c-slider__swiper-item {
    border-radius: 4px 4px 0 0;
    overflow: hidden
}

.c-slider--inline-gallery .c-slider__navigation {
    display: flex
}

@media print {
    .c-slider--inline-gallery .c-slider__navigation {
        display: none
    }
}

.c-slider--inline-gallery .c-slider__pagination {
    display: none
}

.c-slider--inline-gallery .c-slider__pagination-bullet {
    background-color: var(--inline-gallery--progressbar-color);
    border-radius: 0;
    cursor: default;
    height: 1px;
    margin: 0;
    opacity: 1;
    width: 100%
}

.c-slider--inline-gallery .c-slider__pagination-bullet.is-active {
    background-color: var(--inline-gallery--progressbar-current-color);
    height: 3px
}

.c-slider--lightbox {
    background-color: var(--lightbox-slider--background-color);
    color: var(--lightbox-slider--progressbar-text-color);
    height: 100%;
    touch-action: pinch-zoom
}

.c-slider--lightbox .c-slider__pagination {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    height: 3px;
    left: 0;
    margin-top: 0;
    position: absolute;
    top: 15px;
    width: 100%;
    z-index: 1
}

@media only screen and (min-width: 768px) {
    .c-slider--lightbox .c-slider__pagination {
        top: 30px
    }
}

.c-slider--lightbox .c-slider__progress {
    background-color: rgba(0, 0, 0, 0);
    left: 15px;
    padding: 0;
    top: 38px
}

@media only screen and (min-width: 768px) {
    .c-slider--lightbox .c-slider__progress {
        left: 30px;
        top: 53px
    }
}

.c-slider--lightbox .c-slider__swiper {
    height: 100%;
    touch-action: pan-y pinch-zoom
}

.c-slider--lightbox .c-slider__pagination-bullet {
    background-color: var(--lightbox-slider--progressbar-color);
    border-radius: 0;
    cursor: default;
    height: 1px;
    margin: 0;
    opacity: 1;
    width: 100%
}

.c-slider--lightbox .c-slider__pagination-bullet.is-active {
    background-color: var(--lightbox-slider--progressbar-current-color);
    height: 3px
}

.c-slider--lightbox .swiper {
    overflow: visible
}

.c-rich-text-renderer {
    color: var(--rich-text-renderer--text-color)
}

.c-rich-text-renderer h2,
.c-rich-text-renderer h3,
.c-rich-text-renderer h4,
.c-rich-text-renderer h5,
.c-rich-text-renderer h6 {
    font-weight: 800;
    color: var(--rich-text-renderer--headline-color);
    margin-bottom: 15px
}

.c-rich-text-renderer h2 a,
.c-rich-text-renderer h3 a,
.c-rich-text-renderer h4 a,
.c-rich-text-renderer h5 a,
.c-rich-text-renderer h6 a {
    font-weight: 800;
    border-bottom-width: 2px
}

.c-rich-text-renderer a {
    border-bottom: 1px solid currentcolor
}

.c-rich-text-renderer a:hover {
    color: var(--rich-text-renderer--link-hover-color)
}

.c-rich-text-renderer em {
    font-family: freight, freight-fallback, serif;
    font-weight: 600;
    font-style: italic;
    color: inherit
}

.c-rich-text-renderer strong,
.c-rich-text-renderer b {
    font-weight: 800
}

.c-rich-text-renderer sub,
.c-rich-text-renderer sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

.c-rich-text-renderer sub {
    bottom: -0.25em
}

.c-rich-text-renderer sup {
    top: -0.5em
}

.c-rich-text-renderer--default {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 400
}

.c-rich-text-renderer--default img {
    margin-bottom: 15px;
    width: auto
}

.c-rich-text-renderer--default p {
    margin-bottom: 15px
}

.c-rich-text-renderer--default blockquote {
    font-style: italic;
    margin-bottom: 15px
}

.c-rich-text-renderer--default blockquote::before {
    background-color: var(--rich-text-renderer--blockquote-bar-color);
    content: "";
    display: inline-block;
    height: 40px;
    margin-right: 10px;
    vertical-align: middle;
    width: 4px
}

.c-rich-text-renderer--default ol li {
    list-style-type: decimal;
    margin-bottom: 15px;
    margin-left: 16px;
    padding-left: 3px
}

.c-rich-text-renderer--default ul li {
    margin-bottom: 15px;
    margin-left: 24px
}

.c-rich-text-renderer--default ul li::before {
    background-color: var(--rich-text-renderer--bullet-point-author-color);
    content: "";
    display: inline-block;
    float: left;
    height: 12px;
    margin-left: -24px;
    margin-right: 12px;
    margin-top: 6px;
    width: 12px
}

.c-rich-text-renderer--article h2,
.c-rich-text-renderer--article h2 a,
.c-rich-text-renderer--article h3,
.c-rich-text-renderer--article h3 a {
    font-size: 2.2rem;
    line-height: 3rem;
    font-family: ffmark, ffmark-fallback, sans-serif;
    margin-bottom: 30px
}

@media only screen and (min-width: 600px) {

    .c-rich-text-renderer--article h2,
    .c-rich-text-renderer--article h2 a,
    .c-rich-text-renderer--article h3,
    .c-rich-text-renderer--article h3 a {
        font-size: 2rem;
        line-height: 2.4rem
    }
}

.c-rich-text-renderer--article h4,
.c-rich-text-renderer--article h4 a {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-family: ffmark, ffmark-fallback, sans-serif;
    margin-bottom: 30px
}

@media only screen and (min-width: 600px) {

    .c-rich-text-renderer--article h4,
    .c-rich-text-renderer--article h4 a {
        font-size: 1.8rem;
        line-height: 2.4rem
    }
}

.c-rich-text-renderer--article h5,
.c-rich-text-renderer--article h5 a,
.c-rich-text-renderer--article h6,
.c-rich-text-renderer--article h6 a {
    font-size: 1.5rem;
    line-height: 2rem;
    font-family: ffmark, ffmark-fallback, sans-serif
}

@media only screen and (min-width: 600px) {

    .c-rich-text-renderer--article h5,
    .c-rich-text-renderer--article h5 a,
    .c-rich-text-renderer--article h6,
    .c-rich-text-renderer--article h6 a {
        font-size: 1.6rem;
        line-height: 2.2rem
    }
}

.c-rich-text-renderer--article p {
    font-size: 1.8rem;
    line-height: 2.8rem;
    font-family: freight, freight-fallback, serif;
    font-weight: 400;
    break-inside: avoid;
    color: var(--rich-text-renderer--text-color);
    margin-bottom: 30px;
    white-space: pre-line
}

@media print {
    .c-rich-text-renderer--article p {
        color: #1d1d1d
    }
}

@media only screen and (min-width: 600px) {
    .c-rich-text-renderer--article p {
        font-size: 1.8rem;
        line-height: 3rem
    }
}

.c-rich-text-renderer--article p.is-intro {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 400
}

@media only screen and (min-width: 600px) {
    .c-rich-text-renderer--article p.is-intro {
        font-size: 1.6rem;
        line-height: 2.6rem
    }
}

.c-rich-text-renderer--article p.is-intro a {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 400;
    border-bottom-color: var(--rich-text-renderer--link-mobile-color);
    color: var(--rich-text-renderer--link-mobile-color)
}

@media only screen and (min-width: 600px) {
    .c-rich-text-renderer--article p.is-intro a {
        font-size: 1.6rem;
        line-height: 2.6rem;
        border-bottom-color: var(--rich-text-renderer--link-desktop-color);
        color: var(--rich-text-renderer--link-desktop-color)
    }
}

.c-rich-text-renderer--article p.is-intro strong,
.c-rich-text-renderer--article p.is-intro b {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 800
}

@media only screen and (min-width: 600px) {

    .c-rich-text-renderer--article p.is-intro strong,
    .c-rich-text-renderer--article p.is-intro b {
        font-size: 1.6rem;
        line-height: 2.6rem
    }
}

.c-rich-text-renderer--article p.is-intro em {
    font-size: 1.6rem;
    line-height: 2.4rem
}

@media only screen and (min-width: 600px) {
    .c-rich-text-renderer--article p.is-intro em {
        font-size: 1.6rem;
        line-height: 2.6rem
    }
}

.c-rich-text-renderer--article p.is-first-paragraph {
    min-height: 65px
}

@media only screen and (min-width: 600px) {
    .c-rich-text-renderer--article p.is-first-paragraph {
        min-height: 85px
    }
}

.c-rich-text-renderer--article p.is-first-paragraph::first-letter {
    font-size: 6.4rem;
    line-height: 4.8rem;
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 300;
    display: inline-block;
    float: left;
    margin: 4px 10px 0 -5px
}

@media only screen and (min-width: 600px) {
    .c-rich-text-renderer--article p.is-first-paragraph::first-letter {
        font-size: 10.4rem;
        line-height: 7.2rem;
        margin: 5px 14px 0 -10px
    }
}

.c-rich-text-renderer--article a {
    font-size: 1.8rem;
    line-height: 2.8rem;
    font-family: freight, freight-fallback, serif;
    font-weight: 400;
    border-bottom: 1px solid var(--rich-text-renderer--link-mobile-color);
    color: var(--rich-text-renderer--link-mobile-color);
    transition: all 200ms ease-in-out
}

@media print {
    .c-rich-text-renderer--article a::after {
        content: " (" attr(href) ") "
    }
}

@media only screen and (min-width: 600px) {
    .c-rich-text-renderer--article a {
        font-size: 1.8rem;
        line-height: 3rem;
        border-bottom: 1px solid var(--rich-text-renderer--link-desktop-color);
        color: var(--rich-text-renderer--link-desktop-color)
    }
}

.c-rich-text-renderer--article a:hover {
    border-bottom-color: var(--rich-text-renderer--link-hover-color);
    color: var(--rich-text-renderer--link-hover-color);
    opacity: 1
}

.c-rich-text-renderer--article strong,
.c-rich-text-renderer--article b {
    font-size: 1.8rem;
    line-height: 2.8rem;
    font-family: freight, freight-fallback, serif;
    font-weight: 800;
    color: inherit
}

@media only screen and (min-width: 600px) {

    .c-rich-text-renderer--article strong,
    .c-rich-text-renderer--article b {
        font-size: 1.8rem;
        line-height: 3rem
    }
}

.c-rich-text-renderer--article em {
    font-size: 1.8rem;
    line-height: 2.8rem;
    color: inherit
}

@media only screen and (min-width: 600px) {
    .c-rich-text-renderer--article em {
        font-size: 1.8rem;
        line-height: 3rem
    }
}

.c-rich-text-renderer--article ul,
.c-rich-text-renderer--article ol ul {
    font-size: 1.8rem;
    line-height: 2.8rem;
    font-family: freight, freight-fallback, serif;
    font-weight: 400;
    margin-bottom: 30px
}

@media only screen and (min-width: 600px) {

    .c-rich-text-renderer--article ul,
    .c-rich-text-renderer--article ol ul {
        font-size: 1.8rem;
        line-height: 3rem
    }
}

@media print {

    .c-rich-text-renderer--article ul,
    .c-rich-text-renderer--article ol ul {
        break-inside: avoid
    }
}

.c-rich-text-renderer--article ul li,
.c-rich-text-renderer--article ol ul li {
    padding-left: 15px;
    position: relative
}

.c-rich-text-renderer--article ul li::before,
.c-rich-text-renderer--article ol ul li::before {
    content: "";
    display: block;
    position: absolute;
    background: var(--rich-text-renderer--bullet-point-color);
    border-radius: 50%;
    height: 4px;
    left: 0;
    top: 13px;
    width: 4px
}

.c-rich-text-renderer--article ol,
.c-rich-text-renderer--article ul ol {
    font-size: 1.8rem;
    line-height: 2.8rem;
    font-family: freight, freight-fallback, serif;
    font-weight: 400;
    counter-reset: item;
    margin-bottom: 30px
}

@media only screen and (min-width: 600px) {

    .c-rich-text-renderer--article ol,
    .c-rich-text-renderer--article ul ol {
        font-size: 1.8rem;
        line-height: 3rem
    }
}

.c-rich-text-renderer--article ol li,
.c-rich-text-renderer--article ul ol li {
    counter-increment: item;
    padding-left: 25px;
    position: relative
}

.c-rich-text-renderer--article ol li::before,
.c-rich-text-renderer--article ul ol li::before {
    content: "";
    display: block;
    position: absolute;
    font-weight: 800;
    background: rgba(0, 0, 0, 0);
    border-radius: 0;
    color: inherit;
    content: counter(item) ".";
    display: inline-block;
    height: auto;
    left: 0;
    top: auto;
    width: auto
}

.c-rich-text-renderer--article ul ul,
.c-rich-text-renderer--article ol ol,
.c-rich-text-renderer--article ol ul,
.c-rich-text-renderer--article ul ol {
    margin-bottom: 0
}

.c-rich-text-renderer--article li {
    font-size: 1.8rem;
    line-height: 2.8rem;
    font-family: freight, freight-fallback, serif;
    font-weight: 400;
    color: var(--rich-text-renderer--text-color)
}

@media only screen and (min-width: 600px) {
    .c-rich-text-renderer--article li {
        font-size: 1.8rem;
        line-height: 3rem
    }
}

.c-rich-text-renderer--article table {
    font-size: 1.8rem;
    line-height: 2.8rem;
    font-family: freight, freight-fallback, serif;
    font-weight: 400;
    border-collapse: collapse;
    margin-bottom: 30px;
    width: 100%
}

@media only screen and (min-width: 600px) {
    .c-rich-text-renderer--article table {
        font-size: 1.8rem;
        line-height: 3rem
    }
}

.c-rich-text-renderer--article table th,
.c-rich-text-renderer--article table td {
    font-size: 1.8rem;
    line-height: 2.8rem;
    font-family: freight, freight-fallback, serif;
    font-weight: 400;
    background-color: var(--rich-text-renderer--table-cell-background-color);
    border: 1px solid var(--rich-text-renderer--table-border-color);
    color: var(--rich-text-renderer--table-cell-text-color);
    padding: 10px 15px;
    text-align: left
}

@media only screen and (min-width: 600px) {

    .c-rich-text-renderer--article table th,
    .c-rich-text-renderer--article table td {
        font-size: 1.8rem;
        line-height: 3rem
    }
}

.c-rich-text-renderer--article table th {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 800;
    background-color: var(--rich-text-renderer--table-head-background-color);
    color: var(--rich-text-renderer--table-head-text-color)
}

@media only screen and (min-width: 600px) {
    .c-rich-text-renderer--article table th {
        font-size: 1.6rem;
        line-height: 2.4rem
    }
}

.c-rich-text-renderer--article blockquote {
    font-family: freight, freight-fallback, serif;
    font-weight: 400;
    font-style: italic;
    margin-bottom: 15px
}

.c-rich-text-renderer--article blockquote::before {
    background-color: var(--rich-text-renderer--blockquote-bar-color);
    content: "";
    display: inline-block;
    height: 40px;
    margin-right: 10px;
    vertical-align: middle;
    width: 4px
}

.c-rich-text-renderer--article.is-video p {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 400
}

.c-rich-text-renderer--article.is-video p:last-of-type {
    margin-bottom: 15px
}

.c-rich-text-renderer--article.is-live-ticker {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.c-rich-text-renderer--article.is-live-ticker>* {
    margin-bottom: 0
}

.c-rich-text-renderer--article.has-live-ticker-next>h3:last-child {
    margin-bottom: 20px;
    text-align: center
}

.c-rich-text-renderer--author {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 400
}

.c-rich-text-renderer--author h3,
.c-rich-text-renderer--author h4,
.c-rich-text-renderer--author h5,
.c-rich-text-renderer--author h6 {
    margin-bottom: 16px
}

.c-rich-text-renderer--author img {
    margin-bottom: 16px;
    width: auto
}

.c-rich-text-renderer--author p {
    margin-bottom: 12px
}

.c-rich-text-renderer--author blockquote {
    font-style: italic;
    margin-bottom: 16px
}

.c-rich-text-renderer--author blockquote::before {
    background-color: var(--rich-text-renderer--blockquote-bar-color);
    content: "";
    display: inline-block;
    height: 40px;
    margin-right: 10px;
    vertical-align: middle;
    width: 4px
}

.c-rich-text-renderer--author ol li {
    list-style-type: decimal;
    margin-bottom: 12px;
    margin-left: 16px;
    padding-left: 3px
}

.c-rich-text-renderer--author ul li {
    margin-bottom: 12px;
    margin-left: 24px
}

.c-rich-text-renderer--author ul li::before {
    background-color: var(--rich-text-renderer--bullet-point-author-color);
    content: "";
    display: inline-block;
    float: left;
    height: 12px;
    margin-left: -24px;
    margin-right: 12px;
    margin-top: 6px;
    width: 12px
}

.c-rich-text-renderer--topic {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.c-rich-text-renderer--topic a {
    color: inherit
}

.c-rich-text-renderer--topic ol,
.c-rich-text-renderer--topic ul {
    display: flex;
    flex-direction: column;
    gap: 20px;
    list-style-type: disc;
    padding-left: 20px
}

.c-rich-text-renderer--topic ol>li::marker,
.c-rich-text-renderer--topic ul>li::marker {
    font-size: 10px
}

@media print {
    .c-skeleton--oembed {
        display: none
    }
}

.c-skeleton--oembed.is-in-pur-placeholder {
    background-color: var(--oembed--main-color);
    border-radius: 8px;
    margin: 0 0 15px
}

.c-skeleton--oembed .is-fading {
    animation: skeleton-loading 1s linear infinite alternate
}

.c-skeleton--oembed .is-fading-opacity {
    animation: skeleton-loading-opacity 1s linear infinite alternate
}

.c-skeleton--oembed .is-text,
.c-skeleton--oembed .is-headline {
    border-radius: 2.5px;
    margin-bottom: 7.5px
}

.c-skeleton--oembed .is-text {
    height: 8.25px
}

.c-skeleton--oembed .is-headline {
    height: 17.25px
}

.c-skeleton--oembed .is-icon {
    display: inline-block;
    height: 25px;
    margin-left: 10px;
    width: 25px
}

.c-skeleton--oembed .is-icon.is-rounded {
    border-radius: 3px
}

.c-skeleton--oembed .is-icon.is-round {
    border-radius: 50%
}

.c-skeleton--oembed .is-img {
    background-color: var(--oembed--skeleton-content-background);
    background-image: url("../images/picture.svg");
    background-position: center center;
    background-repeat: no-repeat no-repeat;
    background-size: contain;
    opacity: .1
}

.c-skeleton--oembed .is-only-mobile-xl {
    display: block
}

@media only screen and (min-width: 657px) {
    .c-skeleton--oembed .is-only-mobile-xl {
        display: none
    }
}

.c-skeleton--oembed .is-w-10 {
    width: 10%
}

.c-skeleton--oembed .is-w-20 {
    width: 20%
}

.c-skeleton--oembed .is-w-30 {
    width: 30%
}

.c-skeleton--oembed .is-w-40 {
    width: 40%
}

.c-skeleton--oembed .is-w-50 {
    width: 50%
}

.c-skeleton--oembed .is-w-60 {
    width: 60%
}

.c-skeleton--oembed .is-w-70 {
    width: 70%
}

.c-skeleton--oembed .is-w-80 {
    width: 80%
}

.c-skeleton--oembed .is-w-90 {
    width: 90%
}

.c-skeleton--oembed .is-w-100 {
    width: 100%
}

.c-skeleton--oembed.is-fallback {
    padding: 5px
}

.c-skeleton--oembed.is-fallback .c-skeleton__header {
    margin-bottom: 25px
}

.c-skeleton--oembed.is-facebook {
    border: 1px solid var(--oembed--border-color);
    display: flex;
    flex-direction: column;
    height: auto;
    justify-content: space-around;
    margin: 20px;
    padding: 5px;
    transition: all .2s ease
}

.is-in-article .c-skeleton--oembed.is-facebook {
    margin: 20px 0
}

.c-skeleton--oembed.is-facebook.is-in-pur-placeholder .c-skeleton__header-icon {
    height: 30px;
    width: 30px
}

.c-skeleton--oembed.is-facebook.is-in-pur-placeholder .c-skeleton__header-icon svg {
    height: 24px;
    left: 0;
    top: 3px;
    width: 15px
}

.c-skeleton--oembed.is-facebook.is-in-pur-placeholder .c-skeleton__body-img,
.c-skeleton--oembed.is-facebook.is-in-pur-placeholder .c-skeleton__footer {
    display: none
}

.c-skeleton--oembed.is-facebook .c-skeleton__header {
    display: flex;
    flex: auto;
    flex-direction: row;
    margin: 5px 0
}

.c-skeleton--oembed.is-facebook .c-skeleton__header-title-wrapper {
    display: block;
    margin-left: 15px;
    margin-top: 25px;
    width: calc(100% - 80px)
}

.c-skeleton--oembed.is-facebook .c-skeleton__header-img {
    background: var(--oembed--light-background);
    border-radius: 50%;
    display: inline-block;
    height: 40px;
    object-fit: cover;
    width: 40px
}

.c-skeleton--oembed.is-facebook .c-skeleton__header-title {
    font-size: 1.6rem;
    line-height: 1.4rem
}

.c-skeleton--oembed.is-facebook .c-skeleton__header-text {
    font-size: 1rem;
    line-height: 1.4rem
}

.c-skeleton--oembed.is-facebook .c-skeleton__header-icon {
    align-items: center;
    background: #1877f2;
    border-radius: 50%;
    display: flex;
    height: 25px;
    justify-content: center;
    margin-right: 10px;
    object-fit: cover;
    width: 25px
}

.c-skeleton--oembed.is-facebook .c-skeleton__header-icon svg {
    fill: var(--oembed--main-color);
    height: 20px;
    left: 0;
    position: relative;
    top: 3px;
    width: 13px
}

.c-skeleton--oembed.is-facebook .c-skeleton__body {
    margin-top: 5px
}

.c-skeleton--oembed.is-facebook .c-skeleton__body-text {
    font-size: 0.8rem;
    color: var(--oembed--main-color)
}

.c-skeleton--oembed.is-facebook .c-skeleton__body-img {
    height: 100px;
    margin: 20px 10px
}

.c-skeleton--oembed.is-facebook .c-skeleton__body-img div {
    border-radius: 7.5px;
    height: 100%;
    margin: auto;
    object-fit: cover;
    width: 100%
}

.c-skeleton--oembed.is-facebook .c-skeleton__footer {
    align-items: center;
    border-top: 1px solid var(--oembed--border-color);
    display: flex;
    padding: 10px 0
}

.c-skeleton--oembed.is-twitter {
    border: 1px solid var(--oembed--border-color);
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    height: auto;
    justify-content: space-around;
    margin: 20px auto;
    max-width: 550px;
    padding: 5px;
    transition: all .2s ease
}

.c-skeleton--oembed.is-twitter.is-in-pur-placeholder .c-skeleton__header-icon {
    height: 30px;
    width: 30px
}

.c-skeleton--oembed.is-twitter.is-in-pur-placeholder .c-skeleton__header-icon svg {
    height: 30px;
    width: 30px
}

.c-skeleton--oembed.is-twitter.is-in-pur-placeholder .c-skeleton__body-img,
.c-skeleton--oembed.is-twitter.is-in-pur-placeholder .c-skeleton__footer {
    display: none
}

.c-skeleton--oembed.is-twitter .c-skeleton__header {
    display: flex;
    flex: auto;
    flex-direction: row;
    margin: 5px 0
}

.c-skeleton--oembed.is-twitter .c-skeleton__header-title-wrapper {
    display: block;
    margin-left: 15px;
    margin-top: 2.5px;
    width: calc(100% - 80px)
}

.c-skeleton--oembed.is-twitter .c-skeleton__header-img {
    background: var(--oembed--light-background);
    border-radius: 50%;
    display: inline-block;
    height: 40px;
    object-fit: cover;
    width: 40px
}

.c-skeleton--oembed.is-twitter .c-skeleton__header-title {
    font-size: 1.6rem;
    line-height: 1.4rem
}

.c-skeleton--oembed.is-twitter .c-skeleton__header-text {
    font-size: 1rem;
    line-height: 1.4rem
}

.c-skeleton--oembed.is-twitter .c-skeleton__header-icon {
    align-items: center;
    background: var(--oembed--main-color);
    border-radius: 50%;
    display: flex;
    height: 25px;
    justify-content: center;
    margin-right: 10px;
    object-fit: cover;
    width: 25px
}

.c-skeleton--oembed.is-twitter .c-skeleton__header-icon svg {
    fill: #000;
    height: 25px;
    width: 25px
}

.c-skeleton--oembed.is-twitter .c-skeleton__body {
    margin-top: 5px
}

.c-skeleton--oembed.is-twitter .c-skeleton__body-text {
    font-size: 0.8rem;
    color: var(--oembed--main-color)
}

.c-skeleton--oembed.is-twitter .c-skeleton__body-img {
    height: 100px;
    margin: 20px 10px
}

.c-skeleton--oembed.is-twitter .c-skeleton__body-img div {
    border-radius: 7.5px;
    height: 100%;
    margin: auto;
    object-fit: cover;
    width: 100%
}

.c-skeleton--oembed.is-twitter .c-skeleton__footer {
    align-items: center;
    border-top: 1px solid var(--oembed--border-color);
    display: flex;
    padding: 10px 0
}

.c-skeleton--oembed.is-truth-social {
    border: 1px solid var(--oembed--border-color);
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    height: 592px;
    justify-content: space-around;
    margin: 20px auto;
    max-width: 550px;
    padding: 5px;
    transition: all .2s ease
}

.c-skeleton--oembed.is-truth-social.is-in-pur-placeholder {
    height: auto
}

.c-skeleton--oembed.is-truth-social.is-in-pur-placeholder .c-skeleton__header-icon {
    height: 30px;
    width: 30px
}

.c-skeleton--oembed.is-truth-social.is-in-pur-placeholder .c-skeleton__header-icon svg {
    height: 30px;
    width: 30px
}

.c-skeleton--oembed.is-truth-social.is-in-pur-placeholder .c-skeleton__body-img {
    display: none
}

.c-skeleton--oembed.is-truth-social .c-skeleton__header {
    display: flex;
    flex: 0;
    flex-direction: row;
    margin: 5px 0
}

.c-skeleton--oembed.is-truth-social .c-skeleton__header-title-wrapper {
    display: block;
    margin-left: 15px;
    margin-top: 2.5px;
    width: calc(100% - 80px)
}

.c-skeleton--oembed.is-truth-social .c-skeleton__header-img {
    background: var(--oembed--light-background);
    border-radius: 50%;
    display: inline-block;
    height: 40px;
    object-fit: cover;
    width: 40px
}

.c-skeleton--oembed.is-truth-social .c-skeleton__header-title {
    font-size: 1.6rem;
    line-height: 1.4rem
}

.c-skeleton--oembed.is-truth-social .c-skeleton__header-text {
    font-size: 1rem;
    line-height: 1.4rem
}

.c-skeleton--oembed.is-truth-social .c-skeleton__header-icon {
    align-items: center;
    background: var(--oembed--main-color);
    border-radius: 50%;
    display: flex;
    height: 25px;
    justify-content: center;
    margin-right: 10px;
    object-fit: cover;
    width: 25px
}

.c-skeleton--oembed.is-truth-social .c-skeleton__header-icon svg {
    fill: #000;
    height: 25px;
    width: 25px
}

.c-skeleton--oembed.is-truth-social .c-skeleton__body {
    display: flex;
    flex: 1;
    flex-direction: column;
    margin-top: 5px
}

.c-skeleton--oembed.is-truth-social .c-skeleton__body-text {
    font-size: 0.8rem;
    color: var(--oembed--main-color)
}

.c-skeleton--oembed.is-truth-social .c-skeleton__body-img {
    flex: auto;
    height: auto;
    margin: 20px 10px
}

.c-skeleton--oembed.is-truth-social .c-skeleton__body-img div {
    border-radius: 7.5px;
    height: 100%;
    margin: auto;
    object-fit: cover;
    width: 100%
}

.c-skeleton--oembed.is-truth-social .c-skeleton__footer {
    align-items: center;
    border-top: 1px solid var(--oembed--border-color);
    display: flex;
    padding: 10px 0
}

.c-skeleton--oembed.is-youtube {
    border: 1px solid var(--oembed--border-color)
}

.c-skeleton--oembed.is-youtube.is-in-pur-placeholder {
    border: none
}

.c-skeleton--oembed.is-youtube.is-in-pur-placeholder .c-skeleton__header-icon {
    width: 100%
}

.c-skeleton--oembed.is-youtube.is-in-pur-placeholder .c-skeleton__body-img,
.c-skeleton--oembed.is-youtube.is-in-pur-placeholder .c-skeleton__footer {
    display: none
}

.c-skeleton--oembed.is-youtube .c-skeleton__header-icon {
    aspect-ratio: 1.7777777778;
    background: var(--oembed--main-color);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    position: relative;
    width: 100%
}

.c-skeleton--oembed.is-youtube .c-skeleton__header-icon svg {
    fill: #ccc;
    height: 56px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 80px
}

.c-skeleton--oembed.is-instagram {
    border: 1px solid var(--oembed--border-color);
    display: flex;
    flex-direction: column;
    height: auto;
    justify-content: space-around;
    margin: 20px;
    padding: 5px;
    transition: all .2s ease
}

.is-in-article .c-skeleton--oembed.is-instagram {
    margin: 20px 0
}

.c-skeleton--oembed.is-instagram.is-in-pur-placeholder {
    padding: 10px
}

.c-skeleton--oembed.is-instagram.is-in-pur-placeholder .c-skeleton__header-icon {
    height: 30px;
    width: 30px
}

.c-skeleton--oembed.is-instagram.is-in-pur-placeholder .c-skeleton__header-icon svg {
    height: 30px;
    width: 30px
}

.c-skeleton--oembed.is-instagram.is-in-pur-placeholder .c-skeleton__body-img,
.c-skeleton--oembed.is-instagram.is-in-pur-placeholder .c-skeleton__footer {
    display: none
}

.c-skeleton--oembed.is-instagram .c-skeleton__header {
    align-items: center;
    display: flex;
    flex: auto;
    flex-direction: row;
    margin: 5px 0
}

.c-skeleton--oembed.is-instagram .c-skeleton__header-title-wrapper {
    display: block;
    margin-left: 15px;
    margin-top: 2.5px;
    width: calc(100% - 80px)
}

.c-skeleton--oembed.is-instagram .c-skeleton__header-img {
    background: var(--oembed--light-background);
    border-radius: 50%;
    display: inline-block;
    height: 40px;
    object-fit: cover;
    width: 40px
}

.c-skeleton--oembed.is-instagram .c-skeleton__header-title {
    font-size: 1.6rem;
    line-height: 1.4rem
}

.c-skeleton--oembed.is-instagram .c-skeleton__header-text {
    font-size: 1rem;
    line-height: 1.4rem
}

.c-skeleton--oembed.is-instagram .c-skeleton__header-icon {
    align-items: center;
    background: var(--oembed--main-color);
    border-radius: 50%;
    display: flex;
    height: 25px;
    justify-content: center;
    object-fit: cover;
    width: 25px
}

.c-skeleton--oembed.is-instagram .c-skeleton__header-icon svg {
    fill: var(--oembed--darker-icon-color);
    height: 25px;
    width: 25px
}

.c-skeleton--oembed.is-instagram .c-skeleton__body {
    aspect-ratio: 1.0204081633;
    background-color: var(--oembed--skeleton-content-background);
    display: block;
    margin-top: 5px;
    position: relative
}

.c-skeleton--oembed.is-instagram .c-skeleton__body svg {
    fill: var(--oembed--dark-icon-color);
    height: 80px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 80px
}

.c-skeleton--oembed.is-podigee {
    background: var(--oembed--darkest-background);
    color: var(--oembed--main-color);
    padding: 20px
}

.c-skeleton--oembed.is-podigee .c-skeleton__body-text {
    opacity: .7
}

.c-skeleton--oembed.is-podigee .c-skeleton__body {
    display: flex;
    flex-direction: column-reverse
}

@media only screen and (min-width: 657px) {
    .c-skeleton--oembed.is-podigee .c-skeleton__body {
        flex-direction: row;
        justify-content: space-between;
        margin-bottom: 15px
    }
}

@media only screen and (pointer: coarse)and (max-width: 656px) {
    .c-skeleton--oembed.is-podigee .c-skeleton__body {
        flex-direction: row-reverse;
        justify-content: space-between
    }
}

.c-skeleton--oembed.is-podigee .c-skeleton__body-player {
    width: 100%
}

@media only screen and (pointer: coarse)and (max-width: 656px) {
    .c-skeleton--oembed.is-podigee .c-skeleton__body-player {
        padding-left: 20px
    }
}

.c-skeleton--oembed.is-podigee .c-skeleton__audio-player {
    margin: 20px 0;
    position: relative
}

.c-skeleton--oembed.is-podigee .c-skeleton__audio-player::after {
    content: "";
    display: block;
    position: absolute;
    background: var(--oembed--border-color);
    height: 1px;
    left: 40px;
    top: 50%;
    width: 80%
}

.c-skeleton--oembed.is-podigee .c-skeleton__audio-player svg {
    fill: var(--oembed--light-icon-color);
    height: 20px;
    width: 25px
}

.c-skeleton--oembed.is-podigee .c-skeleton__body-img {
    margin: 0 auto 30px;
    overflow: hidden;
    padding-bottom: 320px;
    width: 320px
}

@media only screen and (min-width: 657px) {
    .c-skeleton--oembed.is-podigee .c-skeleton__body-img {
        height: 100px;
        margin: 0;
        padding-bottom: unset;
        width: 105px
    }
}

@media only screen and (pointer: coarse)and (max-width: 656px) {
    .c-skeleton--oembed.is-podigee .c-skeleton__body-img {
        height: 100px;
        margin-bottom: 0;
        padding-bottom: unset;
        width: 145px
    }
}

.c-skeleton--oembed.is-podigee .c-skeleton__footer {
    align-items: center;
    border-top: 1px solid var(--oembed--border-color);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    opacity: .7;
    padding: 10px 0 0
}

.c-skeleton--oembed.is-podigee-tts-playlist {
    background: var(--oembed--lighter-background);
    color: var(--oembed--text-color);
    padding: 20px
}

.c-skeleton--oembed.is-podigee-tts-playlist .c-skeleton__body-text {
    opacity: .7
}

.c-skeleton--oembed.is-podigee-tts-playlist .c-skeleton__body {
    display: flex;
    flex-direction: column-reverse
}

@media only screen and (min-width: 657px) {
    .c-skeleton--oembed.is-podigee-tts-playlist .c-skeleton__body {
        flex-direction: row;
        justify-content: space-between;
        margin-bottom: 15px
    }
}

@media only screen and (pointer: coarse)and (max-width: 656px) {
    .c-skeleton--oembed.is-podigee-tts-playlist .c-skeleton__body {
        flex-direction: row-reverse;
        justify-content: space-between
    }
}

.c-skeleton--oembed.is-podigee-tts-playlist .c-skeleton__body-player {
    width: 100%
}

@media only screen and (pointer: coarse)and (max-width: 656px) {
    .c-skeleton--oembed.is-podigee-tts-playlist .c-skeleton__body-player {
        padding-left: 20px
    }
}

.c-skeleton--oembed.is-podigee-tts-playlist .c-skeleton__audio-player {
    margin: 20px 0;
    position: relative
}

.c-skeleton--oembed.is-podigee-tts-playlist .c-skeleton__audio-player::after {
    content: "";
    display: block;
    position: absolute;
    background: var(--oembed--border-color);
    height: 1px;
    left: 40px;
    top: 50%;
    width: 80%
}

.c-skeleton--oembed.is-podigee-tts-playlist .c-skeleton__audio-player svg {
    fill: var(--oembed--darker-icon-color);
    height: 20px;
    stroke: var(--oembed--light-icon-color);
    width: 25px
}

.c-skeleton--oembed.is-podigee-tts-playlist .c-skeleton__body-img {
    margin: 0 auto 30px;
    overflow: hidden;
    padding-bottom: 320px;
    width: 320px
}

@media only screen and (min-width: 657px) {
    .c-skeleton--oembed.is-podigee-tts-playlist .c-skeleton__body-img {
        height: 100px;
        margin: 0;
        padding-bottom: unset;
        width: 105px
    }
}

@media only screen and (pointer: coarse)and (max-width: 656px) {
    .c-skeleton--oembed.is-podigee-tts-playlist .c-skeleton__body-img {
        height: 100px;
        margin-bottom: 0;
        padding-bottom: unset;
        width: 145px
    }
}

.c-skeleton--oembed.is-podigee-tts-playlist .c-skeleton__footer {
    align-items: center;
    border-top: 1px solid var(--oembed--main-color);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    opacity: .7;
    padding: 10px 0 0
}

.c-skeleton--oembed.is-flourish {
    background-color: var(--oembed--main-color);
    display: flex;
    flex-direction: column;
    height: 500px;
    padding: 20px
}

.is-in-article .c-skeleton--oembed.is-flourish {
    padding: 20px 0
}

.c-skeleton--oembed.is-flourish .c-skeleton__header {
    background-color: var(--oembed--skeleton-content-background);
    display: block;
    flex: 0 0 28px;
    height: 28px;
    margin-bottom: 30px;
    width: 75%
}

.c-skeleton--oembed.is-flourish .c-skeleton__graph {
    background-color: var(--oembed--skeleton-content-background);
    flex: 1 1 600px;
    width: 100%
}

.c-skeleton--oembed.is-flourish .c-skeleton__graph::before {
    background-image: url("../images/stock-graph.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    display: block;
    height: 200px;
    left: 50%;
    position: relative;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 200px
}

.c-skeleton--oembed.is-product-comparison {
    overflow: hidden;
    padding: 5px;
    position: relative
}

.c-skeleton--oembed.is-product-comparison .c-skeleton__header {
    margin-bottom: 25px
}

.c-skeleton--oembed.is-product-comparison::after {
    background-image: url("../images/skeleton.svg");
    content: "";
    display: block;
    height: 100%;
    width: 100%
}

.c-skeleton--oembed.is-podigee-tts {
    height: 75px;
    position: relative
}

.c-skeleton--oembed.is-podigee-tts .c-skeleton__header {
    background-color: var(--oembed--light-background);
    border-radius: 6px;
    height: 24px;
    margin: 0 auto;
    width: 120px
}

.c-skeleton--oembed.is-podigee-tts .c-skeleton__player {
    border-bottom: 1px solid var(--oembed--light-background);
    border-top: 1px solid var(--oembed--light-background);
    height: 61px;
    margin: -12px auto 0;
    width: 100%
}

.c-skeleton--oembed.is-score-indicator {
    height: 285px;
    overflow: hidden
}

.c-skeleton--oembed.is-score-indicator .c-skeleton__header {
    background-color: var(--oembed--skeleton-content-background);
    display: block;
    height: 34px;
    margin-bottom: 10px;
    width: 270px
}

.c-skeleton--oembed.is-score-indicator .c-skeleton__tabs {
    background-color: var(--oembed--skeleton-content-background);
    display: block;
    height: 44px;
    margin-bottom: 15px;
    width: 70%
}

.c-skeleton--oembed.is-score-indicator .c-skeleton__list {
    display: block;
    height: 110px;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 10px 0;
    white-space: nowrap;
    width: 100%
}

.c-skeleton--oembed.is-score-indicator .c-skeleton__item {
    background-color: var(--oembed--skeleton-content-background);
    display: inline-block;
    height: 90px;
    margin-right: 14px;
    width: 218px
}

.c-skeleton--oembed.is-score-indicator .c-skeleton__ad {
    background-color: var(--oembed--skeleton-content-background);
    height: 52px;
    width: 100%
}

.c-skeleton--oembed.is-teamlist {
    height: 75px;
    overflow: hidden
}

.c-skeleton--oembed.is-teamlist .c-skeleton__list {
    display: flex;
    flex-flow: row nowrap;
    height: 75px;
    overflow: hidden;
    white-space: nowrap;
    width: 100%
}

.c-skeleton--oembed.is-teamlist .c-skeleton__item {
    background-color: var(--oembed--skeleton-content-background);
    flex: 0 0 49px;
    height: 75px;
    margin-right: 1px
}

.c-skeleton--oembed.is-sportdaten {
    height: 300px;
    overflow: hidden;
    padding: 5px;
    position: relative
}

.c-skeleton--oembed.is-sportdaten .c-skeleton__header {
    margin-bottom: 25px
}

.c-skeleton--oembed.is-sportdaten::after {
    background-image: url("../images/skeleton.svg");
    content: "";
    display: block;
    height: 100%;
    width: 100%
}

@media only screen and (min-width: 375px) {
    .c-skeleton--oembed.is-sportdaten {
        height: 216px
    }
}

@media only screen and (min-width: 414px) {
    .c-skeleton--oembed.is-sportdaten {
        height: 281px
    }
}

@media only screen and (min-width: 768px) {
    .c-skeleton--oembed.is-sportdaten {
        height: 235px
    }
}

@media only screen and (min-width: 910px) {
    .c-skeleton--oembed.is-sportdaten {
        height: 235px
    }
}

.c-skeleton--oembed.is-thinglink {
    align-items: center;
    background-color: var(--oembed--light-background);
    display: flex;
    flex-flow: row wrap;
    height: 367px
}

@media only screen and (min-width: 360px) {
    .c-skeleton--oembed.is-thinglink {
        height: 413px
    }
}

@media only screen and (min-width: 414px) {
    .c-skeleton--oembed.is-thinglink {
        height: 475px
    }
}

@media only screen and (min-width: 768px) {
    .c-skeleton--oembed.is-thinglink {
        height: 743px
    }
}

@media only screen and (min-width: 910px) {
    .c-skeleton--oembed.is-thinglink {
        height: 890px
    }
}

.c-skeleton--oembed.is-thinglink .c-skeleton__container {
    width: 100%
}

.c-skeleton--oembed.is-thinglink .c-skeleton__row {
    background-color: var(--oembed--skeleton-content-background);
    display: block;
    height: 22px;
    margin: 0 auto 18px;
    text-align: center;
    width: 25%
}

.c-skeleton--oembed.is-thinglink .c-skeleton__row.is-first {
    width: 30%
}

.c-skeleton--oembed.is-thinglink .c-skeleton__row.is-second {
    width: 70%
}

.c-skeleton--oembed.is-thinglink .c-skeleton__row.is-third {
    width: 60%
}

.c-skeleton--oembed.is-thinglink .c-skeleton__pointer {
    background-image: url("../images/pointer.svg");
    display: block;
    height: 70px;
    margin: 20px auto 0;
    width: 70px
}

.c-skeleton--oembed.is-finance-ads {
    background-color: var(--oembed--lightest-background);
    display: flex;
    flex-direction: column;
    height: 1400px;
    overflow: hidden;
    padding: 20px
}

@media only screen and (min-width: 768px) {
    .c-skeleton--oembed.is-finance-ads {
        height: 1240px
    }
}

@media only screen and (min-width: 910px) {
    .c-skeleton--oembed.is-finance-ads {
        height: 1500px
    }
}

.c-skeleton--oembed.is-finance-ads .c-skeleton__header {
    background-color: var(--oembed--skeleton-content-background);
    display: block;
    height: 28px;
    margin-bottom: 23px;
    width: 45%
}

.c-skeleton--oembed.is-finance-ads .c-skeleton__item {
    display: block
}

.c-skeleton--oembed.is-finance-ads .c-skeleton__input-group {
    margin-bottom: 11px
}

.c-skeleton--oembed.is-finance-ads .c-skeleton__label {
    background-color: var(--oembed--skeleton-content-background);
    display: block;
    height: 15px;
    margin-bottom: 6px;
    width: 23%
}

.c-skeleton--oembed.is-finance-ads .c-skeleton__input {
    background-color: var(--oembed--skeleton-content-background);
    display: block;
    height: 40px;
    width: 100%
}

.c-skeleton--oembed.is-finance-ads .c-skeleton__input.is-dark {
    background-color: var(--oembed--dark-background)
}

.c-skeleton--oembed.is-finance-ads .c-skeleton__text {
    margin-bottom: 60px;
    margin-top: 20px;
    width: 100%
}

.c-skeleton--oembed.is-finance-ads .c-skeleton__textpart {
    background: var(--oembed--skeleton-content-background);
    display: block;
    height: 12px;
    margin-bottom: 5px
}

.c-skeleton--oembed.is-finance-ads .c-skeleton__textpart.is-first {
    width: 80%
}

.c-skeleton--oembed.is-finance-ads .c-skeleton__textpart.is-second {
    width: 90%
}

.c-skeleton--oembed.is-finance-ads .c-skeleton__textpart.is-third {
    width: 75%
}

.c-skeleton--oembed.is-finance-ads .c-skeleton__list {
    background-image: url("../images/finance-ads.svg");
    flex: 1;
    width: 100%
}

.c-skeleton--oembed.is-interactive-tools {
    background: var(--oembed--light-background);
    display: flex;
    flex-direction: column;
    height: 575px;
    overflow: hidden;
    padding: 50px 50px 0
}

@media only screen and (min-width: 496px) {
    .c-skeleton--oembed.is-interactive-tools {
        height: 634px
    }
}

.c-skeleton--oembed.is-interactive-tools .c-skeleton__header {
    background-color: var(--oembed--skeleton-content-background);
    display: block;
    flex: 0 0 23px;
    height: 23px;
    margin: 0 auto 10px;
    width: 66%
}

.c-skeleton--oembed.is-interactive-tools .c-skeleton__underline {
    background-color: var(--oembed--skeleton-content-background);
    display: block;
    flex: 0 0 23px;
    height: 23px;
    margin: 0 auto 25px;
    width: 45%
}

.c-skeleton--oembed.is-interactive-tools .c-skeleton__container {
    background-color: var(--oembed--skeleton-content-background);
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 15px;
    padding: 40px
}

.c-skeleton--oembed.is-interactive-tools .c-skeleton__item {
    background: var(--oembed--dark-background);
    display: block;
    height: 12.5%;
    margin-bottom: 25px;
    min-height: 15px;
    position: relative;
    width: 100%
}

.c-skeleton--oembed.is-interactive-tools .c-skeleton__item::before {
    background-color: var(--oembed--darker-background);
    bottom: 0;
    content: "";
    display: block;
    height: 15px;
    left: 0;
    position: absolute;
    width: 62%
}

.c-skeleton--oembed.is-interactive-tools .c-skeleton__item.is-second::before {
    width: 10%
}

.c-skeleton--oembed.is-interactive-tools .c-skeleton__item.is-third::before {
    width: 17.5%
}

.c-skeleton--oembed.is-interactive-tools .c-skeleton__item.is-fourth::before {
    width: 25%
}

.c-skeleton--oembed.is-interactive-tools .c-skeleton__copyright {
    background-color: var(--oembed--skeleton-content-background);
    display: block;
    flex: 0 0 23px;
    height: 13px;
    margin: 0 auto;
    max-width: 283px;
    width: 50%
}

.c-skeleton--oembed.is-wams {
    background-color: var(--oembed--light-background);
    display: flex;
    flex-direction: column;
    height: 333px;
    overflow: hidden;
    padding: 20px
}

@media only screen and (min-width: 414px) {
    .c-skeleton--oembed.is-wams {
        height: 364px
    }
}

@media only screen and (min-width: 450px) {
    .c-skeleton--oembed.is-wams {
        height: 387px
    }
}

@media only screen and (min-width: 500px) {
    .c-skeleton--oembed.is-wams {
        height: 424px
    }
}

@media only screen and (min-width: 550px) {
    .c-skeleton--oembed.is-wams {
        height: 458px
    }
}

@media only screen and (min-width: 600px) {
    .c-skeleton--oembed.is-wams {
        flex-direction: row;
        height: 228px
    }
}

.c-skeleton--oembed.is-wams .c-skeleton__icon {
    background-image: url("../images/newspaper.svg");
    background-position: center;
    background-repeat: no-repeat;
    flex: 0 0 50%;
    height: 100%
}

.c-skeleton--oembed.is-wams .c-skeleton__container {
    display: flex;
    flex: 0 0 50%;
    flex-direction: column;
    justify-content: center
}

.c-skeleton--oembed.is-wams .c-skeleton__text {
    background-color: var(--oembed--skeleton-content-background);
    height: 18px;
    margin: 0 auto 10px;
    width: 80%
}

.c-skeleton--oembed.is-wams .c-skeleton__text.is-first {
    width: 90%
}

.c-skeleton--oembed.is-wams .c-skeleton__button {
    background-color: var(--oembed--skeleton-content-background);
    height: 32px;
    margin: 16px auto 0;
    width: 50%
}

.c-skeleton--oembed.is-lime-survey {
    background-color: var(--oembed--light-background);
    display: flex;
    flex-direction: column;
    height: 690px;
    justify-content: space-between;
    overflow: hidden
}

@media only screen and (min-width: 414px) {
    .c-skeleton--oembed.is-lime-survey {
        height: 630px
    }
}

@media only screen and (min-width: 470px) {
    .c-skeleton--oembed.is-lime-survey {
        height: 600px
    }
}

@media only screen and (min-width: 550px) {
    .c-skeleton--oembed.is-lime-survey {
        height: 560px
    }
}

@media only screen and (min-width: 600px) {
    .c-skeleton--oembed.is-lime-survey {
        height: 550px
    }
}

@media only screen and (min-width: 650px) {
    .c-skeleton--oembed.is-lime-survey {
        height: 520px
    }
}

@media only screen and (min-width: 910px) {
    .c-skeleton--oembed.is-lime-survey {
        height: 540px
    }
}

.c-skeleton--oembed.is-lime-survey .c-skeleton__header {
    background-color: var(--oembed--skeleton-content-background);
    display: block;
    flex: 0 0 60px;
    width: 100%
}

.c-skeleton--oembed.is-lime-survey .c-skeleton__container {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    padding: 0 8%
}

.c-skeleton--oembed.is-lime-survey .c-skeleton__headline {
    background-color: var(--oembed--skeleton-content-background);
    display: block;
    height: 22px;
    margin-bottom: 44px;
    width: 182px
}

.c-skeleton--oembed.is-lime-survey .c-skeleton__item {
    background-color: var(--oembed--skeleton-content-background);
    display: block;
    height: 29px;
    margin-bottom: 15px;
    margin-left: 36px;
    position: relative;
    width: 80%
}

.c-skeleton--oembed.is-lime-survey .c-skeleton__item::before {
    background-color: var(--oembed--skeleton-content-background);
    border-radius: 50%;
    content: "";
    display: block;
    height: 29px;
    left: -36px;
    position: absolute;
    top: 0;
    width: 29px
}

.c-skeleton--oembed.is-lime-survey .c-skeleton__item.is-second {
    background-color: var(--oembed--darker-background);
    width: 70%
}

.c-skeleton--oembed.is-lime-survey .c-skeleton__item.is-second::before {
    background-color: var(--oembed--darker-background)
}

.c-skeleton--oembed.is-lime-survey .c-skeleton__item.is-third {
    width: 90%
}

.c-skeleton--oembed.is-lime-survey .c-skeleton__item.is-fourth {
    width: 50%
}

.c-skeleton--oembed.is-lime-survey .c-skeleton__copyright {
    background-color: var(--oembed--skeleton-content-background);
    display: block;
    height: 22px;
    margin-left: auto;
    margin-top: 30px;
    width: 182px
}

.c-skeleton--oembed.is-lime-survey .c-skeleton__footer {
    background-color: var(--oembed--skeleton-content-background);
    display: block;
    flex: 0 0 33px;
    width: 100%
}

.c-skeleton--oembed.is-dpa-election-bar-chart {
    height: 457px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.c-skeleton--oembed.is-dpa-election-bar-chart .c-skeleton__header {
    background-color: var(--oembed--skeleton-content-background);
    display: block;
    flex: 0 0 28px;
    margin-bottom: 19px;
    width: 167px
}

.c-skeleton--oembed.is-dpa-election-bar-chart .c-skeleton__title {
    background-color: var(--oembed--skeleton-content-background);
    display: block;
    flex: 0 0 14px;
    margin-bottom: 20px;
    width: 205px
}

.c-skeleton--oembed.is-dpa-election-bar-chart .c-skeleton__spacer {
    background-color: var(--oembed--skeleton-content-background);
    display: block;
    flex: 0 0 2px;
    margin-bottom: 40px;
    width: 100%
}

.c-skeleton--oembed.is-dpa-election-bar-chart .c-skeleton__copyright {
    flex: 0;
    margin-left: auto;
    text-align: right;
    width: 115px
}

.c-skeleton--oembed.is-dpa-election-bar-chart .c-skeleton__bar-legend {
    background-image: url("../images/legend.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    flex: 0 0 60px
}

.c-skeleton--oembed.is-dpa-election-bar-chart .c-skeleton__text {
    background-color: var(--oembed--skeleton-content-background);
    display: inline-block;
    height: 8px;
    margin-bottom: 7px;
    width: 100%
}

.c-skeleton--oembed.is-dpa-election-bar-chart .c-skeleton__text.is-last {
    width: 80%
}

@media only screen and (min-width: 480px) {
    .c-skeleton--oembed.is-dpa-election-bar-chart {
        height: 514px
    }
}

@media only screen and (min-width: 657px) {
    .c-skeleton--oembed.is-dpa-election-bar-chart {
        height: 483px
    }
}

.c-skeleton--oembed.is-dpa-election-bar-chart .c-skeleton__bars {
    background-image: url("../images/bar-chart.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    flex: 1;
    margin-bottom: 30px
}

.c-skeleton--oembed.is-dpa-election-seat-chart {
    height: 470px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.c-skeleton--oembed.is-dpa-election-seat-chart .c-skeleton__header {
    background-color: var(--oembed--skeleton-content-background);
    display: block;
    flex: 0 0 28px;
    margin-bottom: 19px;
    width: 167px
}

.c-skeleton--oembed.is-dpa-election-seat-chart .c-skeleton__title {
    background-color: var(--oembed--skeleton-content-background);
    display: block;
    flex: 0 0 14px;
    margin-bottom: 20px;
    width: 205px
}

.c-skeleton--oembed.is-dpa-election-seat-chart .c-skeleton__spacer {
    background-color: var(--oembed--skeleton-content-background);
    display: block;
    flex: 0 0 2px;
    margin-bottom: 40px;
    width: 100%
}

.c-skeleton--oembed.is-dpa-election-seat-chart .c-skeleton__copyright {
    flex: 0;
    margin-left: auto;
    text-align: right;
    width: 115px
}

.c-skeleton--oembed.is-dpa-election-seat-chart .c-skeleton__bar-legend {
    background-image: url("../images/legend.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    flex: 0 0 60px
}

.c-skeleton--oembed.is-dpa-election-seat-chart .c-skeleton__text {
    background-color: var(--oembed--skeleton-content-background);
    display: inline-block;
    height: 8px;
    margin-bottom: 7px;
    width: 100%
}

.c-skeleton--oembed.is-dpa-election-seat-chart .c-skeleton__text.is-last {
    width: 80%
}

@media only screen and (min-width: 480px) {
    .c-skeleton--oembed.is-dpa-election-seat-chart {
        height: 535px
    }
}

@media only screen and (min-width: 600px) {
    .c-skeleton--oembed.is-dpa-election-seat-chart {
        height: 580px
    }
}

.c-skeleton--oembed.is-dpa-election-seat-chart .c-skeleton__seats {
    background-image: url("../images/seats-chart.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 140%;
    flex: 1;
    margin-bottom: 30px
}

.c-skeleton--oembed.is-dpa-election-ranking-chart {
    height: 442px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.c-skeleton--oembed.is-dpa-election-ranking-chart .c-skeleton__header {
    background-color: var(--oembed--skeleton-content-background);
    display: block;
    flex: 0 0 28px;
    margin-bottom: 19px;
    width: 167px
}

.c-skeleton--oembed.is-dpa-election-ranking-chart .c-skeleton__title {
    background-color: var(--oembed--skeleton-content-background);
    display: block;
    flex: 0 0 14px;
    margin-bottom: 20px;
    width: 205px
}

.c-skeleton--oembed.is-dpa-election-ranking-chart .c-skeleton__spacer {
    background-color: var(--oembed--skeleton-content-background);
    display: block;
    flex: 0 0 2px;
    margin-bottom: 40px;
    width: 100%
}

.c-skeleton--oembed.is-dpa-election-ranking-chart .c-skeleton__copyright {
    flex: 0;
    margin-left: auto;
    text-align: right;
    width: 115px
}

.c-skeleton--oembed.is-dpa-election-ranking-chart .c-skeleton__bar-legend {
    background-image: url("../images/legend.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    flex: 0 0 60px
}

.c-skeleton--oembed.is-dpa-election-ranking-chart .c-skeleton__text {
    background-color: var(--oembed--skeleton-content-background);
    display: inline-block;
    height: 8px;
    margin-bottom: 7px;
    width: 100%
}

.c-skeleton--oembed.is-dpa-election-ranking-chart .c-skeleton__text.is-last {
    width: 80%
}

.c-skeleton--oembed.is-dpa-election-ranking-chart .c-skeleton__container {
    display: flex;
    flex: 1;
    margin-bottom: 20px;
    margin-top: -20px
}

.c-skeleton--oembed.is-dpa-election-ranking-chart .c-skeleton__item {
    align-items: center;
    display: flex;
    flex: 1 1 50%
}

.c-skeleton--oembed.is-dpa-election-ranking-chart .c-skeleton__item.is-last {
    flex-direction: row-reverse
}

.c-skeleton--oembed.is-dpa-election-ranking-chart .c-skeleton__item.is-last .c-skeleton__info {
    justify-content: flex-end
}

.c-skeleton--oembed.is-dpa-election-ranking-chart .c-skeleton__item.is-last .c-skeleton__img {
    margin-left: 10px;
    margin-right: 0
}

.c-skeleton--oembed.is-dpa-election-ranking-chart .c-skeleton__item.is-last .c-skeleton__bar::before {
    width: 100%
}

.c-skeleton--oembed.is-dpa-election-ranking-chart .c-skeleton__img {
    background-color: var(--oembed--skeleton-content-background);
    border-radius: 50%;
    display: block;
    height: 92px;
    margin-right: 10px;
    width: 92px
}

.c-skeleton--oembed.is-dpa-election-ranking-chart .c-skeleton__info {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    justify-content: flex-start
}

.c-skeleton--oembed.is-dpa-election-ranking-chart .c-skeleton__label {
    background-color: var(--oembed--skeleton-content-background);
    display: block;
    height: 12px;
    margin-bottom: 13px;
    width: 30%
}

.c-skeleton--oembed.is-dpa-election-ranking-chart .c-skeleton__bar {
    background-color: var(--oembed--skeleton-content-background);
    display: block;
    height: 16px;
    position: relative;
    width: 100%
}

.c-skeleton--oembed.is-dpa-election-ranking-chart .c-skeleton__bar::before {
    background-color: var(--oembed--darker-background);
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0;
    width: 70%
}

.c-skeleton--oembed.is-dpa-election-voting-areas-small-chart {
    height: 590px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.c-skeleton--oembed.is-dpa-election-voting-areas-small-chart .c-skeleton__header {
    background-color: var(--oembed--skeleton-content-background);
    display: block;
    flex: 0 0 28px;
    margin-bottom: 19px;
    width: 167px
}

.c-skeleton--oembed.is-dpa-election-voting-areas-small-chart .c-skeleton__title {
    background-color: var(--oembed--skeleton-content-background);
    display: block;
    flex: 0 0 14px;
    margin-bottom: 20px;
    width: 205px
}

.c-skeleton--oembed.is-dpa-election-voting-areas-small-chart .c-skeleton__spacer {
    background-color: var(--oembed--skeleton-content-background);
    display: block;
    flex: 0 0 2px;
    margin-bottom: 40px;
    width: 100%
}

.c-skeleton--oembed.is-dpa-election-voting-areas-small-chart .c-skeleton__copyright {
    flex: 0;
    margin-left: auto;
    text-align: right;
    width: 115px
}

.c-skeleton--oembed.is-dpa-election-voting-areas-small-chart .c-skeleton__bar-legend {
    background-image: url("../images/legend.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    flex: 0 0 60px
}

.c-skeleton--oembed.is-dpa-election-voting-areas-small-chart .c-skeleton__text {
    background-color: var(--oembed--skeleton-content-background);
    display: inline-block;
    height: 8px;
    margin-bottom: 7px;
    width: 100%
}

.c-skeleton--oembed.is-dpa-election-voting-areas-small-chart .c-skeleton__text.is-last {
    width: 80%
}

@media only screen and (min-width: 480px) {
    .c-skeleton--oembed.is-dpa-election-voting-areas-small-chart {
        height: 663px
    }
}

@media only screen and (min-width: 600px) {
    .c-skeleton--oembed.is-dpa-election-voting-areas-small-chart {
        height: 800px
    }
}

@media only screen and (min-width: 657px) {
    .c-skeleton--oembed.is-dpa-election-voting-areas-small-chart {
        height: 834px
    }
}

.c-skeleton--oembed.is-dpa-election-voting-areas-small-chart .c-skeleton__map {
    background-color: var(--oembed--skeleton-content-background);
    background-image: url("../images/map.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 60% 60%;
    flex: 1;
    margin-bottom: 20px;
    position: relative
}

.c-skeleton--oembed.is-dpa-election-voting-areas-small-chart .c-skeleton__map::before {
    background-image: url("../images/pointer.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 42px;
    position: absolute;
    right: 26px;
    top: 20px;
    width: 42px
}

.c-skeleton--oembed.is-dpa-election-voting-areas-chart {
    height: 947px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.c-skeleton--oembed.is-dpa-election-voting-areas-chart .c-skeleton__header {
    background-color: var(--oembed--skeleton-content-background);
    display: block;
    flex: 0 0 28px;
    margin-bottom: 19px;
    width: 167px
}

.c-skeleton--oembed.is-dpa-election-voting-areas-chart .c-skeleton__title {
    background-color: var(--oembed--skeleton-content-background);
    display: block;
    flex: 0 0 14px;
    margin-bottom: 20px;
    width: 205px
}

.c-skeleton--oembed.is-dpa-election-voting-areas-chart .c-skeleton__spacer {
    background-color: var(--oembed--skeleton-content-background);
    display: block;
    flex: 0 0 2px;
    margin-bottom: 40px;
    width: 100%
}

.c-skeleton--oembed.is-dpa-election-voting-areas-chart .c-skeleton__copyright {
    flex: 0;
    margin-left: auto;
    text-align: right;
    width: 115px
}

.c-skeleton--oembed.is-dpa-election-voting-areas-chart .c-skeleton__bar-legend {
    background-image: url("../images/legend.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    flex: 0 0 60px
}

.c-skeleton--oembed.is-dpa-election-voting-areas-chart .c-skeleton__text {
    background-color: var(--oembed--skeleton-content-background);
    display: inline-block;
    height: 8px;
    margin-bottom: 7px;
    width: 100%
}

.c-skeleton--oembed.is-dpa-election-voting-areas-chart .c-skeleton__text.is-last {
    width: 80%
}

@media only screen and (min-width: 480px) {
    .c-skeleton--oembed.is-dpa-election-voting-areas-chart {
        height: 1037px
    }
}

@media only screen and (min-width: 600px) {
    .c-skeleton--oembed.is-dpa-election-voting-areas-chart {
        height: 1150px
    }
}

@media only screen and (min-width: 657px) {
    .c-skeleton--oembed.is-dpa-election-voting-areas-chart {
        height: 1222px
    }
}

.c-skeleton--oembed.is-dpa-election-voting-areas-chart .c-skeleton__single-bars {
    background-image: url("../images/bar-chart-single.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    flex: 0 0 160px;
    margin-bottom: 10px;
    position: relative
}

.c-skeleton--oembed.is-dpa-election-voting-areas-chart .c-skeleton__map {
    background-color: var(--oembed--skeleton-content-background);
    background-image: url("../images/map.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 60% 60%;
    flex: 1;
    margin-bottom: 20px;
    position: relative
}

.c-skeleton--oembed.is-dpa-election-voting-areas-chart .c-skeleton__map::before {
    background-image: url("../images/pointer.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 42px;
    position: absolute;
    right: 26px;
    top: 20px;
    width: 42px
}

.c-skeleton--oembed.is-dpa-election-section {
    height: 967px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.c-skeleton--oembed.is-dpa-election-section .c-skeleton__header {
    background-color: var(--oembed--skeleton-content-background);
    display: block;
    flex: 0 0 28px;
    margin-bottom: 19px;
    width: 167px
}

.c-skeleton--oembed.is-dpa-election-section .c-skeleton__title {
    background-color: var(--oembed--skeleton-content-background);
    display: block;
    flex: 0 0 14px;
    margin-bottom: 20px;
    width: 205px
}

.c-skeleton--oembed.is-dpa-election-section .c-skeleton__spacer {
    background-color: var(--oembed--skeleton-content-background);
    display: block;
    flex: 0 0 2px;
    margin-bottom: 40px;
    width: 100%
}

.c-skeleton--oembed.is-dpa-election-section .c-skeleton__copyright {
    flex: 0;
    margin-left: auto;
    text-align: right;
    width: 115px
}

.c-skeleton--oembed.is-dpa-election-section .c-skeleton__bar-legend {
    background-image: url("../images/legend.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    flex: 0 0 60px
}

.c-skeleton--oembed.is-dpa-election-section .c-skeleton__text {
    background-color: var(--oembed--skeleton-content-background);
    display: inline-block;
    height: 8px;
    margin-bottom: 7px;
    width: 100%
}

.c-skeleton--oembed.is-dpa-election-section .c-skeleton__text.is-last {
    width: 80%
}

@media only screen and (min-width: 480px) {
    .c-skeleton--oembed.is-dpa-election-section {
        height: 1031px
    }
}

@media only screen and (min-width: 600px) {
    .c-skeleton--oembed.is-dpa-election-section {
        height: 987px
    }
}

@media only screen and (min-width: 657px) {
    .c-skeleton--oembed.is-dpa-election-section {
        height: 956px
    }
}

@media only screen and (min-width: 768px) {
    .c-skeleton--oembed.is-dpa-election-section {
        height: 585px
    }
}

@media only screen and (min-width: 910px) {
    .c-skeleton--oembed.is-dpa-election-section {
        height: 645px
    }
}

.c-skeleton--oembed.is-dpa-election-section .c-skeleton__container {
    display: flex;
    flex: 1;
    flex-flow: column wrap
}

@media only screen and (min-width: 768px) {
    .c-skeleton--oembed.is-dpa-election-section .c-skeleton__container {
        flex-direction: row
    }
}

.c-skeleton--oembed.is-dpa-election-section .c-skeleton__bars {
    background-image: url("../images/bar-chart.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    flex: 1;
    margin-bottom: 30px
}

.c-skeleton--oembed.is-dpa-election-section .c-skeleton__seats {
    background-image: url("../images/seats-chart.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 140%;
    flex: 1;
    margin-bottom: 30px
}

.c-skeleton--oembed.is-dpa-election {
    height: 400px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.c-skeleton--oembed.is-dpa-election .c-skeleton__header {
    background-color: var(--oembed--skeleton-content-background);
    display: block;
    flex: 0 0 28px;
    margin-bottom: 19px;
    width: 167px
}

.c-skeleton--oembed.is-dpa-election .c-skeleton__title {
    background-color: var(--oembed--skeleton-content-background);
    display: block;
    flex: 0 0 14px;
    margin-bottom: 20px;
    width: 205px
}

.c-skeleton--oembed.is-dpa-election .c-skeleton__spacer {
    background-color: var(--oembed--skeleton-content-background);
    display: block;
    flex: 0 0 2px;
    margin-bottom: 40px;
    width: 100%
}

.c-skeleton--oembed.is-dpa-election .c-skeleton__copyright {
    flex: 0;
    margin-left: auto;
    text-align: right;
    width: 115px
}

.c-skeleton--oembed.is-dpa-election .c-skeleton__bar-legend {
    background-image: url("../images/legend.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    flex: 0 0 60px
}

.c-skeleton--oembed.is-dpa-election .c-skeleton__text {
    background-color: var(--oembed--skeleton-content-background);
    display: inline-block;
    height: 8px;
    margin-bottom: 7px;
    width: 100%
}

.c-skeleton--oembed.is-dpa-election .c-skeleton__text.is-last {
    width: 80%
}

@media only screen and (min-width: 910px) {
    .c-skeleton--oembed.is-dpa-election {
        height: 450px
    }
}

.c-skeleton--oembed.is-dpa-election .c-skeleton__bars {
    background-image: url("../images/bar-chart.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    flex: 1;
    margin-bottom: 60px
}

.c-skeleton--oembed.is-dpa-election .c-skeleton__text {
    background-color: var(--oembed--skeleton-content-background);
    display: inline-block;
    height: 8px;
    margin-bottom: 7px;
    width: 100%
}

.c-skeleton--oembed.is-dpa-election .c-skeleton__text.is-last {
    width: 80%
}

.c-skeleton--oembed.is-dutyfarm {
    display: flex;
    height: 1075px;
    overflow: hidden;
    padding: 20px
}

@media only screen and (min-width: 414px) {
    .c-skeleton--oembed.is-dutyfarm {
        height: 1135px
    }
}

@media only screen and (min-width: 470px) {
    .c-skeleton--oembed.is-dutyfarm {
        height: 1159px
    }
}

@media only screen and (min-width: 550px) {
    .c-skeleton--oembed.is-dutyfarm {
        height: 1244px
    }
}

@media only screen and (min-width: 600px) {
    .c-skeleton--oembed.is-dutyfarm {
        height: 450px
    }
}

@media only screen and (min-width: 910px) {
    .c-skeleton--oembed.is-dutyfarm {
        height: 536px
    }
}

.c-skeleton--oembed.is-dutyfarm .c-skeleton__container {
    display: flex;
    flex-flow: row wrap;
    width: 100%
}

.c-skeleton--oembed.is-dutyfarm .c-skeleton__crossword-container {
    display: flex;
    flex: 0 0 100%;
    flex-direction: column
}

@media only screen and (min-width: 600px) {
    .c-skeleton--oembed.is-dutyfarm .c-skeleton__crossword-container {
        flex: 0 0 70%
    }
}

.c-skeleton--oembed.is-dutyfarm .c-skeleton__crossword {
    background-color: var(--oembed--skeleton-content-background);
    background-image: url("../images/checkerboard.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 40% 40%;
    height: 100%;
    padding-bottom: 100%;
    width: 100%
}

@media only screen and (min-width: 600px) {
    .c-skeleton--oembed.is-dutyfarm .c-skeleton__crossword {
        padding-bottom: 0
    }
}

.c-skeleton--oembed.is-dutyfarm .c-skeleton__headline {
    background-color: var(--oembed--skeleton-content-background);
    display: block;
    flex: 1;
    margin-bottom: 15px;
    width: 123px
}

.c-skeleton--oembed.is-dutyfarm .c-skeleton__hint-container {
    display: flex;
    flex: 0 0 100%;
    flex-direction: column;
    justify-content: space-between
}

@media only screen and (min-width: 600px) {
    .c-skeleton--oembed.is-dutyfarm .c-skeleton__hint-container {
        flex: 0 0 27%;
        margin-left: 3%
    }
}

.c-skeleton--oembed.is-dutyfarm .c-skeleton__item {
    background-color: var(--oembed--skeleton-content-background);
    display: block;
    flex: 1;
    margin-bottom: 15px;
    width: 100%
}

.c-skeleton--oembed.is-dutyfarm .c-skeleton__item.is-last {
    margin-bottom: 0
}

.c-skeleton--oembed.is-dutyfarm .c-skeleton__solution {
    background-color: var(--oembed--skeleton-content-background);
    display: block;
    flex: 0 0 38px;
    height: 38px;
    margin-left: auto;
    margin-top: 38px;
    width: 60%
}

.c-skeleton--oembed.is-dutyfarm .c-skeleton__button {
    background-color: var(--oembed--skeleton-content-background);
    display: block;
    flex: 0 0 38px;
    height: 38px;
    margin-left: auto;
    margin-top: 38px;
    width: 40%
}

.c-skeleton--oembed.is-wordle {
    display: flex;
    flex-direction: column;
    height: 676px;
    overflow: hidden;
    padding: 20px
}

.c-skeleton--oembed.is-wordle .c-skeleton__header {
    background-color: var(--oembed--skeleton-content-background);
    display: block;
    flex: 0 0 22px;
    margin-bottom: 15px;
    width: 130px
}

.c-skeleton--oembed.is-wordle .c-skeleton__spacer {
    background-color: var(--oembed--skeleton-content-background);
    display: block;
    flex: 0 0 4px;
    margin-bottom: 20px;
    width: 100%
}

.c-skeleton--oembed.is-wordle .c-skeleton__vertical {
    background-image: url("../images/wordle-vertical.svg");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    flex: 1 1 60%;
    margin-bottom: 2%;
    width: 100%
}

.c-skeleton--oembed.is-wordle .c-skeleton__horizontal {
    align-self: center;
    background-image: url("../images/wordle-horizontal.svg");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    flex: 1 1 40%;
    width: 70%
}

.c-skeleton--oembed.is-transmatico {
    display: flex;
    flex-direction: column;
    height: 1143px;
    overflow: hidden
}

@media only screen and (min-width: 700px) {
    .c-skeleton--oembed.is-transmatico {
        height: 1080px
    }
}

@media only screen and (min-width: 798px) {
    .c-skeleton--oembed.is-transmatico {
        height: 500px
    }
}

.c-skeleton--oembed.is-transmatico .c-skeleton__header {
    background-color: var(--oembed--skeleton-content-background);
    display: block;
    flex: 0 0 30px;
    margin-bottom: 30px;
    width: 280px
}

.c-skeleton--oembed.is-transmatico .c-skeleton__container {
    flex: 1
}

.c-skeleton--oembed.is-transmatico .c-skeleton__item {
    background-color: var(--oembed--skeleton-content-background);
    height: 100%
}

.c-skeleton--oembed.is-doo-list {
    display: flex;
    flex-direction: column;
    height: 957px;
    padding: 20px
}

@media only screen and (min-width: 910px) {
    .c-skeleton--oembed.is-doo-list {
        height: 900px
    }
}

.c-skeleton--oembed.is-doo-list .c-skeleton__header {
    background-color: var(--oembed--skeleton-content-background);
    display: block;
    flex: 0 0 28px;
    height: 28px;
    margin-bottom: 48px;
    width: 75%
}

.c-skeleton--oembed.is-doo-list .c-skeleton__input-group {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 11px
}

@media only screen and (min-width: 657px) {
    .c-skeleton--oembed.is-doo-list .c-skeleton__input-group {
        grid-template-columns: repeat(4, 1fr)
    }
}

.c-skeleton--oembed.is-doo-list .c-skeleton__input {
    background-color: var(--oembed--skeleton-content-background);
    display: block;
    height: 40px
}

.c-skeleton--oembed.is-doo-list .c-skeleton__list {
    display: flex;
    flex: 1;
    flex-flow: column wrap;
    justify-content: space-between;
    margin-bottom: 100px;
    margin-top: 100px
}

.c-skeleton--oembed.is-doo-list .c-skeleton__list-item {
    background-color: var(--oembed--skeleton-content-background);
    height: 20px;
    margin-bottom: 2px;
    width: 100%
}

.c-skeleton--oembed.is-immowelt {
    display: flex;
    flex-direction: column;
    height: 1023px;
    overflow: hidden;
    padding: 16px
}

@media only screen and (min-width: 768px) {
    .c-skeleton--oembed.is-immowelt {
        height: 868px;
        padding: 30px
    }
}

.c-skeleton--oembed.is-immowelt .c-skeleton__header {
    background-color: var(--oembed--skeleton-content-background);
    display: block;
    flex: 0 0 28px;
    height: 28px;
    margin-bottom: 16px;
    width: 40%
}

@media only screen and (min-width: 768px) {
    .c-skeleton--oembed.is-immowelt .c-skeleton__header {
        margin-bottom: 30px
    }
}

.c-skeleton--oembed.is-immowelt .c-skeleton__spacer {
    background-color: var(--oembed--skeleton-content-background);
    display: block;
    flex: 0 0 2px;
    left: -16px;
    margin-bottom: 40px;
    position: relative;
    width: calc(100% + 32px)
}

@media only screen and (min-width: 768px) {
    .c-skeleton--oembed.is-immowelt .c-skeleton__spacer {
        left: -30px;
        width: calc(100% + 60px)
    }
}

.c-skeleton--oembed.is-immowelt .c-skeleton__container {
    flex: 1
}

.c-skeleton--oembed.is-immowelt .c-skeleton__item {
    background-color: var(--oembed--skeleton-content-background);
    height: 100%
}

.c-skeleton--oembed.is-immowelt .c-skeleton__text {
    background-color: var(--oembed--skeleton-content-background);
    display: inline-block;
    height: 8px;
    margin: 0 auto;
    width: 50%
}

.c-skeleton--oembed.is-newsletter {
    border: 1px solid var(--oembed--border-color);
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    margin: 20px auto;
    max-width: 620px;
    transition: all .2s ease
}

.c-skeleton--oembed.is-newsletter .c-skeleton__header-img {
    height: 110px
}

.c-skeleton--oembed.is-newsletter .c-skeleton__body {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 15px 15px 10px
}

.c-skeleton--oembed.is-newsletter .c-skeleton__title {
    background-color: var(--oembed--skeleton-content-background);
    display: block;
    height: 26px;
    margin-bottom: 10px;
    width: 150px
}

.c-skeleton--oembed.is-newsletter .c-skeleton__text {
    background-color: var(--oembed--skeleton-content-background);
    display: block;
    margin-top: 3px
}

.c-skeleton--oembed.is-newsletter .c-skeleton__button {
    background-color: var(--oembed--darker-background);
    border-radius: 3px;
    display: block;
    height: 56px;
    margin-bottom: 9px;
    margin-top: 15px;
    width: 100%
}

.c-skeleton--oembed.is-welt-go {
    background-color: #003a5a;
    display: flex;
    flex-direction: column;
    height: auto;
    justify-content: space-around;
    padding: 25px 15px 40px;
    transition: all .2s ease
}

@media only screen and (min-width: 768px) {
    .c-skeleton--oembed.is-welt-go {
        padding: 15px 15px 31px
    }
}

.c-skeleton--oembed.is-welt-go .c-skeleton__header {
    display: flex;
    flex-direction: row-reverse;
    height: 44px;
    margin-bottom: 12px
}

@media only screen and (min-width: 768px) {
    .c-skeleton--oembed.is-welt-go .c-skeleton__header {
        flex-direction: row;
        margin-bottom: 15px
    }
}

.c-skeleton--oembed.is-welt-go .is-logo-welt-plus-inverted {
    height: 22px;
    width: 54px
}

@media only screen and (min-width: 768px) {
    .c-skeleton--oembed.is-welt-go .is-logo-welt-plus-inverted {
        height: 36px
    }
}

.c-skeleton--oembed.is-welt-go .is-logo-welt-plus-inverted svg {
    height: 22px;
    width: 54px
}

.c-skeleton--oembed.is-welt-go .c-skeleton__header-desktop-title {
    display: none;
    height: 22px;
    margin-left: 15px;
    margin-right: auto;
    margin-top: 8px;
    width: 400px
}

@media only screen and (min-width: 768px) {
    .c-skeleton--oembed.is-welt-go .c-skeleton__header-desktop-title {
        display: block
    }
}

.c-skeleton--oembed.is-welt-go .c-skeleton__header-go-logo {
    background: var(--oembed--light-background);
    display: inline-block;
    height: 25px;
    margin-right: auto;
    width: 100px
}

@media only screen and (min-width: 768px) {
    .c-skeleton--oembed.is-welt-go .c-skeleton__header-go-logo {
        height: 36px;
        margin-left: auto;
        margin-right: 0;
        width: 141px
    }
}

.c-skeleton--oembed.is-welt-go .c-skeleton__header-mobile-title {
    height: 24px
}

@media only screen and (min-width: 768px) {
    .c-skeleton--oembed.is-welt-go .c-skeleton__header-mobile-title {
        display: none
    }
}

.c-skeleton--oembed.is-welt-go .c-skeleton__text-wrapper {
    margin-bottom: 17px;
    margin-top: 15px
}

@media only screen and (min-width: 768px) {
    .c-skeleton--oembed.is-welt-go .c-skeleton__text-wrapper {
        margin-bottom: 15px;
        margin-top: 0
    }
}

.c-skeleton--oembed.is-welt-go .c-skeleton__text {
    height: 13px;
    margin-bottom: 11px
}

@media only screen and (min-width: 768px) {
    .c-skeleton--oembed.is-welt-go .c-skeleton__text {
        height: 20px;
        margin-bottom: 7.5px
    }
}

.c-skeleton--oembed.is-welt-go .c-skeleton__text-mobile {
    height: 13px;
    margin-bottom: 11px
}

@media only screen and (min-width: 768px) {
    .c-skeleton--oembed.is-welt-go .c-skeleton__text-mobile {
        display: none
    }
}

.c-skeleton--oembed.is-welt-go .c-skeleton__search {
    align-items: center
}

@media only screen and (min-width: 768px) {
    .c-skeleton--oembed.is-welt-go .c-skeleton__search {
        display: flex
    }
}

.c-skeleton--oembed.is-welt-go .c-skeleton__search-bar {
    align-items: center;
    background-color: #fff;
    border: 1px solid var(--oembed--border-color);
    border-radius: 3px;
    display: flex;
    flex: 1 1 auto;
    padding: 14px 0
}

@media only screen and (min-width: 768px) {
    .c-skeleton--oembed.is-welt-go .c-skeleton__search-bar {
        margin-right: 10px
    }
}

.c-skeleton--oembed.is-welt-go .c-skeleton__search-icon {
    background: var(--oembed--dark-background);
    border-radius: 50%;
    display: block;
    height: 20px;
    margin-left: 15px;
    margin-right: 15px;
    width: 20px
}

.c-skeleton--oembed.is-welt-go .c-skeleton__search-text {
    height: 16px;
    margin-bottom: 0;
    width: 48%
}

@media only screen and (min-width: 768px) {
    .c-skeleton--oembed.is-welt-go .c-skeleton__search-text {
        width: 30%
    }
}

.c-skeleton--oembed.is-welt-go .c-skeleton__search-cta {
    background: #f18825;
    border-radius: 3px;
    height: 50px;
    margin-top: 15px;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .c-skeleton--oembed.is-welt-go .c-skeleton__search-cta {
        margin-top: 0;
        width: 90px
    }
}

.c-skeleton--oembed.is-chess-puzzle {
    border: 1px solid var(--oembed--skeleton-content-background);
    padding: 0 15px;
    transition: all .2s ease
}

.c-skeleton--oembed.is-chess-puzzle .c-skeleton__container {
    margin: 25px auto;
    max-width: 562px
}

.c-skeleton--oembed.is-chess-puzzle .c-skeleton__header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px
}

.c-skeleton--oembed.is-chess-puzzle .c-skeleton__header-hearts {
    width: 80px
}

.c-skeleton--oembed.is-chess-puzzle .is-icon-heart {
    fill: var(--oembed--skeleton-content-background);
    height: 20px;
    width: 22px
}

.c-skeleton--oembed.is-chess-puzzle .is-icon-heart svg {
    height: 20px;
    width: 22px
}

.c-skeleton--oembed.is-chess-puzzle .c-skeleton__header-title {
    display: block;
    height: 28px;
    width: 140px
}

.c-skeleton--oembed.is-chess-puzzle .c-skeleton__header-time {
    display: block;
    height: 28px;
    width: 60px
}

.c-skeleton--oembed.is-chess-puzzle .c-skeleton__board {
    aspect-ratio: 1;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: auto;
    width: 100%
}

.c-skeleton--oembed.is-chess-puzzle .c-skeleton__board span:nth-of-type(-2n+8),
.c-skeleton--oembed.is-chess-puzzle .c-skeleton__board span:nth-of-type(8)~*:nth-of-type(-2n+15),
.c-skeleton--oembed.is-chess-puzzle .c-skeleton__board span:nth-of-type(16)~*:nth-of-type(-2n+24),
.c-skeleton--oembed.is-chess-puzzle .c-skeleton__board span:nth-of-type(24)~*:nth-of-type(-2n+31),
.c-skeleton--oembed.is-chess-puzzle .c-skeleton__board span:nth-of-type(32)~*:nth-of-type(-2n+40),
.c-skeleton--oembed.is-chess-puzzle .c-skeleton__board span:nth-of-type(40)~*:nth-of-type(-2n+47),
.c-skeleton--oembed.is-chess-puzzle .c-skeleton__board span:nth-of-type(48)~*:nth-of-type(-2n+56),
.c-skeleton--oembed.is-chess-puzzle .c-skeleton__board span:nth-of-type(56)~*:nth-of-type(-2n+63) {
    background-color: var(--oembed--skeleton-content-background)
}

.c-skeleton--oembed.is-chess-puzzle .c-skeleton__cta {
    background-color: var(--oembed--skeleton-content-background);
    border-radius: 4px;
    height: 53px;
    margin-top: 10px;
    width: 100%
}

.c-skeleton--oembed.is-chess-puzzle .c-skeleton__footer {
    display: block;
    height: 12px;
    margin-top: 40px;
    width: 305px
}

.c-skeleton--oembed.is-pdb-deals {
    background: var(--oembed--background);
    border: 1px solid var(--oembed--border-color);
    display: flex;
    flex-direction: column;
    padding: 20px 26px
}

@media only screen and (min-width: 768px) {
    .c-skeleton--oembed.is-pdb-deals {
        flex-direction: row;
        gap: 10px;
        padding: 11px 10px
    }
}

.c-skeleton--oembed.is-pdb-deals .c-skeleton__media {
    align-self: center;
    background-color: var(--oembed--light-background);
    height: 195px;
    margin-bottom: 12px;
    width: 324px
}

@media only screen and (min-width: 768px) {
    .c-skeleton--oembed.is-pdb-deals .c-skeleton__media {
        flex-shrink: 0;
        height: 144px;
        margin-bottom: 0;
        width: 194px
    }
}

.c-skeleton--oembed.is-pdb-deals .c-skeleton__headline-container {
    height: 28px;
    margin-bottom: 16px;
    overflow: hidden;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .c-skeleton--oembed.is-pdb-deals .c-skeleton__headline-container {
        align-self: center;
        flex-grow: 1;
        height: 100%;
        margin: 10px
    }
}

.c-skeleton--oembed.is-pdb-deals .c-skeleton__price-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin-right: 16px;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .c-skeleton--oembed.is-pdb-deals .c-skeleton__price-container {
        flex-shrink: 0;
        gap: 8px;
        justify-content: center;
        width: 200px
    }
}

.c-skeleton--oembed.is-pdb-deals .c-skeleton__headline {
    height: 26px
}

@media only screen and (min-width: 768px) {
    .c-skeleton--oembed.is-pdb-deals .c-skeleton__headline {
        width: 90%
    }

    .c-skeleton--oembed.is-pdb-deals .c-skeleton__headline:nth-of-type(2) {
        width: 80%
    }

    .c-skeleton--oembed.is-pdb-deals .c-skeleton__headline:nth-of-type(3) {
        width: 40%
    }
}

.c-skeleton--oembed.is-pdb-deals .c-skeleton__old-price {
    height: 17px;
    width: 130px
}

@media only screen and (min-width: 768px) {
    .c-skeleton--oembed.is-pdb-deals .c-skeleton__old-price {
        display: block;
        height: 10px;
        width: 80%
    }
}

.c-skeleton--oembed.is-pdb-deals .c-skeleton__price {
    height: 30px;
    width: 150px
}

@media only screen and (min-width: 768px) {
    .c-skeleton--oembed.is-pdb-deals .c-skeleton__price {
        display: block;
        height: 16px;
        justify-content: center;
        width: 90%
    }
}

.c-skeleton--oembed.is-pdb-deals .c-skeleton__divider {
    align-items: center;
    display: flex;
    width: 100%
}

.c-skeleton--oembed.is-pdb-deals .c-skeleton__divider::before,
.c-skeleton--oembed.is-pdb-deals .c-skeleton__divider::after {
    border-top: 2px solid var(--oembed--border-color);
    content: "";
    flex: 1
}

.c-skeleton--oembed.is-pdb-deals .c-skeleton__divider-content {
    height: 14px;
    margin: 0 4px;
    width: 104px
}

.c-skeleton--oembed.is-pdb-deals .c-skeleton__cta {
    background-color: var(--oembed--dark-background);
    border-radius: 4px;
    height: 48px;
    width: 100%
}

.c-skeleton--oembed.is-pdb-product {
    background: var(--oembed--background);
    border: 1px solid var(--oembed--border-color);
    padding: 20px 18px
}

@media only screen and (min-width: 768px) {
    .c-skeleton--oembed.is-pdb-product {
        display: flex;
        padding: 23px 20px
    }
}

.c-skeleton--oembed.is-pdb-product .c-skeleton__media {
    background-color: var(--oembed--light-background);
    height: 165px;
    margin: 0 auto 30px;
    width: 345px
}

@media only screen and (min-width: 768px) {
    .c-skeleton--oembed.is-pdb-product .c-skeleton__media {
        height: 200px;
        margin: 0 30px 0 0;
        width: 209px
    }
}

@media only screen and (min-width: 768px) {
    .c-skeleton--oembed.is-pdb-product .c-skeleton__container {
        flex-grow: 1
    }
}

.c-skeleton--oembed.is-pdb-product .c-skeleton__brand {
    height: 9px;
    width: 69px
}

@media only screen and (min-width: 768px) {
    .c-skeleton--oembed.is-pdb-product .c-skeleton__brand {
        width: 100px
    }
}

.c-skeleton--oembed.is-pdb-product .c-skeleton__headline {
    height: 28px;
    margin-bottom: 16px
}

.c-skeleton--oembed.is-pdb-product .c-skeleton__bullet-container {
    margin-bottom: 30px
}

@media only screen and (min-width: 768px) {
    .c-skeleton--oembed.is-pdb-product .c-skeleton__bullet-container {
        column-count: 2
    }
}

.c-skeleton--oembed.is-pdb-product .c-skeleton__bullet {
    align-items: center;
    break-inside: avoid;
    display: flex;
    height: 16px;
    margin-bottom: 9px;
    position: relative
}

.c-skeleton--oembed.is-pdb-product .c-skeleton__bullet::before {
    background-color: var(--oembed--light-background);
    border-radius: 50%;
    content: "";
    flex-shrink: 0;
    height: 16px;
    width: 16px
}

.c-skeleton--oembed.is-pdb-product .c-skeleton__bullet::after {
    animation: skeleton-loading 1s linear infinite alternate;
    background-color: var(--oembed--light-background);
    border-radius: 4px;
    content: "";
    display: block;
    height: 100%;
    margin-left: 12px;
    width: 100%
}

.c-skeleton--oembed.is-pdb-product .c-skeleton__divider {
    align-items: center;
    display: flex;
    margin-bottom: 15px;
    margin-top: 20px;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .c-skeleton--oembed.is-pdb-product .c-skeleton__divider {
        margin-top: 20px
    }
}

.c-skeleton--oembed.is-pdb-product .c-skeleton__divider::before,
.c-skeleton--oembed.is-pdb-product .c-skeleton__divider::after {
    border-top: 2px solid var(--oembed--border-color);
    content: "";
    flex: 1
}

.c-skeleton--oembed.is-pdb-product .c-skeleton__divider-content {
    height: 14px;
    margin: 0 4px;
    width: 104px
}

.c-skeleton--oembed.is-pdb-product .c-skeleton__cta-container {
    display: flex;
    flex-direction: column;
    gap: 14px
}

@media only screen and (min-width: 768px) {
    .c-skeleton--oembed.is-pdb-product .c-skeleton__cta-container {
        display: flex;
        flex-direction: row
    }
}

.c-skeleton--oembed.is-pdb-product .c-skeleton__cta {
    background-color: var(--oembed--dark-background);
    border-radius: 4px;
    height: 48px;
    width: 100%
}

.c-skeleton--oembed.is-pdb-product .c-skeleton__cta:nth-of-type(3) {
    display: none
}

@media only screen and (min-width: 768px) {
    .c-skeleton--oembed.is-pdb-product .c-skeleton__cta:nth-of-type(3) {
        display: block
    }
}

.c-skeleton--oembed.is-pdb-inline-toplist {
    background: var(--oembed--background);
    overflow: hidden;
    padding: 15px
}

@media only screen and (min-width: 768px) {
    .c-skeleton--oembed.is-pdb-inline-toplist {
        padding: 15px 30px
    }
}

.c-skeleton--oembed.is-pdb-inline-toplist .c-skeleton__header {
    height: 28px;
    margin-bottom: 24px;
    width: 306px
}

.c-skeleton--oembed.is-pdb-inline-toplist .c-skeleton__products {
    display: flex;
    gap: 10px;
    position: relative
}

.c-skeleton--oembed.is-pdb-inline-toplist .c-skeleton__product {
    border: 1px solid var(--oembed--border-color);
    padding: 21px 10px 17px;
    position: relative
}

.c-skeleton--oembed.is-pdb-inline-toplist .c-skeleton__product::before {
    content: "";
    display: block;
    position: absolute;
    background: var(--oembed--light-background);
    border-color: var(--oembed--main-color);
    border-radius: 4px;
    border-style: solid;
    border-width: 9px 11px;
    height: 10px;
    left: 10px;
    outline: 1px solid var(--oembed--border-color);
    top: -13px;
    width: 58px
}

.c-skeleton--oembed.is-pdb-inline-toplist .c-skeleton__media {
    background-color: var(--oembed--light-background);
    height: 150px;
    margin: 0 auto 30px;
    width: 215px
}

.c-skeleton--oembed.is-pdb-inline-toplist .c-skeleton__topic {
    height: 9px;
    width: 69px
}

@media only screen and (min-width: 768px) {
    .c-skeleton--oembed.is-pdb-inline-toplist .c-skeleton__topic {
        width: 100px
    }
}

.c-skeleton--oembed.is-pdb-inline-toplist .c-skeleton__headline {
    height: 28px;
    margin-bottom: 16px
}

.c-skeleton--oembed.is-pdb-inline-toplist .c-skeleton__divider {
    align-items: center;
    display: flex;
    margin-bottom: 15px;
    margin-top: 20px;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .c-skeleton--oembed.is-pdb-inline-toplist .c-skeleton__divider {
        margin-top: 30px
    }
}

.c-skeleton--oembed.is-pdb-inline-toplist .c-skeleton__divider::before,
.c-skeleton--oembed.is-pdb-inline-toplist .c-skeleton__divider::after {
    border-top: 2px solid var(--oembed--border-color);
    content: "";
    flex: 1
}

.c-skeleton--oembed.is-pdb-inline-toplist .c-skeleton__divider-content {
    height: 14px;
    margin: 0 4px;
    width: 104px
}

.c-skeleton--oembed.is-pdb-inline-toplist .c-skeleton__cta-container {
    display: flex;
    flex-direction: column;
    gap: 14px
}

.c-skeleton--oembed.is-pdb-inline-toplist .c-skeleton__cta {
    background-color: var(--oembed--dark-background);
    border-radius: 4px;
    height: 48px;
    width: 100%
}

.c-skeleton--oembed.is-supernext {
    display: flex;
    flex-direction: column;
    height: 446px;
    padding: 20px 15px
}

@media only screen and (min-width: 768px) {
    .c-skeleton--oembed.is-supernext {
        padding: 30px
    }
}

@media only screen and (min-width: 768px) {
    .c-skeleton--oembed.is-supernext .c-skeleton__header {
        align-items: center;
        display: flex
    }
}

.c-skeleton--oembed.is-supernext .c-skeleton__headline {
    height: 26px;
    margin: auto;
    width: 306px
}

@media only screen and (min-width: 768px) {
    .c-skeleton--oembed.is-supernext .c-skeleton__headline {
        margin: 0
    }
}

.c-skeleton--oembed.is-supernext .c-skeleton__underline {
    background-color: #f18825;
    height: 1px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    width: 306px
}

@media only screen and (min-width: 768px) {
    .c-skeleton--oembed.is-supernext .c-skeleton__underline {
        flex-grow: 1;
        margin-left: 30px;
        margin-right: 30px;
        margin-top: 0;
        width: auto
    }
}

.c-skeleton--oembed.is-supernext .c-skeleton__container {
    display: flex;
    flex-grow: 1;
    gap: 12px;
    margin-top: 12px
}

@media only screen and (min-width: 768px) {
    .c-skeleton--oembed.is-supernext .c-skeleton__container {
        gap: 16px;
        margin-top: 25px
    }
}

.c-skeleton--oembed.is-supernext .c-skeleton__item {
    background-color: var(--oembed--skeleton-content-background);
    border-radius: 10px;
    width: 100%
}

@media only screen and (min-width: 0)and (max-width: 600px) {
    .c-skeleton--oembed.is-supernext .c-skeleton__item:nth-of-type(n+3) {
        display: none
    }
}

@media only screen and (min-width: 600px)and (max-width: 768px) {
    .c-skeleton--oembed.is-supernext .c-skeleton__item:nth-of-type(n+4) {
        display: none
    }
}

.c-skeleton--oembed.is-politico-newsletter {
    margin: 0 auto;
    max-width: 620px
}

.c-skeleton--oembed.is-politico-newsletter .c-skeleton__container {
    border: 1px solid var(--oembed--border-color);
    border-radius: 3px
}

.c-skeleton--oembed.is-politico-newsletter .c-skeleton__header {
    height: 128px;
    position: relative
}

.c-skeleton--oembed.is-politico-newsletter .c-skeleton__header-img {
    height: 100%;
    width: 100%
}

.c-skeleton--oembed.is-politico-newsletter .c-skeleton__badge {
    background-color: #fff;
    border-radius: 3px;
    bottom: -15px;
    font-size: 12px;
    font-weight: 800;
    left: 0;
    margin: auto;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: 0;
    width: fit-content;
    z-index: 1
}

.c-skeleton--oembed.is-politico-newsletter .c-skeleton__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 15px
}

.c-skeleton--oembed.is-politico-newsletter .c-skeleton__headline {
    background-color: var(--oembed--skeleton-content-background);
    height: 26px;
    margin-bottom: 12px
}

.c-skeleton--oembed.is-politico-newsletter .c-skeleton__text {
    background-color: var(--oembed--skeleton-content-background)
}

@media only screen and (min-width: 768px) {
    .c-skeleton--oembed.is-politico-newsletter .c-skeleton__text.is-mobile {
        display: none
    }
}

.c-skeleton--oembed.is-politico-newsletter .c-skeleton__cta {
    background-color: var(--oembed--dark-background);
    border-radius: 3px;
    height: 56px;
    width: 100%
}

@keyframes skeleton-loading {
    0% {
        background-color: var(--oembed--skeleton-content-background)
    }

    100% {
        background-color: var(--oembed--light-background)
    }
}

@keyframes skeleton-loading-opacity {
    0% {
        opacity: 1
    }

    100% {
        opacity: .6
    }
}

.c-oembed {
    background: var(--oembed--background);
    position: relative
}

.c-oembed.is-embed-shown .c-oembed__skeleton {
    max-width: 100%;
    opacity: 0;
    position: absolute;
    visibility: hidden;
    z-index: -1
}

.c-oembed.is-embed-shown .c-oembed__embed {
    visibility: visible
}

.c-oembed.is-embed-shown.has-border {
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee
}

.c-oembed.is-embed-shown .c-oembed__headline {
    color: #1d1d1d;
    padding: 20px 30px;
    text-align: center;
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 800;
    font-size: 1.5rem;
    line-height: 1.8rem
}

.c-oembed:not(.is-embed-shown) .c-oembed__embed {
    opacity: 0;
    pointer-events: none;
    position: relative;
    visibility: hidden;
    z-index: -1
}

.c-oembed.is-embed-error .c-oembed__body {
    display: none
}

.c-oembed.is-embed-error .c-oembed__skeleton {
    opacity: 0;
    position: absolute;
    visibility: hidden;
    z-index: -1
}

.c-oembed.is-embed-error .c-oembed--error {
    display: block
}

.c-oembed.is-hidden {
    display: none
}

.c-oembed.is-placeholder .c-oembed__skeleton {
    display: none
}

@media print {
    .c-oembed {
        margin: auto;
        width: 400px
    }
}

@media print {

    .c-oembed.is-podigee,
    .c-oembed.is-fallback,
    .c-oembed.is-podigee-t-t-s-playlist,
    .c-oembed.is-welt-go {
        display: none
    }
}

@media print {
    .c-oembed.is-dpa-election {
        width: 100%
    }
}

.c-oembed__switch {
    border-top: 1px solid #bcbcbc;
    padding: 15px 0;
    text-align: center
}

.c-oembed__switch.is-next-to-placeholder {
    background-color: #eee;
    border-top: none
}

.c-oembed--tts {
    margin-bottom: 30px;
    margin-top: 30px;
    position: relative
}

.c-oembed--tts.is-dark {
    border-radius: 8px;
    padding: 15px
}

@media only screen and (min-width: 910px) {
    .c-oembed--tts {
        margin-bottom: 45px
    }
}

@media print {
    .c-oembed--tts {
        display: none
    }
}

.c-oembed--error {
    background-color: #eee;
    border: 1px solid #dfdfdf;
    display: none;
    padding: 15px;
    text-align: center
}

.c-oembed--error .c-oembed__header {
    display: block;
    margin-bottom: 25px
}

.c-oembed--error .c-oembed__headline {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 800;
    font-size: 2rem;
    line-height: 2.4rem;
    color: #003a5a
}

.c-oembed--error .c-oembed__text {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.6rem;
    color: #171b2d
}

.c-oembed--error::after {
    background-image: url("../images/oembed-broken.svg");
    content: "";
    display: block;
    height: 148px;
    margin: 40px auto;
    width: 200px
}

.c-oembed--lightbox {
    overflow: auto;
    padding: 0;
    width: 100%
}

.bmpui-ui-component,
.bmpui-ui-button,
.bmpui-ui-hugeplaybacktogglebutton,
.bmpui-ui-casttogglebutton,
.bmpui-ui-fullscreentogglebutton,
.bmpui-ui-playbacktogglebutton,
.bmpui-ui-volumetogglebutton,
.bmpui-ui-vrtogglebutton,
.bmpui-ui-clickoverlay,
.bmpui-ui-label,
.bmpui-ui-playbacktimelabel,
.bmpui-ui-container,
.bmpui-ui-controlbar,
.bmpui-ui-playbacktoggle-overlay,
.bmpui-ui-uicontainer,
.bmpui-ui-titlebar,
.bmpui-ui-volumecontrolbutton,
.bmpui-ui-buffering-overlay,
.bmpui-ui-seekbar-label,
.bmpui-ui-seekbar,
.bmpui-ui-volumeslider,
.bmpui-ui-spacer {
    /*! placeholder to avoid removal of empty selector */
    outline: 0
}

.bmpui-ui-button,
.bmpui-ui-hugeplaybacktogglebutton,
.bmpui-ui-casttogglebutton,
.bmpui-ui-fullscreentogglebutton,
.bmpui-ui-playbacktogglebutton,
.bmpui-ui-volumetogglebutton,
.bmpui-ui-vrtogglebutton,
.bmpui-ui-clickoverlay {
    background-color: rgba(0, 0, 0, 0);
    background-origin: content-box;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5em;
    border: 0;
    box-sizing: content-box;
    cursor: pointer;
    font-size: 1em;
    height: 1.5em;
    min-width: 1.5em;
    padding: .25em
}

.bmpui-ui-button .bmpui-label,
.bmpui-ui-hugeplaybacktogglebutton .bmpui-label,
.bmpui-ui-casttogglebutton .bmpui-label,
.bmpui-ui-fullscreentogglebutton .bmpui-label,
.bmpui-ui-playbacktogglebutton .bmpui-label,
.bmpui-ui-volumetogglebutton .bmpui-label,
.bmpui-ui-vrtogglebutton .bmpui-label,
.bmpui-ui-clickoverlay .bmpui-label {
    color: #fff;
    display: none
}

.bmpui-disabled.bmpui-ui-button,
.bmpui-disabled.bmpui-ui-hugeplaybacktogglebutton,
.bmpui-disabled.bmpui-ui-casttogglebutton,
.bmpui-disabled.bmpui-ui-fullscreentogglebutton,
.bmpui-disabled.bmpui-ui-playbacktogglebutton,
.bmpui-disabled.bmpui-ui-volumetogglebutton,
.bmpui-disabled.bmpui-ui-vrtogglebutton,
.bmpui-disabled.bmpui-ui-clickoverlay {
    cursor: default
}

.bmpui-disabled.bmpui-ui-button,
.bmpui-disabled.bmpui-ui-hugeplaybacktogglebutton,
.bmpui-disabled.bmpui-ui-casttogglebutton,
.bmpui-disabled.bmpui-ui-fullscreentogglebutton,
.bmpui-disabled.bmpui-ui-playbacktogglebutton,
.bmpui-disabled.bmpui-ui-volumetogglebutton,
.bmpui-disabled.bmpui-ui-vrtogglebutton,
.bmpui-disabled.bmpui-ui-clickoverlay,
.bmpui-disabled.bmpui-ui-button>*,
.bmpui-disabled.bmpui-ui-hugeplaybacktogglebutton>*,
.bmpui-disabled.bmpui-ui-casttogglebutton>*,
.bmpui-disabled.bmpui-ui-fullscreentogglebutton>*,
.bmpui-disabled.bmpui-ui-playbacktogglebutton>*,
.bmpui-disabled.bmpui-ui-volumetogglebutton>*,
.bmpui-disabled.bmpui-ui-vrtogglebutton>*,
.bmpui-disabled.bmpui-ui-clickoverlay>* {
    pointer-events: none
}

.bmpui-disabled.bmpui-ui-button .bmpui-label:hover,
.bmpui-disabled.bmpui-ui-hugeplaybacktogglebutton .bmpui-label:hover,
.bmpui-disabled.bmpui-ui-casttogglebutton .bmpui-label:hover,
.bmpui-disabled.bmpui-ui-fullscreentogglebutton .bmpui-label:hover,
.bmpui-disabled.bmpui-ui-playbacktogglebutton .bmpui-label:hover,
.bmpui-disabled.bmpui-ui-volumetogglebutton .bmpui-label:hover,
.bmpui-disabled.bmpui-ui-vrtogglebutton .bmpui-label:hover,
.bmpui-disabled.bmpui-ui-clickoverlay .bmpui-label:hover {
    text-decoration: none
}

.bmpui-hidden.bmpui-ui-button,
.bmpui-hidden.bmpui-ui-hugeplaybacktogglebutton,
.bmpui-hidden.bmpui-ui-casttogglebutton,
.bmpui-hidden.bmpui-ui-fullscreentogglebutton,
.bmpui-hidden.bmpui-ui-playbacktogglebutton,
.bmpui-hidden.bmpui-ui-volumetogglebutton,
.bmpui-hidden.bmpui-ui-vrtogglebutton,
.bmpui-hidden.bmpui-ui-clickoverlay {
    display: none
}

.bmpui-ui-button:focus,
.bmpui-ui-hugeplaybacktogglebutton:focus,
.bmpui-ui-casttogglebutton:focus,
.bmpui-ui-fullscreentogglebutton:focus,
.bmpui-ui-playbacktogglebutton:focus,
.bmpui-ui-volumetogglebutton:focus,
.bmpui-ui-vrtogglebutton:focus,
.bmpui-ui-clickoverlay:focus {
    box-shadow: 0 0 0 2px rgba(27, 127, 204, .8);
    outline: none
}

.bmpui-ui-button:focus:not(.bmpui-focus-visible),
.bmpui-ui-hugeplaybacktogglebutton:focus:not(.bmpui-focus-visible),
.bmpui-ui-casttogglebutton:focus:not(.bmpui-focus-visible),
.bmpui-ui-fullscreentogglebutton:focus:not(.bmpui-focus-visible),
.bmpui-ui-playbacktogglebutton:focus:not(.bmpui-focus-visible),
.bmpui-ui-volumetogglebutton:focus:not(.bmpui-focus-visible),
.bmpui-ui-vrtogglebutton:focus:not(.bmpui-focus-visible),
.bmpui-ui-clickoverlay:focus:not(.bmpui-focus-visible) {
    box-shadow: none;
    outline: none
}

.bmpui-ui-hugeplaybacktogglebutton {
    cursor: default;
    height: 8em;
    outline: none;
    overflow: hidden;
    width: 8em
}

@keyframes fade-out {
    from {
        opacity: 1;
        visibility: visible
    }

    to {
        opacity: 0;
        transform: scale(2);
        visibility: hidden
    }
}

@keyframes fade-in {
    from {
        opacity: 0;
        transform: scale(2);
        visibility: visible
    }

    to {
        opacity: 1
    }
}

@keyframes breathe {
    30% {
        transform: scale(1.1)
    }

    60% {
        transform: scale(1)
    }
}

.bmpui-ui-hugeplaybacktogglebutton .bmpui-image {
    background-image: none;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 7em;
    height: 100%;
    width: 100%
}

.bmpui-ui-hugeplaybacktogglebutton .bmpui-image:hover {
    animation: breathe 3s ease-in-out infinite
}

.bmpui-ui-hugeplaybacktogglebutton.bmpui-on .bmpui-image {
    animation: fade-out .3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: visibility 0s .3s;
    visibility: hidden
}

.bmpui-ui-hugeplaybacktogglebutton.bmpui-off .bmpui-image {
    animation: fade-in .3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    visibility: visible
}

.bmpui-ui-hugeplaybacktogglebutton.bmpui-no-transition-animations.bmpui-on .bmpui-image,
.bmpui-ui-hugeplaybacktogglebutton.bmpui-no-transition-animations.bmpui-off .bmpui-image {
    animation: none;
    transition: none
}

.bmpui-ui-label,
.bmpui-ui-playbacktimelabel {
    cursor: default;
    white-space: nowrap
}

.bmpui-hidden.bmpui-ui-label,
.bmpui-hidden.bmpui-ui-playbacktimelabel {
    display: none
}

.bmpui-ui-casttogglebutton {
    background-image: none
}

.bmpui-ui-casttogglebutton:hover {
    filter: drop-shadow(0 0 1px #fff)
}

.bmpui-ui-casttogglebutton.bmpui-on {
    background-image: none
}

.bmpui-ui-container,
.bmpui-ui-controlbar,
.bmpui-ui-playbacktoggle-overlay,
.bmpui-ui-uicontainer,
.bmpui-ui-titlebar,
.bmpui-ui-volumecontrolbutton,
.bmpui-ui-buffering-overlay,
.bmpui-ui-seekbar-label {
    font-size: 1em
}

.bmpui-ui-controlbar {
    opacity: 1;
    transition: opacity .3s, visibility 0s;
    bottom: 0;
    position: absolute;
    width: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
    box-sizing: border-box;
    line-height: 1em;
    padding: 1em 1em .5em
}

.bmpui-ui-controlbar.bmpui-hidden {
    opacity: 0;
    transition: opacity .3s
}

.bmpui-ui-controlbar .bmpui-controlbar-top>.bmpui-container-wrapper,
.bmpui-ui-controlbar .bmpui-controlbar-bottom>.bmpui-container-wrapper {
    display: flex;
    margin: .5em 0
}

.bmpui-ui-controlbar .bmpui-controlbar-top .bmpui-ui-label {
    font-size: .9em
}

.bmpui-ui-controlbar .bmpui-controlbar-top>.bmpui-container-wrapper>* {
    margin: 0 .5em
}

.bmpui-ui-controlbar .bmpui-controlbar-bottom {
    white-space: nowrap
}

.bmpui-ui-controlbar .bmpui-controlbar-bottom>.bmpui-container-wrapper .bmpui-ui-volumeslider {
    margin: auto .5em;
    width: 5em
}

.bmpui-no-flexbox .bmpui-ui-controlbar .bmpui-controlbar-top>.bmpui-container-wrapper,
.bmpui-no-flexbox .bmpui-ui-controlbar .bmpui-controlbar-bottom>.bmpui-container-wrapper {
    border-spacing: .5em 0;
    display: table
}

.bmpui-no-flexbox .bmpui-ui-controlbar .bmpui-controlbar-top>.bmpui-container-wrapper>*,
.bmpui-no-flexbox .bmpui-ui-controlbar .bmpui-controlbar-bottom>.bmpui-container-wrapper>* {
    display: table-cell;
    vertical-align: middle
}

.bmpui-no-flexbox .bmpui-ui-controlbar .bmpui-controlbar-top>.bmpui-container-wrapper>*.bmpui-hidden,
.bmpui-no-flexbox .bmpui-ui-controlbar .bmpui-controlbar-bottom>.bmpui-container-wrapper>*.bmpui-hidden {
    display: none
}

.bmpui-no-flexbox .bmpui-ui-controlbar .bmpui-controlbar-top>.bmpui-container-wrapper .bmpui-ui-volumeslider,
.bmpui-no-flexbox .bmpui-ui-controlbar .bmpui-controlbar-bottom>.bmpui-container-wrapper .bmpui-ui-volumeslider {
    width: 10%
}

.bmpui-ui-fullscreentogglebutton {
    background-image: none
}

.bmpui-ui-fullscreentogglebutton:hover {
    filter: drop-shadow(0 0 1px #fff)
}

.bmpui-ui-fullscreentogglebutton.bmpui-on {
    background-image: none
}

.bmpui-ui-playbacktimelabel {
    text-transform: uppercase
}

.bmpui-ui-playbacktimelabel.bmpui-ui-playbacktimelabel-live {
    cursor: pointer
}

.bmpui-ui-playbacktimelabel.bmpui-ui-playbacktimelabel-live::before {
    color: #999;
    content: "●";
    padding-right: .2em
}

.bmpui-ui-playbacktimelabel.bmpui-ui-playbacktimelabel-live.bmpui-ui-playbacktimelabel-live-edge::before {
    color: red
}

.bmpui-ui-playbacktogglebutton {
    background-image: none
}

.bmpui-ui-playbacktogglebutton:hover {
    filter: drop-shadow(0 0 1px #fff)
}

.bmpui-ui-playbacktogglebutton.bmpui-on {
    background-image: none
}

.bmpui-ui-playbacktogglebutton.bmpui-on.bmpui-stoptoggle {
    background-image: none
}

.bmpui-ui-playbacktoggle-overlay .bmpui-ui-hugeplaybacktogglebutton {
    height: 100%;
    left: 0;
    margin: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.bmpui-ui-seekbar,
.bmpui-ui-volumeslider {
    cursor: pointer;
    font-size: 1em;
    height: 1em;
    position: relative;
    width: 100%
}

.bmpui-hidden.bmpui-ui-seekbar,
.bmpui-hidden.bmpui-ui-volumeslider {
    display: none
}

.bmpui-ui-seekbar:focus,
.bmpui-ui-volumeslider:focus {
    box-shadow: 0 0 0 2px rgba(27, 127, 204, .8);
    outline: none
}

.bmpui-ui-seekbar:focus:not(.bmpui-focus-visible),
.bmpui-ui-volumeslider:focus:not(.bmpui-focus-visible) {
    box-shadow: none;
    outline: none
}

.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-backdrop,
.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-backdrop,
.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-bufferlevel,
.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-bufferlevel,
.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-seekposition,
.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-seekposition,
.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-playbackposition,
.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-playbackposition,
.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-playbackposition-marker,
.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-playbackposition-marker,
.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-markers,
.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-markers,
.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-markers>.bmpui-seekbar-marker,
.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-markers>.bmpui-seekbar-marker {
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    bottom: 0;
    box-sizing: border-box;
    height: .3125em;
    left: 0;
    margin: auto;
    position: absolute;
    right: auto;
    top: 0;
    transform-origin: 0 0;
    width: 100%
}

.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-backdrop,
.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-backdrop {
    background-color: hsla(0, 0%, 100%, .2);
    margin: auto 0;
    width: 100%
}

.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-bufferlevel,
.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-bufferlevel {
    background-color: #fff;
    margin: auto 0;
    transition: .3s linear, .3s linear;
    transition-property: transform
}

.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-seekposition,
.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-seekposition {
    background-color: hsla(0, 0%, 100%, .2);
    margin: auto 0
}

.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-playbackposition,
.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-playbackposition {
    background-color: #1fabe2;
    margin: auto 0;
    transition: .1s linear, .1s linear;
    transition-property: transform
}

.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-playbackposition-marker,
.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-playbackposition-marker {
    height: .9375em;
    left: -0.46875em;
    width: .9375em;
    background-color: rgba(31, 171, 226, .5);
    border: solid #1fabe2 .1875em;
    border-radius: 50%
}

.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-markers,
.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-markers {
    height: .5625em
}

.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-markers>.bmpui-seekbar-marker,
.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-markers>.bmpui-seekbar-marker {
    background-color: #fff;
    height: 100%;
    width: 2px;
    text-align: center;
    transition-property: transform;
    transition-duration: 1s;
    transition-timing-function: linear
}

.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-markers>.bmpui-seekbar-marker>.bmpui-seekbar-marker-image,
.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-markers>.bmpui-seekbar-marker>.bmpui-seekbar-marker-image {
    position: absolute;
    height: 1.25em;
    transform: translate(-50%, calc(-100% - 0.2em))
}

.bmpui-seeking.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-bufferlevel,
.bmpui-seeking.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-bufferlevel,
.bmpui-seeking.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-playbackposition,
.bmpui-seeking.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-playbackposition {
    transition: none
}

.bmpui-vertical.bmpui-ui-seekbar .bmpui-seekbar,
.bmpui-vertical.bmpui-ui-volumeslider .bmpui-seekbar {
    height: 100%;
    width: auto
}

.bmpui-vertical.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-backdrop,
.bmpui-vertical.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-backdrop,
.bmpui-vertical.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-bufferlevel,
.bmpui-vertical.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-bufferlevel,
.bmpui-vertical.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-seekposition,
.bmpui-vertical.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-seekposition,
.bmpui-vertical.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-playbackposition,
.bmpui-vertical.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-playbackposition {
    right: 0;
    top: auto
}

.bmpui-vertical.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-playbackposition .bmpui-seekbar-playbackposition-marker,
.bmpui-vertical.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-playbackposition .bmpui-seekbar-playbackposition-marker {
    height: 1em;
    top: -0.5em;
    width: 100%
}

.bmpui-vertical.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-backdrop,
.bmpui-vertical.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-backdrop {
    height: 100%;
    margin: 0 auto;
    width: auto
}

.bmpui-vertical.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-bufferlevel,
.bmpui-vertical.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-bufferlevel {
    margin: 0 auto
}

.bmpui-vertical.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-seekposition,
.bmpui-vertical.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-seekposition {
    margin: 0 auto
}

.bmpui-ui-spacer {
    height: 100%;
    width: 100%
}

.bmpui-ui-uicontainer {
    height: 100%;
    left: 0;
    margin: 0;
    position: absolute;
    top: 0;
    width: 100%;
    font-size: 1em;
    overflow: hidden;
    pointer-events: none
}

.bmpui-ui-uicontainer * {
    pointer-events: auto
}

.bmpui-ui-uicontainer.bmpui-hidden {
    display: none
}

.bmpui-ui-uicontainer.bmpui-player-state-playing.bmpui-controls-hidden * {
    cursor: none
}

.bmpui-ui-uicontainer.bmpui-controls-shown .bmpui-ui-hugeplaybacktogglebutton:focus {
    box-shadow: inset -4px -3px 2px 9px #1b7fcc
}

.bmpui-ui-uicontainer.bmpui-controls-shown .bmpui-ui-hugeplaybacktogglebutton:focus:not(.bmpui-focus-visible) {
    box-shadow: none
}

.bmpui-ui-uicontainer.bmpui-no-flexbox {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=")
}

.bmpui-ui-uicontainer.bmpui-no-flexbox.bmpui-fullscreen {
    left: 0;
    position: fixed;
    top: 0;
    z-index: 999999
}

.bmpui-ui-titlebar {
    opacity: 1;
    transition: opacity .3s, visibility 0s;
    position: absolute;
    top: 0;
    width: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
    box-sizing: border-box;
    padding: .5em 1em 1em;
    pointer-events: none
}

.bmpui-ui-titlebar.bmpui-hidden {
    opacity: 0;
    transition: opacity .3s
}

.bmpui-ui-titlebar>.bmpui-container-wrapper {
    padding: .5em;
    pointer-events: none
}

.bmpui-ui-titlebar>.bmpui-container-wrapper .bmpui-label-metadata {
    pointer-events: none
}

.bmpui-ui-titlebar>.bmpui-container-wrapper .bmpui-label-metadata-title {
    cursor: default;
    display: block;
    font-size: 1.2em;
    text-shadow: 0 0 5px #000;
    white-space: normal
}

.bmpui-ui-titlebar>.bmpui-container-wrapper .bmpui-label-metadata-description {
    color: #e6e6e6;
    cursor: default;
    display: block;
    text-shadow: 0 0 5px #000;
    white-space: normal
}

.bmpui-ui-volumecontrolbutton {
    line-height: 0;
    position: relative
}

.bmpui-ui-volumecontrolbutton .bmpui-ui-volumeslider {
    background-color: #111;
    bottom: 100%;
    height: 6em;
    position: absolute;
    width: 1.5em
}

.bmpui-ui-volumecontrolbutton .bmpui-ui-volumeslider {
    max-height: 6em;
    transition: max-height .15s ease-in
}

.bmpui-ui-volumecontrolbutton .bmpui-ui-volumeslider.bmpui-hidden {
    max-height: 0;
    transition: max-height .15s ease-out
}

.bmpui-ui-volumecontrolbutton .bmpui-ui-volumeslider .bmpui-seekbar {
    bottom: .5em;
    height: auto;
    left: .3em;
    overflow: hidden;
    position: absolute;
    right: .3em;
    top: .5em;
    width: auto
}

.bmpui-ui-seekbar,
.bmpui-ui-volumeslider {
    cursor: pointer;
    font-size: 1em;
    height: 1em;
    position: relative;
    width: 100%
}

.bmpui-hidden.bmpui-ui-seekbar,
.bmpui-hidden.bmpui-ui-volumeslider {
    display: none
}

.bmpui-ui-seekbar:focus,
.bmpui-ui-volumeslider:focus {
    box-shadow: 0 0 0 2px rgba(27, 127, 204, .8);
    outline: none
}

.bmpui-ui-seekbar:focus:not(.bmpui-focus-visible),
.bmpui-ui-volumeslider:focus:not(.bmpui-focus-visible) {
    box-shadow: none;
    outline: none
}

.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-backdrop,
.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-backdrop,
.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-bufferlevel,
.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-bufferlevel,
.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-seekposition,
.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-seekposition,
.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-playbackposition,
.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-playbackposition,
.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-playbackposition-marker,
.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-playbackposition-marker,
.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-markers,
.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-markers,
.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-markers>.bmpui-seekbar-marker,
.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-markers>.bmpui-seekbar-marker {
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    bottom: 0;
    box-sizing: border-box;
    height: .3125em;
    left: 0;
    margin: auto;
    position: absolute;
    right: auto;
    top: 0;
    transform-origin: 0 0;
    width: 100%
}

.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-backdrop,
.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-backdrop {
    background-color: hsla(0, 0%, 100%, .2);
    margin: auto 0;
    width: 100%
}

.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-bufferlevel,
.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-bufferlevel {
    background-color: #fff;
    margin: auto 0;
    transition: .3s linear, .3s linear;
    transition-property: transform
}

.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-seekposition,
.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-seekposition {
    background-color: hsla(0, 0%, 100%, .2);
    margin: auto 0
}

.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-playbackposition,
.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-playbackposition {
    background-color: #1fabe2;
    margin: auto 0;
    transition: .1s linear, .1s linear;
    transition-property: transform
}

.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-playbackposition-marker,
.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-playbackposition-marker {
    height: .9375em;
    left: -0.46875em;
    width: .9375em;
    background-color: rgba(31, 171, 226, .5);
    border: solid #1fabe2 .1875em;
    border-radius: 50%
}

.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-markers,
.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-markers {
    height: .5625em
}

.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-markers>.bmpui-seekbar-marker,
.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-markers>.bmpui-seekbar-marker {
    background-color: #fff;
    height: 100%;
    width: 2px;
    text-align: center;
    transition-property: transform;
    transition-duration: 1s;
    transition-timing-function: linear
}

.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-markers>.bmpui-seekbar-marker>.bmpui-seekbar-marker-image,
.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-markers>.bmpui-seekbar-marker>.bmpui-seekbar-marker-image {
    position: absolute;
    height: 1.25em;
    transform: translate(-50%, calc(-100% - 0.2em))
}

.bmpui-seeking.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-bufferlevel,
.bmpui-seeking.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-bufferlevel,
.bmpui-seeking.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-playbackposition,
.bmpui-seeking.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-playbackposition {
    transition: none
}

.bmpui-vertical.bmpui-ui-seekbar .bmpui-seekbar,
.bmpui-vertical.bmpui-ui-volumeslider .bmpui-seekbar {
    height: 100%;
    width: auto
}

.bmpui-vertical.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-backdrop,
.bmpui-vertical.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-backdrop,
.bmpui-vertical.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-bufferlevel,
.bmpui-vertical.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-bufferlevel,
.bmpui-vertical.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-seekposition,
.bmpui-vertical.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-seekposition,
.bmpui-vertical.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-playbackposition,
.bmpui-vertical.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-playbackposition {
    right: 0;
    top: auto
}

.bmpui-vertical.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-playbackposition .bmpui-seekbar-playbackposition-marker,
.bmpui-vertical.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-playbackposition .bmpui-seekbar-playbackposition-marker {
    height: 1em;
    top: -0.5em;
    width: 100%
}

.bmpui-vertical.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-backdrop,
.bmpui-vertical.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-backdrop {
    height: 100%;
    margin: 0 auto;
    width: auto
}

.bmpui-vertical.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-bufferlevel,
.bmpui-vertical.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-bufferlevel {
    margin: 0 auto
}

.bmpui-vertical.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-seekposition,
.bmpui-vertical.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-seekposition {
    margin: 0 auto
}

.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-playbackposition-marker {
    height: .6875em;
    left: -0.34375em;
    width: .6875em;
    background-color: #1fabe2;
    border: 0
}

.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-bufferlevel {
    display: none
}

.bmpui-ui-volumetogglebutton:hover {
    filter: drop-shadow(0 0 1px #fff)
}

.bmpui-ui-volumetogglebutton.bmpui-muted {
    background-image: none
}

.bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens="0"] {
    background-image: none
}

.bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens="1"],
.bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens="2"],
.bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens="3"],
.bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens="4"],
.bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens="5"] {
    background-image: none
}

.bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens="6"],
.bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens="7"],
.bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens="8"],
.bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens="9"],
.bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens="10"] {
    background-image: none
}

.bmpui-ui-vrtogglebutton {
    background-image: none
}

.bmpui-ui-vrtogglebutton:hover {
    filter: drop-shadow(0 0 1px #fff)
}

.bmpui-ui-vrtogglebutton.bmpui-on {
    background-image: none
}

.bmpui-ui-clickoverlay {
    height: 100%;
    left: 0;
    margin: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.bmpui-ui-buffering-overlay {
    display: table
}

.bmpui-ui-buffering-overlay>.bmpui-container-wrapper {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.bmpui-ui-buffering-overlay {
    height: 100%;
    left: 0;
    margin: 0;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 1;
    transition: opacity .6s, visibility 0s;
    visibility: visible;
    background-color: rgba(8, 43, 57, .7)
}

.bmpui-ui-buffering-overlay.bmpui-hidden {
    opacity: 0;
    transition: opacity .6s, visibility .6s;
    visibility: hidden
}

.bmpui-ui-buffering-overlay>.bmpui-container-wrapper {
    padding: 3em
}

.bmpui-ui-buffering-overlay a {
    color: #fff
}

.bmpui-ui-buffering-overlay a:hover,
.bmpui-ui-buffering-overlay a:visited {
    color: #fff
}

.bmpui-ui-buffering-overlay .bmpui-ui-buffering-overlay-indicator {
    animation: fancy 2s ease-in infinite;
    background: none no-repeat center;
    display: inline-block;
    height: 2em;
    margin: .2em;
    width: 2em
}

@keyframes fancy {
    0% {
        opacity: 0;
        transform: scale(1)
    }

    20% {
        opacity: 1
    }

    30% {
        opacity: 1
    }

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

    100% {
        opacity: 0;
        transform: scale(3)
    }
}

.bmpui-ui-buffering-overlay .bmpui-ui-buffering-overlay-indicator:nth-child(1) {
    animation-delay: 0s
}

.bmpui-ui-buffering-overlay .bmpui-ui-buffering-overlay-indicator:nth-child(2) {
    animation-delay: .2s
}

.bmpui-ui-buffering-overlay .bmpui-ui-buffering-overlay-indicator:nth-child(3) {
    animation-delay: .4s
}

.bmpui-ui-buffering-overlay.bmpui-hidden .bmpui-ui-buffering-overlay-indicator {
    display: none
}

.bmpui-ui-seekbar-label {
    opacity: 1;
    transition: opacity .3s, visibility 0s;
    visibility: visible;
    bottom: 100%;
    left: 0;
    margin-bottom: 1em;
    pointer-events: none;
    position: absolute;
    text-align: center
}

.bmpui-ui-seekbar-label.bmpui-hidden {
    opacity: 0;
    transition: opacity .3s, visibility .3s;
    visibility: hidden
}

.bmpui-ui-seekbar-label>.bmpui-container-wrapper {
    margin-left: -50%;
    margin-right: 50%;
    position: relative
}

.bmpui-ui-seekbar-label .bmpui-seekbar-label-inner {
    border-bottom: .2em solid #fff
}

.bmpui-ui-seekbar-label .bmpui-seekbar-label-inner::after {
    border: solid rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0);
    border-top-color: #fff;
    border-width: .5em;
    content: " ";
    height: 0;
    left: 50%;
    margin-left: -0.5em;
    pointer-events: none;
    position: absolute;
    top: 100%;
    width: 0
}

.bmpui-ui-seekbar-label .bmpui-seekbar-label-inner>.bmpui-container-wrapper {
    position: relative
}

.bmpui-ui-seekbar-label .bmpui-seekbar-label-inner>.bmpui-container-wrapper .bmpui-seekbar-thumbnail {
    width: 6em
}

.bmpui-ui-seekbar-label .bmpui-seekbar-label-inner>.bmpui-container-wrapper .bmpui-seekbar-label-metadata {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
    bottom: 0;
    box-sizing: border-box;
    display: block;
    padding: .5em;
    position: absolute;
    width: 100%
}

.bmpui-ui-seekbar-label .bmpui-seekbar-label-inner>.bmpui-container-wrapper .bmpui-seekbar-label-metadata .bmpui-seekbar-label-time {
    display: block;
    line-height: .8em
}

.bmpui-ui-seekbar-label .bmpui-seekbar-label-inner>.bmpui-container-wrapper .bmpui-seekbar-label-metadata .bmpui-seekbar-label-title {
    display: block;
    margin-bottom: .3em;
    white-space: normal
}

.bmpui-ui-uicontainer {
    font-family: "Helvetica Neue", helvetica, arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    container-type: inline-size
}

.ffmark-400-normal .bmpui-ui-uicontainer {
    font-family: ffmark, "Helvetica Neue", helvetica, arial, sans-serif
}

.bmpui-ui-uicontainer *:focus {
    outline: none
}

.bmpui-ui-uicontainer *:hover {
    filter: none
}

.bmpui-ui-controlbar .bmpui-controlbar-top,
.bmpui-ui-titlebar {
    padding: 18px
}

.bmpui-ui-controlbar .bmpui-controlbar-top>.bmpui-container-wrapper,
.bmpui-ui-titlebar>.bmpui-container-wrapper {
    align-items: center;
    margin: 0;
    padding: 0
}

.bmpui-ui-controlbar .bmpui-controlbar-top>.bmpui-container-wrapper>*,
.bmpui-ui-titlebar>.bmpui-container-wrapper>* {
    margin: 0
}

.bmpui-ui-controlbar .bmpui-controlbar-top>.bmpui-container-wrapper>*+*,
.bmpui-ui-titlebar>.bmpui-container-wrapper>*+* {
    margin-left: 8px
}

.bmpui-ui-controlbar .bmpui-controlbar-top>.bmpui-container-wrapper .bmpui-ui-seekbar,
.bmpui-ui-titlebar>.bmpui-container-wrapper .bmpui-ui-seekbar {
    margin-right: 8px
}

.bmpui-ui-controlbar {
    padding: 0
}

.bmpui-ui-controlbar .bmpui-controlbar-top {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.01) 0%, black 100%)
}

@container (max-width: 299px) {
    .bmpui-ui-controlbar .bmpui-controlbar-top .bmpui-ui-playbacktimelabel {
        display: none
    }
}

@container (max-width: 399px) {
    .bmpui-ui-controlbar .bmpui-controlbar-top {
        padding: 10px
    }

    .bmpui-ui-controlbar .bmpui-controlbar-top .bmpui-ui-spacer {
        margin-left: 2px
    }
}

.bmpui-ui-titlebar {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.01) 0%, black 100%)
}

.bmpui-ui-titlebar>.bmpui-container-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-end
}

.bmpui-ui-playbacktimelabel {
    display: block;
    box-sizing: border-box;
    min-width: auto !important;
    font-size: 14px;
    line-height: 18px
}

.bmpui-ui-playbacktogglebutton,
.bmpui-ui-fullscreentogglebutton,
.bmpui-ui-volumetogglebutton,
.bmpui-ui-vrtogglebutton,
.bmpui-ui-casttogglebutton {
    display: block;
    min-width: 24px;
    min-height: 24px;
    padding: 0;
    background-size: auto 16px
}

.bmpui-ui-hugeplaybacktogglebutton {
    padding: 0;
    cursor: pointer
}

.bmpui-ui-hugeplaybacktogglebutton .bmpui-image {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOCAzNkMyNy45NDExIDM2IDM2IDI3Ljk0MTEgMzYgMThDMzYgOC4wNTg4NyAyNy45NDExIDAgMTggMEM4LjA1ODg3IDAgMCA4LjA1ODg3IDAgMThDMCAyNy45NDExIDguMDU4ODcgMzYgMTggMzZaIiBmaWxsPSIjRjE4ODI1Ii8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjUuMTMzMyAxOS4zNzg0QzI1LjY0NTcgMTkuMDU4IDI1Ljg1OTIgMTguNjA5NCAyNS44NTkyIDE4LjE2MDhDMjUuODU5MiAxNy43MTIyIDI1LjY0NTcgMTcuMjYzNyAyNS4xMzMzIDE2Ljk0MzNMMTUuODI1MSAxMS4yNEMxNS41NDc2IDExLjA2OTEgMTUuMjkxNCAxMS4wMDUgMTUuMDU2NSAxMS4wMDVDMTQuMzA5MyAxMS4wMDUgMTMuNjkwMiAxMS41MzkgMTMuNjkwMiAxMi4zOTM0VjIzLjkyODJDMTMuNjkwMiAyNC43ODI2IDE0LjMwOTMgMjUuMzE2NiAxNS4wNTY1IDI1LjMxNjZDMTUuMjkxNCAyNS4zMTY2IDE1LjU0NzYgMjUuMjUyNSAxNS44MjUxIDI1LjA4MTdMMjUuMTMzMyAxOS4zNzg0Wk0yNC4zOTE0IDE4LjEwMTJMMTUuMjExMyAyMy42NzY0VjEyLjUyNjFMMjQuMzkxNCAxOC4xMDEyWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");
    background-size: 72px
}

.bmpui-ui-hugeplaybacktogglebutton:focus {
    box-shadow: none !important
}

.bmpui-ui-playbacktogglebutton {
    margin-left: 0
}

.bmpui-ui-playbacktogglebutton.bmpui-off {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxMyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjQxMTMgOS4wMTU4N0MxMi44NTI4IDguNzM2NTEgMTMgOC4zODA5NSAxMyA4QzEzIDcuNjE5MDUgMTIuODUyOCA3LjI2MzQ5IDEyLjQxMTMgNi45ODQxM0wxLjcxNjk4IDAuMjAzMTc1QzEuNDk2MjMgMC4wNzYxOTA1IDEuMjc1NDcgMCAxLjA3OTI1IDBDMC40OTA1NjYgMCAwIDAuNDMxNzQ2IDAgMS4xNDI4NlYxNC44NTcxQzAgMTUuNTY4MyAwLjQ5MDU2NiAxNiAxLjA3OTI1IDE2QzEuMjc1NDcgMTYgMS40OTYyMyAxNS45MjM4IDEuNzE2OTggMTUuNzk2OEwxMi40MTEzIDkuMDE1ODdaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K")
}

.bmpui-ui-playbacktogglebutton.bmpui-on {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxMiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjI1IDE0Ljg1NzFDMy4yNSAxNS40OTIxIDIuNzUgMTYgMi4xMjUgMTZIMS4xMjVDMC41IDE2IDAgMTUuNDkyMSAwIDE0Ljg1NzFWMS4xNDI4NkMwIDAuNTA3OTM3IDAuNSAwIDEuMTI1IDBIMi4xMjVDMi43NSAwIDMuMjUgMC41MDc5MzcgMy4yNSAxLjE0Mjg2VjE0Ljg1NzFaTTEyIDE0Ljg1NzFDMTIgMTUuNDkyMSAxMS41IDE2IDEwLjg3NSAxNkg5Ljg3NUM5LjI1IDE2IDguNzUgMTUuNDkyMSA4Ljc1IDE0Ljg1NzFWMS4xNDI4NkM4Ljc1IDAuNTA3OTM3IDkuMjUgMCA5Ljg3NSAwSDEwLjg3NUMxMS41IDAgMTIgMC41MDc5MzcgMTIgMS4xNDI4NlYxNC44NTcxWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==") !important
}

.bmpui-ui-fullscreentogglebutton.bmpui-off,
.bmpui-ui-fullscreentogglebutton.bmpui-on {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOS4yNjY1IDcuMzY2MjVDMTguODQ1NSA3LjM2NjI1IDE4LjUzNjggNy4xOTgxMiAxOC4yMjgxIDYuODg5ODlMMTYuNzQwNiA1LjQwNDc2TDEyLjUzMDcgOS42MDc5NUwxMS4xMjc0IDguMjA2ODlMMTUuMzM3MyA0LjAwMzdMMTMuODQ5OCAyLjUxODU3QzEzLjU2OTEgMi4yMzgzNiAxMy4zNzI3IDEuOTAyMSAxMy4zNzI3IDEuNDgxNzhDMTMuMzcyNyAwLjc4MTI1MSAxMy45MzQgMC4yMjA4MjUgMTQuNjM1NyAwLjIyMDgyNUgxOS4yNjY1QzE5Ljk2ODIgMC4yMjA4MjUgMjAuNTI5NSAwLjc4MTI1MSAyMC41Mjk1IDEuNDgxNzhWNi4xMDUyOUMyMC41Mjk1IDYuODA1ODMgMTkuOTQwMSA3LjM2NjI1IDE5LjI2NjUgNy4zNjYyNVpNOS43MjQxMiA4LjIwNjkyTDguMzIwODIgOS42MDc5OEw0LjExMDkzIDUuNDA0NzlMMi42MjM0MyA2Ljg4OTkyQzIuMzE0NzEgNy4xOTgxNSAyLjAwNTk4IDcuMzY2MjggMS41ODQ5OSA3LjM2NjI4QzAuOTExNDA3IDcuMzY2MjggMC4zMjIwMjEgNi44MDU4NSAwLjMyMjAyMSA2LjEwNTMyVjEuNDgxODFDMC4zMjIwMjEgMC43ODEyNzggMC44ODMzNDEgMC4yMjA4NTIgMS41ODQ5OSAwLjIyMDg1Mkg2LjIxNTg3QzYuOTE3NTIgMC4yMjA4NTIgNy40Nzg4NCAwLjc4MTI3OCA3LjQ3ODg0IDEuNDgxODFDNy40Nzg4NCAxLjkwMjEzIDcuMjgyMzggMi4yMzgzOCA3LjAwMTcyIDIuNTE4Nkw1LjUxNDIzIDQuMDAzNzJMOS43MjQxMiA4LjIwNjkyWk0xMi41MzA3IDExLjAwOUwxMS4xMjc0IDEyLjQxMDFMMTUuMzM3MyAxNi42MTMzTDEzLjg0OTggMTguMDk4NEMxMy41NjkxIDE4LjM3ODYgMTMuMzcyNyAxOC43MTQ5IDEzLjM3MjcgMTkuMTM1MkMxMy4zNzI3IDE5LjgzNTcgMTMuOTM0IDIwLjM5NjIgMTQuNjM1NyAyMC4zOTYySDE5LjI2NjVDMTkuOTY4MiAyMC4zOTYyIDIwLjUyOTUgMTkuODM1NyAyMC41Mjk1IDE5LjEzNTJWMTQuNTExN0MyMC41Mjk1IDEzLjgxMTIgMTkuOTQwMSAxMy4yNTA3IDE5LjI2NjUgMTMuMjUwN0MxOC44NDU1IDEzLjI1MDcgMTguNTM2OCAxMy40MTg5IDE4LjIyODEgMTMuNzI3MUwxNi43NDA2IDE1LjIxMjJMMTIuNTMwNyAxMS4wMDlaTTEuNTg0OTkgMTMuMjUwN0MyLjAwNTk4IDEzLjI1MDcgMi4zMTQ3MSAxMy40MTg5IDIuNjIzNDMgMTMuNzI3MUw0LjExMDkzIDE1LjIxMjJMOC4zMjA4MiAxMS4wMDlMOS43MjQxMiAxMi40MTAxTDUuNTE0MjMgMTYuNjEzM0w3LjAwMTcyIDE4LjA5ODRDNy4yODIzOCAxOC4zNzg2IDcuNDc4ODQgMTguNzE0OSA3LjQ3ODg0IDE5LjEzNTJDNy40Nzg4NCAxOS44MzU3IDYuOTE3NTIgMjAuMzk2MiA2LjIxNTg3IDIwLjM5NjJIMS41ODQ5OUMwLjg4MzM0MSAyMC4zOTYyIDAuMzIyMDIxIDE5LjgzNTcgMC4zMjIwMjEgMTkuMTM1MlYxNC41MTE3QzAuMzIyMDIxIDEzLjgxMTIgMC45MTE0MDcgMTMuMjUwNyAxLjU4NDk5IDEzLjI1MDdaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K")
}

.bmpui-ui-volumetogglebutton.bmpui-muted[data-bmpui-volume-level-tens="0"] {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxOSAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjgwNjQ1IDEwLjg2MTNDOC44MDY0NSAxMS42MTYxIDguNDA4MDYgMTEuOTUxNiA3Ljg0MTkzIDExLjk1MTZDNy42MTEyOSAxMS45NTE2IDcuMzM4NzEgMTEuODY3NyA3LjEwODA2IDExLjY3OUwzLjYyNzQyIDguODA2NDVIMS4zNjI5QzAuNjA4MDY0IDguODA2NDUgMCA4LjE3NzQyIDAgNy40NDM1NVY0LjUwODA2QzAgMy43NTMyMyAwLjYwODA2NCAzLjE0NTE2IDEuMzYyOSAzLjE0NTE2SDMuNjI3NDJMNy4xMDgwNiAwLjI3MjU4MUM3LjMzODcxIDAuMDgzODcxIDcuNjExMjkgMCA3Ljg0MTkzIDBDOC40MDgwNiAwIDguODA2NDUgMC4zMzU0ODQgOC44MDY0NSAxLjA5MDMyVjEwLjg2MTNaTTEzLjM2ODQgNS45NTQwMUwxMC40NDIxIDMuMDI3N0wxMS40OTQ3IDEuOTc1MDdMMTQuNDIxIDQuOTAxMzhMMTcuMzQ3MyAxLjk3NTA3TDE4LjQgMy4wMjc3TDE1LjQ3MzcgNS45NTQwMUwxOC40IDguODgwMzNMMTcuMzQ3MyA5LjkzMjk2TDE0LjQyMSA3LjAwNjY1TDExLjQ5NDcgOS45MzI5NkwxMC40NDIxIDguODgwMzNMMTMuMzY4NCA1Ljk1NDAxWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==")
}

.bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens="1"],
.bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens="2"],
.bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens="3"],
.bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens="4"],
.bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens="5"] {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgc3R5bGU9Imlzb2xhdGlvbjppc29sYXRlIiB2aWV3Qm94PSIwIDAgMjAgMTYiIHdpZHRoPSIyMCIgaGVpZ2h0PSIxNiI+PGRlZnM+PGNsaXBQYXRoIGlkPSJfY2xpcFBhdGhfNWlQQ2pIS1lhMTU4dEg5SXE3VjVwczdVN2FubUJsS2QiPjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIxNiIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNfY2xpcFBhdGhfNWlQQ2pIS1lhMTU4dEg5SXE3VjVwczdVN2FubUJsS2QpIj48cGF0aCBkPSIgTSA5LjY1MiAxNS4zNTUgQyAxMC4zNDggMTUuMzU1IDEwLjgzOSAxNC45NDIgMTAuODM5IDE0LjAxMyBMIDEwLjgzOSAxLjk4NyBDIDEwLjgzOSAxLjA1OCAxMC4zNDggMC42NDUgOS42NTIgMC42NDUgQyA5LjM2OCAwLjY0NSA5LjAzMiAwLjc0OCA4Ljc0OCAwLjk4MSBMIDQuNDY1IDQuNTE2IEwgMS42NzcgNC41MTYgQyAwLjc0OCA0LjUxNiAwIDUuMjY1IDAgNi4xOTQgTCAwIDkuODA2IEMgMCAxMC43MSAwLjc0OCAxMS40ODQgMS42NzcgMTEuNDg0IEwgNC40NjUgMTEuNDg0IEwgOC43NDggMTUuMDE5IEMgOS4wMzIgMTUuMjUyIDkuMzY4IDE1LjM1NSA5LjY1MiAxNS4zNTUgWiAiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0icmdiKDI1NSwyNTUsMjU1KSIvPjxwYXRoIGQ9IiBNIDE2IDggQyAxNiA5LjkzNSAxNS4yNTIgMTEuOTQ4IDEzLjk4NyAxMy43NTUgTCAxMi41NjggMTIuNjk3IEMgMTMuNTc0IDExLjI1MiAxNC4xOTQgOS42MjYgMTQuMTk0IDggQyAxNC4xOTQgNi4zNzQgMTMuNTc0IDQuNzQ4IDEyLjU2OCAzLjMwMyBMIDEzLjk4NyAyLjI0NSBDIDE1LjI1MiA0LjA1MiAxNiA2LjA2NCAxNiA4IFogIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9InJnYigyNTUsMjU1LDI1NSkiLz48L2c+PC9zdmc+")
}

.bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens="6"],
.bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens="7"],
.bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens="8"],
.bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens="9"],
.bmpui-ui-volumetogglebutton.bmpui-unmuted[data-bmpui-volume-level-tens="10"] {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyMCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNy4xNjEzIDE2QzE4Ljg2NDUgMTMuNTc0MiAxOS44NzEgMTAuNzYxMyAxOS44NzEgOEMxOS44NzEgNS4xODcxIDE4Ljg5MDMgMi40MjU4MSAxNy4xNjEzIDBMMTUuNzE2MSAxLjA4Mzg3QzE3LjIxMjkgMy4xNzQxOSAxOC4wNjQ1IDUuNTc0MTkgMTguMDY0NSA4QzE4LjA2NDUgMTAuNDUxNiAxNy4xODcxIDEyLjg3NzQgMTUuNzQxOSAxNC45NDE5TDE3LjE2MTMgMTZaTTkuNjUxNjEgMTUuMzU0OUMxMC4zNDg0IDE1LjM1NDkgMTAuODM4NyAxNC45NDIgMTAuODM4NyAxNC4wMTI5VjEuOTg3MTJDMTAuODM4NyAxLjA1ODA5IDEwLjM0ODQgMC42NDUxODUgOS42NTE2MSAwLjY0NTE4NUM5LjM2Nzc0IDAuNjQ1MTg1IDkuMDMyMjYgMC43NDg0MTEgOC43NDgzOSAwLjk4MDY2OUw0LjQ2NDUyIDQuNTE2MTVIMS42Nzc0MkMwLjc0ODM4NyA0LjUxNjE1IDAgNS4yNjQ1NCAwIDYuMTkzNTdWOS44MDY0OEMwIDEwLjcwOTcgMC43NDgzODcgMTEuNDgzOSAxLjY3NzQyIDExLjQ4MzlINC40NjQ1Mkw4Ljc0ODM5IDE1LjAxOTRDOS4wMzIyNiAxNS4yNTE2IDkuMzY3NzQgMTUuMzU0OSA5LjY1MTYxIDE1LjM1NDlaTTE2LjAwMDEgNy45OTk5NkMxNi4wMDAxIDkuOTM1NDUgMTUuMjUxNyAxMS45NDg0IDEzLjk4NzIgMTMuNzU0OEwxMi41Njc5IDEyLjY5NjdDMTMuNTc0MyAxMS4yNTE2IDE0LjE5MzcgOS42MjU3NyAxNC4xOTM3IDcuOTk5OTZDMTQuMTkzNyA2LjM3NDE2IDEzLjU3NDMgNC43NDgzNSAxMi41Njc5IDMuMzAzMTlMMTMuOTg3MiAyLjI0NTEyQzE1LjI1MTcgNC4wNTE1OCAxNi4wMDAxIDYuMDY0NDggMTYuMDAwMSA3Ljk5OTk2WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==")
}

.bmpui-ui-vrtogglebutton {
    background-size: 24px 24px
}

.bmpui-ui-vrtogglebutton.bmpui-on {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjk2MDE0NiA3LjIwNjk0QzAuOTYwMTU0IDYuMjc0OTQgMS43MTAyOCA1LjUyNDkgMi42NDIzNyA1LjUyNDlMMjEuMzU3NyA1LjUyNDkzQzIyLjI4OTggNS41MjQ5MyAyMy4wNCA2LjI3NDk4IDIzLjA0IDcuMjA3TDIzLjAzOTggMTYuNzg5NEMyMy4wMzk4IDE3LjcyMTQgMjIuMjg5NyAxOC40NzE0IDIxLjM1NzYgMTguNDcxNEwxNC4zMzM4IDE4LjQ3MTRMMTQuMzMzIDE4LjQ3MDFIMTQuMzAwM0wxMi4xNzAyIDE0Ljk5NzFDMTIuMDkyMSAxNC44Njk5IDExLjkwNzQgMTQuODY5OCAxMS44MjkzIDE0Ljk5N0wxMC4xNTI2IDE3LjcyNjdMOS42OTY3MiAxOC40NzE0TDIuNjQyMTkgMTguNDcxNEMxLjcxMDA5IDE4LjQ3MTQgMC45NTk5NjEgMTcuNzIxMyAwLjk1OTk2MSAxNi43ODkzTDAuOTYwMTQ2IDcuMjA2OTRaTTcuMDA5ODkgMTQuNzEwMkM4LjY1NjE0IDE0LjcxMDIgOS45OTA2OSAxMy4zNzU2IDkuOTkwNjkgMTEuNzI5NEM5Ljk5MDY5IDEwLjA4MzEgOC42NTYxNCA4Ljc0ODU4IDcuMDA5ODkgOC43NDg1OEM1LjM2MzY0IDguNzQ4NTggNC4wMjkwOSAxMC4wODMxIDQuMDI5MDkgMTEuNzI5NEM0LjAyOTA5IDEzLjM3NTYgNS4zNjM2NCAxNC43MTAyIDcuMDA5ODkgMTQuNzEwMlpNMTkuODgyNSAxMS43Mjk0QzE5Ljg4MjUgMTMuMzc1NiAxOC41NDggMTQuNzEwMiAxNi45MDE3IDE0LjcxMDJDMTUuMjU1NSAxNC43MTAyIDEzLjkyMDkgMTMuMzc1NiAxMy45MjA5IDExLjcyOTRDMTMuOTIwOSAxMC4wODMxIDE1LjI1NTUgOC43NDg1OCAxNi45MDE3IDguNzQ4NThDMTguNTQ4IDguNzQ4NTggMTkuODgyNSAxMC4wODMxIDE5Ljg4MjUgMTEuNzI5NFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=")
}

.bmpui-ui-vrtogglebutton.bmpui-off {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjk2MDE0NiA3LjIwNjk0QzAuOTYwMTU0IDYuMjc0OTQgMS43MTAyOCA1LjUyNDkgMi42NDIzNyA1LjUyNDlMMjEuMzU3NyA1LjUyNDkzQzIyLjI4OTggNS41MjQ5MyAyMy4wNCA2LjI3NDk4IDIzLjA0IDcuMjA3TDIzLjAzOTggMTYuNzg5NEMyMy4wMzk4IDE3LjcyMTQgMjIuMjg5NyAxOC40NzE0IDIxLjM1NzYgMTguNDcxNEwxNC4zMzM4IDE4LjQ3MTRMMTQuMzMzIDE4LjQ3MDFIMTQuMzAwM0wxMS45OTk4IDE0LjcxOTNMMTAuMTUyNiAxNy43MjY3TDkuNjk2NzIgMTguNDcxNEwyLjY0MjE5IDE4LjQ3MTRDMS43MTAwOSAxOC40NzE0IDAuOTU5OTYxIDE3LjcyMTMgMC45NTk5NjEgMTYuNzg5M0wwLjk2MDE0NiA3LjIwNjk0VjcuMjA2OTRaTTIuNjQyMzcgNy4wMzQxNEMyLjU0Mzg4IDcuMDM0MTQgMi40Njk1MyA3LjEwODQ4IDIuNDY5NTMgNy4yMDY5NkwyLjQ2OTM1IDE2Ljc4OTNWMTYuNzg5M0MyLjQ2OTM2IDE2Ljg4NzggMi41NDM3IDE2Ljk2MjEgMi42NDIxOSAxNi45NjIxTDguODUwOTMgMTYuOTYyMkw4Ljg2NTU2IDE2LjkzODNMMTEuMDc2MyAxMy4zMzg5TDExLjA4NDEgMTMuMzI3MkMxMS4yNTc4IDEzLjA2NjcgMTEuNTY4NCAxMi44MDYxIDEyLjAwMDEgMTIuODA2MUMxMi40MzE3IDEyLjgwNjEgMTIuNzQyMyAxMy4wNjY3IDEyLjkxNiAxMy4zMjcyTDEyLjkyMzkgMTMuMzM5MUwxNS4xNDUzIDE2Ljk2MDlIMTUuMTc5N0wxNS4xODA1IDE2Ljk2MjJMMjEuMzU3NiAxNi45NjIyQzIxLjQ1NiAxNi45NjIyIDIxLjUzMDQgMTYuODg3OCAyMS41MzA0IDE2Ljc4OTNMMjEuNTMwNiA3LjIwNjk5QzIxLjUzMDYgNy4xMDg1MSAyMS40NTYyIDcuMDM0MTYgMjEuMzU3NyA3LjAzNDE2TDIuNjQyMzcgNy4wMzQxNFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNy4wMDk4NSAxMy4xNjQ1QzcuODAyNDkgMTMuMTY0NSA4LjQ0NTA1IDEyLjUyMiA4LjQ0NTA1IDExLjcyOTNDOC40NDUwNSAxMC45MzY3IDcuODAyNDkgMTAuMjk0MSA3LjAwOTg1IDEwLjI5NDFDNi4yMTcyMSAxMC4yOTQxIDUuNTc0NjUgMTAuOTM2NyA1LjU3NDY1IDExLjcyOTNDNS41NzQ2NSAxMi41MjIgNi4yMTcyMSAxMy4xNjQ1IDcuMDA5ODUgMTMuMTY0NVpNNy4wMDk4NSAxNC43MTAxQzguNjU2MSAxNC43MTAxIDkuOTkwNjUgMTMuMzc1NiA5Ljk5MDY1IDExLjcyOTNDOS45OTA2NSAxMC4wODMxIDguNjU2MSA4Ljc0ODU0IDcuMDA5ODUgOC43NDg1NEM1LjM2MzYgOC43NDg1NCA0LjAyOTA1IDEwLjA4MzEgNC4wMjkwNSAxMS43MjkzQzQuMDI5MDUgMTMuMzc1NiA1LjM2MzYgMTQuNzEwMSA3LjAwOTg1IDE0LjcxMDFaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE2LjkwMTcgMTMuMTY0NUMxNy42OTQzIDEzLjE2NDUgMTguMzM2OSAxMi41MjIgMTguMzM2OSAxMS43MjkzQzE4LjMzNjkgMTAuOTM2NyAxNy42OTQzIDEwLjI5NDEgMTYuOTAxNyAxMC4yOTQxQzE2LjEwOTEgMTAuMjk0MSAxNS40NjY1IDEwLjkzNjcgMTUuNDY2NSAxMS43MjkzQzE1LjQ2NjUgMTIuNTIyIDE2LjEwOTEgMTMuMTY0NSAxNi45MDE3IDEzLjE2NDVaTTE2LjkwMTcgMTQuNzEwMUMxOC41NDc5IDE0LjcxMDEgMTkuODgyNSAxMy4zNzU2IDE5Ljg4MjUgMTEuNzI5M0MxOS44ODI1IDEwLjA4MzEgMTguNTQ3OSA4Ljc0ODU0IDE2LjkwMTcgOC43NDg1NEMxNS4yNTU0IDguNzQ4NTQgMTMuOTIwOSAxMC4wODMxIDEzLjkyMDkgMTEuNzI5M0MxMy45MjA5IDEzLjM3NTYgMTUuMjU1NCAxNC43MTAxIDE2LjkwMTcgMTQuNzEwMVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=")
}

.bmpui-ui-casttogglebutton {
    background-size: 24px 24px
}

.bmpui-ui-casttogglebutton.bmpui-on {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yIDE3LjMzMzNWMjBINC43MjcyN0M0LjcyNzI3IDE4LjUyNDQgMy41MDkwOSAxNy4zMzMzIDIgMTcuMzMzM1pNMiAxMy43Nzc4VjE1LjU1NTZDNC41MDkwOSAxNS41NTU2IDYuNTQ1NDUgMTcuNTQ2NyA2LjU0NTQ1IDIwSDguMzYzNjRDOC4zNjM2NCAxNi41NiA1LjUxODE4IDEzLjc3NzggMiAxMy43Nzc4Wk0yIDEwLjIyMjJWMTJDNi41MTgxOCAxMiAxMC4xODE4IDE1LjU4MjIgMTAuMTgxOCAyMEgxMkMxMiAxNC41OTU2IDcuNTE4MTggMTAuMjIyMiAyIDEwLjIyMjJaTTIwLjMyMDMgNEgzLjY3NTg4QzIuNjc1ODggNCAyIDQuNzA3MzEgMiA1LjY4NTA4VjguNDQ0NDRIMy42NzU4OFY1LjY4NTA4SDIwLjMyMDNWMTguMzIxM0gxMy44MTgyVjIwSDIwLjMyMDNDMjEuMzIwMyAyMCAyMiAxOS4yOTkxIDIyIDE4LjMyMTNWNS42ODUwOEMyMiA0LjcwNzMxIDIxLjMyMDMgNCAyMC4zMjAzIDRaIiBmaWxsPSIjZjE4ODI1Ii8+Cjwvc3ZnPgo=")
}

.bmpui-ui-casttogglebutton.bmpui-off {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yIDE3LjMzMzNWMjBINC43MjcyN0M0LjcyNzI3IDE4LjUyNDQgMy41MDkwOSAxNy4zMzMzIDIgMTcuMzMzM1pNMiAxMy43Nzc4VjE1LjU1NTZDNC41MDkwOSAxNS41NTU2IDYuNTQ1NDUgMTcuNTQ2NyA2LjU0NTQ1IDIwSDguMzYzNjRDOC4zNjM2NCAxNi41NiA1LjUxODE4IDEzLjc3NzggMiAxMy43Nzc4Wk0yIDEwLjIyMjJWMTJDNi41MTgxOCAxMiAxMC4xODE4IDE1LjU4MjIgMTAuMTgxOCAyMEgxMkMxMiAxNC41OTU2IDcuNTE4MTggMTAuMjIyMiAyIDEwLjIyMjJaTTIwLjMyMDMgNEgzLjY3NTg4QzIuNjc1ODggNCAyIDQuNzA3MzEgMiA1LjY4NTA4VjguNDQ0NDRIMy42NzU4OFY1LjY4NTA4SDIwLjMyMDNWMTguMzIxM0gxMy44MTgyVjIwSDIwLjMyMDNDMjEuMzIwMyAyMCAyMiAxOS4yOTkxIDIyIDE4LjMyMTNWNS42ODUwOEMyMiA0LjcwNzMxIDIxLjMyMDMgNCAyMC4zMjAzIDRaIiBmaWxsPSIjZmZmIi8+Cjwvc3ZnPgo=")
}

.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-backdrop,
.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-backdrop {
    background-color: #787878
}

.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-buffer-level,
.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-buffer-level {
    background-color: #fff
}

.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-seekposition,
.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-seekposition {
    display: none
}

.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-playbackposition,
.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-playbackposition {
    background-color: #f18825
}

.bmpui-ui-seekbar .bmpui-seekbar .bmpui-seekbar-playbackposition-marker,
.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-playbackposition-marker {
    display: none
}

.bmpui-ui-volumeslider {
    margin: 0 5px
}

.bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-playbackposition-marker {
    display: block;
    width: 10px;
    height: 10px;
    background-color: #fff
}

.bmpui-ui-volumecontrolbutton .bmpui-ui-volumetogglebutton {
    margin: 0;
    padding: 4px
}

.bmpui-ui-volumecontrolbutton:hover .bmpui-ui-volumetogglebutton {
    filter: none;
    background-color: #000
}

.bmpui-ui-volumecontrolbutton:hover .bmpui-ui-volumeslider {
    display: block
}

.bmpui-ui-volumecontrolbutton .bmpui-ui-volumeslider {
    display: none;
    width: 100%;
    margin: 0;
    background-color: #000
}

.bmpui-ui-volumecontrolbutton .bmpui-ui-volumeslider .bmpui-seekbar {
    height: auto;
    margin-top: 10px
}

.bmpui-ui-volumecontrolbutton .bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-playbackposition-marker {
    right: -5px;
    margin: 0 auto
}

.bmpui-ui-volumecontrolbutton .bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-playbackposition {
    bottom: 0;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    transform-origin: bottom
}

.bmpui-ui-volumecontrolbutton .bmpui-ui-volumeslider .bmpui-seekbar .bmpui-seekbar-backdrop {
    width: 4px
}

.bmpui-ad-message-label {
    white-space: nowrap
}

.bmpui-ad-message-label.bmpui-is-short {
    display: none
}

@container (max-width: 399px) {
    .bmpui-ad-message-label.bmpui-is-long {
        display: none
    }

    .bmpui-ad-message-label.bmpui-is-short {
        font-size: 13px;
        line-height: 18px;
        display: inline-block;
        min-width: calc(100% - 65px);
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.c-end-screen {
    font-family: "Helvetica Neue", helvetica, arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: multiply;
    overflow: hidden
}

.ffmark-400-normal .c-end-screen {
    font-family: ffmark, "Helvetica Neue", helvetica, arial, sans-serif
}

.c-end-screen.is-next-video .c-end-screen__content {
    padding-bottom: 30px
}

@container (min-width: 550px) {
    .c-end-screen.is-next-video .c-end-screen__content {
        padding-bottom: 36px
    }
}

.c-end-screen.has-1-teasers .c-end-screen__all-teasers {
    grid-template-columns: 1fr
}

@container (min-width: 550px) {
    .c-end-screen.has-1-teasers .c-end-screen__all-teasers {
        grid-template-areas: "teaser-1" "teaser-1"
    }
}

.c-end-screen.has-2-teasers .c-end-screen__all-teasers {
    grid-template-columns: repeat(2, 1fr)
}

@container (min-width: 550px) {
    .c-end-screen.has-2-teasers .c-end-screen__all-teasers {
        grid-template-areas: "teaser-1 teaser-2" "teaser-1 teaser-2"
    }
}

@container (min-width: 550px) {
    .c-end-screen.has-3-teasers .c-end-screen__content {
        padding: 15px 15px 20px
    }
}

@container (min-width: 550px) {
    .c-end-screen.has-3-teasers .c-end-screen__teaser {
        padding: 10px
    }
}

.c-end-screen.has-3-teasers .c-end-screen__all-teasers {
    grid-template-columns: repeat(3, 1fr)
}

@container (min-width: 550px) {
    .c-end-screen.has-3-teasers .c-end-screen__all-teasers {
        grid-template-areas: "teaser-1 teaser-2" "teaser-1 teaser-3";
        grid-template-columns: .7fr 1fr;
        grid-column-gap: 25px;
        padding: 0 60px
    }
}

.c-end-screen.has-4-teasers .c-end-screen__all-teasers {
    grid-template-columns: repeat(4, 1fr)
}

@container (min-width: 550px) {
    .c-end-screen.has-4-teasers .c-end-screen__all-teasers {
        grid-template-areas: "teaser-1 teaser-2" "teaser-3 teaser-4";
        grid-template-columns: 1fr 1fr
    }
}

.c-end-screen.has-5-teasers .c-end-screen__all-teasers {
    grid-template-columns: repeat(5, 1fr)
}

@container (min-width: 550px) {
    .c-end-screen.has-5-teasers .c-end-screen__all-teasers {
        grid-template-areas: "teaser-1 teaser-2 teaser-3" "teaser-1 teaser-4 teaser-5";
        grid-template-columns: .8fr 1fr 1fr
    }
}

.c-end-screen__content {
    display: flex;
    flex-direction: column;
    padding: 15px 15px 30px;
    height: 100%
}

@container (min-width: 550px) {
    .c-end-screen__content {
        padding: 30px 30px 45px
    }
}

.c-end-screen__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 15px
}

@container (min-width: 550px) {
    .c-end-screen__header {
        margin-bottom: 15px
    }
}

.c-end-screen__headline {
    font-family: "Helvetica Neue", helvetica, arial, sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    white-space: nowrap
}

.ffmark-800-normal .c-end-screen__headline {
    font-family: ffmark, "Helvetica Neue", helvetica, arial, sans-serif
}

@container (min-width: 550px) {
    .c-end-screen__headline {
        font-size: 18px;
        line-height: 23px
    }
}

.c-end-screen__countdown {
    color: #f18825
}

.c-end-screen__close-button {
    display: inline-block;
    width: 24px;
    height: 24px;
    border: 0;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoCiAgICAgICAgZD0iTTUuNDAwMDIgNi41OTk5TDEwLjggMTEuOTk5OUw1LjQwMDAyIDE3LjM5OTlMNi42MDAwMiAxOC41OTk5TDEyIDEzLjE5OTlMMTcuNCAxOC41OTk5TDE4LjYgMTcuMzk5OUwxMy4yIDExLjk5OTlMMTguNiA2LjU5OTlMMTcuNCA1LjM5OTlMMTIgMTAuNzk5OUw2LjYwMDAyIDUuMzk5OUw1LjQwMDAyIDYuNTk5OVoiCiAgICAgICAgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");
    background-repeat: no-repeat;
    background-position: center;
    color: #fff;
    cursor: pointer
}

.c-end-screen__close-button:hover {
    opacity: .7
}

.c-end-screen__all-teasers {
    display: grid;
    grid-column-gap: 15px;
    grid-template-columns: repeat(5, 1fr);
    width: 100%;
    height: 100%;
    overflow-x: scroll
}

@container (min-width: 550px) {
    .c-end-screen__all-teasers {
        grid-row-gap: 15px;
        grid-template-rows: 1fr 1fr;
        overflow-x: hidden
    }
}

.c-end-screen__teaser {
    font-family: "Helvetica Neue", helvetica, arial, sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: 15px;
    line-height: 20px;
    background-color: rgba(0, 0, 0, .6);
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: multiply;
    display: flex;
    align-items: flex-end;
    min-width: 250px;
    padding: 15px;
    transition: background-color 100ms ease-in-out;
    background-position: center center;
    color: #fff;
    cursor: pointer
}

.ffmark-800-normal .c-end-screen__teaser {
    font-family: ffmark, "Helvetica Neue", helvetica, arial, sans-serif
}

.c-end-screen__teaser:hover {
    background-color: rgba(0, 0, 0, .4);
    color: #fff
}

.c-end-screen__teaser:nth-of-type(1) {
    position: relative
}

.c-end-screen__teaser:nth-of-type(5) {
    padding-right: 15px
}

.c-end-screen__teaser:nth-of-type(n + 6) {
    display: none
}

@container (min-width: 550px) {
    .c-end-screen__teaser {
        min-width: auto
    }

    .c-end-screen__teaser:nth-of-type(1) {
        grid-area: teaser-1
    }

    .c-end-screen__teaser:nth-of-type(2) {
        grid-area: teaser-2
    }

    .c-end-screen__teaser:nth-of-type(3) {
        grid-area: teaser-3
    }

    .c-end-screen__teaser:nth-of-type(4) {
        grid-area: teaser-4
    }

    .c-end-screen__teaser:nth-of-type(5) {
        grid-area: teaser-5
    }
}

.c-end-screen__next-video-body {
    display: flex;
    gap: 24px;
    height: 100%
}

@container (min-width: 550px) {
    .c-end-screen__next-video-body {
        flex-direction: column;
        gap: 25px;
        align-items: center
    }
}

.c-end-screen__next-video-image {
    background-color: rgba(0, 0, 0, .4);
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: multiply;
    position: relative;
    width: 50%;
    height: 100%;
    padding: 15px 15px 18px;
    display: flex;
    align-items: flex-end;
    cursor: pointer;
    background-size: cover
}

@container (min-width: 550px) {
    .c-end-screen__next-video-image {
        aspect-ratio: 16/9;
        background-size: cover;
        margin: 0 20%;
        width: fit-content
    }
}

.c-end-screen__next-video-image:hover {
    background-color: rgba(0, 0, 0, .2)
}

.c-end-screen__next-video-headline {
    font-family: "Helvetica Neue", helvetica, arial, sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: 15px;
    line-height: 20px
}

.ffmark-800-normal .c-end-screen__next-video-headline {
    font-family: ffmark, "Helvetica Neue", helvetica, arial, sans-serif
}

@container (min-width: 550px) {
    .c-end-screen__next-video-headline {
        max-width: 70%
    }
}

.c-end-screen__progress-bar {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 3px;
    animation: video-end-screen-progress-bar-growing var(--countdown-seconds) linear forwards;
    background-color: #f18825
}

@container (min-width: 550px) {
    .c-end-screen__progress-bar {
        height: 5px
    }
}

.c-end-screen__next-video-btn-wrapper {
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    flex-grow: 1;
    gap: 5px
}

@container (min-width: 550px) {
    .c-end-screen__next-video-btn-wrapper {
        flex-direction: row;
        gap: 10px
    }
}

.c-end-screen__next-video-btn {
    border: none;
    margin: 0;
    width: auto;
    height: 32px;
    overflow: visible;
    text-transform: uppercase;
    cursor: pointer
}

.c-end-screen__next-video-btn--abort {
    font-size: 11px;
    line-height: 11px;
    height: 32px;
    padding: 0 10px;
    background-color: rgba(0, 0, 0, 0);
    color: #fff
}

.c-end-screen__next-video-btn--abort:hover {
    opacity: .7
}

.c-end-screen__next-video-btn--start {
    font-family: "Helvetica Neue", helvetica, arial, sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: 11px;
    line-height: 11px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px 10px;
    gap: 3px;
    background: #f6f6f7;
    color: #171b2d;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, .45);
    border-radius: 3px;
    width: fit-content;
    margin-left: auto;
    margin-right: auto
}

.ffmark-800-normal .c-end-screen__next-video-btn--start {
    font-family: ffmark, "Helvetica Neue", helvetica, arial, sans-serif
}

.c-end-screen__next-video-btn--start:hover {
    background: rgba(246, 246, 247, .7)
}

.c-end-screen__next-video-play-icon {
    display: flex;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCwgMCwgMjAsIDIwIj4KICA8cGF0aCBkPSJNMTkuMTA3LDExLjQ5OSBDMTkuNzM3LDExLjEwNSAyMCwxMC41NTMgMjAsMTAgQzIwLDkuNDQ3IDE5LjczNyw4Ljg5NSAxOS4xMDcsOC41MDEgTDcuNjQ2LDEuNDc5IEM3LjMwNSwxLjI2OSA2Ljk5LDEuMTkgNi43MDEsMS4xOSBDNS43OCwxLjE5IDUuMDE4LDEuODQ3IDUuMDE4LDIuOSBMNS4wMTgsMTcuMSBDNS4wMTgsMTguMTUzIDUuNzgsMTguODEgNi43MDEsMTguODEgQzYuOTksMTguODEgNy4zMDUsMTguNzMxIDcuNjQ2LDE4LjUyMSBMMTkuMTA3LDExLjQ5OSBMMTkuMTA3LDExLjQ5OSB6IE0xOC4xOTMsOS45MjYgTDYuODkxLDE2Ljc5MSBMNi44OTEsMy4wNjMgTDE4LjE5Myw5LjkyNiBMMTguMTkzLDkuOTI2IHoiIGZpbGw9IiNGMTg4MjUiLz4KPC9zdmc+Cg==") no-repeat center;
    background-size: 9px;
    width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center
}

.c-end-screen__progress-bar-circle {
    transform: rotate(-90deg);
    width: 100%;
    height: 100%;
    position: relative
}

.c-end-screen__progress-bar-circle>circle.is-background {
    fill: none;
    stroke: #f18825;
    stroke-width: 3px;
    opacity: .3
}

.c-end-screen__progress-bar-circle>circle.is-progress {
    fill: none;
    stroke: #f18825;
    stroke-dasharray: 100 100;
    stroke-dashoffset: 100;
    stroke-width: 3px;
    animation: video-end-screen-progress-bar-circle var(--countdown-seconds) linear forwards
}

@keyframes video-end-screen-progress-bar-growing {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@keyframes video-end-screen-progress-bar-circle {
    to {
        stroke-dashoffset: 0
    }
}

.c-unmute-ribbon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(23, 27, 45, .6);
    border: none;
    padding: 5px;
    width: 100%;
    cursor: pointer
}

.c-unmute-ribbon:hover .c-unmute-ribbon__text {
    color: #f18825
}

.c-unmute-ribbon__content {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0
}

.c-unmute-ribbon__text {
    font-family: "Helvetica Neue", helvetica, arial, sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: 11px;
    line-height: 11px;
    color: #fff;
    text-transform: uppercase;
    margin: 0
}

.ffmark-800-normal .c-unmute-ribbon__text {
    font-family: ffmark, "Helvetica Neue", helvetica, arial, sans-serif
}

.c-unmute-ribbon__icon {
    margin: 0
}

.c-unmute-ribbon__icon-path1 {
    fill: #fff
}

.c-unmute-ribbon__icon-path2 {
    animation: unmute-ribbon-second-path-animation 2500ms linear infinite normal forwards;
    fill: #f18825
}

.c-unmute-ribbon__icon-path3 {
    animation: unmute-ribbon-third-path-animation 2500ms linear infinite normal forwards;
    fill: #f18825
}

.c-unmute-ribbon__icon-path4 {
    animation: unmute-ribbon-fourth-path-animation 2500ms linear infinite normal forwards;
    fill: #f18825
}

@keyframes unmute-ribbon-second-path-animation {
    0% {
        opacity: 0
    }

    12% {
        opacity: 1
    }

    76% {
        opacity: 1
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@keyframes unmute-ribbon-third-path-animation {
    0% {
        opacity: 0
    }

    24% {
        opacity: 0
    }

    36% {
        opacity: 1
    }

    56% {
        opacity: 1
    }

    64% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@keyframes unmute-ribbon-fourth-path-animation {
    0% {
        opacity: 0
    }

    36% {
        opacity: 0
    }

    48% {
        opacity: 1
    }

    64% {
        opacity: 1
    }

    72% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

.bmpui-external-overlay-container {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: none
}

.bmpui-external-overlay-container.show {
    display: block
}

.bmpui-external-overlay-container .bmpui-container-wrapper {
    display: contents
}

.bmpui-external-overlay-container .bmpui-container-wrapper>* {
    z-index: 1
}

.bmpui-ui-uicontainer.bmpui-controls-shown:has(.bmpui-external-overlay-container.show) .bmpui-ui-controlbar,
.bmpui-ui-uicontainer.bmpui-controls-shown:has(.bmpui-external-overlay-container.show) .bmpui-ui-titlebar {
    display: none
}

.bmpui-ui-buffering-overlay>.bmpui-container-wrapper {
    background-position: center center;
    background-color: none;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjQiIGhlaWdodD0iMTI0IiB2aWV3Qm94PSIwIDAgMTI0IDEyNCI+CiAgICA8c3R5bGU+CiAgICAgICAgLnZpZGVvcGxheWVyLWxvYWRpbmctaW5kaWNhdG9yX19iYWNrZ3JvdW5kIHsKICAgICAgICAgICAgZmlsbDogbm9uZTsKICAgICAgICAgICAgc3Ryb2tlOiAjMWQxZDFkOwogICAgICAgICAgICBzdHJva2Utb3BhY2l0eTogMC4wNDsKICAgICAgICAgICAgc3Ryb2tlLXdpZHRoOiAxMHB4OwogICAgICAgIH0KCiAgICAgICAgLnZpZGVvcGxheWVyLWxvYWRpbmctaW5kaWNhdG9yX19zcGlubmVyIHsKICAgICAgICAgICAgZmlsbDogbm9uZTsKICAgICAgICAgICAgc3Ryb2tlOiAjZjE4ODI1OwogICAgICAgICAgICBzdHJva2UtZGFzaGFycmF5OiAzODA7CiAgICAgICAgICAgIHN0cm9rZS1kYXNob2Zmc2V0OiAzNDA7CiAgICAgICAgICAgIHN0cm9rZS13aWR0aDogNXB4OwogICAgICAgICAgICB0cmFuc2l0aW9uOiAxczsKICAgICAgICAgICAgYW5pbWF0aW9uOiB2aWRlb3BsYXllci1idWZmZXJvdmVybGF5LXJvdGF0aW9uIDJzIGluZmluaXRlIGxpbmVhciwgdmlkZW9wbGF5ZXItYnVmZmVyb3ZlcmxheS1kYXNob2Zmc2V0IDNzIGluZmluaXRlIGxpbmVhcjsKICAgICAgICB9CgogICAgICAgIEBrZXlmcmFtZXMgdmlkZW9wbGF5ZXItYnVmZmVyb3ZlcmxheS1yb3RhdGlvbiB7CiAgICAgICAgICAgIGZyb20gewogICAgICAgICAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7CiAgICAgICAgICAgICAgICB0cmFuc2Zvcm0tb3JpZ2luOiA2MnB4IDYycHg7CiAgICAgICAgICAgIH0KICAgICAgICAgICAgdG8gewogICAgICAgICAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMzU5ZGVnKTsKICAgICAgICAgICAgICAgIHRyYW5zZm9ybS1vcmlnaW46IDYycHggNjJweDsKICAgICAgICAgICAgfQogICAgICAgIH0KCiAgICAgICAgQGtleWZyYW1lcyB2aWRlb3BsYXllci1idWZmZXJvdmVybGF5LWRhc2hvZmZzZXQgewogICAgICAgICAgICAwJSB7CiAgICAgICAgICAgICAgICBzdHJva2UtZGFzaG9mZnNldDogMzQwCiAgICAgICAgICAgIH0KICAgICAgICAgICAgNTAlIHsKICAgICAgICAgICAgICAgIHN0cm9rZS1kYXNob2Zmc2V0OiAyOTAKICAgICAgICAgICAgfQogICAgICAgICAgICAxMDAlIHsKICAgICAgICAgICAgICAgIHN0cm9rZS1kYXNob2Zmc2V0OiAzNDAKICAgICAgICAgICAgfQogICAgICAgIH0KICAgIDwvc3R5bGU+CiAgICA8Y2lyY2xlIGNsYXNzPSJ2aWRlb3BsYXllci1sb2FkaW5nLWluZGljYXRvcl9fYmFja2dyb3VuZCIgY3g9IjYyIiBjeT0iNjIiIHI9IjU1Ii8+CiAgICA8Y2lyY2xlIGNsYXNzPSJ2aWRlb3BsYXllci1sb2FkaW5nLWluZGljYXRvcl9fc3Bpbm5lciIgY3g9IjYyIiBjeT0iNjIiIHI9IjU1Ii8+Cjwvc3ZnPgo=");
    background-repeat: no-repeat;
    transition: none
}

.c-welt-plus-end-screen {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    position: relative
}

.c-welt-plus-end-screen__close-button {
    position: absolute;
    z-index: 1;
    top: 20px;
    right: 18px;
    width: 13px;
    height: 13px;
    padding: 0;
    border: 0;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoCiAgICAgICAgZD0iTTUuNDAwMDIgNi41OTk5TDEwLjggMTEuOTk5OUw1LjQwMDAyIDE3LjM5OTlMNi42MDAwMiAxOC41OTk5TDEyIDEzLjE5OTlMMTcuNCAxOC41OTk5TDE4LjYgMTcuMzk5OUwxMy4yIDExLjk5OTlMMTguNiA2LjU5OTlMMTcuNCA1LjM5OTlMMTIgMTAuNzk5OUw2LjYwMDAyIDUuMzk5OUw1LjQwMDAyIDYuNTk5OVoiCiAgICAgICAgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer
}

.c-welt-plus-end-screen__close-button::before {
    content: "";
    position: absolute;
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px
}

@media(min-width: 56.875em) {
    .c-welt-plus-end-screen__close-button {
        right: 20px
    }
}

.c-welt-plus-end-screen__body {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.bmpui-welt-plus-watermark {
    position: absolute;
    top: 10px;
    left: 15px;
    width: 52px;
    height: 20px;
    border: 0;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MiIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+CiAgICA8cmVjdCB4PSIuMzM1IiB5PSIuMzM1IiB3aWR0aD0iNTEuMzMiIGhlaWdodD0iMTkuMzMiIHJ4PSIxLjY2NSIgc3Ryb2tlPSIjRjRGNEY0IiBzdHJva2Utb3BhY2l0eT0iLjQiCiAgICAgICAgICBzdHJva2Utd2lkdGg9Ii42NyIvPgogICAgPHBhdGggZD0iTTMwLjkyMSA2LjAzdjEuNzI3aDIuMjA0djUuODkzaDEuOTM2VjcuNzU2aDIuMTk3VjYuMDNoLTYuMzM3em0tNC4zMzEgMHY3LjYyaDUuMTM2di0xLjcyNmgtMy4yVjYuMDMxSDI2LjU5eiIKICAgICAgICAgIGZpbGw9IiNmZmYiLz4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIgogICAgICAgICAgZD0iTTIxLjc1IDUuODY2YzIuMTY1IDAgMy42MjUgMS41OTQgMy42MzMgMy45NjYgMCAuMjM0LS4wMTYuNTEzLS4wNC42ODRoLTUuMzJsLjAxOC4wODJjLjIyNiAxIC44OTIgMS41MjcgMS45MjUgMS41MjdhMi44NSAyLjg1IDAgMDAxLjg1MS0uNjkxbC4wMjQtLjAyMSAxLjE2NyAxLjI3Ni0uMDI0LjAyMmMtLjgyMS43NTMtMS44MTYgMS4xMDQtMy4xMzQgMS4xMDQtMi4zMiAwLTMuODgtMS41ODgtMy44OC0zLjk1MSAwLTIuMzkxIDEuNTE5LTMuOTk4IDMuNzgtMy45OTh6bS0xLjcwMyAzLjE4N2wtLjAxNy4wOGgzLjM1NWwtLjAxOC0uMDgxYy0uMjA5LS45NjQtLjc3NC0xLjQ3NC0xLjYzMi0xLjQ3NC0uOTEgMC0xLjQ3OC40OTYtMS42ODggMS40NzV6IgogICAgICAgICAgZmlsbD0iI2ZmZiIvPgogICAgPG1hc2sgaWQ9ImEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjYiIHk9IjYiIHdpZHRoPSIxMiIgaGVpZ2h0PSI4Ij4KICAgICAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTYgNi4wM3Y3LjYyaDExLjcxOFY2LjAzSDZ6IiBmaWxsPSIjZmZmIi8+CiAgICA8L21hc2s+CiAgICA8ZyBtYXNrPSJ1cmwoI2EpIj4KICAgICAgICA8cGF0aAogICAgICAgICAgICBkPSJNMTMuMjY4IDEzLjY1bC0xLjMwMi00LjQ1NGMtLjA0My0uMTQ4LS4wMzctLjIxMS0uMTA3LS42MS0uMDcuNC0uMDY0LjQ2My0uMTA3LjYxM2wtMS4zMDIgNC40NUg4LjE0TDYgNi4wMzJoMS45OThsMS4yOSA0Ljk4NWMuMDM5LjE1LjAzMy4yMTMuMDk1LjYxMS4wNjUtLjQwMS4wNi0uNDY0LjEtLjYxNGwxLjM1NC00Ljk4MmgyLjA3bDEuMzUyIDQuOTgzYy4wNDIuMTUzLjAzNi4yMTYuMTAzLjYyNC4wNjMtLjQwOS4wNTgtLjQ3MS4wOTgtLjYyNWwxLjI4Ny00Ljk4MmgxLjk3TDE1LjU4IDEzLjY1aC0yLjMxMXoiCiAgICAgICAgICAgIGZpbGw9IiNmZmYiLz4KICAgIDwvZz4KICAgIDxwYXRoIGQ9Ik00MS4xMjIgMTMuOTV2LTMuMjQzaC0zLjIyNFY4Ljk3M2gzLjIyNFY1LjczaDEuNzcxdjMuMjQyaDMuMjI0djEuNzM0aC0zLjIyNHYzLjI0M2gtMS43NzF6IiBmaWxsPSIjRjE4ODI1Ii8+Cjwvc3ZnPgo=");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    pointer-events: none
}

@media(min-width: 37.5em) {
    .bmpui-welt-plus-watermark {
        top: 20px;
        left: 30px;
        width: 66px;
        height: 25px
    }
}

.c-error-screen {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: multiply
}

.c-error-screen__text {
    font-family: "Helvetica Neue", helvetica, arial, sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: 18px;
    line-height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    width: calc(100% - 30px);
    color: #fff;
    text-align: center
}

.ffmark-800-normal .c-error-screen__text {
    font-family: ffmark, "Helvetica Neue", helvetica, arial, sans-serif
}

.bitmovinplayer-container {
    background-color: rgba(0, 0, 0, 0) !important;
    background-image: none !important;
    min-height: auto !important;
    min-width: auto !important
}

.bitmovinplayer-poster {
    background-size: cover !important
}

.c-video-player {
    aspect-ratio: 16/9
}

@container (max-width: 200px) {
    .bmpui-ui-hugeplaybacktogglebutton .bmpui-image {
        background-size: 50px
    }
}

@container (max-width: 200px) {
    .bmpui-ui-volumecontrolbutton:hover .bmpui-ui-volumetogglebutton {
        background-color: rgba(0, 0, 0, 0)
    }
}

@container (max-width: 200px) {
    .bmpui-ui-volumecontrolbutton:hover .bmpui-ui-volumeslider {
        display: none
    }
}

.c-welt-video-player {
    aspect-ratio: 16/9
}

@media print {
    .c-welt-video-player {
        display: none
    }
}

.c-welt-video-player.has-small-play-icon .bmpui-ui-hugeplaybacktogglebutton .bmpui-image {
    background-size: 40px
}

.c-welt-video-player.has-large-play-icon .bmpui-ui-hugeplaybacktogglebutton .bmpui-image {
    background-size: 54px
}

.c-welt-video-player__content {
    position: relative
}

.c-welt-video-player__content .c-end-screen__headline {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 800
}

.c-welt-video-player__content .c-end-screen__teaser {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 800
}

.c-welt-video-player__fallback {
    inset: 0;
    position: absolute;
    z-index: 0
}

.c-welt-video-player__fallback-video {
    position: absolute;
    top: 0;
    width: 100%
}

.c-welt-video-player__video {
    z-index: 1
}

.c-welt-video-player__content-wrapper {
    position: relative
}

.c-welt-video-player__ambient-light {
    --ambient-light-width: 8px;
    backdrop-filter: blur(0);
    filter: blur(var(--ambient-light-width));
    height: calc(100% + var(--ambient-light-width)*2);
    inset: calc(-1*var(--ambient-light-width));
    opacity: .4;
    position: absolute;
    width: calc(100% + var(--ambient-light-width)*2);
    z-index: 0
}

@media print {
    .c-welt-video-player__ambient-light {
        display: none
    }
}

@media(prefers-reduced-motion: reduce) {
    .c-welt-video-player__ambient-light {
        display: none
    }
}

.c-welt-video-player--sticky {
    height: fit-content
}

@media only screen and (min-width: 600px) {
    .c-welt-video-player--sticky .c-welt-video-player__content-wrapper {
        height: 100%;
        position: relative
    }
}

.c-welt-video-player--sticky .c-welt-video-player__content.is-sticky {
    background-color: var(--welt-video-player--sticky-background-color);
    border-bottom: var(--welt-video-player--sticky-border-width) solid var(--welt-video-player--sticky-border-color);
    box-shadow: 0 4px 10px 0 rgba(9, 9, 9, .25);
    left: 0;
    overflow-y: hidden;
    position: fixed;
    top: 50px;
    width: 100%;
    z-index: 5
}

@media only screen and (min-width: 600px) {
    .c-welt-video-player--sticky .c-welt-video-player__content.is-sticky {
        height: calc((330px + var(--welt-video-player--sticky-border-width)*2)*.5625);
        left: 50%;
        max-width: 970px;
        transform: translateX(-50%)
    }
}

@media only screen and (min-width: 970px) {
    .c-welt-video-player--sticky .c-welt-video-player__content.is-sticky {
        border-left: var(--welt-video-player--sticky-border-width) solid var(--welt-video-player--sticky-border-color);
        border-right: var(--welt-video-player--sticky-border-width) solid var(--welt-video-player--sticky-border-color);
        max-width: calc(970px - var(--welt-video-player--sticky-border-width)*2)
    }
}

.c-welt-video-player--sticky .c-welt-video-player__content.is-sticky .c-unmute-ribbon {
    display: none
}

.c-welt-video-player--sticky .c-welt-video-player__content.is-sticky .c-welt-video-player__video {
    width: 100%
}

@media only screen and (min-width: 600px) {
    .c-welt-video-player--sticky .c-welt-video-player__content.is-sticky .c-welt-video-player__video {
        transform: scale(0.3402061856);
        transition: transform .3s linear;
        width: auto
    }
}

@media only screen and (min-width: 600px) {
    .c-welt-video-player--sticky .c-welt-video-player__video {
        transform: scale(1);
        transform-origin: left top;
        transition: transform .3s linear
    }
}

.c-welt-video-player--sticky .c-welt-video-player__sticky-body {
    align-items: center;
    border-top: 1px solid var(--welt-video-player--sticky-border-color);
    bottom: 0;
    display: flex;
    gap: 8px;
    padding: 10px 20px
}

@media only screen and (min-width: 600px) {
    .c-welt-video-player--sticky .c-welt-video-player__sticky-body {
        align-items: flex-start;
        border-top: 0;
        gap: 0;
        left: 330px;
        padding: 15px;
        position: absolute;
        right: 0;
        top: 0
    }
}

.c-welt-video-player--sticky .c-welt-video-player__sticky-headline {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 800;
    font-size: 1.5rem;
    line-height: 2rem;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: var(--welt-video-player--sticky-text-color);
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    width: 100%
}

@media only screen and (min-width: 600px) {
    .c-welt-video-player--sticky .c-welt-video-player__sticky-headline {
        font-size: 2.5rem;
        line-height: 3.4rem;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        overflow: hidden;
        margin: auto 15px
    }
}

.c-welt-video-player--sticky .c-welt-video-player__sticky-close-btn {
    align-items: center;
    display: flex;
    height: fit-content;
    margin: -15px;
    padding: 15px
}

@media only screen and (min-width: 600px) {
    .c-welt-video-player--sticky .c-welt-video-player__sticky-close-btn {
        align-items: flex-start
    }
}

.c-welt-video-player--sticky .c-welt-video-player__sticky-close-icon {
    fill: var(--welt-video-player--sticky-text-color);
    height: 15px;
    width: 15px
}

.c-inactivity-overlay {
    font-family: ffmark, ffmark-fallback, sans-serif;
    background-color: var(--inactivity-overlay--background-color);
    color: var(--inactivity-overlay--text-color);
    text-align: center
}

.c-inactivity-overlay__headline {
    font-size: 2.4rem;
    line-height: 3rem;
    margin-bottom: 24px;
    padding-top: 54px
}

.c-inactivity-overlay__headline>em {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 800
}

.c-inactivity-overlay__button {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 800;
    font-size: 1.5rem;
    line-height: 1.7rem;
    align-items: center;
    background-color: var(--inactivity-overlay--cta-bg-color);
    border-radius: 4px;
    color: var(--inactivity-overlay--cta-text-color);
    display: flex;
    height: 56px;
    justify-content: center;
    margin: 0 auto 54px;
    max-width: 100%;
    text-transform: uppercase;
    width: 345px
}

.c-inactivity-overlay__button:focus-visible {
    opacity: 1
}

@media(prefers-contrast: more) {
    .c-inactivity-overlay__button:hover {
        background-color: var(--inactivity-overlay--cta-text-color);
        border: 1px solid var(--inactivity-overlay--cta-bg-color);
        color: var(--inactivity-overlay--cta-bg-color)
    }
}

.c-inactivity-overlay__body {
    margin: 0 20px
}

.c-inactivity-overlay__footer {
    align-items: center;
    background-image: linear-gradient(87deg, var(--inactivity-overlay--footer-bg-color-from), var(--inactivity-overlay--footer-bg-color-to));
    display: flex;
    justify-content: center;
    min-height: 60px;
    padding: 10px
}

.c-inactivity-overlay__forwarding {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 400;
    font-size: 1.3rem;
    color: var(--inactivity-overlay--footer-text-color);
    display: inline-block
}

.c-inactivity-overlay__forwarding-highlight {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 800;
    border-bottom: solid 1px var(--inactivity-overlay--footer-text-color);
    margin-left: 4px
}

.c-inactivity-overlay__welt-logo {
    border: solid 1px #fff;
    border-radius: 1.6px;
    display: block;
    height: 18px;
    margin: 0 auto;
    vertical-align: middle;
    width: 50px
}

@media only screen and (min-width: 600px) {
    .c-inactivity-overlay__welt-logo {
        display: inline-block;
        margin: 0 4px 0 0
    }
}

@media print {
    .c-outbrain {
        display: none
    }
}

.c-outbrain__headline {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 400;
    font-size: 1.8rem;
    line-height: 2.6rem;
    color: var(--outbrain--headline-text-color);
    margin-bottom: 25px;
    position: relative;
    text-transform: uppercase
}

@media only screen and (min-width: 768px) {
    .c-outbrain__headline {
        margin-bottom: 30px
    }
}

.c-outbrain__headline::after {
    content: "";
    display: block;
    position: absolute;
    background-color: var(--outbrain--headline-border-color);
    bottom: 0;
    height: 1px;
    top: 41px;
    width: 100%
}

.c-outbrain__placeholder-container {
    padding: 15px
}

@media only screen and (min-width: 910px) {
    .c-outbrain__placeholder-container {
        padding: 15px 30px
    }
}

.c-outbrain__placeholder {
    animation: bff-skeleton-loading-animation 2s ease-in-out infinite alternate
}

.c-outbrain__placeholder-image {
    background-color: var(--outbrain--placeholder-background-color);
    height: 208px
}

.c-outbrain__placeholder-headline {
    background-color: var(--outbrain--placeholder-background-color);
    height: 20px;
    margin-top: 5px;
    width: 90%
}

.c-outbrain__placeholder-headline.is-short {
    width: 70%
}

.c-outbrain__placeholder-footer {
    background-color: var(--outbrain--placeholder-background-color);
    height: 10px;
    margin-top: 40px;
    width: 30%
}

.c-outbrain__widget.is-hidden {
    visibility: hidden
}

.ob-widget .ob-rec-customIcon {
    max-width: fit-content
}

.c-inline-navigation {
    background-color: var(--inline-navigation--bg-color);
    height: 50px;
    overflow: hidden;
    position: relative;
    text-align: center;
    white-space: nowrap;
    width: 100%
}

@media print {
    .c-inline-navigation {
        display: none
    }
}

@media only screen and (min-width: 600px) {
    .c-inline-navigation {
        height: 40px;
        text-align: left
    }
}

.c-inline-navigation.is-scrollable {
    overflow-x: auto
}

.c-inline-navigation.is-showing-right-btn .c-inline-navigation__button.is-show-more {
    visibility: visible;
    z-index: 1
}

.c-inline-navigation.is-showing-left-btn .c-inline-navigation__button.is-show-less {
    visibility: visible;
    z-index: 1
}

.c-inline-navigation.is-showing-right-btn .c-inline-navigation__slide-buttons,
.c-inline-navigation.is-showing-left-btn .c-inline-navigation__slide-buttons {
    overflow: visible
}

.c-inline-navigation.is-centered {
    text-align: center
}

.c-inline-navigation__wrapper {
    scrollbar-width: none
}

.c-inline-navigation__wrapper::-webkit-scrollbar {
    display: none
}

.c-inline-navigation__wrapper {
    height: 100%;
    overflow-x: scroll;
    position: relative
}

@media only screen and (min-width: 600px) {
    .c-inline-navigation__wrapper {
        overflow: hidden
    }
}

.c-inline-navigation__list {
    display: inline-block;
    height: 100%;
    transition: transform 200ms ease-in-out
}

.c-inline-navigation__list-item {
    display: inline-block;
    height: 100%;
    padding: 0 7.5px
}

.c-inline-navigation__list-item:first-child {
    padding-left: 0
}

.c-inline-navigation__list-item:last-child {
    padding-right: 0
}

.c-inline-navigation__link {
    border-bottom: solid 3px rgba(0, 0, 0, 0);
    position: relative
}

.c-inline-navigation__link::after {
    background-color: var(--page--default-hover-underline-color);
    bottom: -3px;
    content: "";
    height: 3px;
    left: 100%;
    position: absolute;
    right: 0;
    transition: .14s all
}

.c-inline-navigation__link:hover::after {
    left: 0
}

.c-inline-navigation__link:hover~.c-inline-navigation__link::after {
    left: 0;
    right: 100%
}

.c-inline-navigation__link {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 800;
    font-size: 1.1rem;
    line-height: 1.4rem;
    align-items: center;
    color: var(--inline-navigation--link-color);
    display: flex;
    height: 100%;
    text-transform: uppercase
}

.c-inline-navigation__icon {
    fill: var(--inline-navigation--link-color);
    height: 15px;
    margin-left: 4px;
    position: relative;
    width: 15px
}

.c-inline-navigation__icon.is-left {
    margin-left: 0;
    margin-right: 4px
}

.c-inline-navigation__slide-buttons {
    display: flex;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    text-transform: uppercase;
    top: 0;
    width: 100%
}

.c-inline-navigation__button {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    border: none;
    cursor: pointer;
    transition: opacity 200ms ease-in-out, color 200ms ease-in-out
}

.c-inline-navigation__button:hover {
    opacity: .85
}

.c-inline-navigation__button {
    font-weight: 800;
    font-size: 1.2rem;
    line-height: 1.4rem;
    color: var(--inline-navigation--button-color);
    height: 100%;
    pointer-events: all;
    text-transform: uppercase
}

.c-inline-navigation__button:hover {
    color: var(--inline-navigation--button-hover-color);
    opacity: 1
}

.c-inline-navigation__button.is-show-more {
    align-items: center;
    background: linear-gradient(270deg, var(--inline-navigation--button-bg-color) 0, var(--inline-navigation--button-bg-color) 80%, transparent);
    display: flex;
    margin-left: auto;
    padding-left: 30px;
    padding-right: 11px;
    visibility: hidden;
    z-index: -1
}

@media only screen and (max-width: 599px) {
    .c-inline-navigation__button.is-show-more {
        font-size: 0
    }
}

.c-inline-navigation__button.is-show-less {
    align-items: center;
    background: linear-gradient(90deg, var(--inline-navigation--button-bg-color) 0, var(--inline-navigation--button-bg-color) 80%, transparent);
    display: flex;
    padding-left: 11px;
    padding-right: 30px;
    visibility: hidden;
    z-index: -1
}

@media only screen and (max-width: 599px) {
    .c-inline-navigation__button.is-show-less {
        font-size: 0
    }
}

.c-inline-navigation--media-stage,
.c-inline-navigation--stage {
    border-top: solid 1px rgba(9, 9, 9, .1);
    margin-top: 12px
}

@media only screen and (min-width: 768px) {

    .c-inline-navigation--media-stage,
    .c-inline-navigation--stage {
        border: none;
        margin-top: 0
    }
}

.c-inline-navigation--media-stage .c-inline-navigation__button.is-show-more,
.c-inline-navigation--stage .c-inline-navigation__button.is-show-more {
    background: linear-gradient(270deg, var(--inline-navigation--button-bg-color) 0, var(--inline-navigation--button-bg-color) 80%, transparent)
}

.c-inline-navigation--media-stage .c-inline-navigation__button.is-show-less,
.c-inline-navigation--stage .c-inline-navigation__button.is-show-less {
    background: linear-gradient(90deg, var(--inline-navigation--button-bg-color) 0, var(--inline-navigation--button-bg-color) 80%, transparent)
}

.c-inline-navigation--media-stage.is-scrollable,
.c-inline-navigation--stage.is-scrollable {
    position: relative
}

.c-inline-navigation--media-stage.is-scrollable::after,
.c-inline-navigation--stage.is-scrollable::after {
    content: "";
    display: block;
    position: absolute;
    background: rgba(0, 0, 0, 0);
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px
}

.c-inline-navigation--media-stage {
    background-color: var(--media-stage-inline-navigation--bg-color)
}

@media print {
    .c-inline-navigation--media-stage {
        background-color: rgba(0, 0, 0, 0)
    }
}

.c-inline-navigation--media-stage .c-inline-navigation__link {
    border-bottom: solid 3px rgba(0, 0, 0, 0);
    position: relative
}

.c-inline-navigation--media-stage .c-inline-navigation__link::after {
    background-color: var(--media-stage-inline-navigation--link-hover-border-color);
    bottom: -3px;
    content: "";
    height: 3px;
    left: 100%;
    position: absolute;
    right: 0;
    transition: .14s all
}

.c-inline-navigation--media-stage .c-inline-navigation__link:hover::after {
    left: 0
}

.c-inline-navigation--media-stage .c-inline-navigation__link:hover~.c-inline-navigation--media-stage .c-inline-navigation__link::after {
    left: 0;
    right: 100%
}

.c-inline-navigation--media-stage .c-inline-navigation__link {
    color: var(--media-stage-inline-navigation--link-color)
}

@media print {
    .c-inline-navigation--media-stage .c-inline-navigation__link {
        color: #1d1d1d
    }
}

.c-inline-navigation--media-stage .c-inline-navigation__button.is-show-more {
    background: linear-gradient(270deg, var(--media-stage-inline-navigation--button-bg-color) 0, var(--media-stage-inline-navigation--button-bg-color) 80%, transparent)
}

.c-inline-navigation--media-stage .c-inline-navigation__button.is-show-less {
    background: linear-gradient(90deg, var(--media-stage-inline-navigation--button-bg-color) 0, var(--media-stage-inline-navigation--button-bg-color) 80%, transparent)
}

.c-inline-navigation--page-content-header {
    padding-left: 15px;
    padding-right: 15px
}

@media only screen and (min-width: 910px) {
    .c-inline-navigation--page-content-header {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media only screen and (min-width: 910px) {
    .c-inline-navigation--page-content-header.is-without-background {
        height: 36px
    }
}

@media(prefers-contrast: no-preference) {
    .c-inline-navigation--page-content-header.is-brand .c-inline-navigation__link {
        color: #383e42
    }

    .c-inline-navigation--page-content-header.is-brand .c-inline-navigation__link:hover {
        border-bottom-color: #99b7a5
    }

    .c-inline-navigation--page-content-header.is-brand .c-inline-navigation__link::after {
        background-color: #99b7a5
    }
}

:root {
    --chip--dynamic-list-max-width-in-px: 200
}

.c-chip {
    display: inline-block;
    min-width: 100%;
    position: relative;
    transition: opacity 200ms ease-in-out
}

@media only screen and (min-width: 600px) {
    .c-chip {
        min-width: unset
    }
}

.c-chip:has(~.is-open),
.c-chip.is-open~.c-chip {
    opacity: .3
}

@media(prefers-contrast: no-preference) {

    .c-chip.is-brand .c-chip__chip-link,
    .c-chip.is-brand .c-chip__dropdown-toggle-text,
    .c-chip.is-brand .c-chip__dropdown-item-text {
        color: var(--chip--text-brand-color)
    }

    .c-chip.is-brand .c-chip__dropdown-toggle-icon {
        fill: var(--chip--icon-brand-color)
    }

    .c-chip.is-brand:hover .c-chip__chip,
    .c-chip.is-brand:hover .c-chip__dropdown-toggle {
        background: var(--chip--brand-bg-hover-color)
    }

    .c-chip.is-brand:hover .c-chip__dropdown-toggle {
        border-bottom-right-radius: 8px;
        border-top-right-radius: 8px
    }
}

.c-chip__chip-link {
    padding: 10px
}

.c-chip__chip-link,
.c-chip__dropdown-toggle {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 800;
    font-size: 1.1rem;
    line-height: 1.6rem;
    background: var(--chip--background-color);
    border: 1px solid var(--chip--border-color);
    border-radius: 8px;
    color: var(--chip--text-color);
    display: block;
    min-width: 100%
}

@media print {

    .c-chip__chip-link,
    .c-chip__dropdown-toggle {
        color: #1d1d1d
    }
}

@media only screen and (min-width: 600px) {

    .c-chip__chip-link,
    .c-chip__dropdown-toggle {
        display: inline-block;
        min-width: unset
    }
}

.c-chip__chip-link:hover,
.c-chip__dropdown-toggle:hover {
    background: var(--chip--background-hover-color);
    color: var(--chip--text-hover-color)
}

.c-chip__chip-link:hover .c-chip__dropdown-toggle-text,
.c-chip__dropdown-toggle:hover .c-chip__dropdown-toggle-text {
    color: var(--chip--text-hover-color)
}

.c-chip__chip-link:hover .c-chip__dropdown-toggle-icon,
.c-chip__dropdown-toggle:hover .c-chip__dropdown-toggle-icon {
    fill: var(--chip--icon-hover-color)
}

.c-chip__chip-link:hover .c-chip__dropdown-toggle-icon-wrapper,
.c-chip__dropdown-toggle:hover .c-chip__dropdown-toggle-icon-wrapper {
    border-left: 1px solid var(--chip--border-hover-color)
}

.is-advertorial .c-chip__chip-link,
.is-advertorial .c-chip__dropdown-toggle {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 400
}

.c-chip__dropdown-toggle {
    display: flex;
    position: relative;
    width: 100%
}

@media only screen and (min-width: 600px) {
    .c-chip__dropdown-toggle {
        display: inline-flex;
        width: auto
    }
}

.c-chip__dropdown-toggle.is-open .c-chip__dropdown-toggle-text {
    background-color: var(--chip--background-active-text-color);
    color: var(--chip--text-active-color);
    opacity: .3
}

.c-chip__dropdown-toggle.is-open .c-chip__dropdown-toggle-icon-wrapper {
    background-color: var(--chip--background-active-icon-color)
}

.c-chip__dropdown-toggle.is-open .c-chip__dropdown-toggle-icon {
    transform: rotate(180deg)
}

.c-chip__dropdown-toggle-text {
    color: var(--chip--text-color);
    display: inline-block;
    flex: 1;
    padding: 10px;
    text-align: left
}

.c-chip__dropdown-toggle-icon-wrapper {
    align-self: stretch;
    border-left: 1px solid var(--chip--border-color);
    display: inline-grid;
    place-content: center;
    width: 35px
}

.c-chip__dropdown-toggle-icon {
    fill: var(--chip--icon-color);
    height: 11px;
    transition: transform 200ms ease-in;
    width: 13px
}

.c-chip__dropdown {
    background-color: var(--chip--background-color);
    border-radius: 8px;
    box-shadow: 0 3px 10px 0 var(--chip--shadow-color);
    display: grid;
    grid-template-rows: 0fr;
    margin-top: 5px;
    outline: 1px solid var(--chip--border-color);
    outline-offset: -1px;
    position: absolute;
    transition: grid-template-rows 400ms;
    width: 100%;
    z-index: 5
}

.is-open .c-chip__dropdown {
    grid-template-rows: 1fr
}

.is-open .c-chip__dropdown .c-chip__dropdown-list {
    margin-block: 0
}

.c-chip__dropdown.is-dynamic-width {
    left: inherit;
    max-width: 100%;
    overflow: hidden;
    right: inherit
}

@media only screen and (min-width: 600px) {
    .c-chip__dropdown.is-dynamic-width {
        max-width: calc(var(--chip--dynamic-list-max-width-in-px)*1px);
        width: max-content
    }
}

.c-chip__dropdown.is-dynamic-width.is-right-aligned {
    right: 0
}

.c-chip__dropdown.is-dynamic-width.is-auto-aligned {
    max-width: 100% !important
}

.c-chip__dropdown-list {
    margin-block: -1em 1em;
    overflow: hidden;
    transition: margin-block-start 400ms, margin-block-end 400ms
}

.c-chip__dropdown-list-item {
    border-bottom: 1px solid var(--chip--border-color)
}

.is-first-item-indented .c-chip__dropdown-list-item:first-of-type .c-chip__dropdown-list-item-link {
    padding: 15px 10px
}

.c-chip__dropdown-list-item:last-of-type {
    border-bottom: none
}

.c-chip__dropdown-list-item-link {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 800;
    font-size: 1.1rem;
    line-height: 1.5rem;
    color: var(--chip--text-color);
    display: block;
    overflow: hidden;
    padding: 15px 20px;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media print {
    .c-chip__dropdown-list-item-link {
        color: #1d1d1d
    }
}

.c-chip__dropdown-list-item-link:hover {
    background: var(--chip--background-hover-color);
    color: var(--chip--text-hover-color)
}

.is-advertorial .c-chip__dropdown-list-item-link {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 400
}

.c-chip--highlight-navigation {
    min-width: unset
}

.c-chip--highlight-navigation .c-chip__chip-link {
    min-width: unset
}

.c-chip--tag-cloud-stage .c-chip__chip-link {
    font-size: 1.4rem;
    line-height: 2rem
}

.c-chip--tag-cloud-stage.is-theme-welt-blue .c-chip__chip-link {
    background-color: var(--chip-tag-cloud-stage--theme-welt-blue-bg-color);
    border-color: var(--chip-tag-cloud-stage--theme-welt-blue-border-color);
    color: var(--chip-tag-cloud-stage--theme-welt-blue-text-color)
}

.c-chip--tag-cloud-stage.is-theme-welt-blue .c-chip__chip-link:hover {
    background-color: var(--chip-tag-cloud-stage--theme-welt-blue-text-color);
    color: var(--chip-tag-cloud-stage--theme-welt-blue-bg-color)
}

.c-chip--tag-cloud-stage.has-no-editorial-font .c-chip__chip-link {
    font-family: "Helvetica Neue", helvetica, arial, sans-serif
}

.c-chip--tag-cloud-stage.is-not-themed .c-chip__chip-link {
    background: var(--chip-tag-cloud-stage--no-theme-bg-color);
    border-color: var(--chip-tag-cloud-stage--no-theme-border-color);
    color: var(--chip-tag-cloud-stage--no-theme-color)
}

.c-chip--tag-cloud-stage .c-chip__chip-link {
    border-color: var(--chip-tag-cloud-stage--link-border-color);
    padding: 6px 10px 7px
}

.c-chip--tag-cloud-stage.is-hero .c-chip__chip-link {
    font-size: 1.1rem;
    line-height: 1.8rem;
    border-radius: 30px;
    padding: 5px 12px
}

.c-pur-placeholder {
    background-color: #eee;
    padding: 15px 15px 0;
    position: relative
}

.c-pur-placeholder.is-rel-oembed-shown {
    background-color: rgba(0, 0, 0, 0)
}

.c-pur-placeholder.is-rel-oembed-shown .c-pur-placeholder__switch {
    border-top: none
}

.c-pur-placeholder__title {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 800;
    font-size: 2.2rem;
    line-height: 2.6rem;
    margin-bottom: 4px
}

.c-pur-placeholder__text {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 2.2rem;
    color: #1d1d1d
}

.c-pur-placeholder__link {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 2.2rem;
    color: #1d1d1d;
    margin-bottom: 15px;
    text-decoration: underline
}

.c-pur-placeholder__link:hover {
    text-decoration: none
}

.is-error .c-checkbox .c-checkbox__label::before {
    border-color: #b71336
}

.c-checkbox__input-wrapper {
    color: inherit
}

.c-checkbox__input {
    border: 0;
    clip-path: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.c-checkbox__input.is-focusable:active,
.c-checkbox__input.is-focusable:focus {
    clip-path: none;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.c-checkbox__input:checked~.c-checkbox__label::after {
    font-size: 1.9rem;
    color: #090909;
    content: "✓";
    left: 5px
}

.c-checkbox__description {
    font-size: 1.2rem;
    color: #27ae60;
    margin: 0;
    padding-left: 35px
}

.c-checkbox__label {
    font-size: 1.2rem;
    line-height: 2.4rem;
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 400;
    color: inherit;
    text-transform: uppercase;
    display: inline-block;
    padding-left: 35px;
    position: relative
}

.c-checkbox__label:hover {
    cursor: pointer
}

.c-checkbox__label::after,
.c-checkbox__label::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.c-checkbox__label::before {
    background: #fff;
    border: 1px solid #27ae60;
    display: block;
    height: 20px;
    line-height: 3.2rem;
    margin-right: 13px;
    text-align: center;
    width: 20px
}

.c-checkbox--default {
    margin: 0
}

.c-checkbox--pur-placeholder {
    display: inline-block;
    margin: 0 auto
}

.c-checkbox--pur-placeholder .c-checkbox__input:checked~.c-checkbox__label::before {
    background: #f18825
}

.c-checkbox--pur-placeholder .c-checkbox__input:checked~.c-checkbox__label::after {
    content: "";
    left: 18px;
    top: 1px
}

.c-checkbox--pur-placeholder .c-checkbox__label {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 800;
    font-size: 1.2rem;
    line-height: 1.5rem;
    color: inherit;
    cursor: pointer;
    height: 15px;
    padding-left: 50px;
    position: relative;
    text-transform: none
}

.c-checkbox--pur-placeholder .c-checkbox__label::after,
.c-checkbox--pur-placeholder .c-checkbox__label::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    transform: translate(0, 0)
}

.c-checkbox--pur-placeholder .c-checkbox__label::before {
    background: rgba(9, 9, 9, .1);
    border: none;
    border-radius: 2px;
    display: block;
    height: 16px;
    top: 0;
    width: 40px
}

.c-checkbox--pur-placeholder .c-checkbox__label::after {
    background-color: #fff;
    border-radius: 2px;
    content: "";
    display: block;
    height: 14px;
    left: 1px;
    top: 1px;
    width: 21px
}

.c-checkbox--pur-placeholder .c-checkbox__label-suffix {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 400
}

.c-branded-header {
    background-position: center;
    background-size: cover;
    border-bottom: 1px solid var(--branded-header--border-color);
    display: flex;
    position: relative;
    width: 100%
}

@media print {
    .c-branded-header {
        display: none
    }
}

.c-branded-header__badge {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 800;
    font-size: 0.9rem;
    line-height: 1.1rem;
    align-self: baseline;
    background-color: var(--branded-header--badge-background-color);
    border-color: var(--branded-header--border-color);
    border-radius: 3px;
    border-width: 1px 0;
    color: var(--branded-header--text-color);
    margin: 25px 0 25px 15px;
    padding: 5px;
    text-transform: uppercase
}

@media only screen and (min-width: 910px) {
    .c-branded-header__badge {
        margin-left: 30px
    }
}

.c-branded-header__welt-logo {
    fill: var(--branded-header--badge-welt-text-color);
    height: 7px;
    width: 25px
}

@media only screen and (min-width: 0)and (max-width: 350px) {

    .c-branded-header__welt-logo,
    .c-branded-header__welt-logo-separator {
        display: none
    }
}

.c-branded-header__sponsor {
    display: flex;
    margin-left: auto;
    margin-right: 15px;
    position: absolute;
    right: 0
}

@media only screen and (min-width: 910px) {
    .c-branded-header__sponsor {
        margin-right: 30px
    }
}

.c-branded-header__sponsor-text {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 400;
    font-size: 0.7rem;
    line-height: 1.1rem;
    align-self: flex-start;
    background-color: #fff;
    border-radius: 3px 0 0 3px;
    color: var(--branded-header--text-color);
    margin-top: 25px;
    overflow: hidden;
    padding: 5px;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap
}

@media only screen and (min-width: 0)and (max-width: 420px) {
    .c-branded-header__sponsor-text {
        font-size: 0rem;
        line-height: 0rem
    }

    .c-branded-header__sponsor-text::before {
        font-size: 0.9rem;
        line-height: 1.1rem;
        content: "-W-";
        display: inline-block
    }
}

@media only screen and (min-width: 600px) {
    .c-branded-header__sponsor-text {
        font-size: 0.9rem;
        line-height: 1.1rem
    }
}

.c-branded-header__sponsor-logo {
    background: #fff;
    border: 1px solid var(--branded-header--border-color);
    border-radius: 0 0 4px 4px;
    border-top: 0;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .11);
    display: flex;
    flex: 0 0 auto;
    height: 80px;
    padding: 5px;
    width: 140px;
    z-index: 1
}

.c-branded-header__sponsor-logo-link {
    display: contents
}

.c-branded-header__sponsor-logo-image {
    object-fit: contain
}

.c-partner-footer {
    margin-top: -1px;
    position: relative
}

.c-partner-footer.has-no-content {
    border-top: 1px solid #eee
}

.c-partner-footer__wrapper {
    border: 1px solid #eee;
    display: flex;
    flex-flow: column wrap
}

@media only screen and (min-width: 910px) {
    .c-partner-footer__wrapper {
        flex-direction: row
    }
}

.c-partner-footer__image {
    flex-basis: 50%;
    width: 100%
}

.c-partner-footer__content {
    align-items: center;
    background: #fff;
    display: flex;
    flex-basis: 50%;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    padding-bottom: 10px;
    position: relative
}

.c-partner-footer__logo {
    margin-top: 10px;
    max-height: 55px;
    max-width: 100%;
    width: auto
}

.c-partner-footer__slogan {
    font-size: 1rem;
    line-height: 1rem;
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 400;
    margin-top: 10px
}

.c-partner-footer__text {
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 400;
    color: #1d1d1d;
    margin-top: 20px;
    padding: 0 30px;
    text-align: center
}

.has-no-image .c-partner-footer__text {
    text-align: center
}

@media only screen and (min-width: 910px) {
    .c-partner-footer__text {
        text-align: left
    }
}

.c-partner-footer__button {
    font-size: 1.4rem;
    line-height: 2rem;
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 800;
    background-color: var(--partner-footer--cta-color);
    border-radius: 3px;
    color: #fff;
    font-weight: 800;
    margin-top: 15px;
    padding: 10px 15px;
    text-transform: uppercase
}

@media only screen and (min-width: 910px) {
    .c-partner-footer__button {
        margin-top: 25px
    }
}

.c-partner-footer__link {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.c-partner-footer__legal {
    font-size: 1.2rem;
    line-height: 1.4rem;
    font-family: ffmark, ffmark-fallback, sans-serif;
    color: var(--partner-footer--footer-text-color);
    padding: 10px 15px;
    text-align: center
}

@media only screen and (min-width: 910px) {
    .c-partner-footer__legal {
        padding: 10px 30px
    }
}

.c-teaser {
    font-family: ffmark, ffmark-fallback, sans-serif;
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative
}

.c-teaser:not(:last-of-type)::after {
    background-color: rgba(9, 9, 9, .1);
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: -15px;
    position: absolute;
    width: calc(100% + 2*15px)
}

@media only screen and (min-width: 600px) {
    .c-teaser:not(:last-of-type)::after {
        left: 0;
        width: 100%
    }
}

.c-teaser:has(.c-teaser__welt-video) .c-teaser__container {
    position: relative
}

.c-teaser .is-teaser-link {
    position: relative;
    z-index: 1
}

.c-teaser.has-white-border-left {
    border-left: 1px solid hsla(0, 0%, 100%, .1)
}

.c-teaser.has-extended-header-mobile .c-teaser__header {
    margin: -15px -15px 15px -15px
}

@media only screen and (min-width: 600px) {
    .c-teaser.has-extended-header-mobile .c-teaser__header {
        margin: 0 0 10px
    }
}

@media print {
    .c-teaser.has-extended-header-mobile .c-teaser__header {
        margin: 0
    }
}

@media only screen and (min-width: 0)and (max-width: 600px) {
    .c-teaser.has-extended-header-mobile .c-teaser__headline-link {
        font-size: 2.2rem;
        line-height: 2.6rem
    }
}

@media only screen and (min-width: 600px)and (max-width: 910px) {
    .c-teaser.has-extended-header-tablet .c-teaser__header {
        margin: -15px -15px 15px -15px
    }
}

@media only screen and (min-width: 600px)and (max-width: 910px) {
    .c-teaser.has-extended-header-tablet .c-teaser__headline-link {
        font-size: 2.2rem;
        line-height: 2.6rem
    }
}

@media only screen and (min-width: 600px) {
    .c-teaser.is-big-grid-item .c-teaser__headline-link {
        font-size: 2.2rem;
        line-height: 2.6rem
    }
}

.c-teaser.is-next-to-hero-teaser .c-teaser__footer,
.c-teaser.is-next-to-hero-teaser .is-teaser-footer-hydrated {
    margin-top: inherit
}

@media(prefers-contrast: no-preference) {
    .c-teaser.is-brand .c-teaser__hint-icon {
        background-color: var(--teaser--brand-color)
    }

    .c-teaser.is-brand .c-teaser__badge.has-frame {
        border: 1px solid var(--teaser--brand-color)
    }
}

.c-teaser__header {
    position: relative
}

.c-teaser__marker {
    font-size: 1rem;
    background-color: hsla(0, 0%, 100%, .5);
    color: #1d1d1d;
    padding: 1px 18px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 15px
}

.c-teaser__marker::before {
    content: attr(data-pseudo-text);
    display: inline-block
}

.c-teaser__hint-icon {
    background-color: var(--teaser--hint-icon-background-color);
    border-radius: 50%;
    bottom: 10px;
    fill: #fff;
    height: 36px;
    padding: 9px;
    pointer-events: none;
    position: absolute;
    right: 10px;
    width: 36px;
    z-index: 1
}

.c-teaser__hint-icon svg {
    height: 100%;
    width: 100%
}

.c-teaser__overline {
    font-size: 1.1rem;
    align-items: center;
    color: var(--teaser--badge-topic-text-color);
    display: flex;
    margin-bottom: 15px
}

.c-teaser__ellipsis-container {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.c-teaser__premium-icon {
    height: 20px;
    width: 31px
}

.c-teaser__badge {
    font-size: 1.1rem;
    line-height: 2.1rem;
    align-items: center;
    color: var(--teaser--badge-topic-text-color);
    display: inline-flex;
    height: 2.1rem;
    margin-right: 10px;
    max-width: 100%;
    vertical-align: top;
    white-space: nowrap
}

@media print {
    .c-teaser__badge {
        color: #1d1d1d
    }
}

.c-teaser__badge.has-frame {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 800;
    font-size: 1.1rem;
    line-height: 1.9rem;
    border: 1px solid var(--teaser--frame-color);
    padding: 0 6px;
    text-transform: uppercase
}

.c-teaser__badge.is-live::before {
    animation: blinking 1.2s infinite;
    background-color: var(--page--blinker-color);
    border-radius: 5px;
    display: inline-flex;
    height: 10px;
    margin-right: 5px;
    width: 10px;
    content: "";
    position: relative
}

.c-teaser__badge.is-inverted,
.is-inverted .c-teaser__badge {
    color: #fff
}

@media print {

    .c-teaser__badge.is-inverted,
    .is-inverted .c-teaser__badge {
        color: #1d1d1d
    }
}

.c-teaser__badge-link {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 800;
    color: #003a5a;
    position: relative;
    text-transform: uppercase
}

.c-teaser__badge-link::after {
    background-color: var(--page--text-highlight-color);
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    width: 100%
}

.c-teaser__badge-link {
    font-size: 1.1rem;
    line-height: 2rem;
    color: var(--teaser--badge-topic-text-color);
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.is-inverted .c-teaser__badge-link {
    color: #fff
}

@media print {
    .is-inverted .c-teaser__badge-link {
        color: #1d1d1d
    }
}

.c-teaser__topic {
    font-size: 1.1rem;
    line-height: 2.1rem;
    color: var(--teaser--badge-topic-text-color);
    text-transform: uppercase
}

@media print {
    .c-teaser__topic {
        color: #1d1d1d
    }
}

.c-teaser__date {
    font-size: 1.2rem;
    line-height: 2.1rem;
    color: var(--teaser--date-color);
    display: inline-block;
    margin-left: auto;
    padding-left: 12px;
    white-space: nowrap
}

.c-teaser__headline {
    color: #1d1d1d
}

.c-teaser__headline-link {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 800;
    font-size: 2rem;
    line-height: 2.6rem;
    break-inside: avoid;
    color: var(--teaser--headline-text-color);
    display: block;
    overflow-wrap: break-word;
    word-break: normal
}

@media print {
    .c-teaser__headline-link {
        color: #1d1d1d
    }
}

.c-teaser__headline-link::before {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
    content: ""
}

.c-teaser__headline-link.is-teaser-link {
    position: static
}

.c-teaser__headline-link.is-emphasis {
    font-family: freight, freight-fallback, serif;
    font-weight: 600;
    font-style: italic
}

.c-teaser__headline-link.has-no-editorial-font {
    font-family: "Helvetica Neue", helvetica, arial, sans-serif
}

.c-teaser__intro {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 2.2rem;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
    overflow-wrap: break-word
}

@media print {
    .c-teaser__intro {
        color: #1d1d1d
    }
}

.c-teaser__intro {
    break-inside: avoid;
    color: var(--teaser--text-color);
    margin-bottom: 15px
}

.has-no-clamp .c-teaser__intro,
.is-advertorial .c-teaser__intro {
    -webkit-box-orient: inherit;
    display: inherit;
    -webkit-line-clamp: inherit;
    overflow: inherit;
    overflow-wrap: inherit
}

.c-teaser__intro.has-no-editorial-font {
    font-family: "Helvetica Neue", helvetica, arial, sans-serif
}

@media only screen and (min-width: 768px) {
    .c-teaser__intro {
        line-height: 2.1rem;
        margin-bottom: 30px
    }
}

.is-teaser-footer-hydrated {
    margin-top: auto
}

.c-teaser__footer {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.5rem;
    color: var(--teaser--footer-text-color);
    margin-top: auto
}

@media print {
    .c-teaser__footer {
        color: #1d1d1d
    }
}

.c-teaser__footer-list {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    height: 20px
}

.c-teaser__footer-list-item.is-separated {
    margin-right: 11px
}

.c-teaser__footer-list-item.is-pushing-right {
    margin-left: auto
}

.c-teaser__logo {
    pointer-events: none
}

.c-teaser__logo.is-logo-brand-gruenderszene-gs {
    height: 14px;
    position: relative;
    top: 2px;
    width: 23px
}

.c-teaser__logo.is-logo-brand-blau {
    height: 14px;
    position: relative;
    top: 2px;
    width: 23px
}

.c-teaser__logo.is-logo-brand-businessinsider {
    height: 15px;
    position: relative;
    top: 2px;
    width: 40px
}

.c-teaser__logo.is-logo-brand-iconist {
    fill: var(--teaser--iconist-color);
    height: 9px;
    width: 46px
}

.c-teaser__logo.is-logo-brand-kompakt {
    height: 10px;
    position: relative;
    top: 2px;
    width: 30px
}

.c-teaser__logo.is-logo-brand-musikexpress {
    height: 16px;
    position: relative;
    top: 2px;
    width: 74px
}

.c-teaser__logo.is-logo-brand-rollingstone {
    height: 17px;
    position: relative;
    top: 3px;
    width: 82px
}

.c-teaser__comment {
    align-items: center;
    color: var(--teaser--comment-count-color);
    display: flex
}

.c-teaser__comment-icon {
    fill: var(--teaser--comment-count-color);
    height: 15px;
    margin-right: 7px;
    width: 16px
}

.c-teaser__animated-teaser {
    background-color: var(--teaser--animated-background-color);
    overflow: hidden;
    position: relative
}

.c-teaser__animated-teaser-poster-fallback {
    fill: #fff;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
    z-index: 0
}

.c-teaser__animated-teaser-video {
    position: absolute;
    top: 0;
    width: 100%
}

@media print {

    .c-teaser--default,
    .c-teaser--media,
    .c-teaser--media-hero {
        flex-direction: row
    }

    .c-teaser--default .c-teaser__container:first-of-type {
        margin-right: 15px;
        width: 5cm
    }
}

.c-teaser--default.has-hint-icon .c-teaser__header::after {
    content: "";
    display: block;
    position: absolute;
    background: linear-gradient(320deg, rgba(23, 27, 45, 0.2) 0, rgba(23, 27, 45, 0.1) 20%, rgba(23, 27, 45, 0) 33%) bottom right;
    bottom: 0;
    right: 0;
    transform: scale(1.01);
    background-size: 150%;
    height: 100%;
    max-height: 150px;
    max-width: 150px;
    width: 45%
}

.c-teaser--default .c-teaser__header {
    margin-bottom: 10px
}

.c-teaser--default .c-teaser__overline {
    margin-bottom: 8px
}

.c-teaser--default .c-teaser__headline {
    margin-bottom: 10px
}

.c-teaser--default .c-teaser__intro {
    margin-bottom: 20px
}

.c-teaser--default .c-teaser__container.is-full-height-flex {
    display: flex;
    flex: 1;
    flex-direction: column
}

.c-teaser--default .c-teaser__footer {
    padding-bottom: 15px
}

.c-teaser--affiliate-box {
    position: relative
}

@media print {
    .c-teaser--affiliate-box {
        display: none
    }
}

.c-teaser--affiliate-box .c-teaser__label {
    font-size: 1.1rem;
    line-height: 1.4rem;
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 800;
    color: var(--affiliate-box-teaser--label-color);
    display: block;
    margin-bottom: 6px;
    padding: 0 15px;
    text-transform: uppercase
}

@media only screen and (min-width: 600px) {
    .c-teaser--affiliate-box .c-teaser__label {
        padding: 0 80px
    }
}

.c-teaser--affiliate-box .c-teaser__label::before {
    content: attr(data-pseudo-text)
}

.c-teaser--affiliate-box .c-teaser__container {
    border: 1px solid var(--affiliate-box-teaser--border-color);
    display: flex;
    padding: 15px
}

.c-teaser--affiliate-box .c-teaser__header {
    display: none;
    flex-shrink: 0;
    max-width: 100px;
    padding-top: 7px;
    width: 100px
}

@media only screen and (min-width: 600px) {
    .c-teaser--affiliate-box .c-teaser__header {
        display: block
    }
}

.c-teaser--affiliate-box .c-teaser__body {
    display: flex;
    flex-direction: column;
    width: 100%
}

@media only screen and (min-width: 600px) {
    .c-teaser--affiliate-box .c-teaser__body {
        margin-left: 15px
    }
}

.c-teaser--affiliate-box .c-teaser__headline {
    font-size: 2.2rem;
    line-height: 2.6rem;
    font-family: "Helvetica Neue", helvetica, arial, sans-serif;
    font-weight: 800;
    color: var(--affiliate-box-teaser--headline-color);
    margin-top: 5px
}

.c-teaser--affiliate-box .c-teaser__intro {
    font-size: 1.4rem;
    line-height: 2rem;
    font-family: freight, freight-fallback, serif;
    color: var(--affiliate-box-teaser--text-color);
    margin-bottom: 0;
    margin-top: 10px
}

.c-teaser--affiliate-box .c-teaser__buttons-list {
    display: flex;
    flex-flow: column wrap;
    margin-top: 5px
}

@media only screen and (min-width: 600px) {
    .c-teaser--affiliate-box .c-teaser__buttons-list {
        flex-direction: row
    }
}

.c-teaser--affiliate-box .c-teaser__button-el {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    margin-top: 15px
}

@media only screen and (min-width: 600px) {
    .c-teaser--affiliate-box .c-teaser__button-el {
        flex-basis: calc(50% - 7.5px);
        flex-grow: 1
    }
}

@media only screen and (min-width: 600px) {
    .c-teaser--affiliate-box .c-teaser__button-el:nth-child(2n) {
        margin-left: 15px
    }
}

.c-teaser--affiliate-box .c-teaser__button {
    font-size: 1.4rem;
    line-height: 2rem;
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 800;
    border: 1px solid var(--affiliate-box-teaser--button-color);
    border-radius: 4px;
    color: var(--affiliate-box-teaser--button-color);
    padding: 12px;
    text-align: center;
    text-transform: uppercase;
    transition: color 200ms ease-in-out, background-color 200ms ease-in-out;
    width: 100%
}

.c-teaser--affiliate-box .c-teaser__button:hover {
    background-color: var(--affiliate-box-teaser--button-hover-bg-color);
    color: var(--affiliate-box-teaser--button-hover-text-color)
}

.c-teaser--animated-banner {
    height: 80px;
    min-width: 313px;
    padding: 0 1.5rem;
    position: relative
}

.is-aria-keyboard-controlled .c-teaser--animated-banner {
    scroll-snap-align: start
}

.c-teaser--animated-banner+.c-teaser--animated-banner::before {
    background-color: var(--animated-banner-teaser--border-color);
    bottom: 0;
    content: "";
    display: block;
    height: 30px;
    left: 0;
    margin: auto;
    position: absolute;
    top: 0;
    width: 1px
}

.c-teaser--animated-banner .c-teaser__body {
    height: 58px;
    margin: auto;
    width: 100%
}

.c-teaser--animated-banner .c-teaser__badge {
    color: var(--animated-banner-teaser--badge-text-color);
    float: left;
    height: 16px;
    margin-right: .5rem;
    position: relative;
    top: 3px
}

.c-teaser--animated-banner .c-teaser__badge.has-frame {
    font-size: 0.8rem;
    line-height: 1.8rem;
    font-family: "Helvetica Neue", helvetica, arial, sans-serif;
    font-weight: 600;
    align-items: center;
    display: flex;
    height: 16px;
    padding: .1rem .4rem .1rem .3rem
}

.c-teaser--animated-banner .c-teaser__badge.is-live::before {
    height: 7px !important;
    top: 0;
    width: 7px !important
}

.c-teaser--animated-banner .c-teaser__headline-link {
    font-size: 1.4rem;
    line-height: 2rem;
    color: var(--teaser--headline-text-color);
    hyphens: auto
}

.c-teaser--animated-banner .c-teaser__premium-icon {
    background: var(--animated-banner-teaser--premium-icon-bg-color);
    border-radius: 1px;
    height: 16px;
    width: 25px
}

.c-teaser--animated-banner .c-teaser__date {
    font-weight: 400;
    font-size: 1.1rem;
    line-height: 1.3rem;
    background: var(--animated-banner-teaser--date-bg-color);
    border-radius: .2rem;
    bottom: 9px;
    color: var(--animated-banner-teaser--date-text-color);
    padding: .2rem .4rem;
    position: absolute;
    right: 15px;
    z-index: 2
}

.c-teaser--inline {
    column-gap: 15px;
    display: grid;
    grid-template-columns: 80px 1fr
}

@media only screen and (min-width: 910px) {
    .c-teaser--inline {
        grid-template-columns: 60px 1fr 80px
    }
}

.c-teaser--inline .c-teaser__container {
    overflow: hidden
}

.c-teaser--inline .c-teaser__overline {
    margin-bottom: 5px
}

.c-teaser--inline .c-teaser__headline-link {
    font-size: 1.5rem;
    line-height: 2rem;
    color: var(--inline-teaser--headline-color)
}

.c-teaser--inline .c-teaser__marker {
    font-size: 1.2rem;
    line-height: 2.1rem;
    color: var(--inline-teaser--marker-text-color);
    position: relative;
    right: inherit;
    text-transform: capitalize;
    top: inherit
}

.c-teaser--inline .c-teaser__marker::before {
    content: attr(data-pseudo-text);
    display: inline-block
}

.c-teaser--live-ticker {
    flex-direction: row
}

.c-teaser--live-ticker .c-teaser__container.is-left {
    flex-basis: 16px;
    flex-shrink: 0
}

.c-teaser--live-ticker .c-teaser__container.is-left::before {
    background-color: var(--live-ticker-teaser--dot-color);
    border-radius: 50%;
    content: "";
    height: 11px;
    position: absolute;
    top: 17px;
    width: 11px;
    z-index: 1
}

.c-teaser--live-ticker .c-teaser__container.is-left::after {
    background: var(--live-ticker-teaser--line-color);
    bottom: 0;
    content: "";
    left: 5px;
    position: absolute;
    top: 0;
    width: 1px
}

.c-teaser--live-ticker .c-teaser__container.is-right {
    flex-grow: 1;
    padding: 12px 10px 20px
}

.c-teaser--live-ticker .c-teaser__container.is-date {
    display: flex;
    justify-content: space-between
}

.c-teaser--live-ticker .c-teaser__container.is-inline-item {
    margin-bottom: 20px
}

.c-teaser--live-ticker .c-teaser__date {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 800;
    font-size: 1.4rem;
    line-height: 2rem;
    color: var(--live-ticker-teaser--date-color);
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 0
}

.c-teaser--live-ticker .c-teaser__pin-icon {
    color: var(--live-ticker-teaser--pin-icon-fill);
    height: 24px;
    margin-right: 6px;
    width: 24px
}

.c-teaser--live-ticker .c-teaser__body {
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: relative
}

.c-teaser--live-ticker .c-teaser__headline {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 800;
    font-size: 2rem;
    line-height: 2.4rem;
    color: var(--live-ticker-teaser--text-color);
    margin: 12px 0 10px
}

.c-teaser--live-ticker .c-teaser__intro {
    font-family: freight, freight-fallback, serif;
    font-size: 1.8rem;
    line-height: 2.8rem;
    color: var(--live-ticker-teaser--text-color)
}

.c-teaser--live-ticker.is-first .c-teaser__container::after {
    top: 27px
}

.c-teaser--live-ticker.is-pinned .c-teaser__container.is-right {
    background-color: var(--live-ticker-teaser--pinned-bg-color);
    border: 1px solid var(--live-ticker-teaser--pinned-border-color);
    border-radius: 4px
}

.c-teaser--live-ticker.is-pinned:not(.is-pinned-last) .c-teaser__container.is-right {
    margin-bottom: 15px
}

.c-audio-player {
    min-width: 320px;
    position: relative
}

.c-audio-player__header {
    align-items: center;
    background-color: var(--audio-player--background-color);
    border-radius: 5px;
    display: inline-flex;
    gap: 4px;
    height: 24px;
    justify-content: center;
    left: 50%;
    min-width: 147px;
    padding: 0 8px;
    position: absolute;
    top: 0;
    transform: translate(-50%, -50%);
    z-index: 1
}

.c-audio-player__header.is-loading {
    background-color: var(--audio-player--loading-background-color)
}

.c-audio-player__label-icon {
    fill: var(--audio-player--accent-icon-color);
    flex-shrink: 0;
    height: 16px;
    stroke: var(--audio-player--accent-icon-color);
    width: 16px
}

.c-audio-player__label-icon.c-audio-player__label-icon--buffering {
    animation: rotate-360 .8s linear infinite
}

.c-audio-player__header-label {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 1.6rem;
    color: var(--audio-player--accent-icon-color);
    white-space: nowrap
}

.c-audio-player__controls {
    align-items: center;
    background: var(--audio-player--background-color);
    border: 1px solid var(--audio-player--border-color);
    border-radius: 8px;
    display: flex;
    gap: 8px;
    height: 52px;
    padding: 0 8px;
    position: relative
}

.c-audio-player__controls.is-loading {
    border-color: var(--audio-player--loading-border-color)
}

.c-audio-player__controls.is-ad-playback .c-audio-player__range::-webkit-slider-thumb,
.c-audio-player__controls.is-content-buffering .c-audio-player__range::-webkit-slider-thumb {
    height: 0;
    margin-top: calc(4px/2);
    opacity: 0;
    transition: none;
    width: 0
}

.c-audio-player__controls.is-ad-playback .c-audio-player__range:hover::-webkit-slider-thumb,
.c-audio-player__controls.is-content-buffering .c-audio-player__range:hover::-webkit-slider-thumb {
    height: 0;
    margin-top: calc(4px/2);
    width: 0
}

.c-audio-player__controls.is-ad-playback .c-audio-player__range::-moz-range-thumb,
.c-audio-player__controls.is-content-buffering .c-audio-player__range::-moz-range-thumb {
    border: none;
    height: 0;
    opacity: 0;
    transition: none;
    width: 0
}

.c-audio-player__controls.is-ad-playback .c-audio-player__rate-btn,
.c-audio-player__controls.is-ad-playback .c-audio-player__range {
    pointer-events: none
}

.c-audio-player__controls.is-ad-playback .c-audio-player__rate-btn:disabled {
    cursor: not-allowed;
    opacity: .5
}

.c-audio-player__controls.is-content-buffering .c-audio-player__range::-webkit-slider-runnable-track {
    background: linear-gradient(to right, var(--audio-player--progress-bar-buffering-accent-color) var(--audio-player--progress, 0%), var(--audio-player--progress-bar-background-color) var(--audio-player--progress, 0%))
}

.c-audio-player__controls.is-content-buffering .c-audio-player__range::-moz-range-track {
    background: linear-gradient(to right, var(--audio-player--progress-bar-buffering-accent-color) var(--audio-player--progress, 0%), var(--audio-player--progress-bar-background-color) var(--audio-player--progress, 0%))
}

.c-audio-player__controls.is-content-buffering .c-audio-player__range:focus-visible {
    outline: 2px solid var(--audio-player--progress-bar-buffering-accent-color)
}

.c-audio-player__play-button {
    align-items: center;
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    height: 36px;
    justify-content: center;
    padding: 0;
    transition: opacity 200ms ease-in-out;
    width: 36px
}

.c-audio-player__play-button:focus-visible {
    outline: 2px solid var(--audio-player--accent-icon-color);
    outline-offset: 2px
}

.c-audio-player__play-button:hover {
    opacity: .7
}

.c-audio-player__play-button:active {
    opacity: .5
}

.c-audio-player__play-button:disabled {
    cursor: not-allowed;
    opacity: .5;
    pointer-events: none
}

.c-audio-player__play-icon {
    fill: var(--audio-player--accent-icon-color);
    height: 24px;
    width: 24px
}

.c-audio-player__progress {
    align-items: center;
    display: flex;
    flex: 1;
    min-width: 0
}

.c-audio-player__range {
    appearance: none;
    background: rgba(0, 0, 0, 0);
    cursor: pointer;
    height: 36px;
    margin: 0;
    width: 100%
}

.c-audio-player__range:focus-visible {
    outline: 2px solid var(--audio-player--progress-bar-accent-color);
    outline-offset: 2px
}

.c-audio-player__range::-webkit-slider-runnable-track {
    background: linear-gradient(to right, var(--audio-player--progress-bar-accent-color) var(--audio-player--progress, 0%), var(--audio-player--progress-bar-background-color) var(--audio-player--progress, 0%));
    border: none;
    border-radius: 4px;
    height: 4px
}

.c-audio-player__range::-webkit-slider-thumb {
    appearance: none;
    background: var(--audio-player--progress-bar-accent-color);
    border: none;
    border-radius: 50%;
    height: 12px;
    margin-top: calc((4px - 12px)/2);
    transition: height 150ms ease, width 150ms ease, margin-top 150ms ease;
    width: 12px
}

.c-audio-player__range:hover::-webkit-slider-thumb {
    height: 20px;
    margin-top: calc((4px - 20px)/2);
    width: 20px
}

.c-audio-player__range::-moz-range-track {
    background: linear-gradient(to right, var(--audio-player--progress-bar-accent-color) var(--audio-player--progress, 0%), var(--audio-player--progress-bar-background-color) var(--audio-player--progress, 0%));
    border: none;
    border-radius: 4px;
    height: 4px
}

.c-audio-player__range::-moz-range-thumb {
    appearance: none;
    background: var(--audio-player--progress-bar-accent-color);
    border: none;
    border-radius: 50%;
    height: 12px;
    transition: height 150ms ease, width 150ms ease;
    width: 12px
}

.c-audio-player__range:hover::-moz-range-thumb {
    height: 20px;
    width: 20px
}

.c-audio-player__range:disabled {
    cursor: not-allowed;
    pointer-events: none
}

.c-audio-player__time {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-size: 1.2rem;
    line-height: 1.6rem;
    color: var(--audio-player--text-color);
    flex-shrink: 0;
    font-variant-numeric: tabular-nums;
    text-align: center;
    white-space: nowrap
}

.c-audio-player__rate-btn {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 1.6rem;
    align-items: center;
    background: var(--audio-player--rate-button-background-color);
    border: 1px solid var(--audio-player--rate-button-border-color);
    border-radius: 8px;
    color: var(--audio-player--rate-button-color);
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    height: 26px;
    justify-content: center;
    min-width: 42px;
    padding: 0 8px;
    transition: color 200ms ease-in-out, border-color 200ms ease-in-out;
    white-space: nowrap
}

.c-audio-player__rate-btn:focus-visible {
    outline: 2px solid var(--audio-player--rate-button-active-border-color);
    outline-offset: 2px
}

.c-audio-player__rate-btn:hover {
    background: var(--audio-player--rate-button-hover-background-color);
    border-color: var(--audio-player--rate-button-border-color)
}

.c-audio-player__rate-btn:active {
    background: var(--audio-player--rate-button-active-background-color);
    border: 1px solid var(--audio-player--rate-button-active-border-color)
}

.c-audio-player__rate-btn:disabled {
    cursor: not-allowed;
    opacity: .5;
    pointer-events: none
}

.c-audio-player__container {
    display: none
}

.c-autoplay-toggle {
    align-items: center;
    display: flex;
    gap: 10px
}

.c-autoplay-toggle__label {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-size: 1.1rem;
    line-height: 1.2rem;
    color: var(--autoplay-toggle--text-color);
    text-transform: uppercase
}

.c-citation {
    display: flex;
    flex-direction: column
}

@media only screen and (min-width: 600px) {
    .c-citation {
        flex-direction: row
    }
}

.c-citation__icon-wrapper {
    flex-shrink: 0;
    padding-bottom: 12px;
    width: 100%
}

@media only screen and (min-width: 600px) {
    .c-citation__icon-wrapper {
        padding-bottom: 0;
        width: 80px
    }
}

.c-citation__icon {
    fill: var(--citation--text-color);
    height: 40px;
    width: 50px
}

.c-citation__text {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 300;
    font-size: 2.4rem;
    line-height: 3.2rem;
    color: var(--citation--text-color);
    margin-bottom: 12px;
    text-transform: uppercase
}

@media only screen and (min-width: 600px) {
    .c-citation__text {
        font-size: 3.6rem;
        line-height: 5rem;
        margin-bottom: 18px
    }
}

.c-citation__source,
.c-citation__source-description {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 2.2rem;
    color: var(--citation--text-color);
    display: block
}

.c-citation__source {
    font-weight: 800;
    text-transform: uppercase
}

.c-comments {
    background-color: #fff;
    scroll-margin-top: 6.5rem
}

.c-comments__error {
    background-color: #741057;
    display: flex;
    min-height: 200px;
    padding: 15px
}

@media only screen and (min-width: 910px) {
    .c-comments__error {
        padding: 30px
    }
}

.c-comments__error-icon {
    display: inline-block;
    fill: #fff;
    height: 50px;
    vertical-align: text-bottom;
    width: 50px
}

.c-comments__error-label {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 800;
    font-size: 1.5rem;
    line-height: 2.5rem;
    color: #fff;
    letter-spacing: .4px;
    padding-left: 20px
}

.c-content-image {
    border-bottom: 1px solid var(--content-image--border-color)
}

@media only screen and (min-width: 657px) {
    .c-content-image {
        border: 1px solid var(--content-image--border-color);
        border-radius: 0 0 4px 4px
    }
}

@media print {
    .c-content-image {
        margin: auto;
        width: 10cm
    }

    .is-full-width-media-element:first-of-type .c-content-image {
        margin: inherit;
        width: inherit
    }
}

.c-content-image__picture-wrapper {
    background-color: var(--content-image--background-color);
    position: relative
}

.c-content-image__caption {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 400;
    border-top: 1px solid var(--content-image--border-color);
    color: var(--content-image--text-color);
    display: flex;
    flex-direction: column;
    padding: 12px 15px;
    position: relative
}

@media only screen and (min-width: 768px) {
    .c-content-image__caption {
        padding: 12px 80px
    }
}

.c-content-image__caption-alt {
    font-size: 1.2rem;
    line-height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis
}

.c-content-image__caption-source {
    font-size: 0.9rem;
    line-height: 1.2rem;
    padding-top: 5px
}

.c-content-image__caption-link {
    font-size: 1rem;
    line-height: 1.4rem;
    color: var(--content-image--text-color);
    padding-top: 5px
}

.c-content-image__caption-link:hover {
    color: var(--content-image--link-hover-color)
}

.c-content-image__zoom-button {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

@media print {
    .c-content-image__zoom-button {
        display: none
    }
}

@media(hover: hover)and (pointer: fine) {
    .c-content-image__zoom-button {
        opacity: 0;
        transition: opacity 200ms ease-in-out
    }

    .c-content-image__zoom-button:hover {
        opacity: 1
    }

    .c-content-image__zoom-button::before {
        content: "";
        display: block;
        position: absolute;
        align-items: center;
        background: #fff;
        border-radius: 4px;
        bottom: 10px;
        display: flex;
        height: 24px;
        justify-content: center;
        padding: 5px 7px;
        position: absolute;
        right: 15px;
        width: 30px;
        z-index: 2
    }
}

.c-content-image__zoom-button-icon {
    display: none
}

@media(hover: hover)and (pointer: fine) {
    .c-content-image__zoom-button-icon {
        bottom: 18px;
        display: block;
        height: 19px;
        position: absolute;
        right: 27px;
        width: 20px;
        z-index: 2
    }
}

.c-content-image--grid-gallery {
    border: none;
    border-radius: 0
}

@media only screen and (min-width: 768px) {
    .c-content-image--grid-gallery {
        border: 1px solid var(--content-image--border-color);
        border-radius: 0 0 4px 4px
    }
}

@media only screen and (min-width: 768px) {
    .c-content-image--grid-gallery .c-content-image__caption {
        padding: 12px 15px
    }
}

.c-content-image--grid-gallery .c-content-image__picture-wrapper {
    display: flex;
    max-height: 560px
}

@media only screen and (min-width: 600px) {
    .c-content-image--grid-gallery .c-content-image__picture-wrapper {
        max-height: 310px
    }
}

@media only screen and (min-width: 768px) {
    .c-content-image--grid-gallery .c-content-image__picture-wrapper {
        max-height: 560px
    }
}

.c-content-image--grid-gallery .c-picture--content-image {
    width: 100%
}

.c-content-image--live-ticker-teaser {
    border: 0
}

.c-content-image--live-ticker-teaser .c-content-image__caption {
    padding: 8px 0 0
}

.c-content-image--live-ticker-teaser .c-content-image__caption-alt,
.c-content-image--live-ticker-teaser .c-content-image__lightbox-caption {
    font-size: 1.2rem;
    line-height: 1.6rem
}

.c-content-image--live-ticker-teaser .c-content-image__caption-source {
    font-size: 0.9rem;
    line-height: 1.2rem
}

.c-divider {
    border: 0;
    margin: 0
}

.c-divider+.c-divider {
    display: none
}

.c-divider--article {
    background-color: var(--divider--mobile-color);
    border-bottom: 1px solid var(--divider--mobile-border-color);
    border-top: 1px solid var(--divider--mobile-border-color);
    height: 10px
}

@media(prefers-contrast: more) {
    .c-divider--article {
        visibility: hidden
    }
}

@media print {
    .c-divider--article {
        display: none
    }
}

.c-divider--topic-overview {
    display: none
}

@media only screen and (min-width: 910px) {
    .c-divider--topic-overview {
        background-color: var(--divider--desktop-color);
        border-bottom: 1px solid var(--divider--desktop-color);
        border-top: 1px solid var(--divider--desktop-color);
        display: block;
        height: 1px;
        margin-bottom: 30px;
        margin-top: 20px;
        width: 100%
    }
}

.c-divider--search {
    background-color: var(--divider--mobile-color);
    border-bottom: 1px solid var(--divider--mobile-border-color);
    border-top: 1px solid var(--divider--mobile-border-color);
    height: 10px;
    width: 100%
}

@media only screen and (min-width: 910px) {
    .c-divider--search {
        display: none
    }
}

@media only screen and (min-width: 0)and (max-width: 910px) {
    .c-divider--stage {
        background-color: var(--divider--mobile-color);
        border-bottom: 1px solid var(--divider--mobile-border-color);
        border-top: 1px solid var(--divider--mobile-border-color);
        height: 10px
    }
}

@media only screen and (min-width: 768px) {
    .c-divider--stage {
        margin-top: -1px;
        position: relative
    }
}

@media only screen and (min-width: 910px) {
    .c-divider--stage {
        background-color: var(--divider--desktop-color);
        height: 1px
    }
}

.is-topic-detail-page .c-divider--stage {
    display: none
}

@media only screen and (min-width: 910px) {
    .is-topic-detail-page .c-divider--stage {
        display: block
    }
}

.c-divider--stage.has-theme {
    border-top: none;
    height: 13px;
    position: relative
}

@media only screen and (min-width: 910px) {
    .c-divider--stage.has-theme {
        height: 3px
    }
}

.c-divider--stage.has-theme::before {
    content: "";
    display: block;
    position: absolute;
    height: 3px;
    width: 100%
}

.c-divider--stage.is-olympia::before {
    background: linear-gradient(89.74deg, #036fc0 1.93%, #4b432c 21.74%, #1ea91e 41.55%, #ddd62f 63.73%, #db1e12 81.16%)
}

.c-divider--stage.is-em2024::before {
    background: linear-gradient(89.74deg, #d93524 1.93%, #f7cd4c 25.87%, #55ba5f 46.09%, #1a36da 67.13%, #010000 81.16%)
}

.c-divider--stage.is-earth-week::before {
    background: linear-gradient(89.74deg, #589189 1.93%, #91bf29 81.16%), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2))
}

.c-divider--stage.is-die-welt-kuenstler-ausgabe-2024::before {
    background: linear-gradient(73deg, rgba(103, 117, 140, 0.7) 12%, rgba(176, 73, 71, 0.7) 52%, rgba(184, 197, 210, 0.7) 92%)
}

.c-divider--stage.is-blarz-week::before {
    background: linear-gradient(89.74deg, #f18825 1.93%, #ae6521 81.16%)
}

.c-divider--stage.is-fifa-2026::before {
    background: linear-gradient(264deg, #004c3f 1.14%, #01c853 32.98%, #b0ea00 61.48%, #01c853 100%)
}

:root {
    --item-base-width: 100%
}

@media only screen and (min-width: 768px) {
    :root {
        --item-base-width: 50%
    }
}

@media only screen and (min-width: 910px) {
    :root {
        --item-base-width: 33.3%
    }
}

.c-grid-gallery {
    margin: 0 -15px
}

.c-grid-gallery::after {
    content: "";
    display: block;
    position: absolute;
    clear: both;
    display: block;
    position: relative
}

.c-grid-gallery__item {
    display: block;
    float: left;
    margin-bottom: 20px;
    padding: 0 15px;
    position: relative
}

@media only screen and (min-width: 910px) {
    .c-grid-gallery__item {
        margin-bottom: 30px
    }
}

.c-grid-gallery__item.is-small {
    width: var(--item-base-width)
}

.c-grid-gallery__item.is-wide {
    width: var(--item-base-width)
}

@media only screen and (min-width: 910px) {
    .c-grid-gallery__item.is-wide {
        width: calc(var(--item-base-width)*2)
    }
}

.c-grid-gallery__item.is-full-width {
    width: 100%
}

.c-grid-gallery__item-sizer {
    width: var(--item-base-width)
}

.c-grid-gallery__lightbox-caption {
    font-size: 1.2rem;
    line-height: 1.5rem
}

.c-inline-gallery__headline {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 800;
    font-size: 1.8rem;
    line-height: 2.1rem;
    color: var(--inline-gallery--text-color);
    padding: 12px 15px
}

@media only screen and (min-width: 768px) {
    .c-inline-gallery__headline {
        padding: 12px 80px
    }
}

.c-inline-gallery__caption {
    font-size: 1.2rem;
    line-height: 1.5rem;
    color: var(--inline-gallery--text-color)
}

@media print {
    .c-inline-teaser-list {
        display: none
    }
}

.c-inline-teaser-list__headline {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 800;
    font-size: 1.1rem;
    line-height: 1.4rem;
    color: var(--inline-teaser-list--headline-text-color);
    margin-bottom: 6px;
    text-transform: uppercase
}

.c-inline-teaser-list__content {
    border-bottom: 1px solid var(--inline-teaser-list--border-color);
    border-top: 1px solid var(--inline-teaser-list--border-color);
    padding-bottom: 15px;
    padding-top: 15px
}

.c-inline-teaser-list__headline,
.c-inline-teaser-list__content {
    margin-left: 15px;
    margin-right: 15px
}

@media only screen and (min-width: 910px) {

    .c-inline-teaser-list__headline,
    .c-inline-teaser-list__content {
        margin-left: 80px;
        margin-right: 80px
    }
}

.c-inline-teaser-list__element:not(:last-of-type) {
    margin-bottom: 24px
}

.c-inline-video {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 400;
    background-color: var(--inline-video--background-color);
    border-bottom: 1px solid var(--inline-video--container-border-color);
    border-top: 1px solid var(--inline-video--container-border-color)
}

@media print {
    .c-inline-video {
        display: none
    }
}

@media only screen and (min-width: 657px) {
    .c-inline-video {
        border: 1px solid var(--inline-video--container-border-color);
        border-radius: 0 0 4px 4px
    }
}

.c-inline-video.has-only-autoplay-toggle-description:not(:has(.c-autoplay-toggle)) {
    border-radius: 0
}

.c-inline-video__title {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 800;
    font-size: 1.8rem;
    line-height: 2.1rem;
    color: var(--inline-video--text-color)
}

.c-inline-video__caption {
    font-size: 1.2rem;
    line-height: 1.5rem;
    color: var(--inline-video--text-color);
    margin-bottom: 12px
}

.c-inline-video__footer {
    display: flex
}

.c-inline-video__footer.has-source-and-toggle {
    align-items: flex-end;
    justify-content: space-between
}

.c-inline-video__footer.has-toggle {
    justify-content: flex-end
}

.c-inline-video__source {
    font-size: 0.9rem;
    line-height: 1.2rem;
    color: var(--inline-video--text-color)
}

.c-inline-video__title,
.c-inline-video__description {
    border-top: 1px solid var(--inline-video--video-border-color);
    padding: 12px 15px
}

@media only screen and (min-width: 768px) {

    .c-inline-video__title,
    .c-inline-video__description {
        padding: 12px 80px
    }
}

.c-inline-video__title.has-only-autoplay-toggle:not(:has(.c-autoplay-toggle)),
.c-inline-video__description.has-only-autoplay-toggle:not(:has(.c-autoplay-toggle)) {
    border-top: 0;
    padding: 0
}

.c-inline-video--live-ticker-teaser {
    background-color: rgba(0, 0, 0, 0);
    border: 0
}

.c-inline-video--live-ticker-teaser .c-inline-video__description {
    padding: 8px 0 0
}

.c-video-error-message {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 800;
    font-size: 1.6rem;
    line-height: 2rem;
    align-items: center;
    aspect-ratio: 16/9;
    background-color: var(--video-error-message--background-color);
    border-bottom: 1px solid var(--video-error-message--border-color);
    border-top: 1px solid var(--video-error-message--border-color);
    color: var(--video-error-message--text-color);
    display: flex;
    flex-direction: column;
    gap: 15px;
    justify-content: center;
    overflow: hidden;
    padding: 30px;
    position: relative;
    text-align: center
}

@media only screen and (min-width: 657px) {
    .c-video-error-message {
        font-size: 1.8rem;
        line-height: 2.4rem;
        border: 1px solid var(--video-error-message--border-color);
        gap: 30px
    }
}

.c-video-error-message>* {
    z-index: 1
}

.c-video-error-message__bg-picture {
    inset: 0;
    position: absolute;
    z-index: 0
}

.c-video-error-message__bg-picture::before {
    content: "";
    display: block;
    position: absolute;
    background-color: var(--video-error-message--image-overlay-background-color);
    inset: 0;
    z-index: 1
}

.c-video-error-message__link {
    font-size: 1.2rem;
    line-height: 1.2rem;
    background-color: var(--video-error-message--link-background-color);
    color: var(--video-error-message--link-text-color);
    display: inline-block;
    margin-top: 10px;
    padding: 8px 10px;
    position: relative
}

.c-lightbox__item {
    display: flex;
    flex-direction: column;
    height: 100%
}

.c-lightbox__item-wrapper {
    align-items: center;
    display: flex;
    flex-grow: 1;
    justify-content: center;
    max-height: 100%;
    overflow: hidden;
    padding: 80px 0 30px;
    position: relative
}

@media only screen and (min-width: 768px) {
    .c-lightbox__item-wrapper {
        padding: 135px 95px 65px
    }
}

@media only screen and (min-width: 768px)and (pointer: coarse) {
    .c-lightbox__item-wrapper {
        padding: 80px 0 30px
    }
}

.c-lightbox__caption {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 400;
    color: var(--lightbox--text-color);
    display: flex;
    flex-direction: column;
    padding: 0 15px 30px;
    -webkit-text-size-adjust: 100%
}

@media only screen and (min-width: 768px) {
    .c-lightbox__caption {
        padding: 0 30px 30px
    }
}

@media only screen and (min-width: 768px)and (pointer: coarse) {
    .c-lightbox__caption {
        padding: 0 15px 30px
    }
}

.c-lightbox__description {
    font-size: 1.6rem;
    line-height: 2.1rem;
    max-height: 42px;
    overflow-y: auto
}

@media only screen and (min-width: 768px) {
    .c-lightbox__description {
        max-height: 105px
    }
}

@media only screen and (min-width: 768px)and (pointer: coarse) {
    .c-lightbox__description {
        max-height: 42px
    }
}

.c-lightbox__source {
    font-size: 0.9rem;
    line-height: 1.2rem;
    padding-top: 10px
}

.c-live-ticker__headline {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 800;
    font-size: 2rem;
    line-height: 2.4rem;
    color: var(--live-ticker--headline-text-color);
    margin-bottom: 25px;
    text-align: center
}

.c-live-ticker__new-messages {
    display: flex;
    justify-content: center;
    margin-bottom: 15px
}

.c-live-ticker__new-messages-button {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 1.2rem;
    align-items: center;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid var(--live-ticker--new-messages-text-color);
    border-radius: 4px;
    color: var(--live-ticker--new-messages-text-color);
    cursor: pointer;
    display: flex;
    gap: 7px;
    padding: 15px 16px;
    text-transform: uppercase
}

@media only screen and (min-width: 768px) {
    .c-live-ticker__new-messages-button {
        font-size: 1.1rem;
        line-height: 1.2rem
    }
}

.c-live-ticker__new-messages-button:disabled {
    border-color: var(--live-ticker--new-messages-disabled-border-color);
    color: var(--live-ticker--new-messages-disabled-text-color);
    cursor: default
}

.c-live-ticker__new-messages-icon {
    height: 16px;
    width: 16px
}

@media only screen and (min-width: 768px) {
    .c-live-ticker__new-messages-icon {
        height: 13px;
        width: 13px
    }
}

.c-live-ticker__load-more {
    display: flex;
    justify-content: center;
    margin-top: 15px
}

.c-live-ticker__scroll-to-top-button,
.c-live-ticker__load-more-button {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 1.8rem;
    align-items: center;
    background-color: var(--live-ticker--load-more-button-background-color);
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: flex;
    gap: 11px;
    padding: 15px 24px;
    text-transform: uppercase
}

.c-live-ticker__scroll-to-top-button:disabled,
.c-live-ticker__load-more-button:disabled {
    cursor: default;
    opacity: .5
}

.c-live-ticker__scroll-to-top-icon,
.c-live-ticker__load-more-icon {
    fill: currentcolor;
    height: 16px;
    width: 16px
}

.c-attached-content {
    color: var(--attached-content--text-color);
    padding: 0 15px 15px
}

@media only screen and (min-width: 768px) {
    .c-attached-content {
        padding-top: 15px
    }
}

@media only screen and (min-width: 910px) {
    .c-attached-content {
        padding: 15px 30px 15px
    }
}

@media print {
    .c-attached-content {
        display: none
    }
}

.c-attached-content__headline {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-size: 1.8rem;
    line-height: 2rem;
    border-bottom: 1px solid var(--attached-content--underline-color);
    padding-bottom: 15px;
    padding-top: 15px;
    text-align: left;
    text-transform: uppercase
}

@media only screen and (min-width: 768px) {
    .c-attached-content__headline {
        padding-top: 30px
    }
}

.c-attached-content__body {
    padding-top: 30px
}

.c-attached-content__placeholder-skeleton {
    border-bottom: 1px solid var(--attached-content--underline-color);
    padding-bottom: 15px
}

.c-attached-content__placeholder-container {
    padding: 15px
}

.c-attached-content__placeholder {
    animation: attached-content-loading-animation 2s ease-in-out infinite alternate
}

.c-attached-content__placeholder-image {
    aspect-ratio: 23/11;
    background-color: var(--attached-content--placeholder-background-color)
}

.c-attached-content__placeholder-topline {
    background-color: var(--attached-content--placeholder-background-color);
    height: 10px;
    margin-bottom: 15px;
    margin-top: 15px;
    width: 60%
}

.c-attached-content__placeholder-headline {
    background-color: var(--attached-content--placeholder-background-color);
    height: 22px;
    margin-top: 5px;
    width: 90%
}

.c-attached-content__placeholder-headline.is-short {
    width: 70%
}

.c-attached-content__placeholder-footer {
    background-color: var(--attached-content--placeholder-background-color);
    height: 10px;
    margin-top: 30px;
    width: 25%
}

@keyframes attached-content-loading-animation {
    0% {
        opacity: 1
    }

    100% {
        opacity: .3
    }
}

.c-social-bar {
    display: inline-block
}

.c-social-bar.is-inline {
    border-bottom: 1px solid var(--social-bar--inline-border-color);
    border-top: 1px solid var(--social-bar--inline-border-color);
    display: block;
    height: 57px;
    padding: 15px 0
}

@media print {
    .c-social-bar.is-inline {
        display: none
    }
}

@media only screen and (min-width: 910px) {
    .c-social-bar.is-inline {
        display: none
    }
}

.c-social-bar.is-inline .c-social-bar__list {
    display: flex
}

.c-social-bar.is-on-the-left {
    display: none
}

@media print {
    .c-social-bar.is-on-the-left {
        display: none
    }
}

@media only screen and (min-width: 910px) {
    .c-social-bar.is-on-the-left {
        bottom: 0;
        display: flex;
        flex-direction: column;
        gap: 20px;
        left: 30px;
        position: absolute;
        top: 0
    }
}

.c-social-bar.is-on-the-left .c-social-bar__list {
    display: block;
    margin-bottom: 15px;
    margin-left: 5px;
    margin-top: 180px;
    position: sticky;
    top: 260px
}

.has-no-opener .c-social-bar.is-on-the-left .c-social-bar__list {
    margin-top: 60px
}

.c-social-bar__list.is-sticking-to-bottom {
    background-color: var(--social-bar--inline-bottom-bg-color);
    border-top: 1px solid var(--social-bar--inline-border-color);
    bottom: 0;
    left: 0;
    padding: 15px;
    padding-bottom: max(15px, env(safe-area-inset-bottom, 0px));
    position: fixed;
    width: 100%;
    z-index: 5
}

.c-social-bar__icon {
    fill: var(--social-bar--icon-color);
    height: 25px;
    width: 25px
}

.c-social-bar__icon .is-icon-twitter {
    height: 18px
}

.c-social-bar__item {
    display: inline-block;
    text-align: center
}

@media only screen and (min-width: 910px) {
    .c-social-bar__item {
        display: block
    }
}

.c-social-bar__item:not(:first-child) {
    margin-left: 20px;
    margin-top: 0
}

@media only screen and (min-width: 910px) {
    .c-social-bar__item:not(:first-child) {
        margin-left: 0;
        margin-top: 20px
    }
}

.c-social-bar__item.is-facebook {
    margin-left: auto
}

@media only screen and (min-width: 910px) {
    .c-social-bar__item.is-facebook {
        margin-left: 0
    }
}

.c-social-bar__item.is-comment.has-no-comment {
    opacity: .7
}

.c-social-bar__item.is-comment .c-social-bar__link {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center
}

@media only screen and (min-width: 910px) {
    .c-social-bar__item.is-comment .c-social-bar__link {
        flex-direction: column
    }
}

.c-social-bar__item.is-whatsapp {
    display: inline-block
}

@media only screen and (min-width: 910px) {
    .c-social-bar__item.is-whatsapp {
        display: none
    }
}

.c-social-bar__item.is-print {
    display: none
}

@media only screen and (min-width: 910px) {
    .c-social-bar__item.is-print {
        display: block
    }
}

.c-social-bar__link:hover .c-social-bar__icon {
    fill: var(--social-bar--icon-color-hover)
}

.c-social-bar__link:hover .is-icon-facebook {
    fill: #0866ff
}

.c-social-bar__link:hover .is-icon-twitter-x {
    fill: #000
}

.c-social-bar__link:hover .is-icon-linkedin {
    fill: #2867b2
}

.c-social-bar__comment-count {
    font-size: 1.4rem;
    line-height: 2.5rem;
    color: var(--social-bar--icon-color);
    margin-left: 10px
}

@media only screen and (min-width: 910px) {
    .c-social-bar__comment-count {
        margin-left: 0
    }
}

.c-article-header {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 400;
    color: var(--article-header--text-color);
    margin-bottom: 22px
}

@media print {
    .c-article-header {
        color: #1d1d1d
    }
}

.c-article-header__overline {
    align-items: center;
    column-gap: 15px;
    display: flex;
    margin-bottom: 7px
}

.c-article-header__headline {
    font-size: 2.4rem;
    line-height: 3.2rem;
    color: var(--article-header--headline-text-color);
    font-weight: 800;
    margin-bottom: 15px
}

@media print {
    .c-article-header__headline {
        color: #1d1d1d
    }
}

.c-article-header__headline.is-emphasis {
    font-family: freight, freight-fallback, serif;
    font-weight: 600;
    font-style: italic
}

.c-article-header__headline.has-no-editorial-font {
    font-family: "Helvetica Neue", helvetica, arial, sans-serif
}

.c-article-header__premium {
    height: 2.1rem
}

.c-article-header__premium-icon {
    height: 100%;
    width: 52px
}

.c-article-header__type-badge {
    font-size: 1.1rem;
    line-height: 1.9rem;
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 800;
    border: 1px solid #f18825;
    display: inline-block;
    height: 2.1rem;
    max-width: 100%;
    padding: 0 6px;
    text-transform: uppercase;
    vertical-align: bottom;
    white-space: nowrap
}

.c-article-header__type-badge.is-live::before {
    animation: blinking 1.2s infinite;
    background-color: var(--page--blinker-color);
    border-radius: 5px;
    display: inline-flex;
    height: 10px;
    margin-right: 5px;
    width: 10px;
    content: "";
    position: relative;
    top: 1px
}

.c-article-header__badge-link {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 800;
    color: #003a5a;
    position: relative;
    text-transform: uppercase
}

.c-article-header__badge-link::after {
    background-color: var(--page--text-highlight-color);
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    width: 100%
}

.c-article-header__badge-link {
    font-size: 1.1rem;
    line-height: 2rem;
    color: var(--article-header--topic-text-color);
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.is-inverted .c-article-header__badge-link {
    color: #fff
}

@media print {
    .is-inverted .c-article-header__badge-link {
        color: #1d1d1d
    }
}

.c-article-header__topic {
    font-size: 1.1rem;
    line-height: 2.1rem;
    color: var(--article-header--topic-text-color);
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap
}

@media print {
    .c-article-header__topic {
        color: #003a5a
    }
}

.c-article-header__author {
    font-size: 1.2rem;
    line-height: 1.6rem;
    align-items: center;
    display: flex;
    margin-bottom: 12px
}

.c-article-header__author-avatar {
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
    height: 36px;
    margin-right: 10px;
    overflow: hidden;
    width: 36px
}

.c-article-header__footer {
    font-size: 1.2rem;
    line-height: 1.6rem
}

.c-article-header__footer>span:not(:last-child)::after {
    content: "|";
    margin: 0 5px
}

.c-article-header__author-profile-link {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 800
}

.c-article-header__author-position {
    display: block
}

.c-article-header--brand .c-article-header__type-badge {
    border: 1px solid #99b7a5
}

.c-article-paywall {
    position: relative
}

.c-article-paywall__skeleton {
    --header-height: 140px;
    --content-height: 450px;
    --footer-height: 70px
}

.c-article-paywall__skeleton.is-small {
    --header-height: 125px;
    --content-height: 330px;
    --footer-height: 100px
}

.c-article-paywall__placeholder-container {
    padding: 15px
}

.c-article-paywall__placeholder {
    animation: bff-skeleton-loading-animation 2s ease-in-out infinite alternate;
    background: linear-gradient(180deg, #003a5a 0%, rgba(0, 58, 90, 0.0001) 5.6%), linear-gradient(45deg, #155886 0%, #013a5b 100%)
}

.c-article-paywall__placeholder-header {
    height: var(--header-height)
}

.c-article-paywall__placeholder-content {
    background-color: rgba(0, 0, 0, .15);
    height: var(--content-height)
}

.c-article-paywall__placeholder-footer {
    height: var(--footer-height)
}

.c-article-paywall__content.is-hidden {
    opacity: 0;
    position: absolute;
    z-index: -1
}

.c-modal {
    background-color: rgba(29, 29, 29, .8);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 13
}

.c-modal__body {
    background-color: var(--modal--bg-color);
    left: 50%;
    min-height: 200px;
    position: relative;
    top: 50%;
    transform: translate(-50%, -50%)
}

.c-modal__close-btn {
    height: 16px;
    position: absolute;
    right: 14px;
    top: 14px;
    width: 16px
}

.c-modal__close-btn svg {
    fill: var(--modal--close-icon-color);
    height: 100%;
    pointer-events: none;
    width: 100%
}

.c-modal__content-body {
    height: 100%
}

@media only screen and (max-width: 767px)and (orientation: landscape)and (max-height: 375px) {
    .has-orientation-notification .c-modal__content-body {
        display: none
    }
}

.c-modal__orientation-notification {
    display: none
}

@media only screen and (max-width: 767px)and (orientation: landscape)and (max-height: 375px) {
    .c-modal__orientation-notification {
        align-items: center;
        background: var(--modal--notification-bg-color);
        display: flex;
        flex-direction: column;
        height: calc(100% - 100px);
        inset: 0;
        justify-content: center;
        margin: auto;
        position: absolute;
        width: calc(100% - 100px)
    }
}

.c-modal__orientation-notification-text {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 800;
    font-size: 1.4rem;
    line-height: 1.8rem;
    color: var(--modal--notification-text-color);
    margin-bottom: 30px
}

.c-modal__layout-notification-icon {
    height: 70px
}

.c-modal--default .c-modal__body {
    box-shadow: 0 0 40px 0 rgba(9, 9, 9, .1);
    max-width: 640px;
    width: 80%
}

.c-modal--lightbox .c-modal__body,
.c-modal--lightbox .c-modal__content {
    height: 100%
}

.c-modal--lightbox .c-modal__close-btn {
    height: 18px;
    right: 15px;
    top: 36px;
    width: 18px;
    z-index: 1
}

@media only screen and (min-width: 768px) {
    .c-modal--lightbox .c-modal__close-btn {
        right: 30px;
        top: 51px
    }
}

.c-modal--lightbox .c-modal__close-btn svg {
    fill: var(--lightbox-modal--close-icon-color)
}

.c-copyright {
    font-size: 1.1rem;
    line-height: 2rem;
    font-family: ffmark, ffmark-fallback, sans-serif;
    color: var(--copyright--text-color)
}

.c-copyright--article {
    margin-bottom: 15px
}

.c-ad-inline-element {
    min-width: 300px;
    position: relative
}

@media only screen and (min-width: 910px) {
    .c-ad-inline-element.is-mrec:not(.is-mrec-btf) {
        float: right;
        margin-bottom: 30px;
        margin-left: 30px;
        margin-right: 95px
    }
}

@media only screen and (min-width: 910px) {

    .c-ad-inline-element [data-internal-ad=mrec_btf]::before,
    .c-ad-inline-element [data-internal-ad=mrec_btf]::after {
        content: "";
        display: block;
        position: absolute;
        height: 100px;
        left: 0;
        pointer-events: none;
        width: 95px
    }

    .c-ad-inline-element [data-internal-ad=mrec_btf]::before {
        background: linear-gradient(0deg, #fff 20%, transparent 100%);
        top: calc(-100px + 16px)
    }

    .c-ad-inline-element [data-internal-ad=mrec_btf]::after {
        background: linear-gradient(180deg, #fff 20%, transparent 100%);
        bottom: -100px
    }
}

.c-tag-cloud-compact-stage {
    background-color: var(--tag-cloud-compact-stage--background-color);
    padding: 20px 15px
}

@media print {
    .c-tag-cloud-compact-stage {
        display: none
    }
}

@media only screen and (min-width: 910px) {
    .c-tag-cloud-compact-stage {
        padding: 20px 30px
    }
}

.c-tag-cloud-compact-stage.is-slider .c-tag-cloud-compact-stage__body {
    overflow: hidden;
    position: relative
}

.c-tag-cloud-compact-stage.is-slider .c-tag-cloud-compact-stage__body::after {
    content: "";
    display: block;
    position: absolute;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--tag-cloud-compact-stage--slider-gradient-color) 100%);
    height: 100%;
    right: 0;
    top: 0;
    width: 43px
}

.c-tag-cloud-compact-stage.is-slider .c-tag-cloud-compact-stage__list-wrapper {
    scrollbar-width: none
}

.c-tag-cloud-compact-stage.is-slider .c-tag-cloud-compact-stage__list-wrapper::-webkit-scrollbar {
    display: none
}

.c-tag-cloud-compact-stage.is-slider .c-tag-cloud-compact-stage__list-wrapper {
    overflow-x: scroll;
    white-space: nowrap;
    width: calc(100% + 15px)
}

@media only screen and (min-width: 600px) {
    .c-tag-cloud-compact-stage.is-slider .c-tag-cloud-compact-stage__list-wrapper {
        width: calc(100% + 30px)
    }
}

.c-tag-cloud-compact-stage.is-slider .c-tag-cloud-compact-stage__list {
    display: inline-flex;
    flex-wrap: nowrap;
    margin-right: 43px;
    transition: transform 200ms ease-in-out
}

.c-tag-cloud-compact-stage.is-slider .c-tag-cloud-compact-stage__list-item {
    display: inline-block
}

.c-tag-cloud-compact-stage.has-no-headline .c-tag-cloud-compact-stage__label {
    align-self: flex-start;
    padding-left: 0
}

.c-tag-cloud-compact-stage.is-theme-welt-blue {
    background: var(--tag-cloud-compact-stage--theme-welt-blue-bg-color)
}

.c-tag-cloud-compact-stage.is-theme-welt-blue .c-tag-cloud-compact-stage__body::after {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--tag-cloud-compact-stage--theme-welt-blue-bg-color) 100%)
}

.c-tag-cloud-compact-stage.is-theme-welt-blue .c-tag-cloud-compact-stage__headline,
.c-tag-cloud-compact-stage.is-theme-welt-blue .c-tag-cloud-compact-stage__label {
    color: var(--tag-cloud-compact-stage--theme-welt-blue-text-color)
}

.c-tag-cloud-compact-stage.is-theme-horoscope {
    background-image: url("../images/horoscope.jpeg");
    background-size: 250%
}

@media only screen and (min-width: 600px) {
    .c-tag-cloud-compact-stage.is-theme-horoscope {
        background-size: cover
    }
}

@media(prefers-contrast: more) {
    .c-tag-cloud-compact-stage.is-theme-horoscope {
        background-image: none
    }
}

.c-tag-cloud-compact-stage.is-theme-horoscope .c-tag-cloud-compact-stage__body::after {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--tag-cloud-compact-stage--theme-welt-blue-bg-color) 100%)
}

.c-tag-cloud-compact-stage.is-theme-horoscope .c-tag-cloud-compact-stage__headline,
.c-tag-cloud-compact-stage.is-theme-horoscope .c-tag-cloud-compact-stage__label {
    color: var(--tag-cloud-compact-stage--theme-welt-blue-text-color)
}

.c-tag-cloud-compact-stage.is-theme-welt-go {
    background-image: url("../images/welt-go-bg.jpg");
    background-position: center top;
    background-size: 250%
}

@media only screen and (min-width: 600px) {
    .c-tag-cloud-compact-stage.is-theme-welt-go {
        background-size: cover
    }
}

@media(prefers-contrast: more) {
    .c-tag-cloud-compact-stage.is-theme-welt-go {
        background-image: none
    }
}

.c-tag-cloud-compact-stage.is-theme-welt-go .c-tag-cloud-compact-stage__headline,
.c-tag-cloud-compact-stage.is-theme-welt-go .c-tag-cloud-compact-stage__label {
    color: var(--tag-cloud-compact-stage--theme-welt-blue-text-color)
}

.c-tag-cloud-compact-stage__header {
    display: flex;
    flex-direction: column;
    padding-bottom: 15px;
    text-transform: uppercase
}

@media only screen and (min-width: 600px) {
    .c-tag-cloud-compact-stage__header {
        align-items: center;
        flex-direction: row;
        justify-content: space-between
    }
}

.c-tag-cloud-compact-stage__headline {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 800;
    font-size: 2.4rem;
    line-height: 2.8rem;
    color: var(--tag-cloud-compact-stage--headline-color)
}

.c-tag-cloud-compact-stage__label {
    font-family: ffmark, ffmark-fallback, sans-serif;
    font-weight: 400;
    font-size: 1.1rem;
    line-height: 1.4rem;
    align-self: flex-end;
    color: var(--tag-cloud-compact-stage--label-color);
    flex: 0 1 auto;
    margin-top: 10px;
    text-transform: uppercase
}

@media only screen and (min-width: 600px) {
    .c-tag-cloud-compact-stage__label {
        align-self: initial;
        margin-top: 0;
        padding-left: 30px
    }
}

.c-tag-cloud-compact-stage__list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.c-tag-cloud-compact-stage--article-topics {
    border-top: 1px solid var(--tag-cloud-compact-stage--article-topics-border-color)
}