/* style.css */
*{
    font-family:Arial, Helvetica, sans-serif;
    font-size: 18px;    
}

.back-button{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
    padding: 5px;
}
.padding{
    display: flex;
    flex-direction: row;
}
.center{
    display: flex;
    justify-content: center; /* Zentriert den Inhalt horizontal */
    align-items: center; /* Zentriert den Inhalt vertikal */
    min-height: 100vh; /* Stellt sicher, dass der Inhalt den gesamten Bildschirm ausfüllt */
    margin: 0; /* Entfernt den Standardseitenrand */
    padding: 0; /* Entfernt den Innenabstand der Seite */
    flex-direction: column;
}
.test-date {
    color: #0077b6; /* Ändern Sie die Textfarbe des Testdatums nach Ihren Wünschen */
    font-size: 24px; /* Ändern Sie die Schriftgröße des Testdatums nach Ihren Wünschen */
}

.vocabulary-list {
    list-style-type: none; /* Entfernen Sie die Listenpunkte */
    padding: 0; /* Entfernen Sie den Innenabstand der Liste */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

}

.vocabulary-item {
    margin: 5px 0; /* Fügen Sie etwas Abstand zwischen den Vokabeln hinzu */
    font-size: 18px; /* Ändern Sie die Schriftgröße der Vokabelliste nach Ihren Wünschen */
}
.ru-de{
    display: flex;
    flex-direction: row;
}
label{
    padding: 10px;
}
form{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
input{
    box-sizing: border-box;
    padding: 10px;
    font-size: 18px;

}
a{
    text-decoration: none;
    color: black;
}

button{
    background-color: #0077b6;
    border-radius: 15px;
    border: #0077b6;
    font-size: 18px;
    padding: 8px;
    
}
button a{
    color: white;
}
button:hover{
    background-color: aqua;
}
button:hover a{
    color: black;
}
form button{
        color: white;
    
}
form button:hover{
    color: black;
    background-color: aqua;

}
.datei-ul {
    list-style-type: none; /* Entfernt die Punkte der Liste */
}

.datei-ul li {
    margin-bottom: 20px; /* Fügt etwas Abstand zwischen den Elementen hinzu */
}

.datei img {
    height: 150px; /* Setzt die Höhe des Bildes auf 100px */
    display: block; /* Verhindert den Raum unter dem Bild */
}

.datei p {
    margin: 5px 0; /* Fügt etwas Abstand über und unter dem Dateinamen hinzu */
}

.datei button {
    color: white; /* Textfarbe des Download-Buttons */
    padding: 8px 16px; /* Innenabstand des Download-Buttons */
    border: none; /* Entfernt die Button-Rahmen */
    text-decoration: none; /* Entfernt die Unterstreichung des Download-Links */
    cursor: pointer; /* Ändert den Cursor-Typ auf Zeiger beim Überfahren */
}