.wrapper_navi
		{
			position:fixed;
		height:90px;
		box-sizing:border-box;
		top:0;
		right:0;
		width:100%;
		margin-left:auto;
		margin-right:auto;
		z-index:7777;

		 -webkit-transition: all 0.7s ease-in;
    -o-transition: all 0.7s ease-in;
    -moz-transition: all 0.7s ease-in;
    -ms-transition: all 0.7s ease-in;
    -kthtml-transition: all 0.7s ease-in;
    transition: all 0.2s ease-in;
			
		}
		
		
		
.wrapper_navi_2
		{
			position:fixed;
		height:90px;
		box-sizing:border-box;
		top:0;
		right:0;
		width:100%;
		margin-left:auto;
		margin-right:auto;
		z-index:7777;
			
		 -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -kthtml-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
			
		}
				
			
		
	.logobox{
		display:block;
		margin-left:100px;
		margin-top:13px;
		box-sizing:border-box;
		width:199px;
		height:121px;
		box-sizing:border-box;

		 -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -kthtml-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
	opacity:0;
	position: fixed;
	z-index:8888;
		transform: scale(1);
		}
		
		
			.logo_mobile_weiss{
				position:fixed;
				top:0;
				width:230px;
				height:50px;
				padding:5px;
				margin-left:2%;
				margin-top:20px;
				-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;
opacity:1;
z-index:99999999;
background:url(../bilder/logo_mobile.png) no-repeat;
				background-size:contain;
				
		
		}
		
			.logo_mobile_braun{
				position:fixed;
				top:0;
				width:200px;
				height:50px;
				padding:5px;
				margin-left:2%;
				margin-top:23px;
				background:url(../bilder/logo_mobile_braun.png) no-repeat;
				background-size:contain;
				-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;
opacity:1;
z-index:99999999;
		
		}	
		
			
	
		
.fb_icon{
	width:25px;
	height:25px;
	background:url(../bilder/fb_icon.png) no-repeat;
	background-size:contain;
	margin-top:15px;}
	
	.fb_icon_2{
	width:25px;
	height:25px;
	background:url(../bilder/fb_icon_w.png) no-repeat;
	background-size:contain;}
		
	.logobox:hover{
		opacity:0.7;}
			
	
		.navibox{
width: 90%;
margin-left:auto;
margin-right:20px;
	height: 90px;
	display:flex;
	display: flexbox;
	display: -webkit-flex;
  	display:ms-flexbox;
  	-webkit-justify-content:right;
  	justify-content:right; 
	-ms-flex-pack:right;
  	flex-direction: row;
	flex-wrap:wrap;

	-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;	

	}
	
	

	
		.navibox > div{
		
		
			padding:10px;
			line-height:65px;
	
				-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;	
	}
	
	
	
	
	
	
	
			.navibox > div:hover{
				background: rgba(125,1,68,0.7);
		
			
	}
	
	.last{border-bottom: 2px solid rgba(136,109,82,0.0) !important;}
	
		.tel_top{
			margin-top:19px;
			margin-right:8px;
		width:25px;
		height:25px;
		background:url(../bilder/telefon_weiss.png) no-repeat;
		background-size:contain;}
		
		
		
			.email_top{
				margin-top:19px;
				margin-right:8px;
		width:25px;
		height:25px;
		background:url(../bilder/email_weiss.png) no-repeat;
		background-size:contain;}
		
				.map_top{
				margin-top:19px;
				margin-right:8px;
		width:25px;
		height:25px;
		background:url(../bilder/map_icon_w.png) no-repeat;
		background-size:contain;}
		
			
		
		
		
	
	
	.hauptnavi{
				text-transform:uppercase;
				color:#fff;
					-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;
font-size:1.0em;

				
	}

	
	
		
	.hauptnavi_extra{
				text-transform:uppercase;
				color:#fff;
					-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;
font-size:0.9em;
background:#b5c625;
color:#FFF;

	-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
padding:6px;
text-decoration:none !important;
				
	}
	
	
		.hauptnavi_extra:hover{
	
background:#a0af22;

	}
	
	
	
	
		
/* overlay */	

	.overlay{
    display: none;
 position: fixed;
 top: 0;
 height: 100%;
 width: 100%;
 overflow: auto;
	z-index:999999;
	background: rgba(64,1,35,1);
	#bec4d1
	
	}
	
	.overlay_box{
		width:90%;
		margin-right:auto;
		margin-left:auto;
		margin-top:15%;}

		
		.menue_open{
			display:none;
			width:35px;
		height:35px;
		position: fixed;
		right:10px;
		top:10px;
		cursor:pointer;
		box-sizing:border-box;
		padding:4px;
		z-index:99999999;
	
		}
		
	.menue_close{
			display:none;
		width:35px;
		height:35px;
		position: fixed;
		right:10px;
		top:10px;
		cursor:pointer;
		z-index:99999999;
		box-sizing:border-box;
		padding:4px;
	
		}
		
		
		
			
					
					
	/*dropdown */				
.dropbtn {
	color:#FFF;
    border: none;
	line-height:57px ;
	text-transform:uppercase;
	padding-right:19px;
	cursor:pointer;
	font-size:1em;
		 -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -kthtml-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;

}


.dropbtn_extra {
	color: #cd1719;
   

}



.dropdown {
    position: relative;
    display: inline-block;
	
		
}

.dropdown-content {
    display: none;
    position: absolute;
    min-width: 200px;
	 background: rgba(255,255,255,1);

		 -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -kthtml-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
opacity:0;
	
 
}

.dropdown-content a {
    color: black;
    padding-left: 10px;
	   padding-right:4px;
	    padding-top:6px;
		 padding-bottom:6px;
    text-decoration: none;
    display: block;
	font-size:0.9em;
	color: rgba(111,120,130,1);

	 border-bottom:dotted  1px rgba(90,90,90,0.2);
	 box-sizing:border-box;
}


.dropdown-content a:last-of-type {
	
	border-bottom: none;}

.dropdown-content a:hover {


		 -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -kthtml-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
		background: rgba(245,245,245,1);

	
	
	}

.dropdown:hover .dropdown-content {
    display: block;
	 background: #fafafa;
	 color:#333;
	 opacity:1;
	 		 -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -kthtml-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;

	 
	
}

.dropdown:hover .dropbtn {
	
	

}

	@media screen and (max-width : 1320px){	
		
				
	.logobox{
		margin-left:5px;
		margin-top:0px;
		box-sizing:border-box;
		width:199px;
		height:121px;
		box-sizing:border-box;

		 -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -kthtml-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
	opacity:0;
	position: fixed;
	z-index:88888;
	transform: scale(0.7);
		
		}	
		
		.navibox{
width: 90%;
margin-left:auto;

margin-right:10px;
	height: auto;
	display:flex;
	display: flexbox;
	display: -webkit-flex;
  	display:ms-flexbox;
  	-webkit-align-items:right ;
  	-webkit-justify-content:right;
  	justify-content:right; 
	-ms-flex-pack:right;
  	flex-direction: row;
	flex-wrap:wrap;


	
	}
	
	
		.navibox a{
			font-size:0.9em;}
			
			.dropbtn{font-size:0.9em;}
		
				.logo_mobile{
				
			
				width:160px;
				
		
		}			
		
		}	
		
		@media screen and (max-width : 1080px){
			
			
.wrapper_navi
		{
			position:fixed;
		height:50px;
		
			
		}
		
			
			.logobox{
		display:none;
		
		}
		
		
		
	
		
				
							.menue_open{
			display:block;
			
		
	
		}	
.navibox a{
						width:100%;
						text-align:center;
			box-sizing:border-box;
			padding:2px;
			font-size:1.2em;
			margin-top:10px;
			
			}
		
	
	.overlay_box{
		width:80%;
		margin-left:auto;
		margin-right:auto;
		box-sizing:border-box;
		padding:15px;
		}
		
		.overlay_box div{
			width:90%;
			margin-left:auto;
		margin-right:auto;
		text-align:center;
		border:1px solid rgba(255,255,255,0.3);
		box-sizing:border-box;
			padding:8px;
			margin-bottom:8px;
			}
			
			.overlay_box div:hover{
				background:rgba(255,255,255,0.3);
			}
			
			
				
		
	.overlay_box a{
	width:100%;
						text-align:center;
						text-transform:uppercase;
					
			
			font-size:1.2em;
			margin-top:10px;
		
		}
			
		.navibox{
			display:none;
	}
		
			.navibox_mobile{
				display:block;
width: 100%;
	height: 50px;
	background: #53012d;
	
	}	

.logo_mobile_weiss{
				position:fixed;
				top:0;
				width:150px;
				height:50px;
				padding:5px;
				margin-left:2%;
				margin-top:10px;
				-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;
opacity:1;
z-index:99999999;
background:url(../bilder/logo_mobile.png) no-repeat;
				background-size:contain;
				
		
		}
	
}
	
	
		@media screen and (max-width : 560px){
			
					.navibox a{
						width:100%;
						text-align:center;
			box-sizing:border-box;
			padding:2px;
			font-size:1.2em;
			
			}
			
			
		
		

	
	
	.overlay_box{
		margin-top:65px;
		width:98%;
		margin-left:auto;
		margin-right:auto;
		box-sizing:border-box;
		padding:10px;
		}
			
				
	
	
		}