/*============	========================================================*/
/* MEDIA QUERIES */
/*====================================================================*/

/* für 320px */
@media only screen and (min-width: 20px){
	
	.bgdiv_nav_top_z1,
	.nav_top_z2_links,
	.navi_scroll_box,
	.bgdiv_con_100_header_start,
	.header_slogan,
	.box_keyfact,
	.div_bread,
	.footer_z2_sp2,
	.box_einklinker,
	.link_box_einklinker,
	.arrow{
		display:none;
	}
	
	.footer_fb{
		width:300px;
		margin:15px 0 0 0;
	}
	
		.footer_fb iframe{
			width:300px;
			height:70px;
		}
	
	.fb_page_300{
		display:block;
		border:none;
		overflow:hidden;
		width:300px;
		height:70px;
		float:left;
	}
	
	h1{ font-size:32px; }
	h1.h1_center{ font-size:32px; }
	
	h2.h2_gross{ font-size:24px; }

	h2.h2_cta{ font-size:24px; }
	h2.h2_h1{ font-size:32px; }

	
	
	
	.nav_top_logo{
		width:201px;
		height:103px;
		margin:20px 0 0 49px;
		padding:0px;
		overflow:hidden;
	}
	
	.bgdiv_nav_top_z2{
		margin:40px 0 0 0;
	}
	
	.bgdiv_con_100_infobloecke_start{
		float:left;
		position:relative;
		display:inline;
		width:100%;
		margin:0 0 0 0;
		padding:80px 0 80px 0;
		background-image:url(../images/bg_wald.jpg);
		background-repeat:no-repeat;
		background-position:bottom center;
		background-color:#f9f9f9;
	}
	
		.div_infobloecke_start{
			float:left;
			display:inline;
			position:relative;
			width:300px;
			overflow:hidden;
		}
		
			.div_infobloecke_inner{
				width:300px;
				margin:43px 0 0 0;
			}
		
				.iconbox_start{
					width:300px;
					padding:48px 0 0 0;
					margin:0 0 40px 0;
					background-repeat:no-repeat;
					background-position:top left;
					cursor:pointer;
				}
				
	
	.footer_z1_anschrift{
		width:300px;
		margin:0 0 0 0;
		padding:0 0 0 0;
	}
		.footer_adresse{
			width:265px;
			margin:0 0 0 0;
			padding:0 0 0 35px;
			background-image:url(../images/icon_anschrift.png);
			background-repeat:no-repeat;
			background-position:top left;
		}
		
			.footer_adresse2{
				margin:40px 0 0 0;
			}
			
			
	.footer_z1_logos{
		display:none;
	}
	
	
	.teaser_rahmen{
		width:100%;
		background-color:#ffffff;
		cursor:pointer;
	}
	
		.teaser_pic{
			display:none;
		}
		
		
		.teaser_txt{
			width:240px;
			height:265px;
			padding:25px 30px 30px 30px;
		}
		
		.teaser_link{
			display:none;
		}
		
		.testimonial_link{
			display:none;
		}
		
		.teaser_rahmen:hover .teaser_link{
			background-color:#323232;
		}
		
		.teaser_rahmen:hover .h3_teaser{
			color:#da041c;
		}
		
	.bgdiv_con_100_header_con{
		display:none;
	}
	
	.sp_14_cta{
		float:left;
		margin:26px 0 0 0;
		width:300px;
	}
	
		a.linkbox_rot_cta:link, a.linkbox_rot_cta:visited, a.linkbox_rot_cta:hover, a.linkbox_rot_cta:active {
			float:left;
		}
	
		a.linkbox_rot_cta_02:link, a.linkbox_rot_cta_02:visited, a.linkbox_rot_cta_02:hover, a.linkbox_rot_cta_02:active {
			float:left;
			margin:20px 0 0 0;
		}
	
	.sp_34_cta{
		width:300px;
		font-size:15px;
		line-height:30px;
		color:#ffffff;
	}
	
	a.link_tel_cta:link, a.link_tel_cta:visited, a.link_tel_cta:hover, a.link_tel_cta:active{
		font-size:15px;
	}
	
	.bgdiv_con_100_cta{
		padding:40px 0 40px 0;
	}
	
	.baugrund_sp1{
		width:270px;
		padding:0 0 0 15px;
		float:left;
		display:inline;
		position:relative;
		color:#323232;
		font-weight:bold;
	}
	
	.baugrund_sp2{
		width:270px;
		padding:0 0 0 15px;
		float:left;
		display:inline;
		position:relative;
		color:#323232;
	}
	
	.baugrund_sp3{
		width:120px;
		padding:0 0 0 15px;
		float:left;
		display:inline;
		position:relative;
		margin:10px 0 0 0;
	}
	
	.player_buehne iframe{
		height: 200px;
		width: 298px;
		margin:0 0 0 0;
		padding:0 0 0 0;
	}
}
         
@media only screen and (min-width: 560px){
	
	.footer_fb{
		width:300px;
		margin:25px 0 0 0;
		float:left;
	}
	
		.footer_fb iframe{
			width:300px;
			height:70px;
		}
	
	.fb_page_300{
		display:block;
		border:none;
		overflow:hidden;
		width:300px;
		height:70px;
	}
	
	.nav_top_logo{
		width:201px;
		height:103px;
		margin:20px 0 0 0;
		padding:0px;
		overflow:hidden;
	}
	
	.div_bread{
		display:block;
	}
	
	.arrow{
		display:inline;
	}
	
	.bgdiv_con_100_header_start{
		float:left;
		position:relative;
		display:inline;
		width:100%;
		margin:-150px 0 0 0;
		padding:0 0 0 0;
		background-image:url(../upload/header_start_001_560.jpg);
		background-repeat:no-repeat;
		background-position:top center;
		height:400px;
		border-bottom:3px solid #d9dadb;
	}

	
		.div_infobloecke_start{
			float:left;
			display:inline;
			position:relative;
			width:540px;
			overflow:hidden;
		}
		
			.div_infobloecke_inner{
				width:580px;
				margin:43px 0 0 0;
			}
		
				.iconbox_start{
					width:250px;
					padding:48px 0 0 0;
					margin:0 40px 40px 0;
					background-repeat:no-repeat;
					background-position:top left;
					cursor:pointer;
				}
	
	
	.box_keyfact{
		background-position:top center;
		background-repeat:no-repeat;
		padding:75px 0 0 0;
		margin:0 0 60px 0;
		width:270px;
		text-align:center;
		font-family: 'Architects Daughter', Arial, Helvetica, sans-serif;
		font-size:24px;
		line-height:30px;
		color: #ffffff;
		display:block;
	}
	
		.key_count{
			font-family: 'Architects Daughter', Arial, Helvetica, sans-serif;
			font-size:50px;
			line-height:60px;
		}
		
		.box_keyfact_03{
			margin-bottom:0px;
		}
		
		.box_keyfact_04{
			margin-bottom:0px;
		}
	
	
	.footer_z1_anschrift{
		width:540px;
		margin:0 0 0 0;
		padding:0 0 0 0;
	}
		.footer_adresse{
			width:215px;
			margin:0 0 0 0;
			padding:0 0 0 35px;
			background-image:url(../images/icon_anschrift.png);
			background-repeat:no-repeat;
			background-position:top left;
		}
		
			.footer_adresse2{
				margin:0 0 0 40px;
			}
			
			
	.teaser_rahmen{
		width:100%;
		background-color:#ffffff;
		cursor:pointer;
	}
	
		.teaser_pic{
			display:none;
		}
		
		
		.teaser_txt{
			width:420px;
			height:165px;
			padding:25px 30px 30px 30px;
		}
		
		.teaser_link{
			display:block;
			width:60px;
			height:220px;
			background-image:url(../images/icon_pfeil_link_weiss_gross.png);
			background-repeat:no-repeat;
			background-position:center center;
			background-color:#da041c;
		}
		
		.testimonial_link{
			display:block;
			width:60px;
			height:220px;
			background-image:url(../images/icon_testimonial.png);
			background-repeat:no-repeat;
			background-position:center center;
			background-color:#da041c;
		}
		
		.teaser_rahmen:hover .teaser_link{
			background-color:#323232;
		}
		
		.teaser_rahmen:hover .h3_teaser{
			color:#da041c;
		}
			
			
	.bgdiv_con_100_header_con{
		float:left;
		position:relative;
		display:inline;
		width:100%;
		margin:-145px 0 0 0;
		padding:0 0 0 0;
		background-image:url(../upload/header_con_002.jpg);
		background-repeat:no-repeat;
		background-position:top center;
		height:280px;
	}
			
			
	.sp_14_cta{
		float:left;
		margin:26px 0 0 0;
		width:540px;
	}
	
		a.linkbox_rot_cta:link, a.linkbox_rot_cta:visited, a.linkbox_rot_cta:hover, a.linkbox_rot_cta:active {
			float:left;
		}
	
		a.linkbox_rot_cta_02:link, a.linkbox_rot_cta_02:visited, a.linkbox_rot_cta_02:hover, a.linkbox_rot_cta_02:active {
			float:right;
			margin:-45px 0 0 0;
		}
	
	.sp_34_cta{
		width:540px;
		font-size:18px;
		line-height:30px;
		color:#ffffff;
	}
	
	a.link_tel_cta:link, a.link_tel_cta:visited, a.link_tel_cta:hover, a.link_tel_cta:active{
		font-size:18px;
	}
		
	.bgdiv_con_100_cta{
		padding:80px 0 80px 0;
	}
	
	.baugrund_sp1{
		width:510px;
		padding:0 0 0 15px;
		float:left;
		display:inline;
		position:relative;
		color:#323232;
		font-weight:bold;
	}
	
	.baugrund_sp2{
		width:510px;
		padding:0 0 0 15px;
		float:left;
		display:inline;
		position:relative;
		color:#323232;
	}
	
	.baugrund_sp3{
		width:120px;
		padding:0 0 0 15px;
		float:left;
		display:inline;
		position:relative;
		margin:10px 0 0 0;
	}
	
	.player_buehne iframe{
		height: 400px;
		width: 538px;
		margin:0 0 0 0;
		padding:0 0 0 0;
	}
	
}
         
@media only screen and (min-width: 750px){
	
	.footer_fb{
		width:300px;
		margin:35px 0 0 0;
		float:left;
	}
	
		.footer_fb iframe{
			width:300px;
			height:70px;
		}
	
	.fb_page_300{
		display:block;
		border:none;
		overflow:hidden;
		width:300px;
		height:70px;
	}
	
	h1{ font-size:40px; }
	h1.h1_center{ font-size:40px; }
	
	h2.h2_gross{ font-size:30px; }

	h2.h2_cta{ font-size:30px; }
	h2.h2_h1{ font-size:40px; }

	.bgdiv_con_100_header_start{
		float:left;
		position:relative;
		display:inline;
		width:100%;
		margin:-150px 0 0 0;
		padding:0 0 0 0;
		background-image:url(../upload/header_start_001_750.jpg);
		background-repeat:no-repeat;
		background-position:top center;
		height:500px;
		border-bottom:3px solid #d9dadb;
	}
	
		.header_slogan {
			display:block;
			color:#ffffff;
			background-image:url(../upload/icon_header_dach.png);
			background-repeat:no-repeat;
			background-position:top left;
			margin:223px 0 0 0;
			padding:70px 0 0 0;
		}
		
			h2.h2_header { font-family:  'Lato', Arial, Helvetica, sans-serif; font-size:50px; line-height:52px; color: #ffffff; font-weight:normal; margin:0 0 5px 0; padding:0 0 0 0; word-wrap: break-word; background-image:none; }
			h3.h3_header { font-family:  'Architects Daughter', Arial, Helvetica, sans-serif; font-size:22px; line-height:32px; color: #ffffff; font-weight:normal; margin:0 0 33px 0; padding:0 0 0 0; word-wrap: break-word; background-image:none; }
			
			
	
		.div_infobloecke_start{
			float:left;
			display:inline;
			position:relative;
			width:730px;
			overflow:hidden;
		}
		
			.div_infobloecke_inner{
				width:770px;
				margin:43px 0 0 0;
			}
		
				.iconbox_start{
					width:345px;
					padding:48px 0 0 0;
					margin:0 40px 40px 0;
					background-repeat:no-repeat;
					background-position:top left;
					cursor:pointer;
				}
	
	.box_keyfact{
		background-position:top center;
		background-repeat:no-repeat;
		padding:75px 0 0 0;
		width:180px;
		text-align:center;
		font-family: 'Architects Daughter', Arial, Helvetica, sans-serif;
		font-size:24px;
		line-height:30px;
		color: #ffffff;
		border-right:2px solid #444444;
	}
	
		.key_count{
			font-family: 'Architects Daughter', Arial, Helvetica, sans-serif;
			font-size:50px;
			line-height:60px;
		}
		
		.box_keyfact_04{
			border-right:0px solid #444444;
			width:182px;			
		}
	
	
	.footer_z1_anschrift{
		width:730px;
		margin:0 0 0 0;
		padding:0 0 0 0;
	}
		.footer_adresse{
			width:315px;
			margin:0 0 0 0;
			padding:0 0 0 35px;
			background-image:url(../images/icon_anschrift.png);
			background-repeat:no-repeat;
			background-position:top left;
		}
		
			.footer_adresse2{
				
				margin:0 0 0 30px;
			}
			
			
	.footer_z1_logos{
		display:block;
		width:730px;
		margin:60px 0 0 0;
		padding:0 0 0 0;
	}
		
		.logo1{
			width:170px;
		}
		
		.logo2{
			width:210px;
		}
		
		.logo3{
			width:130px;
		}
		
		.logo4{
			float:right;
			width:137px;
		}
		
		
	.teaser_rahmen{
		width:100%;
		background-color:#ffffff;
		cursor:pointer;
	}
	
		.teaser_pic{
			display:block;
			width:200px;
			height:220px;
			overflow:hidden;
			text-align:center;
			background-color:#da041c;
		}
		
			.teaser_pic img{
				height:230px;
			}
		
		.teaser_txt{
			width:410px;
			height:165px;
			padding:25px 30px 30px 30px;
		}
		
		.teaser_link{
			width:60px;
			height:220px;
			background-image:url(../images/icon_pfeil_link_weiss_gross.png);
			background-repeat:no-repeat;
			background-position:center center;
			background-color:#da041c;
		}
		
		.testimonial_link{
			width:60px;
			height:220px;
			background-image:url(../images/icon_testimonial.png);
			background-repeat:no-repeat;
			background-position:center center;
			background-color:#da041c;
		}
		
		.teaser_rahmen:hover .teaser_link{
			background-color:#323232;
		}
		
		.teaser_rahmen:hover .h3_teaser{
			color:#da041c;
		}
		
		
	.bgdiv_con_100_header_con{
		float:left;
		position:relative;
		display:inline;
		width:100%;
		margin:-150px 0 0 0;
		padding:0 0 0 0;
		background-image:url(../upload/header_con_002.jpg);
		background-repeat:no-repeat;
		background-position:top center;
		height:280px;
	}
		
	.sp_14_cta{
		float:left;
		margin:26px 0 0 0;
		width:730px;
	}
	
		a.linkbox_rot_cta:link, a.linkbox_rot_cta:visited, a.linkbox_rot_cta:hover, a.linkbox_rot_cta:active {
			float:left;
		}
	
		a.linkbox_rot_cta_02:link, a.linkbox_rot_cta_02:visited, a.linkbox_rot_cta_02:hover, a.linkbox_rot_cta_02:active {
			float:right;
			margin:-45px 0 0 0;
		}
	
	.sp_34_cta{
		width:730px;
		font-size:18px;
		line-height:30px;
		color:#ffffff;
	}
		
	.baugrund_sp1{
		width:700px;
		padding:0 0 0 15px;
		float:left;
		display:inline;
		position:relative;
		color:#323232;
		font-weight:bold;
	}
	
	.baugrund_sp2{
		width:700px;
		padding:0 0 0 15px;
		float:left;
		display:inline;
		position:relative;
		color:#323232;
	}
	
	.baugrund_sp3{
		width:120px;
		padding:0 0 0 15px;
		float:left;
		display:inline;
		position:relative;
		margin:10px 0 0 0;
	}
	
	.player_buehne iframe{
		height: 500px;
		width: 728px;
		margin:0 0 0 0;
		padding:0 0 0 0;
	}
	
}
         
@media only screen and (min-width: 1225px){
	
	.footer_fb{
		width:300px;
		margin:15px 0 0 0;
		float:right;
	}
	
		.footer_fb iframe{
			width:300px;
			height:70px;
		}
	
	.fb_page_300{
		display:block;
		border:none;
		overflow:hidden;
		width:300px;
		height:70px;
	}
	
	.bgdiv_nav_top_z1,
	.nav_top_z2_links,
	.navi_scroll_box{
		display:block;
	}
	
	
	
	.bgdiv_nav_top_z2{
		margin:0 0 0 0;
	}
	
	.bgdiv_nav_top_search{
		margin:0 0 0 0;
		padding:0 0 0 0;
		background-color:#ffffff;
		border:1px solid #d9dadb;
		width:300px;
		height:60px;
	}
	
	.bgdiv_con_100_header_start{
		float:left;
		position:relative;
		display:inline;
		width:100%;
		margin:-150px 0 0 0;
		padding:0 0 0 0;
		background-image:url(../upload/header_start_001_1200.jpg);
		background-repeat:no-repeat;
		background-position:top center;
		height:950px;
		border-bottom:3px solid #d9dadb;
	}
	
	
		.header_slogan {
			color:#ffffff;
			background-image:url(../upload/icon_header_dach.png);
			background-repeat:no-repeat;
			background-position:top left;
			margin:545px 0 0 0;
			padding:70px 0 0 0;
		}
		
			h2.h2_header { font-family:  'Lato', Arial, Helvetica, sans-serif; font-size:70px; line-height:72px; color: #ffffff; font-weight:normal; margin:0 0 13px 0; padding:0 0 0 0; word-wrap: break-word; background-image:none; }
			h3.h3_header { font-family:  'Architects Daughter', Arial, Helvetica, sans-serif; font-size:30px; line-height:32px; color: #ffffff; font-weight:normal; margin:0 0 33px 0; padding:0 0 0 0; word-wrap: break-word; background-image:none; }

			
	.bgdiv_con_100_infobloecke_start{
		float:left;
		position:relative;
		display:inline;
		width:100%;
		margin:0 0 0 0;
		padding:80px 0 80px 0;
		background-image:url(../images/bg_wald_start_1200.jpg);
		background-repeat:no-repeat;
		background-position:bottom center;
		background-color:#f9f9f9;
	}
	
		.div_infobloecke_start{
			float:right;
			display:inline;
			position:relative;
			width:787px;
			overflow:hidden;
		}
		
			.div_infobloecke_inner{
				width:827px;
				margin:43px 0 0 0;
			}
		
				.iconbox_start{
					width:373px;
					padding:48px 0 0 0;
					margin:0 40px 40px 0;
					background-repeat:no-repeat;
					background-position:top left;
					cursor:pointer;
				}
	
	.bgdiv_con_100_infotext_02_start{
		float:left;
		position:relative;
		display:inline;
		width:100%;
		margin:0 0 0 0;
		padding:80px 0 80px 0;
		background-image:url(../images/bg_div_welcome_1200.jpg);
		background-repeat:no-repeat;
		background-position:bottom center;
	}
	
		.div_infotext_02_start{
			float:left;
			position:relative;
			display:inline;
			width:745px;
			margin:0 0 0 0;
			padding:0 0 0 0;
		}
	
	
	.box_keyfact{
		background-position:top center;
		background-repeat:no-repeat;
		padding:75px 0 0 0;
		margin:0 0 0 0;
		width:298px;
		text-align:center;
		font-family: 'Architects Daughter', Arial, Helvetica, sans-serif;
		font-size:24px;
		line-height:30px;
		color: #ffffff;
		border-right:2px solid #444444;
	}
	
		.key_count{
			font-family: 'Architects Daughter', Arial, Helvetica, sans-serif;
			font-size:50px;
			line-height:60px;
		}
		
		.box_keyfact_04{
			border-right:0px solid #444444;
			width:300px;			
		}
	
	
	.teaser_rahmen{
		width:100%;
		background-color:#ffffff;
		cursor:pointer;
	}
	
		.teaser_pic{
			width:200px;
			height:135px;
			overflow:hidden;
			text-align:center;
			background-color:#da041c;
		}
		
			.teaser_pic img{
				width:210px;
				height:auto;
			}
		
		.teaser_txt{
			width:880px;
			height:80px;
			padding:25px 30px 30px 30px;
		}
		
		.teaser_link{
			width:60px;
			height:135px;
			background-image:url(../images/icon_pfeil_link_weiss_gross.png);
			background-repeat:no-repeat;
			background-position:center center;
			background-color:#da041c;
		}
		
		.testimonial_link{
			width:60px;
			height:135px;
			background-image:url(../images/icon_testimonial.png);
			background-repeat:no-repeat;
			background-position:center center;
			background-color:#da041c;
		}
		
		.teaser_rahmen:hover .teaser_link{
			background-color:#323232;
		}
		
		.teaser_rahmen:hover .h3_teaser{
			color:#da041c;
		}
		
		
	.bgdiv_con_100_header_con{
		float:left;
		position:relative;
		display:inline;
		width:100%;
		margin:-155px 0 0 0;
		padding:0 0 0 0;
		background-image:url(../upload/header_con_002.jpg);
		background-repeat:no-repeat;
		background-position:top center;
		height:345px;
	}
		
		
	
	.footer_z1_anschrift{
		width:600px;
		margin:0 0 0 0;
		padding:0 0 0 0;
	}
		.footer_adresse{
			width:265px;
			margin:0 0 0 0;
			padding:0 0 0 35px;
			background-image:url(../images/icon_anschrift.png);
			background-repeat:no-repeat;
			background-position:top left;
		}
		
			.footer_adresse2{
				width:255px;
				margin:0 0 0 10px;
			}
	
	
	.footer_z1_logos{
		width:600px;
		margin:0 0 0 0;
		padding:0 0 0 0;
	}
		
		.logo1{
			width:110px;
		}
		
		.logo2{
			width:150px;
		}
		
		.logo3{
			width:130px;
		}
		
		.logo4{
			float:right;
			width:137px;
		}
		
	.footer_z2_sp2{
		display:block;
	}
	
	
	.sp_14_cta{
		float:right;
		margin:0 0 0 0;
		width:230px;
	}
	
		a.linkbox_rot_cta:link, a.linkbox_rot_cta:visited, a.linkbox_rot_cta:hover, a.linkbox_rot_cta:active {
			float:right;
		}
	
		a.linkbox_rot_cta_02:link, a.linkbox_rot_cta_02:visited, a.linkbox_rot_cta_02:hover, a.linkbox_rot_cta_02:active {
			float:right;
			margin:20px 0 0 0;
		}
	
	.sp_34_cta{
		width:970px;
		font-size:18px;
		line-height:30px;
		color:#ffffff;
	}

	.baugrund_sp1{
		width:500px;
		padding:0 0 0 15px;
		float:left;
		display:inline;
		position:relative;
		color:#323232;
		font-weight:bold;
	}
	
	.baugrund_sp2{
		width:300px;
		padding:0 0 0 15px;
		float:left;
		display:inline;
		position:relative;
		color:#323232;
	}
	
	.baugrund_sp3{
		width:120px;
		padding:0 0 0 15px;
		float:right;
		display:inline;
		position:relative;
		margin:0 0 0 0;
	}
	
	
	.player_buehne iframe{
		height: 433px;
		width: 578px;
		margin:0 0 0 0;
		padding:0 0 0 0;
	}
	
}

@media only screen and (min-width: 1340px){
	
	.box_einklinker{
		display:block;
	}
	
	.link_box_einklinker{
		display:block;
	}
	
}

/* allgemein gültig */