/*
 * hero-foto.css
 * Startseite: Vereinsfoto als Hintergrund des Hero-Bereichs.
 * Blauer Verlauf darüber, damit Schrift und Statistiken lesbar bleiben.
 */

.hero--foto {
    background:
        linear-gradient(100deg, rgba(26, 48, 87, 0.94) 0%, rgba(43, 75, 140, 0.82) 45%, rgba(26, 48, 87, 0.55) 100%),
        url('/ressources/DFC_all.jpeg') center 35% / cover no-repeat,
        var(--deep-blue);
}

/* Gitter-Muster würde mit dem Foto unruhig wirken */
.hero--foto::before {
    display: none;
}

@media (max-width: 1024px) {
    .hero--foto {
        background:
            linear-gradient(180deg, rgba(26, 48, 87, 0.92) 0%, rgba(43, 75, 140, 0.85) 100%),
            url('/ressources/DFC_all.jpeg') center 35% / cover no-repeat,
            var(--deep-blue);
    }
}