a,article,body,div,footer,header,html,img,li,menu,nav,p,section,span,ul{margin:0;padding:0;border:0}
*,:after,:before{box-sizing:inherit}
html{box-sizing:border-box;background:#334}
body,input,nav{font-family:Verdana,Arial,sans-serif;font-size:110%;color:#ffe;line-height:1.85em}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline}
ul{list-style:none}
input{appearance:none}
h1,h2,h3,h4,h5,h6{font-weight:800;letter-spacing:.04em;color:#444;margin:0 0 .5em}
h2{font-size:2em;margin:0 0 1.5em;line-height:1em}
h3{font-size:1.35em;margin-top:2em}
p{margin-bottom:2em}
.container{margin:0 auto;max-width:calc(100% - 100px);width:1200px}
#wahl0, #wahl1, #wahl2, #wahl3, #wahl4 {background: rgba(200,0,0,.6);}

@media screen and (max-width:1280px) {
.container{width:100%}
}
@media screen and (max-width:980px) {
.container{width:100%}
}
@media screen and (max-width:736px) {
.container{width:100%;max-width:100%}
}
.row{display:flex;flex-wrap:wrap;box-sizing:border-box;align-items:stretch}
.row>*{box-sizing:border-box}
.row>.col-1{width:8.33%}
.row>.col-2{width:16.67%}
.row>.col-3{width:25%}
.row>.col-4{width:33.33%}
.row>.col-5{width:41.67%}
.row>.col-6{width:50%}
.row>.col-7{width:58.33%}
.row>.col-8{width:66.67%}
.row>.col-9{width:75%}
.row>.col-10{width:83.33%}
.row>.col-11{width:91.67%}
.row>.col-12{width:100%}
.row{margin-top:-50px;margin-left:-50px}
.row>*{padding:50px 0 0 50px}
@media screen and (max-width:1280px) {
.row{box-sizing:border-box;align-items:stretch}
.row>*{box-sizing:border-box}
.row{margin-top:-75px;margin-left:0}
.row>*{padding:20px 0 0 20px}
}
@media screen and (max-width:980px) {
.row{display:flex;flex-wrap:wrap;box-sizing:border-box;align-items:stretch}
.row>*{box-sizing:border-box}
.row>.col-1-medium{width:8.33%}
.row>.col-2-medium{width:16.67%}
.row>.col-3-medium{width:25%}
.row>.col-4-medium{width:33.33%}
.row>.col-5-medium{width:41.67%}
.row>.col-6-medium{width:50%}
.row>.col-7-medium{width:58.33%}
.row>.col-8-medium{width:66.67%}
.row>.col-9-medium{width:75%}
.row>.col-10-medium{width:83.33%}
.row>.col-11-medium{width:91.67%}
.row>.col-12-medium{width:100%}
.row{margin-top:-50px;margin-left:-50px}
.row>*{padding:50px 0 0 50px}
}
@media screen and (max-width:736px) {
.row{display:flex;flex-wrap:wrap;box-sizing:border-box;align-items:stretch}
.row>*{box-sizing:border-box}
.row{margin-top:-10px;margin-left:-10px}
.row>*{padding:10px 0 0 10px}
}
article,section{margin-bottom:6em;padding:5px;}
article:last-child,article>:last-child,section:last-child,section>:last-child{margin-bottom:0}
header{margin:0 0 2em}
header h2,header h3{margin:0 0 .25em}
header p{display:block;font-weight:700;letter-spacing:.065em;font-size:.9em;color:#696969;margin:0}
footer{margin:2.5em 0 0;max-height:500px;background:url(../images/bg01.jpg);background-position:center;background-size:cover}
header.major{border-bottom:1px solid #dbdbdb;margin:1em 0 1em}
header.major:after{content:'';display:block;border-top:1px solid #dbdbdb;height:8px}
header.major h2,header.major h3{margin:0 0 1.2em}
header.major p{margin:0 0 1em;position:relative;top:-1em}
.image{position:relative;display:inline-block}
.image img{display:block;width:100%;border-radius:8px}
.image:before{content:'';display:block;position:absolute;left:0;top:0;background:url(images/bg01.png);width:100%;height:100%;opacity:.75}
.image.featured{display:block;width:100%;margin:0 0 2.5em}
.image.featured.klein{display:block;width:60%;margin:.5em}
.image.left{float:left;margin:0 2em 2em 0}
.box.excerpt{position:relative;overflow:hidden}
.box.excerpt header{margin:0 0 1em}
.box.excerpt .image,.box.excerpt p{margin-bottom:0}
.box.feature1{text-align:center}
.box.feature1 header{margin-bottom:1em}
.box.feature1 header.first h2{font-size:2.5em}
.box.feature1 header.first p{font-size:1.2em}
.box.feature2{text-align:center}
.box.article-list article{border-bottom:1px solid #dbdbdb;margin:0 0 2.75em;padding:0 0 2.75em}
.box.article-list article:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}

#header-wrapper{padding:3em 0}
#main-wrapper{background:#fff}
#footer-wrapper{position:relative;padding:7em 0}
.wrapper{padding:7em 0}
.wrapper>.inner{position:relative;z-index:2}
.wrapper.style1{position:relative;text-shadow:1px 1px 0 #fff;background-color:#223}
.wrapper.style2,.wrapper.style3{position:relative;text-shadow:1px 1px 0 #c94;background-color:#223}
#header{position:relative;border-radius:10px;background:#222;padding:.65em;margin-bottom:0}
#header .inner{position:relative;height:5.5em;background-color:#3b3e45;background-color:#3b3e45;border-radius:8px;box-shadow:0 0 0 1px #000 inset,0 2px 1px 0 #fff inset;text-shadow:-1px -1px 0 #000}
#header h1{position:absolute;left:.5em;top:40%;font-size:2.3em;color:#fff;text-shadow:-1px -1px 1px hsl(0deg 88% 56%),-2px -2px 1px hsl(0deg 94% 62%),-3px -3px 1px hsl(43deg 65% 56%),-4px -4px 1px hsl(0deg 0% 0%),-5px -5px 1px hsl(0deg 0% 0%);letter-spacing:.2em;}
#footer{margin-bottom:0;text-shadow:-1px -1px 0 #000;position:relative;z-index:2}
#footer h2{font-size:1.35em;color:#fff}
#footer a{color:#eee}
#footer .button.alt{box-shadow:0 0 0 1px #000 inset,0 2px 1px 0 #fff inset;padding:5px 10px}
#footer ul.menu li{border-color:#444;border-color:#fff}
#footer ul.menu{margin:0}
@media screen and (max-width:1280px) {
body{line-height:1.75em;font-size:10.75pt}
input{line-height:1.75em;font-size:10.75pt}
#header-wrapper{padding:1em 0}
#footer-wrapper{padding:3em 0}
.wrapper{padding:4.5em 0}
}
@media screen and (max-width:980px) {
body,html{overflow-x:hidden}
.box.feature2 section{margin:1em 0}
#header-wrapper{display:none;display:block;padding-top:44px}

}
@media screen and (max-width:736px) {
body,input{line-height:1.75em;font-size:10pt;letter-spacing:0}
h2,h3,h4,h5,h6{font-size:13pt}
h2{line-height:1.5em}
article,section{margin-bottom:3em}
.image.left{width:25%}
.button{width:100%;font-size:1.1em;text-align:center;padding:1em 0;border-radius:8px}
.box.excerpt .image-left{margin-right:0}
.box.excerpt header{margin-left:32%}
.box.excerpt p{clear:both}
.box.feature1 section{margin-bottom:2em}
.box.spotlight{margin-top:2em}
#header-wrapper{background-position:35% 50%}
#footer-wrapper{padding:3em 20px}
#footer-wrapper article,#footer-wrapper section{margin-bottom:3em}
.wrapper{padding:3em 20px}
}
nav{position:absolute;right:.1em;top:-65px;line-height:2em}
.submenu { right:100%; position:absolute; top:60px; z-index: 0; perspective:600px; width:140px;}
.submenu li { opacity:1; transform:rotateY(90deg); transition:opacity .4s, transform .5s;width:140px;border:1px solid #9f8; border-radius:8px; text-align:center; }
.submenu ul { margin-top:20px;}
.menu > li:hover .submenu, .menu > li:focus .submenu { max-height: 2000px;  z-index:10; width:140px;}
.menu > li:hover .submenu li, .menu > li:focus .submenu li { opacity: 1; transform: none;background:#111;}
.menu .submenu li:hover a { color: #fff; background:#a11;}

nav {
	height: 5rem;
	text-align: right;
  width: max-content;
	float: right;
	margin-top: 5rem;
	z-index: 99
}
.drehen {
	transition: all .5s;
	display: inline-block;
	text-rendering: auto;
	font-size: 24px;
	font-weight: 900;
	color: #fff
}
.drehen:hover { transform: rotate(900deg) }
label {
	display: inline-block;
	color: #fff;
	background: #158;
	padding: .2rem .5rem;
	margin: .2rem
}
#menu {
	width: 100%;
	text-align: right;  
	visibility: hidden;
	transition: all 1s;
	opacity: 1;
}

#menu ul { display:inline-block; padding:5px;  width:min-content;} 
#menu li { list-style-type: none;	margin:.1rem;	padding:4px 8px;background:linear-gradient(#333, #555); border-radius:8px;text-align:center;}
#menu li a {
	display: block;
	text-align: center;
	text-decoration: none;
	padding:3px 8px;
	color: #fff;
	border-radius: 4px;
	font-size: 110%
}
#menu li a:hover { background: rgba(30, 200, 30, .7) }

input[type=checkbox] { display:none }
input[type=checkbox]:checked~#menu { visibility:visible; opacity: 1; }

@media (min-width: 480px) {	#menu li a { width:100%; padding:4px;} }

@media (min-width: 1024px) {
	#menu { transition:none; visibility:visible; opacity:1; margin-top:-10px;	margin-left:0	}
	nav { padding: 1rem }
	label { display: none }
	.menu ul { background: 0 0}
	.menu li { display: inline-block; margin:0;}
	.menu li a { width: 100%;	padding: 4px 12px }
  .submenu {right:5%;} 
  .submenu li { opacity:0;}
	input[type=checkbox]:checked~#menu { margin-top:0; margin-left:0 }
}

.top {
  text-decoration: none;
  padding:0 4px 4px 4px;
  font-size:22px;
  color: #33f;
  background: #f33;
  border-radius: 100px;
  position: sticky;
  bottom: 20px; 
  --offset: 100px;
  margin-top: calc(100vh + var(--offset));
  margin-left:91%;
  text-align:center;  
  border:2px solid #000;
  z-index:999;
}
.top a {color:#66f;text-decoration:none}