/* ==== Globale Hintergrund-Variablen (anpassen) ==== */
:root{
    --bg-angle: 180deg;   /* z.B. 180deg */
    --bg1: #0f2a56;       /* erste Farbe */
    --bg1-pos: 61%;       /* Position erste Farbe, z.B. 61% */
    --bg2: #051022;       /* zweite Farbe */
    --bg2-pos: 100%;      /* Position zweite Farbe, z.B. 100% */
}

/* ==== Verlauf nur EINMAL auf der Seite ==== */
html, body { min-height: 100%; }
html { background: linear-gradient(var(--bg-angle), var(--bg1) var(--bg1-pos), var(--bg2) var(--bg2-pos)); }
body {
    background: transparent;                /* Body selbst transparent lassen */
}

/* ==== Elementor/Theme-Wrapper durchsichtig machen ==== */
.elementor-section,
.elementor-container,
.elementor-widget-wrap,
.elementor-location-header,
.elementor-location-footer,
.site,
.page {
    background: transparent !important;
}
