/* Grundlegende Stilbereinigung */
html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    /* Dies zentriert den Inhalt vertikal im Fenster */
    display: flex;
    justify-content: center;
    align-items: center;
}

.language-selection {
    /* Es ist nicht mehr nötig, margin-top zu setzen, da der Inhalt vertikal zentriert wird */
    text-align: center; 
    font-family: Arial, sans-serif; 
    font-size: 2em;
}

.language-selection p {
    /* p-Tags haben standardmäßig margin-bottom. Das entfernen wir. */
    margin-bottom: 0.5em;
}

.language-selection p:last-child {
    /* Entfernt den Abstand vom letzten p-Tag, um Platz zu sparen */
    margin-bottom: 0;
}

.language-selection a {
    color: #ffffff; 
    text-decoration: none; 
    font-weight: bold;
    background-color: #1C3478;
    border-radius: 50px;
    padding: 0.3em 1em; /* Fügt einen horizontalen Abstand hinzu, damit der Text nicht zu nah am Rand ist */
    border: 2px solid #cc6383; /* Kombinierte border-Eigenschaft für bessere Kontrolle */
    /* block-level element, so dass padding und width funktionieren */
    display: inline-block; 
}

.language-selection a:hover {
    color: #cc6383;
}