/* =========================================================
   A.N.G.E.L.N. e.V. – 4-Jahreszeiten-Design
   Zusatzdatei zu main.css
   Hauptinhalt bleibt unverändert.
   ========================================================= */

/* Standard/Fallback: Herbst */
body.season-autumn .hero,
body:not(.season-spring):not(.season-summer):not(.season-winter):not(.season-autumn) .hero {
    background:
        linear-gradient(100deg, rgba(52,25,8,.86) 0%, rgba(88,43,12,.62) 45%, rgba(88,43,12,.12) 100%),
        url('../images/seasons/autumn/autumn.webp') center / cover no-repeat;
}

body.season-autumn .topbar,
body:not(.season-spring):not(.season-summer):not(.season-winter):not(.season-autumn) .topbar {
    background: linear-gradient(90deg, #3c210f, #6f3b17);
}

body.season-autumn .site-header,
body:not(.season-spring):not(.season-summer):not(.season-winter):not(.season-autumn) .site-header {
    background: linear-gradient(90deg, #064b83 0%, #174f6f 52%, #7b431b 100%);
}

body.season-autumn .facts,
body:not(.season-spring):not(.season-summer):not(.season-winter):not(.season-autumn) .facts {
    background: linear-gradient(90deg, #734019, #a35a20);
}

body.season-autumn .site-footer-modern,
body:not(.season-spring):not(.season-summer):not(.season-winter):not(.season-autumn) .site-footer-modern {
    background:
        radial-gradient(circle at 85% 20%, rgba(177,91,28,.30), transparent 34%),
        linear-gradient(115deg, #063f68 0%, #174b62 55%, #603516 100%);
}


/* Frühling */
body.season-spring .hero {
    background:
        linear-gradient(100deg, rgba(2,54,95,.78) 0%, rgba(14,88,82,.48) 45%, rgba(29,113,71,.08) 100%),
        url('../images/seasons/spring/spring.webp') center / cover no-repeat;
}

body.season-spring .topbar {
    background: linear-gradient(90deg, #02365f, #1f6d5d);
}

body.season-spring .site-header {
    background: linear-gradient(90deg, #064b83 0%, #086b82 55%, #287a5b 100%);
}

body.season-spring .facts {
    background: linear-gradient(90deg, #08757c, #3b8a58);
}

body.season-spring .site-footer-modern {
    background:
        radial-gradient(circle at 85% 20%, rgba(74,143,92,.28), transparent 34%),
        linear-gradient(115deg, #063f68 0%, #0b5966 55%, #285f45 100%);
}


/* Sommer */
body.season-summer .hero {
    background:
        linear-gradient(100deg, rgba(1,45,76,.76) 0%, rgba(3,88,120,.42) 45%, rgba(4,126,147,.05) 100%),
        url('../images/seasons/summer/summer.webp') center / cover no-repeat;
}

body.season-summer .topbar {
    background: linear-gradient(90deg, #02365f, #075f7e);
}

body.season-summer .site-header {
    background: linear-gradient(90deg, #064b83 0%, #0875a0 58%, #0a8a9a 100%);
}

body.season-summer .facts {
    background: linear-gradient(90deg, #06789c, #0b9a9b);
}

body.season-summer .site-footer-modern {
    background:
        radial-gradient(circle at 85% 20%, rgba(14,157,164,.24), transparent 34%),
        linear-gradient(115deg, #063f68 0%, #075a7a 58%, #087b80 100%);
}


/* Winter */
body.season-winter .hero {
    background:
        linear-gradient(100deg, rgba(1,36,65,.84) 0%, rgba(26,74,105,.50) 45%, rgba(113,163,188,.10) 100%),
        url('../images/seasons/winter/winter.webp') center / cover no-repeat;
}

body.season-winter .topbar {
    background: linear-gradient(90deg, #012b4c, #345f79);
}

body.season-winter .site-header {
    background: linear-gradient(90deg, #064b83 0%, #285f82 58%, #64879b 100%);
}

body.season-winter .facts {
    background: linear-gradient(90deg, #235f86, #6d94aa);
}

body.season-winter .site-footer-modern {
    background:
        radial-gradient(circle at 85% 20%, rgba(170,211,230,.20), transparent 34%),
        linear-gradient(115deg, #053b64 0%, #285a77 58%, #55788d 100%);
}


/* Saisonale Übergänge – nur für den äußeren Rahmen */
.topbar,
.site-header,
.hero,
.facts,
.site-footer-modern {
    transition: background .35s ease;
}

/* =========================================================
   Äußerer Seitenhintergrund – Herbst
   ========================================================= */

html.season-autumn {
    background-image: url('../images/seasons/autumn/autumn-background-5120x1440.webp');
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 5120px 1440px;
    background-attachment: fixed;
}

/* =========================================================
   Äußerer Seitenhintergrund – Frühling
   ========================================================= */

html.season-spring {
    background-image: url('../images/seasons/spring/spring-background-5120x1440.webp');
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 5120px 1440px;
    background-attachment: fixed;
}

/* =========================================================
   Äußerer Seitenhintergrund – Sommer
   ========================================================= */

html.season-summer {
    background-image: url('../images/seasons/summer/summer-background-5120x1440.webp');
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 5120px 1440px;
    background-attachment: fixed;
}

/* =========================================================
   Äußerer Seitenhintergrund – Winter
   ========================================================= */

html.season-winter {
    background-image: url('../images/seasons/winter/winter-background-5120x1440.webp');
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 5120px 1440px;
    background-attachment: fixed;
}