/*
|--------------------------------------------------------------------------
| 2026-11-04
| Author: Claude
| Neuanlage (PHP-Sicherheitscheck R2b-3a, Freigabe Klaus 04.11.2026
| 13:31/13:45). Globale Komponente „Bühne“: Seitenhintergründe als
| Objekt + Modifikator, z. B. <body class="vt-buehne links-heller">.
|
| Werte unverändert aus vt-smallheader-noGrid.css (Bühnen-Test der Vorlage
| /vorlage-smallheader-nogrid/?stage=…): standard-funnel, links-heller,
| invertiert. Die Vorlage führt die Werte dort noch selbst
| (.webhosting-back.vt-stage--…); Umstellung auf diese Datei = Meldung
| an Klaus, nicht Teil dieser Runde.
|
| Verwendung im Funnel: shortcodes/class-funnel-seite.php setzt auf allen
| Funnel-Seiten body.vt-funnel.vt-buehne.links-heller (ganze Seite,
| Klaus 13:31). Der Verlauf steht fest zum Fenster (fixed), damit er auf
| langen Seiten nicht gestreckt wird.
|--------------------------------------------------------------------------
*/

.vt-buehne.standard-funnel {
    background:
        radial-gradient(ellipse at 50% 8%, rgba(40,139,245,.20) 0%, rgba(26,88,168,.11) 38%, rgba(20,62,120,.05) 62%, transparent 82%),
        radial-gradient(ellipse at 82% 42%, rgba(22,105,210,.08) 0%, rgba(22,105,210,.035) 36%, transparent 68%),
        radial-gradient(ellipse at 45% 78%, rgba(30,105,205,.35) 0%, transparent 62%),
        linear-gradient(180deg, #182b49 0%, #142540 30%, #12233e 65%, #12233e 100%) !important;
}

.vt-buehne.links-heller {
    background:
        radial-gradient(ellipse at 10% 8%, rgba(40,139,245,.20) 0%, rgba(26,88,168,.11) 28%, rgba(20,62,120,.05) 62%, transparent 82%),
        radial-gradient(ellipse at 82% 42%, rgba(22,105,210,.08) 0%, rgba(22,105,210,.035) 36%, transparent 68%),
        radial-gradient(ellipse at 45% 78%, rgba(30,105,205,.35) 0%, transparent 62%),
        linear-gradient(180deg, #182b49 0%, #142540 30%, #12233e 65%, #12233e 100%) !important;
}

.vt-buehne.invertiert {
    background:
        radial-gradient(ellipse at 90% 8%, rgba(255,255,255,.12) 0%, rgba(205,225,250,.10) 8%, rgba(125,175,230,.03) 62%, transparent 82%),
        radial-gradient(ellipse at 2% 42%, rgba(255,255,255,.045) 0%, rgba(165,205,245,.025) 48%, transparent 76%),
        linear-gradient(145deg, rgba(15,62,120,.98) 0%, rgba(11,47,96,.98) 5%, rgba(8,35,78,.99) 80%) !important;
}

/* Als Seitenhintergrund: fest zum Fenster */
body.vt-buehne {
    background-attachment: fixed !important;
}

/* Funnel: Flächen zwischen body und Inhalt durchsichtig, damit die Bühne
   sichtbar ist (Theme-/Elementor-Hintergründe der Seitencontainer). Karten,
   Schrittleiste und Fußbereich behalten ihre eigenen Flächen. */
body.vt-funnel .site,
body.vt-funnel .site-content,
body.vt-funnel .ast-container,
body.vt-funnel .site-main,
body.vt-funnel .entry-content,
body.vt-funnel .elementor .e-con.e-parent:not(.vt-bottom-trustbar),
body.vt-funnel .elementor .e-con.e-parent:not(.vt-bottom-trustbar) > .e-con-inner,
body.vt-funnel .webhosting-back {
    background: transparent !important;
}