*{-webkit-box-sizing:border-box;box-sizing:border-box}.content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}button{margin:0;padding:0;outline:none}.gamediv{width:880px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}#canvasdiv{width:880px;height:880px;margin:10px auto 12px auto;display:inline-block;position:relative}canvas{opacity:0.75}.dbuttons{width:100%;height:25px;margin:0.5rem auto 0.1rem auto}#dropbuttons{width:100%;height:25px;margin:0;padding:0;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:default}#meldungdiv{width:100%;height:20px;margin:0 auto 0.25rem auto;padding:0;text-align:center;color:#ddd}.buttons{width:100%;margin:0.25rem auto 0.25rem auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.button02{width:10rem;height:1.75rem;font-family:"RotisSemiSans","Verdana",sans-serif;font-weight:bold;font-size:16px;color:#aad6f8;text-decoration:none;letter-spacing:0.05rem;padding:0;margin:0 auto;cursor:pointer;border:1px solid #444;border-radius:5px;background-image:-webkit-gradient(linear, left top, left bottom, from(#39393d), to(#23232a));background-image:linear-gradient(to bottom, #39393d, #23232a);background-repeat:repeat-x;-webkit-transition:all .25s ease;transition:all .25s ease;outline:none}.button02:hover{color:#fd8f00}.arrow-q-down{width:13.8%;height:25px;margin:0;padding:0;cursor:pointer;outline:none;border:1px solid #444;border-radius:5px;background-image:-webkit-gradient(linear, left top, left bottom, from(#39393d), to(#23232a));background-image:linear-gradient(to bottom, #39393d, #23232a);background-repeat:repeat-x;display:inline-block}.arrow-q-down:before{width:14px;height:14px;top:-3px;left:0px;content:'';position:relative;display:inline-block;border-top:4px solid #2981c4;border-left:4px solid #2981c4;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.arrow-q-down:hover:before{border-top:4px solid #fd8f00;border-left:4px solid #fd8f00}#infocontent{width:100%;height:auto;position:absolute;top:0px;left:0px;padding:5px 0px 12px 0px;background:#000;border:1px solid #444;z-index:3;cursor:default;display:none;opacity:0}#infocontent h1{font-size:1.5rem;text-align:left;margin:8px 0px 0px 18px;letter-spacing:0.05rem}#infocontent h5{font-size:1.25rem;text-align:left;margin:14px 0px 4px 18px;letter-spacing:0.05rem}#infocontent p{font-size:1rem;line-height:1.35rem;color:#ddd;text-align:left;margin:6px 0px 0px 18px;width:92%;letter-spacing:0.05rem}.closebutton{width:20px;height:20px;position:relative;float:right;top:8px;right:10px;background-image:url("../svg/close-dark.svg");background-repeat:no-repeat;background-size:20px;background-position:0px 0px;cursor:pointer;-webkit-transition:all .25s ease;transition:all .25s ease}.closebutton:hover{background-image:url("../svg/close-bright.svg");background-repeat:no-repeat}@media (max-width: 1920px){.gamediv{width:440px}#canvasdiv{width:440px;height:440px;margin:10px auto 12px auto;position:relative}.arrow-q-down{width:13.32%}}@media (max-width: 980px){.content{display:block;overflow-y:inherit}.buttons{margin:0.5rem auto 1.5rem auto}}@media (max-width: 414px){.gamediv{width:380px}#canvasdiv{width:380px;height:380px}.arrow-q-down{width:13.16%}#infocontent{width:100%;height:auto;position:fixed;bottom:0;top:6em;left:0px;overflow-y:auto}.closebutton{position:fixed;top:6.75em;right:0.75em}}@media (max-width: 380px){.gamediv{width:340px}#canvasdiv{width:340px;height:340px}.arrow-q-down{width:13%}}@media (max-width: 360px){.gamediv{width:330px}#canvasdiv{width:330px;height:330px}.arrow-q-down{width:12.99%}}@media (max-width: 320px){.gamediv{width:290px}#canvasdiv{width:290px;height:290px}.arrow-q-down{width:12.82%}}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.buttons{width:100%;display:inline-block}.button02{margin:0.5rem auto 0 auto;display:block}}.brightmode #meldungdiv{color:#000}.brightmode .button02{color:#2472b9;border:1px solid #ccc;background-image:-webkit-gradient(linear, left top, left bottom, from(#e7e7e7), to(#aeaeb5));background-image:linear-gradient(to bottom, #e7e7e7, #aeaeb5);background-repeat:repeat-x}.brightmode .button02:hover{color:#fd8f00}.brightmode .arrow-q-down{border:1px solid #ccc;background-image:-webkit-gradient(linear, left top, left bottom, from(#e7e7e7), to(#aeaeb5));background-image:linear-gradient(to bottom, #e7e7e7, #aeaeb5);background-repeat:repeat-x}.brightmode .arrow-q-down:before{border-top:4px solid #2981c4;border-left:4px solid #2981c4}.brightmode .arrow-q-down:hover:before{border-top:4px solid #fd8f00;border-left:4px solid #fd8f00}.brightmode #infocontent{background:#f7f7f7;border:1px solid #ccc}.brightmode #infocontent p{color:#000}