/*
 * Das Wetter hinter der Startseite (28.09.2026) — gezeichnet von assets/js/weather_scene.js.
 *
 * Die Leinwand liegt UNTER dem Inhalt des oberen Bereichs und nimmt keine Klicks an.
 * Die Schriftfarbe richtet sich nach dem Himmel: das Skript setzt -dark oder -light.
 */
.home-hero.weather-scene {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    padding-bottom: 32px;
}
.weather-scene-canvas {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
}

/* Heller Himmel: dunkle Schrift wie bisher, mit einem hellen Hof, damit sie auf Wolken steht. */
.weather-scene-light h1,
.weather-scene-light .home-hero-inner p {
    text-shadow: 0 1px 14px rgba(255, 255, 255, 0.75);
}

/* Dunkler Himmel (Nacht, Gewitter, Hitze): helle Schrift. */
.weather-scene-dark h1 { color: #fff; text-shadow: 0 2px 14px rgba(0, 0, 0, 0.35); }
.weather-scene-dark h1 span { color: #ff9a6c; }
.weather-scene-dark .home-hero-inner p { color: rgba(255, 255, 255, 0.9); text-shadow: 0 1px 10px rgba(0, 0, 0, 0.35); }