body {
    margin: 0;
    padding: 0;
    overflow: hidden; /* Versteckt Scrollbalken */
    background-color: #282c34; /* Hintergrundfarbe */
}

#snow-container {
    position: relative;
    width: 100%;
    height: 100vh; /* Vollständige Höhe */
}

.snowflake {
    position: absolute;
    top: -10px; /* Beginnt oberhalb des Bildschirms */
    color: white; /* Schneeflockenfarbe */
    font-size: 1em; /* Größe der Schneeflocken */
    pointer-events: none;
    user-select: none; /* Verhindert Auswahl */
    animation: fall linear infinite; /* Animation */
}

@keyframes fall {
    to {
        transform: translateY(100vh); /* Fällt bis zum unteren Bildschirmrand */
    }
}
/* Responsive Bild */
.responsive-image {
    max-width: 100%; /* Bild schränkt sich auf die Breite des Containers ein */
    height: auto; /* Höhe wird automatisch angepasst */
    display: block; /* Block-Element */
    margin: 0 auto; /* Zentriert das Bild */
}

/* Textstil */
.content h1 {
    text-align: center; /* Zentriert den Text */
    color: white; /* Textfarbe */
    font-size: 2em; /* Schriftgröße */
    margin-top: 20px; /* Abstand oben */
}