* {width:100%; height:100%; position:relative; margin:0; left:0; border:0; text-align:center; font-family:verdana; box-sizing:border-box; vertical-align:middle;}
body {background-color:#ddc;}
div#marque {height:14%;}
div#fortschritt {height:14%;/* background-color:#ddc;*/}
div#fortschrittrund {height:50%; padding-top:12px;}
div#fortschrittleben {height:50%; padding-bottom:6px;}
/* //div#entfehlern {display:none; height:16%;}*/
div#frage {height:16%; font-size:2.44rem;}
div#antworten {height:48%;}
div#zeit {height:8%; font-size:1.625rem;}
marquee {position:absolute; font-size:2.44rem;}
marquee > span.rot {color:#f00;}
marquee > span.grun {color:#0f0;}
marquee > span.blau {color:#00f;}
button {width:auto; height:auto; font-size:1.625rem; background-color:#eee;}
span.thema {line-height:1em; vertical-align:baseline;}
img[src*=icon] {top:12%; width:auto; height:auto; margin:1%;}
.richtig {background-color:#6e6;}
.falsch {background-color:#e66;}
.korrigiert {background-color:#66e;}
button#meisterknopf {margin-right:7px;}
button#spielknopf, button#nochmalknopf, button#knopfkartoffel {margin-top:4%;}
button#knopfkartoffel {margin-left:12px;}
button#spielknopf ~ button#nochmalknopf {font-size:smaller;}
button.durchsichtig {display:none; margin:1% 4%; background-color:transparent;}
button.sichtbar {margin:5% 4%;}
iframe {width:100%; height:100%;}
span.rund {margin:0 8px; padding:0 12px; border: 1px solid #000; border-radius:50%;}
span.herz {padding: 0 4px; color:blue; font-size:2.44rem;}
img[src="kartoffel.svg"] {width:auto; height:auto;}
button:hover:not(.richtig):not(.falsch):not(.korrigiert):not(.grau), div#fortschrittrund span:hover:not([class=rund]) {background-color:#ccc;}
#endausgabe {font-size:1.25rem;}
/* //button#pause {font-size:1.25rem; padding-top:3%; background-color:transparent; display:none;}*/
/* //div {border:1px solid #111;}*/