@media only all and (max-width: 700px) {
	body {
		font-size: 12px;
		line-height: 15px;
	}
	#wrapper {
		width: 100%;
		min-width: 240px;
	}
	#content {
		padding: 5%;
	}
	div[class^="box"] {
		width: 100%;
	}
	div[class^="box"]:nth-of-type(n+2) {
		margin-top: 10px;
	}
	h1 {
		font-size: 1.3em;
		line-height: 1.4em;
	}
	h2 {
		font-size: 1.2em;
		line-height: 1.3em;
	}
	h3 {
		font-size: 1.1em;
		line-height: 1.2em;
	}

	footer section .box2-1 {
			display: none;
	}

	.ueber-unternehmen {	
			padding: 0px 4%;
	}
	
	.ueber-unternehmen p {
		padding: 10px;
	}

	.stimmung .box2-1 {padding: 0px 4%;}

	.stimmung {display: none;}

	header section {
			display: block;
	}
	
	.logo img {
		float: none;
		margin: 0 auto;
		display: block;
		padding-bottom: 10px;
	}
	
	.logo {
		text-align: center;
	}
	
	.hide-mobile {
		display: none;
}
	

}