body:after 
	{
        content: 'mobile';
        display: none;
	}


#header	
	{
	padding:0;
	}


#sec_intro
	{
	height:400px;
	}

.hideinmobile
	{
	display:none;
	}

img
	{
	max-width:100%;
	
	}
	
.splashbox
	{
	height:auto;
	}


.contentwidth
	{
	width:auto;
	margin: 0;
	padding:0 10px;
	}



.leftcol
	{
	float:none;
	margin-bottom:20px;
	}	

.rightcol
	{
	float:none;
	margin-left:0;
	margin-bottom:20px;
	}
	
.mapcontainer
	{
	width:100%;
	}	




#logo img, #header.smaller #logo img
	{
	margin-top:30px;
	max-width:250px;
	}



/* ####################################################################################################################
   MAINMENU
   #################################################################################################################### */	

#hamburger
	{
	color:#fff;
	background:#000 url(/images/hamburger.png) right center no-repeat;
	background-size:contain;
	width:auto;
	height:36px;
	line-height:36px;
	clear:both;
	display:block;
	font-size:14px;
	margin:5px -20px 0 -20px;
	padding-left:15px;
	z-index:9999;
	}

#hamburger.active
	{
	color:#fff;
	background:#000 url(/images/hamburger_active.png) right center no-repeat;
	background-size:contain;
	}

#nav_main_wrap
	{
	display: block;
	position:static;

	}

#nav-main
	{
	display: none;
	width: 100%;
	list-style: none;
	margin:0;
	padding:0;
	
	}

#nav-main li
	{
	margin:20px 0 20px 0;
	padding:0 0 0 20px;
	display: block;	
	}


.flexslider_wrapper
	{
	float:none;
	width:100%;
	margin-left:0;
	}
	


div.referenz_detail
	{
	height:auto;
	
	}


#logo
	{
	display:block;
	text-align:center;
	margin-bottom:10px;
	}

/* ####################################################################################################################
   640 WIDTH
   #################################################################################################################### */		


@media screen and (max-width: 640px){

#splash_w, #splash_g
	{
	width:100%;
	height:50%;
	}


#splash_w
	{
	float:none;
	border-right:0;
	
	}

#splash_g
	{
	float:none;
	border-left:0;
	}	
	


.splashbox
	{
	width:80%;	
	margin-top:-110px;
	margin-left:-150px;
	
	}
	
} /* ENDE 640 */	



/* ####################################################################################################################
   640 WIDTH
   #################################################################################################################### */		


@media screen and (max-width: 600px){

.kachel_wrap
	{
	margin:0;
	}

div.kachel
	{
	float:none;
	margin: 0 auto 25px;
	}


} /* ENDE 600 */