/* Allgemein */
:root {
    --dropdown-menu-height: 250px;
    --serienlogo-height: 250px;
    --text-color: #333333;
    --text-color-alternative: dimgray;
    --background-color: White;
    --background-color-alternative: WhiteSmoke;
    --border-color: Gainsboro;
    --border-color-darker: Silver;
    --body-background-color: var(--border-color);
    --flowing-text-width: 38rem;
    --vh-touch: 6px;
    --fs-hell-gelb: #fce17a;
    --fs-dunkel-gelb: #fab700;
    --fs-rot: #b82800;
    --fs-orange: #fc7d00;
    --fs-dialog-shadow: gray;
}

@media (pointer: coarse) {
    body ::-webkit-scrollbar {
        display: none;
    }
}

@media (pointer: fine) {
    :root {
        --vh-touch:0px;
    }
}

* {
    font-size: inherit;
    line-height: inherit;
}

::selection {
    background-color: var(--fs-hell-gelb);
}

html {
    font-size: 17px;
    line-height: 1.4;
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
    touch-action: manipulation;
}

@media (max-width: 359px) {
    html {
        font-size:calc(17px / 360 * 320);
    }
}

body {
    position: initial !important;
    overflow-y: scroll;
    background-color: var(--body-background-color);
    margin: 0;
}

@media (pointer: coarse) {
    body.no-scrollbar {
        overflow:hidden;
    }
}

body, input, select, textarea, button {
    font-family: arial,sans-serif;
    color: var(--text-color);
}

a:link, a:visited, a:active, a:hover {
    text-decoration: none;
    color: inherit;
}

a img {
    border-style: none;
}

.bold {
    font-weight: bold;
}

.hidden {
    display: none;
}

h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    padding: 0;
    font-weight: inherit;
}

ul, li, ol {
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-position: outside;
}

dl,dt,dd {
    margin: 0;
    padding: 0;
}

abbr {
    text-decoration: none;
}

:active, :focus {
    outline-style: none;
}

:target {
    scroll-margin-top: 25vh;
}

input[type="search"] {
    -webkit-appearance: none;
}

input[type="number"] {
    -moz-appearance: textfield;
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

section, article {
    display: block;
    margin-bottom: 2em;
    margin-top: 2em;
}

section:last-child, article:last-child {
    margin-bottom: 0;
}

section:first-child, article:first-child {
    margin-top: 0;
}

.tr-odd, .a-odd a {
    background-color: var(--background-color-alternative);
}

.newsmeldung-main >div a, .serien-news-newsmeldung header a,a.fs-link-2023,.registrierung-datenschutz-link:link,.registrierung-datenschutz-link:visited,.registrierung-datenschutz-link:active,.registrierung-datenschutz-link:hover {
    text-decoration: underline;
    text-underline-offset: 0.25em;
    text-decoration-thickness: 1px;
    text-decoration-color: var(--fs-dunkel-gelb);
}

main p {
    margin-bottom: 0.5em;
}

.mt0 {
    margin-top: 0 !important;
}

.header-2015,section > header > h2 ,article > header > h2 {
    font-weight: bold;
    font-size: 1.25em;
    margin-bottom: 1em;
    position: relative;
    border-bottom: 3px solid var(--fs-hell-gelb);
}

h2 label {
    color: white;
    background-color: var(--fs-rot);
    display: inline-block;
    line-height: 1.25em;
    padding: 0 0.25em;
    text-transform: uppercase;
    margin-right: 0.25em;
}

.header-2015 a:link, .header-2015 a:visited, .header-2015 a:active, .header-2015 a:hover {
    text-decoration: none;
}

.header-2015.first {
    margin-top: 0;
}

@media (pointer: fine) {
    .ep-hover:hover,.ep-hover > [role=row]:hover {
        background-color: var(--fs-hell-gelb) !important;
        border-radius: 0.25em;
        transition: all 100ms ;
    }
}

.label-sprache {
    color: white;
    background-color: var(--text-color-alternative);
    border-radius: 0.25em;
    text-transform: uppercase;
    padding: 0.25em 0.5em;
    font-weight: bold;
    font-size: 0.75em;
    white-space: nowrap;
    display: inline-block;
    margin-bottom: 0.25em;
    cursor: pointer;
}

.label-definition {
    background-color: white;
    color: #808080;
    border: 1px solid #808080;
    text-transform: uppercase;
    padding-left: 2px;
    padding-right: 2px;
    font-weight: normal;
    white-space: nowrap;
    display: inline-block;
}

.label-definition-high {
    border-color: #333333;
}

.hidden-label {
    font-size: 0;
    display: block;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.loading2::after {
    display: block;
    content: "";
    border: 5px solid var(--fs-hell-gelb);
    border-right-color: var(--fs-dunkel-gelb);
    animation: spin 2s linear infinite;
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
    margin-bottom: 1em;
}

text-logo {
    display: block;
    padding-top: calc(35.7143%);
    position: relative;
}

text-logo logo-text {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    font-weight: bold;
    font-size: 0.5rem;
    color: var(--text-color-alternative);
}

text-logo logo-text logo-text-b {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.mehr-checkbox {
    display: none;
}

nobr {
    white-space: nowrap;
}

@media (pointer: fine) {
    .touch-only {
        display:none;
    }
}

@media (pointer: coarse) {
    .mouse-only {
        display:none;
    }
}

.fs-linkable::after {
    content: "›";
    line-height: 0;
    font-size: 1.25em;
    margin-left: 0.5em;
}

/* Hinweis/Störer */
.fs-hinweis {
    height: 4em;
    background-color: #dedede;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    padding: 0 4%;
}

.fs-streaming-stoerer {
    background-color: var(--fs-rot);
    overflow: hidden;
    position: relative;
    height: 4em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.fs-streaming-stoerer:link,.fs-streaming-stoerer:visited,.fs-streaming-stoerer:active,.fs-streaming-stoerer:hover {
    color: white;
    text-decoration: none;
}

.fs-streaming-stoerer div:first-child {
    font-weight: bold;
}

.fs-streaming-stoerer div:last-child {
    font-size: 0.95em;
}

.fs-streaming-stoerer::before {
    opacity: 0.15;
    display: block;
    content: "";
    position: absolute;
    left: calc(50% - 10.5em);
    bottom: -0.5em;
    width: 3.25em;
    height: 3.25em;
    background-image: url(../img/logo-pfeil.svg);
    background-repeat: no-repeat;
    background-size: auto 100% ;
    background-position: left top;
}

@media (min-width: 750px) {
    .fs-streaming-stoerer {
        display:none;
    }
}

/* Dialog */
.fs-dialog {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-style: none;
    margin: 0;
    padding: 0;
    z-index: 2147483646;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.5);
}

.fs-dialog.dialog-loading::before {
    display: block;
    margin-left: auto;
    margin-right: auto;
    content: "";
    border: 5px solid var(--fs-hell-gelb);
    border-right-color: var(--fs-dunkel-gelb);
    animation: spin 2s linear infinite;
    width: 3em;
    height: 3em;
    box-sizing: border-box;
    border-radius: 50%;
}

.fs-dialog .fs-dialog-inner {
    background-color: white;
    border-style: none;
    max-width: calc(100% - 2em);
    max-height: calc(100% - 2em);
    width: 32em;
    border-radius: 0.5em;
    box-sizing: border-box;
    color: inherit;
    padding: 1em;
    box-shadow: 0.5em 0.5em 0.5em var(--fs-dialog-shadow);
    overflow: auto;
}

.dialog-h2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1em;
}

.dialog-close::after {
    content: "×";
    cursor: pointer;
    display: inline-block;
    line-height: 0;
    font-size: 1.5em;
}

/* Seitengerüst */
.fs-frame-1 {
    box-shadow: 0 0 5px darkgray;
    width: calc(100% - 620px);
    position: relative;
    top: 0;
    left: 310px;
}

@media (max-width: 1599px) {
    .fs-frame-1 {
        left: 5px;
        width: calc(100% - 315px);
    }
}

@media (max-width: 1299px) {
    .fs-frame-1 {
        left: 0;
        width: 100%;
    }
}

#suggestlist {
    z-index: 1000001;
    position: absolute;
    right: 0;
    top: calc(50% + 25px);
    width: 100%;
    font-size: 0.9em;
    background-color: white;
    padding: 0;
    margin: 0;
    display: none;
    border: 1px solid var(--border-color);
    cursor: pointer;
    box-shadow: 0px 0px 0.25em var(--border-color);
    box-sizing: border-box;
    overflow-y: auto;
}

#suggestlist li {
    position: relative;
    padding: 0.5em 0.25em;
    border-radius: 0;
    display: flex;
    align-items: center;
    gap: 0.5em;
}

#suggestlist li p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#suggestlist[data-mehr="1"] li:nth-last-child(2)::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient( rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) );
}

#suggestlist li picture {
    width: 5em;
    flex-shrink: 0;
}

#suggestlist li img {
    object-fit: cover;
    object-position: 50% 25%;
    display: block;
    height: calc(5em / 75 * 40);
    width: 100%;
}

#suggestlist li.pn img {
    object-fit: contain;
}

#suggestlist li.suggest-verlauf {
    display: flex;
    justify-content: space-between;
    color: var(--text-color-alternative);
    padding: 0.5em 0.5em 0 0.5em;
}

#suggestlist li.suggest-verlauf span:first-child {
    font-weight: bold;
}

#suggestlist li.mehr-button {
    justify-content: center;
}

#suggestlist[data-mehr="0"] li.mehr-button {
    display: none;
}

.searching::before {
    position: absolute;
    top: 10px;
    right: 40px;
    display: block;
    content: "";
    border: 2px solid var(--fs-hell-gelb);
    border-right-color: var(--fs-dunkel-gelb);
    animation: spin 2s linear infinite;
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    border-radius: 50%;
}

.serienheader-spacer-top {
    position: relative;
    height: 8px;
    background-color: var(--body-background-color);
    margin-left: -5px;
    margin-right: -5px;
    overflow: hidden;
}

.serienheader-spacer-top::before {
    display: block;
    content: "";
    position: absolute;
    bottom: 8px;
    left: 5px;
    right: 5px;
    box-shadow: 0 0 5px darkgray;
    height: 5px;
}

.serienheader-spacer-top::after {
    display: block;
    content: "";
    position: absolute;
    top: 8px;
    left: 5px;
    right: 5px;
    box-shadow: 0 0 5px darkgray;
    height: 5px;
}

@media (max-width: 1299px) {
    .serienheader-spacer-top {
        margin-left: 0;
        margin-right: 0;
        height: 5px;
    }

    .serienheader-spacer-top::before {
        bottom: 5px;
        left: 0;
        right: 0;
    }

    .serienheader-spacer-top::after {
        top: 5px;
        left: 0;
        right: 0;
    }
}

.serienheader-spacer-bottom-wrapper {
    height: 0;
}

.serienheader-spacer-bottom {
    position: relative;
    height: 5px;
    margin-left: -5px;
    margin-right: -5px;
    overflow: hidden;
}

.serienheader-spacer-bottom::before {
    display: block;
    content: "";
    position: absolute;
    bottom: 5px;
    left: 5px;
    right: 5px;
    box-shadow: 0 0 5px darkgray;
    height: 5px;
}

@media (max-width: 1299px) {
    .serienheader-spacer-bottom {
        margin-left: 0;
        margin-right: 0;
    }

    .serienheader-spacer-bottom::before {
        left: 0;
        right: 0;
    }
}

.sticky-anchor-wrapper {
    position: relative;
}

.sticky-anchor {
    position: absolute;
    top: -98px;
    width: 25vw;
}

@media (max-width: 1299px) {
    .sticky-anchor {
        top: -90px;
    }
}

@media (max-width: 749px) {
    .sticky-anchor {
        top: -70px;
    }
}

.fs-frame-2 {
    position: relative;
    background-color: white;
}

.fs-frame-2-spacer-top {
    position: relative;
    height: 8px;
    background-color: var(--body-background-color);
    margin-left: -5px;
    margin-right: -5px;
    overflow: hidden;
}

.fs-frame-2-spacer-top::before {
    display: block;
    content: "";
    position: absolute;
    bottom: 8px;
    left: 5px;
    right: 5px;
    box-shadow: 0 0 5px darkgray;
    height: 5px;
}

.fs-frame-2-spacer-top::after {
    display: block;
    content: "";
    position: absolute;
    top: 8px;
    left: 5px;
    right: 5px;
    box-shadow: 0 0 5px darkgray;
    height: 5px;
}

header.sticky + div + nav + div + .fs-frame-2-spacer-top, header.sticky + div + nav + div + div + .fs-frame-2-spacer-top {
    visibility: hidden;
}

@media (max-width: 1299px) {
    .fs-frame-2-spacer-top {
        height: 5px;
        margin-left: 0;
        margin-right: 0;
    }

    .fs-frame-2-spacer-top::before {
        bottom: 5px;
        left: 0;
        right: 0;
    }

    .fs-frame-2-spacer-top::after {
        top: 5px;
        left: 0;
        right: 0;
    }
}

main {
    background-color: var(--background-color);
    display: block;
}

.flexer {
    padding: 2% 4%;
}

.serie-content-left,.flexer > article {
    width: 100%;
}

aside {
    display: none;
    width: 300px;
    flex-shrink: 0;
    margin-left: 2%;
}

@media (min-width: 750px) {
    aside {
        display:block;
    }

    .flexer {
        display: flex;
        justify-content: space-between;
    }

    .serie-content-left,.flexer > article {
        width: calc(100% - 300px - 2%);
    }
}

@media (min-width: 750px) and (max-width: 989px) {
    aside {
        width: 160px;
    }

    .serie-content-left,.flexer > article {
        width: calc(100% - 160px - 2%);
    }
}

aside > *:last-child {
    position: -webkit-sticky;
    position: sticky;
    top: 110px;
}

.print-title {
    display: none;
}

.zaehlpixel {
    position: absolute;
    font-size: 0;
    top: 0;
    left: 0;
}

.zaehlpixel img {
    width: 1px;
    height: 1px;
}

nav {
    position: relative;
}

nav > ul {
    font-weight: bold;
}

nav ul ul {
    max-height: var(--dropdown-menu-height);
    overflow: auto;
}

nav > ul > li {
    position: relative;
}

nav > ul a {
    white-space: nowrap;
    display: inline-block;
    padding-left: 1em;
    padding-right: 1em;
    cursor: pointer;
}

@media (max-width: 440px) {
    .page-menu > ul a {
        padding-left: 0.5em;
        padding-right: 0.5em;
    }
}

nav > ul a:link, nav a:visited, nav a:active, nav a:hover {
    color: var(--text-color);
    text-decoration: none;
}

@media (pointer: fine) {
    nav.page-menu > ul > li:not(.page-menu-spacer):not(.menu-meins-eingeloggt):hover ,nav.series-menu > ul > li:not(.page-menu-spacer):not(.menu-meins-eingeloggt):hover {
        background-color: white;
        border-radius: 0.25em 0.25em 0px 0px;
        box-shadow: 0 0px 0.25em var(--border-color);
    }
}

nav > ul > li:not(.page-menu-spacer).touched.showing {
    background-color: white;
    border-radius: 0.25em 0.25em 0px 0px;
    box-shadow: 0 0px 0.25em var(--border-color);
}

nav > ul > li > ul {
    display: none;
    position: absolute;
    background-color: white;
    line-height: 2;
    border-radius: 0 0.25em 0.25em 0.25em;
    box-shadow: 0 0.25em 0.25em var(--border-color);
    min-width: 100%;
}

nav > ul > li.weitere > ul {
    right: 0;
    border-radius: 0.25em 0 0.25em 0.25em;
}

nav > ul > li > ul > li:last-child {
    border-radius: 0 0 0.25em 0.25em;
}

nav > ul > li > ul > li a {
    border-radius: 0.25em;
    display: block;
}

@media (pointer: fine) {
    nav > ul > li > ul > li a:hover {
        background-color: #ffe182;
    }

    nav > ul > li:hover > ul {
        display: block;
    }
}

@media (pointer: coarse) {
    .page-menu > ul > li:hover > ul {
        display: none;
    }

    .mainmenu > ul > li.do-show-touch:hover > ul {
        display: block;
    }

    .mainmenu > ul > li.do-show-touch.touched:hover > ul {
        display: none;
    }

    .mainmenu > ul > li.do-show-touch.touched.showwing:hover > ul {
        display: block;
    }
}

@media (pointer: fine) {
    nav > ul > li.touched:hover > ul {
        display: none;
    }
}

nav > ul > li.touched.showing > ul {
    display: block;
}

nav .weitere {
    margin-right: 0;
}

nav .weitere > a::before {
    content: "mehr";
}

nav .weitere > a::after {
    color: transparent;
    content: "l";
    width: 8px;
    margin-left: 10px;
    display: inline-block;
    background-image: url(../img/pfeil-unten.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

nav > ul > li > ul > li > ul {
    display: none;
}

.menu-neu::before {
    content: "Neu";
    color: white;
    background-color: var(--fs-rot);
    display: inline-block;
    line-height: 1.25em;
    padding: 0 0.25em;
    text-transform: uppercase;
    margin-right: 0.5em;
}

.menu-streaming {
    display: flex;
    align-items: center;
}

.menu-streaming::before {
    content: "";
    height: 1em;
    width: 1em;
    margin-right: 0.5em;
    background-image: url(../img/logo-pfeil-rot.svg);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center top;
}

@media (max-width: 810px) {
    .page-menu .optional1 {
        display: none;
    }
}

@media (max-width: 760px) {
    .page-menu .optional2 {
        display: none;
    }
}

@media (max-width: 700px) {
    .page-menu .optional3 {
        display: none;
    }
}

@media (max-width: 530px) {
    .page-menu .optional4 {
        display: none;
    }
}

.page-header {
    background-color: var(--body-background-color);
    display: block;
    position: fixed;
    width: calc(100% - 620px);
    top: 8px;
    z-index: 1004;
}

@media (max-width: 1599px) {
    .page-header {
        width: calc(100% - 315px);
    }
}

@media (max-width: 1299px) {
    .page-header {
        width: 100%;
    }
}

.another-shadow {
    position: relative;
    height: 0;
    display: none;
}

.another-shadow-2 {
    position: absolute;
    left: -5px;
    right: -5px;
    top: 0;
    z-index: -1;
    height: 8px;
    overflow: hidden;
}

body.nicht-serie header.sticky.menu-visible + div + nav.page-menu .another-shadow {
    display: block;
}

.another-shadow-2::after {
    display: block;
    content: "";
    position: absolute;
    bottom: 8px;
    left: 5px;
    right: 5px;
    box-shadow: 0 0 5px darkgray;
    height: 5px;
}

.page-header-spacer-top {
    z-index: 1003;
    height: 8px;
    background-color: var(--body-background-color);
    display: block;
    position: fixed;
    width: calc(100% - 610px);
    margin-left: -5px;
    top: 0px;
    overflow: hidden;
}

@media (max-width: 1599px) {
    .page-header-spacer-top {
        width: calc(100% - 305px);
    }
}

@media (max-width: 1299px) {
    .page-header-spacer-top {
        width: 100%;
    }
}

.page-header-spacer-top::before {
    display: block;
    content: "";
    position: absolute;
    top: 8px;
    left: 5px;
    right: 5px;
    box-shadow: 0 0 5px darkgray;
    height: 5px;
}

header.sticky .page-header-spacer-bottom {
    transition: transform 250ms ;
    top: 90px;
    left: 0;
    height: 5px;
    width: 100%;
    position: absolute;
    overflow: hidden;
}

header.sticky .page-header-spacer-bottom::after {
    position: absolute;
    content: "";
    bottom: 5px;
    height: 10px;
    box-shadow: 0 0 5px darkgray;
    display: block;
    width: 100%;
}

header.sticky.menu-visible .page-header-spacer-bottom {
    visibility: hidden;
}

@media (max-width: 749px) {
    header.sticky .page-header-spacer-bottom {
        top: 70px;
    }

    header.sticky.menu-visible-scroll .page-header-spacer-bottom {
        transform: translateY(45px);
    }
}

body.serie header.sticky.menu-visible-scroll .page-header-spacer-bottom {
    visibility: hidden;
}

.headerwrap {
    background-color: var(--fs-hell-gelb);
    position: relative;
    transition: height 250ms ;
}

.page-header-border-top {
    border-top: 8px solid var(--body-background-color);
    display: none;
    position: fixed;
    width: 980px;
    margin-left: -5px;
    max-width: 100%;
    top: 0px;
    z-index: 1001;
}

@media (max-width: 1299px) {
    .page-header {
        top: 0;
    }

    .page-header-spacer-top {
        display: none;
    }
}

.page-header .header {
    height: 90px;
    position: relative;
    background-color: var(--fs-hell-gelb);
    z-index: 1001;
}

.website-logo {
    display: block;
    position: absolute;
    top: calc(50% - 29px);
    left: 15px;
}

.website-logo img {
    height: 58px;
    display: block;
    width: auto;
}

@media (max-width: 749px) {
    .page-header .header {
        height: 70px;
    }

    .website-logo {
        left: 10px;
        top: calc(50% - 25px);
    }

    .website-logo img {
        height: 50px;
    }
}

.website-titel {
    position: absolute;
    top: calc(50% - 13px);
    right: 15px;
    left: 125px;
    display: block;
    transition: right 250ms ;
}

.serien-titel {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    top: 55%;
    right: 330px;
    left: 125px;
    display: block;
    line-height: normal;
    color: var(--text-color);
}

@media (max-width: 749px) {
    .serien-titel {
        right: 90px;
    }
}

@media (max-width: 470px) {
    .website-titel {
        left: 110px;
    }
}

header.sticky .website-titel, body.serie header .website-titel {
    right: 330px;
}

@media (max-width: 749px) {
    header.sticky .website-titel, body.serie header .website-titel {
        right: 90px;
    }
}

.website-titel img {
    height: 26px;
    width: auto;
    display: block;
    max-width: 100%;
}

@media (max-width: 749px) {
    .website-titel {
        left: 95px;
    }

    .website-titel img {
        height: 22px;
    }

    .serien-titel {
        left: 95px;
    }
}

body.serie .page-header .website-titel img {
    height: 18px;
}

body.serie .page-header .website-titel {
    top: 25%;
}

@media (max-width: 749px) {
    body.serie .page-header .website-titel {
        top: 20%;
    }
}

.website-suche {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 0;
    background-color: transparent;
    border-width: 0px 36px 0px 10px;
    border-style: solid;
    border-color: transparent;
    display: block;
    margin: 0;
}

.label-serie-suchen {
    font-size: 0;
    display: block;
}

.suchen {
    border-style: none;
    background-color: transparent;
    margin: 0;
    padding: 5px 10px 0 10px;
    display: block;
    height: 100%;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(264px);
    transition: transform 250ms ;
}

.suchen img {
    width: 16px;
    height: auto;
}

header.sticky #suggestlist, body.serie header #suggestlist {
    width: 351px;
    right: 48px;
}

@media (max-width: 749px) {
    header.page-header::before {
        width: 142px;
    }

    header.page-header #suggestlist, header.sticky #suggestlist, body.serie header #suggestlist {
        position: absolute;
        left: 10px;
        top: 126px;
        width: calc(100% - 22px);
        box-shadow: 0px 15px 15px gray;
    }
}

.menu-button {
    white-space: nowrap;
    border-style: none;
    background-color: transparent;
    margin: 0;
    text-align: center;
    padding: 10px;
    opacity: 0;
    visibility: hidden;
    height: 42px;
    cursor: pointer;
    position: absolute;
    top: calc(50% - 21px);
    right: 3px;
    transition: opacity 250ms , visibility 0ms 250ms;
}

@media (max-width: 749px) {
    .menu-button {
        top: calc(50% - 21px);
    }
}

header.sticky .menu-button, body.serie header .menu-button {
    opacity: 1;
    visibility: visible;
    transition: opacity 250ms , visibility 0ms 0ms;
}

.menu-button-2 {
    vertical-align: middle;
    width: 20px;
    height: 3px;
    border-radius: 0.25em;
    background-color: #333333;
    transition: background-color 250ms ;
    display: inline-block;
    position: relative;
}

.menu-button-2::before {
    content: "";
    width: 100%;
    border-radius: 0.25em;
    height: 3px;
    background-color: #333333;
    transition: transform 250ms , top 250ms ;
    display: inline-block;
    position: absolute;
    top: -7px;
    left: 0;
}

.menu-button-2::after {
    content: "";
    border-radius: 0.25em;
    width: 100%;
    height: 3px;
    background-color: #333333;
    transition: transform 250ms , top 250ms ;
    display: inline-block;
    position: absolute;
    top: 7px;
    left: 0;
}

@media (max-width: 749px) {
    .menu-button-2 {
        width: 22px;
    }
}

header.menu-visible .menu-button-2 {
    background-color: transparent;
}

header.menu-visible .menu-button-2::before {
    transform: rotate(-45deg);
    top: 0;
}

header.menu-visible .menu-button-2::after {
    transform: rotate(45deg);
    top: 0;
}

@media (max-width: 749px) {
    .menu-button-1 {
        content: "";
        background-image: url(../img/a001_search.svg);
        background-size: auto 20px;
        background-repeat: no-repeat;
        background-position: left bottom;
        vertical-align: middle;
        width: 22px;
        height: 22px;
        display: inline-block;
        margin-right: 15px;
        opacity: 1;
        transition: opacity 250ms ;
    }

    header.menu-visible .menu-button-1 {
        opacity: 0;
    }
}

.page-menu {
    border-top: 1px solid #e8cd72;
    background-color: var(--fs-hell-gelb);
}

header.sticky .headerwrap, body.serie header .headerwrap {
    height: 90px;
}

@media (max-width: 749px) {
    header.sticky .headerwrap, body.serie header .headerwrap {
        height: 70px;
    }
}

nav.page-menu {
    z-index: 1002;
}

header.sticky + div + nav.page-menu {
    top: 53px;
    transition: transform 250ms ;
}

body.nicht-serie header.sticky + div + nav.page-menu {
    position: fixed;
    width: calc(100% - 620px);
}

@media (max-width: 1599px) {
    body.nicht-serie header.sticky + div + nav.page-menu {
        width: calc(100% - 315px);
    }
}

@media (max-width: 1299px) {
    body.nicht-serie header.sticky + div + nav.page-menu {
        width: 100%;
    }
}

header.sticky + div + nav.page-menu + .serienheader {
    position: fixed;
    top: -247px;
    width: calc(100% - 620px);
}

@media (max-width: 1599px) {
    header.sticky + div + nav.page-menu + .serienheader {
        width: calc(100% - 315px);
    }
}

@media (max-width: 1299px) {
    header.sticky + div + nav.page-menu + .serienheader {
        width: 100%;
    }
}

body.serie nav.page-menu {
    position: fixed;
    width: calc(100% - 620px);
    top: 53px;
    transition: transform 250ms ;
}

@media (max-width: 1599px) {
    body.serie nav.page-menu {
        width: calc(100% - 315px);
    }
}

@media (max-width: 1299px) {
    body.serie nav.page-menu {
        top: 45px;
        width: 100%;
    }
}

@media (max-width: 749px) {
    body.serie nav.page-menu {
        top: 25px;
    }
}

@media (max-width: 1299px) {
    header.sticky + div + nav.page-menu {
        top: 45px;
    }
}

@media (max-width: 749px) {
    body.nicht-serie header.sticky + .suchzeile {
        position: fixed;
        width: 100%;
        top: 9px;
        transition: transform 250ms ;
    }

    body.serie header + .suchzeile {
        position: fixed;
        width: 100%;
        top: 9px;
        transition: transform 250ms ;
    }

    body.serie header.menu-visible + .suchzeile {
        transform: translateY(61px);
    }

    header.sticky + div + nav.page-menu {
        top: 25px;
    }
}

body.nicht-serie header.sticky.menu-visible + div + nav.page-menu, body.serie header.menu-visible + div + nav.page-menu {
    transform: translateY(45px);
}

@media (max-width: 749px) {
    body.nicht-serie header.sticky.menu-visible + div + nav.page-menu ,body.serie header.menu-visible + div + nav.page-menu {
        transform:translateY(106px);
    }

    body.nicht-serie header.sticky.menu-visible-scroll + div + nav.page-menu {
        transform: translateY(45px);
    }
}

header.sticky.menu-visible + div + nav.page-menu + .serienheader {
    transform: translateY(calc(390px));
}

@media (max-width: 1299px) {
    header.sticky.menu-visible + div + nav.page-menu + .serienheader {
        transform:translateY(calc(382px));
    }
}

header.sticky.menu-visible-scroll + div + nav + .serienheader {
    transform: translateY(calc(337px - var(--serienlogo-height)));
}

@media (max-width: 1299px) {
    header.sticky.menu-visible-scroll + div + nav + .serienheader {
        transform:translateY(calc(332px - var(--serienlogo-height)));
    }
}

@media (max-width: 749px) {
    header.sticky.menu-visible-scroll + div + nav + .serienheader {
        transform:translateY(calc(312px - var(--serienlogo-height)));
    }
}

@media (max-width: 749px) {
    header.sticky.menu-visible + div + nav.page-menu + .serienheader {
        transform:translateY(calc(422px));
    }
}

header.sticky.menu-visible-scroll + div + nav.page-menu + .serienheader .series-menu {
    border-color: #e8cd72;
}

@media (max-width: 749px) {
    header.sticky.menu-visible + div.suchzeile {
        transform:translateY(61px);
    }
}

.series-menu {
    z-index: 1001;
    transition: top 250ms ;
    border-top: 1px solid transparent;
    background-color: var(--fs-hell-gelb);
    width: 100%;
    display: block;
}

.series-menu + i.nav-pfeile {
    display: none;
}

.series-menu[data-test="b"],.series-menu[data-test="c"] {
    overflow-x: auto;
    overflow-y: hidden;
}

.series-menu[data-test="b"] > ul ,.series-menu[data-test="c"] > ul {
    visibility: hidden;
}

.series-menu[data-test="b"] .weitere ,.series-menu[data-test="c"] .weitere {
    display: none;
}

.series-menu[data-test="b"] + i.nav-pfeile,.series-menu[data-test="c"] + i.nav-pfeile {
    display: block;
}

.series-menu + i.nav-pfeile > button {
    transition: opacity 0.25s ease-in-out;
    align-items: center;
    display: flex;
    background-color: transparent;
    z-index: 1001;
    font-size: 1.5em;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 49px;
    border-style: none;
    padding: 0;
    margin: 0;
    overflow: visible;
    cursor: pointer;
}

.series-menu[data-test="b"] + i.nav-pfeile > button {pointer-events: none;}

.series-menu + i.nav-pfeile > button.nav-pfeil-disabled {
    opacity: 0;
    pointer-events: none;
}

.series-menu[data-test="c"] + i.nav-pfeile > button:before {
    width: 1em;
    content: "‹";
    background-color: var(--fs-hell-gelb);
    height: 100%;
    line-height: 49px;
}

.series-menu + i.nav-pfeile > button:after {
    width: 0.5em;
    height: 100%;
    background: linear-gradient(to right, var(--fs-hell-gelb) 0%, transparent 100%);
    content: "";
    flex-shrink: 0;
}

.series-menu[data-test="b"] + i.nav-pfeile> button:after {
    width: 1em;
}

.series-menu + i.nav-pfeile > button:last-child {
    right: 0;
    left: auto;
    flex-direction: row-reverse;
}

.series-menu[data-test="c"] + i.nav-pfeile > button:last-child:before {
    content: "›";
}

.series-menu + i.nav-pfeile > button:last-child:after {
    background: linear-gradient(to left, var(--fs-hell-gelb) 0%, transparent 100%);
}

.series-menu > ul {
    white-space: nowrap;
    display: inline-block;
}

.page-menu li {
    line-height: 44px;
}

.series-menu li {
    line-height: 48px;
}

.page-menu li.active:not(.menu-meins-eingeloggt)::after, .series-menu li.active::after {
    border-bottom: 2px solid #c12308;
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    left: 1em;
    right: 1em;
}

@media (max-width: 440px) {
    .page-menu li.active:not(.menu-meins-eingeloggt)::after, .series-menu li.active::after {
        left: 0.5em;
        right: 0.5em;
    }
}

@media (max-width: 410px) {
    .page-menu li.active::after {
        left: 0.5em;
        right: 0.5em;
    }
}

@media (max-width: 340px) {
    .page-menu li.active::after {
        left: 0.25em;
        right: 0.25em;
    }
}

@media (pointer: fine) {
    .page-menu li.active:hover::after, .series-menu li.active:hover::after {
        display: none;
    }
}

.page-menu li ul, .series-menu li ul {
    padding-top: 0.25em;
    padding-bottom: 0.25em;
}

.page-menu li ul li, .series-menu li ul li {
    padding: 0px 1em 0 0.25em;
    line-height: normal;
}

.page-menu li ul li a, .series-menu li ul li a {
    padding: 0.625em;
    overflow: hidden;
    text-overflow: ellipsis;
}

li[data-menu-item="episodenguide"] li a:first-child {
    visibility: hidden;
    height: 0;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

li[data-menu-item="episodenguide"] li a:first-child::after {
    padding-right: 20px;
    content: "";
}

@media (max-width: 1299px) {
    header {
        border-top-width: 0;
    }
}

.page-menu > ul > li.menu-meins {
    display: flex;
    align-items: center;
}

.page-menu > ul > li.menu-meins >a {
    position: relative;
}

.page-menu > ul > li.menu-meins.menu-meins-benachrichtigungspunkt >a::after {
    display: block;
    content: "";
    background-color: var(--fs-rot);
    width: 0.5em;
    height: 0.5em;
    position: absolute;
    right: 1em;
    top: 0;
    outline: 0.1em solid var(--fs-hell-gelb);
    border-radius: 50%;
}

@media (max-width: 440px) {
    .page-menu > ul > li.menu-meins.menu-meins-benachrichtigungspunkt >a::after {
        right:0.5em;
    }
}

.page-menu > ul > li.menu-meins i {
    overflow: hidden;
    background: linear-gradient(135deg,var(--fs-rot),var(--fs-orange),var(--fs-dunkel-gelb),var(--fs-orange),var(--fs-rot));
    border-radius: 100%;
    display: block;
    width: 2em ;
    height: 2em ;
    padding: 2px;
    box-sizing: border-box;
}

.page-menu > ul > li.menu-meins i figure {
    overflow: hidden;
    border-radius: 100%;
}

.menu-meins-ausgeloggt > a {
    display: inline-flex;
    align-items: center;
    gap: 0.5em;
}

@media (max-width: 470px) {
    .page-menu > ul > li.menu-meins.menu-meins-ausgeloggt i {
        display: none;
    }
}

.suchzeile {
    box-sizing: border-box;
    background-color: var(--fs-hell-gelb);
    z-index: 1003;
}

@media (max-width: 749px) {
    .suchzeile {
        border-top: 1px solid #e8cd72;
        height: 61px;
    }

    header.sticky .suchzeile, body.serie header .suchzeile {
        display: none;
    }

    header.sticky.menu-visible .suchzeile, body.serie header.menu-visible .suchzeile {
        display: block;
    }
}

body.serie header.menu-visible.sticky {
    background-color: var(--body-background-color);
}

.serienheader {
    z-index: 1001;
    position: relative;
    display: block;
}

header.menu-visible:not(.sticky) + div + nav.page-menu + .serienheader {
    transform: translateY(106px);
    transition: transform 250ms
}

@media (min-width: 750px) {
    header.menu-visible:not(.sticky) + div + nav.page-menu + .serienheader {
        transform:translateY(45px);
        transition: transform 250ms
    }
}

body.sticky .serienheader {
    transition: transform 250ms ;
}

.mainimg-gross,.mainimg-blowup,.mainimg-generisch {
    margin: 0;
    padding-top: calc(190% / 954 * 100);
    position: relative;
    overflow: hidden;
    width: 100%;
}

.mainimg-gross,.mainimg-blowup {
    background-size: 100% 100%;
}

.mainimg-generisch {
    background-color: #dad7c6;
    background-image: linear-gradient(#eae9dd, #c4c0a6);
}

.mainimg-gross img ,.mainimg-generisch img {
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
    position: absolute;
    display: block;
}

.mainimg-blowup .mainimg-blowup-bg img {
    height: calc(100% + 20px);
    max-height: none;
    width: calc(100% + 20px);
    top: -10px;
    left: -10px;
    filter: blur(10px);
    -webkit-filter: blur(10px);
    object-fit: cover;
    position: absolute;
    display: block;
}

.mainimg-blowup .mainimg-blowup-fg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mainimg-blowup .mainimg-blowup-fg span {
    display: block;
    width: 90%;
    height: 90%;
}

.mainimg-blowup .mainimg-blowup-fg span img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

.mainimg-blowup figcaption,.mainimg-gross figcaption {
    position: absolute;
    right: 0.5em;
    top: 0;
    line-height: normal;
    font-size: 0.5em;
    text-shadow: 1px 1px 1px #000;
    color: white;
}

.mainimg-gross figcaption.mainimg-gross-l {
    left: 0.5em;
    right: auto;
}

.mainimg-generisch figcaption {
    font-size: 2.75em;
    text-shadow: 0px 0px 5px #bc9b4b;
    font-variant: small-caps;
    transform: scaleX(0.75);
    position: absolute;
    left: 0;
    top: 10%;
}

@media (max-width: 1299px) {
    .mainimg-generisch figcaption {
        font-size: 6vw;
    }
}

body.serie header.sticky {
    background-color: transparent;
    transition: background-color 250ms ;
}

#quicksearchform {
    position: relative;
    width: calc(100% - 20px);
    height: 40px;
    margin: 10px;
    border-radius: 0.25em;
    background-color: white;
    display: block;
    transition: width 250ms ;
}

.suchen {
    right: 0px;
    left: auto;
    transform: none;
}

@media (min-width: 750px) {
    #quicksearchform {
        position: fixed;
        top: 25px;
        left: calc(100% - 315px);
        width: calc(50% - 325px);
        z-index: 1004;
        margin: 0;
    }

    .suchen {
        left: 0;
        transform: translateX(calc(50vw - 335px - 32px + var(--vh-touch)));
        right: auto;
    }

    .page-header.sticky + .suchzeile #quicksearchform, body.serie #quicksearchform {
        width: calc(50% - 320px - 35px );
    }

    .page-header.sticky + .suchzeile #quicksearchform .suchen, body.serie #quicksearchform .suchen {
        transform: translateX(calc(50vw - 70px - 327px + var(--vh-touch)));
    }
}

@media (min-width: 1300px) {
    #quicksearchform {
        left: 50%;
        top: 33px;
    }
}

@media (min-width: 750px) and (max-width: 1599px) {
    #quicksearchform {
        left: calc(50% - 155px);
        width: calc(50% - 170px);
    }

    .suchen {
        transform: translateX(calc(50vw - 170px - 42px + var(--vh-touch)));
    }

    .page-header.sticky + .suchzeile #quicksearchform, body.serie #quicksearchform {
        width: calc(50% - 165px - 35px );
    }

    .page-header.sticky + .suchzeile #quicksearchform .suchen, body.serie #quicksearchform .suchen {
        transform: translateX(calc(50vw - 70px - 172px + var(--vh-touch)));
    }
}

@media (min-width: 750px) and (max-width: 1299px) {
    #quicksearchform {
        left: 50%;
        width: calc(50% - 15px);
    }

    .suchen {
        transform: translateX(calc(50vw - 15px - 42px + var(--vh-touch)));
    }

    .page-header.sticky + .suchzeile #quicksearchform, body.serie #quicksearchform {
        width: calc(50% - 45px );
    }

    .page-header.sticky + .suchzeile #quicksearchform .suchen, body.serie #quicksearchform .suchen {
        transform: translateX(calc(50vw - 87px + var(--vh-touch) ));
    }
}

.fs-frame-1 {
    padding-top: 98px;
}

@media (max-width: 1299px) {
    .fs-frame-1 {
        padding-top: 90px;
    }
}

@media (max-width: 749px) {
    .fs-frame-1 {
        padding-top: 70px;
    }

    #quicksearchform {
        left: 0;
        width: auto;
    }

    .suchen {
        transform: none;
    }
}

body.nicht-serie.sticky .fs-frame-1 {
    padding-top: 143px;
}

body.serie.sticky .fs-frame-1::before {
    padding-top: calc(190% / 954 * 100);
    content: "";
    display: block;
}

body.serie.sticky .fs-frame-1 {
    padding-top: calc(90px + 20px + 45px);
}

@media (max-width: 1299px) {
    body.nicht-serie.sticky .fs-frame-1 {
        padding-top: 135px;
    }

    body.serie.sticky .fs-frame-1 {
        padding-top: calc(90px + 9px + 45px);
    }
}

@media (max-width: 749px) {
    body.nicht-serie.sticky .fs-frame-1 {
        padding-top: 176px;
    }

    body.serie.sticky .fs-frame-1 {
        padding-top: calc(70px + 9px + 45px);
    }
}

.series-menu a:link,.series-menu a:visited,.series-menu a:active,.series-menu a:hover,.series-menu a span {
    transition: none;
}

.series-menu-hidden a:link,.series-menu-hidden a:visited,.series-menu-hidden a:active,.series-menu-hidden a:hover {
    color: transparent;
}

nav.series-menu > ul,nav.page-menu > ul {
    display: flex;
}

.page-menu-spacer {
    flex-grow: 1;
}

nav.series-menu > ul > li:last-child > ul > li {
    display: none;
}

/* Tabs */
fs-tabs {
    display: flex;
    margin-left: -4vw;
    margin-right: -4vw;
    gap: 2em;
    justify-content: center;
    border-bottom: 3px solid lightgray;
    margin-bottom: 1em;
}

fs-tab {
    padding-bottom: 3px;
    margin-bottom: -3px;
}

fs-tab a {
    padding: 0.25em 0.25em 0.5em 0.25em;
    background-color: white;
    display: block;
}

fs-tab a:link,fs-tab a:visited,fs-tab a:active,fs-tab a:hover {
    color: var(--text-color-alternative);
}

fs-tab[data-active] {
    background-color: var(--fs-dunkel-gelb);
}

fs-tab[data-active] a {
    color: var(--text-color);
    font-weight: bold;
}

@media (min-width: 750px) {
    fs-tabs {
        margin-left:0;
        margin-right: 0;
    }
}

/* Info-Kasten */
.staffelinfo {
    max-width: var(--flowing-text-width);
    margin: 1em auto;
    display: flex;
    gap: 1em;
    min-height: 2em;
}

.staffelinfo::before {
    flex-shrink: 0;
    content: "";
    border-right: 2px solid var(--fs-dunkel-gelb);
    width: 1.5em;
    background-image: url(../img/i-symbol.svg);
    background-size: 0.5em auto;
    background-repeat: no-repeat;
    background-position: top left;
}

.staffelinfo > div {
    align-self: center;
}

.staffelinfo > div > div +div {
    margin-top: 0.5em;
}

.staffelinfo a {
    text-decoration: underline;
    text-underline-offset: 0.25em;
    text-decoration-thickness: 1px;
    text-decoration-color: var(--fs-dunkel-gelb);
}

/* Footer */
footer-app {
    text-align: center;
    background-color: var(--text-color);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1em;
    color: white;
    font-weight: bold;
    font-size: 1.2em;
}

footer-app a:link,footer-app a:visited,footer-app a:active,footer-app a:hover {
    color: var(--fs-hell-gelb);
    white-space: nowrap;
}

footer-app ul {
    display: flex;
    gap: 1em;
    margin-top: 1em;
}

footer-app .button-play-store figure {
    height: 2.25em;
    aspect-ratio: 155 / 46;
}

footer-app .button-app-store figure {
    height: 2.25em;
    aspect-ratio: 120 / 40;
}

@media (min-width: 750px) {
    footer-app {
        flex-direction:row;
        gap: 2em;
        justify-content: center;
    }

    footer-app ul {
        margin-top: 0;
    }
}

footer {
    padding: 4%;
    text-align: center;
    font-size: 0.9em;
    display: block;
    background-color: var(--fs-hell-gelb);
}

.footer-spacer-bottom {
    overflow: hidden;
    position: relative;
    height: 100px;
    background-color: var(--body-background-color);
    margin-left: -5px;
    margin-right: -5px;
    display: none;
}

.footer-spacer-bottom::before {
    display: block;
    content: "";
    position: absolute;
    top: -5px;
    left: 5px;
    right: 5px;
    box-shadow: 0 0 5px darkgray;
    height: 5px;
}

@media (max-width: 749px) {
    .footer-spacer-bottom {
        display:block;
        margin-left: 0;
        margin-right: 0;
    }

    .footer-spacer-bottom::before {
        left: 0;
        right: 0;
    }
}

footer a:link, footer a:visited, footer a:active, footer a:hover {
    text-decoration: none !important;
}

footer > nav > ul > li > a ,footer > nav > ul > li > span {
    cursor: pointer;
    padding-left: 0.5em;
    padding-right: 0.5em;
}

footer > nav > ul > li::after {
    content: "|";
}

footer > nav > ul > li:last-child {
    font-weight: bold;
}

footer > nav > ul > li:last-child::after {
    content: "";
}

footer > nav > ul {
    font-weight: normal;
}

footer nav {
    line-height: 2.8;
}

footer nav > ul > li {
    display: inline;
}

.footer-transparenzhinweis {
    margin-top: 3%;
    font-size: 0.75em;
}

/* Werbemittel */
#sky-r {
    position: fixed;
    top: 8px;
    right: 5px;
}

#sky-l {
    position: fixed;
    top: 8px;
    left: 5px;
}

@media (max-width: 1299px) {
    #sky-r {
        display: none;
    }
}

@media (max-width: 1599px) {
    #sky-l {
        display: none;
    }
}

ins.werbemittel {
    text-decoration: none;
    text-align: center;
    display: block;
    clear: both;
}

div[data-werbemittel-container] {
    position: relative;
}

#fs_m_main-1, #fs_m_main-2, #fs_m_main-3, #fs_m_main-4, #fs_m_main-5 , #fs_m_main-6, #fs_m_main-7,#fs_m_footer,.werbemittel-fs-m-main-infinity > div {
    position: -webkit-sticky;
    position: sticky;
    top: 70px;
    background-color: white;
}

@media (min-width: 750px) {
    #fs_m_main-1, #fs_m_main-2, #fs_m_main-3, #fs_m_main-4, #fs_m_main-5 , #fs_m_main-6, #fs_m_main-7,#fs_m_footer,.werbemittel-fs-m-main-infinity > div {
        top: 90px;
    }
}

@media (min-width: 1300px) {
    #fs_m_main-1, #fs_m_main-2, #fs_m_main-3, #fs_m_main-4, #fs_m_main-5 , #fs_m_main-6, #fs_m_main-7,#fs_m_footer,.werbemittel-fs-m-main-infinity > div {
        top: 98px;
    }
}

.werbemittel-label {
    display: none;
}

#fs_d_header-label, #fs_d_sidebar-1-label {
    padding-top: 0;
}

.werbemittel-show-label .werbemittel-label::before {
    font-size: 0.5rem;
    text-align: center;
    display: block;
    height: 10px;
    content: "Anzeige";
    text-transform: uppercase;
    line-height: normal;
    background-color: white;
}

.werbemittel-fs-main-infinity.werbemittel-show-label:not(.werbemittel-fallback):not(.werbemittel-loading)::before {
    font-size: 0.5rem;
    text-align: center;
    display: block;
    height: 10px;
    content: "Anzeige";
    text-transform: uppercase;
    line-height: normal;
    background-color: white;
}

#fs_d_footer {
    padding-bottom: 0;
}

.werbemittel-fs-main {
    background-image: url(../img/weiterscrollen5_kachel.svg);
    background-position: center top;
    background-repeat: repeat-y;
    background-size: 290px 75px;
    margin-top: 1em;
    margin-bottom: 1em;
    position: relative;
}

@media (max-width: 749px) {
    .werbemittel-fs-footer {
        background-image: url(../img/weiterscrollen5_kachel.svg);
        background-position: center top;
        background-repeat: repeat-y;
        background-size: 290px 75px;
        background-color: white;
    }
}

.werbemittel-fallback {
    background-image: none;
}

@media (min-width: 990px) {
    .werbemittel-fs-main {
        background-image: none;
    }
}

#werbemittel-fs_sticky {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: white;
    z-index: 100002;
}

#werbemittel-fs_header.werbemittel-empty #fs_d_header {
    visibility: hidden;
}

#werbemittel-fs_sticky.werbemittel-empty {
    visibility: hidden;
}

.werbemittel-sticky-button {
    display: block;
    font-size: 1.25em;
    height: 30px;
    font-weight: bold;
    border: 2px solid white;
    background-color: white;
    padding: 0 5px 0 7px;
    margin: 0;
    position: absolute;
    top: -30px;
    right: 0;
}

.werbemittel-sticky-button::after {
    content: "×";
}

#werbemittel-fs_sticky.werbemittel-empty .werbemittel-sticky-button {
    display: none;
}

fs-fallback {
    display: block;
    height: 100%;
}

.fs-fallback-hidden {
    display: none;
}

@media (max-width: 749px) {
    .werbemittel-fs-main {
        margin-left:-4vw;
        margin-right: -4vw;
    }

    .werbemittel-fs-main.werbemittel-fallback {
        padding-left: 4vw;
        padding-right: 4vw;
    }
}

#werbemittel-fs_header,#werbemittel-fs_sidebar,.werbemittel-fallback {
    display: flex;
    flex-direction: column;
}

#werbemittel-fs_header > * {
    flex-shrink: 0;
}

#werbemittel-fs_sidebar {
    justify-content: flex-start;
}

#werbemittel-fs_sidebar h2.header-2015 {
    font-size: 1.25rem;
}

@media (min-width: 990px) {
    #werbemittel-fs_main_1,#werbemittel-fs_main_2,#werbemittel-fs_main_3,#werbemittel-fs_main_4,#werbemittel-fs_main_5,#werbemittel-fs_main_6,#werbemittel-fs_main_7,.werbemittel-fs-main-infinity,#werbemittel-fs_footer {
        display: flex;
        flex-direction: column;
    }
}

.werbemittel-loading {
    position: relative;
}

.werbemittel-loadingg::after {
    display: block;
    content: "";
    border: 0.25rem solid var(--fs-hell-gelb);
    border-right-color: var(--fs-dunkel-gelb);
    animation: spin 2s linear infinite;
    width: 3rem;
    height: 3rem;
    box-sizing: border-box;
    border-radius: 50%;
    position: absolute;
    left: calc(50% - 1.5rem);
    top: calc(50% - 1.5rem);
}

@media (max-width: 749px) {
    #werbemittel-fs_header {
        display: none !important;
    }
}

@media (max-width: 989px) {
    #werbemittel-fs_main_1,#werbemittel-fs_main_2,#werbemittel-fs_main_3,#werbemittel-fs_main_4,#werbemittel-fs_main_5,#werbemittel-fs_main_6,#werbemittel-fs_main_7,.werbemittel-fs-main-infinity,#werbemittel-fs_footer {
        height: 610px !important;
    }
}

@media (min-width: 750px) {
    #werbemittel-fs_header, #werbemittel-fs_footer {
        height: 100px !important;
        overflow: hidden;
    }

    #werbemittel-fs_sidebar {
        height: 610px !important;
        overflow: hidden;
    }
}

@media (min-width: 990px) {
    #werbemittel-fs_main_1, #werbemittel-fs_main_2, #werbemittel-fs_main_3, #werbemittel-fs_main_4, #werbemittel-fs_main_5, #werbemittel-fs_main_6, #werbemittel-fs_main_7,.werbemittel-fs-main-infinity {
        height: 290px !important;
        overflow: hidden;
    }
}

@media (min-width: 990px) {
    #werbemittel-fs_header, #werbemittel-fs_footer {
        height: 260px !important;
        overflow: hidden;
    }
}

@media (min-width: 750px) {
    #werbemittel-fs_main_4, #werbemittel-fs_main_5, #werbemittel-fs_main_6, #werbemittel-fs_main_7, #werbemittel-fs_main_3.werbemittel-no-desktop {
        display: none;
    }

    #werbemittel-fs_main_4.werbemittel-fs-main-infinity, #werbemittel-fs_main_5.werbemittel-fs-main-infinity, #werbemittel-fs_main_6.werbemittel-fs-main-infinity, #werbemittel-fs_main_7.werbemittel-fs-main-infinity {
        display: flex;
    }
}

#werbemittel-fs_skyscraper_l,#werbemittel-fs_skyscraper_r {
    width: 300px;
    height: 600px;
}

#dspx_scroller_wrapper_wrapper ,#glomex_scroller_wrapper_wrapper {
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    height: calc(100% - 10px);
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

#dspx_scroller_wrapper {
    aspect-ratio: 1 / 2;
    height: 100%;
    flex-shrink: 0;
    position: relative;
}

#glomex_scroller_wrapper {
    aspect-ratio: 16 / 9;
    height: 100%;
    flex-shrink: 0;
    position: relative;
}

@media (max-width: 989px) {
    #glomex_scroller_wrapper {
        width:100%;
        height: auto;
    }
}

.smart-skin-top {
    flex-shrink: 0;
}

@media (orientation: landscape) {
    #dspx_scroller_wrapper {
        aspect-ratio: 2 / 1;
    }
}

@media (max-width: 989px) and (orientation: landscape) {
    #dspx_scroller_wrapper {
        width:100%;
        height: auto;
    }
}

body.fs_cpauthenticated ins.werbemittel, body.fs_cpauthenticated div.sky-anzeige, body.fs_cpauthenticated .home-news-anzeige {
    display: none !important;
}

/* FS Buttons */
.fs-button:link, .fs-button:visited, .fs-button:active, .fs-button:hover {
    color: inherit;
    text-decoration: none;
}

.fs-button {
    display: inline-block;
}

.fs-button > button,.fs-button > label {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0.2em;
    white-space: nowrap;
    color: var(--text-color);
    background-color: var(--fs-hell-gelb);
    border-style: none;
    font-weight: bold;
    padding: 0 1em ;
    height: 2.5em;
    display: flex;
    gap: 0.5em;
    align-items: center;
    line-height: 100%;
    margin: 0;
}

.fs-button > button:enabled ,.fs-button > label {
    cursor: pointer;
}

.fs-button > button:disabled {
    filter: grayscale(100%) ;
    color: gray;
}

@media (pointer: fine) {
    .fs-button:hover > button:enabled {
        background-color: var(--fs-dunkel-gelb);
    }
}

.fs-button-active > button:enabled {
    background-color: var(--fs-dunkel-gelb);
}

.fs-button-feed {
    background: linear-gradient(170deg,var(--fs-rot),var(--fs-orange),var(--fs-dunkel-gelb),var(--fs-orange),var(--fs-rot));
    padding: 3px;
    border-radius: 0.3em;
}

.fs-button-feed button {
    background-color: var(--background-color-alternative);
    height: calc(2.5em - 6px);
}

.fs-button-feed.fs-button-feed-white button {
    background-color: white;
}

@media (pointer: fine) {
    .fs-button-feed:hover > button:enabled {
        background-color: var(--fs-hell-gelb);
    }
}

.fs-button-ansehen button figure {
    width: 0.6em;
    flex-shrink: 0;
}

.fs-button-kaufen button figure {
    width: 1.25em;
    flex-shrink: 0;
}

.fs-button-aufnehmen button figure {
    width: 0.75em;
    flex-shrink: 0;
}

.fs-button-back button::before {
    content: "‹";
    font-weight: normal;
    transform: scale(1.5) translateY(-0.05em);
}

.fs-button-fore button::after {
    content: "›";
    font-weight: normal;
    transform: scale(1.5) translateY(-0.05em);
}

.fs-button-up button::before {
    content: "›";
    font-weight: normal;
    transform: scale(2) rotate(270deg) ;
}

.fs-button-back figure,.fs-button-fore figure,.fs-button-up figure {
    width: 100px;
}

.fs-button-a-z button {
    height: 2.5em;
    width: 2.5em;
    justify-content: center;
    padding: 0;
}

.fs-button-add button figure {
    width: calc(2.75em - 6px - 1em);
    flex-shrink: 0;
}

.fs-button-add.fs-button-add-square {
    background: linear-gradient(135deg,var(--fs-rot),var(--fs-orange),var(--fs-dunkel-gelb),var(--fs-orange),var(--fs-rot));
}

.fs-button-add.fs-button-add-square button {
    padding: 0;
    width: calc(2.5em - 6px);
    justify-content: center;
}

.fs-button-add button figure+figure {
    display: none;
}

.serie-favorisiert .fs-button-add button figure+figure {
    display: block;
}

.serie-favorisiert .fs-button-add button figure:first-child {
    display: none;
}

.fs-buttons {
    margin-top: 1em;
    margin-bottom: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap ;
    gap: 0.5em;
}

.fs-buttons-left {
    justify-content: flex-start;
}

.fs-buttons-wide > li {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 0;
}

.fs-buttons-wide .fs-button {
    width: 100%;
    box-sizing: border-box
}

.fs-buttons-wide .fs-button button {
    width: 100%;
    justify-content: center;
}

.fs-buttons-2 {
    gap: 1em;
}

.fs-buttons-2 li {
    flex-basis: 0;
    flex-grow: 1;
}

.fs-buttons-2 li:first-child {
    text-align: right;
}

label > button {
    pointer-events: none;
}

/* FS Switch */
.fs-switch {
    display: flex;
    align-items: center;
    gap: 1em;
    justify-content: space-between;
    cursor: pointer;
}

.fs-switch-rtl {
    flex-direction: row-reverse;
}

.fs-switch input {
    display: none;
}

.fs-switch fs-switch-switch {
    flex-shrink: 0;
    width: 1.75em;
    height: 1em;
    position: relative;
    display: block;
    background-color: darkgray;
    border-radius: 1em;
    transition: background-color 250ms;
}

.fs-switch input:checked+fs-switch-switch {
    background-color: green;
}

.fs-switch fs-switch-switch::after {
    height: 1em;
    display: block;
    background-color: white;
    position: absolute;
    left: 0em;
    top: 0;
    border-radius: 1em;
    content: "";
    width: 1em;
    border: 1px solid gray;
    box-shadow: 0px 0px 1px gray;
    transition: left 250ms;
    box-sizing: border-box;
}

.fs-switch input:checked+fs-switch-switch::after {
    left: calc(100% - 1em );
    border: 1px solid green;
    box-shadow: 0px 0px 1px green;
}

.fs-switch input+fs-switch-switch+fs-switch-label fs-switch-label-on {
    display: none;
}

.fs-switch input:checked+fs-switch-switch+fs-switch-label fs-switch-label-on {
    display: block;
}

.fs-switch input:checked+fs-switch-switch+fs-switch-label fs-switch-label-off {
    display: none;
}

/* Navigationselement */
.episode-ueberschrift {
    text-align: center;
    display: flex;
    padding: 0.75em 1em;
    background-color: var(--background-color-alternative);
    align-items: center;
    border-bottom-style: none;
    border-radius: 0.25em;
    justify-content: space-between;
}

.episode-ueberschrift-zurueck ,.episode-ueberschrift-weiter,.episode-ueberschrift-unten-nach-oben {
    display: flex;
    align-items: center;
    font-size: 0.8em;
    line-height: 0;
    gap: 0.5em;
}

.episode-ueberschrift-unten-nach-oben::before {
    content: "‹";
    font-size: 2em;
    font-weight: normal;
    transform: rotate(90deg);
}

.episode-ueberschrift-zurueck:hover,.episode-ueberschrift-weiter:hover,.episode-ueberschrift-unten-nach-oben:hover {
    text-decoration: none;
}

.episode-ueberschrift-zurueck::before {
    content: "‹";
    font-size: 2em;
    padding-bottom: 0.1em;
    font-weight: normal;
}

.episode-ueberschrift-zurueck::after {
    content: "zurück";
}
.sendetermine-ueberschrift-zurueck::after {
    content: "Früher";
}

.episode-ueberschrift-weiter::before {
    content: "weiter";
}
.sendetermine-ueberschrift-weiter::before {
    content: "Später";
}

.episode-ueberschrift-weiter::after {
    content: "›";
    font-size: 2em;
    padding-bottom: 0.15em;
    font-weight: normal;
}

@media (max-width: 499px) {
    .episode-ueberschrift-zurueck::after , .episode-ueberschrift-weiter::before {
        display:none;
    }
}

.episode-ueberschrift-unten .episode-ueberschrift-zurueck::after , .episode-ueberschrift-unten .episode-ueberschrift-weiter::before {
    display: none;
}

.episode-ueberschrift.staffelauswahl {
    gap: 0.25em;
    padding: 0;
    align-items: stretch;
}

.episode-ueberschrift.staffelauswahl-staffel {
    background-color: transparent;
    border-radius: 0;
}

.episode-ueberschrift.staffelauswahl .staffelauswahl-left,.episode-ueberschrift.staffelauswahl .staffelauswahl-right {
    flex: 0 0 auto;
    padding: 0 1em;
    background-color: var(--background-color-alternative);
    border-radius: 0.25em;
}

.episode-ueberschrift.staffelauswahl .staffelauswahl-left:not(.episode-ueberschrift-zurueck),.episode-ueberschrift.staffelauswahl .staffelauswahl-right:not(.episode-ueberschrift-weiter) {
    display: none;
}

.episode-ueberschrift.staffelauswahl .staffelauswahl-middle {
    padding: 0.75em 1em;
    cursor: pointer;
    flex: 1 1 0;
    font-size: 0.8em;
    background-color: var(--background-color-alternative);
    border-radius: 0.25em;
    min-width: 0;
}

.episode-ueberschrift.staffelauswahl .staffelauswahl-middle > span::after {
    content: "›";
    font-size: 2em;
    font-weight: normal;
    display: inline-block;
    transform: rotate(90deg);
    vertical-align: middle;
    margin-left: 0.5em;
    line-height: 0;
}

/* Serien Seiten */
.favorit-stoerer .fs-buttons {
    margin-bottom: 0;
}

.favorit-stoerer {
    background: linear-gradient(var(--fs-rot),var(--fs-orange),var(--fs-dunkel-gelb));
    padding: 0 0 0 3px;
    margin-top: 1em;
    margin-bottom: 1em;
}

.favorit-stoerer-content {
    max-width: var(--flowing-text-width);
    margin-left: auto;
    margin-right: auto;
}

.favorit-stoerer > div {
    background-color: var(--background-color-alternative);
    padding: 1em;
}

.favorit-stoerer-added {
    display: none;
}

.serie-favorisiert .favorit-stoerer-not-added {
    display: none;
}

.serie-favorisiert .favorit-stoerer-added {
    display: block;
}

.dvds6 {
    margin-left: 4%;
    margin-right: 4%;
    margin-top: 1em;
    padding-bottom: 1em;
    margin-bottom: 0;
}

.header-auch-interessant {
    margin-bottom: 2%;
}

.auch-interessant-unten-spoiler {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1em;
}

.auch-interessant-unten-spoiler li figure {
    display: block;
    width: 100%;
}

@media (max-width: 849px) {
    .auch-interessant-unten-spoiler {
        grid-template-columns: repeat(3, 1fr);
    }

    .auch-interessant-unten-spoiler-rest li:nth-child(4), .auch-interessant-unten-spoiler-spoiler li:nth-child(n + 7) {
        display: none;
    }
}

@media (max-width: 450px) {
    .auch-interessant-unten-spoiler {
        grid-template-columns: repeat(2, 1fr);
    }

    .auch-interessant-unten-spoiler-rest li:nth-child(3), .auch-interessant-unten-spoiler-spoiler li:nth-child(n + 5) {
        display: none;
    }
}

/* Serie-Infos-Seite */
.seriestitle {
    font-size: 1.25em;
    font-weight: bold;
}

.seriestitle span {
    font-weight: bold;
    display: block;
    font-size: 0.8em;
}

.serie-titel-favbutton {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.content-min-width-501 .serie-titel-favbutton {
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.serie-titel-favbutton .fave-button-wrapper {
    flex-shrink: 0;
    margin-left: 1em;
}

.content-min-width-501 .serie-titel-favbutton .fave-button-wrapper {
    margin-left: 0;
    margin-right: 1em;
}

.serieninfos {
    margin-bottom: 0.5em;
    max-width: var(--flowing-text-width);
    margin-left: auto;
    margin-right: auto;
}

.serie-produktionsjahre {
    margin-top: 0.5em;
}

.serie-infos-buttons {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1em;
    gap: 0.5em;
}

.serie-infos-buttons .fs-button-ansehen,.serie-infos-buttons .fs-button-kaufen,.serie-infos-buttons .fs-button-aufnehmen {
    width: 100%;
    flex-shrink: 0;
}

.serie-infos-buttons .fs-button-like {
    flex-basis: 0;
    flex-grow: 62;
}

.serie-infos-buttons .fs-button-dislike {
    flex-basis: 0;
    flex-grow: 38;
}

.content-min-width-501 .fs-button-ansehen,.content-min-width-501 .fs-button-kaufen,.content-min-width-501 .fs-button-aufnehmen {
    order: 1;
    flex-basis: 0;
    flex-grow: 50;
    width: auto;
}

.serie-infos-buttons button {
    width: 100%;
}

.serie-infos-buttons button {
    justify-content: center;
}

.fs-button-like button,.fs-button-dislike button {
    background-color: var(--background-color-alternative);
}

@media (pointer: fine) {
    .serie-infos-buttons .fs-button.fs-button-like:hover button:enabled , .serie-infos-buttons .fs-button.fs-button-dislike:hover button:enabled {
        background-color: var(--fs-hell-gelb);
    }
}

.serie-infos-buttons .fs-button.fs-button-like button::before,.serie-infos-buttons .fs-button.fs-button-dislike button::before {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: "\a0";
    width: 1em;
    flex-shrink: 0;
    padding-left: 0.5em;
    padding-right: 0.5em;
}

.serie-infos-buttons .fs-button.fs-button-like button::before {
    background-image: url(../img/thumbs-up-regular.svg);
}

.serie-infos-buttons .fs-button.fs-button-like button[data-value="1"]::before {
    background-image: url(../img/thumbs-up-solid.svg);
}

.serie-infos-buttons .fs-button.fs-button-dislike button::before {
    background-image: url(../img/thumbs-down-regular.svg);
}

.serie-infos-buttons .fs-button.fs-button-dislike button[data-value="1"]::before {
    background-image: url(../img/thumbs-down-solid.svg);
}

.serie-infos-buttons .fs-button.fs-button-like button::after {
    content: "Gefällt mir"
}

.genrepillen {
    margin-bottom: 1em;
    margin-top: 0.5em;
}

.genrepillen li {
    border: 1px solid var(--border-color);
    display: inline-block;
    border-radius: 1em;
    padding: 0.125em 0.5em;
    margin-right: 0.5em;
    margin-top: 0.5em;
}

.genrepillen li:last-child {
    margin-right: 0;
}

.infoquelle-links {
    display: block;
    text-align: left;
    font-style: italic;
    margin-bottom: 0.25em;
}

.absatz-spacer {
    height: 0.5em;
}

.serie-infos-ausstrahlungsformen {
    font-weight: bold;
    margin-bottom: 0.5em;
    max-width: var(--flowing-text-width);
    margin-left: auto;
    margin-right: auto;
}

.serie-infos-ausstrahlungsformen li {
    margin-bottom: 0.5em;
}

.serie-infos-ausstrahlungsformen li a {
    text-decoration: underline;
    text-underline-offset: 0.25em;
    text-decoration-thickness: 1px;
    text-decoration-color: var(--fs-dunkel-gelb);
}

.serie-beschreibung ,.serie-fernsehlexikon,.serie-weitere-info {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    max-width: var(--flowing-text-width);
    margin-left: auto;
    margin-right: auto;
}

.serie-beschreibung a {
    text-decoration: underline;
    text-underline-offset: 0.25em;
    text-decoration-thickness: 1px;
    text-decoration-color: var(--fs-dunkel-gelb);
}

.serie-beziehungsarten {
    max-width: var(--flowing-text-width);
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.serie-infos-kritik-bild {
    max-width: var(--flowing-text-width);
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.serie-infos-kritik-bild figcaption {
    position: absolute;
    right: 0.5em;
    top: 0;
    line-height: normal;
    font-size: 0.5em;
    text-shadow: 1px 1px 1px #000;
    color: white;
}

.serie-infos-kritik-titel {
    margin-top: 1em;
    font-weight: bold;
    margin-bottom: 1em;
    max-width: var(--flowing-text-width);
    margin-left: auto;
    margin-right: auto;
}

.serie-infos-kritik-autor {
    max-width: var(--flowing-text-width);
    margin-left: auto;
    margin-right: auto;
}

.serie-infos-kritik-autor h3 {
    font-style: italic;
    display: flex;
    align-items: center;
}

.serie-infos-kritik-autor span a {
    text-decoration: underline;
    text-underline-offset: 0.25em;
    text-decoration-thickness: 1px;
    text-decoration-color: var(--fs-dunkel-gelb);
}

.serie-infos-kritik-block {
    max-width: var(--flowing-text-width);
    margin: 1em auto;
    display: flex;
    gap: 1em;
}

.serie-infos-kritik-block::before {
    flex-shrink: 0;
    content: "";
    border-right: 2px solid var(--fs-dunkel-gelb);
    width: 2em;
    background-image: url(../img/gf-symbol.svg);
    background-size: 1em auto;
    background-repeat: no-repeat;
    background-position: top left;
}

.serie-infos-kritik-link {
    font-weight: bold;
    margin-top: 0.25em;
    text-decoration: underline;
    text-underline-offset: 0.25em;
    text-decoration-thickness: 1px;
    text-decoration-color: var(--fs-dunkel-gelb);
}

.serie-infos-kritik-inhalt {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Serie-Infos-Seite, Filmseite */
.serie-infos-alternativtitel {
    margin-bottom: 0.25em;
    max-width: var(--flowing-text-width);
    margin-left: auto;
    margin-right: auto;
}

/* Episodenliste, Sendeterminliste, Streamsliste */
.sendetermine-2019,.episodenliste-2019,.serie-streams,.episode-streams-2019 {
    font-size: 0.9em;
    hyphens: auto;
}

/* Episodenliste, Sendeterminliste */
.sendetermine-2019 ,.episodenliste-2019 {
    overflow-x: auto;
    display: block;
    overflow-y: hidden;
}

.sendetermine-2019-episodentitel,.episodenliste-2019-episodentitel {
    word-break: break-word;
    overflow-wrap: break-word;
}

/* Episodenliste */
.episodenliste-2019 {
    display: table;
    width: 100%;
}

.episodenliste-2019 > a {
    display: table-row;
    height: 2.42em;
}

@media (pointer: coarse) {
    .episodenliste-2019 > a {
        height:3.14em;
    }
}

.episodenliste-2019 > a > div {
    display: table-cell;
    padding: 0.25em 0.5em ;
    vertical-align: middle;
}

.episodenliste-2019 > a > div:empty {
    padding: 0;
}

.episodenliste-2019 .header-2015 {
    margin-top: 5%;
}

.ausstrahlungsform-kommentar {
    margin: 5px 10px;
    color: var(--text-color-alternative);
}

@media (max-width: 599px) {
    .episodenliste-2019 > a > div {
        padding: 0.25em ;
    }
}

.episodenliste-2019 a:nth-of-type(odd) {
    background-color: var(--background-color-alternative);
}

.episodenliste-2019 > a > div {
    width: 0;
}

.episodenliste-2019 > a > div:nth-child(7), .episodenliste-2019 > a > div:nth-child(9) {
    width: auto;
}

.episodenliste-2019 > a > div:nth-child(2), .episodenliste-2019 > a > div:nth-child(4), .episodenliste-2019 > a > div:nth-child(5) {
    padding-right: 0px;
}

.episodenliste-2019 > a > div:nth-child(3), .episodenliste-2019 > a > div:nth-child(5), .episodenliste-2019 > a > div:nth-child(6) {
    padding-left: 0px;
}

.episodenliste-2019 > a > div:nth-child(2), .episodenliste-2019 > a > div:nth-child(4) {
    text-align: right;
}

.episodenliste-2019 {
    font-weight: bold;
}

.episodenliste-2019 > a > div:nth-child(4) , .episodenliste-2019 > a > div:nth-child(5) , .episodenliste-2019 > a > div:nth-child(6) , .episodenliste-2019 > a > div:nth-child(8) , .episodenliste-2019 > a > div:nth-child(10) {
    font-weight: normal;
}

.episodenliste-2019 > a > div:nth-child(2) {
    padding-left: 0.25em;
}

.episodenliste-2019 .episodenliste-schmal {
    display: block;
    margin-top: 0.25em;
    font-weight: normal;
}

@media screen and (min-width: 1024px),print {
    .episodenliste-2019 .episodenliste-schmal {
        display: none;
    }
}

@media screen and (max-width: 1023px) {
    .episodenliste-2019 > a > div:nth-child(4), .episodenliste-2019 > a > div:nth-child(5), .episodenliste-2019 > a > div:nth-child(6), .episodenliste-2019 > a > div:nth-child(9), .episodenliste-2019 > a > div:nth-child(10) {
        display: none;
    }

    .episodenliste-2019 > a > div:nth-child(8) {
        font-weight: bold;
    }
}

.fs-button-episodenliste button {
    padding: 0 0.5em;
    height: 1.5em;
}

.fs-button-episodenliste button::after {
    content: "";
    width: 1em;
    height: 1em;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
}

.fs-button-episodenliste-ansehen button::after {
    background-image: url(../img/fs-logo-pfeil-schwarz.svg);
}

.fs-button-episodenliste-aufnehmen button::after {
    background-image: url(../img/circle.svg);
}

.fs-button-episodenliste-live button::after {
    background-image: url(../img/equalizer.svg);
}

.fs-button-episodenliste-kaufen button::after {
    background-image: url(../img/dvd-logo.svg);
}

.unaired {
    hyphens: none;
}

/* Sendetermin-Liste Element */
.sendetermine-2019-fade {  
    position: relative;
}

.sendetermine-2019-fade::after {pointer-events: none;
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    background: linear-gradient( to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100% );
    height: 3em;
}

@media screen and (min-width: 1024px),print {
    .only-smartphone2 {
        display: none;
    }
}

@media screen and (max-width: 1023px) {
    .no-smartphone2 {
        display: none !important;
    }
}

@media (max-width: 499px) {
    .no-smartphone {
        display: none !important;
    }
}

@media (min-width: 500px) {
    .only-smartphone {
        display: none;
    }
}

input[type="checkbox"]:not(:checked) + .sendetermine-gekuerzt > div.termin-vergangenheit:nth-child(n + 10) {
    display: none;
}

input[type="checkbox"]:checked + .sendetermine-gekuerzt + ul.fs-buttons {
    display: none;
}

.sendetermine-2019 {
    display: table;
    width: 100%;
}

.sendetermine-2019 [role=rowgroup] {
    display: table-row-group;
}

.sendetermine-2019 [role=row] {
    display: table-row;
    height: 2.42em;
}

@media (pointer: coarse) {
    .sendetermine-2019 [role=row] {
        height:3.14em;
    }
}

.sendetermine-2019 [role=cell] ,.sendetermine-2019 .sendetermine-chevron::after{
    padding: 0.25em 0.5em;
    display: table-cell;
    vertical-align: middle; width: 0;
    white-space: nowrap;
}
.sendetermine-2019 .sendetermine-chevron::after {content:"";line-height: 0;
    font-size: 2em;}
.sendetermine-2019 .sendetermine-chevron-yes::after { content: "›";
    }

.sendetermine-2019 [role=cell]:empty {
    padding: 0
}

@media (max-width: 599px) {
    .sendetermine-2019 [role=cell] ,.sendetermine-2019 .sendetermine-chevron::after {
        padding: 0.25em ;
    }
}

.sendetermine-2019 .sendetermine-2019-even {
    background-color: var(--background-color-alternative);
}



.sendetermine-2019 .sendetermine-2019-episodentitel,.sendetermine-2019 .sendetermine-2019-zusatz,.sendetermine-2019 .sendetermine-2019-ausstrahlungsinfo {
    width: auto;
}

.sendetermine-2019 .sendetermine-2019-wochentag {
    font-weight: bold;
}

.sendetermine-2019 .sendetermine-2019-uhrzeit-smartphone {
    font-weight: normal;
}

.sendetermine-2019 .sendetermine-2019-datum {
    font-weight: bold;
}

.sendetermine-2019 .sendetermine-2019-bis {
    font-weight: bold;
    padding-left: 0;
    padding-right: 0;
}

.sendetermine-2019 .sendetermine-2019-sender figure.fs-picture {
    width: 56px;
}

.sendetermine-2019 .sendetermine-2019-sender figure.fs-picture img {
    object-fit: contain;
}

.sendetermine-2019 .sendetermine-2019-sender .sender-text {
    text-shadow: 0 0 1px gray;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    display: inline-block;
    text-overflow: ellipsis;
    font-weight: bold;
}

.sendetermine-2019 .sendetermine-2019-ausstrahlungsform-staffel-titel-episodennummer {
    padding-right: 0;
    font-weight: bold;
    text-align: right;
    font-weight: bold;
}

.sendetermine-2019 .sendetermine-2019-staffel-und-episode-smartphone {
    font-weight: normal;
}

.sendetermine-2019 .erste-zeile-vorhanden {
    margin-top: 5px;
}

.sendetermine-2019 .sendetermine-2019-episodennummer-sub {
    padding-left: 0;
    font-weight: bold;
}

.sendetermine-2019 .sendetermine-2019-staffel-und-episode-smartphone-sub {
    font-weight: normal;
}

.sendetermine-2019 .sendetermine-2019-staffel-und-episode {
    padding-right: 0;
    text-align: right;
}

.sendetermine-2019 .sendetermine-2019-staffel-und-episode-sub {
    padding-left: 0;
}

.sendetermine-2019 .sendetermine-2019-episodentitel,.sendetermine-2019 .sendetermine-2019-sender {
    font-weight: bold;
    white-space: normal;
}

.sendetermine-2019 .sendetermine-2019-ausstrahlungsinfo,.sendetermine-2019-sender .sendetermine-2019-datum {
    white-space: normal;
}

.sendetermine-2019 .sendetermine-2019-episodentitel abbr {
    font-size: 0.75em;
    white-space: nowrap;
    font-weight: bold;
    color: white;
    background-color: var(--text-color-alternative);
    border-radius: 0.25em;
    text-transform: uppercase;
    padding: 0.25em 0.5em;
    line-height: normal;
    display: inline-block;
}

.sendetermine-2019 .sendetermine-2019-zusatz {
    white-space: normal;
}

/* Serie Spoiler Seite, Serie Staffel Seite */
ul.spoiler-liste > li, ul.episoden-episodenliste > li {
    margin-bottom: 1em;
}

.episoden-episodenliste-ausstrahlungskommentar {
    color: var(--text-color-alternative);
}

/* Episode-, Sendetermin-, Film-Output */
.episode-output-alternativtitel {
    margin-top: 0.5em;
    max-width: var(--flowing-text-width);
    margin-left: auto;
    margin-right: auto;
}

.episode-output-kommentar {
    margin-top: 0.5em;
    max-width: var(--flowing-text-width);
    margin-left: auto;
    margin-right: auto;
    font-size: 0.9em;
    font-style: italic;
}

.episode-output-originaltitel {
    font-weight: normal;
}

.episode-output-titel {
    font-weight: bold;
    font-size: 1.25em;
    max-width: var(--flowing-text-width);
    margin-left: auto;
    margin-right: auto;
}

.episoden-zeile-1000 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.25em;
    max-width: var(--flowing-text-width);
    margin-left: auto;
    margin-right: auto;
    gap: 1em;
}

.episode-output-instaffel {
    max-width: var(--flowing-text-width);
    margin-left: auto;
    margin-right: auto;
}

.episode-output-inhalt {
    margin-top: 1em;
}

.episode-output-inhalt br {
    display: block;
    margin-top: 0.5em;
    content: "";
}

.episode-output-inhalt::after {
    content: "";
    display: block;
    clear: left;
    margin-top: 1em;
}

.episode-output-inhalt p,.episode-output-inhalt-inner {
    max-width: var(--flowing-text-width);
    margin-left: auto;
    margin-right: auto;
}

.episodenguide-episode-img-div {
    background-color: var(--background-color-alternative);
}

.episodenguide-episode-img-div.fs-picture {
    float: left;
    margin: 0 1em 1em 0;
    width: 50%;
}

@media (max-width: 499px) {
    .episodenguide-episode-img-div-gross.fs-picture {
        float: none;
        margin-right: -4vw;
        margin-left: -4vw;
        width: auto;
    }

    .episodenguide-episode-img-div-gross.fs-picture figcaption {
        padding: 0.5em 4vw;
    }
}

.text-quelle {
    font-style: italic;
}

ea-angaben-wrapper {
    display: block;
    font-size: 0.9em;
    margin-bottom: 1em;
    max-width: var(--flowing-text-width);
    margin-left: auto;
    margin-right: auto;
}

ea-angabe {
    display: block;
}

ea-angabe-titel {
    font-weight: bold;
    display: inline;
    white-space: nowrap;
}

ea-angabe-titel::after {
    content: ": ";
}

.episode-ea-daten dl {
    display: flex;
    flex-wrap: wrap
}

ea-angabe-datum::after {
    content: " ";
}

ea-angabe-sender {
    white-space: nowrap;
}

.episode-beziehungen {
    margin-top: 0.5em;
    max-width: var(--flowing-text-width);
    margin-left: auto;
    margin-right: auto;
}

.episodenguide-episode-img-div figcaption {
    font-weight: normal;
    font-size: 0.9em;
    padding: 0.5em;
    text-align: left;
    caption-side: bottom;
}

@media (min-width: 750px) {
    #episodeninhaltwerbetrenner {
        display:none;
    }
}

/* Sendetermin-Seite */
.sendetermine-select-line {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.sendetermine-select-line li {
    margin-right: 1em;
    margin-bottom: 1em;
}

.sendetermine-select-line + section {
    margin-top: 1em;
}

.sendetermine-ueberschrift .episode-ueberschrift-zurueck::after {
    content: "früher";
}

.sendetermine-ueberschrift .episode-ueberschrift-weiter::before {
    content: "später";
}

.kalenderdatum-hinweis {
    margin: 1em 0;
}

.kalenderdatum-hinweis a {
    text-decoration: underline;
}

.fs-tab-horizontal-wrapper {
    position: relative
}

.fs-horizontal-fs-tabs {
    margin-top: 1.25em;
}

.fs-horizontal-fs-tabs h2 {
    border-style: none;
    position: absolute;
    top: 0.75em;
    right: 0;
}

/* Serie Kaufartikel Seite */
.serie-kaufartikel li {
    padding: 0.25em ;
    margin-top: 0.5em;
    display: flex;
}

.serie-kaufartikel li:nth-child(odd) {
    background-color: var(--background-color-alternative);
}

.serie-kaufartikel li .kaufartikel-bild {
    margin-right: 1em;
}

.serie-kaufartikel li .kaufartikel-bild figure {
    width: 6em;
}

.serie-kaufartikel li .kaufartikel-bild figure img {
    object-fit: contain;
    height: 100%;
}

.serie-kaufartikel li.serie-kaufartikel-weiter {
    height: auto;
    padding: 0;
    margin: 1em 0 0 0;
    display: block;
}

.kaufartikel-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.kaufartikel-content-inner {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.kaufartikel-content-text::before {
    content: "";
    font-size: 1.25em;
}

.kaufartikel-content figure.fs-picture {
    width: 2.5em;
    margin-left: 1em;
}

/* Serien nach Sendern Seite */
.serien-nach-sendern-auswahl {
    display: flex;
    align-items: center;
}

.serien-nach-sendern-auswahl > * {
    margin-right: 1em;
}

@media (max-width: 499px) {
    .serien-nach-sendern-auswahl select {
        width: 100px;
    }
}

/* Newsletter Seite */
ul.newsletter {
    margin-bottom: 0.5em;
}

ul.newsletter li {
    list-style-type: square;
    list-style-position: inside;
}

.label-einwilligung a {
    font-weight: bold;
}

/* Login/Profil-Seite */
@media (min-width: 750px) {
    .meins-article {
        overflow:hidden;
    }
}

body.login ins.werbemittel {
    display: none !important;
}

body.login aside {
    display: none;
}

.serie-content-left.nicht-eingeloggt {
    width: 100%;
    max-width: 25em;
    margin-left: auto;
    margin-right: auto;
}

.serie-content-left.nicht-eingeloggt nav {
    display: none;
}

.serie-content-left.meins > article {
    margin-top: 0;
}

.serie-content-left.eingeloggt > article {
    max-width: 25em;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 750px) {
    .serie-content-left.eingeloggt {
        display:flex;
        justify-content: space-between;
    }
}

.meins nav ul li a {
    padding: 0.25em 0.25em 0.5em 0.25em;
    background-color: white;
    color: var(--text-color-alternative);
    font-weight: normal;
    display: block;
}

.meins nav ul li.active {
    background: linear-gradient(90deg,var(--fs-rot),var(--fs-orange),var(--fs-dunkel-gelb))
}

.meins nav ul li {
    padding-bottom: 3px;
}

.meins nav ul li.active a {
    color: var(--text-color);
    font-weight: bold;
}

@media (max-width: 749px) {
    .meins nav {
        margin-bottom:1em;
    }

    .meins nav ul {
        display: flex;
        gap: 2em;
        justify-content: center;
        border-bottom: 3px solid lightgray;
        margin-left: -4vw;
        margin-right: -4vw;
    }

    .meins nav ul li {
        margin-bottom: -3px;
    }

    .meins nav ul li:first-child {
        margin-left: 4vw;
    }

    .meins nav ul li:last-child {
        margin-right: 4vw;
    }
}

@media (min-width: 750px) {
    .meins.eingeloggt::after {
        content:"";
    }

    .meins nav {
        width: 7em;
        margin-right: 1em;
        flex-shrink: 0;
    }

    .meins nav ul {
        display: inline-flex;
        flex-direction: column;
        position: sticky;
        top: calc(90px + 1em);
        row-gap: 1em;
    }
}

@media (min-width: 1300px) {
    .meins nav ul {
        top: calc(98px + 1em + 44px);
    }
}

.serie-content-left.meins select,.serie-content-left.meins input[type="text"], .serie-content-left.meins input[type="number"], .serie-content-left.meins input[type="email"], .serie-content-left.meins input[type="password"] {
    box-sizing: border-box;
    width: 100%;
    border: 1px solid var(--border-color-darker);
    border-radius: 0.25em;
    margin: 0;
    padding: 0 0.5em ;
    height: 3em;
    position: relative;
    z-index: 1;
    background-color: transparent;
}

.serie-content-left.meins input[type="text"]:disabled,.serie-content-left.meins input[type="text"]:read-only {
    background-color: lightgray;
    color: gray;
}

.serie-content-left.meins label:not(.fs-switch) {
    display: block;
    position: relative;
}

.serie-content-left.meins label span {
    position: absolute;
    display: block;
    color: var(--text-color-alternative);
    height: 3em;
    top: 0em;
    left: 0em;
    padding-left: 0.5em;
    line-height: 3em;
    transition: font-size 0.5s ;
}

.serie-content-left.meins label span.small {
    font-size: 0.5em;
    z-index: 2;
}

.serie-content-left.meins .fs-button:not(.fs-button-add) {
    margin: 0.25em 0;
}

.serie-content-left.meins .fs-button:not(.fs-button-add),.serie-content-left.meins .fs-button:not(.fs-button-add) button {
    width: 100%;
}

.serie-content-left.meins button {
    justify-content: center;
}

.serie-content-left.meins .check-red {
    display: flex;
    color: red;
    margin-bottom: 0.5em;
}

.serie-content-left.meins p.password-eye {
    position: relative;
}

.serie-content-left.meins button.pw-eye {
    border-style: none;
    background-color: transparent;
    z-index: 2;
    cursor: pointer;
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 2em;
    height: 3em;
    background-image: url(../img/eye-solid.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 30%;
}

@supports(selector(::-ms-reveal)) {
    .serie-content-left.meins button.pw-eye {
        display: none;
    }
}

.serie-content-left.meins button.pw-eye.pw-eyed {
    background-image: url(../img/eye-slash-solid.svg);
}

.check-green,.feature-list li,.check-red {
    display: flex;
    align-items: center;
}

.feature-list li {
    align-items: start;
    margin-bottom: 0.5em;
}

.check-green::before,.feature-list li::before,.check-red::before {
    flex-shrink: 0;
    content: "";
    margin-right: 1em;
    display: block;
    width: 1em;
    height: 1em;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.feature-list li::before {
    padding-top: 0.4em;
}

.check-red::before {
    background-image: url(../img/check-red.svg);
}

.check-green::before,.feature-list li::before {
    background-image: url(../img/check-green.svg);
}

a.login-link, a.login-link:link, a.login-link:visited, a.login-link:active, a.login-link:hover {
    display: block;
    text-align: center;
    color: var(--text-color-alternative);
    text-decoration: underline;
    text-underline-offset: 0.25em;
    text-decoration-thickness: 1px;
    text-decoration-color: gray;
    margin: 0.75em 0;
    cursor: pointer;
}

.serie-content-left.meins p {
    margin-bottom: 1em;
}

.serie-content-left.meins label.einwilligung-registrierung {
    display: flex;
    gap: 0.5em;
}

.serie-content-left.meins label.einwilligung-registrierung i {
    font-style: normal;
}

.fs-checkbox {
    display: none;
}

fs-checkbox {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    border: 1px solid var(--border-color-darker);
    flex-shrink: 0;
    border-radius: 0.25em;
    text-align: center;
    position: relative;
}

.fs-checkbox:checked+fs-checkbox:after {
    content: "✓";
    font-size: 1.5em;
    position: absolute;
    left: 0;
    top: -0.25em;
    width: 100%;
    height: 100%;
}

.profil-header {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    margin-bottom: 1em;
    gap: 1em;
    overflow-wrap: anywhere;
}

.profil-header>a {
    position: relative;
    display: block;
}

.profil-header>a>div {
    width: 4em;
    height: 4em;
    overflow: hidden;
    background: linear-gradient(135deg, var(--fs-rot), var(--fs-orange), var(--fs-dunkel-gelb), var(--fs-orange), var(--fs-rot));
    border-radius: 100%;
    display: block;
    padding: 2px;
    box-sizing: border-box;
}

.profil-header figure {
    border-radius: 100%;
    overflow: hidden;
}

.profil-header>a::after {
    background-image: url(../img/camera-solid.svg);
    background-size: 50% auto;
    background-repeat: no-repeat;
    background-position: center;
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 1.25em;
    height: 1.25em;
    background-color: var(--fs-hell-gelb);
    border-radius: 100%;
}

.profilbild-edit {
    margin-bottom: 1em;
    display: flex;
    justify-content: center;
}

.profilbild-edit i {
    width: 8em;
    height: 8em;
    overflow: hidden;
    background: linear-gradient(135deg, var(--fs-rot), var(--fs-orange), var(--fs-dunkel-gelb), var(--fs-orange), var(--fs-rot));
    border-radius: 100%;
    display: block;
    padding: 2px;
    box-sizing: border-box;
}

.profilbild-edit figure {
    border-radius: 100%;
    overflow: hidden;
}

.pinch-zoom #rahmen {
    border: 1px dashed white;
    position: absolute;
    width: 0;
    height: 0;
    outline: 100vw solid rgba(0, 0, 0, 0.5);
    border-radius: 100%;
}

.pinch-zoom .dragger2 {
    width: 1em;
    cursor: pointer;
    height: 1em;
    background-color: white;
    position: absolute;
    right: 0;
    bottom: 0;
    background-image: url(../img/Arrows-transparent.svg);
    background-position: center;
    background-size: 80% auto;
    background-repeat: no-repeat;
}

#pinch-zoom-file {
    display: none;
}

.pinch-zoom-parent {
    aspect-ratio: 1;
    position: relative;
    overflow: hidden;
    margin: 1em;
}

#pinch-zoom-img {
    display: block;
}

@media ( hover : none) {
    .pinch-zoom-parent::after {
        display: block;
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        box-shadow: 0 0 0 100vw rgba(0, 0, 0, 0.5);
        border-radius: 100%;
        pointer-events: none;
    }
}

.bildausschnitt-waehlen {
    display: none;
    margin-top: 0;
}

.serie-content-left.meins label.profil-benachrichtigungen-erhalten {
    display: flex;
    align-items: center;
    gap: 1em;
    cursor: pointer;
}

/* Feed */
ul.feed>li.feed-post,ul.feed>li.feed-stoerer {
    margin-bottom: 2em;
    position: relative;
}

ul.feed .feed-anchor {
    position: absolute;
    top: calc(-90px - 2em);
    visibility: hidden
}

ul.feed>li.feed-post>a {
    display: block;
    padding-left: 3em;
}

ul.feed .feed-header {
    font-weight: bold;
    margin-bottom: 0.5em;
}

ul.feed .feed-label {
    margin-right: 1em;
}

ul.feed .feed-timestamp {
    color: lightgray;
    font-weight: normal;
    font-size: 0.9em;
    white-space: nowrap;
}

ul.feed .feed-teaser {
    margin-bottom: 0.5em;
}

ul.feed li.feed-post.feed-episode .feed-teaser,ul.feed li.feed-post.feed-vorschau .feed-teaser {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

ul.feed .feed-teaser p {
    margin-top: 0.5em;
    margin-bottom: 0;
}

ul.feed .feed-content {
    border: 1px solid lightgray;
    border-radius: 1em;
    overflow: hidden;
}

ul.feed .feed-content .fs-picture {
    position: relative;
}

ul.feed .feed-content .fs-picture figcaption,.feed-vorschlag .fs-picture figcaption {
    position: absolute;
    right: 1em;
    top: 0;
    line-height: normal;
    font-size: 0.5em;
    text-shadow: 1px 1px 1px #000;
    color: white;
}

ul.feed .feed-content-line {
    padding: 1em;
    display: flex;
    align-items: center;
    gap: 1em;
    justify-content: space-between;
}

ul.feed .feed-share button {
    display: block;
    cursor: pointer;
    border-style: none;
    background-color: transparent;
    width: 1em;
    height: 1em;
}

ul.feed .feed-share button::after {
    content: "›";
    line-height: 0;
    font-size: 2em;
}

ul.feed li.feed-post::before {
    background: linear-gradient(135deg,var(--fs-rot),var(--fs-orange),var(--fs-dunkel-gelb),var(--fs-orange),var(--fs-rot));
    width: 2em;
    height: 2em;
    display: block;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    border-radius: 100%;
}

ul.feed li.feed-post::after {
    top: 2px;
    left: 2px;
    background-color: white;
    border-radius: 100%;
    width: calc(2em - 4px);
    height: calc(2em - 4px);
    display: block;
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
}

ul.feed li.feed-post.feed-meldung::after {
    background-image: url(../img/bars-staggered-solid.svg);
    background-position: 0.5em center;
    background-size: 0.9em auto;
}

ul.feed li.feed-post.feed-video_termin::after,ul.feed li.feed-post.feed-episode-dop::after {
    background-image: url(../img/logo-pfeil-rot.svg);
    background-position: 0.65em center;
    background-size: 0.6em auto;
}

ul.feed li.feed-post.feed-allg_sendetermin::after,ul.feed li.feed-post.feed-episode-dea::after,ul.feed li.feed-post.feed-vorschau::after {
    background-image: url(../img/feed-grafik-tv.svg);
    background-position: 0.4em 0.5em;
    background-size: 1em auto;
}

ul.feed li.feed-post.feed-preview {
    position: relative;
}

ul.feed li.feed-post.feed-preview::before {
    content: "";
    display: block;
    background: lightgray;
    border-radius: 100%;
    width: 2em;
    height: 2em;
    position: absolute;
    left: 0;
    top: 0;
}

ul.feed li.feed-post.feed-preview::after {
    display: none;
}

ul.feed li.feed-post.feed-preview span.feed-preview-filler {
    color: transparent;
    background-color: lightgray;
}

ul.feed li.feed-preview .fs-picture-placeholder {
    padding-top: calc(8% / 15 * 100);
    background-color: lightgray;
}

.feed-no-results {
    text-align: center;
    font-weight: bold;
    padding-top: 1em;
    padding-bottom: 2em;
    border-bottom: 2px solid lightgray;
}

.feed-keine-weiteren {
    text-align: center;
    font-weight: bold;
    padding-top: 2em;
    padding-bottom: 2em;
    border-top: 2px solid lightgray;
    border-bottom: 2px solid lightgray;
}

.feed-keine-weiteren.feed-finde {
    border-bottom-style: none;
}

.feed-vorschlag-einleitung {
    margin-top: 2em;
    margin-bottom: 2em;
}

.feed-vorschlag-einleitung-trenner-oben {
    padding-top: 2em;
    border-top: 2px solid lightgray;
}

.feed-vorschlag-hidden {
    visibility: hidden;
    height: 0;
}

.feed-vorschlag i {
    position: relative;
    display: block;
    font-style: normal;
}

.feed-vorschlag div {
    border: 2px solid lightgray;
    border-radius: 1em;
    margin-bottom: 2em;
    overflow: hidden;
}

.feed-vorschlag i::after {
    position: absolute;
    right: 1em;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    width: calc(50% - 2em);
    background: linear-gradient(90deg,var(--fs-rot),var(--fs-orange),var(--fs-dunkel-gelb));
}

.feed-vorschlag a {
    display: block;
    position: relative;
}

.feed-vorschlag .fs-picture {
    position: relative;
}

.feed-vorschlag >i>div>ul {
    display: flex;
    background-color: lightgray;
    border: 2px solid white;
    gap: 1px;
}

.feed-vorschlag >i>div>ul >li {
    flex-grow: 1;
    flex-basis: 0;
    background-color: white;
    text-align: center;
}

.feed-vorschlag >i>div>ul >li >button {
    display: inline-flex;
    align-items: center;
    border-style: none;
    cursor: pointer;
    overflow: visible;
    background-color: transparent;
    margin: 0;
    padding: 0em;
    height: 2.5em;
    width: 100%;
}

.feed-vorschlag >i>div>ul >li:last-child > button {
    font-weight: bold;
}

.feed-vorschlag >i>div>ul >li:last-child > button::before {
    content: "";
    width: 1.25em;
    height: 1.25em;
    margin-right: 0.5em;
    background-image: url(../img/plus-solid.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.feed-vorschlag >i>div>ul >li:last-child > button::afterr {
    content: "";
    height: 2px;
    background: linear-gradient(90deg,var(--fs-rot),var(--fs-orange),var(--fs-dunkel-gelb));
    display: block;
    margin-top: 0.5em;
}

.feed-vorschlag.moving {
    height: 0;
}

.feed-vorschlag.accepted {
    transition: transform 0.5s ease-in 0.5s;
    transform: translate(100vw,0);
}

.feed-vorschlag.denied {
    transition: transform 0.5s ease-in 0.5s;
    transform: translate(-100vw,0);
}

.feed-vorschlag.accepted .fs-picture,.feed-vorschlag.denied .fs-picture {
    transition: filter 0.5s ease-in-out;
    filter: brightness(0.5);
}

.feed-vorschlag a::after {
    transition: opacity 0.5s ease-in-out;
    opacity: 0;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    aspect-ratio: 600 / 320;
    background-repeat: no-repeat;
    background-size: 5em auto;
    background-position: center;
}

.feed-vorschlag.accepted a::after {
    background-image: url(../img/check-solid-white.svg);
}

.feed-vorschlag.denied a::after {
    background-image: url(../img/xmark-solid-white.svg);
}

.feed-vorschlag.accepted a::after,.feed-vorschlag.denied a::after {
    opacity: 1;
}

ul.feed .fs-buttons ,ul.abos .fs-buttons {
    margin-top: 0;
}

.feed-suche form {
    height: 2em;
    display: flex;
    border: 1px solid lightgray;
    border-radius: 0.25em;
    gap: 1em;
    align-items: center;
    margin-bottom: 1em;
}

.feed-suche form .fs-picture {
    width: 1em;
}

.feed-suche form input {
    border-style: none;
    background-color: transparent;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border-left: 10px solid transparent;
}

.feed-suche form button {
    cursor: pointer;
    background-color: transparent;
    border-style: none;
    padding: 0;
    border-right: 10px solid transparent;
}

.feed-suche form > div {
    flex-shrink: 0;
}

.feed-suche form > div:first-child {
    flex-grow: 1;
}

.feed-suche form > div:last-child {
    display: flex;
    align-items: center;
}

[data-benachrichtigungsschalter]:empty {
    display: none;
}

/* Abos */
ul.abos {
    margin-top: 1em;
}

ul.abos li.abos-abo {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding: 0.25em;
    hyphens: auto;
}

ul.abos li.abos-abo:nth-child(odd) {
    background-color: var(--background-color-alternative);
}

ul.abos li.abos-abo a {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 1em;
}

ul.abos li.abos-abo figure.fs-picture {
    width: 9em;
    max-width: 25%;
    flex-shrink: 0;
}

ul.abos li.abos-abo u {
    flex-grow: 1;
    text-decoration: none;
}

ul.abos button.abos-delete {
    background-color: transparent;
    border-style: none;
    margin: 0;
    padding: 0;
    display: block;
    cursor: pointer;
    width: 2em;
    height: 2em;
    background-image: url(../img/xmark-solid.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1em auto;
}

ul.abos li.abo-preview span.abo-preview-filler {
    color: transparent;
    background-color: lightgray;
}

ul.abos li.abo-preview button.abos-delete {
    background-image: none;
    background-color: lightgray;
    width: 1em;
    height: 1em;
    margin-right: 0.5em;
}

ul.abos li.abo-preview .fs-picture-placeholder {
    padding-top: calc(8% / 15 * 100);
    background-color: lightgray;
}

/* Kommentare */
.kommentare > li ,.kommentare > li > ul > li {
    margin-bottom: 1em;
    white-space: pre-line;
    transition: opacity 1s ;
    overflow-wrap: anywhere;
}

.kommentare img, .kommentare iframe {
    max-width: 100% !important;
}

.kommentare > li {
    padding: 0.5em;
}

.kommentare > li:nth-of-type(odd) {
    background-color: var(--background-color-alternative);
}

.kommentare > li > ul {
    margin-left: 1em;
    margin-top: 1em;
}

.kommentare li h3 {
    margin: 0 0 0.5em 0;
    font-weight: bold;
}

.kommentar-offiziell .redaktion {
    text-decoration: underline;
    text-underline-offset: 0.25em;
    text-decoration-thickness: 1px;
    text-decoration-color: var(--fs-dunkel-gelb);
}

.kommentar-offiziell a.redaktion::after {
    content: " (Redaktion)"
}

.kommentare-toolbar {
    float: right;
    margin-left: 1em;
}

.kommentare > li > ul.kommentare-hat-keine-subkommentare {
    margin-left: 0;
}

#kommentar-abgeben {
    padding: 0.5em;
    border-radius: 0.25em;
    margin-bottom: 1em;
    white-space: normal;
}

.kommentar-form dl {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1em;
}

.kommentar-form li:last-child dl {
    margin-bottom: 0;
}

.kommentar-form dt {
    width: 7em;
    flex-shrink: 0;
    font-weight: bold;
}

.kommentar-form dd {
    flex-grow: 1;
    min-width: 18em;
}

.kommentar-form #textarea {
    border: 1px solid #C0C0C0;
    min-height: 5em;
    background-color: white;
    padding: 0.5em;
    width: 100%;
    box-sizing: border-box;
}

.kommentar-form input[type=text] ,.kommentar-form input[type=number] {
    border: 1px solid #C0C0C0;
    background-color: white;
    padding: 0.25em;
    width: 100%;
    box-sizing: border-box;
}

.kommentar-terms {
    font-size: 0.75em;
    display: block;
}

.kommentar-button {
    text-align: center;
}

.melde-gruende {
    margin-bottom: 1em;
    hyphens: auto;
}

.melde-gruende li {
    margin-bottom: 0.5em;
}

.melde-gruende label {
    display: flex;
    gap: 1em;
    align-items: flex-start;
}

.melde-gruende li input {
    margin: 0;
}

.kommentar-melden-form p {
    margin-bottom: 0.5em;
}

.kommentar-melden-form select {
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 1em;
}

.kommentar-melden-form textarea {
    width: 100%;
    height: 5em;
    box-sizing: border-box;
}

.kommentar-melden-form .melden-warnung {
    color: red;
    display: none;
}

#melde-gruende {
    display: none;
}

.kommentarfunktion-geschlossen {
    padding: 0.5em;
    background-color: var(--background-color-alternative);
}

/* Serien nach Sendern Element */
.serien-nach-sendern-sender {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.serien-nach-sendern-sender li {
    width: calc((100%) / 3);
    margin-bottom: 0.5em;
}

@media (max-width: 1023px) {
    .serien-nach-sendern-sender li {
        width: calc((100%) / 2);
    }
}

@media (max-width: 500px) {
    .serien-nach-sendern-sender li {
        width: 100%;
    }
}

.serien-nach-sendern-sender li a {
    padding: 0.5em;
    display: flex;
    font-weight: bold;
    align-items: center;
}

.serien-nach-sendern-sender .fs-picture {
    width: 4em;
    flex-shrink: 0;
    margin-right: 0.5rem;
}

.serien-nach-sendern-sender .fs-picture img {
    object-fit: contain;
}



.sendername {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Kaufartikel Element */
.kaufartikel-horizontal {
    display: flex;
    flex-wrap: wrap;
}

.kaufartikel-horizontal li {
    text-align: center;
    flex-shrink: 0;
}

.kaufartikel-horizontal li figure {
    width: 100%;
}

.kaufartikel-horizontal li figure figcaption {
    font-size: 0.9em;
    margin-top: 1em;
    overflow-wrap: anywhere;
}

.kaufartikel-horizontal li figure img {
    object-fit: contain;
    height: 100%;
}

.kaufartikel-horizontal li a {
    display: block;
    padding: 0.25em;
}

.kaufartikel-horizontal .image {
    display: block;
    position: relative;
    overflow: hidden;
}

.kaufartikel-horizontal .image::before {
    padding-top: 120%;
    display: block;
    content: "";
}

.kaufartikel-horizontal .image2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}

.kaufartikel-horizontal img {
    max-height: 100%;
    max-width: 100%;
}

.kaufartikel-horizontal .caption {
    display: block;
    overflow: hidden;
    line-height: 13px;
    margin-top: 5px;
}

.kaufartikel-horizontal-4 li {
    width: 25%;
}

.kaufartikel-horizontal-6 li {
    width: calc(100% / 6);
}

@media (max-width: 1023px) {
    .kaufartikel-horizontal-4 li:nth-child(4) {
        display:none;
    }

    .kaufartikel-horizontal-4 li {
        width: calc(100% / 3);
    }
}

@media (max-width: 499px) {
    .kaufartikel-horizontal-4 li:nth-child(3) {
        display:none;
    }

    .kaufartikel-horizontal-4 li {
        width: 50%;
    }
}

.serie-neue-dvd {
    display: flex;
    align-items: center;
    margin-top: 1em;
    margin-bottom: 1em;
}

.serie-neue-dvd li {
    margin-right: 1em;
}

/* Cast/Crew Element */
.cast-crew {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.cast-crew li {
    padding-bottom: 0.5em;
}

.cast-crew li:nth-child(4n+1),.cast-crew li:nth-child(4n+2) {
    background-color: var(--background-color-alternative);
}

@media (max-width: 1023px) {
    .cast-crew {
        grid-template-columns: repeat(1, 1fr);
    }

    .cast-crew li:nth-child(even) {
        background-color: transparent;
    }

    .cast-crew li:nth-child(odd) {
        background-color: var(--background-color-alternative);
    }
}

input[type="checkbox"]:not(:checked) + .cast-crew.hide-rest li:nth-child(n + 11) {
    display: none;
}

input[type="checkbox"]:not(:checked) + .cast-crew-rest.hide-rest li:nth-child(n + 7) {
    display: none;
}

input[type="checkbox"]:checked + .cast-crew + .show-rest,input[type="checkbox"]:checked + .cast-crew-rest + .show-rest {
    display: none;
}

.cast-crew a {
    padding: 0.5em;
    display: flex;
    align-items: flex-start;
}

.cast-crew dl, .cast-crew dt, .cast-crew dd {
    margin: 0;
    padding: 0;
}

.cast-crew figure.fs-picture {
    flex-shrink: 0;
    width: 5em;
    max-width: 25%;
    margin-right: 1em;
}

.cast-crew figure.fs-picture img {
    height: 100%;
}

.cast-crew dt {
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    width: calc(50% - (65px + 2%));
    margin-right: 1%;
}

.cast-crew dd {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
}

.cast-crew p {
    display: block;
    font-style: italic;
    margin: 0;
}

.cast-crew p:empty {
    display: none;
}

.cast-crew dt {
    width: auto;
    margin-right: 0;
    display: block;
}

.cast-crew dd {
    width: auto;
    display: block;
}

.cast-crew p {
    margin-top: 0;
}

/* News Seiten */
.news-2016 li {
    margin-bottom: 1em;
}

.news-2016 img {
    object-fit: contain;
    height: 100%;
}

.news-2016 li a {
    padding: 0.25em;
    display: flex;
}

.news-2016 li .bild {
    flex-shrink: 0;
    margin-right: 1em;
    width: 12em;
    max-width: 35%;
}

.news-2016 li .fallback {
    display: none;
}

.news-2016 li .bild figure {
    width: 100%;
}

.news-2016 li.news-2016-erste a {
    flex-direction: column;
}

.news-2016 li.news-2016-erste .bild {
    width: 100%;
    max-width: none;
    margin-right: 0;
    margin-bottom: 0.5em;
}

.news-2016 li.news-2016-erste .bild figure {
    position: relative;
}

.news-2016 li.news-2016-erste .bild figure figcaption {
    position: absolute;
    right: 0.5em;
    top: 0;
    line-height: normal;
    font-size: 0.5em;
    text-shadow: 1px 1px 1px #000;
    color: white;
}

@media (max-width: 498px) {
    .news-2016 li figure {
        display: none;
    }

    .news-2016 li figure.fallback {
        display: block;
    }

    .news-2016 li.news-2016-erste figure {
        display: block;
    }

    .news-2016 li.news-2016-erste figure.fallback {
        display: none;
    }

    .news-2016 li .bild {
        max-width: 25%;
        width: 6em;
    }

    .news-2016 li.news-2016-erste .bild figure figcaption {
        display: none;
    }
}

.news-2016 li .infos .titel {
    font-weight: bold;
    display: block;
}

.news-2016 li .infos .untertitel {
    display: block;
}

input[type="checkbox"]:not(:checked) + .show-only-important .not-important {
    display: none;
}

input[type="checkbox"]:checked + .show-only-important + ul.fs-buttons {
    display: none;
}

/* Links Seite */
ol.partnerseiten > li {
    margin-bottom: 0.5em;
}

ol.partnerseiten > li a {
    display: flex;
    padding: 0.25em;
}

ol.partnerseiten .fs-picture {
    width: 5em;
    flex-shrink: 0;
    margin-right: 1em;
}

ol.partnerseiten .partnerseiten-titel {
    font-weight: bold;
}

/* Newsmeldung Detailseite */
.news-pagination {
    justify-content: flex-start;
    max-width: var(--flowing-text-width);
    margin-left: auto;
    margin-right: auto;
}

.newsmeldung-main {
    margin-top: 0;
    margin-bottom: 1em;
    position: relative;
}

.serien-news-newsmeldung h1 {
    max-width: var(--flowing-text-width);
    margin-left: auto;
    margin-right: auto;
    font-size: 1.25em;
    font-weight: bold;
    text-align: left;
}

.serien-news-newsmeldung h2 {
    max-width: var(--flowing-text-width);
    margin-left: auto;
    margin-right: auto;
    font-size: 1em;
    font-weight: normal;
    text-align: left;
}

.serien-news-newsmeldung h3 {
    max-width: var(--flowing-text-width);
    margin-left: auto;
    margin-right: auto;
    font-weight: normal;
    font-style: italic;
    margin-bottom: 1em;
    margin-top: 1em;
    display: flex;
    align-items: center;
}

.serien-news-newsmeldung > header:first-child {
    margin-bottom: 1em;
}

.newsmeldung-main>div figure, .newsmeldung-main>div figure.fs-picture,.fs-picture.newsmeldung-main-image {
    margin: 0;
    padding: 0;
    max-width: 100%;
    margin-bottom: 1em;
    position: relative;
    background-color: var(--background-color-alternative);
}

.serien-news-newsmeldung figure[data-copyright]::after {
    content: attr(data-copyright);
    font-size: calc(0.9 * 0.75em);
    padding: 0.66em;
    display: block;
}

@media (max-width: 749px) {
    .serien-news-newsmeldung .fs-picture.newsmeldung-main-image {
        max-width:none;
        margin-left: -4vw;
        margin-right: -4vw;
        width: auto !important;
    }

    .serien-news-newsmeldung .fs-picture.newsmeldung-main-image figcaption {
        padding: 0.5em 4vw;
    }

    .serien-news-newsmeldung figure[data-copyright]::after {
        padding-left: 4vw;
        padding-right: 4vw;
    }
}

@media (max-width: 499px) {
    .serien-news-newsmeldung figure[data-copyright]::after {
        padding-left:4vw;
        padding-right: 4vw;
    }
}

.serien-news-newsmeldung span.credits {
    font-size: 0.75em;
    display: block;
    padding: 0.5em 0;
}

.serien-news-newsmeldung span.credits::before {
    content: "Bild: ";
}

.serien-news-newsmeldung .figure-square {
    float: right;
    margin-left: 1em !important;
    margin-bottom: 1em !important;
}

.serien-news-newsmeldung .figure-square figcaption {
    display: table-caption;
    caption-side: bottom;
}

.newsmeldung-main>div figure {
    width: 100% !important;
}

.serien-news-newsmeldung figure.newsmeldung-main-image.figure-square {
    width: 120px !important;
}

.serien-news-newsmeldung figure.newsmeldung-main-image.figure-square-80 {
    width: 80px !important;
}

figure.autorenbilder {
    flex-shrink: 0;
    width: 3em !important;
    height: 3em !important;
    margin: 0 1em 0 0;
    overflow: hidden;
    border-radius: 100%;
}

h3.autorenbilder-2 figure.autorenbilder > a {
    width: 1.5em !important;
    display: inline-block;
}

h3.autorenbilder-3 figure.autorenbilder > a {
    width: 1em !important;
    display: inline-block;
}

h3 figure.autorenbilder img {
    object-fit: cover;
}

.newsmeldung-main>div figure figcaption,.fs-picture.newsmeldung-main-image figcaption {
    padding: 0.5em;
    font-weight: normal;
    font-size: 0.9em;
}

.newsmeldung-main>div p, .newsmeldung-main>div ul,.newsmeldung-main>div blockquote {
    margin: 0.5em auto;
    max-width: var(--flowing-text-width);
}

.newsmeldung-main>div figure p {
    max-width: none;
}

.newsmeldung-main>div li {
    margin: 1% 0;
}

.newsmeldung-main>div blockquote {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    font-style: italic;
    padding-left: 5%;
    padding-right: 5%;
    box-sizing: border-box;
}

.newsmeldung-main>div q {
    font-style: italic;
}

.newsmeldung-main>div q em, .newsmeldung-main>div q i {
    font-style: normal;
}

.newsmeldung-main>div p:empty {
    display: none;
}

.newsmeldung-main>div h2 {
    margin-top: 1em;
    margin-bottom: 1em;
    font-weight: bold;
}

.newsmeldung-main>div h3 {
    margin-top: 1em;
    margin-bottom: 0;
    font-weight: bold;
    font-style: normal;
}

.newsmeldung-main>div h3 + p, .newsmeldung-main>div h3 + ul {
    margin-top: 0;
}

.newsmeldung-main>div p:first-of-type {
    margin-top: 0;
}

.newsmeldung-main>div figcaption p, .newsmeldung-main>div figcaption p:first-of-type {
    margin-bottom: 1%;
    margin-top: 1%;
    font-weight: normal;
}

.newsmeldung-main a.fs-btn {
    text-decoration: none;
}

.newsmeldung-main>div a.a-italic {
    font-style: italic;
}

.newsmeldung-main>div figure iframe[src^="//www.instagram.com/p/"] {
    width: 500px;
    max-width: 100%;
    border: 1px solid var(--border-color);
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.bewertung {
    text-align: center;
    font-weight: bold;
}

.bewertung span {
    position: relative;
    display: inline-block;
    content: "";
    width: 100px;
    height: 20px;
    background-image: url(../img/star-gray.svg);
    background-size: 20px auto;
    margin-left: 5px;
    margin-right: 10px;
    vertical-align: text-bottom;
}

.bewertung span::before {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    content: "";
    height: 20px;
    background-image: url(../img/star-yellow.svg);
    background-size: 20px auto;
}

.bewertung span.wertung-0-0::before {
    width: 0px;
}

.bewertung span.wertung-0-5::before {
    width: 10px;
}

.bewertung span.wertung-1-0::before {
    width: 20px;
}

.bewertung span.wertung-1-5::before {
    width: 30px;
}

.bewertung span.wertung-2-0::before {
    width: 40px;
}

.bewertung span.wertung-2-5::before {
    width: 50px;
}

.bewertung span.wertung-3-0::before {
    width: 60px;
}

.bewertung span.wertung-3-5::before {
    width: 70px;
}

.bewertung span.wertung-4-0::before {
    width: 80px;
}

.bewertung span.wertung-4-5::before {
    width: 90px;
}

.bewertung span.wertung-5-0::before {
    width: 100px;
}

.newsmeldung-main>div figure, .newsmeldung-main>div figure.fs-picture {
    width: 100%;
    margin-top: 1em;
    margin-bottom: 1em;
    position: relative;
}

.newsmeldung-main>div figure.align-right {
    float: right;
    width: 15em !important;
    max-width: 50% !important;
    margin-left: 1em;
    margin-top: 0;
}

.newsmeldung-main >div figure.align-left {
    float: left;
    width: 15em !important;
    max-width: 50% !important;
    margin-right: 1em;
    margin-top: 0;
}

.newsmeldung-main >div figure.align-left.width-200, .newsmeldung-main >div figure.align-right.width-200 {
    width: 200px !important;
}

@media (max-width: 375px) {
    .newsmeldung-main>div figure.align-right, .newsmeldung-main>div figure.align-left {
        width: 100% !important;
        max-width: none !important;
        float: none;
        margin-left: 0;
        margin-right: 0;
    }
}

.newsmeldung-main>div figure figcaption {
    padding: 0.5em;
    font-size: 0.9em;
    text-align: left;
    font-weight: normal;
}

.newsmeldung-main>div figure figcaption strong, .newsmeldung-main>div figure figcaption b {
    font-weight: normal;
}

.newsmeldung-main>div figure[data-copyright]::after {
    content: attr(data-copyright);
    position: absolute;
    right: 5px;
    top: 5px;
    opacity: 0.8;
    text-shadow: 1px 1px 1px #000;
    color: white;
}

.newsmeldung-main>div figure.align-left::before {
    left: 5px;
    right: auto;
}

.newsmeldung-main>div p.bold {
    margin-bottom: 20px;
}

.figure-navigate {
    padding: 0;
    margin: 0;
    cursor: pointer;
    position: absolute;
    top: calc((100% - 100px) / 2);
    width: 30px;
    height: 100px;
    color: black;
    background-color: transparent;
    border-style: none;
}

.figure-navigate-zurueck {
    left: 10px;
    text-align: left;
}

.figure-navigate-zurueck::after {
    background-color: rgba(255, 255, 255, 0.25);
    content: "";
    display: inline-block;
    width: 30px;
    height: 100px;
    background-image: url(../img/pfeil-links.svg);
    border-radius: 0.25em;
    background-size: 15px auto;
    background-repeat: no-repeat;
    background-position: center;
}

.figure-navigate-weiter {
    right: 10px;
    text-align: right;
}

.figure-navigate-weiter::after {
    background-color: rgba(255, 255, 255, 0.25);
    content: "";
    display: inline-block;
    width: 30px;
    height: 100px;
    background-image: url(../img/pfeil-rechts.svg);
    border-radius: 0.25em;
    background-size: 15px auto;
    background-repeat: no-repeat;
    background-position: center;
}

.newsmeldung-main>div figure figcaption:first-child {
    font-weight: bold;
    text-align: center;
    margin-bottom: 0.75em;
    margin-top: 0;
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    font-size: 1em;
}

.newsmeldung-main>div figure[role=group] > figure {
    scroll-snap-align: center;
    scroll-snap-stop: always; display: inline-block;
    vertical-align: top;
    margin-top: 0;
    margin-bottom: 0;
}

.newsmeldung-main>div figure video {
    display: block;
    width: 100%;
    height: auto;
}

.newsmeldung-main>div figure.align-right figure.fs-picture, .newsmeldung-main >div figure.align-left figure.fs-picture {
    margin-top: 2%;
    margin-bottom: 2%;
}

.newsmeldung-main>div figure figure.fs-picture:first-of-type {
    margin-top: 0;
}

.newsmeldung-main>div figure figure.fs-picture:last-of-type {
    margin-bottom: 0;
}

.newsmeldung-main>div figure[role="group"] {
    white-space: nowrap;
    overflow: hidden;
}

@media (pointer: coarse) {
    .newsmeldung-main>div figure[role="group"] {
        overflow: auto;
        scroll-snap-type: x mandatory;
    }
}

.newsmeldung-main>div figure.align-right[role="group"] {
    white-space: normal;
}

.newsmeldung-main>div figure[role="group"] figcaption {
    white-space: normal;
}

.newsmeldung-main>div figure figure span {
    display: block;
    position: relative;
}

.newsmeldung-main>div figure figure:first-of-type .figure-navigate-zurueck, .newsmeldung-main>div figure figure:last-of-type .figure-navigate-weiter {
    display: none;
}

.kommentar-img {
    max-width: 100%;
}

.externen-inhalt-anzeigen {
    background-color: var(--background-color-alternative);
    padding: 1em;
    margin: 1em 0;
}

.externen-inhalt-anzeigen::before {
    font-weight: bold;
    content: "Externer Inhalt";
    display: block;
    margin-bottom: 1em;
}

.externen-inhalt-anzeigen::after {
    color: var(--text-color-alternative);
    font-size: 0.9em;
    content: "Ich bin einverstanden, dass externe Inhalte auf fernsehserien.de grundsätzlich zugelassen werden. Damit können personenbezogene Daten an Drittplattformen übermittelt werden.";
}

.externen-inhalt-anzeigen div:first-child::before {
    content: "Als Ergänzung zum Artikel kann an dieser Stelle ein externer Inhalt" attr(data-anbieter-text) " angezeigt und auf Wunsch auch wieder deaktiviert werden.";
    display: block;
}

.externen-inhalt-anzeigen div:first-child {
    display: flex;
}

.externen-inhalt-anzeigen div:first-child figure {
    width: 1.5em !important;
    border: 1em solid white;
    margin: 0 0 0 1em;
}

.externer-inhalt {
    max-width: var(--flowing-text-width);
    margin-left: auto;
    margin-right: auto;
}

.externer-inhalt div:last-child {
    display: flex;
    align-items: center;
    margin-top: 1em;
    margin-bottom: 1em;
}

.externer-inhalt div:last-child::after {
    content: "Zusätzliche externe Inhalte";
    display: block;
    margin-left: 1em;
    font-size: 0.9em;
}

.externer-inhalt button {
    flex-shrink: 0;
    width: 1.75em;
    height: 1em;
    position: relative;
    display: block;
    background-color: darkgray;
    border-radius: 1em;
    transition: background-color 250ms;
    border-style: none;
    cursor: pointer;
}

.externer-inhalt button::after {
    height: 1em;
    display: block;
    background-color: white;
    position: absolute;
    left: 0em;
    top: 0;
    border-radius: 1em;
    content: "";
    width: 1em;
    border: 1px solid gray;
    box-shadow: 0px 0px 1px gray;
    transition: left 250ms;
    box-sizing: border-box;
}

.externer-inhalt button.aktiviert {
    background-color: var(--text-color);
}

.externer-inhalt button.aktiviert::after {
    left: calc(100% - 1em );
    border: 1px solid var(--text-color);
    box-shadow: 0px 0px 1px var(--text-color);
}

.externer-inhalt + .externer-inhalt {
    display: none;
}

.newsmeldung-main>div figure.news-embedded {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.newsmeldung-main>div figure.news-embedded > p {
    width: 100%;
}

.newsmeldung-main >div figure.news-embedded iframe[src*="www.youtube-nocookie.com"], .newsmeldung-main >div figure.news-embedded iframe[src*="player.vimeo.com"] {
    width: 100%;
    border-style: none;
    height: auto;
    aspect-ratio: 16/9;
    display: block;
}

.newsmeldung-main >div figure.news-embedded iframe[src*="www.instagram.com"] {
    width: 100%;
    max-width: var(--flowing-text-width);
}

/* Seite Datenschutz */
.datenschutzerklaerung h2:not(.header-2015) {
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
}

.datenschutzerklaerung a {
    text-decoration: underline;
}

.datenschutzerklaerung ul {
    margin-left: 20px;
}

.datenschutzerklaerung li {
    list-style-type: disc;
    list-style-position: outside;
}

.datenschutzerklaerung p {
    margin-top: 5px;
}

/* News Archiv Seite */
.news-archiv-meldungen li a {
    padding: 0.25em;
    display: inline-block;
    margin-bottom: 1px;
}

/* Sharebar Element */
.sharebar {
    display: flex;
    justify-content: center;
    margin-bottom: 3%;
    margin-left: 0;
    margin-right: 0;
    font-size: 0.9rem;
    gap: 2%;
}

.sharebar li {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 10em;
}

.sharebar li:first-child {
    margin-left: 0;
}

.sharebar li:last-child {
    margin-right: 0;
}

@media (pointer: fine) {
    .sharebar li:hover {
        filter: brightness(1.1)
    }
}

.sharebar li button {
    height: 2em;
    cursor: pointer;
    display: flex;
    width: 100%;
    color: white;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    border-style: none;
}

.sharebar li button figure.fs-picture {
    margin-right: 10%;
    width: 20px;
}

.sharebar li button figure.fs-picture img {
    object-fit: contain;
    height: 100%;
}

.sharebar-twitter {
    display: none;
}

.not-shareable .sharebar-alle {
    display: none;
}

.not-shareable .sharebar-facebook {
    margin-left: 0;
}

.not-shareable .sharebar-twitter {
    display: block;
}

.sharebar-alle button {
    background-color: var(--text-color);
}

.sharebar-facebook button {
    background-color: #3b5998;
}

.sharebar-twitter button {
    background-color: #55acee;
}

.sharebar-whatsapp button {
    background-color: #5cbe4a;
}

.sharebar-drucken button {
    background-color: #999;
}

@media (max-width: 469px) {
    .sharebar li button span.text {
        display: none;
    }

    .sharebar li button figure.fs-picture {
        margin-right: 0;
    }
}

.sharebar2 {
    margin-top: 3%;
    max-width: var(--flowing-text-width);
    margin-left: auto;
    margin-right: auto;
}

/* Über Autor Element */
.ueber-autor .spacer {
    height: 30px;
}

.ueber-autor .autorenbild {
    width: 10em;
    float: left;
    margin-right: 1em;
    margin-bottom: 1em;
}

.ueber-autor .autorenbild figcaption {
    padding-top: 0.5em;
}

@media (max-width: 499px) {
    .ueber-autor .redaktion-square {
        width: 100%;
        margin-right: 0;
        float: none;
    }
}

.ueber-autor section {
    margin-top: 6%;
}

.ueber-autor section:first-of-type {
    margin-top: 3%;
}

.ueber-autor section::after {
    clear: left;
    content: "";
    display: block;
}

.ueber-autor p {
    margin-bottom: 10px;
}

.ueber-autor p:last-child {
    margin-bottom: 0px;
}

/* Redaktion Seite */
.autoren-linkleiste figure.fs-picture {
    width: 1em;
    height: 1em;
}

@media (max-width: 499px) {
    .autoren-linkleiste figure.fs-picture {
        width: 1.5em;
        height: 1.5em;
    }
}

.autoren-linkleiste img {
    object-fit: contain;
    height: 100%;
}

.autoren-linkleiste {
    display: flex;
}

.autoren-linkleiste li {
    margin-right: 1em;
}

/* Gewinnspiele Seite */
.gewinnspiele-liste li {
    margin-top: 0.5em;
    padding: 0.25em;
    display: block;
}

.gewinnspiele-liste li a {
    display: flex;
    align-items: center;
}

.gewinnspiele-liste li figure.fs-picture {
    width: 9em;
    flex-shrink: 0;
    margin-right: 1em;
    max-width: 25%;
}

.gewinnspiele-liste li div {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.gewinnspiele-liste li div span::before {
    font-size: 1.25em;
    content: "";
}

/* Streams Element */
.episode-streams-2019 {
    width: 100%;
    display: table;
}

.episode-streams-2019-header figure {
    width: 6em;
}

.episode-streams-2019-header figure img {
    object-fit: contain;
}

.episode-streams-2019 a {
    display: table-row;
}

.episode-streams-2019 a:hover {
    text-decoration: none;
}

.episode-streams-2019-even {
    background-color: var(--background-color-alternative);
}

.episode-streams-2019 a > div {
    display: table-cell;
    padding: 0.25em 0.5em;
    vertical-align: middle;
}

@media (max-width: 599px) {
    .episode-streams-2019 a > div {
        padding:0.25em;
    }
}

@media (max-width: 399px) {
    .episode-streams-2019 .label-sprache {
        display: none;
    }
}

.episode-streams-2019 .streams-live div {
    display: flex;
    align-items: center;
    font-weight: bold;
}

.episode-streams-2019 .streams-live figure {
    width: 0.75em;
    margin-right: 0.5em;
}

.episode-streams-2019 .preis {
    text-align: right;
}

.episode-streams-2019 .preis b {
    display: block;
}

.episode-streams-2019 .ansehen-button {
    text-align: center;
}

.episode-streams-2019 input[type=checkbox]:not(:checked) + div .sprache-hidden,.fs-dialog .episode-streams-2019 div .sprache-hidden {
    display: none;
}

.episode-streams-2019 input[type=checkbox]:checked + div label.label-sprache {
    display: none;
}

.episode-streams-2019 .anbieter .wrap {
    padding: 0.75em;
    border: 1px solid var(--border-color);
    border-radius: 0.25em;
    display: block;
    width: 5em;
    background-color: white;
}

.episode-streams-2019 .anbieter figure {
    width: 100%;
}

.episode-streams-2019 .anbieter figure img {
    object-fit: contain;
    height: 100%;
}

.justwatch-hinweis {
    color: var(--text-color-alternative) ;
}

/* Affiliate */
.affiliate-kennzeichnung::after {
    content: "\a0*";
}

.affiliate-hinweis-kurz::after {
    font-size: 0.75em;
    display: block;
    margin-top: 10px;
    content: "* Für gekennzeichnete Links erhalten wir Provisionen im Rahmen eines Affiliate-Partnerprogramms.";
}

.vorschnell-hinweis::after {
    font-size: 0.75em;
    padding: 0.25em;
    display: block;
    content: "Veröffentlichung bei " attr(data-anbieter) " erfolgt evtl. erst im Laufe des Tages."
}

/* Bild Element */
figure.fs-picture {
    margin: 0;
    padding: 0;
    display: block;
}

figure.fs-picture span.fs-picture-placeholder {
    position: relative;
    font-size: 0;
    display: block;
    background-size: 100% 100%;
    padding: 0;
}

figure.fs-picture span.fs-picture-placeholder img,figure.fs-picture span.fs-picture-placeholder div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    height: 100%;
}

/* Sky */
.sky-anzeige {
    margin-top: 2%;
    margin-bottom: 3%;
}

.sky-anzeige::before {
    content: "ANZEIGE";
    text-align: center;
    display: block;
    font-size: 0.5rem;
    height: 10px;
}

.sky-anzeige-2 {
    background-image: linear-gradient(90deg, #001112 0%, #00818A 100%);
    border: 0px solid var(--fs-hell-gelb);
    padding: 3%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.sky-anzeige-3 figure {
    width: 8.5em;
}

.sky-anzeige-4 figure {
    width: 8em;
}

/* FC */
body > div.fc-consent-root,body > div.fc-consent-root .fc-dialog .fc-header h1,body > div.fc-consent-root .fc-faq-header .fc-faq-label,body > div.fc-consent-root .fc-button-label {
    font-family: arial,sans-serif !important;
}

.fc-dialog-scrollable-content > div:nth-child(2) > ul li i.material-icons,body > div.fc-consent-root .fc-faq-header .fc-faq-icon .faq-section-closed {
    font-size: 0 !important;
    font-family: arial,sans-serif;
    margin-top: 0 !important;
}

.fc-dialog-scrollable-content > div:nth-child(2) > ul li:nth-child(1) i.material-icons {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    background-image: url(../img/fc-person.svg) !important;
    background-size: 50% auto !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.fc-dialog-scrollable-content > div:nth-child(2) > ul li:nth-child(2) i.material-icons {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    background-image: url(../img/fc-geraete.svg) !important;
    background-size: 50% auto !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

body > div.fc-consent-root .faq-section-closed {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    background-image: url(../img/fc-expand.svg) !important;
    background-size: 37.5% auto !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.fc-consent-root .fc-button.fc-cta-consent .fc-button-background, .fc-consent-root .fc-button.fc-data-preferences-back .fc-button-background {
    background-color: green !important;
    border: 1px solid green !important;
}

.fc-consent-root .fc-button.fc-cta-manage-options .fc-button-background, .fc-consent-root .fc-button.fc-save-continue .fc-button-background {
    background-color: white !important;
    border: 1px solid lightgray !important;
}

.fc-consent-root .fc-button.fc-cta-manage-options .fc-button-label, .fc-consent-root .fc-button.fc-save-continue .fc-button-label {
    color: var(--text-color-alternative) !important;
    font-weight: normal !important;
}

body > div.fc-consent-root .fc-header-image-container {
    display: none !important;
}

/* Service Seiten */
.jobs-logo {
    float: right;
    margin-left: 1em;
    margin-bottom: 1em;
    width: 230px;
    max-width: calc(100% / 3);
}

.jobs-logo figure {
    width: 100%;
}

.service-logos {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

.service-logos > a {
    margin-top: 1em;
    margin-bottom: 1em;
}

.impressum-dnf figure {
    width: 200px;
}

.impressum-coc figure {
    width: 225px;
}

.service-seite > div,.service-seite > p,.service-seite > section > p,.service-seite > h2,.service-seite > ul {
    max-width: var(--flowing-text-width);
    margin-left: auto;
    margin-right: auto;
}

/* Serie Streams Seite */
.scroll-wrapper {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}

.serie-streams-dropdown {
    display: flex;
    align-items: center;
    margin-bottom: 1em;
}

.serie-streams-dropdown select {
    margin-left: 1em;
}

.serie-streams-dropdown option.videos-select-anbieter-partnerprogramm {
    font-weight: bold;
}

.serie-streams {
    display: table;
    width: 100%;
}

.serie-streams > a {
    display: table-row;
}

.serie-streams > a:link,.serie-streams > a:visited,.serie-streams > a:active,.serie-streams > a:hover {
    text-decoration: none;
}

.serie-streams > a:nth-child(odd) {
    background-color: var(--background-color-alternative);
}

.serie-streams > a > div {
    display: table-cell;
    padding: 0.25em 0.5em;
}

@media (max-width: 599px) {
    .serie-streams > a > div {
        padding:0.5em 0.25em;
    }
}

.serie-streams > a > div:first-child,.serie-streams > a > div:last-child {
    text-align: right;
    width: 1px;
    white-space: nowrap;
    font-weight: bold;
}

.serie-streams-mehr {
    display: block;
    font-weight: bold;
    padding: 0.25em;
    margin-top: 0.5em;
}

/* News Rubrik */
.sendung-spielfilm-person-news-news {
    display: flex;
    flex-wrap: wrap;
}

.sendung-spielfilm-person-news-news li {
    margin-bottom: 0.5em;
    width: 50%;
}

@media (max-width: 1023px) {
    .sendung-spielfilm-person-news-news li {
        width:100%;
    }
}

.sendung-spielfilm-person-news-news li:empty {
    margin-bottom: 0;
}

.sendung-spielfilm-person-news-news a {
    display: flex;
    padding: 0.5em;
}

.sendung-spielfilm-person-news-news figure.fs-picture {
    width: 5em;
    flex-shrink: 0;
    margin-right: 1em;
    max-width: 25%;
}

.sendung-spielfilm-person-news-news dt {
    font-weight: bold;
}

.sendung-spielfilm-person-news-news dt,.sendung-spielfilm-person-news-news dd {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.sendung-spielfilm-person-links li {
    margin-bottom: 0.25em;
}

.sendung-spielfilm-person-links a {
    display: flex;
    align-items: center;
    padding: 0.25em;
}

.sendung-spielfilm-person-links a figure.fs-picture {
    margin-right: 1em;
    width: 2em;
    flex-shrink: 0;
}

.sendung-spielfilm-person-links .sendung-spielfilm-person-links-internal a figure.fs-picture {
    width: 5em;
}

input[type="checkbox"]:not(:checked) + .sendung-spielfilm-person-links-ohne-optionale .sendung-spielfilm-person-links-optional {
    display: none;
}

input[type="checkbox"]:checked + .sendung-spielfilm-person-links + .fs-buttons {
    display: none;
}

/* Anbieterboxen */
.ausstrahlungs-boxen {
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto 1em auto;
}

@media (min-width: 1025px) {
    .ausstrahlungs-boxen[data-spalten-5="4"] {
        width:calc(4 * (11.5em + 3px));
    }
}

@media (min-width: 1025px) {
    .ausstrahlungs-boxen[data-spalten-5="3"] {
        width:calc(3 * (11.5em + 3px));
    }
}

@media (min-width: 1025px) {
    .ausstrahlungs-boxen[data-spalten-5="2"] {
        width:calc(2 * (11.5em + 3px));
    }
}

@media (min-width: 702px) and (max-width: 749px) {
    .ausstrahlungs-boxen[data-spalten-4="3"] {
        width:calc(3 * (11.5em + 3px));
    }
}

@media (min-width: 702px) and (max-width: 749px) {
    .ausstrahlungs-boxen[data-spalten-4="2"] {
        width:calc(2 * (11.5em + 3px));
    }
}

@media (min-width: 750px) and (max-width: 1023px), (min-width: 526px) and (max-width: 701px) {
    .ausstrahlungs-boxen[data-spalten-3="2"] {
        width:calc(2 * (11.5em + 3px));
    }
}

.ausstrahlungs-boxen li {
    margin: 0.25em;
    max-width: calc(50% - 0.5em - 2px);
}

.ausstrahlungs-box {
    max-width: 100%;
    font-size: 0.85em;
    color: var(--text-color-alternative);
    font-weight: bold;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 5.6em;
    border: 1px solid var(--border-color);
    border-radius: 0.25em;
    width: 11em;
    background-color: white;
    position: relative;
}

.ausstrahlungs-box dd {
    display: flex;
    align-items: center;
    margin-top: 0.25em;
}

.ausstrahlungs-box dd.ausstrahlungs-box-plattform {
    position: absolute;
    left: 0;
    top: -0.8em;
    width: 100%;
    font-size: 0.8em;
    font-weight: normal;
    margin-top: 0;
}

.ausstrahlungs-box dd.ausstrahlungs-box-plattform span {
    flex-grow: 1;
}

.ausstrahlungs-box dd.ausstrahlungs-box-plattform div {
    background-color: white;
}

.ausstrahlungs-box figure.fs-picture,.ausstrahlungs-box text-logo {
    width: 7em;
}

.ausstrahlungs-box figure.fs-picture img {
    object-fit: contain;
    height: 100%;
}

.ausstrahlungs-box dd figure.fs-picture {
    width: 0.75em;
    margin-right: 0.5em;
}

/* Bild Element */
.bildunterschrift-mehr {
    cursor: pointer;
}

.bildunterschrift-mehr::before {
    content: "… ";
}

.bildunterschrift-mehr::after {
    content: "› mehr";
    font-weight: bold;
    white-space: nowrap;
}

input[type="checkbox"]:not(:checked) +.bildunterschrift-mehr+span {
    display: none;
}

input[type="checkbox"]:checked +.bildunterschrift-mehr {
    display: none;
}

.bildunterschrift-copyright {
    font-size: 0.75em;
}

.bildunterschrift-bildunterschrift + .bildunterschrift-copyright {
    margin-top: 0.5em;
}

/* Serien- und Filme-A-Z-Seiten */
.serien-filme-a-z-buchstaben {
    margin-top: 0;
}

@media (pointer: fine) {
    .serien-filme-a-z-buchstaben {
        text-wrap: balance;
        text-align: center;
    }

    .serien-filme-a-z-buchstaben li {
        display: inline-block;
        margin: 0.25em;
    }
}

@media (pointer: coarse) {
    .serien-filme-a-z-buchstaben {
        display:flex;
        gap: 0.5em;
        flex-wrap: nowrap ;
        justify-content: flex-start;
        overflow-x: auto;
        margin-right: -4vw;
        margin-left: -4vw;
        overflow-y: hidden;
    }

    .serien-filme-a-z-buchstaben::before,.serien-filme-a-z-buchstaben::after {
        content: "";
        border-left: calc(4vw - 0.5em) solid transparent;
        height: 1px;
    }
}

@media (min-width: 750px) and (pointer: coarse) {
    .serien-filme-a-z-buchstaben {
        margin-right: 0;
        margin-left: 0;
    }

    .serien-filme-a-z-buchstaben::before,.serien-filme-a-z-buchstaben::after {
        display: none;
    }
}

.serien-filme-a-z-filter {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1em;
    margin-bottom: 1em;
    flex-wrap: wrap;
}

.serien-filme-a-z-filter li {
    margin-right: 0.5em;
    margin-left: 0.5em;
    width: calc(25% - 1em);
}

.serien-filme-a-z-filter li:first-child {
    width: auto;
}

@media (max-width: 600px), (min-width: 850px) and (max-width: 1299px) {
    .serien-filme-a-z-filter li:first-child {
        width:100%;
        max-width: none;
        margin-bottom: 0.5em;
        text-align: center;
    }

    .serien-filme-a-z-filter li {
        width: calc(100% / 3 - 1em);
    }
}

.serien-filme-a-z-filter select {
    width: 100%;
}

.serien-filme-a-z-items {
    column-count: 2;
    column-rule: 10px solid white;
    column-gap: 10px;
}

@media (max-width: 600px), (min-width: 850px) and (max-width: 1299px) {
    .serien-filme-a-z-items {
        column-count: 1;
    }
}

.serien-filme-a-z-items .serien-filme-a-z-items-odd {
    background-color: var(--background-color-alternative);
}

.serien-filme-a-z-items a {
    padding: 0.5em;
    display: block;
}

.serien-filme-a-z-items a div {
    height: 2.8em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: bold;
}

.serien-filme-a-z-items-produktion {
    font-weight: normal;
}

.serien-filme-a-z-items-hidden {
    display: none;
}

/* Folgen Seite */
@media (min-width: 375px) {
    .fs-buttons-folgenseite button span:last-child,.fs-buttons-folgenseite button span:last-child {
        display:none;
    }
}

@media (max-width: 374px) {
    .fs-buttons-folgenseite button span:first-child,.fs-buttons-folgenseite button span:first-child {
        display:none;
    }
}

/* Personenseiten */
.person-header {
    display: flex;
}

.person-header figure.fs-picture {
    background-color: var(--background-color-alternative);
    flex-shrink: 0;
    max-width: 25%;
    margin-right: 1em;
    width: 10em;
}

.person-header figure figcaption {
    font-size: calc(0.9 * 0.75em);
    padding: calc(0.5em / 0.75);
}

@media (max-width: 499px) {
    .person-header {
        flex-direction:column;
    }

    .person-header figure.fs-picture {
        order: 2;
        margin-top: 0.5em;
        width: auto;
        max-width: none;
        margin-right: 0
    }
}

.person-header .person-angaben h1 {
    font-weight: bold;
    font-size: 1.25em;
}

.person-header .person-angaben dt,.person-header .person-angaben dd {
    margin-bottom: 0.5em;
}

.person-mitwirkungen li {
    margin-bottom: 0.5em;
}

.person-mitwirkungen li:nth-of-type(odd) {
    background-color: var(--background-color-alternative);
}

.person-mitwirkungen li a {
    padding: 0.5em;
    display: flex;
    align-items: center;
}

.person-mitwirkungen li a figure.fs-picture {
    width: 10em;
    max-width: 25%;
    flex-shrink: 0;
    background-color: var(--background-color-alternative);
}

.person-mitwirkungen-filme img {
    object-fit: cover;
    object-position: 50% 25%;
    height: 100%;
}

.person-mitwirkungen dl {
    margin-left: 1em;
}

.person-mitwirkungen dl dt {
    font-weight: bold;
    display: block;
}

.person-mitwirkungen dl dd {
    margin: 0.5em 0 0 0;
    display: inline;
}

.person-mitwirkungen dl p {
    font-style: italic;
    display: block;
    margin: 0;
}

.person-mitwirkungen-filme-produktion {
    font-weight: normal;
}

/* Erinnerungs Rubrik */
.erinnerungs-service {
    background-color: var(--background-color-alternative);
    border-radius: 0.25em;
    padding: 0.75em;
    cursor: pointer;
}

.erinnerungs-service dl {
    display: flex;
    align-items: center;
}

.erinnerungs-service .fs-buttons {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.erinnerungs-service figure.fs-picture {
    width: 58px;
    flex-shrink: 0;
    margin-right: 1em;
}

.erinnerungs-service h2 {
    font-weight: bold;
    font-size: 1.25em;
    margin-bottom: 0.25em;
}

.serie-favorisiert .erinnerungs-service {
    display: none;
}

/* Spielfilmseiten */
.spielfilm-header {
    max-width: var(--flowing-text-width);
    margin-left: auto;
    margin-right: auto;
}

.spielfilm-header h1 {
    font-size: 1.25em;
    font-weight: bold;
}

.spielfilm-header h1 span {
    display: block;
    font-size: 0.8em;
}

.spielfilm-header h1 span span {
    display: none;
}

.spielfilm-header dd {
    margin-top: 0.5em;
    display: flex;
    justify-content: space-between;
}

.spielfilm-header dd div:first-child {
    margin-right: 0.5em;
}

.spielfilm-header + section {
    margin-top: 0.5em;
}

.fs-button-spielfilm-newsletter figure {
    width: 36px;
}

.spielfilm-rubrik-ansehen {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: var(--flowing-text-width);
    margin-left: auto;
    margin-right: auto;
}

.spielfilm-rubrik-ansehen dd {
    margin-left: 1em;
}

.spielfilm-inhalt {
    margin-top: 0.5em;
}

.wikidata-disclaimer {
    font-style: italic;
    margin-top: 10px;
}

.wikidata-disclaimer a {
    text-decoration: underline;
    text-decoration-color: lightgray;
    text-underline-offset: 0.25em;
    text-decoration-thickness: 1px;
}

.film-originalsprache,.film-beziehungen {
    max-width: var(--flowing-text-width);
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
    margin-bottom: 1em;
}

/* Streaming */
.streaming-anbieter-anbieter {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-left: 0.5em;
    margin-right: 0.5em;
    gap: 1em;
}

.streaming-anbieter-anbieter-overlay {
    margin-left: 0em;
    margin-right: 0em;
}

.content-max-width-600 .streaming-anbieter-anbieter-oben a.streaming-anbieter-anbieter-nicht-aktiv {
    display: none;
}

.content-min-width-601 .streaming-anbieter-anbieter-oben {
    grid-template-columns: repeat(4, 1fr);
}

.content-min-width-801 .streaming-anbieter-anbieter-oben {
    grid-template-columns: repeat(5, 1fr);
}

.content-max-width-800 .streaming-anbieter-ausblenden-3 a:nth-child(3),.content-max-width-800 .streaming-anbieter-ausblenden-4 a:nth-child(4) {
    display: none;
}

.streaming-anbieter-anbieter {
    grid-template-columns: repeat(2, 1fr);
}

.streaming-anbieter-anbieter a {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 1em;
    border: 1px solid var(--border-color);
    border-radius: 0.25em;
}

.streaming-anbieter-anbieter-overlay {
    grid-template-columns: repeat(2, 1fr);
}

.streaming-anbieter-anbieter-unten a:nth-child(4),.streaming-anbieter-anbieter-unten a:nth-child(5),.streaming-anbieter-anbieter-unten a:nth-child(6) {
    display: none;
}

.streaming-anbieter-anbieter .streaming-anbieter-anbieter-aktiv,.streaming-anbieter-anbieter a.streaming-anbieter-auswaehlen.streaming-anbieter-ueberschrift.streaming-anbieter-anbieter-aktiv {
    background-color: var(--background-color-alternative);
    border-color: var(--border-color-darker);
}

@media (min-width: 750px) {
    .streaming-anbieter-anbieter-overlay {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 750px) {
    .streaming-anbieter-anbieter-unten {
        grid-template-columns: repeat(5, 1fr);
    }

    .streaming-anbieter-anbieter-unten a:nth-child(4) {
        display: flex;
    }
}

@media (min-width: 1000px) {
    .streaming-anbieter-anbieter-unten {
        grid-template-columns: repeat(6, 1fr);
    }

    .streaming-anbieter-anbieter-unten a:nth-child(5) {
        display: flex;
    }
}

@media (min-width: 1600px) {
    .streaming-anbieter-anbieter-unten {
        grid-template-columns: repeat(7, 1fr);
    }

    .streaming-anbieter-anbieter-unten a:nth-child(6) {
        display: flex;
    }
}

.streaming-anbieter-anbieter a figure {
    max-width: 8rem;
    width: 100%;
    margin: 0;
}

.streaming-anbieter-anbieter a figure img {
    object-fit: contain;
}

.streaming-anbieter-anbieter a.streaming-anbieter-auswaehlen {
    font-weight: bold;
    background-color: var(--fs-hell-gelb);
    line-height: 1.25;
    position: relative;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 1em;
}

.streaming-anbieter-anbieter a.streaming-anbieter-auswaehlen figure::before {
    display: block;
    content: "";
    padding-top: calc(25% / 70 * 100);
}

.streaming-anbieter-anbieter a.streaming-anbieter-auswaehlen figure figcaption {
    position: absolute;
    left: 0.5em;
    top: 0;
    width: calc(100% - 1em);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.streaming-anbieter-anbieter a.streaming-anbieter-auswaehlen.streaming-anbieter-ueberschrift {
    font-weight: normal;
    background-color: transparent;
}

.streaming-anbieter-anbieter a.streaming-anbieter-auswaehlen.streaming-anbieter-ueberschrift::before {
    display: none;
}

@media (pointer: fine) {
    .streaming-anbieter-anbieter>a:hover,.streaming-sendungen-block-weiss>a:hover,a.streaming-anbieter-clicky:hover {
        background-color:var(--fs-hell-gelb) !important;
        border-radius: 0.25em;
    }

    .streaming-anbieter-anbieter>a.streaming-anbieter-auswaehlen:last-child:hover {
        background-color: var(--fs-dunkel-gelb) !important;
        border-radius: 0.25em;
    }
}

.streaming-hinweistext {
    padding: 0.5em;
    border-radius: 0.25em;
    background-color: var(--background-color-alternative);
    margin-bottom: 1em;
}

.streaming-hinweis-ausblenden {
    display: block;
    text-align: right;
    cursor: pointer;
}

.streaming-hinweis-ausblenden::after {
    content: "Hinweis nicht mehr anzeigen";
    text-decoration: underline;
    text-decoration-color: lightgray;
    font-weight: bold;
    text-underline-offset: 0.25em;
    text-decoration-thickness: 1px;
}

.streaming-guide-top-serien {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1em;
}

.streaming-guide-top-serien li:nth-child(n+7) {
    display: none;
}

@media (min-width: 750px) {
    .streaming-guide-top-serien {
        grid-template-columns: repeat(4, 1fr);
    }

    .streaming-guide-top-serien li:nth-child(n+7) {
        display: block;
    }
}

.streaming-sendungen::-webkit-scrollbar {
    display: none;
}

.streaming-sendungen>li {
    margin-bottom: 1em;
    padding: 0.5em;
    background-color: var(--background-color-alternative);
}

.streaming-sendungen>li>a>figure {
    width: 100%;
}

.streaming-sendungen-titel {
    font-size: 1.2em;
    font-weight: bold;
    padding-top: 0.5em;
}

.content-min-width-501 .streaming-sendungen-titel {
    padding-top: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.streaming-sendungen-originaltitel {
    font-weight: normal;
    font-size: calc(1em / 1.2);
}

.content-min-width-601 .streaming-sendungen-originaltitel {
    display: inline;
    margin-left: 0.25em;
}

.streaming-guide-serie-generisch {
    display: none;
}

.content-min-width-601 .streaming-guide-serie-generisch {
    display: inline;
}

.content-min-width-601 .streaming-guide-serie-generisch figure {
    background-color: white;
}

.content-max-width-600 .streaming-guide-serie-generisch+div .streaming-sendungen-titel {
    padding-top: 0;
}

.content-min-width-601 .streaming-sendungen>li {
    display: flex;
    flex-wrap: wrap;
    padding: 1em;
}

.content-min-width-601 .streaming-sendungen>li>a {
    width: 18em;
    margin-right: 1em;
    max-width: 40%;
}

.content-min-width-601 .streaming-sendungen>li>div.streaming-sendungen-info-block {
    width: calc(100% - 19em);
    min-width: calc(60% - 1em);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.streaming-sendungen .genrepillen {
    margin: 0.5em -0.5em 1em 0;
    white-space: nowrap;
    max-width: calc(100% + 0.5em);
    overflow: auto;
}

@media (pointer: fine) {
    .streaming-sendungen .genrepillen {
        overflow:hidden;
        text-overflow: ellipsis;
    }
}

.streaming-sendungen .genrepillen li {
    margin: 0 0.5em 0 0;
    padding: 0 0.5em;
    font-size: 0.9em;
    background-color: white;
    border-color: transparent;
}

.streaming-sendungen .genrepillen li:last-child {
    margin-right: 0.5em;
}

.streaming-sendungen .genrepillen li:first-child {
    background-color: transparent;
    border-color: var(--border-color)
}

.streaming-sendungen-block-anbieter figure img {
    object-fit: contain;
}

.streaming-sendungen-block {
    display: flex;
    justify-content: space-between;
}

.streaming-sendungen-block + .streaming-sendungen-block {
    margin-top: 0.5em;
}

input[type=checkbox]:not(:checked) + div.streaming-sendungen-info-block .streaming-sendungen-block.streaming-sendungen-block-weitere {
    display: none;
}

input[type=checkbox]:checked + div.streaming-sendungen-info-block+label.zeige-weitere-button {
    display: none;
}

.content-max-width-400 .streaming-sendungen-block-1 > .streaming-sendungen-block-anbieter {
    display: none;
}

.streaming-sendungen-block-rest > ul {
    display: flex;
    justify-content: space-between;
    height: 100%;
}

.content-max-width-400 .streaming-sendungen-block-2 .streaming-sendungen-block-rest > ul {
    flex-direction: column;
}

.content-max-width-400 .streaming-sendungen-block-2 .streaming-sendungen-block-rest > ul > li {
    width: auto;
    height: calc(50% - 0.25rem);
}

.content-max-width-400 .streaming-sendungen-block-1 .streaming-sendungen-block-rest > ul > li {
    width: calc(50% - 0.25em);
    height: 2rem;
}

.content-min-width-401 .streaming-sendungen-block-rest > ul > li {
    width: calc(50% - 0.25em);
}

.streaming-sendungen-block-1 > li {
    width: 100%;
}

.streaming-sendungen-block-2 > li {
    width: calc(50% - 0.25em);
}

.content-min-width-401 .streaming-sendungen-block-1 > li {
    width: calc(50% - 0.25em);
}

.content-min-width-401 .streaming-sendungen-block .streaming-sendungen-block-anbieter {
    width: calc(100% / 3 - 0.25em);
}

.content-min-width-401 .streaming-sendungen-block .streaming-sendungen-block-rest {
    width: calc(100% / 3 * 2 - 0.25em);
}

.content-min-width-601 .streaming-sendungen-block .streaming-sendungen-block-anbieter,.content-min-width-601 .streaming-sendungen-block .streaming-sendungen-block-rest {
    width: calc(50% - 0.25em);
}

.content-min-width-601 .streaming-sendungen-block .streaming-sendungen-block-rest > ul {
    flex-direction: column;
}

.content-min-width-601 .streaming-sendungen-block-rest > ul > li {
    width: auto;
    height: calc(50% - 0.25rem);
}

.content-min-width-801 .streaming-sendungen-block .streaming-sendungen-block-anbieter {
    width: calc(100% / 3 - 0.25em);
}

.content-min-width-801 .streaming-sendungen-block .streaming-sendungen-block-rest {
    width: calc(100% / 3 * 2 - 0.25em);
}

.content-min-width-801 .streaming-sendungen-block .streaming-sendungen-block-rest > ul {
    flex-direction: row;
}

.content-min-width-801 .streaming-sendungen-block-rest > ul > li {
    width: calc(50% - 0.25em);
    height: auto;
}

.streaming-sendungen-block-anbieter a {
    box-sizing: border-box;
    padding: 1em;
    border: 1px solid var(--border-color);
    border-radius: 0.25em;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (pointer: fine) {
    .streaming-sendungen-block-anbieter a:hover ,.streaming-sendungen-block-block-weiss a:hover {
        background-color:var(--fs-hell-gelb);
        border-radius: 0.2em;
    }
}

.streaming-sendungen-block-anbieter a figure {
    max-width: 8rem;
    flex-shrink: 0;
    width: 100%;
}

.streaming-sendungen-block-anbieter a.streaming-guide-drittanbieter-channel {
    padding: 1em 1em 0.5em 1em;
}

.streaming-sendungen-block-anbieter a.streaming-guide-drittanbieter-channel figure figcaption {
    font-size: 0.8em;
    text-align: center;
    margin-top: 0.5em;
    margin-left: -1em;
    margin-right: -1em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.streaming-sendungen-block-block-weiss {
    box-sizing: border-box;
    border-radius: 0.25em;
    background-color: white;
    height: 100%;
    font-weight: bold;
}

.streaming-sendungen-block-block-weiss-flexer {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.content-min-width-401 .streaming-sendungen-block-block-weiss-flexer div {
    line-height: 1.5;
}

.content-min-width-601 .streaming-sendungen-block-block-weiss-flexer div {
    line-height: 1;
}

.content-min-width-801 .streaming-sendungen-block-block-weiss-flexer div {
    line-height: 1.5;
}

.streaming-sendungen-block-block-weiss-flexer div:last-child::after {
    content: "›";
    margin-left: 0.5em;
    line-height: 0;
    font-size: 1.25em;
}

.streaming-sendungen-block-block-weiss-two {
    font-size: 0.9em;
    line-height: 1;
}

.streaming-sendungen-block-block-weiss-premiere {
    color: var(--fs-rot);
}

.streaming-sendungen-block-block-gelb {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--fs-hell-gelb);
    border-radius: 0.2em;
    font-weight: bold;
    cursor: pointer;
}

@media (pointer: fine) {
    .streaming-sendungen-block-block-gelb:hover {
        background-color:var(--fs-dunkel-gelb);
    }
}

.streaming-sendungen-block-block-gelb figure {
    width: 0.75em;
    margin-right: 0.5em;
}

.streaming-sendungen-block-block-weiss-text {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
    border-radius: 0.2em;
    font-weight: bold;
}

.streaming-sendungen-block-block-weiss-folge {
    color: #b82800;
}

.zeige-weitere-button {
    width: calc(100% + 1em);
    border-top: 1px solid white;
    padding: 0.5em 0 0 0;
    margin: 0.5em -0.5em 0 -0.5em;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.content-min-width-601 .zeige-weitere-button {
    width: calc(100% + 2em);
    margin: 0.5em -1em 0 -1em;
}

.zeige-weitere-button::before {
    content: "mehr anzeigen";
}

.zeige-weitere-button::after {
    content: "›";
    font-size: 1.25em;
    display: block;
    transform: rotate(90deg);
    margin-left: 0.75em;
    line-height: 0;
}

.zeige-weitere .zeige-weitere-button {
    display: none;
}

/* Home */
.home-feed-button {
    display: none;
    margin-bottom: 1em;
}

.home-feed-button+article {
    margin-top: 0em;
}

@media (max-width: 749px) {
    .home-feed-button {
        display:block;
    }

    .home-feed-button+article {
        margin-top: 1em;
    }
}

.genres-home {
    margin-top: 20px;
    margin-bottom: -10px;
}

.home-news-ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1em;
}

.home-news-ul li:first-child {
    grid-column: 1 / -1;
}

.home-news-ul a {
    display: block;
    padding: 0.25em;
}

.home-news-ul figure {
    width: 100%;
    position: relative;
}

.home-news-ul figure figcaption {
    position: absolute;
    right: 0.5em;
    top: 0;
    line-height: normal;
    font-size: 0.5em;
    text-shadow: 1px 1px 1px #000;
    color: white;
}

.home-news-ul figure.home-news-ul-bild-square {
    display: none;
}

.home-news-ul dt {
    font-weight: bold;
    margin-top: 0.5em;
}

.home-news-ul br {
    display: none;
}

@media (max-width: 499px) {
    .home-news-ul {
        grid-template-columns: 1fr ;
    }

    .home-news-ul li:nth-child(n + 2) a {
        display: flex;
        align-items: center;
    }

    .home-news-ul li:nth-child(n + 2) figure {
        width: 6em;
        margin-right: 1em;
        flex-shrink: 0;
    }

    .home-news-ul li:nth-child(n + 2) figure.home-news-ul-bild-square {
        display: block;
    }

    .home-news-ul li:nth-child(n + 2) figure.home-news-ul-bild-landscape {
        display: none;
    }

    .home-news-ul li:nth-child(n + 2) dt {
        margin-top: 0;
    }

    .home-news-ul li:nth-child(n + 2) dt,.home-news-ul li:nth-child(n + 2) dd {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .home-news-ul figure figcaption {
        display: none;
    }

    .home-news-anzeige {
        position: relative;
    }

    .home-news-anzeige::after {
        content: "ANZEIGE";
        display: block;
        right: 0.5em;
        top: 0.5em;
        font-size: 0.45em;
        position: absolute;
    }
}

.fs-horizontal-h2 {
    display: flex;
    align-items: center;
}

.fs-horizontal-h2 span {
    flex-grow: 1;
}

.fs-horizontal-h2 button {
    transition: color 250ms ;
    font-size: 1.75em;
    line-height: 0;
    flex-shrink: 0;
    border-style: none;
    background-color: transparent;
    margin: 0 0 0.25em 0.5em;
    padding: 0;
    cursor: pointer;
}

.fs-horizontal-h2 button:disabled {
    color: var(--text-color-alternative);
}

.fs-horizontal-ul {
    user-select: none;
    /* Prevent text selection */
    -webkit-user-select: none;
    /* For Safari */
    -moz-user-select: none;
    /* For Firefox */
    -ms-user-select: none;
    /* For Internet Explorer/Edge */
    scroll-behavior: smooth;
    display: flex;
    overflow-x: auto;
    gap: calc(1em - 4vw);
    scroll-snap-type: x mandatory;
    margin-left: -4vw;
    margin-right: -4vw;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.fs-horizontal-ul::-webkit-scrollbar {
    display: none;
}

.fs-horizontal-ul li {
    flex-shrink: 0;
    width: 14.5em ;
    scroll-snap-align: start;
    border-left: 4vw solid transparent;
}

@media (pointer: coarse) {
    .fs-horizontal-ul li {
        scroll-snap-stop: always;
    }
}

.fs-horizontal-ul li:last-child {
    border-right: 4vw solid transparent;
}

.fs-horizontal-ul li u {
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    border-radius: 1em;
    border: 2px solid var(--border-color);
    overflow: hidden;
    position: relative;
    text-decoration: none;
}

.fs-horizontal-ul li u > div:nth-child(1) {
    width: 100%;
}

.fs-horizontal-aktuelle-folgen img {
    object-fit: cover;
    object-position: 50% 25%;
}

.fs-horizontal-ul figure figcaption {
    position: absolute;
    right: 0.5em;
    top: 0;
    line-height: normal;
    font-size: 0.5em;
    text-shadow: 1px 1px 1px #000;
    color: white;
}

.fs-horizontal-ul li u div.fs-horizontal-platz {
    flex-shrink: 0;
    width: 30%;
    font-weight: bold;
    letter-spacing : -0.075em;
    font-size: 3.1em;
    height: 4.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fs-horizontal-ul li u div.fs-horizontal-titel {
    hyphens: auto;
    flex-shrink: 0;
    width: calc(70% - 0.5em);
    font-weight: bold;
    font-size: 1em;
    height: 4.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5em;
}

.fs-horizontal-ul li u div.fs-horizontal-titel span {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.fs-horizontal-episode-titel {
    flex-shrink: 0;
    width: calc(100% - 1.5em);
    margin-left: 1em;
    height: 5.5rem;
    display: flex;
    align-items: center;
    gap: 0.5em;
}

.fs-horizontal-episode-titel > div {
    flex-grow: 1;
}

.fs-horizontal-episode-titel > div {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.fs-horizontal-ul li u > div:last-child:after {
    content: "›";
    font-weight: bold;
    line-height: 0;
    font-size: 1.25em;
    display: block;
}

.fs-horizontal-aktuelle-folgen-streamen .fs-horizontal-ul li u > div:last-child:after {
    content: "";
    margin: 0;
    padding: 0;
    flex-shrink: 0;
    display: block;
    width: 1.5em;
    height: 1.5em;
    background-image: url(../img/fs-logo-pfeil-schwarz.svg);
    background-size: 40% auto;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fce17a;
    border-radius: 0.25em;
}

@media (min-width: 750px) {
    .fs-horizontal-ul {
        margin-left:0;
        margin-right: 0;
        gap: 1em;
    }

    .fs-horizontal-ul li {
        border-left-style: none;
    }

    .fs-horizontal-ul li:last-child {
        border-right-style: none;
    }
}

.fs-horizontal-video-laufzeit {
    position: absolute;
    right: 0.5em;
    top: 7.5em;
    background-color: rgba(0,0,0,0.75);
    color: white;
    padding: 0 0.5em;
    display: block;
    font-size: 0.8em;
    border-radius: 0.125em
}

.fs-horizontal-anbieter-filter .fs-horizontal-ul li {
    width: 9em;
    position: relative;
    padding-top: 0.35em;
}

.fs-horizontal-anbieter-filter.fs-horizontal-fs-tabs .fs-horizontal-ul li {
    width: 7em;
}

.fs-horizontal-anbieter-filter .fs-horizontal-ul li u {
    padding: 1em;
    border-width: 1px;
    border-radius: 0.25em;
}

.fs-horizontal-anbieter-filter figure {
    width: 100%;
}

.fs-horizontal-anbieter-filter figure img {
    object-fit: contain;
}

.fs-horizontal-anbieter-filter .ausstrahlungs-box-plattform {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    font-size: 0.6em;
    color: var(--text-color-alternative);
    display: flex;
    pointer-events: none;
}

.fs-horizontal-anbieter-filter .ausstrahlungs-box-plattform:before,.fs-horizontal-anbieter-filter .ausstrahlungs-box-plattform:after {
    content: "";
    flex-grow: 1;
}

.fs-horizontal-anbieter-filter .ausstrahlungs-box-plattform span {
    background-color: white;
    flex-shrink: 0;
}

.fs-horizontal-ul .fs-horizontal-anbieter-filter-aktiv u {
    background-color: var(--background-color-alternative);
    border-color: var(--border-color-darker);
}

.fs-horizontal-anbieter-filter-alle span {
    display: inline-flex;
    width: 100%;
    aspect-ratio: 70 / 25;
    align-items: center;
    justify-content: center;
}

.fs-horizontal-anbieter-filter.fs-horizontal-fs-tabs .fs-horizontal-ul li.fs-horizontal-anbieter-filter-alle u {
    padding: 0.645em 0;
    white-space: nowrap;
}

.no-snap {
    scroll-snap-type: none;
}

div.streaming-home-bilder {
    background-color: var(--background-color-alternative);
}

div.streaming-home-bilder ul.streaming-home-bilder {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

div.streaming-home-bilder ul.streaming-home-bilder li {
    padding: 0.5em;
}

div.streaming-home-bilder::before {
    content: "Weitere Streaming-Starts";
    display: block;
    font-size: 1.25em;
    margin-bottom: 0.25em;
    font-weight: bold;
    margin-left: 0.5em;
    padding-top: 0.5em;
}

div.streaming-home-bilder .fs-buttons {
    margin: 0;
    padding: 0.5em 0
}

.content-min-width-601 div.streaming-home-bilder ul.streaming-home-bilder {
    grid-template-columns: 1fr 1fr 1fr;
}

.content-min-width-601 div.streaming-home-bilder ul.streaming-home-bilder li:nth-child(4) {
    display: none;
}

.content-min-width-701 div.streaming-home-bilder ul.streaming-home-bilder {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.content-min-width-701 div.streaming-home-bilder ul.streaming-home-bilder li:nth-child(4) {
    display: block;
}

.home-serien-a-z-items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 0.5em ;
}

.home-serien-a-z-items li {
    overflow: hidden;
    padding: 0.5em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.home-serien-a-z-items li:nth-of-type(4n-1),.home-serien-a-z-items li:nth-of-type(4n-2) {
    background-color: var(--background-color-alternative);
}

.home-serien-a-z-items werbung {
    grid-column: 1 / -1;
}

.gewinnspiele-home a {
    display: flex;
    align-items: center;
    margin-bottom: 1em;
    padding: 0.25em;
}

.gewinnspiele-home figure {
    width: 15em;
    max-width: 45%;
    flex-shrink: 0;
    margin-right: 4%;
}

/* Serien Ausstrahlungen Liste Element */
.serien-ausstrahlungsboxen-liste {
    margin-top: -0.5em;
}

.serien-ausstrahlungsboxen-liste >li:nth-of-type(odd) {
    background-color: var(--background-color-alternative);
}

.serien-ausstrahlungsboxen-liste a {
    padding: 0.75em 0.25em;
    display: block;
}

.serien-ausstrahlungsboxen-liste >li>a>dl {
    display: flex;
    align-items: center;
}

.serien-ausstrahlungsboxen-liste-serienlogo figure.fs-picture {
    width: 9em;
}

.serien-ausstrahlungsboxen-liste-inhalt-oben::before {
    content: "";
    font-size: 1.25em;
}

.serien-ausstrahlungsboxen-liste-inhalt-unten {
    display: none;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.serien-ausstrahlungsboxen-liste-text {
    flex-grow: 1;
}

.serien-ausstrahlungsboxen-liste-text > div {
    margin-left: 1em;
    margin-right: 1em;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media (max-width: 1023px) {
    .serien-ausstrahlungsboxen-liste >li>a>dl {
        flex-wrap:wrap;
        justify-content: space-between;
    }

    .serien-ausstrahlungsboxen-liste-text {
        order: 3;
        width: 100%;
        margin-top: 0.5em;
    }

    .serien-ausstrahlungsboxen-liste-text > div {
        margin-left: 0;
        margin-right: 0;
        -webkit-line-clamp: 3;
    }
}

/* Such Seite  */
.suchergebnisse li {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding: 0.25em;
}

.suchergebnisse li:nth-of-type(odd) {
    background-color: var(--background-color-alternative);
}

.suchergebnisse a {
    display: flex;
}

.suchergebnisse figure.fs-picture {
    width: 9em;
    margin-right: 1em;
    flex-shrink: 0;
    max-width: 25%;
}

.suchergebnisse .suchergebnisse-film img {
    object-fit: cover;
    object-position: 50% 25%;
    height: 100%;
}

.suchergebnisse .suchergebnisse-person img {
    object-fit: contain;
    height: 100%;
}

.suchergebnisse dt {
    font-weight: bold;
}

.suchergebnisse dd:last-child {
    margin-top: 0.25em;
}

.neue-suche {
    background-color: #fbcb23;
    border-radius: 0.25em;
    padding: 25px 15px 15px 15px;
}

.neue-suche::before {
    content: "Neue Suche";
    display: block;
    margin-bottom: 20px;
    text-align: center;
    font-weight: bold;
}

.neue-suche form {
    display: block;
    background-color: white;
    border-radius: 0.25em;
    position: relative;
    height: 2em;
}

.neue-suche input[type="search"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 0;
    background-color: transparent;
    border-width: 0px 36px 0px 10px;
    border-style: solid;
    border-color: transparent;
    display: block;
    margin: 0;
}

.neue-suche button {
    border-style: none;
    background-color: transparent;
    margin: 0;
    padding: 0 10px;
    display: block;
    height: 100%;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
}

.neue-suche button figure {
    width: 16px;
}

/* Gewinnspiel Detailseite */
.gewinnspiel-iframe {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 800px;
    border-style: none;
    height: 100vh;
}

/* Serienchecker */
.serienchecker-embed {
    padding: 0;
    margin: 0;
}

.serienchecker-embed iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    border-style: none;
    display: block;
}

.serienchecker-serien a {
    font-weight: bold;
    text-decoration: underline;
    text-underline-offset: 0.25em;
    text-decoration-thickness: 1px;
    text-decoration-color: var(--fs-dunkel-gelb);
}

.serienchecker-fliesstext {
    max-width: var(--flowing-text-width);
    margin-left: auto;
    margin-right: auto;
}

/* Fehlerseiten */
.fs-fehlermeldung {
    display: flex;
    align-items: center;
}

.fs-fehlermeldung li:first-child {
    margin-right: 1em;
}

.fs-fehlermeldung li img {
    max-width: 100%;
    width: 13em;
}

.fs-fehlermeldung p {
    margin: 1em 0;
}

/* Infinite Scrolling */
[data-infinite-next] {
    background-color: transparent !important;
}

/* PWA */
html:not(.fs-standalone) .element-standalone {
    display: none;
}

html.fs-standalone .element-not-standalone {
    display: none;
}

html.fs-standalone body #fs-frame-2 {
    transition: opacity 250ms , transform 250ms ;
    opacity: 0;
    transform: translate(10vw, 0)
}

html.fs-standalone body.pwa-loaded #fs-frame-2 {
    opacity: 1;
    transform: none;
}

html.fs-standalone body .fs-frame-1::after {
    visibility: hidden;
    content: "";
    display: block;
    border: 0.2em solid var(--fs-hell-gelb);
    border-right-color: var(--fs-dunkel-gelb);
    z-index: 2147483646;
    width: 2em;
    height: 2em;
    box-sizing: border-box;
    border-radius: 50%;
    position: fixed;
    top: calc(30vh - 1em);
    left: calc(50vw - 1em);
    background-color: var(--background-color-alternative);
    box-shadow: 0px 0px 0 0.5em var(--background-color-alternative);
}

html.fs-standalone body.pwa-unloading .fs-frame-1::after {
    visibility: visible;
    animation: spin 2s linear infinite,zoom 250ms ;
}

[data-section-debug-info] p {
    font-size: 0.75em;
    overflow-wrap: break-word;
    font-family: monospace;
}

@keyframes zoom {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

/* Login-Overlays */
.login-overlay-absatz {
    display: flex;
    margin-bottom: 1em;
    gap: 1em;
}

.login-overlay-absatz:before {
    border-top: 0.25em solid transparent;
    content: "";
    flex-shrink: 0;
    width: 1.5em;
    height: 1.5em;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: contain;
}

.login-overlay-absatz-person:before {
    background-image: url(../img/user-orange.svg);
}

.login-overlay-absatz-glocke:before {
    background-image: url(../img/bell-orange.svg);
}

.overlay-added-first-p {
    margin-bottom: 1em;
    display: flex;
    align-items: center;
    gap: 1em;
}

.overlay-added-first-p figure {
    width: 2em;
}

.login-overlay-absatz-grey {
    background-color: var(--background-color-alternative);
    padding: 1em;
}

ul.feed .login-overlay-absatz-grey {
    margin-bottom: 2em;
}

.login-overlay-store-buttons {
    display: flex;
    justify-content: space-around;
    margin-top: 1em;
}

@media (min-width: 750px) {
    .login-overlay-store-buttons {
        justify-content:flex-start;
        gap: 1.5em;
    }
}

.login-overlay-store-buttons img {
    height: 2.25em;
}

.fs-buttons-switch {
    height: 2.5em;
    transition: height 500ms,margin 500ms,opacity 500ms;
    margin-top: 1em;
    margin-bottom: 1em;
    opacity: 1;
}

.fs-buttons-switch-hidden {
    height: 0em;
    overflow: hidden;
    margin-top: 0em;
    opacity: 0;
    margin-bottom: 0em;
}

.absatz-benachrichtigungen {
    display: flex;
    background-color: var(--background-color-alternative);
    position: relative;
}

.absatz-benachrichtigungen::before {
    background-color: white;
    width: 2.5em;
    flex-shrink: 0;
    content: "";
    background-image: url(../img/bell-solid.svg);
    background-size: 1em auto;
    background-repeat: no-repeat;
    background-position: 0.25em center;
}

.absatz-benachrichtigungen > label {
    padding: 1em;
}

.absatz-benachrichtigungen::after {
    background: linear-gradient(to bottom, var(--fs-rot),var(--fs-orange),var(--fs-dunkel-gelb));
    position: absolute;
    display: block;
    top: 0;
    height: 100%;
    width: 3px;
    left: calc(2.5em - 3px);
    content: "";
}

.newsmeldung-main .absatz-benachrichtigungen::before {
    display: none;
}

.newsmeldung-main .absatz-benachrichtigungen::after {
    left: 0;
}

.newsmeldung-main .absatz-benachrichtigungen .login-overlay-absatz-grey {
    width: 100%;
}

.benachrichtigungen-error {
    color: red;
    display: block;
    margin-top: 1em;
}

/* Newsletterbestellseite */
.newsletterbestellung {
    display: flex;
    gap: 1em;
    flex-direction: column;
}

@media (min-width: 601px) {
    .newsletterbestellung {
        flex-direction: row;
    }

    .newsletterbestellung > li:first-child {
        width: 10em;
        flex-shrink: 0;
    }
}

/* App-Intro */
body.page-app-intro {
    transition: opacity 1s;
    opacity: 0;
}

.intro {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    z-index: 2147483645;
    background-color: white;
    justify-content: center;
}

.intro2 {
    position: relative;
    height: 100vh;
    width: 100vw;
}

.intro-slides {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0em;
    margin: 0;
    display: flex;
    height: 100%;
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
    width: 100%;
}

.intro-slides > li {
    padding: 5em 2em 9em 2em;
    margin: 0;
    height: 100%;
    width: 100%;
    flex-shrink: 0;
    scroll-snap-align: center;
    scroll-snap-stop: always;box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 3em;
    justify-content: space-between;
}

.intro-slides > li.intro-slide-login {
    padding-bottom: 2em;
}

.intro-ueberspringen,a.intro-ueberspringen:link,a.intro-ueberspringen:visited,a.intro-ueberspringen:active,a.intro-ueberspringen:hover {
    font-size: 0.75em;
    color: gray;
    text-decoration: underline;
    padding: 2em;
    text-align: right;
    display: block;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    box-sizing: border-box;
}

.intro-ueberspringen-jetzt-nicht {
    display: none;
}

[data-slide="5"] .intro-ueberspringen-ueberspringen {
    display: none;
}

[data-slide="5"] .intro-ueberspringen-jetzt-nicht {
    display: block;
}

.intro-grafik {
    flex-grow: 1;
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat;
    max-height: 30em;
}

.intro-ueberschrift {
    font-weight: bold;
    font-size: 1.5em;
    border-bottom: 3px solid var(--fs-hell-gelb);
    margin-bottom: 1em;
}

.intro-dots {
    display: flex;
    justify-content: center;
    gap: 0.25em;
    position: absolute;
    width: 100%;
    bottom: 6.5em;
    left: 0;
    box-sizing: border-box;
}

.intro-dots dot {
    border-radius: 100%;
    background-color: lightgray;
    width: 0.5em;
    height: 0.5em;
}

.intro-weiter {
    display: block;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    padding: 0 2em 2em 2em;
}

.intro-weiter .fs-button,.intro-weiter .fs-button button ,.intro-weiters .fs-button,.intro-weiters .fs-button button {
    width: 100%;
    justify-content: center;
}

.intro-weiters >span+span {
    margin-top: 1em;
}

[data-slide="0"] dot:nth-child(1) ,[data-slide="1"] dot:nth-child(2),[data-slide="2"] dot:nth-child(3) ,[data-slide="3"] dot:nth-child(4) ,[data-slide="4"] dot:nth-child(5) {
    background-color: var(--fs-hell-gelb)
}

[data-slide="5"] .intro-dots,[data-slide="5"] .intro-weiter {
    display: none;
}

/* App Landing */
.app-landing > li {
    background-color: var(--fs-hell-gelb);
    margin-bottom: 2em;
    padding-left: 7em;
    display: flex;
    flex-direction: column;
    height: 12em;
    position: relative;
}

.app-landing > li::before {
    width: 5em;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    content: "";
    background-image: url(../img/logo-shape.svg);
    background-size: auto 8em;
    background-position: right center;
    background-repeat: no-repeat;
}

.app-landing > li:nth-child(even) {
    padding-left: 0;
    padding-right: 7em;
}

.app-landing > li:nth-child(even)::before {
    left: auto;
    right: 0;
    background-position: left center;
}

.app-landing > li > div {
    flex-basis: 0;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 1rem;
}

.app-landing > li:nth-child(even) > div {
    padding-left: 1rem;
    padding-right: 0;
}

.app-landing .app-landing-header {
    font-weight: bold;
    font-size: 1.2em;
    border-bottom: 0.15em solid white;
}

.app-landing .app-landing-text {
    font-size: 0.85em;
}

.app-landing > li::after {
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: 2.5em auto;
    width: 5em;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.app-landing > li:nth-child(even)::after {
    left: auto;
    right: 0;
}

.app-landing > li.app-landing-feed::after {
    background-image: url(../img/user-yellow.svg);
}

.app-landing > li.app-landing-push::after {
    background-image: url(../img/bell-yellow.svg);
}

.app-landing > li.app-landing-communitys::after {
    background-image: url(../img/comment-solid-yellow.svg);
}

.app-landing > li.app-landing-streaming::after {
    background-image: url(../img/logo-pfeil-yellow.svg);
}

.app-landing > li.app-landing-sendetermine::after {
    background-image: url(../img/feed-grafik-tv-yellow.svg);
}

.app-landing > li.app-landing-news {
    margin-bottom: 0;
}

.app-landing > li.app-landing-news::after {
    background-image: url(../img/bars-staggered-solid-yellow.svg);
}

/* Staffelauswahl */
ul.staffelauswahl li:nth-child(odd) {
    background-color: var(--background-color-alternative)
}

ul.staffelauswahl li[data-active] {
    font-weight: bold;
}

ul.staffelauswahl li a {
    gap: 1em;
    padding: 0.25em 0.5em;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 2.175em;
    box-sizing: border-box;
}

@media (pointer: coarse) {
    ul.staffelauswahl li a {
        min-height: 2.825em;
    }
}

ul.staffelauswahl li a::after {
    content: "›";
    font-size: 1.5em;
    line-height: 0;
    font-weight: normal;
    padding-bottom: 0.15em;
}

/* iOS Hinweis zurück */
.ios-hinweis-zurueck p {
    margin-bottom: 1em
}

.ios-hinweis-zurueck .ios-hinweis-zurueck-img {
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../img/ios_hinweis_zurueck.svg);
    aspect-ratio: 239 / 444;
    width: 7em;
    margin-left: auto;
    margin-right: auto;
}