body{
    background-color: rgb(202, 225, 225);
    font-family:'Calibri', 'Trebuchet MS', sans-serif;
}

#titel {
    text-align: center;
}

#bild{
    
    margin-top: 2%;
    margin-right: 15%;
    margin-left: 15%;
    font-size: 30;
    font-weight: 800;
    border-radius: 30px;
    height: 410.3px;
    width: 1281px;
}
#block{
    color: rgb(0, 0, 0);
    background-color: rgb(162, 181, 205);
    padding: 3%;
    margin-top: 2%;
    margin-right: 15%;
    margin-left: 15%;
    font-size: 30;
    font-weight: 800;
    border-radius: 30px;
    
}

#antworten{
    
    font-size: medium;
    margin-left: 15%;
    

}

ul { list-style-type: none; 
    font-size: 26;
}

#knopf{
    color: rgb(0, 0, 0);
    text-align: center;
    font-size: 25;

}

#knopfi{
    width: 10%;
    height: 10%;
    background-color: rgba(255, 0, 0, 0.719);
    border-width: 0px;
    margin-top: 2% ;
    border-radius: 15px;
    font-size: 30;
    width: 183; 
    height: 60.2;
    color: black;

}

#knopfdiv{
    text-align: center;
}

#frage{
    background-color: green;
   padding: 3%;
   border-radius: 15px;
}

#antwortliste{
    margin-bottom: 5px;

}

#wirklichdieliste{
    margin-bottom: 5px;
}

li{
    margin-bottom: 2%;
}

.knopfi:hover{
    background-color:rgb(255, 171, 171);
}

.richtig{
    background-color: cyan;
    padding: 3%;
   border-radius: 15px;
}

.falsch{
    background-color: red;
    padding: 3%;
   border-radius: 15px;
}

.standard{
    background-color: rgb(110, 123, 139);
    padding: 3%;
   border-radius: 15px;
}

#bilddiv{
    text-align: center;
}