*{font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;background-color: #f5f5f5;} 
    h1{text-decoration: underline; text-align: center; } details:hover{cursor: pointer;}
     #gesamtuebersicht{display: block;}
    #shuffled{display: none; text-align: center; margin-top: 50px;} 
    img{position: absolute;top: 20px;left: 20px; border: 10px black} 
    img:hover{cursor: pointer;} button{border: none;}#verbleibend{display: none; left: 40%;top: 500px; position: absolute;}
    #btnrichtig{position:absolute; display: none; background-color: green; top: 500px; left: 50px; font-size: larger; border: 1px black solid; border-radius: 25px;cursor: pointer;}
    #btnfalsch{position:absolute; display: none; background-color: red; top: 500px; right: 50px; font-size: larger; border: 1px black solid; border-radius: 25px;cursor: pointer;}




@media only screen and (min-width: 768px){  
*{font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;background-color: whitesmoke;} 
    h1{text-decoration: underline; text-align: center; } details:hover{cursor: pointer;}
     #gesamtuebersicht{display: block;}
    #shuffled{display: none; text-align: center; margin-top: 200px;} 
    img{position: absolute;top: 20px;left: 20px; border: 10px black;} 
    img:hover{cursor: pointer;} button{border: none;}#verbleibend{display: none; top: 520px; position: absolute; left: 47%;}
    #btnrichtig{position:absolute; display: none; background-color: green; top: 520px; left: 200px; font-size: larger; border: 1px black solid; border-radius: 25px;cursor: pointer;}
    #btnfalsch{position:absolute; display: none; background-color: red; top: 520px; right: 200px; font-size: larger; border: 1px black solid; border-radius: 25px;cursor: pointer;}
}