.slicknav_menu {
	display:none;
}
@media (max-width: 480px){ /* SMARTPOHONE portrait */

	header div.logo{
		width: 100%;
		padding: 25px 0;	
		text-align: center;
	}
	header div.logo img {
		width: 90%;	
	}
	section.image {
		height: auto;	
	}
	
	.col66 iframe{
		height: 200px;
	}
	
	.cd-top {
    	height: 50px;
    	width: 50px;
		font-size: 20px;
		line-height: 50px;
	}
	.cd-top.cd-fade-out {
		opacity: .7;
	}

	input, select, textarea{
		width: 96%;	
	}
	
	footer ul li{
		margin: 7px 0;
	}	
	
	/* Für Kundenportal */

		section#freigabe ul li span.info {
			display: block;
			width: 90%;
			font-weight: 400;
		}
		
	section#freigabe div.breite15{
	width: 50%; 
	float: left;
}
	section#freigabe div.breite50{
	width: 100%; 
	float: left;
}


}


@media (max-width: 768px){ /* SMARTPOHONE portrait, landscape, TABLET portrait */
	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
	
	.container {
		width: 100%;
	}
	
	header div.logo{
		width: 100%;
		padding: 25px 0;	
		text-align: center;
	}
	
	header div.topmenu {
		float: left;
		width: 100%;
		margin: 0;
		text-align: center;	
	}
	
	.col3,
	.col66,
	.col55,
	.col5,
	div#firmeninfo div.col55 {
		width: 96%;
		margin: 0 2%;	
		text-align: center;
	}
	
	div#kontakt div.col66 {
		overflow: hidden;	
	}

	footer .col3{
		margin-top: 25px;	
	}
	
	section.image {
		height: auto;	
	}
	
	.cd-top {
    	height: 50px;
    	width: 50px;
		font-size: 20px;
		line-height: 50px;
	}
	.cd-top.cd-fade-out {
		opacity: .7;
	}
	
	body#kundenportal h2,
	body#kundenportal h3 {
		text-align: center;	
	}
	
	div.submenu ul li{
		float: none;	
	}
	div.submenu ul li a{
		padding: 5px 30px;
	}
	
	input, select, textarea{
		width: 96%;	
	}
	
	footer ul li{
		margin: 7px 0;
	}
	div.jobs{
		margin: 0 auto;
	}

}

@media (max-width: 550px){  /* Nur für das Bild: Breite 500px */
	.col55 img{
		width: 100%;	
	}

}

@media (min-width: 769px) and (max-width: 1024px){ /* TABLET landscape */
	.container {
		width: 98%;
		padding-left: 2%;
	}
	.col55 img{
		width: 100%	
	}
	.col66 iframe{
		width: 95%;
	}

}