/* Globale Stile */
body {
    background-color: #141827;
    color: white;
    font-family: Arial, sans-serif;
    margin: 0;
    display: flex;
    flex-direction: column;
    min-height: 100vh; /* Stellt sicher, dass der Body mindestens die volle Höhe des Viewports hat */
}

a {
    color: #a2caff;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* Header und Logo */
header {
    width: 100%;
    height: 150px;
}

.logo {
    width: 100%;
    height: 100%;
    background-image: url('header.png'); /* Ersetze dies mit dem Pfad zu deinem Logo */
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

/* Hauptinhalt */
.content {
    flex-grow: 1; /* Lässt den Hauptinhalt den verbleibenden Platz einnehmen */
    justify-content: center; /* Zentriert horizontal */
    align-items: center; /* Zentriert vertikal */
    text-align: center;
}

.content h1 {
    font-size: 4em;
    margin: 0; /* Entfernt den Standard-Margin des h1-Elements */
}

.content h3 {
    font-size: 2em;
    margin: 0; /* Entfernt den Standard-Margin des h1-Elements */
}