/* {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:10px 0;font-size:30px}
.menu{margin:-5px 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: -5px 0 10px; z-index: auto; }
@media (max-width: 768px) { img#dummy { width: 94%; } }
@media (max-width: 768px) {
    .footer {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 30px;
        padding-bottom: env(safe-area-inset-bottom, 0px);
    }
}