html{width:100%;height:100%;font-family:Arial,sans-serif}body{width:100%;height:100%;padding:0;margin:0;overflow:hidden}main{width:100%;height:100%}#main{display:grid;grid-template-columns:80% 20%;height:calc(100% - 3em - 10px)}.material-icon{font-family:Material Icons,sans-serif !important;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}#modal{display:none;position:fixed;z-index:100000;padding-top:50px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.8)}#content{background-color:#fefefe;margin:auto;padding:20px;border:1px solid #888;width:90%;height:calc(100% - 142px);border-radius:5px}.divider{background:#585858;height:.1em;margin:.5em 0 .5em}#modal_header{display:grid;grid-template-columns:90% 10%}#modal_header #modal_title{grid-column:1;margin:0}#modal_header>span{grid-column:2;display:flex;justify-content:flex-end;align-items:center}#modal_header span i{cursor:pointer}#spielanleitung{background-color:#fefefe;width:100%;height:calc(100% - 50px)}#manual{width:100%;height:calc(100% - 50px)}@media only screen and (max-width:980px){#main{display:grid;grid-template-columns:unset;grid-template-rows:60% 40%;height:100%}#spielanleitung{font-size:5em}#modal_header{font-size:3em;text-align:center}}