/* Setzt den Rand und Auffüllung aller Elemente auf 0 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Stellt sicher, dass der body und html das gesamte Fenster ausfüllen */
body, html {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

/* Hintergrundbild-Einstellungen */
body {
    background: url('background.png') no-repeat center center fixed;
    background-size: cover;
}

/* Container für das zentrierte Logo */
.container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

/* Anpassung des Logos auf eine feste Größe */
.logo {
    width: 300px;
    height: 300px;
    object-fit: contain; /* Erhält das Seitenverhältnis */
}