/*
 * STV Theme Skins
 * Basis: modern
 * Weitere Skins werden in den nächsten Schritten hier aufgebaut.
 */

body.stv-skin-modern {
    --stv-body-background:
        radial-gradient(circle at 16% 0%, rgba(181, 229, 166, 0.95) 0%, rgba(181, 229, 166, 0) 42%),
        radial-gradient(circle at 86% 18%, rgba(212, 241, 198, 0.72) 0%, rgba(212, 241, 198, 0) 34%),
        linear-gradient(155deg, #ffffff 0%, #edf8e8 36%, #d8efcd 100%);
    --stv-page-background: transparent;
    --stv-layout-surface-background: rgba(255, 255, 255, 0.60);
    --stv-ad-placeholder-background: rgba(255, 255, 255, 0.52);
    background: var(--stv-body-background);
    background-attachment: fixed;
}

body.stv-skin-modern .stv-page,
body.stv-skin-modern .stv-basic-page,
body.stv-skin-modern .stv-sendung-page {
    background: transparent !important;
}

body.stv-skin-modern .stv-episode-layout,
body.stv-skin-modern .stv-basic-layout {
    background: var(--stv-layout-surface-background) !important;
}


body.stv-skin-dunkel {
    --stv-text: #edf4ef;
    --stv-text-soft: #aab9af;
    --stv-shadow-hero: 0 16px 30px rgba(0, 0, 0, 0.28);
    --stv-shadow-main: 0 22px 38px rgba(0, 0, 0, 0.34);
    --stv-shadow-sidebar: 0 22px 40px rgba(0, 0, 0, 0.34);
    --stv-shadow-card: 0 14px 26px rgba(0, 0, 0, 0.26);
    --stv-shadow-card-soft: 0 10px 18px rgba(0, 0, 0, 0.24);
    --stv-shadow-lime: 0 12px 22px rgba(18, 44, 24, 0.30);
    --stv-body-background:
        radial-gradient(circle at 16% 0%, rgba(32, 128, 54, 0.62) 0%, rgba(32, 128, 54, 0) 42%),
        radial-gradient(circle at 88% 18%, rgba(12, 70, 31, 0.54) 0%, rgba(12, 70, 31, 0) 36%),
        linear-gradient(155deg, #07090a 0%, #101611 36%, #073017 100%);
    --stv-page-background: transparent;
    --stv-layout-surface-background: rgba(13, 17, 15, 0.80);
    --stv-ad-placeholder-background: #0d1511;
    background: var(--stv-body-background);
    background-attachment: fixed;
    color: #edf4ef;
}

body.stv-skin-dunkel .stv-header,
body.stv-skin-dunkel .stv-side-menu__header {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 18%),
        linear-gradient(180deg, #419648 0%, #2b7232 58%, #1c4b21 100%);
    border-bottom-color: rgba(255, 255, 255, 0.08);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.16);
}

body.stv-skin-dunkel .stv-header::after {
    background: rgba(255, 255, 255, 0.08);
}

body.stv-skin-dunkel .stv-header__menu-button:focus,
body.stv-skin-dunkel .stv-header__hotline-trigger:focus,
body.stv-skin-dunkel .stv-header__account-link--logged-in:focus,
body.stv-skin-dunkel .stv-header__account-link--guest:focus {
    outline-color: rgba(255, 255, 255, 0.92);
}

body.stv-skin-dunkel .stv-header__search-form {
    background: rgba(255, 255, 255, 0.10);
    border-color: rgba(255, 255, 255, 0.14);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

body.stv-skin-dunkel .stv-header__search-input {
    background: rgba(255, 255, 255, 0.98);
    color: #17311b;
}

body.stv-skin-dunkel .stv-header__search-input::placeholder {
    color: #6b796d;
}

body.stv-skin-dunkel .stv-header__search-button {
    background: rgba(14, 52, 22, 0.92);
    color: #ffffff;
}

body.stv-skin-dunkel .stv-header__search-button:hover {
    background: rgba(10, 38, 16, 0.96);
}

body.stv-skin-dunkel .stv-header__account-link--logged-in {
    background: rgba(255, 255, 255, 0.10);
    border-color: rgba(255, 255, 255, 0.14);
    color: #ffffff;
}

body.stv-skin-dunkel .stv-header__account-link--logged-in:hover {
    background: rgba(255, 255, 255, 0.16);
}

body.stv-skin-dunkel .stv-header__account-avatar-image {
    background: rgba(255, 255, 255, 0.98);
}

body.stv-skin-dunkel .stv-header__account-avatar-fallback {
    background: rgba(255, 255, 255, 0.16);
    color: #ffffff;
}

body.stv-skin-dunkel .stv-side-menu-overlay,
body.stv-skin-dunkel .stv-contact-modal-overlay {
    background: rgba(0, 0, 0, 0.62);
}

body.stv-skin-dunkel .stv-side-menu,
body.stv-skin-dunkel .stv-side-menu__content {
    background: #1b1d20;
    color: #ffffff;
}

body.stv-skin-dunkel .stv-side-menu {
    box-shadow: 18px 0 40px rgba(0, 0, 0, 0.42);
}

body.stv-skin-dunkel .stv-side-menu__close {
    color: #ffffff;
}

body.stv-skin-dunkel .stv-side-nav__link,
body.stv-skin-dunkel .stv-side-nav__accordion-toggle,
body.stv-skin-dunkel .stv-side-nav__sub-link {
    color: #ffffff;
}

body.stv-skin-dunkel .stv-side-nav__sub-link {
    color: rgba(255, 255, 255, 0.86);
}

body.stv-skin-dunkel .stv-side-nav__divider {
    background: rgba(255, 255, 255, 0.16);
}

body.stv-skin-dunkel .stv-side-nav__accordion-toggle:focus,
body.stv-skin-dunkel .stv-side-nav__link:focus,
body.stv-skin-dunkel .stv-side-nav__sub-link:focus {
    outline: 2px solid rgba(255, 255, 255, 0.9);
    outline-offset: 3px;
}

body.stv-skin-dunkel .stv-side-nav__accordion-icon {
    color: #8fe56d;
}

body.stv-skin-dunkel .stv-contact-modal {
    background: #ffffff;
    color: #17311b;
    box-shadow: 0 24px 50px rgba(0, 0, 0, 0.24);
}

body.stv-skin-dunkel .stv-contact-modal__title {
    color: #15371b;
}

body.stv-skin-dunkel .stv-contact-modal__text {
    color: #48604c;
}

body.stv-skin-dunkel .stv-contact-modal__close {
    background: #edf3ee;
    color: #17311b;
}

body.stv-skin-dunkel .stv-contact-modal__action--call {
    background: #1f6628;
    color: #ffffff;
}

body.stv-skin-dunkel .stv-contact-modal__action--sms {
    background: #dfeec9;
    color: #163a1b;
}

body.stv-skin-dunkel .stv-contact-modal__action--whatsapp {
    background: #25d366;
    color: #ffffff;
}

body.stv-skin-dunkel .stv-episode-layout {
    background: var(--stv-layout-surface-background) !important;
    box-shadow: 0 28px 56px rgba(0, 0, 0, 0.30);
}

body.stv-skin-dunkel .stv-episode-layout::before {
    background: linear-gradient(160deg, #2fa43a 0%, #1c7a2d 42%, #0a4b1f 100%);
    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.26);
}

body.stv-skin-dunkel .stv-episode-hero-card,
body.stv-skin-dunkel .stv-comments-panel,
body.stv-skin-dunkel .stv-third-slide {
    background: #1b1d20;
    border: 1px solid rgba(188, 214, 194, 0.08);
}

body.stv-skin-dunkel .stv-episode-title,
body.stv-skin-dunkel .stv-section-title,
body.stv-skin-dunkel .stv-third-slide__title,
body.stv-skin-dunkel .stv-comments-panel__title,
body.stv-skin-dunkel .stv-episode-comments .stv-conversation-comments-title {
    color: #f2f7f3 !important;
}

body.stv-skin-dunkel .stv-episode-meta,
body.stv-skin-dunkel .stv-third-slide__date,
body.stv-skin-dunkel .stv-sidebar-card__date {
    color: #aab9af;
}

body.stv-skin-dunkel .stv-share-stack::after {
    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);
}

body.stv-skin-dunkel .stv-share-stack__share,
body.stv-skin-dunkel .stv-share-panel,
body.stv-skin-dunkel .stv-template-link-box,
body.stv-skin-dunkel .stv-episode-main-content .stv-cta-box {
    background: linear-gradient(155deg, var(--stv-lime-1) 0%, var(--stv-lime-2) 58%, var(--stv-lime-3) 100%);
    box-shadow: var(--stv-shadow-lime);
    border: 1px solid rgba(96, 129, 35, 0.14);
}

body.stv-skin-dunkel .stv-share-stack__share::before {
    background: linear-gradient(160deg, #16712a 0%, #0a4b1f 100%);
}

body.stv-skin-dunkel .stv-share-stack__share::after {
    background: linear-gradient(160deg, #2ca43c 0%, #1a7a2d 100%);
}

body.stv-skin-dunkel .stv-share-stack__share .stv-section-title,
body.stv-skin-dunkel .stv-share-panel .stv-section-title,
body.stv-skin-dunkel .stv-share-panel--mobile .stv-share-panel__mobile-header .stv-section-title {
    color: #000000 !important;
}

body.stv-skin-dunkel .stv-main-gallery__title {
    color: #eff7f1;
}

body.stv-skin-dunkel .stv-share-stack__share > *:not(.stv-section-title),
body.stv-skin-dunkel .stv-share-panel > *:not(.stv-section-title),
body.stv-skin-dunkel .stv-share-panel--mobile .stv-share-panel__mobile-body {
    border-top-color: rgba(77, 105, 29, 0.16);
}

body.stv-skin-dunkel .stv-share-stack__share a,
body.stv-skin-dunkel .stv-share-stack__share button,
body.stv-skin-dunkel .stv-share-stack__share span,
body.stv-skin-dunkel .stv-share-stack__share i,
body.stv-skin-dunkel .stv-share-stack__share svg,
body.stv-skin-dunkel .stv-share-panel a,
body.stv-skin-dunkel .stv-share-panel button,
body.stv-skin-dunkel .stv-share-panel span,
body.stv-skin-dunkel .stv-share-panel i,
body.stv-skin-dunkel .stv-share-panel svg,
body.stv-skin-dunkel .stv-template-link-box,
body.stv-skin-dunkel .stv-template-link-box a,
body.stv-skin-dunkel .stv-template-link-box span,
body.stv-skin-dunkel .stv-episode-main-content .stv-cta-box,
body.stv-skin-dunkel .stv-episode-main-content .stv-cta-box a,
body.stv-skin-dunkel .stv-episode-main-content .stv-cta-box span {
    color: #263312 !important;
}

body.stv-skin-dunkel .stv-favorite-button,
body.stv-skin-dunkel .stv-favorite-button.is-active,
body.stv-skin-dunkel .stv-favorite-panel--mobile .stv-favorite-button,
body.stv-skin-dunkel .stv-favorite-panel--mobile .stv-favorite-button.is-active,
body.stv-skin-dunkel .stv-favorite-button--mobile-icon {
    background: linear-gradient(160deg, #1f8f3b 0%, #0f6e2f 56%, #084b20 100%) !important;
    color: #ffffff !important;
    border-color: rgba(11, 107, 58, 0.26) !important;
    box-shadow: 0 10px 20px rgba(10, 69, 30, 0.24) !important;
}

body.stv-skin-dunkel .stv-favorite-button--mobile-icon::before {
    color: #ffffff;
}

body.stv-skin-dunkel .stv-episode-video {
    background: #1b1d20;
    box-shadow: 0 22px 36px rgba(0, 0, 0, 0.36);
}

body.stv-skin-dunkel .stv-episode-main-content {
    background: linear-gradient(160deg, #53c84a 0%, #34a63a 36%, #1f842f 68%, #11662a 100%);
    border: 1px solid rgba(96, 129, 35, 0.16);
}

body.stv-skin-dunkel .stv-episode-main-content,
body.stv-skin-dunkel .stv-episode-main-content h1,
body.stv-skin-dunkel .stv-episode-main-content h2,
body.stv-skin-dunkel .stv-episode-main-content h3,
body.stv-skin-dunkel .stv-episode-main-content h4,
body.stv-skin-dunkel .stv-episode-main-content p,
body.stv-skin-dunkel .stv-episode-main-content li,
body.stv-skin-dunkel .stv-episode-main-content div,
body.stv-skin-dunkel .stv-episode-main-content span,
body.stv-skin-dunkel .stv-episode-main-content a {
    color: #ffffff;
}

body.stv-skin-dunkel .stv-episode-main-content a {
    text-decoration-color: rgba(255, 255, 255, 0.45);
}

body.stv-skin-dunkel .stv-main-gallery__body img {
    box-shadow: 0 16px 28px rgba(0, 0, 0, 0.28);
}

body.stv-skin-dunkel .stv-episode-comments .ccm-conversation-wrapper textarea,
body.stv-skin-dunkel .stv-episode-comments .ccm-conversation-wrapper textarea.form-control,
body.stv-skin-dunkel .stv-episode-comments .ccm-conversation-wrapper .form-control[type="text"],
body.stv-skin-dunkel .stv-episode-comments .ccm-conversation-wrapper input[type="text"] {
    background: #0c1411;
    color: #edf4ef;
    border-color: rgba(188, 214, 194, 0.14) !important;
}

body.stv-skin-dunkel .stv-episode-comments .ccm-conversation-wrapper textarea::placeholder,
body.stv-skin-dunkel .stv-episode-comments .ccm-conversation-wrapper .form-control[type="text"]::placeholder,
body.stv-skin-dunkel .stv-episode-comments .ccm-conversation-wrapper input[type="text"]::placeholder {
    color: #92a399;
}

body.stv-skin-dunkel .stv-episode-comments .ccm-conversation-wrapper textarea:focus,
body.stv-skin-dunkel .stv-episode-comments .ccm-conversation-wrapper textarea.form-control:focus,
body.stv-skin-dunkel .stv-episode-comments .ccm-conversation-wrapper .form-control[type="text"]:focus,
body.stv-skin-dunkel .stv-episode-comments .ccm-conversation-wrapper input[type="text"]:focus,
body.stv-skin-dunkel .stv-episode-comments .ccm-conversation-wrapper *:focus-visible {
    border-color: rgba(122, 213, 104, 0.70) !important;
    box-shadow: 0 0 0 4px rgba(74, 149, 86, 0.20) !important;
}

body.stv-skin-dunkel .stv-episode-comments .ccm-conversation-wrapper button.btn-submit,
body.stv-skin-dunkel .stv-episode-comments .ccm-conversation-wrapper input.btn-submit,
body.stv-skin-dunkel .stv-episode-comments .ccm-conversation-wrapper .btn.btn-submit {
    background: linear-gradient(160deg, #7ad568 0%, #4dac53 56%, #2f7d39 100%) !important;
    color: #07100d !important;
    box-shadow: 0 12px 22px rgba(12, 34, 18, 0.24);
}

body.stv-skin-dunkel .stv-episode-sidebar::before,
body.stv-skin-dunkel .stv-episode-sidebar,
body.stv-skin-dunkel .stv-episode-sidebar .stv-sidebar-stack::before {
    background: linear-gradient(160deg, #2f9c37 0%, #1c782b 34%, #0d5320 68%, #063716 100%) !important;
    box-shadow: 0 22px 40px rgba(0, 0, 0, 0.34) !important;
}

body.stv-skin-dunkel .stv-episode-sidebar > .stv-section-title::before {
    background: rgba(255, 255, 255, 0.22);
}

body.stv-skin-dunkel .stv-sidebar-card {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.03) 100%);
    border-color: rgba(255, 255, 255, 0.10);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

body.stv-skin-dunkel .stv-sidebar-card__badge {
    background: linear-gradient(155deg, var(--stv-lime-1) 0%, var(--stv-lime-2) 58%, var(--stv-lime-3) 100%);
    border-color: rgba(255, 255, 255, 0.22);
    color: #233214;
    box-shadow: 0 10px 18px rgba(70, 98, 21, 0.22);
}

body.stv-skin-dunkel .stv-sidebar-card__image {
    background: rgba(255, 255, 255, 0.10);
}

body.stv-skin-dunkel .stv-sidebar-card__title,
body.stv-skin-dunkel .stv-sidebar-more-link a,
body.stv-skin-dunkel .stv-section-title--light {
    color: #f2f7f3;
}

body.stv-skin-dunkel .stv-green-panel {
    background: linear-gradient(155deg, #79de64 0%, #52c34a 36%, #2c9738 72%, #11662d 100%);
    box-shadow: 0 16px 28px rgba(24, 55, 20, 0.18);
    border: 1px solid rgba(96, 129, 35, 0.14);
}

body.stv-skin-dunkel .stv-slider-button {
    background: linear-gradient(180deg, #ffffff 0%, #f1f7ed 100%);
    color: #1f4d21;
    box-shadow: 0 8px 18px rgba(24, 55, 20, 0.16);
}

body.stv-skin-dunkel .stv-third-slider-wrap::before {
    background: linear-gradient(90deg, rgba(25, 95, 33, 0.92) 0%, rgba(25, 95, 33, 0) 100%);
}

body.stv-skin-dunkel .stv-third-slider-wrap::after {
    background: linear-gradient(270deg, rgba(25, 95, 33, 0.92) 0%, rgba(25, 95, 33, 0) 100%);
}

body.stv-skin-dunkel .stv-third-slide:hover {
    box-shadow: 0 18px 30px rgba(0, 0, 0, 0.34);
}

body.stv-skin-dunkel .stv-third-slide__content {
    background: transparent;
}

@media (min-width: 1080px) {
    body.stv-skin-dunkel .stv-episode-layout > .stv-episode-main .stv-episode-video::before,
    body.stv-skin-dunkel .stv-episode-layout > .stv-episode-main .stv-episode-video::after {
        border-color: rgba(122, 213, 104, 0.30);
        color: rgba(164, 208, 171, 0.62);
        background: #111915;
        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.20);
    }
}

body.stv-skin-gruen {
    background-color: #15591e;
    background-image: url('../images/skins/gruen/body.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    background-attachment: fixed;
}

body.stv-skin-gruen .stv-header,
body.stv-skin-gruen .stv-side-menu__header {
    background-color: #1f6c2a;
    background-image: url('../images/skins/gruen/header.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

body.stv-skin-gruen .site-footer,
body.stv-skin-gruen .site-footer.stv-site-footer {
    background-color: #14571e;
    background-image: url('../images/skins/gruen/footer.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

body.stv-skin-gruen .stv-episode-layout,
body.stv-skin-gruen .stv-series-layout,
body.stv-skin-gruen .stv-sendung-layout,
body.stv-skin-gruen .stv-show-layout,
body.stv-skin-gruen .stv-format-layout,
body.stv-skin-gruen .stv-page > .container {
    position: relative;
    background: transparent !important;
}

body.stv-skin-gruen .stv-episode-layout::after,
body.stv-skin-gruen .stv-series-layout::after,
body.stv-skin-gruen .stv-sendung-layout::after,
body.stv-skin-gruen .stv-show-layout::after,
body.stv-skin-gruen .stv-format-layout::after,
body.stv-skin-gruen .stv-page > .container::after {
    content: none !important;
    display: none !important;
}

body.stv-skin-gruen .stv-episode-hero-card {
    background: linear-gradient(180deg, #ffffff 0%, var(--stv-white-soft) 100%);
}

/* =========================
   ACCOUNT-/BASIC-SEITEN: HERO IM SKIN "DUNKEL"
   - betrifft Login, Register, Account, Profil, Nachrichten, Meine Kommentare
   - sowie allgemeine Nicht-Video-Seiten mit stv-basic-Layout
========================= */
body.stv-skin-dunkel .stv-account-hero-card,
body.stv-skin-dunkel .stv-basic-hero-card {
    background: linear-gradient(180deg, #24272d 0%, #171a1f 100%) !important;
    border: 1px solid rgba(188, 214, 194, 0.10) !important;
    box-shadow: var(--stv-shadow-hero) !important;
}

body.stv-skin-dunkel .stv-account-title,
body.stv-skin-dunkel .stv-basic-title {
    color: #f2f7f3 !important;
}

body.stv-skin-dunkel .stv-account-meta,
body.stv-skin-dunkel .stv-basic-hero-content,
body.stv-skin-dunkel .stv-basic-hero-content p,
body.stv-skin-dunkel .stv-basic-hero-content li,
body.stv-skin-dunkel .stv-basic-hero-content span {
    color: #aab9af !important;
}

/* =========================
   SENDUNGS-LANDINGPAGE: SKINS SCHRITT 1
   - passt die neuen .stv-sendung-* Bereiche an die vorhandenen Episoden-Skins an
   - modern bleibt Basis
   - dunkel und gruen erhalten nur Skin-Overrides, keine Layout-Positionsaenderungen
========================= */

/* Skin: dunkel */
body.stv-skin-dunkel .stv-sendung-page {
    background: transparent !important;
    color: #edf4ef;
}

body.stv-skin-dunkel .stv-sendung-layout {
    background: transparent !important;
}

body.stv-skin-dunkel .stv-sendung-hero {
    background: linear-gradient(160deg, #173d1e 0%, #112b17 48%, #07130c 100%) !important;
}

body.stv-skin-dunkel .stv-sendung-hero--no-image {
    background: linear-gradient(160deg, #2f9c37 0%, #1c782b 42%, #063716 100%) !important;
}

body.stv-skin-dunkel .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, 15, 8, 0.12) 0%, rgba(4, 15, 8, 0.34) 100%) !important;
}

body.stv-skin-dunkel .stv-sendung-hero__logo {
    filter: drop-shadow(0 24px 42px rgba(0, 0, 0, 0.52)) !important;
}

body.stv-skin-dunkel .stv-sendung-hero__title {
    color: #f2f7f3 !important;
    text-shadow: 0 14px 34px rgba(0, 0, 0, 0.48) !important;
}

body.stv-skin-dunkel .stv-sendung-layout::before,
body.stv-skin-dunkel .stv-sendung-layout::after,
body.stv-skin-dunkel .stv-sendung-intro::before,
body.stv-skin-dunkel .stv-sendung-intro::after,
body.stv-skin-dunkel .stv-sendung-episodes::before,
body.stv-skin-dunkel .stv-sendung-episodes::after,
body.stv-skin-dunkel .stv-sendung-hero::before,
body.stv-skin-dunkel .stv-sendung-hero::after {
    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.28) !important;
}

body.stv-skin-dunkel .stv-sendung-intro {
    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(0, 0, 0, 0.30) !important;
    border: 1px solid rgba(96, 129, 35, 0.14) !important;
}

body.stv-skin-dunkel .stv-sendung-intro__body,
body.stv-skin-dunkel .stv-sendung-intro__body div,
body.stv-skin-dunkel .stv-sendung-intro__body span,
body.stv-skin-dunkel .stv-sendung-intro__body p,
body.stv-skin-dunkel .stv-sendung-intro__body li,
body.stv-skin-dunkel .stv-sendung-intro__body a,
body.stv-skin-dunkel .stv-sendung-intro__body h1,
body.stv-skin-dunkel .stv-sendung-intro__body h2,
body.stv-skin-dunkel .stv-sendung-intro__body h3,
body.stv-skin-dunkel .stv-sendung-intro__body h4,
body.stv-skin-dunkel .stv-sendung-intro__body h5,
body.stv-skin-dunkel .stv-sendung-intro__body h6 {
    color: #263312 !important;
    text-shadow: none !important;
}

body.stv-skin-dunkel .stv-sendung-intro__action button,
body.stv-skin-dunkel .stv-sendung-intro__action .btn,
body.stv-skin-dunkel .stv-sendung-intro__action a.btn,
body.stv-skin-dunkel .stv-sendung-intro__action input[type="submit"] {
    background: linear-gradient(160deg, #1f8f3b 0%, #0f6e2f 56%, #084b20 100%) !important;
    color: #ffffff !important;
    border-color: rgba(11, 107, 58, 0.26) !important;
    box-shadow: 0 14px 24px rgba(0, 0, 0, 0.30) !important;
}

body.stv-skin-dunkel .stv-sendung-patronage-ad__inner,
body.stv-skin-dunkel .stv-sendung-bottom-ad__inner,
body.stv-skin-dunkel .stv-sendung-desktop-sticky-ad__inner {
    box-shadow: 0 16px 30px rgba(0, 0, 0, 0.30) !important;
}

body.stv-skin-dunkel .stv-sendung-episodes {
    background: linear-gradient(160deg, #2f9c37 0%, #1c782b 38%, #0d5320 70%, #063716 100%) !important;
    box-shadow: 0 24px 46px rgba(0, 0, 0, 0.34) !important;
    border: 1px solid rgba(96, 129, 35, 0.14) !important;
}

body.stv-skin-dunkel .stv-sendung-episodes__title,
body.stv-skin-dunkel .stv-sendung-featured-episode__title,
body.stv-skin-dunkel .stv-sendung-episode-card__title {
    color: #f2f7f3 !important;
}

body.stv-skin-dunkel .stv-sendung-featured-episode__link {
    background: #07180d !important;
    box-shadow: 0 24px 42px rgba(0, 0, 0, 0.34) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

body.stv-skin-dunkel .stv-sendung-featured-episode__image-wrap,
body.stv-skin-dunkel .stv-sendung-episode-card__image-wrap {
    background: rgba(255, 255, 255, 0.10) !important;
}

body.stv-skin-dunkel .stv-sendung-featured-episode__content {
    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%) !important;
}

body.stv-skin-dunkel .stv-sendung-featured-episode__eyebrow {
    background: linear-gradient(155deg, var(--stv-lime-1) 0%, var(--stv-lime-2) 58%, var(--stv-lime-3) 100%) !important;
    color: #263312 !important;
    box-shadow: 0 10px 18px rgba(0, 0, 0, 0.20) !important;
}

body.stv-skin-dunkel .stv-sendung-featured-episode__date,
body.stv-skin-dunkel .stv-sendung-episode-card__date {
    color: rgba(237, 248, 186, 0.95) !important;
}

body.stv-skin-dunkel .stv-sendung-featured-episode__text,
body.stv-skin-dunkel .stv-sendung-episode-card__text {
    color: rgba(255, 255, 255, 0.86) !important;
}

body.stv-skin-dunkel .stv-sendung-episode-card__link {
    background: linear-gradient(90deg, #155e25 0%, #0c451c 100%) !important;
    border-color: rgba(255, 255, 255, 0.10) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 12px 22px rgba(0, 0, 0, 0.22) !important;
}

body.stv-skin-dunkel .stv-sendung-episode-card__link:hover,
body.stv-skin-dunkel .stv-sendung-episode-card__link:focus {
    background: linear-gradient(90deg, #1b702c 0%, #0e5121 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 16px 28px rgba(0, 0, 0, 0.28) !important;
}

body.stv-skin-dunkel .stv-sendung-episodes__loader {
    background: linear-gradient(155deg, var(--stv-lime-1) 0%, var(--stv-lime-2) 58%, var(--stv-lime-3) 100%) !important;
    color: #263312 !important;
    box-shadow: 0 12px 22px rgba(0, 0, 0, 0.26) !important;
}


/* =========================
   SKIN-HINTERGRUND TESTVARIANTE
   - macht die Seitenhuelle transparent, damit der Body-Verlauf sichtbar bleibt
   - Rueckgaengig: diesen Block entfernen und Originaldateien wiederherstellen
========================= */
body.stv-skin-dunkel .stv-page,
body.stv-skin-dunkel .stv-basic-page,
body.stv-skin-dunkel .stv-sendung-page {
    background: transparent !important;
}

body.stv-skin-dunkel .stv-basic-layout {
    background: var(--stv-layout-surface-background) !important;
}

/* Skin: gruen */
body.stv-skin-gruen .stv-sendung-page {
    background: transparent !important;
}

body.stv-skin-gruen .stv-sendung-hero {
    background-color: #15591e;
}

body.stv-skin-gruen .stv-sendung-layout {
    position: relative;
    background: transparent !important;
}

body.stv-skin-gruen .stv-sendung-layout::after {
    content: none !important;
    display: none !important;
}

body.stv-skin-gruen .stv-sendung-intro {
    box-shadow: 0 24px 42px rgba(16, 44, 16, 0.24) !important;
}

body.stv-skin-gruen .stv-sendung-episodes {
    box-shadow: 0 24px 46px rgba(16, 44, 16, 0.24) !important;
}

body.stv-skin-gruen .stv-sendung-featured-episode__link,
body.stv-skin-gruen .stv-sendung-episode-card__link {
    box-shadow: 0 14px 26px rgba(7, 42, 15, 0.18) !important;
}

/* =========================
   EPISODE / EPISODE_DABINIDAHAM / BEITRAG: AUSSENRAHMEN TRANSPARENT
   - entfernt die sichtbare Layoutflaeche rund um den Hauptblock
   - Farbverlauf aus dem Body bleibt sichtbar
   - Rueckgaengig: diesen Block entfernen oder Originaldateien wiederherstellen
========================= */
body.stv-skin-modern .stv-episode-layout,
body.stv-skin-dunkel .stv-episode-layout {
    background: transparent !important;
    box-shadow: none !important;
}

/* =========================
   SHORTS: SKIN-ANBINDUNG
   - bindet episode_shorts.php an die vorhandenen Theme-Skins an
   - keine Positions- oder Layout-Aenderung
   - sorgt dafuer, dass der Skin-Hintergrund nicht von weissen Flaechen verdeckt wird
========================= */
body.stv-skin-modern .stv-shorts-layout,
body.stv-skin-modern .stv-shorts-shell,
body.stv-skin-dunkel .stv-shorts-layout,
body.stv-skin-dunkel .stv-shorts-shell,
body.stv-skin-gruen .stv-shorts-layout,
body.stv-skin-gruen .stv-shorts-shell {
    background: transparent !important;
}

body.stv-skin-modern .stv-shorts-layout {
    color: var(--stv-text) !important;
}

body.stv-skin-modern .stv-shorts-title {
    color: #111111 !important;
}

body.stv-skin-modern .stv-shorts-meta,
body.stv-skin-modern .stv-shorts-info,
body.stv-skin-modern .stv-shorts-description,
body.stv-skin-modern .stv-shorts-main-content,
body.stv-skin-modern .stv-shorts-main-content p,
body.stv-skin-modern .stv-shorts-main-content li,
body.stv-skin-modern .stv-shorts-main-content div,
body.stv-skin-modern .stv-shorts-main-content span,
body.stv-skin-modern .stv-shorts-main-content a {
    color: var(--stv-text) !important;
}

body.stv-skin-modern .stv-shorts-comments,
body.stv-skin-modern .stv-shorts-description-panel,
body.stv-skin-modern .stv-shorts-description-box,
body.stv-skin-modern .stv-shorts-accordion,
body.stv-skin-modern .stv-shorts-collapsible,
body.stv-skin-modern .stv-shorts-details {
    background: rgba(255, 255, 255, 0.94) !important;
    color: #14351d !important;
    box-shadow: var(--stv-shadow-card) !important;
}

body.stv-skin-modern .stv-shorts-access-notice {
    background: rgba(255, 255, 255, 0.96) !important;
    color: #14351d !important;
}

body.stv-skin-dunkel .stv-shorts-layout {
    color: #edf4ef !important;
}

body.stv-skin-dunkel .stv-shorts-title,
body.stv-skin-dunkel .stv-shorts-section-title,
body.stv-skin-dunkel .stv-shorts-comments-title,
body.stv-skin-dunkel .stv-shorts-comments .stv-conversation-comments-title,
body.stv-skin-dunkel .stv-shorts-comments .stv-comments-panel__title {
    color: #f2f7f3 !important;
}

body.stv-skin-dunkel .stv-shorts-meta,
body.stv-skin-dunkel .stv-shorts-info,
body.stv-skin-dunkel .stv-shorts-description,
body.stv-skin-dunkel .stv-shorts-main-content,
body.stv-skin-dunkel .stv-shorts-main-content p,
body.stv-skin-dunkel .stv-shorts-main-content li,
body.stv-skin-dunkel .stv-shorts-main-content div,
body.stv-skin-dunkel .stv-shorts-main-content span,
body.stv-skin-dunkel .stv-shorts-main-content a {
    color: #edf4ef !important;
}

body.stv-skin-dunkel .stv-shorts-video-card,
body.stv-skin-dunkel .stv-shorts-video-frame {
    background: #000000 !important;
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.52) !important;
}

body.stv-skin-dunkel .stv-shorts-comments,
body.stv-skin-dunkel .stv-shorts-description-panel,
body.stv-skin-dunkel .stv-shorts-description-box,
body.stv-skin-dunkel .stv-shorts-accordion,
body.stv-skin-dunkel .stv-shorts-collapsible,
body.stv-skin-dunkel .stv-shorts-details {
    background: #1b1d20 !important;
    color: #edf4ef !important;
    border: 1px solid rgba(188, 214, 194, 0.08) !important;
    box-shadow: var(--stv-shadow-card) !important;
}

body.stv-skin-dunkel .stv-shorts-comments p,
body.stv-skin-dunkel .stv-shorts-comments li,
body.stv-skin-dunkel .stv-shorts-comments div,
body.stv-skin-dunkel .stv-shorts-comments span,
body.stv-skin-dunkel .stv-shorts-comments label,
body.stv-skin-dunkel .stv-shorts-comments legend {
    color: #edf4ef !important;
}

body.stv-skin-dunkel .stv-shorts-comments a,
body.stv-skin-dunkel .stv-shorts-main-content a {
    color: #edf4ef !important;
    text-decoration-color: rgba(255, 255, 255, 0.45) !important;
}

body.stv-skin-dunkel .stv-shorts-comments textarea,
body.stv-skin-dunkel .stv-shorts-comments textarea.form-control,
body.stv-skin-dunkel .stv-shorts-comments .form-control[type="text"],
body.stv-skin-dunkel .stv-shorts-comments input[type="text"] {
    background: #0c1411 !important;
    color: #edf4ef !important;
    border-color: rgba(188, 214, 194, 0.14) !important;
}

body.stv-skin-dunkel .stv-shorts-comments textarea::placeholder,
body.stv-skin-dunkel .stv-shorts-comments .form-control[type="text"]::placeholder,
body.stv-skin-dunkel .stv-shorts-comments input[type="text"]::placeholder {
    color: #92a399 !important;
}

body.stv-skin-dunkel .stv-shorts-comments textarea:focus,
body.stv-skin-dunkel .stv-shorts-comments textarea.form-control:focus,
body.stv-skin-dunkel .stv-shorts-comments .form-control[type="text"]:focus,
body.stv-skin-dunkel .stv-shorts-comments input[type="text"]:focus,
body.stv-skin-dunkel .stv-shorts-comments *:focus-visible {
    border-color: rgba(122, 213, 104, 0.70) !important;
    box-shadow: 0 0 0 4px rgba(74, 149, 86, 0.20) !important;
    outline: none !important;
}

body.stv-skin-dunkel .stv-shorts-comments button.btn-submit,
body.stv-skin-dunkel .stv-shorts-comments input.btn-submit,
body.stv-skin-dunkel .stv-shorts-comments .btn.btn-submit {
    background: linear-gradient(160deg, #7ad568 0%, #4dac53 56%, #2f7d39 100%) !important;
    color: #07100d !important;
    box-shadow: 0 12px 22px rgba(12, 34, 18, 0.24) !important;
}

body.stv-skin-dunkel .stv-shorts-access-notice {
    background: #1b1d20 !important;
    color: #edf4ef !important;
    border: 1px solid rgba(188, 214, 194, 0.08) !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.34) !important;
}

body.stv-skin-dunkel .stv-shorts-access-notice__title,
body.stv-skin-dunkel .stv-shorts-access-notice__text,
body.stv-skin-dunkel .stv-shorts-access-notice__price {
    color: #edf4ef !important;
}

body.stv-skin-gruen .stv-shorts-layout {
    color: #ffffff !important;
}

body.stv-skin-gruen .stv-shorts-title,
body.stv-skin-gruen .stv-shorts-section-title,
body.stv-skin-gruen .stv-shorts-comments-title {
    color: #ffffff !important;
}

body.stv-skin-gruen .stv-shorts-meta,
body.stv-skin-gruen .stv-shorts-info,
body.stv-skin-gruen .stv-shorts-description,
body.stv-skin-gruen .stv-shorts-main-content,
body.stv-skin-gruen .stv-shorts-main-content p,
body.stv-skin-gruen .stv-shorts-main-content li,
body.stv-skin-gruen .stv-shorts-main-content div,
body.stv-skin-gruen .stv-shorts-main-content span,
body.stv-skin-gruen .stv-shorts-main-content a {
    color: #ffffff !important;
}

body.stv-skin-gruen .stv-shorts-video-card,
body.stv-skin-gruen .stv-shorts-video-frame {
    background: #000000 !important;
}

body.stv-skin-gruen .stv-shorts-comments,
body.stv-skin-gruen .stv-shorts-description-panel,
body.stv-skin-gruen .stv-shorts-description-box,
body.stv-skin-gruen .stv-shorts-accordion,
body.stv-skin-gruen .stv-shorts-collapsible,
body.stv-skin-gruen .stv-shorts-details {
    background: rgba(255, 255, 255, 0.96) !important;
    color: #14351d !important;
    box-shadow: var(--stv-shadow-card) !important;
}

body.stv-skin-gruen .stv-shorts-comments p,
body.stv-skin-gruen .stv-shorts-comments li,
body.stv-skin-gruen .stv-shorts-comments div,
body.stv-skin-gruen .stv-shorts-comments span,
body.stv-skin-gruen .stv-shorts-comments label,
body.stv-skin-gruen .stv-shorts-comments legend,
body.stv-skin-gruen .stv-shorts-comments a {
    color: #14351d !important;
}

body.stv-skin-gruen .stv-shorts-access-notice {
    background: rgba(255, 255, 255, 0.96) !important;
    color: #14351d !important;
}

body.stv-skin-modern .stv-shorts-share-panel,
body.stv-skin-modern .stv-shorts-share-panel__content,
body.stv-skin-dunkel .stv-shorts-share-panel,
body.stv-skin-dunkel .stv-shorts-share-panel__content,
body.stv-skin-gruen .stv-shorts-share-panel,
body.stv-skin-gruen .stv-shorts-share-panel__content {
    background: linear-gradient(155deg, var(--stv-lime-1) 0%, var(--stv-lime-2) 58%, var(--stv-lime-3) 100%) !important;
    color: #263312 !important;
    box-shadow: var(--stv-shadow-lime) !important;
}

body.stv-skin-modern .stv-shorts-share-panel *,
body.stv-skin-dunkel .stv-shorts-share-panel *,
body.stv-skin-gruen .stv-shorts-share-panel * {
    color: #263312 !important;
}

body.stv-skin-modern .stv-shorts-share-panel__toggle,
body.stv-skin-dunkel .stv-shorts-share-panel__toggle,
body.stv-skin-gruen .stv-shorts-share-panel__toggle {
    color: #263312 !important;
}