﻿@charset "utf-8";
#inh div.menue1 ul li, #inh div.menue2 ul li, #inh div.menue3 ul li, #inh div.menue4 ul li {	
	width:100%;
}
.open1 {	
	position:absolute;
	top:0; 
	height: 42px;	
	width: 97%;	
	margin:0 -3px ;
	text-align: center;	
	display: block;	
	border-radius:2px;
	float:left;
	box-shadow: 2px 2px 5px 2px #666;	
	color:#F7D878;
	font-size:110%;
}
.open1 a, .close a{line-height:42px}
.open1 a:visited{	color:#F7D878;}
span.open1 a:hover{	color: white;}
.open1 a{color:white;text-decoration:none}
.close{
	width:95%;
	border-radius:4px;
	margin:12px auto ;
	height:45px;
	text-align:center;
	box-shadow: 2px 2px 5px 2px #444;
	margin-bottom:25px;
	color:#F7D878;
}

#inh {	
width:100%;
margin-top:-1280px;	
height:0px;
z-index:1000;
position:absolute;	
left:0;
-webkit-transition: all 1s ease; 	
-moz-transition: all 1s ease;	
-o-transition: all 1s ease; 	
transition: all 1s ease; 
}
#inh:target, #inh2:target{    
clear:both;
width:100%; 
margin-top:0px;
top:0;
height:1095px;	
-webkit-transition: all 1s ease; 	
-moz-transition: all 1s ease;	
-o-transition: all 1s ease; 	
transition: all 1s ease; 
}
#back {	color: #F7D878;}
#back:target { margin-top:-480px;} 
:not(:target) .beweg {    
-webkit-transition: all 1s ease;    
-moz-transition: all 1s ease;    
-o-transition: all 1s ease;     
transition: all 1s ease; text-decoration:none;
}

#inh  li {	
width:100%;
float:left;	
padding:0;	
list-style-type:none;	
height:62px;	
line-height:50px;
height:50px;
margin-left: 0px;

}
#inh  a{	
	height:28px;line-height:42px;color:#F7D878;text-decoration:none
}
#inh  a:hover{	
	color:white
}
#inh li  a{	
color:#F7D878;
font-size:100%;
margin-left:30px;
border-bottom:none
}
#inh.beweg ul li a:hover{text-decoration:none;border-bottom:none}
#inh  li:hover,#inh li a:hover{	color:white;}

#inh li.current a{color:white;line-height:62px}


@media only screen and (min-width: 481px) {
#inh  li{	width:45%;}
#inh:target{   height:725px;}
.open1 {		width: 96.3%;	}
.menue0, .menue1,  .menue2, .menue3, .menue4, .menue5{
width: 46%;
float: left;
}
.menue1, .menue5{clear:both}
}

@media only screen and (min-width: 792px) {
.open1 {visibility:hidden;	display:none;height:0px;}
.menue_abstand{margin-top:20px}
#inh  a{line-height:22px;}

#inh  a.current{color:white;border-bottom:1px white solid;font-size:93%}
#inh  li a.current{color:white;border-bottom:none;}

#inh  li {	
text-align:center;margin-left: -25px;
}
#inh:not(:target), #inh,#inh:target{	
	margin-top:0px;		
	width: 100%; 
	position:absolute;
	right:0;
	background-color:transparent;
	-webkit-transition: all 1s ease; 	
	-moz-transition: all 1s ease;	
	-o-transition: all 1s ease; 	
	transition: all 1s ease; 
}
#inh  li{	
	width:100%;
}


#inh  li.handy{	
	height:4px;line-height:4px;margin-top:-10px;margin-bottom:14px
}

#inh  a{	
	
	display:table-cell;width:90%;margin-left:5%;text-decoration:none;font-size:93%;
	vertical-align:middle;border-bottom:1px #F7D878 solid;height:32px;padding-top:8px;float:left
} 

.close{
	visibility:hidden;
	display:none;
	height:00px;
}


#inh, :not(:target) #inh {	
	width: 100%; 
	height:40px;
	position:relative;
	right:0;top:0;
	background-color:transparent;
	-webkit-transition: all 1s ease; 	
	-moz-transition: all 1s ease;	
	-o-transition: all 1s ease; 	
	transition: all 1s ease; 
	
}	
nav{
	height:65px;
	clear:both;

}

#inh a:hover {color: white;border-bottom:1px white solid}


#inh ul{height:45px;display:block;float:left;width:100%;padding-left:0;margin-top:0}
.menue0, .menue1, .menue2,.menue3, .menue4, .menue5{
	position:relative;
	padding-top: 8px;
	padding-bottom: 32px;
	display: block;
	overflow: hidden;
	clear: none;
	float: left;
	height: 20px;
	line-height: 20px;
	margin-bottom: 0px;
	-webkit-transition: all 0.41s;
	-moz-transition: all 0.41s;
	-o-transition: all 0.41s;
	transition: all 0.41s;
	color: white;
	width: 16.4%;
	text-align: center;	
}


.menue0{width: 8.0%;padding-left:2%}
.menue1{width: 22.4%;}
.menue2{width: 23.4%;}
.menue3{width: 18.0%;}
.menue4{width: 14.0%;}
.menue5{width: 10.0%;padding-left:1%}

.menue1:hover,.menue2:hover,.menue4:hover {
	cursor:default;
	height:235px;border-bottom:1px white solid;
	background-color:rgba(127,40,40,.94);
	-webkit-transition: all 0.8s ;
	-moz-transition: all 0.8s ;
	-o-transition: all 0.8s ;
	transition: all 0.8s ;
}

/*====================== Menü Überschriften Ausklapppunkte Desktop =======*/
 .titel1 {
	line-height:44px;
	height:42px;
	text-align:center; margin-top:0;
	font-size:110%;
	
}
.titel1:hover{color:white;}
}
@media only screen and (min-width: 1200px) {

.menue0{width: 15.0%;padding-left:0%}
.menue1{width: 17.4%;}
.menue2{width: 17.4%;}
.menue3{width: 17.0%;}
.menue4{width: 16.0%;}
.menue5{width: 16.0%;padding-left:0%}

}
