body{margin:0;padding:0;color:#bbb;background-color:#fcc;font-family:roboto,verdana,georgia,times,sans-serif;background-image:linear-gradient(to top,#051937,#311d4e,#621555,#910048,#b1002b)}
ul,li{margin:5px}
#wrapper{background-color:#fcc;margin-top:10px;width:90%;margin-left:auto;margin-right:auto}
#top{background-color:#600}
#top-inner{max-width:1280px;margin:0 auto;padding:10px;font-size:1em;display:flex;justify-content:space-around}
#nav-h{background-color:#d12;margin:10px 0 2px;padding:20px 20px 0;height:50px;border-radius:5px;background-image:linear-gradient(#DF1E2E 0%,#8A121C 100%)}
a{color:#fff;background-color:transparent;border:1px solid #799;padding:5px 20px;margin:5px;text-align:left;font-weight:400}
a:hover, a:focus{color:#fff;background-color:#000;text-decoration:none;border-radius:5px}
header{margin:0 auto;padding:0;background-color:#5D5D5D;background:linear-gradient(#D54545 0%,#F6C0C0 100%);height:280px;background-image:url(bg_tulpe.jpg)}
div#headerleft{margin:0 auto;text-align:left;max-width:1280px}
.headertextbig{color:#FFF;font-size:2em;font-style:italic;font-variant:small-caps;font-weight:700;padding-top:20px;padding-left:10px}
.headertextsmall{font-size:1em;font-weight:700;padding-top:5px;padding-left:10px}
#main-inner{margin:0 auto;padding:3%;background-color:#fff;color:#333;margin:-150px auto 0 auto;max-width:1280px;box-shadow:0 2px 5px 2px #777}
aside{font-size:1em;width:25%;float:right;padding:2px}
aside h2{color:#fff;background-color:#AD1212;font-size:1.2em;font-weight:700;font-style:italic;margin:10px 0;padding:5px;letter-spacing:1px;line-height:20px}
nav{list-style-type:none;padding:0;margin:0;text-align:left;background-color:transparent}
nav ul{padding:0;margin:0;font-size:1em}
nav li{list-style:none;margin:0;padding:0}
nav ul a:link,nav ul a:visited,nav ul a:active{color:#222F;background-color:#edd;margin:1px;padding:5px;text-decoration:none;display:block;font-weight:700;line-height:1.6em}
nav ul a:hover,nav ul a:focus{font-weight:700;text-decoration:none;color:#fff;background-color:#a22}
article{margin-right:27%;padding:10px 0;font-size:1em;font-weight:400;text-align:left;line-height:1.5em;min-height:40vw}
article h1{font-size:1.5em;color:#FF3F00;font-style:italic;text-align:center;margin:0}
article h2{color:#8F8F8F;background-color:inherit;font-size:1.4em;text-align:left;margin:3px;padding:2px}
article h3{color:#FF7575;background-color:inherit;font-size:1.2em;font-style:italic;padding-left:5px;font-weight:700}
article h4{color:#fff;background-color:#F6C0C0;font-size:1em;font-weight:700;margin:0;padding:2px;font-family:verdana,arial,helvetica,sans-serif;letter-spacing:1px;text-align:center}
article h5{color:#3F3F3F;background-color:inherit;font-size:1em;font-weight:700;margin:2px;padding:0}
article p{margin:8px 2px}
footer{margin:2px;padding:0;text-align:center;color:#500;background-color:#eee;width:90%;margin-left:5%}
footer a{color:#055}
.fussinhalt{margin:0 auto;letter-spacing:1px}
div#footerinnerbox1{width:25%;margin:1% 1% 1% 20%;letter-spacing:1px;float:left;background-color:transparent;text-align:left}
div#footerinnerbox1 h2{margin:0;padding:0;background-color:transparent;text-align:left;color:#000;border-bottom:1px solid #000;line-height:1.2em}
div#footerinnerbox2{margin:1% 1% 1% 10%;padding:0;width:25%;float:left;text-align:justify}
div#footerinnerbox2 h2{margin:0;padding:0;font-size:1.4rem;color:#000;text-align:left;border-bottom:1px solid #000;line-height:1.4rem}
.footermenue{padding:5px 0 0;margin:0;text-align:left}
.footerlink{text-align:center;font-size:.8rem}
.footerlink a{color:#bbb}
a{border:1px solid #fff;margin:3px;border-radius:10px 2px}
.clear{clear:both;margin:0;padding:0;line-height:1px}
.klein img{border:0;max-width:100%;height:auto;display:flex}
.klein1{width:400px;margin-left:auto;margin-right:auto}
.copyright{font-size:6pt;text-align:center;font-weight:400;padding-bottom:5px;margin:0}
.top { font-size:26px;position:sticky;bottom:40px; --offset: 100px; margin-top: calc(100vh + var(--offset)); margin-left:91%}
@media (max-width: 768px) {
header{font-size:.7em}
.headertext{padding:2px;letter-spacing:1px;margin:3px;line-height:1em;text-align:center;float:none}
.headertextbig{font-size:14pt;padding-top:30px}
#topnavi{float:none;text-align:center;margin-top:2px;padding-top:0}
aside{float:none;width:100%}
nav ul{list-style-type:none;padding:0;margin:0;font-size:.7em}
article{margin:0;width:100%}
}
@media (max-width: 640px) {
h1,h2,h3,h4,h5{font-size:1em}
#top-inner{padding:5px;font-size:.7em}
main{margin:-180px auto 0}
aside{float:none;width:98%}
article{width:98%}
footer{width:90%}
}
@media (max-width: 480px) {
#wrapper{width:95%}
.headertext{padding:1px;letter-spacing:1px;margin:1px}
aside{width:95%}
article{padding:2px;margin:0 auto;font-size:1em;line-height:1.338em;width:95%}
}