@font-face{font-family:"poppins";src:url(poppins.woff2) format("woff2")}
body,li,header{font-family:"poppins"}
*{margin:0;padding:0}
p{margin:.5em 1em;text-align:justify}
a {text-decoration:none}
article{background:#fff}
.mbild{display:inline-block}
header,body{background:linear-gradient(0deg,#fef7e4,#e6f2fe)}
header nav h1{min-width:300px;max-width:500px;display:inline-block}
header nav ul{display:inline-block}
header nav ul li:nth-child(<?php echo $nr; ?>){background:linear-gradient(0deg,#51c6d3,#d89e4c)}
header nav ul li a,header a:link,header a:visited{font-weight:600;color:#38645D;display:block;padding:.6em .8em;}
header nav ul li a:hover{color:#111}
header nav ul li a:active{color:#fff}
header nav ul li{display:inline-block;margin:auto;border:2px solid #bee;border-style:outset;border-radius:12px 2px}
header nav ul li:hover{background:linear-gradient(0deg,#daf5f4,#9ae0dc)}
header,article,aside{border:1px solid #bee;border-style:outset;border-radius:4px;margin:1em}
.bild{max-width:120px;margin:10px;float:left}
footer{text-align:center;padding:.8em}

.top { font-size:26px;position:sticky;bottom:40px; --offset: 100px; margin-top: calc(100vh + var(--offset)); margin-left:91%}