@charset "utf-8";
/* CSS Document */


/* DESKTOP 1920 - 1200 */


/* WELCOME */

	#welcome {
			margin: -410px 0 0 130px;
 			justify-content: center;
			float:left;
	}
	
		#welcome_headline {
			text-align:center;
			margin: 120px 0 0 60px;
			color: #FFF;
			font-family: belligerent-webfont;
			font-size: 80px;
			font-weight: normal;
			line-height: 87%;
			letter-spacing: 0;
			text-shadow: 1px 1px #000;
		}
		
		#welcome_headline_part2 {
			font-size:90px;
			margin-left:-30px;
		}
		
		#welcome_txt {
			margin: 273px 0 0 80px;
			color: #FFF;
			font-size: 17px;
			font-weight: 700;
			text-align:center;
			text-shadow: 1px 1px #000;
			width:400px;
		}
		
		#welcome_img {
			/*display:none;*/
			background-image:url(../img/00_welcome_img.png);
			background-repeat:no-repeat;
			background-position: top center;
			width: 532px;
			height: 454px;
			margin: 90px 0 0 500px;
		}
		
		#stoerer_img {
			display:none;
			background-image:url(../img/stoerer_357x354.png);
			background-repeat:no-repeat;
			background-position: top center;
			width: 357px;
			height: 354px;
			margin: -220px 0 0 0;
		}
		
/* LEISTUNGEN */	
		
	#leistungen {
		height: 843px;
		margin: 120px 0 0 40px;
		float:left;		
	}
	
		#leistungen_headline {
			/*margin: 0 0 0 209px;
			background-image:url(../img/leistungen_headline.jpg);
			background-repeat:no-repeat;
			background-position: top center;
			width: 333px;
			height: 78px;*/
			text-align:center;
			margin: 0 0 0 150px;
			font-family: belligerent-webfont;
			font-size: 50px;
			font-weight: normal;
			line-height: 87%;
			letter-spacing: 0;
			/*text-shadow: 1px 1px #000;*/
		}
	
		#leistungen_img {
			margin: 70px 0 0 9px;
			background-image:url(../img/leistungen_img_01.jpg);
			background-repeat:no-repeat;
			background-position:top left;
			width: 454px;
			height: 776px;
		}
		
		#leistungen_info {
			width: 480px;
			margin: 112px 0 0 470px;
		}
				
		#leistungen_images {
			max-width: 700px;
			width:auto;
			height:auto;
			margin: 443px 0 0 544px;
		}
		
		#leistungen_images_position_02 {
			margin: 0 0 0 292px
		}
				
		#leistungen_images_position_03 {
			margin: 155px 0 0 0;
		}
				
		#leistungen_images_position_04 {
			margin: 155px 0 0 292px;
		}
			
		#leistungen_btn {
			background-image:url(../img/leistungen_btn.png);
			background-repeat:no-repeat;
  			background-position:top center;
			width: 256px;
			height:82px;
			background-size: auto;
			margin: 0 0 10px 138px;
		}

		.leistungen_images_style {
			width:272px;
			margin-bottom: 10px;
			position: absolute;
			border: 1px solid #d0d0d0;
		}
		
/* TEAM */	

#team {
		display: block;
		height: 526px;
		width: 100%;
		margin: 0 0 0 0;
		float:left;
	}
	
	#team_headline {
		/*margin: 10px 0 0 671px;
		z-index: 2;
		background-image:url(../img/team_headline.jpg);
		background-repeat:no-repeat;
		background-position:top left;
		width: 225px;
		height: 69px;*/
		text-align:center;
		z-index: 2;
		margin: 45px 0 0 671px;
		font-family: belligerent-webfont;
		font-size: 50px;
		font-weight: normal;
		line-height: 87%;
		letter-spacing: 0;
	}
		
	#team_img {
		background-image:url(../img/team_img_01.jpg);
		background-repeat: no-repeat;
		width: 1142px;
		height: 482px;
		margin: 30px 0 0 30px;
	}
	
	#team_wolfgang {
		float:left;
		margin: 435px 0 0 40px;
	}
	
	#team_angelika {
		float:left;
		margin: 513px 0 0 985px;
	}

/* PRESSE */


#presse {
		display: block;
		height: 1660px;
		width: 100%;
		margin: 0 0 0 0;
		float:left;
	}
	
	#presse_headline {
		margin: 0 0 0 0;
		z-index: 1;
	}
	
	#presse_mainheadline {
		text-align:left;
		margin: 30px 0 0 100px;
		font-family: belligerent-webfont;
		font-size: 50px;
		font-weight: normal;
		line-height: 87%;
	}
	
	#presse_headline_part1 {
			width: 350px;
			margin: 5px 0 0 150px
		}
	
	#presse_headline_part2 {
			margin: 580px 0 0 625px;
			width: 250px;
		}
	
	#presse_img {
		background-image:url(../img/presse_img_01.jpg);
		background-repeat: no-repeat;
		width: 1113px;
		height: 1660px;
		margin: 4px 0 0 50px;
	}
	
	#presse_btn {
		width: 256px;
		height:67px;
		margin: 1512px 0 0 855px;
		z-index: 3;
	}


/* KONTAKT */


#kontakt {
		display: block;
		height: 1660px;
		width: 100%;
		margin: 0 0 0 0;
		float:left;
}

	#kontakt_headline {
		margin: 7px 0 0 584px;
		z-index: 1;
		text-align:left;
		font-family: belligerent-webfont;
		font-size: 50px;
		font-weight: normal;
		line-height: 87%;
	}

	#kontakt_txt {
		margin: 80px 0 0 596px;
		z-index: 1;
	}
	
	#kontakt_img {
		background-image:url(../img/contact_img_01.jpg);
		background-repeat:no-repeat;
		background-position: top left;
		width: 349px;
		height: 641px;
		margin: 8px 0 0 192px;
	}

	#kontakt_link {
		margin: 624px 0 0 581px;
	}
	
	.teaser {
		margin: 0 0 0 11px;
		width: 500px;
	}
			
			

/* TABLET EINBINDUNG 1199 - 768 */

@media (max-device-width: 1199px) {

		/* WELCOME */
	
		#welcome {
				margin: -355px 0 0 0;
		}
		
			#welcome_headline {
				margin: 130px 0 0 45px;
				z-index: 1;
				font-size: 70px;
			}
			
			#welcome_headline_part2 {
				font-size:80px;
				margin-left:-20px;
			}
			
			#welcome_txt {
				margin: 265px 0 0 45px;
				z-index: 1;
				width: 320px;
			}
			
			#welcome_img {
				background-image:url(../img/_mobile/00_welcome_img_tablet.png);
				width: 382px;
				height: 326px;
				margin: 110px 0 0 370px;
			}
				
			#stoerer_img {
				display:none;
				background-image:url(../img/stoerer_357x354.png);
				background-repeat:no-repeat;
				background-position: top center;
				width: 357px;
				height: 354px;
				margin: -240px 0 0 0;
			}
			
	/* LEISTUNGEN */	
			
		#leistungen {
			height: 843px;
			margin-top: 90px;
		}
		
			#leistungen_headline {
				margin: 10px 0 0 80px;
				font-size: 40px;
			}
		
			#leistungen_img {
				margin: 73px 0 0 11px;
				background-image:url(../img/_mobile/leistungen_img_01_tablet.jpg);
				width: 283px;
				height: 459px;
			}
			
			#leistungen_info {
				width: 400px;
				margin: 105px 0 0 297px;
			}
					
			#leistungen_images {
				margin: 447px 0 0 78px;
			}
			
			
			#leistungen_images_position_02 {
				margin: 0 0 0 292px
				}
				
			#leistungen_images_position_03 {
				margin: 155px 0 0 0;
				}
				
			#leistungen_images_position_04 {
				margin: 155px 0 0 292px;
				}
				
			#leistungen_btn {
				margin: 0 0 15px 268px;
			}
	
			.leistungen_images_style {
			}
			
	/* TEAM */	
	
	#team {
			height: 920px;

		}
		
		#team_headline {
			margin: 20px 0 0 375px;
			font-size: 40px;
		}
			
		#team_img {
			background-image:url(../img/_mobile/team_img_01_tablet.jpg);
			width: 685px;
			height: 782px;
			margin: 100px 0 0 44px;
		}
		
		#team_wolfgang {
			margin: 56px 0 0 45px;
		}
		
		#team_angelika {
			margin: 888px 0 0 568px;
		}
	
	/* PRESSE */
	
	
	#presse {
			height: 1120px;
		}
		
		#presse_headline {
			margin: 0 0 0 0;
			z-index: 1;
		}
		
		#presse_mainheadline {
			text-align:left;
			margin: 30px 0 0 60px;
			font-family: belligerent-webfont;
			font-size: 40px;
			font-weight: normal;
			line-height: 87%;
		}
		
		#presse_headline_part1 {
			width: 350px;
			margin: 10px 0 0 90px;
		}
		
		#presse_headline_part2 {
			margin: 395px 0 0 395px;
		}
		
		#presse_img {
			background-image:url(../img/_mobile/presse_img_01_tablet.jpg);
			width: 696px;
			height: 1040px;
			margin: 83px 0 0 30px;
		}
		
		#presse_btn {
			margin: 1025px 0 0 450px;
			z-index: 3;
		}
	
	
	/* KONTAKT */
	
	
	#kontakt {
			height: 650px;
			margin: 10px 0 0 0;
	}
	
		#kontakt_headline {
			margin: 0 0 0 375px;
			z-index: 1;
			font-size: 40px;
		}
		
		#kontakt_mainheadline {
			font-size: 40px;
		}
	
		#kontakt_txt {
			margin: 70px 0 0 387px;
			z-index: 1;
		}
	
		#kontakt_img {
			background-image:url(../img/_mobile/contact_img_01_tablet.jpg);
			width: 283px;
			height: 639px;
			margin: 0 0 0 67px;
		}
	
		#kontakt_link {
			margin: 617px 0 0 358px;
		}
		
		.teaser {
		margin: 0 0 0 25px;
		}
		
}
		
/* MOBILE EINBINDUNG 767 - 520 */	

@media (max-device-width: 767px) {
	
			/* WELCOME */
	
		#welcome {
				margin: -290px 0 0 90px;
		}
		
			#welcome_headline {
				text-align:center;
				margin: 108px 0 0 0;
				color: #FFF;
				font-family: belligerent-webfont;
				font-size: 60px;
				font-weight: normal;
				line-height: 87%;
				letter-spacing: 0;
				text-shadow: 1px 1px #000;
			}
			
			#welcome_headline_part2 {
				font-size:70px;
				margin-left:-20px;
			}
			
			#welcome_txt {
				margin: 220px 0 0 0;
				z-index: 1;
			}
			
			#welcome_img {
				display: none;
			}
			
			#stoerer_img {
				display:none;
				background-image:url(../img/stoerer_180x178_mobile.png);
				background-repeat:no-repeat;
				background-position: top center;
				width: 180px;
				height: 178px;
				margin: -120px 0 0 0;
		}
			
	/* LEISTUNGEN */	
			
		#leistungen {
			height: 730px;
			margin: 50px 0 0 20px;
			float:left;	
		}
		
			#leistungen_headline {
				margin: 0 0 0 80px;
				font-size: 30px;
			}
		
			#leistungen_img {
				display: none;
			}
			
			#leistungen_info {
				width: 400px;
				margin: 50px 0 0 50px;
			}
					
			#leistungen_images {
				max-width: 700px;
				width:auto;
				height:auto;
				margin: 370px 0 0 0;
			}
				
			#leistungen_btn {
				background-image:url(../img/leistungen_btn.png);
				background-repeat:no-repeat;
				background-position:top center;
				width: 256px;
				height:82px;
				background-size: auto;
				margin: 0 0 10px 110px;
			}
			
			#leistungen_images_position_02 {
				margin: 0 0 0 246px;
				}
				
			#leistungen_images_position_03 {
				margin: 134px 0 0 0;
				}
				
			#leistungen_images_position_04 {
				margin: 134px 0 0 246px;
				}
	
			.leistungen_images_style {
				width:230px;
				margin: 0 0 0 0;
				position: absolute;
				border: 1px solid #d0d0d0;
			}
			
	/* TEAM */	
	
	#team {
			height: 700px;
		}
		
		#team_headline {
			margin: 0 0 0 250px;
			font-size: 30px;
		}
			
		#team_img {
			background-image:url(../img/_mobile/team_img_01_tablet_520.jpg);
			width: 505px;
			height: 576px;
			margin: 80px 0 0 8px;
		}
		
		#team_wolfgang {
			margin: 36px 0 0 12px;
		}
		
		#team_angelika {
			margin: 660px 0 0 345px;
		}
	
	/* PRESSE */
	
	
	#presse {
			height: 770px;
		}
		
		#presse_headline {
			margin: 0 0 0 0;
			z-index: 1;
		}
		
		#presse_mainheadline {
			margin: 0 0 0 50px;
			font-size:30px;
		}
		
		#presse_headline_part1 {
			width: 350px;
			margin: 5px 0 0 70px;
		}
		
		#presse_headline_part2 {
			display: none;
		}
		
		#presse_img {
			background-image:url(../img/_mobile/presse_img_01_tablet_520.jpg);
			width: 464px;
			height: 684px;
			margin: 80px 0 0 20px;
		}
		
		#presse_btn {
			display: none;
			background-image:none;
		}
	
	
	/* KONTAKT */
	
	
	#kontakt {
			height: 490px;
			margin: 0 0 0 0;
	}
	
		#kontakt_headline {
			margin: 0 0 0 70px;
			z-index: 1;
			font-size: 30px;
		}
	
		#kontakt_txt {
			margin: 50px 0 0 90px;
			z-index: 1;
		}
	
		#kontakt_img {
			display: none;
			background-image: none;
		}
	
		#kontakt_link {
			margin: 450px 0 0 70px;
		}
		
		.teaser {
		margin: 0 0 0 16px;
		}
			
		
}


/* MOBILE EINBINDUNG 519 - 320 */	

@media (max-device-width: 519px) {
	
				/* WELCOME */
	
		#welcome {
				margin: -210px 0 0 35px;
		}
		
			#welcome_headline {
				margin: 70px 0 0 0;
				z-index: 1;
				font-size: 40px;
			}
			
			#welcome_headline_part2 {
				font-size:50px;
				margin-left:-5px;
			}
			
			#welcome_txt {
				margin: 150px 0 0 0;
				z-index: 1;
				width: 250px;
			}
			
			#welcome_img {
				display: none;
			}
			
	/* LEISTUNGEN */	
			
		#leistungen {
			height: 580px;
			margin: 20px 0 0 10px;
			float:left;	
		}
		
			#leistungen_headline {
				/*background-image:url(../img/_mobile/leistungen_headline_mobile.jpg);
				width: 166px;
				height: 37px;*/
				margin: 10px 0 0 30px;
				font-size: 25px;
			}
		
			#leistungen_img {
				display: none;
				background-image: none;
			}
			
			#leistungen_info {
				width: 280px;
				margin: 55px 0 0 10px;
			}
					
			#leistungen_images {
				max-width: 700px;
				width:auto;
				height:auto;
				margin: 350px 0 0 0;
			}
				
			#leistungen_btn {
				background-image: url(../img/_mobile/leistungen_btn_mobile.jpg);
				background-repeat:no-repeat;
				background-position:top center;
				width: 129px;
				height:41px;
				background-size: auto;
				margin: 0 0 10px 80px;
			}
			
			#leistungen_images_position_02 {
				margin: 0 0 0 150px;
				}
				
			#leistungen_images_position_03 {
				margin: 83px 0 0 0;
				}
				
			#leistungen_images_position_04 {
				margin: 83px 0 0 150px;
				}
	
			.leistungen_images_style {
				width:142px;
				margin: 0 0 0 0;
				position: absolute;
				border: 1px solid #d0d0d0;
			}
			
	/* TEAM */	
	
	#team {
			height: 475px;

		}
		
		#team_headline {
			margin: 0 0 0 150px;
			font-size: 25px;
		}
			
		#team_img {
			background-image:url(../img/_mobile/team_img_01_mobile.jpg);
			width: 313px;
			height: 358px;
			margin: 81px 0 0 4px;
		}
		
		#team_wolfgang {
			margin: 38px 0 0 5px;
		}
		
		#team_angelika {
			margin: 440px 0 0 166px;
		}
	
	/* PRESSE */
	
	
	#presse {
			height: 570px;
		}
		
		#presse_headline {
			/*background-image:url(../img/_mobile/presse_headline_mobile.jpg);
			width: 233px;
			height: 40px;*/
			z-index: 1;
		}
		
		#presse_mainheadline {
			margin: 10px 0 0 20px;
			font-size:30px;
			font-size: 25px;
		}
		
		#presse_headline_part1 {
			margin: 5px 0 0 30px;
			width: 270px;
		}
		
		#presse_headline_part2 {
			display: none;
		}
		
		#presse_img {
			background-image:url(../img/_mobile/presse_img_01_mobile.jpg);
			width: 294px;
			height: 474px;
			margin: 85px 0 0 15px;
		}
		
		#presse_btn {
			display: none;
			background-image:none;
		}
	
	
	/* KONTAKT */
	
	
	#kontakt {
			height: 400px;
			margin: 0 0 0 0;
	}
	
		#kontakt_headline {
			/*background-image:url(../img/_mobile/kontakt_headline_mobile.jpg);
			width: 169px;
			height: 39px;*/
			margin: 10px 0 0 30px;
			z-index: 1;
			font-size: 25px;
		}
	
		#kontakt_txt {
			margin: 47px 0 0 38px;
			z-index: 1;
		}
	
		#kontakt_img {
			display: none;
			background-image: none;
		}
	
		#kontakt_link {
			font-size: 13px;
			margin: 370px 0 0 0;
		}
		
		.teaser {
		margin: 0 0 0 34px;
		}
		
		
			
		
}