Body {
    font-family: 'Crimson Text', serif;
    background-color: rgb(45, 45, 45);
    padding-bottom: 20px;
    
}

.Div1 {
    background-color: white;
    font-size: 35px;
    max-width: 98.22%;
    margin: -10px;
    padding: 20px;
    text-align: center;
}
.Bild {
    margin: -8px;
    width: 101.3%;
}

.greatBox {
    background-color: rgb(45, 45, 45);
    padding: 0px;
    padding-bottom: 80px;
}

.txt {
    color: lightgrey;
    padding: 20px;
    font-size: larger;
    text-align: center;
}

.Lektion {
    color: black;
    text-decoration: none;
    font-size: medium;
}

.DivLektion {
    background-color: white;
    font-size: medium;
    padding: 20px;
    float: left;
    margin-right: 10px;
}

.DivLektion:hover {
    background-color: darkslateblue;
}

.Übersetzung {
    color: black;
    text-decoration: none;
    font-size: medium;
}

.DivÜbersetzung {
    background-color: white;
    font-size: medium;
    padding: 20px;
    float: right;
    margin-right: 10px;
}

.DivÜbersetzung:hover {
    background-color: darkslateblue;
}

.Timer {
    background-color: white;
    color: black;
    font-size: medium;
    padding: 20px;
    text-align: center;
    display: flex;
    justify-content: center;
}