
.startlogo{
		position: absolute;
		z-index:9999999999999;
		margin-top:-100px;
		width:300px;
		margin-left:30px;
		opacity:1;
	
		-webkit-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -kthtml-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
	

		
		}	

	.mobile_no{ display:block;}
	
	
	.navi_desktop{
		width:100%;
		max-width:1900px;
		margin-left:auto;
	margin-right:auto;
		height:70px;
		-webkit-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    -kthtml-transition: all 04s ease-in;
    transition: all 0.4s ease-in;
	opacity:1;
	position: fixed;
	top:0;
	z-index:999999999;
	background:rgba(0,118,36,1);
	display:flex;
			justify-content: flex-end;
			align-items: center;
			flex-wrap:wrap;

		}	
		
		.navi_desktop a{
			color:#FFF;
			
			margin:7px;
			font-size:0.94em;
			}
		
		.navi_mobile{

	display:none;
			

		}	
		
	.titel_mobile{
		
		display:none;
		}		
		
	.logobox{
position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
	   margin-top: 15%;
		box-sizing:border-box;
		width:720px;
	
 -webkit-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    -kthtml-transition: all 04s ease-in;
    transition: all 0.4s ease-in;
opacity:1;
	position: absolute;
	z-index:99999;

	padding:15px;

		
		}
			.logo_mobile{
				display:block;
			margin-left:0px;
		margin-top:0px;
		box-sizing:border-box;
		width:110px;
		height:auto;
		box-sizing:border-box;
  -webkit-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    -kthtml-transition: all 04s ease-in;
    transition: all 0.4s ease-in;
	opacity:0;
	padding:0px;
	position: fixed;
	top:10px;
	left:5px;
	z-index:9999999999999;
			}


.wrapper_navi
		{height:70px;
		position:fixed;
		background: rgba(255,255,255,1);
		display:none;			
		}
		

		
		.navibox{
width: 100%;
margin-left:auto;
margin-right:50px;
	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;
	
	}
	
	.nav_kontakt{
			width:100%;
			display:flex;
			align-items:center;
			justify-content:flex-end;
			flex-wrap:wrap;
			position:fixed;
			top:0px;
			right:0;
			z-index:999999999;
		cursor:pointer;
		padding:10px;

		 -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(172,165,152,1);
	border-bottom: 0px solid #fff;}
	
		.nav_kontakt_buchen{
			width:150px;
			display:block;
			margin-right:50px;
			margin-top:3px;
			}
	
	.nav_kontakt_lin{
		float:none;
		width:20px;
		height:2px;
		background:rgba(255,255,255,1);
		margin-left:auto;
		margin-right:auto;
		
		margin:5px;}
	
	.nav_kontakt_icon{
		
		text-align:center;
		display:flex;
			align-items:center;
			justify-content:flex-end;
			flex-wrap:wrap;
			margin:5px;
		}
		
	

	
	
		.menue_open{
			width:70px;
			height:70px;
			display:block;
			top:5px;
			right:5px;
			z-index:999999999999999;
		cursor:pointer;
		
		 -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: url(../bilder/menue_open.png)no-repeat;
	background-size:contain;
	}
		
		.menue_open:hover{
		}
		
		
		
		
		
			
			/* overlay */	

	.overlay{
    display: none;
 position: fixed;
right: 0;
top:0;

 width: 100%;
 height:auto;
 overflow: auto;
	z-index:9999999999;
background: rgba(255,255,255,1);
   -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);

	
	}
	
	
	.menue_close{
		width:70px;
			height:70px;
			display:none;
			position:absolute;
			top:5px;
			right:5px;
			z-index:999999999999999;
		cursor:pointer;

		 -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: url(../bilder/menue_close_black.png)no-repeat;
		background-size:contain;
		
		}
		.menue_close:hover{
		}
	
	.wrapper_overlay{
		position:relative;
		width:100%;
	
		text-align:center;
		
		margin-left:auto;
		margin-right:auto;
		margin-top:0px;
		display:flex;
		align-items: stretch;
		justify-content:flex-start;
		flex-wrap:wrap;
		background:rgba(240,232,218,1);
		}
		
			.wrapper_overlay_box_1{
				position:relative;
		width:33%;
		text-align:center;
		display:block;
		align-items:flex-start;
		justify-content:flex-start;
		flex-wrap:wrap;
		padding:50px;
		background:rgba(172,165,152,1);
		color:#FFF;
		}
		
		
			.wrapper_overlay_box_2{
				position:relative;
		width:33%;
		text-align:left;
		display:flex;
		align-items: center;
		justify-content:flex-start;
		flex-wrap:wrap;
		padding:50px;
		background:rgba(172,165,152,0.8);
		border-right:1px dotted rgba(134,179,96,1);}
	
		
		.wrapper_overlay_box_3{
			position:relative;
		width:33%;
		text-align:left;
		display:flex;
		align-items:center;
		justify-content:flex-start;
		flex-wrap:wrap;
		padding:50px;
		background:rgba(230,222,208,0.7);
		}
				.m_sub{
			width:100%;
			margin-top:1px;
			padding-left:40px;
			font-size:0.9em;}
			
		.wrapper_overlay a{
		
			color: rgba(134,179,96,1);
			display:inline-block;
			
			margin-bottom:2px;
			font-size:1em;
			text-align:center;
			border-bottom: 1px solid rgba(255,255,255,0);
				margin-left:auto;
		margin-right:auto;
		line-height: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;
			}
			
			.wrapper_overlay a:hover{
			
		}
		
		.wrapper_overlay_box_2 > {
			color:#FFF;}
		
		.wrapper_overlay_box_1 > a{
	
		color:#FFF;
		}
		
		.wrapper_overlay_box_4{
			position:relative;
		width:33%;
		text-align:left;
		display:none;
		align-items:center;
		justify-content:flex-start;
		flex-wrap:wrap;
		padding:50px;
		background:rgba(230,222,208,0.7);
		}
		
			.m_einzel{
			width:100%;
			margin-top:4px;
			padding-left:0px;}
			
				.m_einzel > a{
					-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;
					font-size:1.2em;
					
					}
					
					.m_einzel > a:hover{
				
					}
		
		.p_image{
			vertical-align:middle;
			margin-right:5px;
			margin-top:-5px;
			width:26px;
			height:auto;
			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;
			}	
		
	
		
	
			
		
		
					
						
	@media screen and (max-width : 1100px){				
					
		}
		
		@media screen and (max-width : 900px){
	
	
	
	.wrapper_navi
		{
			width:100%;
			position: absolute;
			height:70px;
			display:flex;
			justify-content: space-between;
			align-items:center;
			flex-wrap:wrap;
			background: rgba(0,118,36,1);

	z-index:9999999999999;
	position: fixed;
			
		}

		
					.menue_open{
			width:40px;
			height:40px;
			display:block;

			top:10px;
			right:10px;
			z-index:999999999999999;
		cursor:pointer;
		padding:15px;
		

		 -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: url(../bilder/menue_open.png)no-repeat;
	background-size:contain;
		}
		
		
		
	
		
		.menue_open:hover{
		}
		
		
		
		.menue_close{
		width:40px;
			height:40px;
			display:none;
			position:absolute;
			top:5px;
			right:5px;
			z-index:999999999999999;
		cursor:pointer;

		 -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: url(../bilder/menue_close.png)no-repeat;
		background-size:contain;
		
		}
		
		
			.navi_desktop{
		display:none;}	
		
		.navi_mobile{
		width:100%;
		height:60px;
		-webkit-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    -kthtml-transition: all 04s ease-in;
    transition: all 0.4s ease-in;
	opacity:1;
	position: fixed;
	top:0;
	z-index:9999999;
	background: rgba(147,12,54,1);
	display:flex;
			justify-content: space-between;
			align-items: center;
			flex-wrap:wrap;

		}	
		

		
		.mobile_no{ display:none;}
	
			
		
		
		
		.overlay_box{
		
		width:100%;
		margin-right:auto;
		margin-left:auto;
		margin-top:0px;
		padding:25px;
		display:none;
	}
			
			
			
			

		
		.p_image{
			margin-right:5px;
			width:25px;
			height:auto;
			opacity:0.4;
				 -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;
			}
			
			
			.logo_mobile{
		
 	width:70px;
	opacity:1;
	
			}
		
	
		.button_onlineshop{
			display:flex;
			align-items:center;
			flex-wrap:wrap;
			justify-content:center;
			
			width:160px;
			text-align:center;
			font-weight:500;
			background: rgba(147,12,54,1);
			color: rgba(255,255,255,1);
			line-height:60px;
			margin-right:10px;
			  -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;}
	
	
	.startlogo{
		display:none;
		
		}	
		
		.overlay{
    display: none;
 position: fixed;
right: 0;
top:0;

 width: 100%;
 height:100vh;
 overflow: auto;
	z-index:9999999999;
background:  rgba(255,255,255,1);

	
	}
	
		
		.wrapper_overlay{
		width:100%;
	
		text-align:center;
	
		margin-left:auto;
		margin-right:auto;
		margin-top:0px;
		display:flex;
		align-items:flex-start;
		justify-content:flex-start;
		flex-wrap:wrap;
		font-size:1.1em;
        box-shadow:0 4px 4px rgba(0, 0, 0, 0.2);
		padding-left:0%;}
		
			.wrapper_overlay_box_1{
		width:100%;
		text-align:left;
		display:block;
		align-items:flex-start;
		justify-content:flex-start;
		flex-wrap:wrap;
		padding:20px;
		font-size:0.9em;
		border-right:1px dotted rgba(0,71,138,0);
		order:3;}
		
		.wrapper_overlay_box_1 > a > .xcd{
			display:none;}
		
			.wrapper_overlay_box_2{
		width:100%;
		text-align:left;
		display:flex;
		align-items:flex-start;
		justify-content:flex-start;
		flex-wrap:wrap;
		padding:20px;
		border-right:1px dotted rgba(0,71,138,0);}
		
		.m_sub{
			width:100%;
			margin-top:1px;
			padding-left:20px;
			font-size:0.8em;}
			
				.m_einzel{
			width:100%;
			margin-top:4px;
			padding-left:0px;}
				.m_einzel a{
					font-weight: normal;}
		
		.wrapper_overlay_box_3{
		width:100%;
		text-align:left;
		display:flex;
		align-items:flex-start;
		justify-content:flex-start;
		flex-wrap:wrap;
		padding:20px;}
			
			
		.wrapper_overlay a{
		
		
			display:inline-block;
			
			margin-bottom:2px;
			font-size:1em;
			text-align:center;
			border-bottom: 1px solid rgba(255,255,255,0);
				margin-left:auto;
		margin-right:auto;
		line-height: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;
			}
			
			.wrapper_overlay a:hover{
			
		}
		
		
		.p_image{
			margin-top:0px;
			margin-right:5px;
			width:30px;
			height:auto;
			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;
			}	
		
	.titel_mobile{
		width:100%;
		display:flex;
		justify-content:flex-start;
		align-items:center;
		flex-wrap:wrap;
		background:#FFF;
		height:65px;
		position:fixed;
		top:0;
		left:0;
		z-index:999999;
	
		font-size:1.0em;
		font-weight:bold;}	
		
		
	
		

		
		
		.navibox{
width: 100%;
margin-left:auto;
margin-right:50px;
	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;
	
	}
	
	.nav_kontakt{
			width:100%;
			display:flex;
			align-items:center;
			justify-content:flex-end;
			flex-wrap:wrap;
			position:fixed;
			top:0px;
			right:0;
			z-index:999999999;
		cursor:pointer;
		padding:10px;

		 -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;

}
	
		.nav_kontakt_buchen{
			display:none;
			}
	
	.nav_kontakt_lin{
		float:none;
		width:20px;
		height:2px;
		background:rgba(255,255,255,1);
		margin-left:auto;
		margin-right:auto;
		
		margin:5px;}
	
	.nav_kontakt_icon{
		
		text-align:center;
		display:flex;
			align-items:center;
			justify-content:flex-end;
			flex-wrap:wrap;
			margin:5px;
		}
		
	.wrapper_overlay_box_4{
			position:relative;
		width:100%;
		text-align:left;
		display:block;
		align-items:center;
		justify-content:flex-start;
		flex-wrap:wrap;
		padding:10px;
		background:rgba(230,222,208,0.7);
		}	
			
}
	
	
		