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"
}
}
.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-container {
margin: 0 auto;
max-width: 970px
}
@media print {
.u-container {
max-width: 100%
}
}
.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
}
}
@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
}
}
@media print {
.u-is-hidden-print {
display: none
}
}
.u-is-shown-print-only {
display: none
}
@media print {
.u-is-shown-print-only {
display: block
}
}
@font-face {
font-family: "swiper-icons";
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
font-weight: 400;
font-style: normal
}
: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-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
transform-style: preserve-3d
}
.swiper-css-mode>.swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none
}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
display: none
}
.swiper-css-mode>.swiper-wrapper>.swiper-slide {
scroll-snap-align: start start
}
.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
scroll-snap-type: x mandatory
}
.swiper-css-mode.swiper-vertical>.swiper-wrapper {
scroll-snap-type: y mandatory
}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
scroll-snap-type: none
}
.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
scroll-snap-align: none
}
.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
content: "";
flex-shrink: 0;
order: 9999
}
.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always
}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before)
}
.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after)
}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before)
}
.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after)
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, .15)
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
.swiper-3d .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: rgba(0, 0, 0, 0)
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.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.swiper-pagination-hidden {
opacity: 0
}
.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.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-bullets-dynamic .swiper-pagination-bullet {
transform: scale(0.33);
position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(0.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66)
}
.swiper-pagination-bullets-dynamic .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.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer
}
.swiper-pagination-bullet: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-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block
}
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px
}
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: 200ms transform, 200ms top
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 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 .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 .swiper-pagination-progressbar-fill {
transform-origin: right top
}
.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
width: 100%;
height: var(--swiper-pagination-progressbar-size, 4px);
left: 0;
top: 0
}
.swiper-vertical>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.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;
top: var(--swiper-navigation-top-offset, 50%);
width: calc(var(--swiper-navigation-size)/44*27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - var(--swiper-navigation-size)/2);
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color))
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
opacity: 0;
cursor: auto;
pointer-events: none
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
display: none !important
}
.swiper-button-prev svg,
.swiper-button-next svg {
width: 100%;
height: 100%;
object-fit: contain;
transform-origin: center
}
.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
transform: rotate(180deg)
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: var(--swiper-navigation-sides-offset, 10px);
right: auto
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 10px);
left: auto
}
.swiper-button-lock {
display: none
}
.swiper-button-prev:after,
.swiper-button-next:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
font-variant: initial;
line-height: 1
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content: "prev"
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 10px);
left: auto
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: "next"
}
.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)
}
@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__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__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%;
page-break-inside: avoid;
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 #edece8
}
.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 {
position: relative;
z-index: 0
}
.r-partner {
background-color: var(--partner--bg-color)
}
.r-footer {
background-color: var(--footer--bg-color)
}
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
}
.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;
align-items: center;
display: flex;
flex-wrap: nowrap;
overflow: hidden
}
.c-breadcrumb__list::-webkit-scrollbar {
display: none
}
@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
}
.is-link {
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(0, 0, 0, .05);
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%, .7);
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;
page-break-inside: avoid;
word-break: break-word
}
@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;
page-break-inside: avoid
}
.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 {
z-index: -1
}
.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
}
.c-footer-navigation__accordion-list-item-link {
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
}
}
@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
}
.c-footer__print-text {
color: #171b2d;
margin-bottom: 15px;
text-align: center
}
.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
}
@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: 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
}
@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%
}
@media print {
.r-header-bottom {
display: none
}
}
.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: #edece8;
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
}
.c-header-top-tools__link {
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-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;
align-items: center;
display: flex
}
.c-header-top-tools__button:hover {
opacity: .85
}
.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;
color: var(--login-navigation--item-text-color)
}
.c-login-navigation__list-item-link:hover {
color: var(--page--default-link-hover-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
}
.c-navigation__link {
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
}
.c-navigation__sub-navigation-link {
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 #edece8;
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 #edece8;
color: var(--navigation--commercial-headline-color)
}
.c-navigation--header .c-navigation__secondary {
background-color: var(--navigation--bg-color);
border-left: 2px solid hsla(0, 0%, 100%, .2);
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-news-banner {
height: 50px;
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: 50px;
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 svg {
fill: var(--news-banner--icon-color)
}
.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 #edece8;
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: 50px;
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;
background: linear-gradient(90deg, rgba(241, 136, 37, 0) 0, var(--news-banner-live--bg-color));
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: 50px
}
.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
}
@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
}
.c-product-navigation__link {
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: #000;
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
}
@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: 200;
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: 50px;
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: 50px;
position: relative;
visibility: visible !important;
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 (min-width: 768px) {
.c-animated-banner__body {
width: calc(100% - 100px)
}
}
.c-animated-banner__teasers {
scrollbar-width: none;
display: flex;
overflow: scroll;
padding-left: 7px
}
.c-animated-banner__teasers::-webkit-scrollbar {
display: none
}
@media only screen and (min-width: 768px) {
.c-animated-banner__teasers {
overflow: initial;
padding-left: 0;
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
}
@media only screen and (min-width: 910px) {
.c-animated-banner__body:hover .c-animated-banner__teaser {
opacity: .5
}
}
.c-animated-banner__body:hover .c-animated-banner__teaser:hover {
opacity: 1
}
.c-animated-banner__actions {
display: none;
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 100px
}
@media only screen and (min-width: 768px) {
.c-animated-banner__actions {
align-items: center;
display: flex;
justify-content: center
}
}
.c-animated-banner__actions::after {
background-color: #edece8;
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
width: 1px
}
.c-animated-banner__actions::before {
background: linear-gradient(90deg, transparent 0%, var(--animated-banner--action-gradient-color) 30.83%);
content: "";
display: block;
height: 100%;
opacity: .9;
position: absolute;
right: 100%;
width: 14px
}
.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)
}
.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: #edece8
}
.c-animated-banner__actions-play-pause:hover .c-animated-banner__actions-default {
display: none
}
.is-aria-keyboard-controlled .c-animated-banner__actions-play-pause .c-animated-banner__actions-default {
display: none
}
.c-animated-banner__actions-pause,
.c-animated-banner__actions-play {
display: none
}
.c-animated-banner__actions-play-pause:not(.is-sliding):hover .c-animated-banner__actions-play {
display: block
}
.c-animated-banner__actions-play-pause:not(.is-sliding):hover .c-animated-banner__actions-pause {
display: none
}
.is-aria-keyboard-controlled .c-animated-banner__actions-play-pause:not(.is-sliding) .c-animated-banner__actions-play {
display: block
}
.is-aria-keyboard-controlled .c-animated-banner__actions-play-pause:not(.is-sliding) .c-animated-banner__actions-pause {
display: none
}
.c-animated-banner__actions-play-pause.is-sliding:hover .c-animated-banner__actions-pause {
color: var(--animated-banner--arrow-pause-hover-text-color);
display: block
}
.is-aria-keyboard-controlled .c-animated-banner__actions-play-pause.is-sliding .c-animated-banner__actions-pause {
color: var(--animated-banner--arrow-pause-hover-text-color);
display: block
}
.c-animated-banner__slide-play-icon {
height: 10px;
width: 8px
}
.c-animated-banner--fallback {
animation: bff-fade-in .3s ease-in-out forwards;
visibility: visible !important
}
.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
}
.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: #787878;
border-radius: 100%;
cursor: pointer;
display: inline-block;
height: 8px;
margin: 0 5px;
opacity: .2;
width: 8px
}
.c-slider__pagination-bullet.is-active {
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
}
.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 {
padding-top: 14px;
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 {
align-items: center;
display: flex;
flex-wrap: nowrap;
height: 3px;
left: 0;
margin-top: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1
}
@media print {
.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;
page-break-inside: avoid
}
@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: 200;
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 {
page-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--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("../../public/icons/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("../../public/icons/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("../../public/icons/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("../../public/icons/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-stepstone-search-box {
background-color: var(--oembed--light-background);
height: 236px;
padding: 15px
}
@media only screen and (min-width: 813px) {
.c-skeleton--oembed.is-stepstone-search-box {
height: 122px;
padding: 15px 30px
}
}
.c-skeleton--oembed.is-stepstone-search-box .c-skeleton__header {
background-color: var(--oembed--skeleton-content-background);
display: block;
height: 28px;
margin-bottom: 15px;
width: 75%
}
.c-skeleton--oembed.is-stepstone-search-box .c-skeleton__container {
display: block;
width: 100%
}
.c-skeleton--oembed.is-stepstone-search-box .c-skeleton__box {
background-color: var(--oembed--skeleton-content-background);
display: inline-block;
height: 46px;
margin-bottom: 10px;
width: 100%
}
@media only screen and (min-width: 813px) {
.c-skeleton--oembed.is-stepstone-search-box .c-skeleton__box {
margin-bottom: 0;
margin-right: 2.5%;
width: 40%
}
}
.c-skeleton--oembed.is-stepstone-search-box .c-skeleton__button {
background-color: var(--oembed--skeleton-content-background);
display: inline-block;
height: 46px;
width: 100%
}
@media only screen and (min-width: 813px) {
.c-skeleton--oembed.is-stepstone-search-box .c-skeleton__button {
width: 15%
}
}
.c-skeleton--oembed.is-stepstone-salary {
background-color: var(--oembed--light-background);
display: flex;
flex-direction: column;
height: 670px;
padding: 20px
}
@media only screen and (min-width: 768px) {
.c-skeleton--oembed.is-stepstone-salary {
height: 777px
}
}
@media only screen and (min-width: 910px) {
.c-skeleton--oembed.is-stepstone-salary {
height: 382px
}
}
.c-skeleton--oembed.is-stepstone-salary .c-skeleton__header {
background-color: var(--oembed--skeleton-content-background);
display: block;
height: 28px;
margin-bottom: 15px;
width: 75%
}
.c-skeleton--oembed.is-stepstone-salary .c-skeleton__container {
display: flex;
flex-direction: column;
height: 100%;
width: 100%
}
@media only screen and (min-width: 910px) {
.c-skeleton--oembed.is-stepstone-salary .c-skeleton__container {
flex-direction: row
}
}
.c-skeleton--oembed.is-stepstone-salary .c-skeleton__box {
background-color: var(--oembed--main-color);
display: inline-block;
flex: 1;
margin-bottom: 20px;
width: 100%
}
@media only screen and (min-width: 910px) {
.c-skeleton--oembed.is-stepstone-salary .c-skeleton__box {
margin-bottom: 0;
margin-right: 2.5%;
width: 47.5%
}
}
.c-skeleton--oembed.is-stepstone-salary .c-skeleton__box.is-second {
opacity: .3
}
.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("../../public/icons/pointer.svg");
display: block;
height: 70px;
margin: 20px auto 0;
width: 70px
}
.c-skeleton--oembed.is-widstock-single-graph-tabbar {
background-color: var(--oembed--main-color);
display: flex;
flex-direction: column;
height: 591px;
padding: 20px
}
@media only screen and (min-width: 360px) {
.c-skeleton--oembed.is-widstock-single-graph-tabbar {
height: 639px
}
}
@media only screen and (min-width: 375px) {
.c-skeleton--oembed.is-widstock-single-graph-tabbar {
height: 657px
}
}
@media only screen and (min-width: 414px) {
.c-skeleton--oembed.is-widstock-single-graph-tabbar {
height: 667px
}
}
@media only screen and (min-width: 768px) {
.c-skeleton--oembed.is-widstock-single-graph-tabbar {
height: 542px
}
}
@media only screen and (min-width: 910px) {
.c-skeleton--oembed.is-widstock-single-graph-tabbar {
height: 592px
}
}
.c-skeleton--oembed.is-widstock-single-graph-tabbar .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-widstock-single-graph-tabbar .c-skeleton__tabbar {
border-bottom: 2px solid var(--oembed--skeleton-content-background);
margin-bottom: 29px;
padding-bottom: 9px;
width: 100%
}
.c-skeleton--oembed.is-widstock-single-graph-tabbar .c-skeleton__tabbar-tab {
background-color: var(--oembed--skeleton-content-background);
display: inline-block;
height: 21px;
margin-right: 16px;
width: 20%
}
.c-skeleton--oembed.is-widstock-single-graph-tabbar .c-skeleton__graph {
background-color: var(--oembed--skeleton-content-background);
flex: 1 1 600px;
width: 100%
}
.c-skeleton--oembed.is-widstock-single-graph-tabbar .c-skeleton__graph::before {
background-image: url("../../public/icons/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-widstock-single-graph-tabbar .c-skeleton__legend {
margin: 20px 0;
text-align: center;
width: 100%
}
.c-skeleton--oembed.is-widstock-single-graph-tabbar .c-skeleton__legend-item {
background-color: var(--oembed--skeleton-content-background);
display: inline-block;
height: 21px;
margin: 0 2%;
width: 18%
}
.c-skeleton--oembed.is-widstock-single-graph-tabbar .c-skeleton__copyright {
margin-bottom: 20px
}
.c-skeleton--oembed.is-widstock-single-graph-tabbar .c-skeleton__copyright-item {
background-color: var(--oembed--skeleton-content-background);
display: block;
height: 9px;
width: 106px
}
.c-skeleton--oembed.is-widstock-single-graph-tabbar .c-skeleton__copyright-item.is-first {
margin-bottom: 4px;
width: 96px
}
.c-skeleton--oembed.is-widstock-single-graph {
background-color: var(--oembed--main-color);
display: flex;
flex-direction: column;
height: 591px;
padding: 20px
}
@media only screen and (min-width: 360px) {
.c-skeleton--oembed.is-widstock-single-graph {
height: 639px
}
}
@media only screen and (min-width: 375px) {
.c-skeleton--oembed.is-widstock-single-graph {
height: 657px
}
}
@media only screen and (min-width: 414px) {
.c-skeleton--oembed.is-widstock-single-graph {
height: 667px
}
}
@media only screen and (min-width: 768px) {
.c-skeleton--oembed.is-widstock-single-graph {
height: 542px
}
}
@media only screen and (min-width: 910px) {
.c-skeleton--oembed.is-widstock-single-graph {
height: 592px
}
}
.c-skeleton--oembed.is-widstock-single-graph .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-widstock-single-graph .c-skeleton__graph {
background-color: var(--oembed--skeleton-content-background);
flex: 1 1 600px;
width: 100%
}
.c-skeleton--oembed.is-widstock-single-graph .c-skeleton__graph::before {
background-image: url("../../public/icons/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-widstock-single-graph .c-skeleton__legend {
margin: 20px 0;
text-align: center;
width: 100%
}
.c-skeleton--oembed.is-widstock-single-graph .c-skeleton__legend-item {
background-color: var(--oembed--skeleton-content-background);
display: inline-block;
height: 21px;
margin: 0 2%;
width: 18%
}
.c-skeleton--oembed.is-widstock-single-graph .c-skeleton__copyright {
margin-bottom: 20px
}
.c-skeleton--oembed.is-widstock-single-graph .c-skeleton__copyright-item {
background-color: var(--oembed--skeleton-content-background);
display: block;
height: 9px;
width: 106px
}
.c-skeleton--oembed.is-widstock-single-graph .c-skeleton__copyright-item.is-first {
margin-bottom: 4px;
width: 96px
}
.c-skeleton--oembed.is-widstock-single-list {
display: flex;
flex-direction: column;
height: 378px;
padding: 20px
}
@media only screen and (min-width: 910px) {
.c-skeleton--oembed.is-widstock-single-list {
height: 384px
}
}
.c-skeleton--oembed.is-widstock-single-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-widstock-single-list .c-skeleton__list {
display: flex;
flex: 1;
flex-flow: column wrap;
justify-content: space-between
}
.c-skeleton--oembed.is-widstock-single-list .c-skeleton__list-item {
background-color: var(--oembed--skeleton-content-background);
height: 20px;
margin-bottom: 2px;
width: 100%
}
.c-skeleton--oembed.is-widstock-single-list .c-skeleton__list-item:nth-child(2n) {
background-color: var(--oembed--light-background)
}
.c-skeleton--oembed.is-widstock-topflop {
display: flex;
flex-direction: column;
height: 378px;
padding: 20px
}
@media only screen and (min-width: 910px) {
.c-skeleton--oembed.is-widstock-topflop {
height: 364px
}
}
.c-skeleton--oembed.is-widstock-topflop .c-skeleton__header {
background-color: var(--oembed--skeleton-content-background);
display: block;
flex: 0 0 28px;
height: 28px;
margin-bottom: 15px;
width: 75%
}
.c-skeleton--oembed.is-widstock-topflop .c-skeleton__legend {
background-color: var(--oembed--skeleton-content-background);
display: block;
flex: 0 0 15px;
height: 15px;
margin-bottom: 20px;
width: 100%
}
.c-skeleton--oembed.is-widstock-topflop .c-skeleton__list {
display: flex;
flex: 1;
flex-flow: column wrap;
justify-content: space-between;
position: relative
}
.c-skeleton--oembed.is-widstock-topflop .c-skeleton__list::before {
background-color: var(--oembed--main-color);
content: "";
display: block;
height: 100%;
left: 50%;
position: absolute;
top: 0;
transform: translateX(-50%);
width: 20px
}
.c-skeleton--oembed.is-widstock-topflop .c-skeleton__list-item {
background-color: var(--oembed--skeleton-content-background);
height: 20px;
margin-bottom: 2px;
width: 100%
}
.c-skeleton--oembed.is-widstock-topflop .c-skeleton__list-item:nth-child(2n) {
background-color: var(--oembed--light-background)
}
.c-skeleton--oembed.is-widstock-stage {
display: flex;
flex-direction: column;
height: 632px;
padding: 15px
}
@media only screen and (min-width: 360px) {
.c-skeleton--oembed.is-widstock-stage {
height: 637px
}
}
@media only screen and (min-width: 375px) {
.c-skeleton--oembed.is-widstock-stage {
height: 624px
}
}
@media only screen and (min-width: 414px) {
.c-skeleton--oembed.is-widstock-stage {
height: 670px
}
}
@media only screen and (min-width: 768px) {
.c-skeleton--oembed.is-widstock-stage {
height: 935px;
padding: 0
}
}
@media only screen and (min-width: 910px) {
.c-skeleton--oembed.is-widstock-stage {
height: 538px
}
}
.c-skeleton--oembed.is-widstock-stage .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-widstock-stage .c-skeleton__tabbar {
border-bottom: 2px solid var(--oembed--skeleton-content-background);
margin-bottom: 29px;
padding-bottom: 9px;
width: 100%
}
.c-skeleton--oembed.is-widstock-stage .c-skeleton__tabbar-tab {
background-color: var(--oembed--skeleton-content-background);
display: inline-block;
height: 21px;
margin-right: 16px;
width: 20%
}
.c-skeleton--oembed.is-widstock-stage .c-skeleton__container {
display: block;
flex: 1;
overflow: hidden
}
@media only screen and (min-width: 600px) {
.c-skeleton--oembed.is-widstock-stage .c-skeleton__container {
display: grid;
overflow: visible
}
}
.c-skeleton--oembed.is-widstock-stage .c-skeleton__item {
background-color: var(--oembed--skeleton-content-background);
display: none;
height: 100%;
position: relative;
width: 75%
}
@media only screen and (min-width: 600px) {
.c-skeleton--oembed.is-widstock-stage .c-skeleton__item {
display: inline-block;
width: auto
}
}
.c-skeleton--oembed.is-widstock-stage .c-skeleton__item.is-first {
display: inline-block
}
.c-skeleton--oembed.is-widstock-stage .c-skeleton__item.is-first::before {
background-color: var(--oembed--skeleton-content-background);
content: "";
display: block;
height: 100%;
position: absolute;
right: -35%;
top: 0;
width: 30%
}
@media only screen and (min-width: 600px) {
.c-skeleton--oembed.is-widstock-stage .c-skeleton__item.is-first::before {
display: none
}
}
.c-skeleton--oembed.is-widstock-stage .c-skeleton__legend {
margin: 20px 0;
text-align: center;
width: 100%
}
@media only screen and (min-width: 600px) {
.c-skeleton--oembed.is-widstock-stage .c-skeleton__legend {
display: none
}
}
.c-skeleton--oembed.is-widstock-stage .c-skeleton__legend-item {
background-color: var(--oembed--skeleton-content-background);
display: inline-block;
height: 21px;
margin: 0 2%;
width: 18%
}
.c-skeleton--oembed.is-widstock-stage .c-skeleton__copyright {
margin-bottom: 10px
}
.c-skeleton--oembed.is-widstock-stage .c-skeleton__copyright-item {
background-color: var(--oembed--skeleton-content-background);
display: block;
height: 9px;
margin: 10px auto;
width: 106px
}
@media only screen and (min-width: 600px) {
.c-skeleton--oembed.is-widstock-stage .c-skeleton__copyright-item {
margin: 10px 0
}
}
.c-skeleton--oembed.is-widstock-stage .c-skeleton__copyright-item.is-first {
margin-bottom: 4px;
width: 96px
}
.c-skeleton--oembed.is-swipestory {
background-color: var(--oembed--darkest-background);
height: 658px;
overflow: hidden;
position: relative
}
@media only screen and (min-width: 414px) {
.c-skeleton--oembed.is-swipestory {
height: 753px
}
}
@media only screen and (min-width: 768px) {
.c-skeleton--oembed.is-swipestory {
height: 783px
}
}
.c-skeleton--oembed.is-swipestory .c-skeleton__container {
background-color: var(--oembed--dark-background);
height: 100%;
margin: 0 auto;
max-width: 443px;
min-width: 320px;
position: relative;
width: 70%
}
.c-skeleton--oembed.is-swipestory .c-skeleton__container::before {
background-image: url("../../public/icons/swipestory.svg");
content: "";
display: block;
height: 122px;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -60%);
width: 142px
}
.c-skeleton--oembed.is-swipestory .c-skeleton__controls {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.c-skeleton--oembed.is-swipestory .c-skeleton__direction {
background-color: var(--oembed--dark-background);
border-radius: 50%;
display: block;
height: 64px;
position: absolute;
top: 50%;
width: 64px
}
.c-skeleton--oembed.is-swipestory .c-skeleton__direction.is-prev {
left: 0;
transform: translate(-50%, -50%)
}
.c-skeleton--oembed.is-swipestory .c-skeleton__direction.is-next {
right: 0;
transform: translate(50%, -50%)
}
.c-skeleton--oembed.is-swipestory .c-skeleton__pagination {
bottom: 10px;
display: flex;
flex-direction: row;
left: 0;
padding: 0 9px;
position: absolute;
width: 100%
}
.c-skeleton--oembed.is-swipestory .c-skeleton__pagination-item {
background-color: var(--oembed--main-color);
display: block;
flex: 1 1 16.6%;
height: 6px;
margin: 0 1px;
opacity: .8
}
.c-skeleton--oembed.is-swipestory .c-skeleton__text-container {
bottom: 0;
height: 25%;
left: 0;
padding: 0 20px;
position: absolute;
width: 100%
}
.c-skeleton--oembed.is-swipestory .c-skeleton__resort {
background-color: var(--oembed--darkest-background);
display: block;
height: 11px;
margin-bottom: 13px;
width: 27%
}
.c-skeleton--oembed.is-swipestory .c-skeleton__text {
background-color: var(--oembed--darkest-background);
display: block;
height: 18px;
margin-bottom: 13px;
width: 90%
}
.c-skeleton--oembed.is-swipestory .c-skeleton__text.is-second {
width: 75%
}
.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("../../public/icons/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("../../public/icons/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("../../public/icons/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("../../public/icons/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("../../public/icons/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("../../public/icons/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("../../public/icons/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("../../public/icons/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("../../public/icons/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("../../public/icons/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("../../public/icons/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("../../public/icons/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("../../public/icons/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("../../public/icons/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("../../public/icons/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("../../public/icons/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("../../public/icons/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("../../public/icons/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("../../public/icons/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("../../public/icons/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("../../public/icons/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("../../public/icons/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%
}
@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 {
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 #edece8;
border-top: 1px solid #edece8
}
.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-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-stepstone-search-box,
.c-oembed.is-swipestory,
.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: #edece8;
border-top: none
}
.c-oembed--tts {
margin-bottom: 30px;
margin-top: 30px;
position: relative
}
@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: #fafafa;
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("../../public/icons/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
}
.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: 25px;
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(0, 0, 0, .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;
height: 100%;
overflow-x: scroll;
position: relative
}
.c-inline-navigation__wrapper::-webkit-scrollbar {
display: none
}
@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(0, 0, 0, .05);
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;
color: var(--media-stage-inline-navigation--link-color)
}
.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%
}
@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.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 {
font-size: 1.4rem;
line-height: 2rem;
border-color: var(--chip-tag-cloud-stage--link-border-color);
padding: 6px 10px 7px
}
.c-pur-placeholder {
background-color: #edece8;
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: 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: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto
}
.c-checkbox__input:checked~.c-checkbox__label::after {
font-size: 1.9rem;
color: #000;
content: "✓";
left: 5px
}
.c-checkbox__description {
font-size: 1.2rem;
color: #006650;
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 #006650;
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(0, 0, 0, .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 #edece8
}
.c-partner-footer__wrapper {
border: 1px solid #edece8;
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(0, 0, 0, .05);
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%, .7);
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;
page-break-inside: avoid;
word-break: break-word
}
@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;
page-break-inside: avoid
}
.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 {
z-index: -1
}
.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%;
width: 45%;
max-height: 150px;
max-width: 150px
}
.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: 50px;
min-width: 217px;
padding: 0 .8rem
}
.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: 34px;
margin: auto;
overflow: hidden;
width: 100%
}
.c-teaser--animated-banner .c-teaser__badge {
color: var(--animated-banner-teaser--badge-text-color);
float: left;
height: 13px;
margin-right: .5rem
}
.c-teaser--animated-banner .c-teaser__badge.has-frame {
font-size: 0.715rem;
line-height: 1.7rem;
font-family: "Helvetica Neue", helvetica, arial, sans-serif;
font-weight: 600;
align-items: center;
display: flex;
height: 13px;
margin-top: .2rem;
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.2rem;
line-height: 1.5rem;
color: var(--teaser--headline-text-color)
}
.c-teaser--animated-banner .c-teaser__premium-icon {
background: var(--animated-banner-teaser--premium-icon-bg-color);
border-radius: 1px;
height: 13px;
width: 20px
}
.c-teaser--animated-banner .c-teaser__date {
font-weight: 400;
font-size: 0.7rem;
line-height: 0.9rem;
background: var(--animated-banner-teaser--date-bg-color);
bottom: 13px;
color: var(--animated-banner-teaser--date-text-color);
padding: .3rem 0 0 .1rem;
position: absolute;
right: 8px;
z-index: 2
}
.c-teaser--animated-banner .c-teaser__date::before {
background: linear-gradient(90deg, rgba(var(--animated-banner-teaser--date-bg-color), 0) 0%, rgba(var(--animated-banner-teaser--date-bg-color), 1) 40%);
content: "";
display: block;
height: 130%;
left: -80%;
position: absolute;
top: -20%;
width: 180%;
z-index: -1
}
.c-teaser--inline {
display: grid;
grid-column-gap: 15px;
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-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: 200;
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-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-olympia2024::before {
background: linear-gradient(89.74deg, #000 1.93%, #f7c773 15.96%, #95b8e3 46.09%, #b9dcbf 66.31%, #dd3d38 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%)
}
: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 {
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)
}
@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 {
padding-left: 15px;
padding-right: 15px
}
@media only screen and (min-width: 910px) {
.c-inline-teaser-list__headline,
.c-inline-teaser-list__content {
padding-left: 80px;
padding-right: 80px
}
}
.c-inline-teaser-list__element:not(:last-of-type) {
margin-bottom: 15px
}
.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-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;
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::before {
content: "";
display: block;
position: absolute;
background-color: var(--video-error-message--background-color);
inset: 0;
z-index: 0
}
.c-video-error-message__bg-picture {
inset: 0;
position: absolute;
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-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;
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(0, 0, 0, .5);
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;
width: 95px
}
.c-ad-inline-element [data-internal-ad=mrec_btf]::before {
background: linear-gradient(0deg, white 20%, rgba(255, 255, 255, 0) 100%);
top: calc(-100px + 16px)
}
.c-ad-inline-element [data-internal-ad=mrec_btf]::after {
background: linear-gradient(180deg, white 20%, rgba(255, 255, 255, 0) 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;
overflow-x: scroll;
white-space: nowrap;
width: calc(100% + 15px)
}
.c-tag-cloud-compact-stage.is-slider .c-tag-cloud-compact-stage__list-wrapper::-webkit-scrollbar {
display: none
}
@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("../../public/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__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)
}