ul,li{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
header,nav{display:block}


a {
	text-decoration: none;

	outline: none;
}

a:hover, a:focus {
	outline: none;
}

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

body{
    overflow:auto;
}
body.mobile-menu-open{
overflow:hidden;
position:fixed
}



header{
border-bottom:1px solid #dedede;
width:100%;
position:fixed;
top:0;
left:0;
background-color: white;

}
.menu h2 {
	margin: 0;
	font-family: 'Raleway', sans-serif;
	padding: 1em;
	color: #FFFFFF;
	font-weight: 300;
	font-size: 2em;
}

.menu li a {                 /*die Links des Menüs*/
	display: block;
	padding: 1em 1em 1em 1.2em;
	outline: none;
	box-shadow: inset 0 -1px #3A865A;
	color: #DEDEDE;
	font-family: 'Raleway', sans-serif;
	-webkit-transition: background 0.3s, box-shadow 0.3s;
	transition: background 0.3s, box-shadow 0.3s;
}
.menu li:first-child a {
	box-shadow: inset 0 -1px #3A865A, inset 0 1px #3A865A;
}

.menu li a:hover {
	background: #3A865A;
	box-shadow: inset 0 -1px #3A865A;
	color: #FFFFFF;
}

.ac-container label{
    font-family: 'Raleway', sans-serif;
	position: relative;
	z-index: 20;
	display: block;
	height: 50px;
	cursor: pointer;
    background: #31363C;
    padding-left: 1em  ;
    color: #DEDEDE;
	-webkit-transition: background 0.3s, box-shadow 0.3s;
	transition: background 0.3s, box-shadow 0.3s;
	border-top : 1px #3A865A solid;
	border-bottom : 1px #3A865A solid;


}
.ac-container label:hover{
	background: #3A865A;
	color: #FFFFFF;
}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{
background: #3A865A;
	color: #FFFFFF;
}

.ac-container input{
	display: none;
}


.ac-container article{
	background: #4D5258;
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
	-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}

.ac-container input:checked ~ article{
	-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
}
.ac-container input:checked ~ article.ac-small{
	height: 152px;
}
.ac-container input:checked ~ article.ac-medium{
	height: 203px;
}
.ac-container input:checked ~ article.ac-large{
	height: 305px;
}




header div.main-nav nav ul.first{display:none}

header div.main-nav nav.mobile-menu-open ul.menu.first{
display:block;
width:100%;
background: #31363C;
position:absolute;
left:0;
top:60px;
-webkit-box-shadow:0px 3px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow:0px 3px 5px 0px rgba(0,0,0,0.3);
box-shadow:0px 3px 5px 0px rgba(0,0,0,0.3);
height:800px;
height:870px;
overflow:auto
}


.ac-table{
    padding-top:0px;
    height:50px;
    width:100%;
}




 /*Opener*/

header div.main-nav nav a.menu-opener{display:block;float:right;line-height:60px;font-size:30px;color:#1e1e1e;width:60px;height:60px;position:relative;text-align:center;margin-right:-10px}
header div.main-nav nav a.menu-opener span{position:absolute;left:0;top:0;display:inline-block;width:60px;line-height:60px;-webkit-transition:-webkit-transform 400ms ease-out,opacity 400ms;-moz-transition:-moz-transform 400ms ease-out,opacity 400ms;transition:transform 400ms ease-out,opacity 400ms}
header div.main-nav nav a.menu-opener span.close{font-size:20px;opacity:0;-moz-transform:rotate(-30deg);-ms-transform:rotate(-30deg);-o-transform:rotate(-30deg);-webkit-transform:rotate(-30deg)}
header div.main-nav nav a.menu-opener span.open{opacity:1}
header div.main-nav nav.mobile-menu-open a.menu-opener span.close{opacity:1;-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg)}
header div.main-nav nav.mobile-menu-open a.menu-opener span.open{opacity:0;-moz-transform:rotate(30deg);-ms-transform:rotate(30deg);-o-transform:rotate(30deg);-webkit-transform:rotate(30deg)}




/*Search*/


.mobile-search-button{
display:block;
float:right;
line-height:60px;
font-size:23px;
color:#00b9e4;
margin-left:10px;
margin-right: 20px;
}

/*Logo*/


div.meta a.logo{
position:absolute;
left:0;
top:0;

}
div.meta a.logo img{
width:auto;
height:45px;
margin:9px 0 0 15px;
display:block
}