@media (min-width: 390px) {
	
	#baer-wrapper img {
		width: 150px;
	}

	#baer-wrapper .button-wrapper {
		margin: 0 0 0 10px;
	}

	#baer-wrapper .button-wrapper a {
		font-size: 20px;
		margin-bottom: 10px;
	}

	#baer-wrapper .button-wrapper a:before {
		height: 70px;
		width: 70px;
		font-size: 35px;
		line-height: 70px;
		margin: 0 10px 0 0;
		top: 10px;
	}
	

}

@media (min-width: 800px) {

	#header {
		padding: 50px 15px 35px;
	}
	#kontakt_li{	margin: 0 auto;}
	#main {
		padding: 0 50px;
	}
	#section1 h1 {
		background:#e7e3d9;
		margin:0px -50px 70px;
	}
	
	a#totop {
		right: 50px;
	}
	
	#footer-innen {
		padding: 0 50px;
	}
	
	#main_navi {
		position: absolute;
		right: 50px;
		top: -10px;
	}

	#main_navi li {
		display: block;
		overflow: hidden;
		margin: 15px 0;
	}
	
	#contactForm .form-group {
		width: 33.33%;
	}
	
	#contactForm .form-group.number,
	#contactForm .form-group.zipcode {
		width: 16.66%;
	}
	
	#contactForm .form-group.upload,
	#contactForm .form-group.security {
		width: 50%;
	}
	
	.visible-md {
		display: inline-block;
	}
	
	.hidden-md {
		display: none;
	}
	
	h1 {
		margin-bottom: 50px;
	}
	
	.left,
	.right {
		float: left;
		width: 50%;
	}
	
	#section1 {
		margin-bottom: 100px;
	}
	
	#section1 h3 {
		padding: 10px 50px 15px;
		display: inline-block;
		-moz-transform: rotate(-5deg);
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg);
	}

	#section1 h3.job1 { margin-left: 0px; }
	#section1 h3.job2 { margin-left: 50px; }
	#section1 h3.job3 { margin-left: 100px; }
	#section1 h3.job4 { margin-left: 120px; }
	
	.button,
	button {
		font-size: 30px;
		line-height: 30px;
	}
}

@media (min-width: 1200px) {
	
	#baer-wrapper img {
		margin: 0 0 0 10px;
		width: 212px;
	}

	#baer-wrapper .button-wrapper {
		margin: 15px 0 0 10px;
	}

	#baer-wrapper .button-wrapper a {
		font-size: 30px;
		margin-bottom: 10px;
	}

	#baer-wrapper .button-wrapper a:before {
		height: 100px;
		width: 100px;
		font-size: 65px;
		line-height: 100px;
		margin: 0 20px 0 0;
		top: 20px;
	}
	
	#section1 h3.job1 { margin-left: -100px; }
	#section1 h3.job2 { margin-left: -50px; }
	#section1 h3.job3 { margin-left: 0px; }
	#section1 h3.job4 { margin-left: 50px; }
	
}

@media (min-height: 800px) {

	html, body {
		background-attachment: fixed;
	}
	
	#skyline-berlin {
		position: fixed;
	}
	
	#footer {
		position: fixed;
	}
	
	#overlay {
		position: fixed;
		background: url(../images/layout/overlay-footer.png) repeat-x bottom center;
		height: 160px;
		width: 1240px;
		margin-left: -620px;
		left: 50%;
		bottom: 0;
		z-index: 9;
	}

}