html
{
	width:100%;
	
}
*{
	margin:0 0;
	padding:0 0;
}

body{
	background-color:#fff;
	font-family: Century gothic, sans-serif;
	font-size:11pt;
	
}

#mobile-content-header{
	font-size:0px;
	color:#8cb63c;
}

.list-element{
margin-left:50px;
color:#8cb63c;
display:list-item;
list-style-type:square;
}

.list-element2{
margin-left:50px;
display:list-item;
list-style-type:square;
}

.list-element3{
color:#8cb63c;
display:list-item;
list-style-type:square;
}

@media (min-width : 900px){
/* Styles */

	#header
	{
		position: fixed;
		margin-top: 0px;
		z-index:100;
		width:100%;
		background-color: white;
	}

	#logo
	{
		position:fixed;
		margin-left:20%;
		margin-top:10px;
		width:60%;
		height:100px;
		background:url(../logo_kueng.png) no-repeat;
		background-size:270px 100px;
		z-index:100;
	}
	
	#burger-holder {
	   position:fixed; 
	   background-color:transparent; 
	   width:0px; 
	   height:0px; 
	   font-size:0px;
	   }

	 #burger-holder img{
	   height:0px;
	   width:0px;
	   }
	   
	#burger-menu {
	   position:fixed; 
	   right:0px;
	   top:-10px;
	   width:0px;
	   font-size:0px;
	   }

	#burger-menu a {
	   color:#2F8CDB;
	   text-decoration:none;
	   }
	   
	#menu
	{
		position: fixed;
		margin-left:22%;
		margin-top:90px;
		width:60%;
		height:30px;
		line-height:30px;
		background-color:#fff;
		z-index:100;
	}
	
	#menu ul,
	#menu li
	{
		list-style:none;
		display:inline;
	}

	#menu a
	{
		float:left;
		text-align:center;
		text-decoration:none;
		color:#000;
		padding:0 20px;
		display:block;
	}

	#menu li:first-child a {
		margin-left:0px;	
	}

	#menu a:hover
	{
		color:#8cb63c;
	}

	#menu a:active,
	#menu a.ac
	{
		color:#8cb63c;
	}
	
	#foto
	{
		margin-top:140px;
		width:100%;
		height:140px;
		z-index:100;
	}	
	
	#foto img
	{	
		height:100%;
		width:100%;
	}
	
	#content
	{
		position:absolute;
		margin:300px 20%;
		padding:20px;
		width:60%;
		height:auto !important;
		height:200px;
		min-height:200px;
		background-color:#fff;
		z-index:99;
	}

	#content a:link
	{
		text-decoration:none;
		color:#8cb63c;
	}

	#content a:hover
	{
		text-decoration:underline;
	}

	#content a:visited
	{
		color:#8cb63c;
	}

	#footer
	{
		position:fixed;
		bottom:0px;
		padding:10px;
		margin-left:20%;
		width:60%;
		height:10px;
		font-size:8pt;
		text-align:right;
		color:#8cb63c;
		background-color:white;
		z-index:100;
	}

	#kontakt
	{
		display:inline-block;
		text-align:right;
		padding-right:20px;
		vertical-align:top;
	}

	#map
	{
		display:inline-block;	
		width:50%;	
		height: 100%;
	}	
		
	#map iframe
	{
		width:100%;
		min-height: 300px;
		border: 0px;
		background:url(../location.png) no-repeat left top;
		background-image-size: 100%;
	}
}

@media (min-width: 400px) and (max-width : 900px)
{
/* Styles */
	#header
	{
		position: fixed;
		margin-top: 0px;
		z-index:100;
		width:100%;
		background-color: white;
	}
	
	#logo
	{
		position:fixed;
		margin-left:20%;
		margin-top:10px;
		width:300px;
		height:120px;
		background:url(../logo_kueng.png) no-repeat;
		background-size:300px 120px;
		z-index:100;
	}
		
	#burger-holder {
	   position:fixed; 
	   background-color:transparent; 
	   right:20px; 
	   cursor:pointer; 
	   }

	#burger-holder h3{
	   font-size:10px;
		font-weight:normal;
	    margin-left:-30px;
		margin-top: -5px;
		display:block;
		color:#8cb63c;
	   }
	   
	 #burger-holder img{
	   height:30px;
	   width:30px;
	   }
	   
	#burger-menu {
	   position:fixed; 
	   right:20px;
	   top:15px;
	   background-color:white; 
	   border:1px solid #8cb63c; 
	   border-radius:0px; 
	   padding:5px 10px 5px 10px; 
	   font-size:14px;
	   line-height:150%;
	   color:#8cb63c;
	   white-space:nowrap;
	   }

	#burger-menu a {
		text-align:left;
		text-decoration:none;
		color:#000;
		padding:0 20px;
		display:block;
	   }
	   
	 #burger-menu a:hover
	 {	 
	 		color:#8cb63c;
			background-color:white;
	 }
	#burger-menu  a:active,
	#burger-menu  a.ac
	{
		color:#8cb63c;
	}
	 
	#menu
	{
		height:0px;
		width:0px;
		font-size:0px;
	}
	
	#menu ul,
	#menu li
	{			
		color:white;
		height:0px;
		width:0px;
		font-size:0px;
	}

	#menu a
	{	
		font-size:0px;
	}

	#menu li:first-child a {
		font-size:0px;	
	}

	#menu a:hover
	{	
		font-size:0px;
	}

	#menu a:active,
	#menu a.ac
	{	
		font-size:0px;
	}
			
	#foto
	{
		margin-top:150px;
		width:100%;
		height:140px;
		z-index:100;
	}
	
	#foto img
	{	
		height:100%;
		width:1370px;
	}
	
	#content
	{
		position:absolute;
		margin:300px 20%;
		padding:20px;
		margin-left:20%;
		width:60%;
		height:auto !important;
		height:200px;
		min-height:200px;
		background-color:#fff;
		z-index:99;
	}

	#content a:link
	{
		text-decoration:none;
		color:#8cb63c;
	}

	#content a:hover
	{
		text-decoration:underline;
	}

	#content a:visited
	{
		color:#8cb63c;
	}

	#footer
	{
		position:fixed;
		bottom:0px;
		padding:10px;
		margin-left:20%;
		width:60%;
		height:10px;
		font-size:8pt;
		text-align:right;
		color:#8cb63c;
		background-color:white;
		z-index:100;
	}

	#kontakt
	{
		display:inline-block;
		text-align:right;
		padding-right:10px;
		vertical-align:top;
	}

	#map
	{
		display:inline-block;	
		width:100%;	
		height: 100%;
	}	
		
	#map iframe
	{
		width:100%;
		min-height: 300px;
		border: 0px;
		background:url(../location.png) no-repeat left top;
		background-image-size: 100%;
	}
}
@media (max-width: 400px)
{
/* Styles */
	#header
	{
		position: fixed;
		margin-top: 0px;
		z-index:100;
		width:100%;
		background-color: white;
	}
	
	#logo
	{
		position:fixed;
		margin-left:20px;
		margin-top:10px;
		width:300px;
		height:120px;
		background:url(../logo_kueng.png) no-repeat;
		background-size:180px 70px;
		z-index:100;
	}
		
	#burger-holder {
	   position:fixed; 
	   background-color:transparent; 
	   right:20px; 
	   cursor:pointer; 
	   }
	   
	#burger-holder h3{	  

		cursor:pointer; 
		font-size:10px;
		font-weight:normal;
	    margin-left:-30px;
		margin-top: -5px;
		display:block;
		color:#8cb63c;
	   }
	   
	 #burger-holder img{
	   height:30px;
	   width:30px;
	   }
	   
	#burger-menu {
	   position:fixed; 
	   right:20px;
	   top:15px;
	   background-color:white; 
	   border:1px solid #8cb63c; 
	   border-radius:0px; 
	   padding:5px 10px 5px 10px; 
	   font-size:14px;
	   line-height:150%;
	   color:#8cb63c;
	   white-space:nowrap;
	   }

	#burger-menu a {
		text-align:left;
		text-decoration:none;
		color:#000;
		padding:0 20px;
		display:block;
	   }
	   
	 #burger-menu a:hover
	 {	 
	 		color:#8cb63c;
			background-color:white;
	 }
	#burger-menu  a:active,
	#burger-menu  a.ac
	{
		color:#8cb63c;
	}
	 
	#menu
	{
		height:0px;
		width:0px;
		font-size:0px;
	}
	
	#menu ul,
	#menu li
	{			
		color:white;
		height:0px;
		width:0px;
		font-size:0px;
	}

	#menu a
	{	
		font-size:0px;
	}

	#menu li:first-child a {
		font-size:0px;	
	}

	#menu a:hover
	{	
		font-size:0px;
	}

	#menu a:active,
	#menu a.ac
	{	
		font-size:0px;
	}
	
	#foto
	{
		margin-top:90px;
		width:100%;
		height:70px;
		z-index:100;
	}
	
	#foto img
	{	
		height:100%;
		width:750px;
	}
		
	#content
	{
		position:absolute;
		margin:160px 0px;
		padding:5%;
		width:90%;
		height:auto !important;
		height:170px;
		min-height:170px;
		background-color:#fff;
		z-index:99;
	}

	#content a:link
	{
		text-decoration:none;
		color:#8cb63c;
	}

	#content a:hover
	{
		text-decoration:underline;
	}

	#content a:visited
	{
		color:#8cb63c;
	}

	#footer
	{
		position:fixed;
		bottom:0px;
		padding:10px;
		width:95%;
		height:10px;
		font-size:6pt;
		text-align:right;
		color:#8cb63c;
		background-color:white;
		z-index:100;
	}

	#kontakt
	{
		display:inline-block;
		text-align:right;
		padding-right:40px;
		vertical-align:top;
	}

	#map
	{
		display:inline-block;	
		width:100%;	
		height: 100%;
	}	
		
	#map iframe
	{
		width:100%;
		min-height: 300px;
		border: 0px;
		background:url(../location.png) no-repeat left top;

	}
}