html { background-image : url(europa-karte.jpg); background-attachment: fixed; }  
section { width:90%; margin:0 auto; background:rgba(220,200,200,.4);  padding:18px;  border:1px solid #900; border-radius:8px }
h1 { font-size:110%; width:80%; margin:0 50px 0 0; text-shadow:1px 1px 1px #a66;text-align:center }    
r {margin:4px; padding:0;}    
.hel, .dun { padding:5px; clear:both; border-bottom: thin dotted maroon; min-height:50px; line-height:1.4;}
.hel { background-color:rgba(254, 243, 199, .8);}
.dun { background-color:rgba(219, 260, 229, .8);}
.ant { background-color: #f88; padding:5px;}
.user	{ width:13%; float:left; font-size:80%; vertical-align:top;}
.note	{ width:84%; margin-left:16%; font-size:100%; }  
.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% }  
}