@media (max-width: 799px) {
	#section-3-video{
		background-size: contain;
		margin-top: 10px;
		padding-bottom: 10px;
		margin-right: 0;
	}
	#section-3-video img{
		max-width: 45%;
		margin-top: 6px;
	}
}

@media (min-width: 800px) {

	body {
		font-size: 24px;
		line-height: 28px;
	}
	
	h1,
	.h1	{
		color: #dc0d15;
		font-size: 72px;
		text-shadow: 5px 5px 0 #fff,
					 -5px -5px 0 #fff,
					 5px -5px 0 #fff,
					 -5px 5px 0 #fff,
					 10px 10px 5px rgba(0,0,0,0.5);
	}
	
	h2 {
	font-size: 48px;
	}

	h2.headlinerBewerbung {
		margin-bottom: -40px;
	}

	h3 {
		font-size: 30px;
	}
	
	h4 {
		font-size: 30px;
	}
	
	.bew-button {
		font-size: 30px;
	}
	
	#main_navi {
		position: absolute;
		right: 5%;
		top: 1px;

	}

	#main_navi li {
		display: block;
		overflow: hidden;
		margin: 5px 0;
	}
	
	#section-3-video {
		position: relative;
	}
	
	#section-3-video video {
		bottom: 25%;
		height: 71%;
		left: 27%;
		position: absolute;
		right: 27%;
		top: 3%;
		width: 46%;
	}
	
	.hidden-md {
		display: block;
	}
	
	
	#contact {
		padding: 10% 10% 2%;
	}
	
	#contact .h1 {
		font-size: 60px
	}
	
	#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%;
	}
	
}


@media (min-width: 1200px) {
	
	#header {
		background: #fff url(../images/layout/bg-header.png) 60px 110px no-repeat;
	}
	
		section {
		margin-bottom: 80px;
	}
	
	h2 {
		margin-bottom: 40px;
	}
	
	h3 {
		margin-bottom: 80px;
	}
	
	h4#beroobi {
		text-align: left;
		margin: 80px 100px 40px;
	}
	
	.berufsschule-image {
		position: relative;
		top: -20px;
		left: -30px;
		-moz-transform: rotate(5deg);
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg);
	}
	
	#map {
		text-align: right;
		margin-right: 100px;
	}
	
	#map p {
		padding-right: 60px;
	}
	
	#map a {
		display: inline-block;
		margin: -85px 0 0 0;
	}
	
	h1.page-title:after {
		content: '';
		background: url(../images/layout/megaphone.png) left top no-repeat;
		width: 184px;
		height: 112px;
		display: inline-block;
		position: relative;
		top: 40px;
		margin: 0 0 0 50px;
	}
	
	a.lupe {
		position: relative;
		margin: 0 40px;
		background: none;
		padding: 0;
		color: #DC0D15;
		display: inline;
	}
	
	a.lupe:after {
		content: '';
		position: absolute;
		background: url(../images/layout/lupe.png) no-repeat;
		height: 196px;
		width: 184px;
		top: -45px;
		left: -42px;
	}
	
	a.lupe:focus,
	a.lupe:hover {
		font-size: 40px;
		margin: 0 31px;
		line-height: 23px;
		top: 5px;
		background: none;
	}
	
	a.lupe:focus:after,
	a.lupe:hover:after {
		left: -33px;
		top: -41px;
	}
	
	.hidden-lg {
		display: hidden;
	}
	
	#section-1 h2:after {
		content: '';
		background: url(../images/layout/arrow.png) no-repeat;
		width: 179px;
		height: 100px;
		display: block;
		position: absolute;
		right: 100px;
		bottom: -140px;
	}
	
	#section-1 h4#important:after {
		content: '';
		background: url(../images/layout/important.png) no-repeat;
		width: 486px;
		height: 417px;
		display: block;
		position: absolute;
		left: 0;
		top: -280px;
	}
	
	#background-line {
		position: absolute;
		top: 1250px;
		right: 45px;
		width: 1043px;
		height: 1243px;
		background: url(../images/layout/line.png) left top no-repeat;
		pointer-events: none;
	}
	
	#section-2-block-1 {
		width: 550px;
	}
	
	#section-2-block-2 {
		width: 440px;
		margin: -420px 0 0 670px;
	}
	
	#section-3 h2:before {
		content: '';
		display: inline-block;
		width: 78px;
		height: 64px;
		background: url(../images/layout/hat.png) left top no-repeat;
		position: relative;
		top: 20px;
		margin-right: 15px;
	}
	
	#section-3-video {
		margin-top: 80px;
	}
	
	#contact:before {
		content: '';
		background: url(../images/layout/pencil.png) left top no-repeat;
		width: 161px;
		height: 209px;
		position: absolute;
		top: 100px;
		left: 100px;
	}
	
	#section-4 h2 {
		margin: 180px 0 260px 120px;
	}
	
	#section-4 h2:before {
		content: '';
		background: url(../images/layout/contact.png) left top no-repeat;
		width: 445px;
		height: 355px;
		position: absolute;
		top: -125px;
		left: -120px;
		pointer-events: none;
	}
	
	
	#section-4 h2:after {
		content: '';
		background: url(../images/layout/double-arrow.png) left top no-repeat;
		width: 278px;
		height: 232px;
		position: absolute;
		top: 65px;
		right: 250px;
	}
	
}