@font-face { font-family:federo; src:url(federo.woff2) format("truetype")  }

body,html {height:100vh; width:96vw; font-family:federo,Arial,Verdana; font-size:100%; color:#000; line-height:1.3 }
body { background:#9aa; background-image:url(bg_karte5.jpg) ;background-attachment: fixed;}
img { vertical-align:top; max-width:300px; max-height:200px;float:left;margin-right:9px }

section { width:90%; margin:0 auto; background:rgba(220,200,200,.3);  padding:18px;  border:1px solid #900; border-radius:8px }
h1 { font-size:90%; width:80%; margin:0 50px 0 0; text-shadow:1px 1px 1px #a66;text-align:center }

hr {margin:3px}
a {color:#15b; text-decoration:none }
a:hover { color:#000; background:#fff; }

input { width:fit-content; background-color:#eff; padding:4px;  border:1px solid #900;  border-radius:5px }

.notiz { padding:3px;}  
.eintr, .text {background:linear-gradient(to bottom, #bdf 1%, #ded 50%, #da8 100%); padding:8px;border:1px solid #900; border-radius:3px }
.eintr { font-size:80%; border-bottom:0;}
.text  { text-align:justify;margin:0 0 4px 0; min-height:205px }
.inf   { position:absolute;  top:15px;  right:25px;  font-size:80% }

.top { font-size:26px; position:fixed; top:0; margin-top: 90%;margin-left:75%; background:#b11; border-radius:10px }

@media (min-width:450px) {
h1 { font-size:120%; margin:0 }  
section { width:80% }
.inf { right:155px }
.top { font-size:26px;position:sticky;bottom:40px;--offset:100px;margin-top:calc(100vh + var(--offset));margin-left:94% }  
}