/* Steiermark TV - automatisch aus stv-layout-web.css fachlich getrennt.
   Gemeinsame Regeln liegen in stv-layout-core.css; diese Datei enthaelt nur seitentypspezifische Bloecke. */

/* =========================
   SENDUNGS-LANDINGPAGE
   - Hero aus Attribut titelfoto
   - Logo aus Attribut sendungslogo
   - redaktioneller Episodenbereich mit Featured-Episode
   - eigene Klassen, isoliert von Episode-/Beitrag-Templates
========================= */
.stv-sendung-page {
    width: 100%;
    margin: 0;
    padding: 0;
    background: #ffffff;
    overflow-x: hidden;
}

.stv-sendung-hero {
    position: relative;
    width: 100vw;
    margin: 0 0 0 calc(50% - 50vw);
    overflow: hidden;
    background: linear-gradient(160deg, #2f9c37 0%, #1c782b 42%, #063716 100%);
    isolation: isolate;
}

.stv-sendung-hero__media {
    position: relative;
    z-index: 0;
    width: 100%;
    height: clamp(390px, 45vw, 760px);
    overflow: hidden;
}

.stv-sendung-hero__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.stv-sendung-hero--no-image {
    min-height: clamp(390px, 45vw, 680px);
}

.stv-sendung-hero__shade {
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        radial-gradient(circle at 50% 43%, rgba(237, 248, 186, 0.08) 0%, rgba(237, 248, 186, 0) 34%),
        linear-gradient(180deg, rgba(4, 27, 12, 0.06) 0%, rgba(4, 27, 12, 0.28) 100%);
    pointer-events: none;
}

.stv-sendung-hero__inner {
    position: absolute;
    inset: 0;
    z-index: 2;
    width: min(100% - 32px, var(--stv-stage-width));
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: clamp(46px, 6vw, 90px) 16px clamp(84px, 8vw, 130px);
    pointer-events: none;
}

.stv-sendung-hero__logo {
    width: auto;
    max-width: min(58vw, 500px);
    max-height: clamp(118px, 18vw, 250px);
    object-fit: contain;
    filter: drop-shadow(0 18px 30px rgba(0, 0, 0, 0.38));
}

.stv-sendung-hero__title {
    max-width: 860px;
    margin: 0;
    color: #ffffff;
    font-size: clamp(2.3rem, 5.6vw, 5.4rem);
    line-height: 0.96;
    letter-spacing: -0.055em;
    font-weight: 700;
    text-align: center;
    text-shadow: 0 12px 30px rgba(0, 0, 0, 0.32);
}

.stv-sendung-hero__title--visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.stv-sendung-layout {
    position: relative;
    z-index: 3;
    width: min(100% - 32px, var(--stv-stage-width));
    margin: 0 auto 56px;
}

.stv-sendung-intro {
    position: relative;
    width: min(100%, 840px);
    margin: -58px auto 34px;
    transform: translateX(-42px);
    border-radius: 28px;
    background: linear-gradient(155deg, var(--stv-lime-1) 0%, var(--stv-lime-2) 56%, var(--stv-lime-3) 100%);
    box-shadow: 0 22px 38px rgba(78, 109, 26, 0.24);
    color: #263312;
    isolation: isolate;
}

.stv-sendung-intro::before {
    content: "";
    position: absolute;
    right: -24px;
    top: -20px;
    width: 74px;
    height: 74px;
    border-radius: 22px;
    background: linear-gradient(160deg, #2fa43a 0%, #1c7a2d 42%, #0a4b1f 100%);
    box-shadow: 0 18px 34px rgba(10, 55, 23, 0.14);
    z-index: -1;
    pointer-events: none;
}

.stv-sendung-intro::after {
    content: "";
    position: absolute;
    right: 26px;
    bottom: -25px;
    width: 42px;
    height: 42px;
    border-radius: 14px;
    background: linear-gradient(155deg, var(--stv-lime-1) 0%, var(--stv-lime-2) 60%, #b9d556 100%);
    box-shadow: 0 12px 20px rgba(78, 109, 26, 0.16);
    z-index: -1;
    pointer-events: none;
}

.stv-sendung-intro__body {
    padding: 24px 34px 30px;
    box-sizing: border-box;
}

.stv-sendung-intro__body,
.stv-sendung-intro__body h1,
.stv-sendung-intro__body h2,
.stv-sendung-intro__body h3,
.stv-sendung-intro__body h4,
.stv-sendung-intro__body h5,
.stv-sendung-intro__body h6,
.stv-sendung-intro__body p,
.stv-sendung-intro__body li,
.stv-sendung-intro__body div,
.stv-sendung-intro__body span,
.stv-sendung-intro__body a {
    color: #263312;
}

.stv-sendung-intro__body h1,
.stv-sendung-intro__body h2,
.stv-sendung-intro__body h3,
.stv-sendung-intro__body h4,
.stv-sendung-intro__body h5,
.stv-sendung-intro__body h6 {
    margin: 0 0 14px;
    line-height: 1.1;
    letter-spacing: -0.02em;
    font-weight: 600;
}

.stv-sendung-intro__body p,
.stv-sendung-intro__body li {
    font-size: 1.04rem;
    line-height: 1.62;
    font-weight: 400;
}

.stv-sendung-intro__body p {
    margin: 0 0 14px;
}

.stv-sendung-intro__body p:last-child,
.stv-sendung-intro__body ul:last-child,
.stv-sendung-intro__body ol:last-child,
.stv-sendung-intro__body .ccm-block-content:last-child {
    margin-bottom: 0;
}

.stv-sendung-intro__body a {
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.stv-sendung-intro__action {
    position: absolute;
    right: 30px;
    bottom: -24px;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    max-width: calc(100% - 60px);
}

.stv-sendung-intro__action button,
.stv-sendung-intro__action .btn,
.stv-sendung-intro__action a.btn,
.stv-sendung-intro__action input[type="submit"] {
    min-height: 48px;
    padding: 12px 25px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: linear-gradient(160deg, #1f8f3b 0%, #0f6e2f 56%, #084b20 100%) !important;
    color: #ffffff !important;
    font-family: 'Poppins', Arial, sans-serif;
    font-size: 0.96rem !important;
    line-height: 1.2;
    font-weight: 700 !important;
    text-decoration: none !important;
    box-shadow: 0 14px 24px rgba(10, 69, 30, 0.26);
}

.stv-sendung-episodes {
    position: relative;
    width: min(100%, 1000px);
    margin: 40px auto 0;
    padding: 24px;
    box-sizing: border-box;
    border-radius: 32px;
    background:
        radial-gradient(circle at 10% 0%, rgba(237, 248, 186, 0.16) 0%, rgba(237, 248, 186, 0) 30%),
        linear-gradient(160deg, #319d38 0%, #1b742a 38%, #0d5220 72%, #063717 100%);
    box-shadow: 0 24px 46px rgba(16, 44, 16, 0.20);
    overflow: hidden;
    isolation: isolate;
}

.stv-sendung-episodes::before {
    content: "";
    position: absolute;
    top: 18px;
    right: 22px;
    width: 82px;
    height: 82px;
    border-radius: 24px;
    background: linear-gradient(155deg, rgba(237, 248, 186, 0.96) 0%, rgba(216, 238, 134, 0.96) 58%, rgba(189, 217, 95, 0.96) 100%);
    box-shadow: 0 12px 20px rgba(78, 109, 26, 0.16);
    pointer-events: none;
    z-index: 0;
}

.stv-sendung-episodes::after {
    content: "";
    position: absolute;
    right: 92px;
    top: 104px;
    width: 24px;
    height: 24px;
    border-radius: 8px;
    background: rgba(237, 248, 186, 0.72);
    pointer-events: none;
    z-index: 0;
}

.stv-sendung-episodes__header,
.stv-sendung-episode-list,
.stv-sendung-episodes__loader,
.stv-sendung-episodes__archive-link {
    position: relative;
    z-index: 2;
}

.stv-sendung-episodes__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin: 0 0 18px;
    padding-right: 98px;
}

.stv-sendung-episodes__title {
    margin: 0;
    color: #ffffff;
    font-size: clamp(1.72rem, 2.25vw, 2.65rem);
    line-height: 1.02;
    letter-spacing: -0.04em;
    font-weight: 600;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.14);
}

.stv-sendung-episode-list {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.stv-sendung-featured-episode,
.stv-sendung-episode-card {
    margin: 0;
}

.stv-sendung-featured-episode__link {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(290px, 0.75fr);
    gap: 0;
    min-height: 330px;
    border-radius: 26px;
    overflow: hidden;
    background: #0d3b18;
    color: #ffffff;
    box-shadow: 0 20px 36px rgba(7, 42, 15, 0.24);
    text-decoration: none;
    isolation: isolate;
}

.stv-sendung-featured-episode__link:hover,
.stv-sendung-featured-episode__link:focus,
.stv-sendung-episode-card__link:hover,
.stv-sendung-episode-card__link:focus {
    text-decoration: none;
}

.stv-sendung-featured-episode__image-wrap {
    position: relative;
    min-width: 0;
    overflow: hidden;
    background: rgba(237, 248, 186, 0.12);
}

.stv-sendung-featured-episode__image-wrap::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(6, 55, 23, 0) 0%, rgba(6, 55, 23, 0.24) 82%, rgba(6, 55, 23, 0.72) 100%);
    pointer-events: none;
}

.stv-sendung-featured-episode__image-wrap img,
.stv-sendung-featured-episode__image-placeholder {
    width: 100%;
    height: 100%;
    min-height: 330px;
    object-fit: cover;
    transition: transform 0.22s ease;
}

.stv-sendung-featured-episode__image-placeholder {
    display: block;
    background: linear-gradient(160deg, #53c84a 0%, #34a63a 36%, #1f842f 68%, #11662a 100%);
}

.stv-sendung-featured-episode__link:hover .stv-sendung-featured-episode__image-wrap img,
.stv-sendung-featured-episode__link:focus .stv-sendung-featured-episode__image-wrap img {
    transform: scale(1.025);
}

.stv-sendung-featured-episode__content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-width: 0;
    padding: 28px 30px 30px;
    box-sizing: border-box;
    background: linear-gradient(160deg, rgba(29, 111, 46, 0.96) 0%, rgba(20, 88, 38, 0.98) 42%, rgba(7, 47, 21, 0.99) 100%);
}

.stv-sendung-featured-episode__eyebrow {
    align-self: flex-start;
    margin: 0 0 14px;
    padding: 7px 12px;
    border-radius: 999px;
    background: linear-gradient(155deg, var(--stv-lime-1) 0%, var(--stv-lime-2) 58%, var(--stv-lime-3) 100%);
    color: #263312;
    font-family: 'Poppins', Arial, sans-serif;
    font-size: 0.75rem;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    box-shadow: 0 10px 18px rgba(78, 109, 26, 0.18);
}

.stv-sendung-featured-episode__date {
    margin: 0 0 8px;
    color: rgba(237, 248, 186, 0.95);
    font-size: 0.88rem;
    line-height: 1.2;
    font-weight: 700;
}

.stv-sendung-featured-episode__title {
    margin: 0;
    color: #ffffff;
    font-size: clamp(1.55rem, 2.15vw, 2.45rem);
    line-height: 1.04;
    letter-spacing: -0.04em;
    font-weight: 600;
}

.stv-sendung-featured-episode__text {
    margin-top: 12px;
    color: rgba(255, 255, 255, 0.86);
    font-size: 1rem;
    line-height: 1.52;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.stv-sendung-episode-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.stv-sendung-episode-card__link {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    border-radius: 20px;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.11) 0%, rgba(255, 255, 255, 0.04) 100%);
    border: 1px solid rgba(255, 255, 255, 0.14);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 12px 22px rgba(7, 42, 15, 0.12);
    color: #ffffff;
    text-decoration: none;
    transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.stv-sendung-episode-card__link:hover,
.stv-sendung-episode-card__link:focus {
    transform: translateY(-3px);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.055) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10), 0 16px 28px rgba(7, 42, 15, 0.18);
}

.stv-sendung-episode-card__image-wrap {
    position: relative;
    min-width: 0;
    overflow: hidden;
    background: rgba(237, 248, 186, 0.12);
}

.stv-sendung-episode-card__image-wrap img,
.stv-sendung-episode-card__image-placeholder {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    transition: transform 0.22s ease;
}

.stv-sendung-episode-card__image-placeholder {
    display: block;
    background: linear-gradient(160deg, #53c84a 0%, #34a63a 36%, #1f842f 68%, #11662a 100%);
}

.stv-sendung-episode-card__link:hover .stv-sendung-episode-card__image-wrap img,
.stv-sendung-episode-card__link:focus .stv-sendung-episode-card__image-wrap img {
    transform: scale(1.035);
}

.stv-sendung-episode-card__content {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-width: 0;
    padding: 13px 14px 15px;
    box-sizing: border-box;
}

.stv-sendung-episode-card__date {
    margin: 0 0 7px;
    color: rgba(237, 248, 186, 0.93);
    font-size: 0.8rem;
    line-height: 1.2;
    font-weight: 700;
}

.stv-sendung-episode-card__title {
    margin: 0;
    color: #ffffff;
    font-size: 1.02rem;
    line-height: 1.16;
    letter-spacing: -0.02em;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.stv-sendung-episode-card__text {
    margin-top: 8px;
    color: rgba(255, 255, 255, 0.82);
    font-size: 0.89rem;
    line-height: 1.42;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.stv-sendung-episodes__loader {
    margin: 18px auto 0;
    width: fit-content;
    max-width: 100%;
    padding: 10px 16px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.92);
    font-size: 0.9rem;
    line-height: 1.2;
    font-weight: 700;
}

.stv-sendung-episodes__archive-link {
    margin: 18px 0 0;
}

.stv-sendung-episodes__archive-link a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 10px 18px;
    border-radius: 999px;
    background: linear-gradient(155deg, var(--stv-lime-1) 0%, var(--stv-lime-2) 58%, var(--stv-lime-3) 100%);
    color: #263312;
    font-family: 'Poppins', Arial, sans-serif;
    font-size: 0.92rem;
    line-height: 1.2;
    font-weight: 700;
    box-shadow: var(--stv-shadow-lime);
    text-decoration: none;
}

.stv-sendung-episodes__archive-link a:hover,
.stv-sendung-episodes__archive-link a:focus {
    text-decoration: underline;
}

@media (max-width: 1079px) {
    .stv-sendung-hero__media {
        height: clamp(330px, 55vw, 560px);
    }

    .stv-sendung-hero--no-image {
        min-height: clamp(330px, 55vw, 560px);
    }

    .stv-sendung-hero__logo {
        max-width: min(70vw, 430px);
        max-height: clamp(112px, 20vw, 210px);
    }

    .stv-sendung-layout {
        width: min(100% - 24px, 1040px);
        margin-bottom: 36px;
    }

    .stv-sendung-intro {
        width: min(100%, 820px);
        margin-top: -44px;
        transform: translateX(-16px);
        border-radius: 24px;
    }

    .stv-sendung-episodes {
        width: min(100%, 960px);
        padding: 20px;
        border-radius: 26px;
    }

    .stv-sendung-featured-episode__link {
        grid-template-columns: minmax(0, 1.05fr) minmax(270px, 0.95fr);
        min-height: 300px;
    }

    .stv-sendung-featured-episode__image-wrap img,
    .stv-sendung-featured-episode__image-placeholder {
        min-height: 300px;
    }

    .stv-sendung-featured-episode__content {
        padding: 24px;
    }

    .stv-sendung-episode-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }
}

@media (max-width: 589px) {
    .stv-sendung-hero__media {
        height: 300px;
    }

    .stv-sendung-hero--no-image {
        min-height: 300px;
    }

    .stv-sendung-hero__inner {
        width: min(100% - 18px, 100%);
        padding: 34px 12px 72px;
    }

    .stv-sendung-hero__logo {
        max-width: min(78vw, 310px);
        max-height: 128px;
    }

    .stv-sendung-hero__title {
        font-size: clamp(2rem, 11vw, 3.4rem);
    }

    .stv-sendung-layout {
        width: min(100% - 18px, 100%);
        margin-bottom: 24px;
    }

    .stv-sendung-intro {
        width: 100%;
        margin: -28px 0 28px;
        transform: none;
        border-radius: 18px;
    }

    .stv-sendung-intro::before,
    .stv-sendung-intro::after {
        display: none;
    }

    .stv-sendung-intro__body {
        padding: 16px 14px 58px;
    }

    .stv-sendung-intro__body p,
    .stv-sendung-intro__body li {
        font-size: 1rem;
        line-height: 1.56;
    }

    .stv-sendung-intro__action {
        left: 14px;
        right: 14px;
        bottom: -19px;
        justify-content: stretch;
        max-width: none;
    }

    .stv-sendung-intro__action button,
    .stv-sendung-intro__action .btn,
    .stv-sendung-intro__action a.btn,
    .stv-sendung-intro__action input[type="submit"] {
        width: 100%;
        min-height: 44px;
        padding: 11px 16px !important;
        font-size: 0.92rem !important;
    }

    .stv-sendung-episodes {
        width: 100%;
        margin-top: 30px;
        padding: 14px;
        border-radius: 18px;
    }

    .stv-sendung-episodes::before,
    .stv-sendung-episodes::after {
        display: none;
    }

    .stv-sendung-episodes__header {
        padding-right: 0;
        margin-bottom: 14px;
    }

    .stv-sendung-episodes__title {
        font-size: clamp(1.45rem, 5.5vw, 1.95rem);
        line-height: 1.04;
    }

    .stv-sendung-episode-list {
        gap: 12px;
    }

    .stv-sendung-featured-episode__link {
        display: flex;
        flex-direction: column;
        min-height: 0;
        border-radius: 18px;
    }

    .stv-sendung-featured-episode__image-wrap::after {
        background: linear-gradient(180deg, rgba(6, 55, 23, 0) 0%, rgba(6, 55, 23, 0.38) 100%);
    }

    .stv-sendung-featured-episode__image-wrap img,
    .stv-sendung-featured-episode__image-placeholder {
        min-height: 0;
        aspect-ratio: 16 / 9;
    }

    .stv-sendung-featured-episode__content {
        padding: 18px 16px 20px;
    }

    .stv-sendung-featured-episode__title {
        font-size: 1.38rem;
        line-height: 1.08;
    }

    .stv-sendung-featured-episode__text {
        font-size: 0.94rem;
        line-height: 1.45;
        -webkit-line-clamp: 3;
    }

    .stv-sendung-episode-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .stv-sendung-episode-card__link {
        border-radius: 16px;
    }

    .stv-sendung-episode-card__content {
        padding: 12px 12px 14px;
    }

    .stv-sendung-episode-card__title {
        font-size: 1.04rem;
        line-height: 1.15;
    }

    .stv-sendung-episode-card__text {
        font-size: 0.9rem;
        line-height: 1.42;
        -webkit-line-clamp: 2;
    }
}


/* =========================
   SENDUNGS-LANDINGPAGE: ELEGANZ-KORREKTUR
   - groesseres Sendungslogo
   - feinere Design-Rechtecke
   - Featured-Bild groesser/schaerfer praesentiert
   - weitere Episoden untereinander
   - Scroll-Nachladen ohne Archiv-Link
========================= */
.stv-sendung-hero__logo {
    max-width: min(76vw, 780px);
    max-height: clamp(190px, 25vw, 390px);
    filter: drop-shadow(0 22px 38px rgba(0, 0, 0, 0.44));
}

.stv-sendung-hero__shade {
    background:
        radial-gradient(circle at 50% 46%, rgba(237, 248, 186, 0.10) 0%, rgba(237, 248, 186, 0) 34%),
        linear-gradient(180deg, rgba(4, 27, 12, 0.04) 0%, rgba(4, 27, 12, 0.20) 100%);
}

.stv-sendung-intro::before {
    right: -18px;
    top: -15px;
    width: 52px;
    height: 52px;
    border-radius: 16px;
    opacity: 0.72;
    transform: rotate(9deg);
}

.stv-sendung-intro::after {
    right: 40px;
    bottom: -18px;
    width: 28px;
    height: 28px;
    border-radius: 10px;
    opacity: 0.78;
    transform: rotate(-7deg);
}

.stv-sendung-episodes {
    width: min(100%, 1030px);
    padding: 24px 24px 26px;
    background:
        radial-gradient(circle at 12% 0%, rgba(237, 248, 186, 0.16) 0%, rgba(237, 248, 186, 0) 29%),
        radial-gradient(circle at 100% 28%, rgba(143, 229, 109, 0.16) 0%, rgba(143, 229, 109, 0) 28%),
        linear-gradient(160deg, #2d9838 0%, #1a7229 38%, #0c4d1e 72%, #052f14 100%);
}

.stv-sendung-episodes::before {
    top: 20px;
    right: 24px;
    width: 56px;
    height: 56px;
    border-radius: 18px;
    opacity: 0.86;
    transform: rotate(5deg);
}

.stv-sendung-episodes::after {
    right: 82px;
    top: 84px;
    width: 18px;
    height: 18px;
    border-radius: 6px;
    opacity: 0.78;
    transform: rotate(-10deg);
}

.stv-sendung-featured-episode__link {
    grid-template-columns: minmax(0, 1.72fr) minmax(300px, 0.78fr);
    min-height: 410px;
    border-radius: 28px;
    background: #083414;
    box-shadow: 0 24px 42px rgba(5, 31, 12, 0.28);
}

.stv-sendung-featured-episode__image-wrap img,
.stv-sendung-featured-episode__image-placeholder {
    min-height: 410px;
}

.stv-sendung-featured-episode__image-wrap img,
.stv-sendung-episode-card__image-wrap img {
    image-rendering: auto;
    backface-visibility: hidden;
    transform: translateZ(0);
}

.stv-sendung-featured-episode__content {
    padding: 30px 32px 34px;
    background:
        linear-gradient(160deg, rgba(31, 132, 47, 0.96) 0%, rgba(15, 93, 35, 0.985) 44%, rgba(5, 47, 20, 0.995) 100%);
}

.stv-sendung-featured-episode__title {
    font-size: clamp(1.7rem, 2.35vw, 2.7rem);
}

.stv-sendung-episode-grid {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.stv-sendung-episode-card {
    width: 100%;
}

.stv-sendung-episode-card.is-hidden {
    display: none !important;
}

.stv-sendung-episode-card__link {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    min-height: 124px;
    height: auto;
    border-radius: 18px;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.06) 100%);
    border: 1px solid rgba(255, 255, 255, 0.13);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 10px 20px rgba(5, 31, 12, 0.12);
}

.stv-sendung-episode-card__link:hover,
.stv-sendung-episode-card__link:focus {
    transform: translateX(3px);
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.17) 0%, rgba(255, 255, 255, 0.075) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10), 0 14px 24px rgba(5, 31, 12, 0.17);
}

.stv-sendung-episode-card__image-wrap {
    height: 100%;
    border-radius: 18px 0 0 18px;
}

.stv-sendung-episode-card__image-wrap img,
.stv-sendung-episode-card__image-placeholder {
    width: 100%;
    height: 100%;
    min-height: 124px;
    aspect-ratio: auto;
    object-fit: cover;
}

.stv-sendung-episode-card__content {
    justify-content: center;
    padding: 16px 20px 17px;
}

.stv-sendung-episode-card__date {
    margin-bottom: 5px;
    font-size: 0.78rem;
}

.stv-sendung-episode-card__title {
    font-size: 1.13rem;
    line-height: 1.14;
    -webkit-line-clamp: 2;
}

.stv-sendung-episode-card__text {
    margin-top: 7px;
    max-width: 660px;
    font-size: 0.9rem;
    line-height: 1.4;
    -webkit-line-clamp: 2;
}

.stv-sendung-episodes__loader {
    margin-top: 16px;
    min-height: 42px;
    padding: 11px 18px;
    background: linear-gradient(155deg, var(--stv-lime-1) 0%, var(--stv-lime-2) 58%, var(--stv-lime-3) 100%);
    color: #263312;
    box-shadow: var(--stv-shadow-lime);
}

.stv-sendung-episodes__loader.is-complete {
    display: none !important;
}

.stv-sendung-episodes__archive-link {
    display: none !important;
}

@media (max-width: 1079px) {
    .stv-sendung-hero__logo {
        max-width: min(78vw, 620px);
        max-height: clamp(170px, 28vw, 310px);
    }

    .stv-sendung-featured-episode__link {
        grid-template-columns: minmax(0, 1.45fr) minmax(280px, 0.85fr);
        min-height: 350px;
    }

    .stv-sendung-featured-episode__image-wrap img,
    .stv-sendung-featured-episode__image-placeholder {
        min-height: 350px;
    }

    .stv-sendung-episode-card__link {
        grid-template-columns: 190px minmax(0, 1fr);
        min-height: 112px;
    }

    .stv-sendung-episode-card__image-wrap img,
    .stv-sendung-episode-card__image-placeholder {
        min-height: 112px;
    }
}

@media (max-width: 589px) {
    .stv-sendung-hero__logo {
        max-width: min(88vw, 380px);
        max-height: 180px;
    }

    .stv-sendung-intro {
        margin-top: -34px;
    }

    .stv-sendung-featured-episode__link {
        min-height: 0;
    }

    .stv-sendung-featured-episode__image-wrap img,
    .stv-sendung-featured-episode__image-placeholder {
        min-height: 0;
    }

    .stv-sendung-episode-grid {
        gap: 9px;
    }

    .stv-sendung-episode-card__link {
        grid-template-columns: 112px minmax(0, 1fr);
        min-height: 88px;
        border-radius: 15px;
    }

    .stv-sendung-episode-card__image-wrap {
        border-radius: 15px 0 0 15px;
    }

    .stv-sendung-episode-card__image-wrap img,
    .stv-sendung-episode-card__image-placeholder {
        min-height: 88px;
    }

    .stv-sendung-episode-card__content {
        padding: 10px 11px 11px;
    }

    .stv-sendung-episode-card__date {
        margin-bottom: 4px;
        font-size: 0.72rem;
    }

    .stv-sendung-episode-card__title {
        font-size: 0.92rem;
        line-height: 1.12;
        -webkit-line-clamp: 2;
    }

    .stv-sendung-episode-card__text {
        display: none !important;
    }
}


/* =========================
   SENDUNGS-LANDINGPAGE: BREITE / SCHRIFT / BILDER
   - max. Inhaltsbreite 1080px
   - groessere Typografie
   - Info-Block rechts, schmaler und hoeher
   - Design-Rechtecke ohne Rotation und ohne Transparenz
   - Featured-Bild kleiner und nicht kuenstlich aufgeblasen
========================= */
.stv-sendung-page {
    background: #ffffff;
}

.stv-sendung-hero__inner,
.stv-sendung-layout {
    width: min(100% - 32px, 1080px) !important;
    max-width: 1080px !important;
}

.stv-sendung-hero__logo {
    max-width: min(82vw, 860px) !important;
    max-height: clamp(230px, 29vw, 440px) !important;
}

.stv-sendung-intro {
    width: min(100%, 560px) !important;
    min-height: 245px !important;
    margin: -78px 46px 42px auto !important;
    transform: none !important;
    border-radius: 30px !important;
}

.stv-sendung-intro::before {
    right: -26px !important;
    top: -24px !important;
    width: 76px !important;
    height: 76px !important;
    border-radius: 22px !important;
    background: linear-gradient(160deg, #2fa43a 0%, #1c7a2d 48%, #0a4b1f 100%) !important;
    opacity: 1 !important;
    transform: none !important;
}

.stv-sendung-intro::after {
    right: 54px !important;
    bottom: -31px !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 14px !important;
    background: linear-gradient(155deg, var(--stv-lime-1) 0%, var(--stv-lime-2) 62%, var(--stv-lime-3) 100%) !important;
    opacity: 1 !important;
    transform: none !important;
}

.stv-sendung-intro__body {
    padding: 34px 38px 72px !important;
}

.stv-sendung-intro__body h1,
.stv-sendung-intro__body h2,
.stv-sendung-intro__body h3,
.stv-sendung-intro__body h4,
.stv-sendung-intro__body h5,
.stv-sendung-intro__body h6 {
    font-size: clamp(2.05rem, 2.85vw, 3.25rem) !important;
    line-height: 0.98 !important;
    letter-spacing: -0.045em !important;
    font-weight: 700 !important;
}

.stv-sendung-intro__body p,
.stv-sendung-intro__body li {
    font-size: 1.24rem !important;
    line-height: 1.48 !important;
}

.stv-sendung-intro__action {
    right: 36px !important;
    bottom: -27px !important;
}

.stv-sendung-intro__action button,
.stv-sendung-intro__action .btn,
.stv-sendung-intro__action a.btn,
.stv-sendung-intro__action input[type="submit"] {
    min-height: 56px !important;
    padding: 15px 30px !important;
    font-size: 1.08rem !important;
}

.stv-sendung-episodes {
    width: min(100%, 1080px) !important;
    max-width: 1080px !important;
    padding: 32px 34px 36px !important;
    border-radius: 34px !important;
}

.stv-sendung-episodes::before {
    top: 24px !important;
    right: 30px !important;
    width: 78px !important;
    height: 78px !important;
    border-radius: 22px !important;
    background: linear-gradient(155deg, var(--stv-lime-1) 0%, var(--stv-lime-2) 62%, var(--stv-lime-3) 100%) !important;
    opacity: 1 !important;
    transform: none !important;
}

.stv-sendung-episodes::after {
    right: 118px !important;
    top: 110px !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 10px !important;
    background: #2fa43a !important;
    opacity: 1 !important;
    transform: none !important;
}

.stv-sendung-episodes__header {
    padding-right: 128px !important;
    margin-bottom: 24px !important;
}

.stv-sendung-episodes__title {
    font-size: clamp(2.15rem, 3.1vw, 3.65rem) !important;
    line-height: 0.96 !important;
    letter-spacing: -0.055em !important;
    font-weight: 700 !important;
}

.stv-sendung-featured-episode__link {
    grid-template-columns: 360px minmax(0, 1fr) !important;
    min-height: 270px !important;
    border-radius: 28px !important;
}

.stv-sendung-featured-episode__image-wrap img,
.stv-sendung-featured-episode__image-placeholder {
    min-height: 270px !important;
    height: 100% !important;
    object-fit: cover !important;
}

.stv-sendung-featured-episode__content {
    padding: 32px 38px 34px !important;
}

.stv-sendung-featured-episode__eyebrow {
    font-size: 0.9rem !important;
    padding: 8px 14px !important;
}

.stv-sendung-featured-episode__date {
    font-size: 1.02rem !important;
}

.stv-sendung-featured-episode__title {
    font-size: clamp(2.05rem, 3vw, 3.25rem) !important;
    line-height: 0.98 !important;
    letter-spacing: -0.052em !important;
}

.stv-sendung-featured-episode__text {
    max-width: 560px !important;
    font-size: 1.12rem !important;
    line-height: 1.46 !important;
}

.stv-sendung-episode-grid {
    gap: 12px !important;
}

.stv-sendung-episode-card__link {
    grid-template-columns: 240px minmax(0, 1fr) !important;
    min-height: 138px !important;
    border-radius: 20px !important;
}

.stv-sendung-episode-card__image-wrap {
    border-radius: 20px 0 0 20px !important;
}

.stv-sendung-episode-card__image-wrap img,
.stv-sendung-episode-card__image-placeholder {
    min-height: 138px !important;
}

.stv-sendung-episode-card__content {
    padding: 18px 24px 19px !important;
}

.stv-sendung-episode-card__date {
    font-size: 0.9rem !important;
}

.stv-sendung-episode-card__title {
    font-size: clamp(1.28rem, 1.75vw, 1.72rem) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.03em !important;
}

.stv-sendung-episode-card__text {
    max-width: 700px !important;
    font-size: 1.02rem !important;
    line-height: 1.42 !important;
}

@media (min-width: 1080px) {
    .stv-sendung-layout {
        margin-bottom: 64px !important;
    }
}

@media (max-width: 1079px) {
    .stv-sendung-hero__inner,
    .stv-sendung-layout {
        width: min(100% - 24px, 1080px) !important;
    }

    .stv-sendung-hero__logo {
        max-width: min(82vw, 650px) !important;
        max-height: clamp(190px, 28vw, 340px) !important;
    }

    .stv-sendung-intro {
        width: min(100%, 560px) !important;
        min-height: 220px !important;
        margin: -58px 24px 40px auto !important;
    }

    .stv-sendung-intro__body {
        padding: 28px 30px 68px !important;
    }

    .stv-sendung-intro__body h1,
    .stv-sendung-intro__body h2,
    .stv-sendung-intro__body h3,
    .stv-sendung-intro__body h4,
    .stv-sendung-intro__body h5,
    .stv-sendung-intro__body h6 {
        font-size: clamp(1.85rem, 4vw, 2.7rem) !important;
    }

    .stv-sendung-intro__body p,
    .stv-sendung-intro__body li {
        font-size: 1.14rem !important;
        line-height: 1.5 !important;
    }

    .stv-sendung-featured-episode__link {
        grid-template-columns: 320px minmax(0, 1fr) !important;
        min-height: 250px !important;
    }

    .stv-sendung-featured-episode__image-wrap img,
    .stv-sendung-featured-episode__image-placeholder {
        min-height: 250px !important;
    }

    .stv-sendung-featured-episode__title {
        font-size: clamp(1.85rem, 3.7vw, 2.75rem) !important;
    }

    .stv-sendung-episode-card__link {
        grid-template-columns: 210px minmax(0, 1fr) !important;
        min-height: 126px !important;
    }

    .stv-sendung-episode-card__image-wrap img,
    .stv-sendung-episode-card__image-placeholder {
        min-height: 126px !important;
    }
}

@media (max-width: 589px) {
    .stv-sendung-hero__inner,
    .stv-sendung-layout {
        width: min(100% - 18px, 1080px) !important;
    }

    .stv-sendung-hero__logo {
        max-width: min(90vw, 390px) !important;
        max-height: 180px !important;
    }

    .stv-sendung-intro {
        width: 100% !important;
        min-height: 0 !important;
        margin: -36px 0 34px !important;
        border-radius: 20px !important;
    }

    .stv-sendung-intro::before,
    .stv-sendung-intro::after {
        display: none !important;
    }

    .stv-sendung-intro__body {
        padding: 20px 16px 62px !important;
    }

    .stv-sendung-intro__body h1,
    .stv-sendung-intro__body h2,
    .stv-sendung-intro__body h3,
    .stv-sendung-intro__body h4,
    .stv-sendung-intro__body h5,
    .stv-sendung-intro__body h6 {
        font-size: clamp(1.7rem, 8vw, 2.3rem) !important;
        line-height: 1.02 !important;
    }

    .stv-sendung-intro__body p,
    .stv-sendung-intro__body li {
        font-size: 1.06rem !important;
        line-height: 1.48 !important;
    }

    .stv-sendung-intro__action {
        left: 16px !important;
        right: 16px !important;
        bottom: -20px !important;
    }

    .stv-sendung-episodes {
        width: 100% !important;
        padding: 18px 14px 20px !important;
        border-radius: 20px !important;
    }

    .stv-sendung-episodes__title {
        font-size: clamp(1.85rem, 8vw, 2.6rem) !important;
    }

    .stv-sendung-featured-episode__link {
        display: flex !important;
        flex-direction: column !important;
        min-height: 0 !important;
    }

    .stv-sendung-featured-episode__image-wrap img,
    .stv-sendung-featured-episode__image-placeholder {
        min-height: 0 !important;
        height: auto !important;
        aspect-ratio: 16 / 9 !important;
    }

    .stv-sendung-featured-episode__content {
        padding: 21px 17px 23px !important;
    }

    .stv-sendung-featured-episode__title {
        font-size: 1.72rem !important;
        line-height: 1.03 !important;
    }

    .stv-sendung-featured-episode__text {
        font-size: 1rem !important;
    }

    .stv-sendung-episode-card__link {
        grid-template-columns: 118px minmax(0, 1fr) !important;
        min-height: 96px !important;
        border-radius: 16px !important;
    }

    .stv-sendung-episode-card__image-wrap {
        border-radius: 16px 0 0 16px !important;
    }

    .stv-sendung-episode-card__image-wrap img,
    .stv-sendung-episode-card__image-placeholder {
        min-height: 96px !important;
    }

    .stv-sendung-episode-card__content {
        padding: 12px 12px 13px !important;
    }

    .stv-sendung-episode-card__date {
        font-size: 0.74rem !important;
    }

    .stv-sendung-episode-card__title {
        font-size: 1rem !important;
        line-height: 1.1 !important;
    }
}

/* =========================
   SENDUNGS-LANDINGPAGE: LOGO / INFO / DESIGNBLOECKE
   - Sendungslogo deutlich groesser
   - Info-Schrift natuerlicher gesetzt
   - Designbloecke deckend, ungedreht, klar nach STV-Blockprinzip
   - Lime-Info und gruener Episodenblock ueberlappen sichtbar
========================= */
.stv-sendung-hero__media {
    height: clamp(430px, 47vw, 780px) !important;
}

.stv-sendung-hero__inner {
    width: min(100% - 32px, 1080px) !important;
    max-width: 1080px !important;
    padding-top: clamp(36px, 5vw, 72px) !important;
    padding-bottom: clamp(92px, 9vw, 150px) !important;
}

.stv-sendung-hero__logo {
    width: auto !important;
    max-width: min(94vw, 1040px) !important;
    max-height: clamp(330px, 39vw, 600px) !important;
    filter: drop-shadow(0 24px 42px rgba(0, 0, 0, 0.42)) !important;
}

.stv-sendung-layout {
    width: min(100% - 32px, 1080px) !important;
    max-width: 1080px !important;
    margin-top: 0 !important;
    margin-bottom: 64px !important;
    isolation: isolate !important;
}

.stv-sendung-layout::before,
.stv-sendung-layout::after {
    content: "";
    position: absolute;
    display: block;
    pointer-events: none;
    transform: none !important;
    opacity: 1 !important;
    z-index: 1;
}

.stv-sendung-layout::before {
    top: -49px;
    left: 36px;
    width: 112px;
    height: 112px;
    border-radius: 24px;
    background: linear-gradient(160deg, #2fa43a 0%, #1c7a2d 48%, #0a4b1f 100%);
    box-shadow: 0 18px 34px rgba(10, 55, 23, 0.16);
}

.stv-sendung-layout::after {
    top: 67px;
    left: 164px;
    width: 52px;
    height: 52px;
    border-radius: 16px;
    background: linear-gradient(155deg, var(--stv-lime-1) 0%, var(--stv-lime-2) 62%, var(--stv-lime-3) 100%);
    box-shadow: 0 12px 22px rgba(78, 109, 26, 0.18);
}

.stv-sendung-intro {
    position: relative !important;
    z-index: 5 !important;
    width: min(100%, 540px) !important;
    min-height: 295px !important;
    margin: -92px 58px -58px auto !important;
    transform: none !important;
    border-radius: 30px !important;
    background: linear-gradient(155deg, var(--stv-lime-1) 0%, var(--stv-lime-2) 55%, var(--stv-lime-3) 100%) !important;
    box-shadow: 0 24px 42px rgba(78, 109, 26, 0.26) !important;
}

.stv-sendung-intro::before,
.stv-sendung-intro::after {
    content: "";
    position: absolute;
    display: block !important;
    pointer-events: none;
    transform: none !important;
    opacity: 1 !important;
    z-index: -1 !important;
}

.stv-sendung-intro::before {
    right: -126px !important;
    top: -120px !important;
    width: 184px !important;
    height: 184px !important;
    border-radius: 48px !important;
    background: linear-gradient(160deg, #2fa43a 0%, #1c7a2d 48%, #0a4b1f 100%) !important;
    box-shadow: 0 18px 34px rgba(10, 55, 23, 0.16) !important;
}

.stv-sendung-intro::after {
    right: 76px !important;
    bottom: -34px !important;
    width: 46px !important;
    height: 46px !important;
    border-radius: 14px !important;
    background: linear-gradient(155deg, var(--stv-lime-1) 0%, var(--stv-lime-2) 62%, var(--stv-lime-3) 100%) !important;
    box-shadow: 0 12px 22px rgba(78, 109, 26, 0.18) !important;
}

.stv-sendung-intro__body {
    padding: 34px 63px 113px 38px !important;
}

.stv-sendung-intro__body,
.stv-sendung-intro__body div,
.stv-sendung-intro__body span,
.stv-sendung-intro__body p,
.stv-sendung-intro__body li,
.stv-sendung-intro__body a {
    color: #263312 !important;
    font-family: 'Lato', Arial, sans-serif !important;
    letter-spacing: 0 !important;
}

.stv-sendung-intro__body h1,
.stv-sendung-intro__body h2,
.stv-sendung-intro__body h3,
.stv-sendung-intro__body h4,
.stv-sendung-intro__body h5,
.stv-sendung-intro__body h6 {
    margin: 0 0 16px !important;
    color: #263312 !important;
    font-family: 'Poppins', Arial, sans-serif !important;
    font-size: clamp(1.82rem, 2.25vw, 2.55rem) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.025em !important;
    font-weight: 700 !important;
}

.stv-sendung-intro__body p,
.stv-sendung-intro__body li {
    margin-top: 0 !important;
    font-size: 1.12rem !important;
    line-height: 1.58 !important;
    font-weight: 400 !important;
    text-shadow: none !important;
}

.stv-sendung-intro__body p:last-child,
.stv-sendung-intro__body ul:last-child,
.stv-sendung-intro__body ol:last-child,
.stv-sendung-intro__body .ccm-block-content:last-child {
    margin-bottom: 0 !important;
}

.stv-sendung-intro__action {
    right: 34px !important;
    bottom: -28px !important;
    z-index: 6 !important;
}

.stv-sendung-intro__action button,
.stv-sendung-intro__action .btn,
.stv-sendung-intro__action a.btn,
.stv-sendung-intro__action input[type="submit"] {
    min-height: 56px !important;
    padding: 15px 30px !important;
    font-size: 1.04rem !important;
    letter-spacing: 0 !important;
}

.stv-sendung-episodes {
    position: relative !important;
    z-index: 3 !important;
    width: min(100%, 1080px) !important;
    max-width: 1080px !important;
    margin: 0 auto 0 !important;
    padding: 104px 34px 38px !important;
    border-radius: 34px !important;
    background: linear-gradient(160deg, #2f9c37 0%, #1c782b 38%, #0d5320 70%, #063716 100%) !important;
    box-shadow: 0 24px 46px rgba(16, 44, 16, 0.20) !important;
    overflow: hidden !important;
}

.stv-sendung-episodes::before,
.stv-sendung-episodes::after {
    content: "";
    position: absolute;
    display: block !important;
    pointer-events: none;
    transform: none !important;
    opacity: 1 !important;
    z-index: 0 !important;
}

.stv-sendung-episodes::before {
    top: 28px !important;
    right: 34px !important;
    width: 96px !important;
    height: 96px !important;
    border-radius: 24px !important;
    background: linear-gradient(155deg, var(--stv-lime-1) 0%, var(--stv-lime-2) 62%, var(--stv-lime-3) 100%) !important;
    box-shadow: 0 12px 22px rgba(78, 109, 26, 0.18) !important;
}

.stv-sendung-episodes::after {
    top: 136px !important;
    right: 146px !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 10px !important;
    background: #2fa43a !important;
    box-shadow: 0 12px 22px rgba(10, 55, 23, 0.16) !important;
}

.stv-sendung-episodes__header,
.stv-sendung-episode-list,
.stv-sendung-episodes__loader {
    position: relative !important;
    z-index: 2 !important;
}

.stv-sendung-episodes__header {
    padding-right: 150px !important;
    margin-bottom: 28px !important;
}

.stv-sendung-episodes__title {
    font-size: clamp(2.25rem, 3.2vw, 3.65rem) !important;
    line-height: 0.98 !important;
    letter-spacing: -0.045em !important;
}

.stv-sendung-featured-episode__link {
    grid-template-columns: 330px minmax(0, 1fr) !important;
    min-height: 252px !important;
}

.stv-sendung-featured-episode__image-wrap img,
.stv-sendung-featured-episode__image-placeholder {
    min-height: 252px !important;
}

.stv-sendung-featured-episode__title {
    font-size: clamp(1.95rem, 2.65vw, 3.05rem) !important;
    line-height: 1.02 !important;
}

.stv-sendung-episode-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

.stv-sendung-episode-card__link {
    display: grid !important;
    grid-template-columns: 232px minmax(0, 1fr) !important;
    min-height: 132px !important;
    background: linear-gradient(90deg, #155e25 0%, #0c451c 100%) !important;
    border: 1px solid #2b8534 !important;
}

.stv-sendung-episode-card__link:hover,
.stv-sendung-episode-card__link:focus {
    background: linear-gradient(90deg, #1b702c 0%, #0e5121 100%) !important;
}

@media (max-width: 1079px) {
    .stv-sendung-hero__media {
        height: clamp(360px, 48vw, 620px) !important;
    }

    .stv-sendung-hero__logo {
        max-width: min(94vw, 820px) !important;
        max-height: clamp(260px, 38vw, 460px) !important;
    }

    .stv-sendung-layout::before {
        left: 24px;
        width: 88px;
        height: 88px;
        border-radius: 22px;
    }

    .stv-sendung-layout::after {
        left: 126px;
        width: 42px;
        height: 42px;
        border-radius: 14px;
    }

    .stv-sendung-intro {
        width: min(100%, 540px) !important;
        min-height: 270px !important;
        margin: -70px 24px -44px auto !important;
    }

    .stv-sendung-intro__body {
        padding: 30px 55px 107px 30px !important;
    }

    .stv-sendung-episodes {
        padding: 88px 24px 30px !important;
    }

    .stv-sendung-featured-episode__link {
        grid-template-columns: 290px minmax(0, 1fr) !important;
        min-height: 236px !important;
    }

    .stv-sendung-featured-episode__image-wrap img,
    .stv-sendung-featured-episode__image-placeholder {
        min-height: 236px !important;
    }
}

@media (max-width: 589px) {
    .stv-sendung-hero__media {
        height: clamp(260px, 70vw, 360px) !important;
    }

    .stv-sendung-hero__inner,
    .stv-sendung-layout {
        width: min(100% - 18px, 1080px) !important;
    }

    .stv-sendung-hero__logo {
        max-width: min(96vw, 520px) !important;
        max-height: 250px !important;
    }

    .stv-sendung-layout::before,
    .stv-sendung-layout::after {
        display: none !important;
    }

    .stv-sendung-intro {
        width: 100% !important;
        min-height: 0 !important;
        margin: -34px 0 -24px !important;
        border-radius: 20px !important;
    }

    .stv-sendung-intro::before,
    .stv-sendung-intro::after {
        display: none !important;
    }

    .stv-sendung-intro__body {
        padding: 22px 41px 95px 16px !important;
    }

    .stv-sendung-intro__body h1,
    .stv-sendung-intro__body h2,
    .stv-sendung-intro__body h3,
    .stv-sendung-intro__body h4,
    .stv-sendung-intro__body h5,
    .stv-sendung-intro__body h6 {
        font-size: clamp(1.62rem, 7.4vw, 2.2rem) !important;
        line-height: 1.08 !important;
    }

    .stv-sendung-intro__body p,
    .stv-sendung-intro__body li {
        font-size: 1.02rem !important;
        line-height: 1.54 !important;
    }

    .stv-sendung-intro__action {
        left: 16px !important;
        right: 16px !important;
        bottom: -20px !important;
    }

    .stv-sendung-episodes {
        padding: 54px 14px 22px !important;
        border-radius: 20px !important;
    }

    .stv-sendung-episodes::before,
    .stv-sendung-episodes::after {
        display: none !important;
    }

    .stv-sendung-episodes__header {
        padding-right: 0 !important;
        margin-bottom: 18px !important;
    }

    .stv-sendung-featured-episode__link {
        display: flex !important;
        flex-direction: column !important;
        min-height: 0 !important;
    }

    .stv-sendung-featured-episode__image-wrap img,
    .stv-sendung-featured-episode__image-placeholder {
        min-height: 0 !important;
        height: auto !important;
        aspect-ratio: 16 / 9 !important;
    }

    .stv-sendung-episode-card__link {
        grid-template-columns: 112px minmax(0, 1fr) !important;
        min-height: 92px !important;
    }
}

/* =========================
   SENDUNGS-LANDINGPAGE: BLOCK-POSITION-KORREKTUR
   - Lime-Info unten 25px nach oben
   - Gruener Hauptblock 50px nach oben
   - rechtes grosses gruenes Design-Rechteck 1/3 kleiner
     bei gleicher linker Kante und gleicher Unterkante
========================= */
.stv-sendung-intro {
    min-height: 270px !important;
}

.stv-sendung-intro__body {
    padding: 34px 63px 88px 38px !important;
}

.stv-sendung-intro::before {
    right: -65px !important;
    top: -59px !important;
    width: 123px !important;
    height: 123px !important;
    border-radius: 32px !important;
}

.stv-sendung-episodes {
    margin: -50px auto 0 !important;
}

@media (max-width: 1079px) {
    .stv-sendung-intro {
        min-height: 245px !important;
    }

    .stv-sendung-intro__body {
        padding: 30px 55px 82px 30px !important;
    }

    .stv-sendung-episodes {
        margin: -50px auto 0 !important;
    }
}

@media (max-width: 589px) {
    .stv-sendung-intro__body {
        padding: 22px 41px 70px 16px !important;
    }

    .stv-sendung-episodes {
        margin: -50px auto 0 !important;
    }
}

/* =========================
   SENDUNGS-LANDINGPAGE: ADS + INFO-FEINKORREKTUR
   - Info-Block hoehenbasiert nach Textmenge
   - Folgen-Button ueberlappt den Info-Block halb
   - Patronanz unter_headline zwischen Info und Episoden
   - Sticky left/right und Bottom-Slot fuer Sendungsseiten
   - Typografie weniger massiv
========================= */
.stv-sendung-intro {
    min-height: 0 !important;
    margin: -78px 58px -28px auto !important;
}

.stv-sendung-intro__body {
    padding: 26px 58px 52px 34px !important;
}

.stv-sendung-intro__body h1,
.stv-sendung-intro__body h2,
.stv-sendung-intro__body h3,
.stv-sendung-intro__body h4,
.stv-sendung-intro__body h5,
.stv-sendung-intro__body h6 {
    margin-bottom: 12px !important;
    font-size: clamp(1.52rem, 1.86vw, 2.08rem) !important;
    line-height: 1.1 !important;
    letter-spacing: -0.025em !important;
    font-weight: 600 !important;
}

.stv-sendung-intro__body p,
.stv-sendung-intro__body li {
    font-size: 1.02rem !important;
    line-height: 1.56 !important;
    font-weight: 400 !important;
}

.stv-sendung-intro__action {
    right: 32px !important;
    bottom: -24px !important;
}

.stv-sendung-intro__action button,
.stv-sendung-intro__action .btn,
.stv-sendung-intro__action a.btn,
.stv-sendung-intro__action input[type="submit"] {
    min-height: 48px !important;
    padding: 12px 24px !important;
    font-size: 0.96rem !important;
    font-weight: 700 !important;
}

.stv-sendung-episodes {
    margin: -26px auto 0 !important;
    padding-top: 78px !important;
}

.stv-sendung-episodes__title {
    font-weight: 600 !important;
}

.stv-sendung-featured-episode__eyebrow,
.stv-sendung-featured-episode__date,
.stv-sendung-episode-card__date {
    font-weight: 600 !important;
}

.stv-sendung-featured-episode__title,
.stv-sendung-episode-card__title {
    font-weight: 600 !important;
}

.stv-sendung-featured-episode__text,
.stv-sendung-episode-card__text {
    font-weight: 400 !important;
}

.stv-ad-frame__label,
.stv-sendung-patronage-ad .stv-ad-frame__label,
.stv-sendung-bottom-ad .stv-ad-frame__label,
.stv-sendung-desktop-sticky-ad .stv-ad-frame__label {
    display: none;
    margin: 0 0 6px;
    color: rgba(38, 51, 18, 0.72);
    font-family: 'Poppins', Arial, sans-serif;
    font-size: 0.72rem;
    line-height: 1.1;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.stv-ad-frame.is-ready > .stv-ad-frame__label,
.stv-sendung-patronage-ad.is-ready > .stv-ad-frame__label,
.stv-sendung-bottom-ad.is-ready > .stv-ad-frame__label,
.stv-sendung-desktop-sticky-ad.is-ready > .stv-ad-frame__label {
    display: block;
}

.stv-sendung-patronage-ad {
    display: block !important;
    position: relative;
    z-index: 4;
    width: min(100%, 760px);
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: none;
}

.stv-sendung-patronage-ad.is-ready {
    height: auto !important;
    max-height: none !important;
    margin: 42px auto 18px !important;
    overflow: visible !important;
    pointer-events: auto;
}

.stv-sendung-patronage-ad__inner,
.stv-sendung-patronage-ad .stv-gam-ad-slot,
.stv-sendung-patronage-ad .stv-gam-ad-slot__container,
.stv-sendung-patronage-ad .stv-google-ad-slot,
.stv-sendung-patronage-ad .stv-google-ad-slot__container,
.stv-sendung-patronage-ad iframe,
.stv-sendung-patronage-ad img,
.stv-sendung-patronage-ad object,
.stv-sendung-patronage-ad embed {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

.stv-sendung-patronage-ad.is-ready + .stv-sendung-episodes {
    margin-top: 0 !important;
    padding-top: 44px !important;
}

.stv-sendung-desktop-sticky-ads {
    display: none;
}

@media (min-width: 1420px) {
    .stv-sendung-desktop-sticky-ads {
        display: block;
    }

    .stv-sendung-desktop-sticky-ad {
        position: fixed;
        top: 240px;
        z-index: 12;
        width: clamp(140px, calc(((100vw - 1080px) / 2) - 40px), 220px);
        max-width: 220px;
        min-width: 140px;
    }

    .stv-sendung-desktop-sticky-ad--left {
        right: calc(50% + 540px + 32px);
    }

    .stv-sendung-desktop-sticky-ad--right {
        left: calc(50% + 540px + 0px);
    }

    .stv-sendung-desktop-sticky-ad__inner {
        width: 100%;
        max-width: 220px;
        min-width: 0;
    }

    .stv-sendung-desktop-sticky-ad--left .stv-sendung-desktop-sticky-ad__inner,
    .stv-sendung-desktop-sticky-ad--left .stv-gam-ad-slot__container {
        display: flex !important;
        justify-content: flex-end !important;
    }

    .stv-sendung-desktop-sticky-ad--left .stv-gam-ad-slot,
    .stv-sendung-desktop-sticky-ad--left .stv-gam-ad-slot__container {
        margin-left: auto !important;
        margin-right: 0 !important;
        text-align: right !important;
    }

    .stv-sendung-desktop-sticky-ad__inner .stv-google-ad-slot,
    .stv-sendung-desktop-sticky-ad__inner .stv-google-ad-slot__inner,
    .stv-sendung-desktop-sticky-ad__inner .stv-gam-ad-slot,
    .stv-sendung-desktop-sticky-ad__inner .stv-gam-ad-slot__container,
    .stv-sendung-desktop-sticky-ad__inner .adsbygoogle,
    .stv-sendung-desktop-sticky-ad__inner ins.adsbygoogle {
        width: 100% !important;
        max-width: 220px !important;
        min-width: 0 !important;
    }
}

@media (min-width: 1224px) and (max-width: 1419px) {
    .stv-sendung-desktop-sticky-ads {
        display: block;
    }

    .stv-sendung-desktop-sticky-ad {
        display: none !important;
    }

    .stv-sendung-desktop-sticky-ad--right {
        display: block !important;
        position: fixed;
        top: 240px;
        right: -12px;
        z-index: 12;
        width: clamp(120px, calc(100vw - 1104px), 220px);
        max-width: 220px;
        min-width: 120px;
    }

    .stv-sendung-desktop-sticky-ad--right .stv-sendung-desktop-sticky-ad__inner,
    .stv-sendung-desktop-sticky-ad--right .stv-google-ad-slot,
    .stv-sendung-desktop-sticky-ad--right .stv-google-ad-slot__inner,
    .stv-sendung-desktop-sticky-ad--right .stv-gam-ad-slot,
    .stv-sendung-desktop-sticky-ad--right .stv-gam-ad-slot__container,
    .stv-sendung-desktop-sticky-ad--right .adsbygoogle,
    .stv-sendung-desktop-sticky-ad--right ins.adsbygoogle {
        width: 100% !important;
        max-width: 220px !important;
        min-width: 0 !important;
    }
}

@media (max-width: 1223px) {
    .stv-sendung-desktop-sticky-ads,
    .stv-sendung-desktop-sticky-ad {
        display: none !important;
    }
}

.stv-sendung-bottom-ad {
    display: block !important;
    width: min(100% - 32px, 1080px);
    max-width: 1080px;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: none;
}

.stv-sendung-bottom-ad.is-ready {
    height: auto !important;
    max-height: none !important;
    margin: -34px auto 48px !important;
    overflow: visible !important;
    pointer-events: auto;
}

.stv-sendung-bottom-ad__inner,
.stv-sendung-bottom-ad .stv-gam-ad-slot,
.stv-sendung-bottom-ad .stv-gam-ad-slot__container,
.stv-sendung-bottom-ad .stv-google-ad-slot,
.stv-sendung-bottom-ad .stv-google-ad-slot__container,
.stv-sendung-bottom-ad .stv-google-slot,
.stv-sendung-bottom-ad .stv-google-slot__inner,
.stv-sendung-bottom-ad .adsbygoogle,
.stv-sendung-bottom-ad ins.adsbygoogle {
    display: block !important;
    width: 100% !important;
    max-width: 1080px !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

@media (max-width: 1079px) {
    .stv-sendung-intro {
        min-height: 0 !important;
        margin: -58px 24px -20px auto !important;
    }

    .stv-sendung-intro__body {
        padding: 24px 48px 50px 28px !important;
    }

    .stv-sendung-intro__body h1,
    .stv-sendung-intro__body h2,
    .stv-sendung-intro__body h3,
    .stv-sendung-intro__body h4,
    .stv-sendung-intro__body h5,
    .stv-sendung-intro__body h6 {
        font-size: clamp(1.42rem, 3.2vw, 1.96rem) !important;
        font-weight: 600 !important;
    }

    .stv-sendung-intro__body p,
    .stv-sendung-intro__body li {
        font-size: 1rem !important;
        line-height: 1.54 !important;
    }

    .stv-sendung-episodes {
        margin-top: -22px !important;
        padding-top: 66px !important;
    }

    .stv-sendung-patronage-ad.is-ready {
        width: min(100%, 720px);
        margin: 36px auto 14px !important;
    }

    .stv-sendung-patronage-ad.is-ready + .stv-sendung-episodes {
        padding-top: 36px !important;
    }
}

@media (max-width: 589px) {
    .stv-sendung-intro {
        margin: -34px 0 -18px !important;
    }

    .stv-sendung-intro__body {
        padding: 18px 16px 48px !important;
    }

    .stv-sendung-intro__body h1,
    .stv-sendung-intro__body h2,
    .stv-sendung-intro__body h3,
    .stv-sendung-intro__body h4,
    .stv-sendung-intro__body h5,
    .stv-sendung-intro__body h6 {
        font-size: clamp(1.36rem, 6.3vw, 1.82rem) !important;
        line-height: 1.08 !important;
    }

    .stv-sendung-intro__body p,
    .stv-sendung-intro__body li {
        font-size: 0.98rem !important;
        line-height: 1.5 !important;
    }

    .stv-sendung-intro__action {
        left: 16px !important;
        right: 16px !important;
        bottom: -19px !important;
    }

    .stv-sendung-episodes {
        margin-top: -16px !important;
        padding-top: 48px !important;
    }

    .stv-sendung-patronage-ad.is-ready {
        width: 100%;
        margin: 30px auto 12px !important;
    }

    .stv-sendung-patronage-ad.is-ready + .stv-sendung-episodes {
        padding-top: 30px !important;
    }

    .stv-sendung-bottom-ad {
        width: min(100% - 18px, 1080px);
    }

    .stv-sendung-bottom-ad.is-ready {
        margin: -18px auto 28px !important;
    }
}

/* =========================
   SENDUNGS-LANDINGPAGE: STICKY-/INFO-BLOCK-KORREKTUR
   - Sticky-Banner erst nach dem Hero sichtbar
   - kleines Lime-Rechteck sichtbar ueber gruenem Episodenhintergrund
   - Folgen-Button nur halb im Lime-Block
   - rechter Info-Block auf Desktop rechts schmaeler mit mehr Abstand zum Sticky-Banner
========================= */
.stv-sendung-layout::after {
    top: 112px !important;
    z-index: 6 !important;
}

.stv-sendung-intro__action {
    bottom: 0 !important;
    transform: translateY(50%) !important;
}

@media (min-width: 1080px) {
    .stv-sendung-intro {
        width: min(100%, 505px) !important;
        margin-right: 93px !important;
    }
}

@media (min-width: 1224px) {
    .stv-sendung-desktop-sticky-ad {
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        transition: opacity 0.18s ease, visibility 0.18s ease;
    }

    .stv-sendung-desktop-sticky-ads.is-after-hero .stv-sendung-desktop-sticky-ad {
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }
}

@media (min-width: 1420px) {
    .stv-sendung-desktop-sticky-ad {
        top: 128px !important;
    }
}

@media (min-width: 1224px) and (max-width: 1419px) {
    .stv-sendung-desktop-sticky-ad--right {
        top: 128px !important;
    }
}

/* =========================
   SENDUNGS-LANDINGPAGE: HAUPTBLOCK RECHTS 35PX SCHMAELER
   - nur Desktop
   - linke Kante des gruenen Episodenblocks bleibt stabil
   - rechte Kante rueckt 35px nach links
   - Sticky, Hero, Info-Block, Werbung und Lazy Loading bleiben unveraendert
========================= */
@media (min-width: 1080px) {
    .stv-sendung-episodes {
        width: calc(100% - 35px) !important;
        max-width: 1045px !important;
        margin-left: 0 !important;
        margin-right: auto !important;
    }
}

/* =========================
   SENDUNGS-LANDINGPAGE: DESIGNRECHTECKE UND SCHRIFTKORREKTUR
   - Design-Rechtecke ruhiger und als geordnete Block-Komposition
   - keine Rotation, keine Transparenz
   - Headline "Aktuelle Episoden" und Featured-Headline weniger massiv
========================= */
@media (min-width: 590px) {
    .stv-sendung-layout::before,
    .stv-sendung-layout::after {
        display: none !important;
    }

    .stv-sendung-intro::before {
        right: -58px !important;
        top: -58px !important;
        width: 116px !important;
        height: 116px !important;
        border-radius: 28px !important;
        background: linear-gradient(160deg, #2fa43a 0%, #1c7a2d 48%, #0a4b1f 100%) !important;
        box-shadow: 0 18px 34px rgba(10, 55, 23, 0.16) !important;
        opacity: 1 !important;
        transform: none !important;
        z-index: -1 !important;
    }

    .stv-sendung-intro::after {
        right: 24px !important;
        bottom: -27px !important;
        width: 54px !important;
        height: 54px !important;
        border-radius: 16px !important;
        background: linear-gradient(155deg, var(--stv-lime-1) 0%, var(--stv-lime-2) 62%, var(--stv-lime-3) 100%) !important;
        box-shadow: 0 12px 22px rgba(78, 109, 26, 0.18) !important;
        opacity: 1 !important;
        transform: none !important;
        z-index: 2 !important;
    }

    .stv-sendung-episodes::before {
        top: 28px !important;
        right: 28px !important;
        width: 92px !important;
        height: 92px !important;
        border-radius: 24px !important;
        background: linear-gradient(155deg, var(--stv-lime-1) 0%, var(--stv-lime-2) 62%, var(--stv-lime-3) 100%) !important;
        box-shadow: 0 14px 24px rgba(78, 109, 26, 0.20) !important;
        opacity: 1 !important;
        transform: none !important;
        z-index: 1 !important;
    }

    .stv-sendung-episodes::after {
        top: 96px !important;
        right: 106px !important;
        width: 34px !important;
        height: 34px !important;
        border-radius: 10px !important;
        background: #2fa43a !important;
        box-shadow: 0 12px 22px rgba(10, 55, 23, 0.16) !important;
        opacity: 1 !important;
        transform: none !important;
        z-index: 1 !important;
    }

    .stv-sendung-episodes__header {
        padding-right: 144px !important;
    }

    .stv-sendung-episodes__title {
        font-size: clamp(1.9rem, 2.6vw, 3rem) !important;
        line-height: 1.03 !important;
        letter-spacing: -0.035em !important;
        font-weight: 600 !important;
    }

    .stv-sendung-featured-episode__title {
        font-size: clamp(1.62rem, 2.25vw, 2.55rem) !important;
        line-height: 1.05 !important;
        letter-spacing: -0.035em !important;
        font-weight: 600 !important;
    }
}

@media (max-width: 589px) {
    .stv-sendung-episodes__title {
        font-size: clamp(1.55rem, 6.8vw, 2.15rem) !important;
        line-height: 1.06 !important;
        letter-spacing: -0.03em !important;
        font-weight: 600 !important;
    }

    .stv-sendung-featured-episode__title {
        font-size: 1.42rem !important;
        line-height: 1.08 !important;
        letter-spacing: -0.025em !important;
        font-weight: 600 !important;
    }
}

/* =========================
   SENDUNGS-LANDINGPAGE: BUTTON / DESIGNRECHTECK-KORREKTUR
   - kleines limefarbenes Design-Rechteck unter dem Folgen-Button entfernen
   - Folgen-Button 15px nach unten setzen
   - Patronanz-Position, Lazy Loading und Werbung bleiben unveraendert
========================= */
.stv-sendung-intro::after {
    display: none !important;
}

.stv-sendung-intro__action {
    bottom: -15px !important;
}

/* =========================
   SENDUNGS-LANDINGPAGE: PATRONANZ-BANNER LINKSBUNDIG
   - Banner linksbuendig mit dem gruenen Hauptblock
   - keine Aenderung an Sticky, Hero, Info-Block oder Lazy Loading
========================= */
@media (min-width: 1080px) {
    .stv-sendung-patronage-ad,
    .stv-sendung-patronage-ad.is-ready {
        width: min(100%, 828px) !important;
        max-width: 828px !important;
        margin-left: 0 !important;
        margin-right: auto !important;
    }

    .stv-sendung-patronage-ad__inner,
    .stv-sendung-patronage-ad .stv-gam-ad-slot,
    .stv-sendung-patronage-ad .stv-gam-ad-slot__container,
    .stv-sendung-patronage-ad .stv-google-ad-slot,
    .stv-sendung-patronage-ad .stv-google-ad-slot__container {
        width: 100% !important;
        max-width: 828px !important;
        margin-left: 0 !important;
        margin-right: auto !important;
    }
}

/* =========================
   SENDUNGS-LANDINGPAGE: FEINPOSITION INFO / PATRONANZ / SCHRIFT
   - Web-Ansicht: Info-Block samt Designrechteck und Folgen-Button 65px nach oben
   - Patronanz-Banner im Verhaeltnis dazu 20px nach oben
   - kleines gruenes Design-Rechteck im Hauptblock 45px nach oben und 25px nach links
   - Web-Schriften bei "Aktuelle Episoden" und Featured-Headline kleiner
   - Mobilansicht bleibt unveraendert
========================= */
@media (min-width: 1080px) {
    .stv-sendung-intro {
        margin-top: -143px !important;
    }

    .stv-sendung-patronage-ad.is-ready {
        margin-top: 22px !important;
    }

    .stv-sendung-episodes::after {
        top: 51px !important;
        right: 131px !important;
    }

    .stv-sendung-episodes__title {
        font-size: clamp(1.62rem, 2.1vw, 2.35rem) !important;
        line-height: 1.05 !important;
        letter-spacing: -0.03em !important;
        font-weight: 600 !important;
    }

    .stv-sendung-featured-episode__title {
        font-size: clamp(1.38rem, 1.85vw, 2.1rem) !important;
        line-height: 1.08 !important;
        letter-spacing: -0.028em !important;
        font-weight: 600 !important;
    }
}

/* =========================
   SENDUNGS-LANDINGPAGE: HERO-LIME-RECHTECKE UND HAUPTBLOCK-FEINPOSITION
   - kleines gruenes Design-Rechteck im Hauptblock weitere 5px nach oben
   - zwei neue limefarbene Design-Rechtecke beim grossen gruenen Hero-Rechteck
   - nur Web-Ansicht, Mobilansicht bleibt unveraendert
========================= */
@media (min-width: 1080px) {
    .stv-sendung-episodes::after {
        top: 46px !important;
    }

    .stv-sendung-intro__body::before,
    .stv-sendung-intro__body::after {
        content: "";
        position: absolute;
        display: block;
        width: 34px;
        height: 34px;
        border-radius: 10px;
        background: linear-gradient(155deg, var(--stv-lime-1) 0%, var(--stv-lime-2) 62%, var(--stv-lime-3) 100%);
        box-shadow: 0 12px 22px rgba(78, 109, 26, 0.18);
        pointer-events: none;
        transform: none !important;
        opacity: 1 !important;
        z-index: -1;
    }

    .stv-sendung-intro__body::before {
        top: -48px;
        right: -102px;
    }

    .stv-sendung-intro__body::after {
        top: -102px;
        right: -48px;
    }
}

/* =========================
   SENDUNGS-LANDINGPAGE: MOBIL HOCHFORMAT KORREKTUR
   - Button "Folgen abonnieren" darf die Episoden-Ueberschrift nicht ueberdecken
   - gruener Hintergrund bleibt unveraendert, nur Innenabstand nach oben groesser
   - Patronanz-Banner skaliert innerhalb der mobilen Seitenbreite
========================= */
@media (max-width: 589px) and (orientation: portrait) {
    .stv-sendung-episodes {
        padding-top: 82px !important;
    }

    .stv-sendung-patronage-ad,
    .stv-sendung-patronage-ad.is-ready {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    .stv-sendung-patronage-ad__inner,
    .stv-sendung-patronage-ad .stv-gam-ad-slot,
    .stv-sendung-patronage-ad .stv-gam-ad-slot__container,
    .stv-sendung-patronage-ad .stv-google-ad-slot,
    .stv-sendung-patronage-ad .stv-google-ad-slot__container,
    .stv-sendung-patronage-ad .stv-google-slot,
    .stv-sendung-patronage-ad .stv-google-slot__inner,
    .stv-sendung-patronage-ad .adsbygoogle,
    .stv-sendung-patronage-ad ins.adsbygoogle {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    .stv-sendung-patronage-ad iframe,
    .stv-sendung-patronage-ad img,
    .stv-sendung-patronage-ad object,
    .stv-sendung-patronage-ad embed {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }

    .stv-sendung-patronage-ad img {
        height: auto !important;
    }
}

/* =========================
   SENDUNGS-LANDINGPAGE: MOBIL HOCHFORMAT PATRONANZ NACH UNTEN
   - nur wenn der Patronanz-Banner sichtbar ist
   - Banner samt Label weiter nach unten, damit "Patronanz" nicht hinter dem Folgen-Button liegt
========================= */
@media (max-width: 589px) and (orientation: portrait) {
    .stv-sendung-patronage-ad.is-ready {
        margin: 56px auto 12px !important;
    }
}

/* =========================
   SENDUNGS-LANDINGPAGE: MOBIL HOCHFORMAT PUSH-BUTTON RECHTS
   - nur Mobil Hochformat
   - Button "Folgen abonnieren" deutlich weiter nach rechts
   - Push-Funktion und andere Ansichten bleiben unveraendert
========================= */
@media (max-width: 589px) and (orientation: portrait) {
    .stv-sendung-intro__action {
        left: auto !important;
        right: 16px !important;
        width: 64% !important;
        max-width: 250px !important;
        justify-content: flex-end !important;
    }

    .stv-sendung-intro__action button,
    .stv-sendung-intro__action .btn,
    .stv-sendung-intro__action a.btn,
    .stv-sendung-intro__action input[type="submit"] {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* =========================
   SENDUNGS-LANDINGPAGE: EPISODENLISTEN-GAM MITTIG
   - Werbung nach jeder 6. Episode
   - Slot bleibt innerhalb der Episodenliste zentriert
   - gilt fuer initiale und per AJAX nachgeladene Banner
========================= */
.stv-sendung-list-ad {
    width: 100% !important;
    margin: 14px auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    text-align: center !important;
}

.stv-sendung-list-ad__inner,
.stv-sendung-list-ad .stv-gam-ad-slot,
.stv-sendung-list-ad .stv-google-ad-slot,
.stv-sendung-list-ad .stv-gam-ad-slot__container,
.stv-sendung-list-ad .stv-google-ad-slot__container,
.stv-sendung-list-ad .stv-google-slot,
.stv-sendung-list-ad .stv-google-slot__inner,
.stv-sendung-list-ad .adsbygoogle,
.stv-sendung-list-ad ins.adsbygoogle {
    display: block !important;
    width: 100% !important;
    max-width: 960px !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

.stv-sendung-list-ad iframe,
.stv-sendung-list-ad img,
.stv-sendung-list-ad object,
.stv-sendung-list-ad embed {
    display: block !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

@media (max-width: 589px) and (orientation: portrait) {
    .stv-sendung-list-ad {
        margin: 12px auto !important;
    }

    .stv-sendung-list-ad__inner,
    .stv-sendung-list-ad .stv-gam-ad-slot,
    .stv-sendung-list-ad .stv-google-ad-slot,
    .stv-sendung-list-ad .stv-gam-ad-slot__container,
    .stv-sendung-list-ad .stv-google-ad-slot__container,
    .stv-sendung-list-ad .stv-google-slot,
    .stv-sendung-list-ad .stv-google-slot__inner,
    .stv-sendung-list-ad .adsbygoogle,
    .stv-sendung-list-ad ins.adsbygoogle {
        max-width: 320px !important;
    }
}