body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    text-align: center;

}

main{
    display: flex;
    justify-content: center;  /* Zentriert horizontal */
    align-items: center;     /* Zentriert vertikal */
    height: 100vh;
    flex-wrap: nowrap;
    flex-direction: column;

}
.logo {
    width: 30%;
}
h1 {
    font-size: 3em;
}

a {
    color: inherit; /* Verwendet die Standardfarbe des Elternelements (normaler Text) */
    text-decoration: none; /* Entfernt die Unterstreichung */
}

a:hover {
    text-decoration: underline; /* Fügt Unterstreichung hinzu, wenn der Link gehovert wird */
}
@media (max-width: 768px) {
    .logo {
        width: 80%; /* Breite für kleinere Bildschirme */
    }
    h1 {
        font-size: 1.5em;
    }
}