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

/* =========================
   INHALTSSEITEN: SLIDER WIE STARTSEITE
   - gilt nur fuer episode.php, episode_dabinidaham.php, beitrag.php und news.php
   - fachliche Access-, Link- und Bannerlogik bleibt in den Templates unveraendert
   - breite Overlay-Pfeile, harmonisierte Headline und Kartengroessen
========================= */
.stv-episode-third .stv-green-panel,
.stv-news-third .stv-green-panel,
.stv-beitrag-slider-panel {
    position: relative !important;
    overflow: visible !important;
}

.stv-episode-third .stv-slider-header,
.stv-news-third .stv-slider-header,
.stv-beitrag-slider-panel .stv-slider-header {
    position: relative !important;
    z-index: 8 !important;
    overflow: visible !important;
}

.stv-episode-third .stv-slider-header h2.stv-section-title,
.stv-episode-third .stv-slider-header .stv-section-title,
.stv-news-third .stv-slider-header h2.stv-section-title,
.stv-news-third .stv-slider-header .stv-section-title,
.stv-beitrag-slider-panel .stv-slider-header h2.stv-section-title,
.stv-beitrag-slider-panel .stv-slider-header .stv-section-title {
    font-size: clamp(1.62rem, 2.05vw, 2.4rem) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.03em !important;
    font-weight: 600 !important;
    margin: 0 !important;
}

.stv-episode-third .stv-third-slider-wrap,
.stv-news-third .stv-third-slider-wrap,
.stv-beitrag-slider-panel .stv-third-slider-wrap {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    overflow: hidden !important;
}

.stv-episode-third .stv-third-slider-wrap::before,
.stv-episode-third .stv-third-slider-wrap::after,
.stv-news-third .stv-third-slider-wrap::before,
.stv-news-third .stv-third-slider-wrap::after,
.stv-beitrag-slider-panel .stv-third-slider-wrap::before,
.stv-beitrag-slider-panel .stv-third-slider-wrap::after {
    display: none !important;
    content: none !important;
}

.stv-episode-third .stv-third-slider,
.stv-news-third .stv-third-slider,
.stv-beitrag-slider-panel .stv-third-slider {
    grid-auto-columns: 240px !important;
    gap: 16px !important;
    padding: 0 8px 8px 0 !important;
    scroll-padding-left: 0 !important;
}

.stv-episode-third .stv-third-slide,
.stv-news-third .stv-third-slide,
.stv-beitrag-slider-panel .stv-third-slide {
    border-radius: 20px !important;
    overflow: hidden !important;
}

.stv-episode-third .stv-third-slide__image,
.stv-news-third .stv-third-slide__image,
.stv-beitrag-slider-panel .stv-third-slide__image {
    overflow: hidden !important;
    border-radius: 20px 20px 0 0 !important;
}

.stv-episode-third .stv-third-slide__image img,
.stv-news-third .stv-third-slide__image img,
.stv-beitrag-slider-panel .stv-third-slide__image img {
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    object-fit: cover !important;
}

.stv-episode-third .stv-third-slide__content,
.stv-news-third .stv-third-slide__content,
.stv-beitrag-slider-panel .stv-third-slide__content {
    padding: 13px 13px 12px !important;
}

.stv-episode-third .stv-third-slide__title,
.stv-news-third .stv-third-slide__title,
.stv-beitrag-slider-panel .stv-third-slide__title {
    font-size: 1rem !important;
    line-height: 1.14 !important;
    font-weight: 600 !important;
    min-height: 2.28em !important;
    -webkit-line-clamp: 2 !important;
}

.stv-episode-third .stv-slider-header .stv-slider-controls,
.stv-news-third .stv-slider-header .stv-slider-controls,
.stv-beitrag-slider-panel .stv-slider-header .stv-slider-controls {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: var(--stv-content-slider-overlay-top, 64px) !important;
    bottom: auto !important;
    z-index: 260 !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: space-between !important;
    width: 100% !important;
    height: var(--stv-content-slider-overlay-height, 214px) !important;
    min-height: var(--stv-content-slider-overlay-height, 214px) !important;
    max-height: var(--stv-content-slider-overlay-height, 214px) !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
}

.stv-episode-third .stv-slider-button,
.stv-news-third .stv-slider-button,
.stv-beitrag-slider-panel .stv-slider-button {
    position: relative !important;
    z-index: 261 !important;
    display: flex !important;
    align-items: center !important;
    width: clamp(58px, 7vw, 92px) !important;
    min-width: clamp(58px, 7vw, 92px) !important;
    height: var(--stv-content-slider-overlay-height, 214px) !important;
    min-height: var(--stv-content-slider-overlay-height, 214px) !important;
    max-height: var(--stv-content-slider-overlay-height, 214px) !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #ffffff !important;
    font-family: 'Poppins', Arial, sans-serif !important;
    font-size: clamp(3.25rem, 5.4vw, 5.7rem) !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    opacity: 0.98 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    text-shadow:
        0 4px 16px rgba(0, 0, 0, 0.82),
        0 0 5px rgba(0, 0, 0, 0.90),
        0 0 1px rgba(255, 255, 255, 0.95) !important;
    transition: opacity 0.16s ease, visibility 0.16s ease, background 0.16s ease !important;
}

.stv-episode-third .stv-slider-button:first-child,
.stv-news-third .stv-slider-button:first-child,
.stv-beitrag-slider-panel .stv-slider-button:first-child {
    justify-content: flex-start !important;
    padding-left: 14px !important;
    background: linear-gradient(90deg, rgba(0, 62, 24, 0.90) 0%, rgba(0, 62, 24, 0.70) 42%, rgba(0, 62, 24, 0.28) 74%, rgba(0, 62, 24, 0.00) 100%) !important;
}

.stv-episode-third .stv-slider-button:last-child,
.stv-news-third .stv-slider-button:last-child,
.stv-beitrag-slider-panel .stv-slider-button:last-child {
    justify-content: flex-end !important;
    padding-right: 14px !important;
    background: linear-gradient(270deg, rgba(0, 62, 24, 0.90) 0%, rgba(0, 62, 24, 0.70) 42%, rgba(0, 62, 24, 0.28) 74%, rgba(0, 62, 24, 0.00) 100%) !important;
}

.stv-episode-third .stv-slider-button:hover,
.stv-episode-third .stv-slider-button:focus,
.stv-news-third .stv-slider-button:hover,
.stv-news-third .stv-slider-button:focus,
.stv-beitrag-slider-panel .stv-slider-button:hover,
.stv-beitrag-slider-panel .stv-slider-button:focus {
    color: #ffffff !important;
    opacity: 1 !important;
    transform: none !important;
    outline: none !important;
}

.stv-episode-third .stv-slider-button:first-child:hover,
.stv-episode-third .stv-slider-button:first-child:focus,
.stv-news-third .stv-slider-button:first-child:hover,
.stv-news-third .stv-slider-button:first-child:focus,
.stv-beitrag-slider-panel .stv-slider-button:first-child:hover,
.stv-beitrag-slider-panel .stv-slider-button:first-child:focus {
    background: linear-gradient(90deg, rgba(0, 74, 29, 0.96) 0%, rgba(0, 74, 29, 0.74) 42%, rgba(0, 74, 29, 0.30) 74%, rgba(0, 74, 29, 0.00) 100%) !important;
}

.stv-episode-third .stv-slider-button:last-child:hover,
.stv-episode-third .stv-slider-button:last-child:focus,
.stv-news-third .stv-slider-button:last-child:hover,
.stv-news-third .stv-slider-button:last-child:focus,
.stv-beitrag-slider-panel .stv-slider-button:last-child:hover,
.stv-beitrag-slider-panel .stv-slider-button:last-child:focus {
    background: linear-gradient(270deg, rgba(0, 74, 29, 0.96) 0%, rgba(0, 74, 29, 0.74) 42%, rgba(0, 74, 29, 0.30) 74%, rgba(0, 74, 29, 0.00) 100%) !important;
}

.stv-episode-third .stv-slider-button.is-stv-slider-edge-hidden,
.stv-news-third .stv-slider-button.is-stv-slider-edge-hidden,
.stv-beitrag-slider-panel .stv-slider-button.is-stv-slider-edge-hidden {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    background: transparent !important;
}

@media (min-width: 590px) and (max-width: 1079px) {
    .stv-episode-third .stv-third-slider,
    .stv-news-third .stv-third-slider,
    .stv-beitrag-slider-panel .stv-third-slider {
        grid-auto-columns: minmax(220px, 34%) !important;
        gap: 12px !important;
    }

    .stv-episode-third .stv-slider-button,
    .stv-news-third .stv-slider-button,
    .stv-beitrag-slider-panel .stv-slider-button {
        width: 56px !important;
        min-width: 56px !important;
        font-size: 3.2rem !important;
    }
}

@media (max-width: 589px) and (orientation: portrait) {
    .stv-episode-third .stv-slider-header,
    .stv-news-third .stv-slider-header,
    .stv-beitrag-slider-panel .stv-slider-header {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .stv-episode-third .stv-third-slider,
    .stv-news-third .stv-third-slider,
    .stv-beitrag-slider-panel .stv-third-slider {
        grid-auto-columns: 84% !important;
        gap: 12px !important;
        padding-right: 0 !important;
    }

    .stv-episode-third .stv-slider-button,
    .stv-news-third .stv-slider-button,
    .stv-beitrag-slider-panel .stv-slider-button {
        width: 48px !important;
        min-width: 48px !important;
        font-size: 3rem !important;
    }

    .stv-episode-third .stv-slider-button:first-child,
    .stv-news-third .stv-slider-button:first-child,
    .stv-beitrag-slider-panel .stv-slider-button:first-child {
        padding-left: 8px !important;
    }

    .stv-episode-third .stv-slider-button:last-child,
    .stv-news-third .stv-slider-button:last-child,
    .stv-beitrag-slider-panel .stv-slider-button:last-child {
        padding-right: 8px !important;
    }
}


/* =========================
   SCHRITT 118K: TABLET/APP-DETAILSEITE - REIHENFOLGE VIDEO UND PATRONANZ KORREKT
   - Ausgangspunkt ist der sichere Stand 118e/118i, nicht 118h/118j
   - behebt ausschliesslich die falsche Flex-Reihenfolge des unter_video-GAM-Patronanzblocks
   - Composer-/Manual-Banner bleibt oberhalb des Videos
   - GAM-Patronanz unter_video bleibt unterhalb des Videos
   - Website Tablet Hochformat und App-Tablet-Bereich werden gleich behandelt
========================= */
@media (min-width: 590px) and (max-width: 1079px) {
    .stv-episode-layout:has(.stv-below-video-ad-panel[data-stv-below-video-patronage="1"].is-ready) .stv-episode-main {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        overflow: visible !important;
    }

    .stv-episode-main > .stv-episode-top-banner-tablet {
        order: 10 !important;
    }

    .stv-episode-main > .stv-episode-video {
        order: 20 !important;
    }

    .stv-episode-main > .stv-below-video-ad-panel[data-stv-below-video-patronage="1"].is-ready,
    .stv-episode-main > .stv-below-video-ad-panel[data-stv-patronage-placement="unter_video"].is-ready,
    .stv-episode-main > .stv-below-video-ad-panel[data-stv-patronage-type="rubrik"].is-ready,
    .stv-episode-main > .stv-below-video-ad-panel[data-stv-patronage-type="sendung"].is-ready {
        order: 30 !important;
        margin-top: 8px !important;
        margin-bottom: 8px !important;
    }

    .stv-episode-main > .stv-mobile-actions {
        order: 40 !important;
    }

    .stv-episode-main > .stv-episode-main-content {
        order: 50 !important;
    }

    .stv-episode-layout > .stv-episode-top-banner,
    .stv-episode-layout > .stv-episode-top-banner-mobile {
        display: none !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }
}

/* =========================
   SCHRITT 118N: DETAILSEITE - GAM-BLOCK VOR KOMMENTAREN ERST UNTER HAUPTBLOCK
   - einzige Korrektur gegenueber 118K
   - Composer-/Manual-Banner bleibt oberhalb des Videos
   - GAM-Patronanz unter_video bleibt direkt unterhalb des Videos
   - gam_block_1 / before-comments steht nach dem gruenen Hauptblock und vor den Kommentaren
   - gilt fuer Website und App, ohne PHP- oder Flutter-Aenderung
========================= */
.stv-episode-layout .stv-episode-main {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    overflow: visible !important;
}

.stv-episode-main > .stv-episode-top-banner-tablet {
    order: 10 !important;
}

.stv-episode-main > .stv-episode-video {
    order: 20 !important;
}

.stv-episode-main > .stv-below-video-ad-panel[data-stv-below-video-patronage="1"],
.stv-episode-main > .stv-below-video-ad-panel[data-stv-patronage-placement="unter_video"],
.stv-episode-main > .stv-below-video-ad-panel[data-stv-patronage-type] {
    order: 30 !important;
}

.stv-episode-main > .stv-mobile-actions {
    order: 40 !important;
}

.stv-episode-main > .stv-episode-main-content {
    order: 50 !important;
}

.stv-episode-main > .stv-episode-comments-ad[data-ad-slot-handle="gam_block_1"],
.stv-episode-main > .stv-episode-comments-ad[data-ad-slot-placement="before-comments"] {
    order: 60 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

@media (min-width: 1080px) {
    .stv-episode-main > .stv-episode-comments-ad[data-ad-slot-handle="gam_block_1"],
    .stv-episode-main > .stv-episode-comments-ad[data-ad-slot-placement="before-comments"] {
        width: calc(var(--stv-main-content-width-narrow) - 2px) !important;
        max-width: calc(var(--stv-main-content-width-narrow) - 2px) !important;
        min-width: 0 !important;
        margin: 16px 0 0 var(--stv-main-content-offset-left) !important;
        padding: 0 !important;
        align-self: flex-start !important;
    }
}

@media (min-width: 590px) and (max-width: 1079px) {
    .stv-episode-main > .stv-episode-comments-ad[data-ad-slot-handle="gam_block_1"],
    .stv-episode-main > .stv-episode-comments-ad[data-ad-slot-placement="before-comments"] {
        width: 85% !important;
        max-width: 85% !important;
        min-width: 0 !important;
        margin: 14px 0 0 auto !important;
        padding: 0 !important;
        align-self: flex-end !important;
    }
}

@media (max-width: 589px) and (orientation: portrait) {
    .stv-episode-main > .stv-episode-comments-ad[data-ad-slot-handle="gam_block_1"],
    .stv-episode-main > .stv-episode-comments-ad[data-ad-slot-placement="before-comments"] {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 14px 0 0 0 !important;
        padding: 0 !important;
        align-self: stretch !important;
    }
}

.stv-episode-main > .stv-episode-comments-ad[data-ad-slot-handle="gam_block_1"] .stv-episode-google-block,
.stv-episode-main > .stv-episode-comments-ad[data-ad-slot-placement="before-comments"] .stv-episode-google-block,
.stv-episode-main > .stv-episode-comments-ad[data-ad-slot-handle="gam_block_1"] .stv-google-ad-slot,
.stv-episode-main > .stv-episode-comments-ad[data-ad-slot-placement="before-comments"] .stv-google-ad-slot,
.stv-episode-main > .stv-episode-comments-ad[data-ad-slot-handle="gam_block_1"] .stv-google-ad-slot__inner,
.stv-episode-main > .stv-episode-comments-ad[data-ad-slot-placement="before-comments"] .stv-google-ad-slot__inner,
.stv-episode-main > .stv-episode-comments-ad[data-ad-slot-handle="gam_block_1"] .stv-gam-ad-slot,
.stv-episode-main > .stv-episode-comments-ad[data-ad-slot-placement="before-comments"] .stv-gam-ad-slot,
.stv-episode-main > .stv-episode-comments-ad[data-ad-slot-handle="gam_block_1"] .stv-gam-ad-slot__container,
.stv-episode-main > .stv-episode-comments-ad[data-ad-slot-placement="before-comments"] .stv-gam-ad-slot__container,
.stv-episode-main > .stv-episode-comments-ad[data-ad-slot-handle="gam_block_1"] .adsbygoogle,
.stv-episode-main > .stv-episode-comments-ad[data-ad-slot-placement="before-comments"] .adsbygoogle,
.stv-episode-main > .stv-episode-comments-ad[data-ad-slot-handle="gam_block_1"] ins.adsbygoogle,
.stv-episode-main > .stv-episode-comments-ad[data-ad-slot-placement="before-comments"] ins.adsbygoogle {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

/* =========================
   SCHRITT 118Q: TABLET - GAM-BANNER DIREKT VOR DEM SLIDER LINKSBUNDIG ZUM SLIDER
   - betrifft ausschliesslich den Slider-GAM-Block gam_block_2 / before-slider
   - Ziel: Banner steht direkt ueber dem Slider und beginnt an derselben linken Kante wie der Sliderblock
   - keine Aenderung an Composer-Banner, Video, Patronanz, Hauptblock, Kommentaren, Bottom-Ad, App-Datei oder PHP-Dateien
========================= */
@media (min-width: 590px) and (max-width: 1079px) {
    .stv-episode-third > .stv-episode-slider-ad,
    .stv-episode-third > .stv-episode-slider-ad.is-ready,
    .stv-episode-third > .stv-episode-google-block.stv-episode-slider-ad,
    .stv-episode-third > .stv-episode-google-block.stv-episode-slider-ad.is-ready {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
        float: none !important;
        clear: both !important;
        z-index: 5 !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 0 8px 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
        justify-self: stretch !important;
        align-self: start !important;
        text-align: left !important;
    }

    .stv-episode-third > .stv-episode-slider-ad .stv-ad-frame__label,
    .stv-episode-third > .stv-episode-google-block.stv-episode-slider-ad .stv-ad-frame__label {
        display: block !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        text-align: left !important;
        box-sizing: border-box !important;
    }

    .stv-episode-third > .stv-episode-slider-ad .stv-episode-google-block,
    .stv-episode-third > .stv-episode-slider-ad [data-stv-ad-inner],
    .stv-episode-third > .stv-episode-slider-ad .stv-google-slot,
    .stv-episode-third > .stv-episode-slider-ad .stv-google-slot__inner,
    .stv-episode-third > .stv-episode-slider-ad .stv-google-ad-slot,
    .stv-episode-third > .stv-episode-slider-ad .stv-google-ad-slot__inner,
    .stv-episode-third > .stv-episode-slider-ad .stv-gam-ad-slot,
    .stv-episode-third > .stv-episode-slider-ad .stv-gam-ad-slot__container,
    .stv-episode-third > .stv-episode-slider-ad .adsbygoogle,
    .stv-episode-third > .stv-episode-slider-ad ins.adsbygoogle,
    .stv-episode-third > .stv-episode-slider-ad [data-gam-slot-handle] {
        display: flex !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: left !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    .stv-episode-third > .stv-episode-slider-ad .stv-gam-ad-slot__container > *,
    .stv-episode-third > .stv-episode-slider-ad .stv-google-ad-slot__container > *,
    .stv-episode-third > .stv-episode-slider-ad .stv-google-slot__inner > *,
    .stv-episode-third > .stv-episode-slider-ad [data-stv-ad-inner] > *,
    .stv-episode-third > .stv-episode-slider-ad [data-gam-slot-handle] > *,
    .stv-episode-third > .stv-episode-slider-ad iframe[id^="google_ads_iframe_"],
    .stv-episode-third > .stv-episode-slider-ad [id^="google_ads_iframe_"],
    .stv-episode-third > .stv-episode-slider-ad iframe,
    .stv-episode-third > .stv-episode-slider-ad img,
    .stv-episode-third > .stv-episode-slider-ad object,
    .stv-episode-third > .stv-episode-slider-ad embed {
        display: block !important;
        margin-left: 0 !important;
        margin-right: auto !important;
        text-align: left !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
}

/* =========================
   SCHRITT 118X: TABLET - GAM_BLOCK_2 WIE GAM_BLOCK_1, ABER UNTER DEN KOMMENTAREN
   - gilt ausschliesslich fuer Tablet Hochformat / Tablet Querformat: 590px bis 1079px
   - gam_block_2 wird in den Templates als comments-ad-artiger Tablet-Block nach den Kommentaren ausgegeben
   - der normale Slider-Ad-Wrapper in .stv-episode-third bleibt in dieser Breite ausgeblendet
   - Web ab 1080px und Mobil Hochformat bis 589px bleiben unveraendert
========================= */
.stv-episode-comments-ad--tablet-after-comments {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

@media (min-width: 590px) and (max-width: 1079px) {
    .stv-episode-layout,
    .stv-episode-layout:has(.stv-episode-top-banner-mobile.is-ready) {
        grid-template-areas:
            "hero hero"
            "main sidebar"
            "comment_ad_above sidebar"
            "comments sidebar"
            "comment_ad_below sidebar"
            "third third"
            "responsive_bottom_ad responsive_bottom_ad" !important;
    }

    .stv-episode-third > .stv-episode-slider-ad,
    .stv-episode-third > .stv-episode-slider-ad.is-ready,
    .stv-episode-third > .stv-episode-google-block.stv-episode-slider-ad,
    .stv-episode-third > .stv-episode-google-block.stv-episode-slider-ad.is-ready {
        display: none !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    .stv-episode-comments-ad--tablet-after-comments {
        grid-area: comment_ad_below !important;
        grid-column: 1 / 2 !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        width: 85% !important;
        max-width: 85% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 14px 0 0 auto !important;
        padding: 0 !important;
        align-self: start !important;
        justify-self: stretch !important;
        box-sizing: border-box !important;
        overflow: visible !important;
        pointer-events: auto !important;
        text-align: left !important;
    }

    .stv-episode-comments-ad--tablet-after-comments .stv-ad-frame__label {
        display: block !important;
        width: 100% !important;
        margin: 0 0 6px 0 !important;
        padding: 0 !important;
        text-align: left !important;
        box-sizing: border-box !important;
    }

    .stv-episode-comments-ad--tablet-after-comments .stv-episode-google-block,
    .stv-episode-comments-ad--tablet-after-comments [data-stv-ad-inner],
    .stv-episode-comments-ad--tablet-after-comments .stv-google-slot,
    .stv-episode-comments-ad--tablet-after-comments .stv-google-slot__inner,
    .stv-episode-comments-ad--tablet-after-comments .stv-google-ad-slot,
    .stv-episode-comments-ad--tablet-after-comments .stv-google-ad-slot__inner,
    .stv-episode-comments-ad--tablet-after-comments .stv-gam-ad-slot,
    .stv-episode-comments-ad--tablet-after-comments .stv-gam-ad-slot__container,
    .stv-episode-comments-ad--tablet-after-comments .adsbygoogle,
    .stv-episode-comments-ad--tablet-after-comments ins.adsbygoogle {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: left !important;
        box-sizing: border-box !important;
        overflow: visible !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

@media (min-width: 1080px), (max-width: 589px) {
    .stv-episode-comments-ad--tablet-after-comments {
        display: none !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
}

/* =========================
   DETAILSEITEN: SLIDER-LOADER WIE STARTSEITE
   - erster Einsatz: Beitrag / Rubrik-Slider
   - gleiche Overlay-Logik wie .stv-home-rubrik-slider
   - Loader bleibt eigenes Element nach dem Slider-Wrap
   - gemeinsamer grauer ::before-Ring bleibt unveraendert
========================= */
body .stv-episode-layout .stv-beitrag-slider-panel .stv-beitrag-slider-group {
    position: relative !important;
}

body .stv-episode-layout .stv-beitrag-slider-panel .stv-beitrag-slider-group > [data-stv-content-load-status="1"].is-loading {
    position: absolute !important;
    top: 128px !important;
    right: 0 !important;
    bottom: 18px !important;
    left: 0 !important;
    z-index: 115 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    pointer-events: none !important;
}



/* =========================
   DETAILSEITEN: EINHEITLICHER SLIDER-LOADER
   - gleiche Overlay-Logik wie auf Startseite und Beitragsseite
   - Loader bleibt eigenes Element nach dem Slider-Wrap
   - gilt fuer alle als stv-detail-slider-group markierten Detailseiten-Slider (Beitrag, Episode, News usw.)
========================= */
body .stv-detail-slider-group {
    position: relative !important;
}

body .stv-detail-slider-group > [data-stv-content-load-status="1"].is-loading {
    position: absolute !important;
    top: 128px !important;
    right: 0 !important;
    bottom: 18px !important;
    left: 0 !important;
    z-index: 115 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    pointer-events: none !important;
}