#menu{ position:absolute;   z-index:9998; width:100%; color: #FFF; text-align: right; top:25px; filter: drop-shadow(1px 1px 0px #000);}
#menu ul{
	list-style: outside none none;
	margin: 2% 0;
	float:right;
	padding-left:5%;
	padding-right:0;
	/*
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 5%, rgba(0,0,0,0.5) 95%, rgba(0,0,0,0) 100%); 
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 5%, rgba(0,0,0,0.5) 95%,rgba(0,0,0,0) 100%); 
	background-image: -o-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 5%, rgba(0,0,0,0.5) 95%,rgba(0,0,0,0) 100%); 
	background-image: linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 5%, rgba(0,0,0,0.5) 95%, rgba(0,0,0,0) 100%);	
	
	border-top:rgba(0,0,0,0.75) solid 1px;
	border-bottom:rgba(0,0,0,0.75) solid 1px;*/
}
#menu ul.lang-inline{
		padding-left:0;
		padding-right:0;
	}
#menu ul li{ display:inline-block; margin-right: 15px;}
#menu ul li a, #menu ul li a:visited{     
	text-decoration: none;
    color: #FFF;
    padding: 5px;
    border-bottom: 1px solid rgba(255, 255, 255, 0);
	letter-spacing:0.5px;	
}
#menu ul li a:hover{ border-bottom: 1px solid rgba(255, 255, 255, 1);}
#menu ul li.active a{ border-bottom: 1px solid rgba(255, 255, 255, 1);}

#filter{ position:absolute; right:1%; top:-10px; z-index:998; }
#filter ul{ float:right; }

#filter ul li { display:none;  }
#filter ul li.active { display:block;}
#filter ul li.parent { }

#filter ul li a, #filter ul li a:visited{ color:#FFF; background-color:#A5A5A5; padding:5px 30px 5px 10px; margin:1%; border:#fff solid 1px; width:300px;  display:table-cell; font-size:18px; line-height:1.5em;}

#filter ul li.active a{background-color:#4b4b4b; background-image:url(../img/Pfeil-unten.png); background-repeat:no-repeat; background-position:right; background-size:contain;}

#filter ul li a:hover{ background-color:#6b6b6b;}
#filter ul:hover li{ display:block;}
#filter ul:hover li.active a{ background-image:none;}
#filter h3{ float:left; margin:0 5px 0 0; padding:5px 10px; color:#FFF; background-color:#9EB0E6; border:#fff solid 1px; font-size:18px; line-height:1.5em;}

ul.breadcrumb { width:98%; margin:auto; margin-left:1%; float:left;}
ul.breadcrumb li{ display:inline-block;}
ul.breadcrumb li a{ padding:5px;}
ul.breadcrumb li a:first-child{ padding-left:0;}

ul.breadcrumb li.active{ padding:5px;}
ul.breadcrumb li a:hover{ color:#2F37B5;}
ul.breadcrumb li.active:first-child{ display:none;}

#menu .lang ul { float:right;}
#menu .lang ul li a{ 	border:rgba(255,255,255,1) solid 1px;
			
			color:#fff;

			-moz-border-radius: 100px / 70px;
			-webkit-border-radius: 100px / 70px;
			border-radius: 100px / 70px;			
			font-size:14px; 
			font-weight:bold;
			letter-spacing:1px;
			text-transform:lowercase;
			 padding:2px 5px 5px 5px;}
			 
ul.newsmenu{ margin-top:10px;}			 
ul.newsmenu li{ float:left; margin-right:10px; padding-right:10px; border-right:#000 solid 1px;}
ul.newsmenu li:last-child{ float:left; margin-right:0px; padding-right:0px; border-right:none;}

#menu h3 { display:none;}
@media screen and (min-width: 1100px) {
	
	
	 
 }
@media screen and (min-width: 820px) and 
  (max-width: 1100px) { 
  #filter{ position:absolute; left:1%; top:0px; z-index:998; width:485px; }
	#filter ul{ float:right; }
	ul.breadcrumb {padding-top:60px;}

} 
@media screen and (min-width: 450px) and 
  (max-width: 820px)  {
	  /*
	#logo{ position:relative; width:auto; left:auto; top:auto; text-align:center; padding-top:20px; background-color:#000;}  
  	#menu{  position:relative;  margin:0 0 0 0; padding:0 0 40px 0; text-align: center; border-bottom: 1px solid rgba(255, 255, 255, 0); }
	#menu ul{float:none; margin:0 0 0 0; }
	#menu ul li{  margin-right: 5px;}
	#menu ul li a, #menu ul li a:visited{ border-bottom: 1px solid rgba(25, 25, 25, 0);}
	#menu ul li a:hover{ border-bottom: 1px solid rgba(255, 255, 255, 0.8);}
	#menu ul li.active a{ border-bottom: 1px solid rgba(255, 255, 255, 0.8);}
	#menu .lang ul { float:none;}
	
	*/
	
	 #filter{ position:absolute; left:1%; top:0px; z-index:998; width:485px; }
	#filter ul{ float:right; }
	ul.breadcrumb { padding-top:60px;}

	#logo{ position:relative; width:auto; left:auto; top:auto; padding-top:20px; text-align:center; }  
 	#menu{ position:relative;  margin:0; padding:0 0 40px 0;  text-align: center; }
	#menu ul{float:none; margin:0 1% 0 1%; }
  	#menu ul li{ display:block; text-align:center;  margin:0;   height:auto; }
	#menu ul li a, #menu ul li a:visited{ border:none; display:block; background-color:rgba(255,255,255,0.1); padding:15px 0 15px 0; margin:0 0 5px 0;}
	#menu ul li a:hover{border:none; background-color:rgba(255,255,255,0.3);}
	#menu ul li.active a{border:none;}
	#menu .lang ul { float:none;}
	
	#menu ul li{ display:none;}
	/*#menu ul li.active
	#menu ul:before{ content:"menu"; display:block; }*/
	#menu h3 { display:block; background-image:url(../img/menu_btn.png); background-position:top center; background-repeat:no-repeat; padding-top:40px; padding-bottom:10px;}
	#menu h3:hover + ul li, #menu h3.hover + ul li{display:block;}
	#menu ul:hover li{display:block;}
	
   } 
   
@media screen and (max-width: 450px) {
	#filter{ position:relative; left:1%; top:0px; z-index:998; width:100%; }
	#filter ul{ float:right; }
	ul.breadcrumb { padding-top:60px;}
	
	
	#logo{ position:relative; width:auto; left:auto; top:auto; padding-top:20px; text-align:center;  }  
 	#menu{ position:relative;  margin:0; padding:0 0 40px 0;  text-align: center; }
	#menu ul{float:none; margin:0 1% 0 1%; }
	
  	#menu ul li{ display:block; text-align:center;  margin:0;   height:auto; }
	#menu ul li a, #menu ul li a:visited{ border:none; display:block; background-color:rgba(255,255,255,0.1); padding:15px 0 15px 0; margin:0 0 5px 0;}
	#menu ul li a:hover{border:none; background-color:rgba(255,255,255,0.3);}
	#menu ul li.active a{border:none;}
	#menu .lang ul { float:none;}
	/*
		#menu ul:before{ content:"menu"; display:block; background-color:rgba(255,255,255,0.1); padding:15px 0 15px 0; margin:0 0 5px 0;}
		#menu ul:before:hover{ background-color:#000;}
		
		#menu ul{ min-height:50px; }
		#menu ul:after{ content:"↓";  background-color:rgba(255,255,255,0.1); padding:15px 0 15px 0; margin:0 0 5px 0; width:100%; display:block;}
		#menu ul li{ display:none;}
		#menu ul:hover li{ display:block;}
		#menu ul:hover:after{content:"↑";}
	*/
	#menu ul li{ display:none;}
	#menu h3 { display:block; background-image:url(../img/menu_btn.png); background-position:top center; background-repeat:no-repeat; padding-top:40px; padding-bottom:10px;}
	#menu h3:hover + ul li, #menu h3.hover + ul li{display:block;}
	#menu ul:hover li{display:block;}
	}