@charset "utf-8";
*{/* border:1px red solid */}
nav{
	width: 100%;
	float: left;
	background-color: rgba(48,46,46,0.7);
	height:auto;
	box-shadow: -10px -10px 53px -15px rgba(0,0,0,0.75);
	}
	
.open, .close {
	visibility:hidden;
	display:none;
	height:0px;
	}


#inh {
	width: 100%;
	position:relative;
	float: left;
	margin-top: -50px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 2s ease;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #B00130), to(#6B011D ));
	background-image: -webkit-linear-gradient(#B00130 ,#6B011D  );
	background-image: -moz-linear-gradient(#B00130 ,#6B011D );
	background-image: -ms-linear-gradient(#B00130 ,#6B011D);
	background-image: -o-linear-gradient(#B00130 ,#6B011D);
	background-image: linear-gradient(#ccc ,#333);
	}


#inh ul{
    margin-bottom:0;
    height: auto;
    margin-left: 3.9%;
    margin-top: 3px;
    float: left;
    display: block;
    width: 95.4%;
   }

#inh ul li{
	font-size: 120%;
	list-style-type: none;
	list-style-image: none;
	max-width: 150px;/* ========DIE BREITE DER TABELLENREITER IM MENÜ =======*/
	float:left;
	overflow:hidden;
	height: 75px;
	padding-right: 13%;
	margin-left: 0;
	line-height: 75px;
	color: white;
	margin-left: 0;
	text-shadow: 2px 2px 6px rgba(0,0, 0, 1);
	/* display: block; */
	/* -webkit-padding-start: 0px; */
	/* -webkit-margin-before: 0em; */
	/* -webkit-margin-after: 0em; */
	}
#inh li:nth-child(6){padding-right: 5%;float: right;}

#inh li:hover, 	#inh ul li a:hover{
	
	overflow:visible;
	color: #b62424;
	text-shadow: none;
	}


#inh ul li a{
	/* width: 100%; */
	color:  white;
	display: block;
	line-height: 75px;
	margin-top: 0;
	color: white;
	text-shadow: 2px 2px 6px rgba(0,0, 0, 1);
	}
#inh ul li li a{
	width: 100%;
	color:  white;
	display: block;
	line-height: 45px;
	font-size: 80%;
	margin-top: 0;
	color: white;
	text-shadow: 2px 2px 6px rgba(0,0, 0, 1);
	}
 ul li li{
	/* width: 100%; */
	color:  white;
	display: block;
	/* height: 80px; */
	line-height: 75px;
	/* font-size: 110%; */
	margin-top: 0;
	color: white;
	text-shadow: 2px 2px 6px rgba(0,0, 0, 1);
	}

#inh ul li a.current{
	color: #b62424;text-shadow: 2px 2px 6px rgba(0,0, 0, 0.21);
	}



#inh img {
    margin-bottom: 0;
    margin-left: 6px;
 }

#inh ul li ul{
	z-index:333;
	float:left;
	overflow: visible;
	height:auto;
	box-shadow: 10px 10px 53px -15px rgba(0,0,0,0.75); 
	margin-top: 0;
	margin-left: -10px;
	padding: 5% 19% 5% 12px;
	display: block;
	background-color: rgba(40,40,40,0.6);
	}

#inh ul ul li {
	height: 45px;
	line-height: 45px;
	width: 96%!important;
	}
#inh ul ul li:hover{
	text-shadow:none
}


@media only screen and (max-width: 1500px) {
#inh ul li {padding-right: 12.6%;}
#inh ul{margin-left: 4.5%;}
#inh {
	margin-top: 0;
}
}
@media only screen and (max-width: 1400px) {
#inh ul li {padding-right: 12.4%;}

}
@media only screen and (max-width: 1345px) {
#inh ul li {padding-right: 12%;}

}
@media only screen and (max-width: 1270px) {
#inh ul li {padding-right: 11.6%;}

}
@media only screen and (max-width: 1200px) {
#inh ul li {padding-right: 11%}
}
@media only screen and (max-width: 1111px) {
#inh ul li {padding-right: 10.2%;}
}
@media only screen and (max-width: 1010px) {
#inh ul li {padding-right: 9.4%;}
}
@media only screen and (max-width: 928px) {
#inh ul li {padding-right: 9%;}
}
@media only screen and (max-width: 885px) {
#inh ul li {padding-right: 8%;}
}
@media only screen and (max-width: 850px) {

#inh li:nth-child(6){float: left;}
.open,  .close {
	visibility: visible;
	position:absolute;
	display: block;
	float:right;
	right: 20px;
	top: 18px;
	width: 40px;
	}
 
#inh{
	background-color: rgba(0,0, 0, 0.8);
	}

#inh, :not(:target) #inh {
	top: -1280px;
	position:absolute;
	left:0;
	width: 100%;
	z-index:300;
	margin-top:0;
	text-align: center;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	}

#inh:target {    
	top:0;
	height: auto;	
	-webkit-transition: all 1s ease; 	
	-moz-transition: all 1s ease;	
	-o-transition: all 1s ease; 	
	transition: all 1s ease; 
	}

#inh ul li{
	width: 31%;
	float:left;
	text-align: left;
	list-style-type: none;
	list-style-image: none;
	padding-left: 2%;
	font-size: 110%;
	height: auto;
	min-width: 120px;
	text-align: left;
	margin-left: 0;
	line-height: 54px;
	display: block;
	max-width: 100%;
	padding-right: 16%;
	}
#inh ul{
    width:93%;
    box-shadow: none;
}
#inh ul li ul{
 	box-shadow: none;
	background-color: transparent;
	}


	
#inh ul li li{
	width: 43%;
	clear: both;
	color: white;
	font-size: 110%;
	}

#inh ul li a{
	height: 45px;
	line-height: 45px;
	text-align:left;
	padding-left:0;

	width: 100%;
	text-transform: none;
	}
	
#inh ul li li a{
	height: 25px;
	line-height: 25px;
	text-align:left;
	color:white;
	font-size: 92%;
	margin-left: 18%;
	text-transform: none;
	}

#inh ul li a:hover{
	/* color:#c93; */
	}

#inh ul li ul{
	background-image:none
	}
}
@media only screen and (max-width: 799px) {
.open,  .close {
	
	top: 12px;

	}
}
@media only screen and (max-width: 499px) {
#inh ul li li{
	width:99%
	}
}

@media only screen and (max-width: 399px) {
.kontakt{font-size:200%;margin-top:-152px}

.open,  .close {	
	top: 5px;
	right: 5px;
	}
}

@media only screen and (max-width: 300px) {
.kontakt{font-size:200%;margin-top:-112px}


}