body{margin:30px auto;padding:0;background-color:#b12;font-family:"Trebuchet MS",tahoma,arial,helvetica,verdana,sans-serif;font-size:110%;color:#ccc;}
#seite{background-color:#200;margin:0 auto;width:90%;border-radius:15px;padding:20px}
header{margin:-20px 0 0 0}
div#top{margin:0 10px;padding:5px;background-color:#200;color:#fff;float:right;width:20%}
.toptitel{margin:10px;padding:10px 0 0 10px;font-size:2.5em;font-weight:700;color:#c00}

.shadow { font-size:2em; animation:textshadow 8s infinite alternate;}
@keyframes textshadow {
	0%   { text-shadow: 1px 1px 0px #444 }
	20%  { text-shadow: 2px 2px 1px #666 }
	30%  { text-shadow: 4px 5px 3px #999 }
	40%  { text-shadow: 5px 7px 3px #ccc }
	80%  { text-shadow: 1px 5px 2px #ccc }
	100% { text-shadow: 1px 4px 1px #eee }
}

a {text-decoration:none;font-size:1em;border-radius:5px}

.toptext{margin:0 0 0 10px;padding:0 0 0 30px;font-size:1em;font-weight:400;color:#aaa;font-style:italic}
.txt-right{text-align:justify}
#nav-h{background-color:#d12;margin:10px 0 30px;padding:14px 20px 6px 20px;height:30px;border-radius:5px;background-image:linear-gradient(#DF1E2E 0%,#8A121C 100%)}
.men-h a{color:#fff;background-color:transparent;border:1px solid #799;padding:5px 20px;margin:5px;text-align:left;font-weight:400}
.men-h a:hover,men-h a:focus{color:#fff;background-color:#000;text-decoration:none;border-radius:5px}

nav{width:20%;float:left;padding:2px;margin:0}
nav h2{color:#DF1E2E;background-color:#444;font-size:1.063em;font-weight:700;margin:0 0 10px;padding:5px;letter-spacing:1px;line-height:20px;border-radius:5px;border:1px solid #3A3A3A;background-image:linear-gradient(#505050 0%,#181818 100%)}
nav ul{list-style-type:none;padding:0;margin:0;border:1px dashed gray;border-radius:5px}
nav li{list-style:none;margin:0;padding:0;border-bottom:1px solid #666;}
nav ul a:link,nav ul a:visited,nav ul a:active{color:#fff;background-color:transparent;padding:3px 3px 3px 8px;margin:0;text-decoration:none;display:block;font-weight:400;font-size:.875em;line-height:25px}
nav ul a:hover,nav ul a:focus{font-weight:700;text-decoration:none;color:#FFF;font-weight:normal;background-color:#d12}
aside{width:20%;float:right;line-height:1.5;font-size:80%}
aside h2{color:#d12;background-color:#555;font-size:1.063em;font-weight:700;margin:0 0 10px;padding:5px;letter-spacing:1px;line-height:20px;border-radius:5px;border:1px solid #3A3A3A;background-image:linear-gradient(#505050 0%,#181818 100%)}
aside p{padding:5px;margin:0}
.textboxrighttext{text-align:justify;font-size:.75em;font-style:italic;border:1px dashed gray;border-radius:5px;margin-bottom:10px}
h1,h2,h3,h4 {font-family:"Trebuchet MS",georgia,calibri,serif;}

article{width:54%;margin-left:auto;margin-right:auto;margin-top:0;padding:0 10px;font-size:.813em;font-weight:400;text-align:left;line-height:1.5}
h1{font-size:2em;margin:0;color:#FFF;letter-spacing:1px}
h2{color:#fe6;font-size:1.5em;text-align:left;margin:3px;padding:2px}
h3{color:#DF1E2E;font-size:1.5em;font-style:italic;padding-left:5px;font-weight:400}
h4{color:#FFF;background-color:#8A121C;font-size:1.25em;font-weight:700;margin:0;padding:2px;letter-spacing:1px;text-align:center}
h5{color:#666;font-weight:700;margin:2px;padding:0}
article p{margin:8px 2px}
footer{color:#fff;margin:0;padding:10px 0;height:30px;text-align:center;}
a {color:#888;text-decoration:none;font-weight:700;padding:0;margin:0}
a:hover{color:#fff;}
img{border:0;max-width:100%;height:auto;display:block}
.klein{width:90%;margin:20px;margin-left:auto;margin-right:auto}
@media (max-width: 768px) {
header{font-size:.7em;height:110px;}
div#top{margin-bottom:0;padding:0}
.toptext{margin:0 0 0 10px;padding:0}
.toptextklein{padding:0}
#nav-h{height:100%;padding:10px 0;font-size:1.25em;display:none;}
.men-h a {display:block;text-align:center}
nav{float:none;width:100%;text-align:center;margin-bottom:10px;padding:0}
main{text-align:center}
aside{width:100%;float:none}
article{margin:0;padding:10px 0;font-size:10pt;font-weight:400;text-align:left;line-height:20px}
footer{margin:0;padding:10px 0}
}
@media (max-width: 480px) {
main{width:85%}
}

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