/* {overflow:hidden} */
body{background:#e7e7e7;text-align:center}

img{width:80%}
img.load{opacity:0}
img#dummy{display:block;margin:0 auto 7px}
li{display:inline-block;padding:2px}

/* Handheld */
@media (pointer:none),(pointer:coarse) and (max-width:1000px){
img#dummy{margin-top:0;width:100%;}
#ladewrapp{width:100%!important}
.button{margin:10px 0}
.header{padding-top:10px;margin:30px 0 20px -5px;font-size:30px}
.menu{margin:0 0 25px -50px;font-size:13.1px;line-height:25px}
}

/* Desktop */
@media only screen and (orientation: landscape) {
img#dummy{margin-top:0}
.button{margin-top:-2px}
.header{margin:15px 0;font-size:30px}
.menu{margin:15px 0 5px -25px;font-size:13.1px;line-height:25px}
}
/* Etwas kleinere Bilder und gleichmäßige Luft zum Fußtext. */
img#dummy { max-width: calc(100% - 32px); }
#ladewrapp { box-sizing: border-box; max-width: calc(100% - 32px); }
.footer { margin: 12px 0 20px; z-index: auto; }
@media (max-width: 768px) { img#dummy { width: 94%; } }