nav{width:90%;margin-left:auto;margin-right:auto;margin-top:20px;z-index:99}
label{margin-right:0;display:flex;color:#fff;font-size:24px;padding:3px 5px;background:#15e;border-radius:9px}
#menu{margin-left:150px;width:65%;max-width:90%;min-height:54px;visibility:hidden;transition:all 1s;opacity:0}
input[type=checkbox]{display:none}
input[type=checkbox]:checked~#menu{visibility:visible;opacity:1;margin-top:0;margin-left:45px}
ul{position:fixed;display:flex;flex-direction:column;margin:0;background:#444;border-radius:9px;padding:0;list-style:none;z-index:999;line-height:2}
li{margin:3px;border:1px solid #888;border-radius:9px 1px;justify-content:center;width:150px;}


@media (min-width:1024px) and (orientation:landscape) {
section{text-align:center;align-items:center}
#menu{width:20%;margin-left:auto;margin-right:auto;transition:none;visibility:visible;opacity:1}
ul{flex-direction: row;visibility:visible;opacity:1;}
li{width:max-content;}
label{display:none}
input[type=checkbox]:checked~#menu{margin-top:-12rem;margin-left:0}
.seiten{display:flex;width:100%}    
} 


.top {text-decoration:none; padding:6px; font-size:26px; color:#33f; background:#f33; border-radius:100px;
  position:sticky; bottom:10px; --offset:100px; margin-top:calc(100vh + var(--offset)); margin-left:91%;
  text-align:center; border:2px solid #000; }
.top a {color:#66f;background:0;text-decoration:none}