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

/* für 320px */
@media only screen and (min-width: 20px){
	
	.pos_logo_bottom{
		display:none;
	}
	
	.pos_social_bottom{
	clear: both;
    float: left;
}

.pos_events{
	margin:420px 0 40px 0;
}

.pos_bread{
		padding:15px 0 14px 0; clear:both; margin:-80px 0 0 0;
	}
	
	.pos_music_bottom{
		clear:both;
		margin:20px 0 20px 0;
		float:left;
	}
	
	.music_btn{
		width:95px;
		height:30px;
		cursor:pointer;
		opacity:0.15;
		margin:0 40px 0 0;
				-o-transition: all 0.4s ease-out;  /* Opera 10.5+ */
		-webkit-transition: all 0.4s ease-out;  /* Saf3.2+, Chrome */
		-ms-transition: all 0.4s ease-out;  /* IE10? */
		transition: all 0.4s ease-out;

	}
	
	.music_btn:hover{
		opacity:1;
				-o-transition: all 0.4s ease-out;  /* Opera 10.5+ */
		-webkit-transition: all 0.4s ease-out;  /* Saf3.2+, Chrome */
		-ms-transition: all 0.4s ease-out;  /* IE10? */
		transition: all 0.4s ease-out;

	}
	
	.bullet_social{
		width:40px;
		height:40px;
		background-color:#196670;
		border:1px solid #196670;
		text-align:center;
		padding:7px;
		box-sizing:border-box;
		font-size:16px;
		color:#fff;
		cursor:pointer;
		border-radius:40px;
		margin:0 7px 0 0;
				-o-transition: all 0.4s ease-out;  /* Opera 10.5+ */
		-webkit-transition: all 0.4s ease-out;  /* Saf3.2+, Chrome */
		-ms-transition: all 0.4s ease-out;  /* IE10? */
		transition: all 0.4s ease-out;

	}
	
	.bullet_social:hover{
		background-color:#fff;
		border:1px solid #196670;
		color:#196670;
		cursor:pointer;
				-o-transition: all 0.4s ease-out;  /* Opera 10.5+ */
		-webkit-transition: all 0.4s ease-out;  /* Saf3.2+, Chrome */
		-ms-transition: all 0.4s ease-out;  /* IE10? */
		transition: all 0.4s ease-out;

	}
	
	.albumcover{
		width:300px;
		height:300px;
		background-position:center;
		background-repeat:no-repeat;
		background-size:cover;
		margin:40px 0 0 0;
		cursor:pointer;
		
		-webkit-box-shadow: 0px 21px 18px -4px rgba(17,17,17,0.39);
		-moz-box-shadow: 0px 21px 18px -4px rgba(17,17,17,0.39);
		box-shadow: 0px 21px 18px -4px rgba(17,17,17,0.39);
		-moz-transition: all 0.4s ease-out;  /* FF4+ */
		-o-transition: all 0.4s ease-out;  /* Opera 10.5+ */
		-webkit-transition: all 0.4s ease-out;  /* Saf3.2+, Chrome */
		-ms-transition: all 0.4s ease-out;  /* IE10? */
		transition: all 0.4s ease-out;
	}
	
	.albumcover:hover{
		-webkit-box-shadow: 0px 21px 18px -4px rgba(17,17,17,0.8);
		-moz-box-shadow: 0px 21px 18px -4px rgba(17,17,17,0.8);
		box-shadow: 0px 21px 18px -4px rgba(17,17,17,0.8);
		-moz-transition: all 0.4s ease-out;  /* FF4+ */
		-o-transition: all 0.4s ease-out;  /* Opera 10.5+ */
		-webkit-transition: all 0.4s ease-out;  /* Saf3.2+, Chrome */
		-ms-transition: all 0.4s ease-out;  /* IE10? */
		transition: all 0.4s ease-out;
	}
	
	.overflow_std{
		width:300px;
	}
	
	.alben{
		font-size:100px;
		line-height:70px;
		font-family:'din-2014', sans-serif;
		font-weight:800;
		color:#cdcdcd;
		text-transform:uppercase;
	}
	
	span.day{
		font-size:18px;
		line-height:20px;
		color:#fff;
		font-weight:800;
		font-family:'din-2014', sans-serif;
	}
	
	span.month{
		font-size:14px;
		line-height:14px;
		color:#fff;
		font-weight:300;
		font-family:'din-2014', sans-serif;
		display:block;
	}
	
	.date_circle{
		width:60px;
		height:60px;
		text-align:center;
		padding:10px 10px;
		box-sizing:border-box;
		background-color:#196670;
		border:1px solid #196670;
		border-radius:90px;
		margin:0 10px 20px 0;
	}
	
	.pattern1{
		background-color:#e6e6e6; background-image:url(../images/pattern_index1.png); background-size:auto; background-repeat:repeat-y; background-position:center; padding:570px 0 290px 0; margin:-700px 0 0 0;
	}
	
	.pattern3{
		background-color:#fff; background-image:url(../images/pattern_index3.png); background-size:cover; background-repeat:no-repeat; background-position:top center; margin:0 0 0 0;
	}
	
	.pattern2{
		padding:80px 0 140px 0; margin:-440px 0 0 0;
	}
	
	.pic_welcome{
		height:675px;
		width:85%;
		margin:-240px 0 0 0;
		background-position:center;
		background-size:cover;
		background-repeat:no-repeat;
		z-index:9999;
	}
	
	.welcome_overlay{
		width:100%;
		height:100%;
		top:0;
		left:0;
		right:0;
		bottom:0;
		position:absolute;
		background-image:url(../images/welcome_overlay.png);
		background-position:top center;
		background-size:cover;
		background-repeat:no-repeat;
	}
	
	.gruen_balken{
		height:390px;
		width:140px;
		background-color:#196670;
		margin:80px -120px 0 0;
		z-index:999;
	}
	
	.welcome_h1{
		width:300px;
		height:220px;
		margin:135px 0 0 0;
	}
	
	.first_span{
		font-size:40px;
		color:#111;
		text-transform:uppercase;
		font-weight:800;
		line-height:50px;
		font-family:'din-2014';
	}
	
	.second_span{
		font-size:20px;
		color:#196670;
		text-transform:none;
		line-height:20px;
		font-family:'din-2014';
	}
	
	.info_cover{
		width:300px;
		max-height:600px;
		margin:40px 0 0 0;
	}
	
	.cover_index{
		width:300px;
		height:300px;
		margin:20px 0 0 0;
		background-position:center;
		background-repeat:no-repeat;
		background-size:cover;
		
		-webkit-box-shadow: 0px 21px 18px -4px rgba(17,17,17,0.39);
		-moz-box-shadow: 0px 21px 18px -4px rgba(17,17,17,0.39);
		box-shadow: 0px 21px 18px -4px rgba(17,17,17,0.39);
	}
	
	h1.packaging{
		font-size:40px;
		color:#fff;
		font-family:'din-2014';
	}
	
	.box_start_txt_det i{
		color:rgba(255,255,255,0.3);
		line-height:30px;
	}
	
	.box_start_pic_det{
		width:100%;
		height:360px;
		background-position:center;
		background-size:cover;
	}
	
	.box_start_txt_det{
		width:90%;
		height:175px;
		margin:-80px 0 0 0;
		float:right;
		background-color:#196670;
		padding:30px 30px;
		box-sizing:border-box;
	}
	
	
	
	.box_start_det{
		width:300px;
		height:455px;
		margin:0 0 10px 0;
	}
	
	.box_start_det:hover .box_start_txt_det{
		background-color:#0b525b;
		-moz-transition: all 0.4s ease-out;  /* FF4+ */
		-o-transition: all 0.4s ease-out;  /* Opera 10.5+ */
		-webkit-transition: all 0.4s ease-out;  /* Saf3.2+, Chrome */
		-ms-transition: all 0.4s ease-out;  /* IE10? */
		transition: all 0.4s ease-out;
	}
	
	.box_start_txt_det h2{
		font-size:32px;
	}
	.box_start_txt_det h4{
		font-size:18px;
		line-height:20px;
	}
	
	.trenner_div{
	padding:160px 0 0 0; margin:-100px 0 0 0; background-color:#f7f7f7;
}
	
	.show_tags{
	display:none;
}

.portrait{
		width:0;
		height:0;
		margin:0 0 0 0;
		background-repeat:no-repeat;
		background-position:right center;
		background-size:contain;
		float:right;
	}
	
	.margin_kontaktbtn{
		margin:40px 0 0 0;
	}
	
	.bg_foot{
		padding:80px 0 90px 0;
		background-image:none;
		background-repeat:repeat-y;
		background-position:top center;
		background-size:contain;
	}
	
	.pic_bottom{
		height:400px;
		margin:-100px 0 0 0;
		width:100%;
		background-size:cover;
		background-position:center;
	}
	
	.txt_unten{
		width:300px;
		margin:-80px 0 0 0;
	}
	
	.box_13_first{
		width:300px;
		margin:-120px 20px 0 0;
		height:260px;
		box-sizing:border-box;
		padding:0 20px 0 0;
	}
	
	.box_13_second{
		width:300px;
		height:300px;
		margin:-60px 0 20px 0;
	}
	
	.box_13_third{
		width:300px;
		height:300px;
		margin:0 0 0 0;
	}
	
	.box_13_fourth{
		width:300px;
		height:300px;
		margin:20px 0 20px 0;
		background-color:#29333d;
		box-sizing:border-box;
		padding:30px;
	}
	
	
	.box_13_fifth{
		width:0;
		height:0;
		margin:0 0 0 0;
	}
	
	.box_sixth{
		margin:40px 100px 0 0;
	}
	
	.box_start_txt i{
		color:rgba(255,255,255,0.3);
		line-height:30px;
	}
	
	.box_start_pic{
		width:100%;
		height:280px;
		background-position:center;
		background-size:cover;
	}
	
	.box_start_txt{
		width:90%;
		height:175px;
		margin:-80px 0 0 0;
		float:right;
		background-color:#0da8a6;
		padding:35px 20px;
		box-sizing:border-box;
	}
	
	.box_start_txt h2{
		font-size:26px;
	}
	.box_start_txt h4{
		font-size:16px;
		line-height:24px;
	}
	
	.box_start{
		width:300px;
		height:360px;
		margin:0 0 40px 0;
	}
	
	.box_start:hover .box_start_txt{
		background-color:#0b525b;
		-moz-transition: all 0.4s ease-out;  /* FF4+ */
		-o-transition: all 0.4s ease-out;  /* Opera 10.5+ */
		-webkit-transition: all 0.4s ease-out;  /* Saf3.2+, Chrome */
		-ms-transition: all 0.4s ease-out;  /* IE10? */
		transition: all 0.4s ease-out;
	}
	
	.box_sixth:hover h2, .box_sixth:hover i{
		color:#0da8a6;
		-moz-transition: all 0.4s ease-out;  /* FF4+ */
		-o-transition: all 0.4s ease-out;  /* Opera 10.5+ */
		-webkit-transition: all 0.4s ease-out;  /* Saf3.2+, Chrome */
		-ms-transition: all 0.4s ease-out;  /* IE10? */
		transition: all 0.4s ease-out;
	}
	
	.margin_boxen_start{
		margin:-80px 0 0 0;
	}
	
	.boxen_start_outter{
		width:100%;
		float:right;
		display:inline;
		position:relative;
		margin:0 0% 0 0;
		overflow:hidden;
	}
	
	.boxen_start_outter_det{
		width:300px;
		margin:0 auto;
		overflow:hidden;
	}
	
	.logo_zert{
		width:80px;
		height:80px;
		background-image:url(../images/logo_hpe.png);
		background-position:center;
		background-repeat:no-repeat;
		background-size:cover;
		margin:10px 40px 0 0;
	}
	
	.txt_underheader{
		width:260px;
	}
	
	.txt_foot{
		width:300px;
		margin:0 0 60px 0;
	}
	
	
	.bg_underheader{
		width:81.5%; margin:0; display:block; height:780px; background-color:#f7f7f7;
	}
	
	.margin_underheader{
		margin:-720px 0 0 0;
	}
	
	.show_infos{
		display:none;
	}
	
	.margin_box_weiss_head{
		margin:-300px 0 0 0;
	}
	
	.link_bigpicbox{
		cursor:pointer; width:300px; height:auto; margin:20px 0 0 0;
	}
	
	.h1_index {
		width: 300px;
		margin: 0 0 120px 0;
	}
	
	.box_weiss_header{
		background-color:#fff; height:0; width:0;
	}
	
	.box_weiss_header_inner{
		margin:40px 0 0 40px;
	}
	
	.trenner_pecht_head{
		margin:36px 40px 0 40px; height:2px; width:169px; background: url(../images/trenner_pecht.png) no-repeat center;
	}
	
	.span_head1{
		font-size:24px; line-height:32px; font-weight:600; color:#2f2e2c;
	}
	
	.span_head2{
		font-size:38px; line-height:46px; font-weight:700; color:#2f2e2c;
	}
	
	.span_head3{
		font-size:24px; line-height:58px; font-weight:600; color:#2f2e2c;
	}
	
	.i_head{
		font-size:30px; line-height:58px !important; padding:0 0 0 40px;
	}
	
	.bigpicbox{
		cursor:pointer; width:480px; height:615px; margin:0 0 0 20px; 
	}
	
	.overlaypic_big_thumb{
		display:block; position:absolute; top:0; bottom:0; left:0; right:0; width:100%; height:100%; background-color:rgba(45,45,45,0.4);
	}
	
	.box_weiss_txt{
		font-size:30px; line-height:38px; color:#fff; font-weight:600; width:260px; position:absolute; display:block; bottom:140px; left:180px;
	}
	
	.box_weiss_link{
		width:105px; height:105px; background-color:#fff; text-align:center; position:absolute; display:block; bottom:0; right:0;
	}
	
	.i_head2{
		font-size:30px; padding:40px 0 0 0;
	}
	
	.box_outter_thumb{
		width:300px; height:90px; margin:20px 0 0 0;
	}
	
	.box_pic_thumb{
		width:90px; height:90px; margin:0 5px 0 5px;
	}
	
	.link_pic_big{
		text-transform:uppercase; font-size:14px; font-weight:700;
	}
	
	.pic_index_welcome{
		width:260px; height:300px; margin:0 40px 0 0;
	}
	
	.text_welcome_sp1{
		width:300px; height:auto; margin:65px 0 0 0;
	}
	
	.text_welcome_sp2{
		width:300px; height:auto; margin:-16px 0 0 0;
	}
	
	.span_foot_slide{
		font-size:16px; line-height:48px; text-transform:uppercase; font-weight:700; color:#2d2d2d;
	}
	
	.trenner_foot_slide{
		margin:20px 10px 0 0; height:2px; width:50px;
	}
	
	.span_foot_slide2{
		font-size:24px; line-height:24px; font-weight:600; color:#2f2e2c;
	}
	
	.i_foot_slide{
		font-size:30px; line-height:24px; padding:0 0 0 30px;
	}
	
	.box_weiss_txt_slide{
		font-size:30px; line-height:38px; color:#fff; font-weight:700; position:absolute; display:block; bottom:115px; left:40px;
	}
	
	.box_weiss_link_slide{
		width:50px; height:50px; background-color:#fff; text-align:center; position:absolute; display:block; bottom:0; right:0;
	}
	
	.bg_foot_pecht{
		height:240px; background: none;
	}
	
	.sp_pecht1{
		margin:0 80px 0 0;
	}
	
	.sp_pecht2{
		margin:80px 0 0 0;
	}
	
		.sp_pecht2 img{
			width:255px;
		}
	
	.ansprech_pic{
		display:none;
	}
	
	a.a_ansprech_m, a.a_ansprech_t{
		font-size:14px !important;
	}
	
	.ansprech_inner{
		margin:20px 0 0 20px;
		width:280px;
	}
	
	.ansprech_outter{
		width:300px;
		height:240px;
		background-color:#fff;
		margin:20px 0 0 0;
	}
	
	.ansprech_overflow{
		width:300px;
		overflow:hidden;
	}
	
	.show_placeholder{
		display:none;
	}
	
	.con_std{
		margin-top:0;
	}
	
	.pic_index{
		height:420px;
		width:100%;
		background-position:center;
		background-size:cover;
		background-repeat:no-repeat;
		float:right;
		margin-top:0;
	}
	
	.height_welcome{
		height:480px;
		padding:60px 0;
		box-sizing:border-box;
	}
	
	.box_modell_head{
		padding:20px; box-sizing:border-box; width:100%; height:90px;
	}
	
	.box_modell:hover .box_modell_head{
		background-color:#f0f0f0;
	}
	
	.box_modell_pic{
		height:195px; width:300px; background-position:center; background-repeat:no-repeat; background-size:cover;
	}
	
	.box_modell{
		width:300px; height:285px; margin:0 20px 20px 0; background-color:#fff; cursor:pointer;
	}
	
	.box_modell_last{
		width:300px; height:285px; margin:0 20px 20px 0; text-align:center; padding:100px 0 0 0; box-sizing:border-box;
	}
	
	.box_modell_last:hover{
		background-color:#f0f0f0;
	}
	
	.overflow_boxen_modelle{
		clear:both; margin-top:30px; width:320px;
	}
	
	.pic{
		width:100%;
		height:160px;
		background-color:black;
		margin:0 0 20px 0;
		background-size:cover;
		background-position:center;
		background-repeat:no-repeat;
	}
	
	.overflow_index{
		width:300px;
	}
	
	.inner_index{
		margin:10px 0 10px 0;
	}
	
	.show_blau{
		display:none;
	}
	
	.overflow_referenzen{
		width: 340px;
	}
	
	html{
		overflow-x:hidden;
	}
	
	.slider_abdecker_video{
		margin:0 0 0 0;
		float: left;
		display: inline;
		position: relative;
		height: 100%;
		width: 100%;
		background-color: rgba(62,69,67,0.6);
	}
	
	.headervideo{
		position: absolute;
		  top: 50%; 
		  left: 50%;
		  -webkit-transform: translateX(-50%) translateY(-50%);
		  transform: translateX(-50%) translateY(-50%);
		  min-width: auto; 
		  min-height: auto; 
		  width: auto; 
		  height: 100%;
		  overflow: hidden;
	}
	
.bg_slider{
		height:550px;
		width:100%;
		margin:-550px 0 0 0;
		z-index:9;
		position:relative;
	}

	
	.maps_foot{
		margin:0 0 0 0;
	}
	
	
	.i_tel_cta{
		font-size:50px;
		display:inline;
		float:left;
		position:relative;
		color:#cbe253;
		margin:0 10px 0 0;
	}
	
	.tel_cta{
		width:280px;
		clear:both;
		margin:-170px 0 0 0;
		display:none;
	}
	
	.cta_slogan_svg svg{
		width:700px;
		height:200px;
		margin:-100px -500px 0 0;
		display:inline;
		position:relative;
		float:right;
	}
	
	.cta_slogan_weiss{
		font-size:42px;
		color:#f0f0f0;
		line-height:48px;
		font-weight:500;
	}
	
	.cta_slogan_gruen{
		font-size:42px;
		color:#2e3541;
		line-height:48px;
		font-weight:500;
	}
	


.box_leistung_slider{
		height:320px;
		width:300px;
		background-position:center;
		background-repeat:no-repeat;
		background-size:contain;
		margin:0 40px 0 0;
		cursor:pointer;
		background:#fff;
	}



.box_leistung_slider:hover a{
		background-color:#fff;
		border:1px solid #2e3541;
		color:#2e3541;
	}
	
	.text_box_leistung{
		width:320px;
		height:110px;
		box-sizing:border-box;
		padding:25px;
	}
	
	.pic_box_leistung{
		width:300px;
		height:145px;
		background-size:cover;
		background-repeat:no-repeat;
		background-position:center;
	}

	
	.callbacks_nav {
			  float:left;
			  display:inline;
			  z-index: 3;
			  text-indent: -9999px;
			  overflow: hidden;
			  text-decoration: none;
			  height: 40px;
			  width: 40px;
			  margin:0 0 0 0;
			  margin-top: -24px;
			  }


			.callbacks_nav.next {
			  margin-left:40px;
			  background-position: right top;
			  background-image:url(../images/caret-circle-right-solid.svg);
			  margin-right:125px;
			  }
			  
			.callbacks_nav.prev {
			  
			  background-position: right top;
			  background-image:url(../images/caret-circle-left-solid.svg);
			
			  }
	
	.bg_bullets{
		display:inline;
		width:450px;
		float:right;
		margin:-220px -100px 0 0;
		
	}
	
	.box_text_slider{
		width:300px;
		margin:60px 0 120px 0;
		z-index:99;
	}
	
	.show_nav_foot{
		display:none;
	}
	
	.show_initiatoren{
		display:none;
	}
	
	.show_foot_1{
		display:none;
	}
	
	.box_angebot{
		width:300px;
		height:280px;
		margin:20px 40px 0 0;
		background-position:center;
		background-size:cover;
		background-repeat:no-repeat;
		cursor:pointer;
	}
	
		.box_angebot span{
			display:block;
			position:absolute;
			bottom:40px;
			left:40px;
			right:40px;
			font-size:18px;
			font-weight:700;
			color:#fff;
		}
		
		.box_angebot i{
			display:block;
			position:absolute;
			bottom:40px;
			right:40px;
			right:40px;
			font-size:26px;
			font-weight:300;
			color:#2e3541;
		}
		
		.box_angebot:hover span{
			bottom:50px;
			-moz-transition: all 0.4s ease-out;
			-o-transition: all 0.4s ease-out;
			-webkit-transition: all 0.4s ease-out;
			-ms-transition: all 0.4s ease-out;
			transition: all 0.4s ease-out;
		}
		.box_angebot:hover i{
			bottom:50px;
			-moz-transition: all 0.4s ease-out;
			-o-transition: all 0.4s ease-out;
			-webkit-transition: all 0.4s ease-out;
			-ms-transition: all 0.4s ease-out;
			transition: all 0.4s ease-out;
		}
	
	.width_txt_box{
		width:230px
	}
	
	.margin40{
		margin:0 40px 0 0;
	}
	
	.overflow_boxen{
		width:340px;
	}
	
	.margin_gruen_box{
		margin:-470px 0 -20px 0;
		z-index:9999;
	}
	
	.bg_card {
		width:0;
		height:0;
		background-repeat:no-repeat;
		background-size:cover;
		background-position:right center;
		background-image:url(../images/bg_card.png);
		margin: -370px 0 0 0;
		z-index: 99;
	}
	
	.halb{
		width:100%;
		background-color:#2e3541;
		height:500px;
		float: left;
		position: relative;
		display: inline;
		margin: -160px 0 0 0;
		padding: 0 0 0 0;
		z-index:9999;
	}
	
	.show_box_top{
		display:none;
	}
	
	.display_btn{
		display:none;
	}
	
	.bg_icon_tiles{
		background-image:url(../images/bg_icon_tiles.png);
		background-size:260px 200px;
		background-position:bottom right;
		background-repeat:no-repeat;
	}

	
	.box_leistung_slider_overlay{
		height:360px;
		width:300px;
		background-color:rgba(0,0,0,0.85);
		margin:0 40px 0 0;
		padding:40px 20px 0 20px;
		cursor:pointer;
		display:none;
		box-sizing:border-box;
	}
	
	.box_leistung_slider:hover .box_leistung_slider_overlay{
		display:inline;
	}
	
	.box_leistung_slider:hover a{
		text-decoration:underline;
	}
	
	.box_leistungen_index{
		height:260px;
		padding:40px 20px 0 20px;
	}
	
	.bgdiv_nav_top_z3{
		display:none;
	}
	
	.div_iframe iframe{
		height:260px;
		width:100%;
	}
	
	h1{ font-size:34px; line-height:38px; }
	h1.h1_marker{ font-size:24px; line-height:32px; }
	h1.h1_weiss{ font-size:24px; line-height:32px; }
		
	h2{ font-size:22px; line-height:30px; font-weight:500;}

	h2.h2_slogan{ font-size:50px; line-height:44px; }

	h3{ font-size:26px; line-height:28px; }
	h3.h3_slogan{ font-size:20px; line-height:50px; }

	h3.h3_h1_marker{ font-size:24px; line-height:32px; }
	h3.h3_galery{ font-size:24px; line-height:32px; }
	h3.h3_h1{ font-size:28px; line-height:34px; }
	h3.h3_testimonial_marker{ font-size:26px; line-height:32px; }

	h4{ font-size:16px; line-height:24px; }
	h4.h4_teaser{ font-size:20px; line-height:22px; }
	h4.h4_news{ font-size:20px; line-height:22px; }

	h5{ font-size:16px; line-height:24px; }
	
	
	
	.bgdiv_nav_top_z1,
	.bgdiv_nav_top_z2,
	.nav_scroll_bg{
		display:none;
	}
	

	
	.bgdiv_nav_top_z1_mobile{
		display:inline;
	}
	
	
	/* header contentseiten :: start */
	
		.bgdiv_con_100_header_con{
			display:inline;
			height:100px;
			background-repeat:no-repeat;
			background-position:center top;
			background-size:250%;
		}
		
			.header_con_abdecker{
				float:left;
				display:inline;
				position:relative;
				height:100%;
				width:100%;
				background-color: rgba(62,69,67,0.78);
				padding:100px 0 40px 0;
			}
	
			.box_icons{
				width:300px;
				height:75px;
				margin:0 0 0 0;
				text-align:left;
				overflow:hidden;
			}
			
				.box_icons img{
					width:300px;
					max-height:75px;
				}
			
			.box_headline{
				width:300px;
				margin:0 0 -20px 0;
			}
			
	
	/* header contentseiten :: ende */
	
	
		
	/* slider startseite :: start */
		
		/*
		.bgdiv_con_100_header_slider,
		.rslides, 
		.rslides_navi_pos{
			display:none;
		}	
		
		.bgdiv_con_100_header_slider_mobile{
			height:20px;
			background-color:#20a64b;
		}
		*/
		
		.bgdiv_con_100_header_slider{
			display:block;
			height:540px;
			margin-top:0;
		}
		
			
		
			.bgdiv_slider{
				width:100%;
				height:540px;
				float:left;
				display:inline;
				position:relative;
				background-position:top center;
				background-repeat:no-repeat;
				background-size:cover;
				overflow:hidden;
			}
			
			.slider_abdecker{
				float:left;
				display:inline;
				position:relative;
				height:100%;
				width:100%;
				background-image:url(../images/header_overlay.png);
				background-size:cover;
				background-repeat:no-repeat;
				background-position:top left;
			}
			
		
			.rslides {
			  display:inline;
			  position: relative;
			  list-style: none;
			  overflow: hidden;
			  width: 100%;
			  height:540px;
			  padding: 0;
			  margin: 0;
			  }

			.rslides li {
			  -webkit-backface-visibility: hidden;
			  position: absolute;
			  display: none;
			  width: 100%;
			  left: 0;
			  top: 0;
			  margin:0;
			  padding:0;
			  }

			.rslides li:first-child {
			  position: relative;
			  display: block;
			  float: left;
			  }

			 /*
			.rslides img {
			  display: block;
			  height: auto;
			  float: left;
			  width: 100%;
			  border: 0;
			  }
			 */
			 
			 .large-btns_tabs {
				padding-left:0px;
				margin-left:0px;
				margin-top: 0px;
			}
			
			.large-btns_tabs li {
				display: inline;
				float: none;
				margin:0 20px 0 0;
			}
			
			.large-btns_tabs a {
				background-color:#ffffff;
				width:15px;
				height:15px;
				display: inline-block;
				overflow: hidden;
				text-indent: -9999px;

			}
			
			.large-btns_here a {
				background-color:#20a64b;
			}
			
			.rslides_navi_pos{
				display:none;
			}
		
		.bg_slogan{
			display: block;
			position: absolute;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			text-align: left;
			color: #323232;
			width: 300px;
			bottom: 100px;
		}
		
		.bg_slogan_pic{
			display:none;
		}
		
			
	
	/* slider startseite :: ende */
	
	
	
	/* keyfacts - produktteaser - welcome :: start */
	
		.bgdiv_con_100_produktteaser{
			background-image:url(../images/bg_teaser_produkte.gif);
			background-position:center top;
			background-repeat:repeat-y;
			margin:0 0 0 0;
			z-index:900;
			
			display:inline;
		}
		
		
			.produkt_teaser{
				width:300px;
				padding:0 0 0 0;
				box-sizing:border-box;
			}
			
				.produkt_teaser_box{
					box-sizing:border-box;
					width:300px;
					height:200px;
					border:1px solid #d1d1d1;
					margin:0 0 20px 0;
					overflow:hidden;
					text-align:center;
					cursor:pointer;
				}
				
					.produkt_teaser_box img{
						max-width:298px;
						height:198px;
					}
					
					.produkt_teaser_lupe{
						width:40px;
						height:40px;
						display:inline;
						background-image:url(../images/icon_lupe_01.png);
						background-position:center top;
						background-repeat:no-repeat;
						margin:-40px 0 0 0;
					}
					
					.produkt_teaser_abdecker{
						width:298px;
						height:198px;
						display:none;
						background-image:url(../images/bg_abdecker_zoom.png);
						background-position:right bottom;
						background-repeat:no-repeat;
						margin:-198px 0 0 0;
						padding:80px 0 0 0;
						text-align:center;
						color:#ffffff;
						box-sizing:border-box;
					}
					
						h4.h4_teaser{ font-size:20px; line-height:24px; }
					
				
					.produkt_teaser_box:hover .produkt_teaser_abdecker{
						display:inline;
					}
					
					.produkt_teaser_box:hover .produkt_teaser_lupe{
						display:none;
					}
					
					
		
		
			.bgdiv_keyfacts{
				display:none;
			}
			
	
		.welcome_txt{
			float:left;
			width:300px;
			padding:60px 0 60px 0;
		}
	
	/* keyfacts - produktteaser - welcome :: ende */
	
		
	
	/* content bühne :: start */
	
	.sp_50p_buehne{
		width:298px;
		height:197px;
		overflow:hidden;
		border:0px solid #e3e3e3;
		float:right;
		margin:0 0 40px 0;
	}
	
	.sp_50p_buehne_txt{
		width:300px;
		float:left;
	}
	
	.jcarousel-wrapper-buehne {
		width:298px;
		height:195px;
	}

		/*.jcarousel-wrapper-buehne img {
			width:300px;
		}*/	
		
		.buehne_table{
			width:298px;
			height:195px;
		}
		
		.buehne_resize_width{
			width:300px;
		}
		
		.buehne_resize_height{
			height:195px;
		}
		
		.iframe_buehne{
			width:298px;
			height:197px;
		}
	
	.jcarousel-control-prev_buehne,
	.jcarousel-control-next_buehne	{
		position: absolute;
		top:80px;
		width: 40px;
		height: 40px;   
	}

	.jcarousel-control-prev_buehne {
		left:10px;
		background-image:url(../images/icon_arrow_left_rot.png);
		background-repeat:no-repeat;
	}

	.jcarousel-control-next_buehne {
		right: 10px;
		background-image:url(../images/icon_arrow_right_rot.png);
		background-repeat:no-repeat;
	}
	
	/* content bühne :: ende */
	
	/* galery slider :: start */
	
	.jcarousel-wrapper-gal {
		width:100vw;
		height:475px;
		padding:0 0 0 0;
		margin:0 0 0 0;
	}
	
	
		
		.jcarousel-wrapper-gal img{
			height:475px;
			width:auto;
		}
		
		
			.jcarousel-control-next-gal{
				top:330px;
				z-index:800;
			}
		
			.jcarousel-control-prev-gal {
			
				top:410px;
				z-index:800;
			}
			
			.jcarousel-control-prev-gal {
				background-image:url(../images/icon_arrow_left_gal.png);
				left:-80px;
			}

			.jcarousel-control-next-gal {
				background-image:url(../images/icon_arrow_right_gal.png);
				left:-80px;
			}
			
			
			
			
	.jcarousel-wrapper-marken {
		width:713px;
		height:90px;
		padding:0 0 0 0;
		margin:0 0 0 0;
	}
	
	
		
		.jcarousel-wrapper-marken img{
			max-height: 90%;  
			max-width: 90%; 
			width: auto;
			height: auto;
			position: absolute;  
			top: 0;  
			bottom: 0;  
			left: 0;  
			right: 0;  
			margin: auto;
			-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
			filter: grayscale(100%);
		}
		
		
			.jcarousel-control-prev-marken,
			.jcarousel-control-next-marken {
			
				top:-46px;
				z-index:800;
			}
			
			.jcarousel-control-prev-marken {
				background-image:url(../images/icon_arrow_left_gal.png);
				right:30px;
			}

			.jcarousel-control-next-marken {
				background-image:url(../images/icon_arrow_right_gal.png);
				right:0px;
			}
			
			.box_marken{
				width:206px;
				height:100px;
				border:0px solid #dcdcdc;
				overflow:hidden;
				margin:0 40px 0 0;
			}
	
		.box_marken_pic{
			width:208px;
			height:100px;
			overflow:hidden;
			text-align:center;
			vertical-align:middle;
		}
		
		.jcarousel li {
			margin:0 0 5px 0;
		}
	
	.box_gal{
		width:355px;
		height:470px;
		border:0px solid #dcdcdc;
		overflow:hidden;
		margin:0 40px 0 0;
	}
	
		.box_gal_pic{
			width:355px;
			height:470px;
			overflow:hidden;
			background-color:#ffffff;
			text-align:center;
		}
		
		
		.box_gal_hover{
			width:355px;
			height:470px;
			margin:-470px 0 0 0;
			background-color:rgba(45,45,45,0.4);
			display:inline;
		}
		
		.box_gal:hover .box_gal_hover{
			display:inline;
			background-color:rgba(45,45,45,0.8);
		}
	
	/* galery slider :: ende */
	
	
	/* footer :: start */
	
		.bgdiv_con_100_testimonials{
			display:inline;
			height:623px;
			background-color:#3C3C3C;
		}
	
			.testimonial_rahmen{
				float:left;
				display:inline;
				width:280px;
				height:623px;
				background-color:#3C3C3C;
				box-sizing:border-box;
				padding:60px 0 60px 0;
				z-index:500;
				color:#ffffff;
			}
				
				.testimonial_txt{
						width:280px;
						height:391px;
						color:#ffffff;
					}
					
						.testimonial_txt p{
							color:#ffffff;
						}
				
			/*slider testimonial :: start */
			
				.jcarousel-wrapper-testimonial {
					display:inline;
					width:300px;
					height:320px;
					padding:0 0 0 0;
					margin:40px 0 20px 0;
				}
				
				.jcarousel-control-prev-testimonial,
						.jcarousel-control-next-testimonial {
						
							top:720px;
							z-index:800;
							width:11px;
							height:40px;
						}
						
						.jcarousel-control-prev-testimonial {
							background-image:url(../images/icon_arrow_left.png);
							right:290px;
						}

						.jcarousel-control-next-testimonial {
							background-image:url(../images/icon_arrow_right.png);
							right:0px;
						}
				
			/*slider testimonial :: ende */
			
			
		
		
		.rahmen_cta{
			margin-top:0px;
		}
		
			.bgdiv_con_100_pic_footer{
				display:none;
			}
			
				.bgdiv_con_100_pic_footer_abdecker{
					display:none;
				}
		
		
			.cta_txt{
				display:inline;
				width:300px;
				padding:40px 0 0 0;
			}
			
			.cta_adresse{
				display:inline;
				width:300px;
				padding:0 0 40px 0;
			}
	
		.footer_z1_copy{
			font-size:15px;
			color:#ffffff;
			margin:13px 0 0 0;
		}
		
		.footer_z1_links{
			display:none;
		}
	
	/* footer :: ende */
	
	
}
         
@media only screen and (min-width: 560px){

.pos_logo_bottom{
		display:inline;
	}

.pos_social_bottom{
	clear: both;
    float: left;
}

.pos_events{
	margin:420px 0 40px 0;
}

.pos_bread{
		padding:15px 0 14px 0; clear:both; margin:20px 0 0 0;
	}
	
	.pos_music_bottom{
		clear:both;
		margin:20px 0 20px 0;
		float:left;
	}
	
	.music_btn{
		width:95px;
		height:30px;
		cursor:pointer;
		opacity:0.15;
		margin:0 40px 0 0;
				-o-transition: all 0.4s ease-out;  /* Opera 10.5+ */
		-webkit-transition: all 0.4s ease-out;  /* Saf3.2+, Chrome */
		-ms-transition: all 0.4s ease-out;  /* IE10? */
		transition: all 0.4s ease-out;

	}
	
	.music_btn:hover{
		opacity:1;
				-o-transition: all 0.4s ease-out;  /* Opera 10.5+ */
		-webkit-transition: all 0.4s ease-out;  /* Saf3.2+, Chrome */
		-ms-transition: all 0.4s ease-out;  /* IE10? */
		transition: all 0.4s ease-out;

	}
	
	.bullet_social{
		width:40px;
		height:40px;
		background-color:#196670;
		border:1px solid #196670;
		text-align:center;
		padding:7px;
		box-sizing:border-box;
		font-size:16px;
		color:#fff;
		cursor:pointer;
		border-radius:40px;
		margin:0 7px 0 0;
				-o-transition: all 0.4s ease-out;  /* Opera 10.5+ */
		-webkit-transition: all 0.4s ease-out;  /* Saf3.2+, Chrome */
		-ms-transition: all 0.4s ease-out;  /* IE10? */
		transition: all 0.4s ease-out;

	}
	
	.bullet_social:hover{
		background-color:#fff;
		border:1px solid #196670;
		color:#196670;
		cursor:pointer;
				-o-transition: all 0.4s ease-out;  /* Opera 10.5+ */
		-webkit-transition: all 0.4s ease-out;  /* Saf3.2+, Chrome */
		-ms-transition: all 0.4s ease-out;  /* IE10? */
		transition: all 0.4s ease-out;

	}
	
	.albumcover{
		width:250px;
		height:250px;
		background-position:center;
		background-repeat:no-repeat;
		background-size:cover;
		margin:40px 40px 40px 0;
		cursor:pointer;
		
		-webkit-box-shadow: 0px 21px 18px -4px rgba(17,17,17,0.39);
		-moz-box-shadow: 0px 21px 18px -4px rgba(17,17,17,0.39);
		box-shadow: 0px 21px 18px -4px rgba(17,17,17,0.39);
		-moz-transition: all 0.4s ease-out;  /* FF4+ */
		-o-transition: all 0.4s ease-out;  /* Opera 10.5+ */
		-webkit-transition: all 0.4s ease-out;  /* Saf3.2+, Chrome */
		-ms-transition: all 0.4s ease-out;  /* IE10? */
		transition: all 0.4s ease-out;
	}
	
	.albumcover:hover{
		-webkit-box-shadow: 0px 21px 18px -4px rgba(17,17,17,0.8);
		-moz-box-shadow: 0px 21px 18px -4px rgba(17,17,17,0.8);
		box-shadow: 0px 21px 18px -4px rgba(17,17,17,0.8);
		-moz-transition: all 0.4s ease-out;  /* FF4+ */
		-o-transition: all 0.4s ease-out;  /* Opera 10.5+ */
		-webkit-transition: all 0.4s ease-out;  /* Saf3.2+, Chrome */
		-ms-transition: all 0.4s ease-out;  /* IE10? */
		transition: all 0.4s ease-out;
	}
	
	.overflow_std{
		width:580px;
	}
	
	.alben{
		font-size:170px;
		line-height:110px;
		font-family:'din-2014', sans-serif;
		font-weight:800;
		color:#cdcdcd;
		text-transform:uppercase;
	}
	
	span.day{
		font-size:18px;
		line-height:20px;
		color:#fff;
		font-weight:800;
		font-family:'din-2014', sans-serif;
	}
	
	span.month{
		font-size:14px;
		line-height:14px;
		color:#fff;
		font-weight:300;
		font-family:'din-2014', sans-serif;
		display:block;
	}
	
	.date_circle{
		width:60px;
		height:60px;
		text-align:center;
		padding:10px 10px;
		box-sizing:border-box;
		background-color:#196670;
		border:1px solid #196670;
		border-radius:90px;
		margin:0 10px 0 0;
	}
	
	.pattern1{
		background-color:#e6e6e6; background-image:url(../images/pattern_index1.png); background-size:auto; background-repeat:repeat-y; background-position:center; padding:430px 0 250px 0; margin:-490px 0 0 0;
	}
	
	.pattern3{
		background-color:#fff; background-image:url(../images/pattern_index3.png); background-size:cover; background-repeat:no-repeat; background-position:top center; margin:0 0 0 0;
	}
	
	.pattern2{
		padding:80px 0 140px 0; margin:-440px 0 0 0;
	}
	
	.pic_welcome{
		height:675px;
		width:85%;
		margin:-240px 0 0 0;
		background-position:center;
		background-size:cover;
		background-repeat:no-repeat;
		z-index:9999;
	}
	
	.welcome_overlay{
		width:100%;
		height:100%;
		top:0;
		left:0;
		right:0;
		bottom:0;
		position:absolute;
		background-image:url(../images/welcome_overlay.png);
		background-position:top center;
		background-size:cover;
		background-repeat:no-repeat;
	}
	
	.gruen_balken{
		height:390px;
		width:140px;
		background-color:#196670;
		margin:80px -120px 0 0;
		z-index:999;
	}
	
	.welcome_h1{
		width:480px;
		height:220px;
		margin:135px 0 0 0;
	}
	
	.first_span{
		font-size:40px;
		color:#111;
		text-transform:uppercase;
		font-weight:800;
		line-height:50px;
		font-family:'din-2014';
	}
	
	.second_span{
		font-size:20px;
		color:#196670;
		text-transform:none;
		line-height:20px;
		font-family:'din-2014';
	}
	
	.info_cover{
		width:500px;
		max-height:330px;
		margin:40px 0 0 0;
	}
	
	.cover_index{
		width:460px;
		height:460px;
		margin:40px 0 0 0;
		background-position:center;
		background-repeat:no-repeat;
		background-size:cover;
		
		-webkit-box-shadow: 0px 21px 18px -4px rgba(17,17,17,0.39);
		-moz-box-shadow: 0px 21px 18px -4px rgba(17,17,17,0.39);
		box-shadow: 0px 21px 18px -4px rgba(17,17,17,0.39);
	}

.text_unten{
		width:35%;
	}

h1.packaging{
		font-size:40px;
		color:#fff;
		font-family:'din-2014';
	}

a.a_ansprech_m, a.a_ansprech_t{
		font-size:18px;
	}

.box_start_txt_det i{
		color:rgba(255,255,255,0.3);
		line-height:30px;
	}
	
	.box_start_pic_det{
		width:100%;
		height:360px;
		background-position:center;
		background-size:cover;
	}
	
	.box_start_txt_det{
		width:80%;
		height:175px;
		margin:-80px 0 0 0;
		float:right;
		background-color:#196670;
		padding:50px 30px;
		box-sizing:border-box;
	}
	
	
	
	.box_start_det{
		width:540px;
		height:455px;
		margin:0 0 10px 0;
	}
	
	.box_start_det:hover .box_start_txt_det{
		background-color:#0b525b;
		-moz-transition: all 0.4s ease-out;  /* FF4+ */
		-o-transition: all 0.4s ease-out;  /* Opera 10.5+ */
		-webkit-transition: all 0.4s ease-out;  /* Saf3.2+, Chrome */
		-ms-transition: all 0.4s ease-out;  /* IE10? */
		transition: all 0.4s ease-out;
	}
	
	.box_start_txt_det h2{
		font-size:32px;
	}
	.box_start_txt_det h4{
		font-size:18px;
		line-height:20px;
	}

.trenner_div{
	padding:220px 0 0 0; margin:-155px 0 0 0; background-color:#f7f7f7;
}

.show_tags{
	display:none;
}

.portrait{
		width:0;
		height:0;
		margin:0 0 0 0;
		background-repeat:no-repeat;
		background-position:right center;
		background-size:contain;
		float:right;
	}
	
	.margin_kontaktbtn{
		margin:40px 0 0 0;
	}
	
	.bg_foot{
		padding:80px 0 90px 0;
		background-image:none;
		background-repeat:repeat-y;
		background-position:top center;
		background-size:contain;
	}
	
	.pic_bottom{
		height:400px;
		margin:-100px 0 0 0;
		width:100%;
		background-size:cover;
		background-position:center;
	}
	
	.txt_unten{
		width:540px;
		margin:-80px 0 0 0;
	}
	
	.box_13_first{
		width:260px;
		margin:0 20px 0 0;
		height:260px;
		box-sizing:border-box;
		padding:0 20px 0 0;
	}
	
	.box_13_second{
		width:260px;
		height:260px;
		margin:0 0 20px 0;
	}
	
	.box_13_third{
		width:260px;
		height:260px;
		margin:-70px 20px 0 0;
	}
	
	.box_13_fourth{
		width:260px;
		height:320px;
		margin:20px 20px 0 0;
		background-color:#29333d;
		box-sizing:border-box;
		padding:30px;
	}
	
	
	.box_13_fifth{
		width:260px;
		height:260px;
		margin:-190px 0 0 0;
	}
	
	.box_sixth{
		margin:90px 40px 0 0;
	}
	
	.box_start_txt i{
		color:rgba(255,255,255,0.3);
		line-height:30px;
	}
	
	.box_start_pic{
		width:100%;
		height:280px;
		background-position:center;
		background-size:cover;
	}
	
	.box_start_txt{
		width:90%;
		height:175px;
		margin:-80px 0 0 0;
		float:right;
		background-color:#0da8a6;
		padding:35px 20px;
		box-sizing:border-box;
	}
	
	.box_start_txt h2{
		font-size:30px;
	}
	.box_start_txt h4{
		font-size:14px;
		line-height:20px;
	}
	
	.box_start{
		width:100%;
		height:360px;
		margin:0 0 30px 0;
	}
	
	.box_start:hover .box_start_txt{
		background-color:#0b525b;
		-moz-transition: all 0.4s ease-out;  /* FF4+ */
		-o-transition: all 0.4s ease-out;  /* Opera 10.5+ */
		-webkit-transition: all 0.4s ease-out;  /* Saf3.2+, Chrome */
		-ms-transition: all 0.4s ease-out;  /* IE10? */
		transition: all 0.4s ease-out;
	}
	
	.box_sixth:hover h2, .box_sixth:hover i{
		color:#0da8a6;
		-moz-transition: all 0.4s ease-out;  /* FF4+ */
		-o-transition: all 0.4s ease-out;  /* Opera 10.5+ */
		-webkit-transition: all 0.4s ease-out;  /* Saf3.2+, Chrome */
		-ms-transition: all 0.4s ease-out;  /* IE10? */
		transition: all 0.4s ease-out;
	}
	
	.margin_boxen_start{
		margin:-140px 0 0 0;
	}
	
	.boxen_start_outter{
		width:100%;
		float:right;
		display:inline;
		position:relative;
		margin:0 0% 0 0;
		overflow:hidden;
	}
	
	.boxen_start_outter_det{
		width:540px;
		margin:0 auto;
		overflow:hidden;
	}
	
	.logo_zert{
		width:80px;
		height:80px;
		background-image:url(../images/logo_hpe.png);
		background-position:center;
		background-repeat:no-repeat;
		background-size:cover;
		margin:0 140px 0 0;
	}
	
	.txt_underheader{
		width:440px;
	}
	
	.txt_foot{
		width:540px;
		margin:0 0 60px 0;
	}
	
	
	.bg_underheader{
		width:81.5%; margin:0; display:block; height:700px; background-color:#f7f7f7;
	}
	
	.margin_underheader{
		margin:-620px 0 0 0;
	}

.margin_box_weiss_head{
		margin:-120px -40px 0 0;
	}

.link_bigpicbox{
		cursor:pointer; width:540px; height:auto; margin:20px 0 0 0;
	}
	
	.h1_index {
		width: 430px;
		margin: 0 0 120px 0;
	}
	
	.box_weiss_header{
		background-color:#0da8a6; height:0; width:0;
	}
	
	.box_weiss_header_inner{
		margin:40px 0 0 40px;
	}
	
	.trenner_pecht_head{
		margin:36px 40px 0 40px; height:2px; width:169px; background: url(../images/trenner_pecht.png) no-repeat center;
	}
	
	.span_head1{
		font-size:24px; line-height:32px; font-weight:600; color:#2f2e2c;
	}
	
	.span_head2{
		font-size:38px; line-height:46px; font-weight:700; color:#2f2e2c;
	}
	
	.span_head3{
		font-size:24px; line-height:58px; font-weight:600; color:#2f2e2c;
	}
	
	.i_head{
		font-size:30px; line-height:58px !important; padding:0 0 0 40px;
	}
	
	.bigpicbox{
		cursor:pointer; width:720px; height:615px; margin:0 0 0 20px; 
	}
	
	.overlaypic_big_thumb{
		display:block; position:absolute; top:0; bottom:0; left:0; right:0; width:100%; height:100%; background-color:rgba(45,45,45,0.4);
	}
	
	.box_weiss_txt{
		font-size:40px; line-height:48px; color:#fff; font-weight:600; width:360px; position:absolute; display:block; bottom:40px; left:180px;
	}
	
	.box_weiss_link{
		width:105px; height:105px; background-color:#fff; text-align:center; position:absolute; display:block; bottom:0; right:0;
	}
	
	.i_head2{
		font-size:30px; padding:40px 0 0 0;
	}
	
	.box_outter_thumb{
		width:540px; height:120px; margin:20px 0 0 0;
	}
	
	.box_pic_thumb{
		width:120px; height:120px; margin:0 20px 0 0;
	}
	
	.link_pic_big{
		text-transform:uppercase; font-size:18px; font-weight:700;
	}
	
	.pic_index_welcome{
		width:540px; height:580px; margin:0 40px 0 0;
	}
	
	.text_welcome_sp1{
		width:540px; height:auto; margin:65px 0 0 0;
	}
	
	.text_welcome_sp2{
		width:540px; height:auto; margin:-16px 0 0 0;
	}
	
	.span_foot_slide{
		font-size:16px; line-height:24px; text-transform:uppercase; font-weight:700; color:#2d2d2d;
	}
	
	.trenner_foot_slide{
		margin:20px 20px 0 20px; height:2px; width:50px;
	}
	
	.span_foot_slide2{
		font-size:24px; line-height:24px; font-weight:600; color:#2f2e2c;
	}
	
	.i_foot_slide{
		font-size:30px; line-height:24px; padding:0 0 0 30px;
	}
	
	.box_weiss_txt_slide{
		font-size:30px; line-height:38px; color:#fff; font-weight:700; position:absolute; display:block; bottom:115px; left:40px;
	}
	
	.box_weiss_link_slide{
		width:50px; height:50px; background-color:#fff; text-align:center; position:absolute; display:block; bottom:0; right:0;
	}
	
	.bg_foot_pecht{
		height:240px; background-color:#fff; background-size:contain;
	}
	
	.sp_pecht1{
		margin:0 80px 0 0;
	}
	
	.sp_pecht2{
		margin:80px 0 0 0;
	}
	
		.sp_pecht2 img{
			width:255px;
		}

	.ansprech_pic{
		width:160px;
		height:220px;
		display:inline;
		position:relative;
		float:right;
		background-position:center;
		background-repeat:no-repeat;
		background-size:cover;
	}
	
	.ansprech_inner{
		margin:20px;
		width:340px;
	}
	
	.ansprech_outter{
		width:540px;
		height:220px;
		background-color:#fff;
		margin:20px 0 0 0;
	}
	
	.ansprech_overflow{
		width:540px;
		overflow:hidden;
	}

	.con_std{
		margin-top:0;
	}
	
	.pic_index{
		height:420px;
		width:100%;
		background-position:center;
		background-size:cover;
		background-repeat:no-repeat;
		float:right;
		margin-top:0;
	}
	
	.height_welcome{
		height:420px;
		padding:60px 0;
		box-sizing:border-box;
	}
	
	.box_modell_head{
		padding:20px; box-sizing:border-box; width:100%; height:90px;
	}
	
	.box_modell:hover .box_modell_head{
		background-color:#f0f0f0;
	}
	
	.box_modell_pic{
		height:195px; width:250px; background-position:center; background-repeat:no-repeat; background-size:cover;
	}
	
	.box_modell{
		width:250px; height:285px; margin:0 20px 20px 0; background-color:#fff; cursor:pointer;
	}
	
	.box_modell_last{
		width:250px; height:285px; margin:0 20px 20px 0; text-align:center; padding:100px 0 0 0; box-sizing:border-box;
	}
	
	.box_modell_last:hover{
		background-color:#f0f0f0;
	}
	
	.overflow_boxen_modelle{
		clear:both; margin-top:30px; width:560px;
	}

	.pic{
		width:100%;
		height:200px;
		background-color:black;
		margin:0 0 20px 0;
		background-size:cover;
		background-position:center;
		background-repeat:no-repeat;
	}
	
	.overflow_index{
		width:540px;
	}
	
	.inner_index{
		margin:10px 0 10px 0;
	}

	.box_weiss{
		width:223px;
		height:150px;
		background-color:#fff;
		padding:32px 20px 40px 20px;
		box-sizing:border-box;
		margin:0 20px 0 0;
	}
	
	.box_weiss:hover{
		background-color:#dfecf5;
		cursor:pointer;
		-moz-transition: all 0.4s ease-out;
		-o-transition: all 0.4s ease-out;
		-webkit-transition: all 0.4s ease-out;
		-ms-transition: all 0.4s ease-out;
		transition: all 0.4s ease-out;
	}
	
	.box_blau_head{
		padding:20px 0 20px 20px;
		background-color:#2e3541;
		width:100%;
		height:190px;
		box-sizing:border-box;
	}
	
	.margin_blau{
		margin:-160px 0 0 0;
	}
	
	.width_blau{
		width:100%;
	}

	.overflow_referenzen{
		width: 580px;
	}

	.slider_abdecker_video{
		margin:0 0 0 0;
		float: left;
		display: inline;
		position: relative;
		height: 100%;
		width: 100%;
		background-color: rgba(62,69,67,0.6);
	}
	
	.headervideo{
		position: absolute;
		  top: 50%; 
		  left: 50%;
		  -webkit-transform: translateX(-50%) translateY(-50%);
		  transform: translateX(-50%) translateY(-50%);
		  min-width: auto; 
		  min-height: auto; 
		  width: auto; 
		  height: 100%;
		  overflow: hidden;
	}
	
	.bg_slider{
		height:550px;
		width:100%;
		margin:-550px 0 0 0;
		z-index:9;
		position:relative;
	}

	
	.maps_foot{
		margin:0 0 0 0;
	}
	
	
	.i_tel_cta{
		font-size:50px;
		display:inline;
		float:left;
		position:relative;
		color:#cbe253;
		margin:0 10px 0 0;
	}
	
	.tel_cta{
		width:280px;
		clear:both;
		margin:-170px 0 0 0;
		display:none;
	}
	
	.cta_slogan_svg svg{
		width:700px;
		height:200px;
		margin:-100px -500px 0 0;
		display:inline;
		position:relative;
		float:right;
	}
	
	.cta_slogan_weiss{
		font-size:42px;
		color:#f0f0f0;
		line-height:48px;
		font-weight:500;
	}
	
	.cta_slogan_gruen{
		font-size:42px;
		color:#2e3541;
		line-height:48px;
		font-weight:500;
	}
	


.box_leistung_slider{
		height:360px;
		width:250px;
		background-position:center;
		background-repeat:no-repeat;
		background-size:contain;
		margin:0 40px 0 0;
		cursor:pointer;
		background:#fff;
	}



.box_leistung_slider:hover a{
		background-color:#fff;
		border:1px solid #2e3541;
		color:#2e3541;
	}
	
	.text_box_leistung{
		width:250px;
		height:150px;
		box-sizing:border-box;
		padding:25px;
	}
	
	.pic_box_leistung{
		width:250px;
		height:145px;
		background-size:cover;
		background-repeat:no-repeat;
		background-position:center;
	}

	
	.callbacks_nav {
			  float:left;
			  display:inline;
			  z-index: 3;
			  text-indent: -9999px;
			  overflow: hidden;
			  text-decoration: none;
			  height: 40px;
			  width: 40px;
			  margin:0 0 0 0;
			  margin-top: -24px;
			  }


			.callbacks_nav.next {
			  margin-left:40px;
			  background-position: right top;
			  background-image:url(../images/caret-circle-right-solid.svg);
			  margin-right:125px;
			  }
			  
			.callbacks_nav.prev {
			  
			  background-position: right top;
			  background-image:url(../images/caret-circle-left-solid.svg);
			
			  }
	
	.bg_bullets{
		display:inline;
		width:450px;
		float:right;
		margin:-220px -100px 0 0;
		
	}
	
	.box_text_slider{
		width:330px;
		margin:-460px 0 0 0;
		z-index:99;
	}
	
	.show_initiatoren{
		display:none;
	}
	
	.show_foot_1{
		display:none;
	}
	
	.box_angebot{
		width:540px;
		height:280px;
		margin:20px 40px 0 0;
		background-position:center;
		background-size:cover;
		background-repeat:no-repeat;
		cursor:pointer;
	}
	
		.box_angebot span{
			display:block;
			position:absolute;
			bottom:40px;
			left:40px;
			right:40px;
			font-size:24px;
			font-weight:700;
			color:#fff;
		}
		
		.box_angebot i{
			display:block;
			position:absolute;
			bottom:40px;
			right:40px;
			right:40px;
			font-size:26px;
			font-weight:300;
			color:#2e3541;
		}
		
		.box_angebot:hover span{
			bottom:50px;
			-moz-transition: all 0.4s ease-out;
			-o-transition: all 0.4s ease-out;
			-webkit-transition: all 0.4s ease-out;
			-ms-transition: all 0.4s ease-out;
			transition: all 0.4s ease-out;
		}
		.box_angebot:hover i{
			bottom:50px;
			-moz-transition: all 0.4s ease-out;
			-o-transition: all 0.4s ease-out;
			-webkit-transition: all 0.4s ease-out;
			-ms-transition: all 0.4s ease-out;
			transition: all 0.4s ease-out;
		}
	
	.width_txt_box{
		width:230px
	}
	
	.margin40{
		margin:0 40px 0 0;
	}
	
	.overflow_boxen{
		width:560px;
	}
	
	.margin_gruen_box{
		margin:-310px 0 -10px 0;
		z-index:9999;
	}
	
	.bg_card {
		width:0;
		height:0;
		background-repeat:no-repeat;
		background-size:cover;
		background-position:right center;
		background-image:url(../images/bg_card.png);
		margin: -370px 0 0 0;
		z-index: 99;
	}
	
	.halb{
		width:100%;
		background-color:#2e3541;
		height:340px;
		float: left;
		position: relative;
		display: inline;
		margin: -140px 0 0 0;
		padding: 0 0 0 0;
		z-index:9999;
	}
	
	.display_btn{
		display:inline;
	}
	
	.bg_icon_tiles{
		background-image:url(../images/bg_icon_tiles.png);
		background-size:260px 200px;
		background-position:bottom right;
		background-repeat:no-repeat;
	}

	
	.box_leistungen_index{
		height:200px;
		padding:40px 20px 0 20px;
	}
	
	/* header contentseiten :: start */
	
		.bgdiv_con_100_header_con{
			display:inline;
			height:120px;
			background-repeat:no-repeat;
			background-position:center top;
			background-size:200%;
		}
		
			.header_con_abdecker{
				float:left;
				display:inline;
				position:relative;
				height:100%;
				width:100%;
				background-color: rgba(62,69,67,0.78);
				padding:40px 0 40px 0;
			}
	
			.box_icons{
				width:540px;
				height:75px;
				margin:0 0 0 0;
				text-align:left;
				overflow:hidden;
			}
			
				.box_icons img{
					width:300px;
					max-height:75px;
				}
			
			.box_headline{
				width:540px;
				margin:40px 0 -20px 0;
			}
			
	
	/* header contentseiten :: ende */
	
	
	/* slider startseite :: start */
	
		/*
		.bgdiv_con_100_header_slider_mobile{
			display:none;
		}
		*/
	
		.bgdiv_con_100_header_slider{
			display:block;
			height:550px;
			margin-top:0;
		}
		
			
		
			.bgdiv_slider{
				width:100%;
				height:550px;
				float:left;
				display:inline;
				position:relative;
				background-position:top center;
				background-repeat:no-repeat;
				background-size:cover;
				overflow:hidden;
			}
			
			.slider_abdecker{
				float:left;
				display:inline;
				position:relative;
				height:100%;
				width:100%;
				background-image:url(../images/header_overlay.png);
				background-size:cover;
				background-repeat:no-repeat;
				background-position:top left;
			}
			
		
			.rslides {
			  display:inline;
			  position: relative;
			  list-style: none;
			  overflow: hidden;
			  width: 100%;
			  height:550px;
			  padding: 0;
			  margin: 0;
			  }

			.rslides li {
			  -webkit-backface-visibility: hidden;
			  position: absolute;
			  display: none;
			  width: 100%;
			  left: 0;
			  top: 0;
			  margin:0;
			  padding:0;
			  }

			.rslides li:first-child {
			  position: relative;
			  display: block;
			  float: left;
			  }

			 /*
			.rslides img {
			  display: block;
			  height: auto;
			  float: left;
			  width: 100%;
			  border: 0;
			  }
			 */
			 
			 .large-btns_tabs {
				padding-left:0px;
				margin-left:0px;
				margin-top: 0px;
			}
			
			.large-btns_tabs li {
				display: inline;
				float: none;
				margin:0 10px 0 0;
			}
			
			.large-btns_tabs a {
				background-color:#ffffff;
				width:15px;
				height:15px;
				display: inline-block;
				overflow: hidden;
				text-indent: -9999px;

			}
			
			.large-btns_here a {
				background-color:#20a64b;
			}
			
			.rslides_navi_pos{
				margin:-130px 0 0 0;
				z-index:900;
				display:none;
			}
		
		.bg_slogan{
			display:block;
			position:absolute;
			margin:0 0 0 0;
			padding:0 0 0 0;
			text-align:left;
			color:#323232;
			width:520px;
			bottom:210px;
		}
		
		.bg_slogan_pic{
			display:none;
		}
		
			
		
		
	
	/* slider startseite :: ende */
	
	
	/* keyfacts - produktteaser - welcome :: start */
	
		.bgdiv_con_100_produktteaser{
			background-image:url(../images/bg_teaser_produkte.gif);
			background-position:center top;
			background-repeat:repeat-y;
			margin:0 0 0 0;
			z-index:900;
			
			display:inline;
		}
		
		
			.produkt_teaser{
				width:540px;
				padding:0 0 0 0;
				box-sizing:border-box;
			}
			
				.produkt_teaser_box{
					box-sizing:border-box;
					width:166px;
					height:230px;
					border:1px solid #d1d1d1;
					margin:0 0 0 20px;
					overflow:hidden;
					text-align:center;
					cursor:pointer;
				}
				
					.produkt_teaser_box img{
						max-width:164px;
						height:228px;
					}
					
					.produkt_teaser_lupe{
						width:40px;
						height:40px;
						display:inline;
						background-image:url(../images/icon_lupe_01.png);
						background-position:center top;
						background-repeat:no-repeat;
						margin:-40px 0 0 0;
					}
					
					.produkt_teaser_abdecker{
						width:164px;
						height:228px;
						display:none;
						background-image:url(../images/bg_abdecker_zoom.png);
						background-position:right bottom;
						background-repeat:no-repeat;
						margin:-228px 0 0 0;
						padding:80px 0 0 0;
						text-align:center;
						color:#ffffff;
						box-sizing:border-box;
					}
					
						h4.h4_teaser{ font-size:20px; line-height:24px; }
					
				
					.produkt_teaser_box:hover .produkt_teaser_abdecker{
						display:inline;
					}
					
					.produkt_teaser_box:hover .produkt_teaser_lupe{
						display:none;
					}
					
					
		
		
			.bgdiv_keyfacts{
				display:none;
			}
			
	
		.welcome_txt{
			float:left;
			width:540px;
			padding:60px 0 60px 0;
		}
	
	/* keyfacts - produktteaser - welcome :: ende */
	
	
	
	
	
	/* content bühne :: start */
	
	.sp_50p_buehne{
		width:538px;
		height:352px;
		overflow:hidden;
		border:0px solid #dcdcdc;
		float:left;
		margin:0 0 40px 0;
	}
	
	.sp_50p_buehne_txt{
		width:540px;
		float:right;
	}
	
	
	.jcarousel-wrapper-buehne {
		width:538px;
		height:352px;
	}

		/*.jcarousel-wrapper-buehne img {
			width:550px
		}*/	
		
		.buehne_table{
			width:538px;
			height:352px;
		}
		
		.buehne_resize_width{
			width:538px;
		}
		
		.buehne_resize_height{
			height:352px;
		}
		
		.iframe_buehne{
			width:538px;
			height:352px;
		}
	
	.jcarousel-control-prev_buehne,
	.jcarousel-control-next_buehne	{
		position: absolute;
		top:282px;
		width: 40px;
		height: 40px;   
	}

	.jcarousel-control-prev_buehne {
		left:auto;
		right:60px;
		background-image:url(../images/icon_arrow_left_rot.png);
		background-repeat:no-repeat;
	}

	.jcarousel-control-next_buehne {
		right: 10px;
		background-image:url(../images/icon_arrow_right_rot.png);
		background-repeat:no-repeat;
	}
		
	/* content bühne :: ende */
	
	
	/* galery slider :: start */
	
	.jcarousel-wrapper-gal {
		width:100vw;
		height:475px;
		padding:0 0 0 0;
		margin:0 0 0 0;
	}
	
	
		
		.jcarousel-wrapper-gal img{
			height:475px;
			width:auto;
		}
		
		
			.jcarousel-control-next-gal{
				top:330px;
				z-index:800;
			}
		
			.jcarousel-control-prev-gal {
			
				top:410px;
				z-index:800;
			}
			
			.jcarousel-control-prev-gal {
				background-image:url(../images/icon_arrow_left_gal.png);
				left:-80px;
			}

			.jcarousel-control-next-gal {
				background-image:url(../images/icon_arrow_right_gal.png);
				left:-80px;
			}
			
			
			
			
	.jcarousel-wrapper-marken {
		width:713px;
		height:90px;
		padding:0 0 0 0;
		margin:0 0 0 0;
	}
	
	
		
		.jcarousel-wrapper-marken img{
			max-height: 90%;  
			max-width: 90%; 
			width: auto;
			height: auto;
			position: absolute;  
			top: 0;  
			bottom: 0;  
			left: 0;  
			right: 0;  
			margin: auto;
			-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
			filter: grayscale(100%);
		}
		
		
			.jcarousel-control-prev-marken,
			.jcarousel-control-next-marken {
			
				top:-46px;
				z-index:800;
			}
			
			.jcarousel-control-prev-marken {
				background-image:url(../images/icon_arrow_left_gal.png);
				right:30px;
			}

			.jcarousel-control-next-marken {
				background-image:url(../images/icon_arrow_right_gal.png);
				right:0px;
			}
			
			.box_marken{
				width:206px;
				height:100px;
				border:0px solid #dcdcdc;
				overflow:hidden;
				margin:0 40px 0 0;
			}
	
		.box_marken_pic{
			width:208px;
			height:100px;
			overflow:hidden;
			text-align:center;
			vertical-align:middle;
		}
		
		.jcarousel li {
			margin:0 0 5px 0;
		}
	
	.box_gal{
		width:355px;
		height:470px;
		border:0px solid #dcdcdc;
		overflow:hidden;
		margin:0 40px 0 0;
	}
	
		.box_gal_pic{
			width:355px;
			height:470px;
			overflow:hidden;
			background-color:#ffffff;
			text-align:center;
		}
		
		
		.box_gal_hover{
			width:355px;
			height:470px;
			margin:-470px 0 0 0;
			background-color:rgba(45,45,45,0.4);
			display:inline;
		}
		
		.box_gal:hover .box_gal_hover{
			display:inline;
			background-color:rgba(45,45,45,0.8);
		}
	
	/* galery slider :: ende */
	
	
	/* footer :: start */
	
		.bgdiv_con_100_testimonials{
			display:inline;
			height:463px;
			background-color:#3C3C3C;
		}
	
			.testimonial_rahmen{
				float:left;
				display:inline;
				width:500px;
				height:463px;
				background-color:#3C3C3C;
				box-sizing:border-box;
				padding:60px 0 60px 0;
				z-index:500;
				color:#ffffff;
			}
				
				
			/*slider testimonial :: start */
			
				.jcarousel-wrapper-testimonial {
					display:inline;
					width:540px;
					height:360px;
					padding:0 0 0 0;
					margin:40px 0 20px 0;
				}
				
					.testimonial_txt{
						width:500px;
						height:391px;
						color:#ffffff;
					}
					
						.testimonial_txt p{
							color:#ffffff;
						}
						
						.testimonial_kunde{
							color:#ffffff;
							font-weight:bold;
							box-sizing:border-box;
							width:540px;
							padding:0 0 0 12px;
							background-image:url(../images/bg_testimonial.gif);
							background-repeat:no-repeat;
							background-position:left 13px;
						}
				
					
						.jcarousel-control-prev-testimonial,
						.jcarousel-control-next-testimonial {
						
							top:660px;
							z-index:800;
							width:11px;
							height:40px;
						}
						
						.jcarousel-control-prev-testimonial {
							background-image:url(../images/icon_arrow_left.png);
							right:50px;
						}

						.jcarousel-control-next-testimonial {
							background-image:url(../images/icon_arrow_right.png);
							right:0px;
						}
			
			/*slider testimonial :: ende */
			
			
		
		
		.rahmen_cta{
			margin-top:0px;
		}
		
			.bgdiv_con_100_pic_footer{
				display:none;
			}
			
				.bgdiv_con_100_pic_footer_abdecker{
					display:none;
				}
		
		
			.cta_txt{
				display:inline;
				width:540px;
				padding:60px 0 0 0;
			}
			
			.cta_adresse{
				display:inline;
				width:540px;
				padding:0 0 60px 0;
			}
	
	
		.footer_z1_copy{
			font-size:15px;
			color:#ffffff;
			margin:13px 0 0 0;
		}
		
		.footer_z1_links{
			display:none;
		}
	
	/* footer :: ende */
	
}
         
@media only screen and (min-width: 750px){
	
	.pos_social_bottom{
		clear: none;
		float: right;
	}
	
	.pos_events{
		margin:0 0 40px 0;
	}
	
	.pos_bread{
		padding:15px 0 14px 0; clear:both; margin:0 0 0 0;
	}
	
	.pos_music_bottom{
		clear:both;
		margin:20px 0 20px 0;
		float:left;
	}
	
	.music_btn{
		width:95px;
		height:30px;
		cursor:pointer;
		opacity:0.15;
		margin:0 40px 0 0;
				-o-transition: all 0.4s ease-out;  /* Opera 10.5+ */
		-webkit-transition: all 0.4s ease-out;  /* Saf3.2+, Chrome */
		-ms-transition: all 0.4s ease-out;  /* IE10? */
		transition: all 0.4s ease-out;

	}
	
	.music_btn:hover{
		opacity:1;
				-o-transition: all 0.4s ease-out;  /* Opera 10.5+ */
		-webkit-transition: all 0.4s ease-out;  /* Saf3.2+, Chrome */
		-ms-transition: all 0.4s ease-out;  /* IE10? */
		transition: all 0.4s ease-out;

	}
	
	.bullet_social{
		width:40px;
		height:40px;
		background-color:#196670;
		border:1px solid #196670;
		text-align:center;
		padding:7px;
		box-sizing:border-box;
		font-size:16px;
		color:#fff;
		cursor:pointer;
		border-radius:40px;
		margin:0 7px 0 0;
				-o-transition: all 0.4s ease-out;  /* Opera 10.5+ */
		-webkit-transition: all 0.4s ease-out;  /* Saf3.2+, Chrome */
		-ms-transition: all 0.4s ease-out;  /* IE10? */
		transition: all 0.4s ease-out;

	}
	
	.bullet_social:hover{
		background-color:#fff;
		border:1px solid #196670;
		color:#196670;
		cursor:pointer;
				-o-transition: all 0.4s ease-out;  /* Opera 10.5+ */
		-webkit-transition: all 0.4s ease-out;  /* Saf3.2+, Chrome */
		-ms-transition: all 0.4s ease-out;  /* IE10? */
		transition: all 0.4s ease-out;

	}
	
	.albumcover{
		width:335px;
		height:335px;
		background-position:center;
		background-repeat:no-repeat;
		background-size:cover;
		margin:40px 30px 30px 0;
		cursor:pointer;
		
		-webkit-box-shadow: 0px 21px 18px -4px rgba(17,17,17,0.39);
		-moz-box-shadow: 0px 21px 18px -4px rgba(17,17,17,0.39);
		box-shadow: 0px 21px 18px -4px rgba(17,17,17,0.39);
		-moz-transition: all 0.4s ease-out;  /* FF4+ */
		-o-transition: all 0.4s ease-out;  /* Opera 10.5+ */
		-webkit-transition: all 0.4s ease-out;  /* Saf3.2+, Chrome */
		-ms-transition: all 0.4s ease-out;  /* IE10? */
		transition: all 0.4s ease-out;
	}
	
	.albumcover:hover{
		-webkit-box-shadow: 0px 21px 18px -4px rgba(17,17,17,0.8);
		-moz-box-shadow: 0px 21px 18px -4px rgba(17,17,17,0.8);
		box-shadow: 0px 21px 18px -4px rgba(17,17,17,0.8);
		-moz-transition: all 0.4s ease-out;  /* FF4+ */
		-o-transition: all 0.4s ease-out;  /* Opera 10.5+ */
		-webkit-transition: all 0.4s ease-out;  /* Saf3.2+, Chrome */
		-ms-transition: all 0.4s ease-out;  /* IE10? */
		transition: all 0.4s ease-out;
	}
	
	.overflow_std{
		width:770px;
	}
	
	.alben{
		font-size:170px;
		line-height:110px;
		font-family:'din-2014', sans-serif;
		font-weight:800;
		color:#cdcdcd;
		text-transform:uppercase;
	}
	
	span.day{
		font-size:18px;
		line-height:20px;
		color:#fff;
		font-weight:800;
		font-family:'din-2014', sans-serif;
	}
	
	span.month{
		font-size:14px;
		line-height:14px;
		color:#fff;
		font-weight:300;
		font-family:'din-2014', sans-serif;
		display:block;
	}
	
	.date_circle{
		width:60px;
		height:60px;
		text-align:center;
		padding:10px 10px;
		box-sizing:border-box;
		background-color:#196670;
		border:1px solid #196670;
		border-radius:90px;
		margin:0 10px 0 0;
	}
	
	.pattern1{
		background-color:#e6e6e6; background-image:url(../images/pattern_index1.png); background-size:auto; background-repeat:repeat-y; background-position:center; padding:430px 0 250px 0; margin:-490px 0 0 0;
	}
	
	.pattern3{
		background-color:#fff; background-image:url(../images/pattern_index3.png); background-size:cover; background-repeat:no-repeat; background-position:top center; margin:0 0 0 0;
	}
	
	.pattern2{
		padding:80px 0 140px 0; margin:-440px 0 0 0;
	}
	
	.pic_welcome{
		height:675px;
		width:45%;
		margin:-280px 0 0 0;
		background-position:center;
		background-size:cover;
		background-repeat:no-repeat;
		z-index:9999;
	}
	
	.welcome_overlay{
		width:100%;
		height:100%;
		top:0;
		left:0;
		right:0;
		bottom:0;
		position:absolute;
		background-image:url(../images/welcome_overlay.png);
		background-position:top center;
		background-size:cover;
		background-repeat:no-repeat;
	}
	
	.gruen_balken{
		height:390px;
		width:400px;
		background-color:#196670;
		margin:50px -380px 0 0;
		z-index:999;
	}
	
	.welcome_h1{
		width:480px;
		height:220px;
		margin:135px 0 0 0;
	}
	
	.first_span{
		font-size:40px;
		color:#111;
		text-transform:uppercase;
		font-weight:800;
		line-height:50px;
		font-family:'din-2014';
	}
	
	.second_span{
		font-size:20px;
		color:#196670;
		text-transform:none;
		line-height:20px;
		font-family:'din-2014';
	}
	
	.info_cover{
		width:500px;
		max-height:330px;
		margin:40px 0 0 0;
	}
	
	.cover_index{
		width:460px;
		height:460px;
		margin:40px 0 0 0;
		background-position:center;
		background-repeat:no-repeat;
		background-size:cover;
		
		-webkit-box-shadow: 0px 21px 18px -4px rgba(17,17,17,0.39);
		-moz-box-shadow: 0px 21px 18px -4px rgba(17,17,17,0.39);
		box-shadow: 0px 21px 18px -4px rgba(17,17,17,0.39);
	}
	
	h1.packaging{
		font-size:60px;
		color:#fff;
		font-family:'din-2014';
	}
	
	.text_unten{
		width:35%;
	}
	
	.box_start_txt_det i{
		color:rgba(255,255,255,0.3);
		line-height:30px;
	}
	
	.box_start_pic_det{
		width:100%;
		height:360px;
		background-position:center;
		background-size:cover;
	}
	
	.box_start_txt_det{
		width:90%;
		height:175px;
		margin:-80px 0 0 0;
		float:right;
		background-color:#196670;
		padding:40px 30px 50px 30px;
		box-sizing:border-box;
	}
	
	
	
	.box_start_det{
		width:355px;
		height:455px;
		margin:0 10px 10px 0;
	}
	
	.box_start_det:hover .box_start_txt_det{
		background-color:#0b525b;
		-moz-transition: all 0.4s ease-out;  /* FF4+ */
		-o-transition: all 0.4s ease-out;  /* Opera 10.5+ */
		-webkit-transition: all 0.4s ease-out;  /* Saf3.2+, Chrome */
		-ms-transition: all 0.4s ease-out;  /* IE10? */
		transition: all 0.4s ease-out;
	}
	
	.box_start_txt_det h2{
		font-size:32px;
	}
	.box_start_txt_det h4{
		font-size:18px;
		line-height:20px;
	}
	
	.show_tags{
		display:inline;
	}
	
	.portrait{
		width:480px;
		height:560px;
		margin:-390px 0 0 0;
		background-repeat:no-repeat;
		background-position:right center;
		background-size:contain;
		float:right;
	}
	
	.margin_kontaktbtn{
		margin:40px 0 0 0;
	}
	
	.bg_foot{
		padding:80px 0 90px 0;
		background-image:url(../images/bg_foot.png);
		background-repeat:repeat-y;
		background-position:top center;
		background-size:contain;
	}
	
	.pic_bottom{
		height:720px;
		margin:-720px 0 0 0;
		width:57%;
		background-size:cover;
		background-position:center;
	}
	
	.txt_unten{
		width:100%;
		margin:0 0 0 0;
	}
	
	.box_13_first{
		width:355px;
		margin:0 20px 0 0;
		height:355px;
		box-sizing:border-box;
		padding:0 80px 0 0;
	}
	
	.box_13_second{
		width:355px;
		height:355px;
		margin:0 0 20px 0;
	}
	
	.box_13_third{
		width:355px;
		height:355px;
		margin:-140px 20px 0 0;
	}
	
	.box_13_fourth{
		width:355px;
		height:355px;
		margin:0 0 0 0;
		background-color:#29333d;
		box-sizing:border-box;
		padding:50px;
	}
	
	.box_13_fifth{
		width:355px;
		height:355px;
		margin:-100px 20px 0 0;
	}
	
	.box_sixth{
		margin:80px 90px 0 0;
	}
	
	.box_start_txt i{
		color:rgba(255,255,255,0.3);
		line-height:30px;
	}
	
	.box_start_pic{
		width:100%;
		height:360px;
		background-position:center;
		background-size:cover;
	}
	
	.box_start_txt{
		width:90%;
		height:175px;
		margin:-80px 0 0 0;
		float:right;
		background-color:#0da8a6;
		padding:20px 20px;
		box-sizing:border-box;
	}
	
	.box_start_txt h2{
		font-size:20px;
	}
	.box_start_txt h4{
		font-size:16px;
		line-height:24px;
	}
	
	.box_start{
		width:355px;
		height:455px;
		margin:0 10px 10px 0;
	}
	
	.box_start:hover .box_start_txt{
		background-color:#0b525b;
		-moz-transition: all 0.4s ease-out;  /* FF4+ */
		-o-transition: all 0.4s ease-out;  /* Opera 10.5+ */
		-webkit-transition: all 0.4s ease-out;  /* Saf3.2+, Chrome */
		-ms-transition: all 0.4s ease-out;  /* IE10? */
		transition: all 0.4s ease-out;
	}
	
	.box_sixth:hover h2, .box_sixth:hover i{
		color:#0da8a6;
		-moz-transition: all 0.4s ease-out;  /* FF4+ */
		-o-transition: all 0.4s ease-out;  /* Opera 10.5+ */
		-webkit-transition: all 0.4s ease-out;  /* Saf3.2+, Chrome */
		-ms-transition: all 0.4s ease-out;  /* IE10? */
		transition: all 0.4s ease-out;
	}
	
	.margin_boxen_start{
		margin:-140px 0 0 0;
	}
	
	.boxen_start_outter{
		width:100%;
		float:right;
		display:inline;
		position:relative;
		margin:0 0% 0 0;
		overflow:hidden;
	}
	
	.boxen_start_outter_det{
		width:730px;
		margin:0 auto;
		overflow:hidden;
	}
	
	.logo_zert{
		width:80px;
		height:80px;
		background-image:url(../images/logo_hpe.png);
		background-position:center;
		background-repeat:no-repeat;
		background-size:cover;
		margin:0 140px 0 0;
	}
	
	.txt_underheader{
		width:520px;
	}
	
	.txt_foot{
		width:300px;
		margin:0 0 0 0;
	}
	
	
	.bg_underheader{
		width:81.5%; margin:0; display:block; height:700px; background-color:#f7f7f7;
	}
	
	.margin_underheader{
		margin:-580px 0 0 0;
	}
	
	.link_bigpicbox{
		cursor:pointer; width:730px; height:auto; margin:20px 0 0 0;
	}
	
	.h1_index {
		width: 430px;
		margin: 0 0 120px 0;
	}
	
	.box_weiss_header{
		background-color:#0da8a6; height:0; width:0;
	}
	
	.box_weiss_header_inner{
		margin:45px 0 0 125px;
	}
	
	.trenner_pecht_head{
		margin:36px 40px 0 40px; height:2px; width:169px; background: url(../images/trenner_pecht.png) no-repeat center;
	}
	
	.span_head1{
		font-size:24px; line-height:32px; font-weight:600; color:#2f2e2c;
	}
	
	.span_head2{
		font-size:38px; line-height:46px; font-weight:700; color:#2f2e2c;
	}
	
	.span_head3{
		font-size:24px; line-height:58px; font-weight:600; color:#2f2e2c;
	}
	
	.i_head{
		font-size:30px; line-height:58px !important; padding:0 0 0 40px;
	}
	
	.bigpicbox{
		cursor:pointer; width:910px; height:615px; margin:0 0 0 20px; 
	}
	
	.overlaypic_big_thumb{
		display:block; position:absolute; top:0; bottom:0; left:0; right:0; width:100%; height:100%; background-color:rgba(45,45,45,0.4);
	}
	
	.box_weiss_txt{
		font-size:40px; line-height:48px; color:#fff; font-weight:600; width:360px; position:absolute; display:block; bottom:40px; left:180px;
	}
	
	.box_weiss_link{
		width:105px; height:105px; background-color:#fff; text-align:center; position:absolute; display:block; bottom:0; right:0;
	}
	
	.i_head2{
		font-size:30px; padding:40px 0 0 0;
	}
	
	.box_outter_thumb{
		width:730px; height:120px; margin:20px 0 0 0;
	}
	
	.box_pic_thumb{
		width:120px; height:120px; margin:0 20px 0 0;
	}
	
	.link_pic_big{
		text-transform:uppercase; font-size:18px; font-weight:700;
	}
	
	.pic_index_welcome{
		width:380px; height:580px; margin:0 40px 0 0;
	}
	
	.text_welcome_sp1{
		width:310px; height:auto; margin:65px 0 0 0;
	}
	
	.text_welcome_sp2{
		width:290px; height:auto; margin:-16px 0 0 0;
	}
	
	.span_foot_slide{
		font-size:16px; line-height:24px; text-transform:uppercase; font-weight:700; color:#2d2d2d;
	}
	
	.trenner_foot_slide{
		margin:20px 30px 0 30px; height:2px; width:169px;
	}
	
	.span_foot_slide2{
		font-size:24px; line-height:24px; font-weight:600; color:#2f2e2c;
	}
	
	.i_foot_slide{
		font-size:30px; line-height:24px; padding:0 0 0 30px;
	}
	
	.box_weiss_txt_slide{
		font-size:30px; line-height:38px; color:#fff; font-weight:700; position:absolute; display:block; bottom:115px; left:40px;
	}
	
	.box_weiss_link_slide{
		width:50px; height:50px; background-color:#fff; text-align:center; position:absolute; display:block; bottom:0; right:0;
	}
	
	.bg_foot_pecht{
		height:240px; background-color:#fff; background-size:contain;
	}
	
	.sp_pecht1{
		margin:0 80px 0 0;
	}
	
	.sp_pecht2{
		margin:80px 0 0 0;
	}
	
		.sp_pecht2 img{
			width:255px;
		}
	
	.ansprech_pic{
		width:160px;
		height:220px;
		display:inline;
		position:relative;
		float:right;
		background-position:center;
		background-repeat:no-repeat;
		background-size:cover;
	}
	
	.ansprech_inner{
		margin:20px;
		width:340px;
	}
	
	.ansprech_outter{
		width:720px;
		height:220px;
		background-color:#fff;
		margin:20px 20px 0 0;
	}
	
	.ansprech_overflow{
		width:730px;
		overflow:hidden;
	}
	
	.con_std{
		margin-top:0;
	}
	
	.pic_index{
		height:520px;
		width:45%;
		background-position:center;
		background-size:cover;
		background-repeat:no-repeat;
		float:right;
		margin-top:-520px;
	}
	
	.height_welcome{
		height:520px;
		padding:60px 0;
		box-sizing:border-box;
	}
	
	.box_modell_head{
		padding:20px; box-sizing:border-box; width:100%; height:90px;
	}
	
	.box_modell:hover .box_modell_head{
		background-color:#f0f0f0;
	}
	
	.box_modell_pic{
		height:195px; width:355px; background-position:center; background-repeat:no-repeat; background-size:cover;
	}
	
	.box_modell{
		width:355px; height:285px; margin:0 20px 20px 0; background-color:#fff; cursor:pointer;
	}
	
	.box_modell_last{
		width:355px; height:285px; margin:0 20px 20px 0; text-align:center; padding:100px 0 0 0; box-sizing:border-box;
	}
	
	.box_modell_last:hover{
		background-color:#f0f0f0;
	}
	
	.overflow_boxen_modelle{
		clear:both; margin-top:30px; width:750px;
	}
	
	.pic{
		width:100%;
		height:120px;
		background-color:black;
		margin:0 0 20px 0;
		background-size:cover;
		background-position:center;
		background-repeat:no-repeat;
	}
	
	.overflow_index{
		width:770px;
	}
	
	.inner_index{
		margin:0 20px 0 0;
	}

	
	.show_blau{
		display:inline;
	}
	
	.box_weiss{
		width:223px;
		height:150px;
		background-color:#fff;
		padding:32px 20px 40px 20px;
		box-sizing:border-box;
		margin:0 20px 0 0;
	}
	
	.box_weiss:hover{
		background-color:#dfecf5;
		cursor:pointer;
		-moz-transition: all 0.4s ease-out;
		-o-transition: all 0.4s ease-out;
		-webkit-transition: all 0.4s ease-out;
		-ms-transition: all 0.4s ease-out;
		transition: all 0.4s ease-out;
	}
	
	.box_blau_head{
		padding:20px 0 20px 20px;
		background-color:#2e3541;
		width:100%;
		height:190px;
		box-sizing:border-box;
	}
	
	.margin_blau{
		margin:-160px 0 0 0;
	}
	
	.width_blau{
		width:100%;
	}
	
	.overflow_referenzen{
		width: 770px;
	}
	
	.show_nav_foot{
		display:inline;
	}
	
	.slider_abdecker_video{
		margin:0 0 0 0;
		float: left;
		display: inline;
		position: relative;
		height: 100%;
		width: 100%;
		background-color: rgba(62,69,67,0.6);
	}
	
	.headervideo{
		position: absolute;
		  top: 50%; 
		  left: 50%;
		  -webkit-transform: translateX(-50%) translateY(-50%);
		  transform: translateX(-50%) translateY(-50%);
		  min-width: auto; 
		  min-height: auto; 
		  width: auto; 
		  height: 110%;
		  overflow: hidden;
	}
	
	.bg_slider{
		height:550px;
		width:100%;
		margin:-550px 0 0 0;
		z-index:9;
		position:relative;
	}

	
	.maps_foot{
		margin:0 0 0 0;
	}
	
	.i_tel_cta{
		font-size:50px;
		display:inline;
		float:left;
		position:relative;
		color:#cbe253;
		margin:0 10px 0 0;
	}
	
	.tel_cta{
		width:280px;
		clear:both;
		margin:-150px 0 0 0;
		display:inline;
	}
	
	.cta_slogan_svg svg{
		width:770px;
		height:225px;
		margin:-123px -355px 0 0;
		display:inline;
		position:relative;
		float:right;
	}
	
	.cta_slogan_weiss{
		font-size:42px;
		color:#f0f0f0;
		line-height:48px;
		font-weight:500;
	}
	
	.cta_slogan_gruen{
		font-size:42px;
		color:#2e3541;
		line-height:48px;
		font-weight:500;
	}
	

.box_leistung_slider{
		height:335px;
		width:270px;
		background-position:center;
		background-repeat:no-repeat;
		background-size:contain;
		margin:0 40px 0 0;
		cursor:pointer;
		background:#fff;
	}


.box_leistung_slider:hover a{
		background-color:#fff;
		border:1px solid #2e3541;
		color:#2e3541;
	}
	
	.text_box_leistung{
		width:270px;
		height:150px;
		box-sizing:border-box;
		padding:25px;
	}
	
	.pic_box_leistung{
		width:270px;
		height:145px;
		background-size:cover;
		background-repeat:no-repeat;
		background-position:center;
	}
	
	.callbacks_nav {
			  float:left;
			  display:inline;
			  z-index: 3;
			  text-indent: -9999px;
			  overflow: hidden;
			  text-decoration: none;
			  height: 40px;
			  width: 40px;
			  margin:0 0 0 0;
			  margin-top: -24px;
			  }


			.callbacks_nav.next {
			  margin-left:40px;
			  background-position: right top;
			  background-image:url(../images/caret-circle-right-solid.svg);
			  margin-right:125px;
			  }
			  
			.callbacks_nav.prev {
			  
			  background-position: right top;
			  background-image:url(../images/caret-circle-left-solid.svg);
			
			  }
	
	.bg_bullets{
		display:inline;
		width:450px;
		float:right;
		margin:-220px -100px 0 0;
		
	}
	
	.box_text_slider{
		width:330px;
		margin:-520px 0 0 0;
		z-index:99;
	}
	
	.show_box_top{
		display:inline;
	}
	
	.show_initiatoren{
		display:none;
	}
	
	.show_foot_1{
		display:none;
	}
	
	.box_angebot{
		width:345px;
		height:280px;
		margin:20px 40px 0 0;
		background-position:center;
		background-size:cover;
		background-repeat:no-repeat;
		cursor:pointer;
	}
	
		.box_angebot span{
			display:block;
			position:absolute;
			bottom:40px;
			left:40px;
			right:40px;
			font-size:20px;
			font-weight:700;
			color:#fff;
		}
		
		.box_angebot i{
			display:block;
			position:absolute;
			bottom:40px;
			right:40px;
			right:40px;
			font-size:26px;
			font-weight:300;
			color:#2e3541;
		}
		
		.box_angebot:hover span{
			bottom:50px;
			-moz-transition: all 0.4s ease-out;
			-o-transition: all 0.4s ease-out;
			-webkit-transition: all 0.4s ease-out;
			-ms-transition: all 0.4s ease-out;
			transition: all 0.4s ease-out;
		}
		.box_angebot:hover i{
			bottom:50px;
			-moz-transition: all 0.4s ease-out;
			-o-transition: all 0.4s ease-out;
			-webkit-transition: all 0.4s ease-out;
			-ms-transition: all 0.4s ease-out;
			transition: all 0.4s ease-out;
		}
	
	.width_txt_box{
		width:230px
	}
	
	.margin40{
		margin:0 40px 0 0;
	}
	
	.overflow_boxen{
		width:1240px;
	}
	
	.margin_gruen_box{
		margin:-420px 0 0 0;
		z-index:9999;
	}
	
	.bg_card {
		width:285px;
		height:210px;
		background-repeat:no-repeat;
		background-size:cover;
		background-position:right center;
		background-image:url(../images/bg_card.png);
		margin: -370px 0 0 0;
		z-index: 99;
	}
	
	.halb{
		width:52%;
		background-color:#2e3541;
		height:460px;
		float: left;
		position: relative;
		display: inline;
		margin: -140px 0 0 0;
		padding: 0 0 0 0;
		z-index:9999;
	}
	
	.display_btn{
		display:none;
	}
	
	.bg_icon_tiles{
		background-image:url(../images/bg_icon_tiles.png);
		background-size:260px 200px;
		background-position:bottom right;
		background-repeat:no-repeat;
	}

	.box_leistung_slider{
		height:360px;
		width:216px;
		background-position:center;
		background-repeat:no-repeat;
		background-size:contain;
		margin:0 40px 0 0;
		cursor:pointer;
		background:#fff;
	}



.box_leistung_slider:hover a{
		background-color:#fff;
		border:1px solid #2e3541;
		color:#2e3541;
	}
	
	.text_box_leistung{
		width:216px;
		height:150px;
		box-sizing:border-box;
		padding:25px;
	}
	
	.pic_box_leistung{
		width:216px;
		height:145px;
		background-size:cover;
		background-repeat:no-repeat;
		background-position:center;
	}
	
	.box_leistung_slider_overlay{
		height:360px;
		width:216px;
		background-color:rgba(0,0,0,0.85);
		margin:0 40px 0 0;
		padding:40px 20px 0 20px;
		cursor:pointer;
		display:none;
		box-sizing:border-box;
	}
	
	.box_leistung_slider:hover .box_leistung_slider_overlay{
		display:inline;
	}
	
	.box_leistung_slider:hover a{
		text-decoration:underline;
	}
	
	.box_leistungen_index{
		height:360px;
		padding:40px 20px 0 20px;
	}
	
	.div_iframe iframe{
		height:380px;
		width:100%;
	}
	
	h1{ font-size:44px; line-height:46px; }
	h1.h1_marker{ font-size:30px; line-height:36px; }
	h1.h1_weiss{ font-size:30px; line-height:36px; }
		
	h2{ font-size:20px; line-height:30px; }

	h2.h2_slogan{ font-size:70px; line-height:60px; }

	h3{ font-size:18px; line-height:24px; }
	h3.h3_slogan{ font-size:20px; line-height:50px; }

	h3.h3_h1_marker{ font-size:30px; line-height:36px; }
	h3.h3_galery{ font-size:30px; line-height:36px; }
	h3.h3_h1{ font-size:30px; line-height:36px; }
	h3.h3_testimonial_marker{ font-size:26px; line-height:34px; }

	h4{ font-size:18px; line-height:20px; }
	h4.h4_teaser{ font-size:24px; line-height:26px; }
	h4.h4_news{ font-size:24px; line-height:26px; }

	h5{ font-size:24px; line-height:52px; }
	
	
	/* header contentseiten :: start */
	
		.bgdiv_con_100_header_con{
			display:inline;
			height:100px;
			background-repeat:no-repeat;
			background-position:center;
			background-size:250%;
		}
		
			.header_con_abdecker{
				float:left;
				display:inline;
				position:relative;
				height:100%;
				width:100%;
				background-color: rgba(62,69,67,0.5);
				padding:40px 0 40px 0;
			}
	
			.box_icons{
				width:730px;
				height:75px;
				margin:20px 0 0 0;
				text-align:left;
				overflow:hidden;
			}
			
				.box_icons img{
					width:300px;
					max-height:75px;
				}
			
			.box_headline{
				width:730px;
				margin:40px 0 -20px 0;
			}
			
	
	/* header contentseiten :: ende */
	

	/* slider startseite :: start */
	
		.bgdiv_con_100_header_slider{
			display:block;
			height:600px;
			margin-top:0;
			width: 100%;
			float:right;
		}
		
			
		
			.bgdiv_slider{
				width:100%;
				height:600px;
				float:left;
				display:inline;
				position:relative;
				background-position:top center;
				background-repeat:no-repeat;
				background-size:cover;
				overflow:hidden;
			}
			
			.slider_abdecker{
				float:left;
				display:inline;
				position:relative;
				height:100%;
				width:100%;
				background-image:url(../images/header_overlay.png);
				background-size:cover;
				background-repeat:no-repeat;
				background-position:top left;
			}
			
		
			.rslides {
			  display:inline;
			  position: relative;
			  list-style: none;
			  overflow: hidden;
			  width: 100%;
			  height:600px;
			  padding: 0;
			  margin: 0;
			  }

			.rslides li {
			  -webkit-backface-visibility: hidden;
			  position: absolute;
			  display: none;
			  width: 100%;
			  left: 0;
			  top: 0;
			  margin:0;
			  padding:0;
			  }

			.rslides li:first-child {
			  position: relative;
			  display: block;
			  float: left;
			  }

			 /*
			.rslides img {
			  display: block;
			  height: auto;
			  float: left;
			  width: 100%;
			  border: 0;
			  }
			 */
			 
			.large-btns_tabs {
				padding-left:0px;
				margin-left:0px;
				margin-top: 0px;
			}
			
			.large-btns_tabs li {
				display: inline;
				float: none;
				margin:0 10px 0 0;
			}
			
			.large-btns_tabs a {
				background-color:rgba(255,255,255,0.5);
				width:30px;
				height:3px;
				display: inline-block;
				overflow: hidden;
				text-indent: -9999px;
			}
			
			.large-btns_here a {
				background-color:#fff;
			}
			
			 
			
			.rslides_navi_pos{
				margin:-60px 0 0 0;
				z-index:900;
				display:inline;
			}
		
		.bg_slogan{
			display:block;
			position:absolute;
			margin:0 0 0 0;
			padding:0 0 0 0;
			text-align:left;
			color:#323232;
			width:730px;
			bottom:200px;
		}
		
		.bg_slogan_pic{
			display:none;
		}
		
			
		
		
	
	/* slider startseite :: ende */
	
	
	/* keyfacts - produktteaser - welcome :: start */
	
		.bgdiv_con_100_produktteaser{
			background-image:url(../images/bg_teaser_produkte.gif);
			background-position:center top;
			background-repeat:repeat-y;
			margin:0 0 0 0;
			z-index:900;
			
			display:inline;
		}
		
		
			.produkt_teaser{
				width:730px;
				padding:0 0 0 0;
				box-sizing:border-box;
			}
			
				.produkt_teaser_box{
					box-sizing:border-box;
					width:225px;
					height:313px;
					border:1px solid #d1d1d1;
					margin:0 0 0 27px;
					overflow:hidden;
					text-align:center;
					cursor:pointer;
				}
				
					.produkt_teaser_box img{
						max-width:223px;
						height:311px;
					}
					
					.produkt_teaser_lupe{
						width:40px;
						height:40px;
						display:inline;
						background-image:url(../images/icon_lupe_01.png);
						background-position:center top;
						background-repeat:no-repeat;
						margin:-40px 0 0 0;
					}
					
					.produkt_teaser_abdecker{
						width:223px;
						height:311px;
						display:none;
						background-image:url(../images/bg_abdecker_zoom.png);
						background-position:right bottom;
						background-repeat:no-repeat;
						margin:-311px 0 0 0;
						padding:130px 0 0 0;
						text-align:center;
						color:#ffffff;
						box-sizing:border-box;
					}
					
						h4.h4_teaser{ font-size:24px; line-height:26px; }
					
				
					.produkt_teaser_box:hover .produkt_teaser_abdecker{
						display:inline;
					}
					
					.produkt_teaser_box:hover .produkt_teaser_lupe{
						display:none;
					}
					
					
		
		
			.bgdiv_keyfacts{
				display:none;
			}
			
	
		.welcome_txt{
			float:left;
			width:730px;
			padding:60px 0 60px 0;
		}
	
	/* keyfacts - produktteaser - welcome :: ende */
	
	
	
	
	/* content bühne :: start */
	
	.sp_50p_buehne{
		width:728px;
		height:476px;
		overflow:hidden;
		border:0px solid #e3e3e3;
		float:right;
		margin:0 0 40px 0;
	}
	
	.sp_50p_buehne_txt{
		width:730px;
		float:left;
	}	
	
	
	.jcarousel-wrapper-buehne {
		width:728px;
		height:476px;
	}

		/*.jcarousel-wrapper-buehne img {
			width:730px
		}*/	
		
		.buehne_table{
			width:728px;
			height:476px;
		}
		
		.buehne_resize_width{
			width:728px;
		}
		
		.buehne_resize_height{
			height:476px;
		}
		
		.iframe_buehne{
			width:728px;
			height:476px;
		}
	
	.jcarousel-control-prev_buehne,
	.jcarousel-control-next_buehne	{
		position: absolute;
		top:406px;
		width: 40px;
		height: 40px;   
	}

	.jcarousel-control-prev_buehne {
		right:60px;
		background-image:url(../images/icon_arrow_left_rot.png);
		background-repeat:no-repeat;
	}

	.jcarousel-control-next_buehne {
		right: 10px;
		background-image:url(../images/icon_arrow_right_rot.png);
		background-repeat:no-repeat;
	}
	
	/* content bühne :: ende */
	
	
	/* galery slider :: start */
	
	.jcarousel-wrapper-gal {
		width:100vw;
		height:475px;
		padding:0 0 0 0;
		margin:0 0 0 0;
	}
	
	
		
		.jcarousel-wrapper-gal img{
			height:475px;
			width:auto;
		}
		
		
			.jcarousel-control-next-gal{
				top:330px;
				z-index:800;
			}
		
			.jcarousel-control-prev-gal {
			
				top:410px;
				z-index:800;
			}
			
			.jcarousel-control-prev-gal {
				background-image:url(../images/icon_arrow_left_gal.png);
				left:-80px;
			}

			.jcarousel-control-next-gal {
				background-image:url(../images/icon_arrow_right_gal.png);
				left:-80px;
			}
			
			
			
			
	.jcarousel-wrapper-marken {
		width:713px;
		height:90px;
		padding:0 0 0 0;
		margin:0 0 0 0;
	}
	
	
		
		.jcarousel-wrapper-marken img{
			max-height: 90%;  
			max-width: 90%; 
			width: auto;
			height: auto;
			position: absolute;  
			top: 0;  
			bottom: 0;  
			left: 0;  
			right: 0;  
			margin: auto;
			-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
			filter: grayscale(100%);
		}
		
		
			.jcarousel-control-prev-marken,
			.jcarousel-control-next-marken {
			
				top:-46px;
				z-index:800;
			}
			
			.jcarousel-control-prev-marken {
				background-image:url(../images/icon_arrow_left_gal.png);
				right:30px;
			}

			.jcarousel-control-next-marken {
				background-image:url(../images/icon_arrow_right_gal.png);
				right:0px;
			}
			
			.box_marken{
				width:206px;
				height:100px;
				border:0px solid #dcdcdc;
				overflow:hidden;
				margin:0 40px 0 0;
			}
	
		.box_marken_pic{
			width:208px;
			height:100px;
			overflow:hidden;
			text-align:center;
			vertical-align:middle;
		}
		
		.jcarousel li {
			margin:0 0 5px 0;
		}
	
	.box_gal{
		width:355px;
		height:470px;
		border:0px solid #dcdcdc;
		overflow:hidden;
		margin:0 40px 0 0;
	}
	
		.box_gal_pic{
			width:355px;
			height:470px;
			overflow:hidden;
			background-color:#ffffff;
			text-align:center;
		}
		
		
		.box_gal_hover{
			width:355px;
			height:470px;
			margin:-470px 0 0 0;
			background-color:rgba(45,45,45,0.4);
			display:inline;
		}
		
		.box_gal:hover .box_gal_hover{
			display:inline;
			background-color:rgba(45,45,45,0.8);
		}
	
	/* galery slider :: ende */
	

	/* footer :: start */
	
		.bgdiv_con_100_testimonials{
			display:inline;
			height:410px;
			background-color:#3C3C3C;
		}
	
			.testimonial_rahmen{
				float:right;
				display:inline;
				width:730px;
				height:410px;
				background-color:#3C3C3C;
				box-sizing:border-box;
				padding:60px 0 60px 0;
				z-index:500;
				color:#ffffff;
			}
				
				
			/*slider testimonial :: start */
			
				.jcarousel-wrapper-testimonial {
					display:inline;
					width:480px;
					height:360px;
					padding:0 0 0 0;
					margin:0 0 0 0;
				}
				
					.testimonial_txt{
						width:730px;
						height:391px;
						color:#ffffff;
					}
					
						.testimonial_txt p{
							color:#ffffff;
						}
						
						.testimonial_kunde{
							color:#ffffff;
							font-weight:bold;
							box-sizing:border-box;
							width:730px;
							padding:0 0 0 12px;
							background-image:url(../images/bg_testimonial.gif);
							background-repeat:no-repeat;
							background-position:left 13px;
						}
				
					
						.jcarousel-control-prev-testimonial,
						.jcarousel-control-next-testimonial {
						
							top:340px;
							z-index:800;
							width:16px;
							height:40px;
						}
						
						.jcarousel-control-prev-testimonial {
							background-image:url(../images/icon_arrow_left.png);
							right:50px;
						}

						.jcarousel-control-next-testimonial {
							background-image:url(../images/icon_arrow_right.png);
							right:0px;
						}
			
			/*slider testimonial :: ende */
			
			
		
		
		.rahmen_cta{
			margin-top:0px;
		}
		
			.bgdiv_con_100_pic_footer{
				display:none;
			}
			
				.bgdiv_con_100_pic_footer_abdecker{
					display:none;
				}
		
		
			.cta_txt{
				display:inline;
				width:730px;
				padding:60px 0 0 0;
			}
			
			.cta_adresse{
				display:inline;
				width:730px;
				padding:0 0 60px 0;
			}
	
	
		.footer_z1_copy{
			font-size:15px;
			color:#ffffff;
			margin:13px 0 0 0;
		}
		
		.footer_z1_links{
			display:none;
		}
	
	/* footer :: ende */
	
	
}
         
@media only screen and (min-width: 1225px){
	
	.pos_bread{
		padding:15px 0 14px 0; clear:both; margin:160px 0 0 0;
	}
	
	.pos_music_bottom{
		clear:none;
		margin:0 0 0 0;
		float:right;
	}
	
	
	.music_btn{
		width:95px;
		height:30px;
		cursor:pointer;
		opacity:0.15;
		margin:0 40px 0 0;
				-o-transition: all 0.4s ease-out;  /* Opera 10.5+ */
		-webkit-transition: all 0.4s ease-out;  /* Saf3.2+, Chrome */
		-ms-transition: all 0.4s ease-out;  /* IE10? */
		transition: all 0.4s ease-out;

	}
	
	.music_btn:hover{
		opacity:1;
				-o-transition: all 0.4s ease-out;  /* Opera 10.5+ */
		-webkit-transition: all 0.4s ease-out;  /* Saf3.2+, Chrome */
		-ms-transition: all 0.4s ease-out;  /* IE10? */
		transition: all 0.4s ease-out;

	}
	
	.bullet_social{
		width:40px;
		height:40px;
		background-color:#196670;
		border:1px solid #196670;
		text-align:center;
		padding:7px;
		box-sizing:border-box;
		font-size:16px;
		color:#fff;
		cursor:pointer;
		border-radius:40px;
		margin:0 7px 0 0;
				-o-transition: all 0.4s ease-out;  /* Opera 10.5+ */
		-webkit-transition: all 0.4s ease-out;  /* Saf3.2+, Chrome */
		-ms-transition: all 0.4s ease-out;  /* IE10? */
		transition: all 0.4s ease-out;

	}
	
	.bullet_social:hover{
		background-color:#fff;
		border:1px solid #196670;
		color:#196670;
		cursor:pointer;
				-o-transition: all 0.4s ease-out;  /* Opera 10.5+ */
		-webkit-transition: all 0.4s ease-out;  /* Saf3.2+, Chrome */
		-ms-transition: all 0.4s ease-out;  /* IE10? */
		transition: all 0.4s ease-out;

	}
	
	.albumcover{
		width:270px;
		height:270px;
		background-position:center;
		background-repeat:no-repeat;
		background-size:cover;
		margin:40px 40px 40px 0;
		cursor:pointer;
		
		-webkit-box-shadow: 0px 21px 18px -4px rgba(17,17,17,0.39);
		-moz-box-shadow: 0px 21px 18px -4px rgba(17,17,17,0.39);
		box-shadow: 0px 21px 18px -4px rgba(17,17,17,0.39);
		-moz-transition: all 0.4s ease-out;  /* FF4+ */
		-o-transition: all 0.4s ease-out;  /* Opera 10.5+ */
		-webkit-transition: all 0.4s ease-out;  /* Saf3.2+, Chrome */
		-ms-transition: all 0.4s ease-out;  /* IE10? */
		transition: all 0.4s ease-out;
	}
	
	.albumcover:hover{
		-webkit-box-shadow: 0px 21px 18px -4px rgba(17,17,17,0.8);
		-moz-box-shadow: 0px 21px 18px -4px rgba(17,17,17,0.8);
		box-shadow: 0px 21px 18px -4px rgba(17,17,17,0.8);
		-moz-transition: all 0.4s ease-out;  /* FF4+ */
		-o-transition: all 0.4s ease-out;  /* Opera 10.5+ */
		-webkit-transition: all 0.4s ease-out;  /* Saf3.2+, Chrome */
		-ms-transition: all 0.4s ease-out;  /* IE10? */
		transition: all 0.4s ease-out;
	}
	
	.overflow_std{
		width:1240px;
	}
	
	.alben{
		font-size:170px;
		line-height:110px;
		font-family:'din-2014', sans-serif;
		font-weight:800;
		color:#cdcdcd;
		text-transform:uppercase;
	}
	
	span.day{
		font-size:38px;
		line-height:40px;
		color:#fff;
		font-weight:800;
		font-family:'din-2014', sans-serif;
	}
	
	span.month{
		font-size:20px;
		line-height:20px;
		color:#fff;
		font-weight:300;
		font-family:'din-2014', sans-serif;
	}
	
	.date_circle{
		width:90px;
		height:90px;
		text-align:center;
		padding:10px 10px;
		box-sizing:border-box;
		background-color:#196670;
		border:1px solid #196670;
		border-radius:90px;
		margin:0 40px 0 0;
	}
	
	.pattern1{
		background-color:#f5f5f5; background-image:url(../images/pattern_index1.png); background-size:auto; background-repeat:no-repeat; background-position:center; padding:65px 0; margin:-120px 0 0 0;
	}
	
	.pattern3{
		background-color:#fff; background-image:url(../images/pattern_index3.png); background-size:auto; background-repeat:no-repeat; background-position:center; margin:0 0 0 0;
	}
	
	.pattern2{
		padding:80px 0 40px 0; margin:-440px 0 0 0;
	}
	
	.pic_welcome{
		height:675px;
		width:50%;
		margin:-280px 0 0 0;
		background-position:center;
		background-size:cover;
		background-repeat:no-repeat;
		z-index:9999;
	}
	
	.welcome_overlay{
		width:100%;
		height:100%;
		top:0;
		left:0;
		right:0;
		bottom:0;
		position:absolute;
		background-image:url(../images/welcome_overlay.png);
		background-position:top center;
		background-size:cover;
		background-repeat:no-repeat;
	}
	
	.gruen_balken{
		height:390px;
		width:400px;
		background-color:#196670;
		margin:50px -380px 0 0;
		z-index:999;
	}
	
	.welcome_h1{
		width:480px;
		height:220px;
		margin:135px 0 0 0;
	}
	
	.first_span{
		font-size:32px;
		color:#fff;
		text-transform:uppercase;
		font-weight:800;
		line-height:50px;
		font-family:'din-2014';
	}
	
	.second_span{
		font-size:20px;
		color:#fff;
		text-transform:none;
		line-height:20px;
		font-family:'din-2014';
	}
	
	.info_cover{
		width:450px;
		max-height:330px;
		margin:25px 0 0 40px;
	}
	
	.cover_index{
		width:460px;
		height:460px;
		margin:40px 0 0 0;
		background-position:center;
		background-repeat:no-repeat;
		background-size:cover;
		
		-webkit-box-shadow: 0px 21px 18px -4px rgba(17,17,17,0.39);
		-moz-box-shadow: 0px 21px 18px -4px rgba(17,17,17,0.39);
		box-shadow: 0px 21px 18px -4px rgba(17,17,17,0.39);
	}
	
	h1.packaging{
		font-size:80px;
		color:#fff;
		font-family:'din-2014';
	}

	
	.text_unten{
		width:300px;
	}
	
	.margin_phone{
		margin-left:95px; margin-right:-285px;
	}
	
	.box_start_txt_det i{
		color:rgba(255,255,255,0.3);
		line-height:30px;
	}
	
	.box_start_pic_det{
		width:100%;
		height:320px;
		background-position:center;
		background-size:cover;
	}
	
	.box_start_txt_det{
		width:80%;
		height:175px;
		margin:-90px 0 0 0;
		float:right;
		background-color:#196670;
		padding:50px 40px;
		box-sizing:border-box;
	}
	
	
	
	.box_start_det{
		width:610px;
		height:400px;
		margin:0 30px 30px 0;
	}
	
	.box_start_det:hover .box_start_txt_det{
		background-color:#0b525b;
		-moz-transition: all 0.4s ease-out;  /* FF4+ */
		-o-transition: all 0.4s ease-out;  /* Opera 10.5+ */
		-webkit-transition: all 0.4s ease-out;  /* Saf3.2+, Chrome */
		-ms-transition: all 0.4s ease-out;  /* IE10? */
		transition: all 0.4s ease-out;
	}
	
	.box_start_txt_det h2{
		font-size:32px;
	}
	.box_start_txt_det h4{
		font-size:18px;
		line-height:20px;
	}
	
	.show_infos{
		display:inline;
	}
	
	.box_start_txt h2{
		font-size:32px;
	}
	.box_start_txt h4{
		font-size:18px;
		line-height:20px;
	}
	
	.portrait{
		width:480px;
		height:560px;
		margin:-90px 0 0 0;
		background-repeat:no-repeat;
		background-position:right center;
		background-size:contain;
	}
	
	.margin_kontaktbtn{
		margin:40px 0 0 0;
	}
	
	.bg_foot{
		padding:80px 0 90px 0;
		background-image:url(../images/bg_foot.png);
		background-repeat:repeat-y;
		background-position:top center;
		background-size:contain;
	}
	
	.pic_bottom{
		height:590px;
		margin:-590px 0 0 0;
		width:60%;
		background-size:cover;
		background-position:center;
	}
	
	.txt_unten{
		width:80%;
		margin:0 0 0 0;
	}
	
	.box_13_first{
		width:402px;
		margin:0 20px 0 0;
		height:305px;
		box-sizing:border-box;
		padding:0 80px 0 0;
	}
	
	.box_13_second{
		width:402px;
		height:402px;
		margin:0 20px 20px 0;
	}
	
	.box_13_third{
		width:402px;
		height:402px;
		margin:100px 0 0 0;
	}
	
	.box_13_fourth{
		width:402px;
		height:402px;
		margin:-180px 20px 0 0;
		background-color:#29333d;
		box-sizing:border-box;
		padding:50px;
	}
	
	.box_13_fifth{
		width:402px;
		height:402px;
		margin:-80px 20px 0 0;
	}
	
	.box_sixth{
		margin:100px 40px 0 0;
	}
	
	.box_start_txt i{
		color:rgba(255,255,255,0.3);
		line-height:30px;
	}
	
	.box_start_pic{
		width:100%;
		height:436px;
		background-position:center;
		background-size:cover;
	}
	
	.box_start_txt{
		width:424px;
		height:175px;
		margin:-95px 0 0 0;
		float:right;
		background-color:#0da8a6;
		padding:50px 40px;
		box-sizing:border-box;
	}
	
	
	
	.box_start{
		width:610px;
		height:515px;
		margin:0 30px 30px 0;
	}
	
	.box_start:hover .box_start_txt{
		background-color:#0b525b;
		-moz-transition: all 0.4s ease-out;  /* FF4+ */
		-o-transition: all 0.4s ease-out;  /* Opera 10.5+ */
		-webkit-transition: all 0.4s ease-out;  /* Saf3.2+, Chrome */
		-ms-transition: all 0.4s ease-out;  /* IE10? */
		transition: all 0.4s ease-out;
	}
	
	
	.box_sixth:hover h2, .box_sixth:hover i{
		color:#0da8a6;
		-moz-transition: all 0.4s ease-out;  /* FF4+ */
		-o-transition: all 0.4s ease-out;  /* Opera 10.5+ */
		-webkit-transition: all 0.4s ease-out;  /* Saf3.2+, Chrome */
		-ms-transition: all 0.4s ease-out;  /* IE10? */
		transition: all 0.4s ease-out;
	}
	
	.margin_boxen_start{
		margin:-240px 0 0 0;
	}
	
	.boxen_start_outter{
		width:1280px;
		float:left;
		display:inline;
		position:relative;
		margin:0 0 0 0;
		overflow:hidden;
	}
	
	.boxen_start_outter_det{
		width:1280px;
		margin:0 auto;
		overflow:hidden;
	}
	
	.logo_zert{
		width:114px;
		height:114px;
		background-image:url(../images/logo_hpe.png);
		background-position:center;
		background-repeat:no-repeat;
		background-size:cover;
		margin:160px 120px 0 0;
	}
	
	.txt_underheader{
		width:560px;
	}
	
	.txt_foot{
		width:460px;
	}
	
	
	.bg_underheader{
		width:100%; margin:0; display:block; height:900px; background-color:#f7f7f7;
	}
	
	.margin_underheader{
		margin:-780px 0 0 0;
	}
	
	.link_bigpicbox{
		cursor:pointer; width:910px; height:auto; margin:10px 0 0 0;
	}
	
	.margin_box_weiss_head{
		margin:-120px 0 0 0;
	}
	
	.box_weiss_header{
		background-color:#0da8a6; height:120px; width:200px; margin:0 -174px 0 0;
	}
	
	.box_weiss_header_inner{
		margin:45px 0 0 125px;
	}
	
	.trenner_pecht_head{
		margin:36px 40px 0 40px; height:2px; width:169px; background: url(../images/trenner_pecht.png) no-repeat center;
	}
	
	.span_head1{
		font-size:24px; line-height:32px; font-weight:600; color:#2f2e2c;
	}
	
	.span_head2{
		font-size:38px; line-height:46px; font-weight:700; color:#2f2e2c;
	}
	
	.span_head3{
		font-size:24px; line-height:58px; font-weight:600; color:#2f2e2c;
	}
	
	.i_head{
		font-size:30px; line-height:58px !important; padding:0 0 0 40px;
	}
	
	.bigpicbox{
		cursor:pointer; width:910px; height:615px; margin:0 0 0 20px; 
	}
	
	.overlaypic_big_thumb{
		display:block; position:absolute; top:0; bottom:0; left:0; right:0; width:100%; height:100%; background-color:rgba(45,45,45,0.4);
	}
	
	.box_weiss_txt{
		font-size:40px; line-height:48px; color:#fff; font-weight:600; width:360px; position:absolute; display:block; bottom:40px; left:60px;
	}
	
	.box_weiss_link{
		width:105px; height:105px; background-color:#fff; text-align:center; position:absolute; display:block; bottom:0; right:0;
	}
	
	.i_head2{
		font-size:30px; padding:40px 0 0 0;
	}
	
	.box_outter_thumb{
		width:120px; height:390px; margin:120px 0 0 0;
	}
	
	.box_pic_thumb{
		width:120px; height:120px; margin:0 0 10px 0;
	}
	
	.link_pic_big{
		text-transform:uppercase; font-size:18px; font-weight:700;
	}
	
	.pic_index_welcome{
		width:380px; height:580px; margin:0 100px 0 0;
	}
	
	.text_welcome_sp1{
		width:380px; height:auto; margin:95px 40px 0 0;
	}
	
	.text_welcome_sp2{
		width:290px; height:auto; margin:233px 0 0 0;
	}
	
	.span_foot_slide{
		font-size:16px; line-height:24px; text-transform:uppercase; font-weight:700; color:#2d2d2d;
	}
	
	.trenner_foot_slide{
		margin:20px 30px 0 30px; height:2px; width:169px;
	}
	
	.span_foot_slide2{
		font-size:24px; line-height:24px; font-weight:600; color:#2f2e2c;
	}
	
	.i_foot_slide{
		font-size:30px; line-height:24px; padding:0 0 0 30px;
	}
	
	.box_weiss_txt_slide{
		font-size:30px; line-height:38px; color:#fff; font-weight:700; position:absolute; display:block; bottom:115px; left:40px;
	}
	
	.box_weiss_link_slide{
		width:50px; height:50px; background-color:#fff; text-align:center; position:absolute; display:block; bottom:0; right:0;
	}
	
	.bg_foot_pecht{
		height:240px; background-color:#fff; background-size:contain;
	}
	
	.sp_pecht1{
		margin:0 80px 0 0;
	}
	
	.sp_pecht2{
		margin:80px 0 0 0;
	}
	
		.sp_pecht2 img{
			width:255px;
		}
	
	
	
	.h1_index{
		width:430px;
		margin:130px 0 0 0;
	}
	
		.ansprech_pic{
		width:200px;
		height:280px;
		display:inline;
		position:relative;
		float:right;
		background-position:center;
		background-repeat:no-repeat;
		background-size:cover;
	}
	
	.ansprech_inner{
		margin:20px;
		width:340px;
	}
	
	.ansprech_outter{
		width:580px;
		height:280px;
		background-color:#fff;
		margin:40px 40px 0 0;
	}
	
	.ansprech_overflow{
		width:1240px;
		overflow:hidden;
	}
	
	.show_placeholder{
		display:none;
	}
	
	.con_std{
		margin-top:0;
	}
	
	.pic_index{
		height:420px;
		width:45%;
		background-position:center;
		background-size:cover;
		background-repeat:no-repeat;
		float:right;
		margin-top:-420px;
	}
	
	.height_welcome{
		height:420px;
		padding:60px 0;
		box-sizing:border-box;
	}
	
	.box_modell_head{
		padding:20px; box-sizing:border-box; width:100%; height:90px;
	}
	
	.box_modell:hover .box_modell_head{
		background-color:#f0f0f0;
	}
	
	.box_modell_pic{
		height:195px; width:285px; background-position:center; background-repeat:no-repeat; background-size:cover;
	}
	
	.box_modell{
		width:285px; height:285px; margin:0 20px 20px 0; background-color:#fff; cursor:pointer;
	}
	
	.box_modell_last{
		width:285px; height:285px; margin:0 20px 20px 0; text-align:center; padding:100px 0 0 0; box-sizing:border-box;
	}
	
	.box_modell_last:hover{
		background-color:#f0f0f0;
	}
	
	.overflow_boxen_modelle{
		clear:both; margin-top:30px; width:1240px;
	}
	
	.pic{
		width:100%;
		height:200px;
		background-color:black;
		margin:0 0 20px 0;
		background-size:cover;
		background-position:center;
		background-repeat:no-repeat;
	}
	
	.inner_index{
		margin:0 40px 0 0;
	}
	
	.overflow_index{
		width:1240px;
	}
	
	
	
	.margin_blau{
		margin:-160px 0 0 0;
	}
	
	.width_blau{
		width:30%;
	}
	
	.box_weiss{
		width:285px;
		height:150px;
		background-color:#fff;
		padding:32px 20px 40px 20px;
		box-sizing:border-box;
		margin:0 20px 0 0;
	}
	
	.box_weiss:hover{
		background-color:#dfecf5;
		cursor:pointer;
		-moz-transition: all 0.4s ease-out;
		-o-transition: all 0.4s ease-out;
		-webkit-transition: all 0.4s ease-out;
		-ms-transition: all 0.4s ease-out;
		transition: all 0.4s ease-out;
	}
	
	.box_blau_head{
		padding:20px 0 20px 20px;
		background-color:#2e3541;
		width:915px;
		height:190px;
		box-sizing:border-box;
	}
	
	.overflow_referenzen{
		width: 1240px;
	}
	
	.slider_abdecker_video{
		margin:0 0 0 0;
		float: left;
		display: block;
		position: absolute;
		height: 100%;
		width: 100%;
		background-color: rgba(62,69,67,0.6);
	}
	
	.headervideo{
		height: 100%;
    width: 177.77777778vh; /* 100 * 16 / 9 */
    min-width: 100%;
    min-height: 56.25vw; /* 100 * 9 / 16 */
	}
	
	.bg_slider{
		height:550px;
		width:100%;
		margin:-550px 0 0 0;
		z-index:9;
		position:relative;
	}

	
	.maps_foot{
		margin:0 0 0 0;
	}
	
	.i_tel_cta{
		font-size:50px;
		display:inline;
		float:left;
		position:relative;
		color:#cbe253;
		margin:0 10px 0 0;
	}
	
	.tel_cta{
		width:280px;
		clear:both;
		margin:-170px 0 0 0;
	}
	
	.cta_slogan_svg svg{
		width:770px;
		height:245px;
		margin:-143px -355px 0 0;
		display:inline;
		position:relative;
		float:right;
	}
	
	.cta_slogan_weiss{
		font-size:42px;
		color:#f0f0f0;
		line-height:48px;
		font-weight:500;
	}
	
	.cta_slogan_gruen{
		font-size:42px;
		color:#2e3541;
		line-height:48px;
		font-weight:500;
	}
	


.box_leistung_slider{
		height:335px;
		width:270px;
		background-position:center;
		background-repeat:no-repeat;
		background-size:contain;
		margin:0 40px 0 0;
		cursor:pointer;
		background:#fff;
	}


.box_leistung_slider:hover a{
		background-color:#fff;
		border:1px solid #2e3541;
		color:#2e3541;
	}
	
	.text_box_leistung{
		width:270px;
		height:150px;
		box-sizing:border-box;
		padding:25px;
	}
	
	.pic_box_leistung{
		width:270px;
		height:145px;
		background-size:cover;
		background-repeat:no-repeat;
		background-position:center;
	}
	
	.callbacks_nav {
			  float:left;
			  display:inline;
			  z-index: 3;
			  text-indent: -9999px;
			  overflow: hidden;
			  text-decoration: none;
			  height: 40px;
			  width: 40px;
			  margin:0 0 0 0;
			  margin-top: -24px;
			  }


			.callbacks_nav.next {
			  margin-left:40px;
			  background-position: right top;
			  background-image:url(../images/caret-circle-right-solid.svg);
			  margin-right:125px;
			  }
			  
			.callbacks_nav.prev {
			  
			  background-position: right top;
			  background-image:url(../images/caret-circle-left-solid.svg);
			
			  }
	
	.bg_bullets{
		display:inline;
		width:570px;
		float:right;
		margin:-260px -170px 0 0;
		
	}
	
	.box_text_slider{
		width:520px;
		margin:0 0 0 0;
		z-index:99;
	}
	
	.show_foot_1{
		display:inline;
	}
	
	.show_initiatoren{
		display:inline;
	}
	
	.box_angebot{
		width:580px;
		height:320px;
		margin:20px 40px 0 0;
		background-position:center;
		background-size:cover;
		background-repeat:no-repeat;
		cursor:pointer;
	}
	
		.box_angebot span{
			display:block;
			position:absolute;
			bottom:40px;
			left:40px;
			right:40px;
			font-size:24px;
			font-weight:700;
			color:#fff;
		}
		
		.box_angebot i{
			display:block;
			position:absolute;
			bottom:40px;
			right:40px;
			right:40px;
			font-size:26px;
			font-weight:300;
			color:#2e3541;
		}
		
		.box_angebot:hover span{
			bottom:50px;
			-moz-transition: all 0.4s ease-out;
			-o-transition: all 0.4s ease-out;
			-webkit-transition: all 0.4s ease-out;
			-ms-transition: all 0.4s ease-out;
			transition: all 0.4s ease-out;
		}
		.box_angebot:hover i{
			bottom:50px;
			-moz-transition: all 0.4s ease-out;
			-o-transition: all 0.4s ease-out;
			-webkit-transition: all 0.4s ease-out;
			-ms-transition: all 0.4s ease-out;
			transition: all 0.4s ease-out;
		}
	
	.width_txt_box{
		width:230px
	}
	
	.margin40{
		margin:0 40px 0 0;
	}
	
	.overflow_boxen{
		width:1240px;
	}
	
	.margin_gruen_box{
		margin:-295px 0 0 0;
		z-index:9999;
	}
	
	.bg_card {
		width:540px;
		height:400px;
		background-repeat:no-repeat;
		background-size:contain;
		background-position:right center;
		background-image:url(../images/bg_card.png);
		margin: -400px 0 0 0;
		z-index: 99;
	}
	
	.halb{
		width:50%;
		background-color:#2e3541;
		height:320px;
		float: left;
		position: relative;
		display: inline;
		margin: -140px 0 0 0;
		padding: 0 0 0 0;
		z-index:9999;
	}

	.display_btn{
		display:inline;
	}

	.bgdiv_nav_top_z3{
		display:block;
	}

	.bg_icon_tiles{
		background-image:url(../images/bg_icon_tiles.png);
		background-size:260px 200px;
		background-position:bottom right;
		background-repeat:no-repeat;
	}

	
	
	.box_leistung_slider_overlay{
		height:360px;
		width:270px;
		background-color:rgba(0,0,0,0.85);
		margin:0 40px 0 0;
		padding:40px 20px 0 20px;
		cursor:pointer;
		display:none;
		box-sizing:border-box;
	}
	
	.box_leistung_slider:hover .box_leistung_slider_overlay{
		display:inline;
	}
	
	
	
	.box_leistungen_index{
		height:360px;
		padding:40px 20px 0 20px;
	}
	
	.bgdiv_nav_top_z1,
	.bgdiv_nav_top_z2,
	.nav_scroll_bg{
		display:inline;
	}
	
	.bgdiv_nav_top_z1_mobile{
		display:none;
	}
	
	/* header contentseiten :: start */
	
		.bgdiv_con_100_header_con{
			display:inline;
			position:relative;
			height:220px;
			background-repeat:no-repeat;
			background-position:top center;
			background-size:cover;
			border-top:none;
			margin:-170px 0 0 0;
		}
		
			.header_con_abdecker{
				float:left;
				display:inline;
				position:relative;
				height:100%;
				width:100%;
				background-color:rgba(0,0,0,0);
				padding:0 0 0 0;
			}
	
			.box_icons{
				width:456px;
				height:75px;
				margin:100px 0 0 0;
				text-align:right;
				overflow:hidden;
			}
			
				.box_icons img{
					width:300px;
					max-height:75px;
				}
			
			.box_headline{
				width:auto;
				margin:230px 0 0 0;
			}
			
	/* header contentseiten :: ende */
	
	
	/* slider startseite :: start */
	
		.bgdiv_con_100_header_slider{
			display:block;
			height:900px;
			margin-top:-170px;
			border-top:0;
			width:100%;
			float:left;
		}
		
			
		
			.bgdiv_slider{
				width:100%;
				height:900px;
				float:left;
				display:inline;
				position:relative;
				background-position:top center;
				background-repeat:no-repeat;
				background-size:cover;
				overflow:hidden;
			}
			
			.slider_abdecker{
				float:left;
				display:inline;
				position:relative;
				height:100%;
				width:100%;
				background-image:url(../images/header_overlay.png);
				background-size:cover;
				background-repeat:no-repeat;
				background-position:top left;
			}
			
		
			.rslides {
			  display:inline;
			  position: relative;
			  list-style: none;
			  overflow: hidden;
			  width: 100%;
			  height:900px;
			  padding: 0;
			  margin: 0;
			  }

			.rslides li {
			  -webkit-backface-visibility: hidden;
			  position: absolute;
			  display: none;
			  width: 100%;
			  left: 0;
			  top: 0;
			  margin:0;
			  padding:0;
			  }

			.rslides li:first-child {
			  position: relative;
			  display: block;
			  float: left;
			  }

			 /*
			.rslides img {
			  display: block;
			  height: auto;
			  float: left;
			  width: 100%;
			  border: 0;
			  }
			 */
			 
			
			.rslides_navi_pos{
				margin:-80px 0 0 0;
				z-index:900;
				display:block;
			}
		
		.bg_slogan{
			display:block;
			position:absolute;
			margin:0 0 0 0;
			padding:0 0 0 0;
			text-align:left;
			color:#323232;
			width:610px;
			top:260px;
		}
		
		.bg_slogan_pic{
			display:block;
			position:absolute;
			float:right;
			/*margin:230px 0 0 0;*/
			padding:0 0 0 0;
			text-align:right;
			color:#323232;
			width:1200px;
			bottom:410px;
		}
		
			.bg_slogan_pic img{
				max-width:580px;
				max-height:500px;
			}
			
		
		
	
	/* slider startseite :: ende */
	
	
	/* keyfacts - produktteaser - welcome :: start */
	
		.bgdiv_con_100_produktteaser{
			background-image:url(../images/bg_teaser_produkte.gif);
			background-position:center top;
			background-repeat:repeat-y;
			margin:-280px 0 0 0;
			z-index:900;
			
			display:inline;
		}
		
		
			.produkt_teaser{
				width:745px;
				height:455px;
				padding:0 0 0 0;
				box-sizing:border-box;
			}
			
				.produkt_teaser_box{
					box-sizing:border-box;
					width:225px;
					height:313px;
					border:1px solid #d1d1d1;
					margin:0 0 0 18px;
					overflow:hidden;
					text-align:center;
					cursor:pointer;
				}
				
					.produkt_teaser_box img{
						max-width:223px;
						height:311px;
					}
					
					.produkt_teaser_lupe{
						width:40px;
						height:40px;
						display:inline;
						background-image:url(../images/icon_lupe_01.png);
						background-position:center top;
						background-repeat:no-repeat;
						margin:-40px 0 0 0;
					}
					
					.produkt_teaser_abdecker{
						width:223px;
						height:311px;
						display:none;
						background-image:url(../images/bg_abdecker_zoom.png);
						background-position:right bottom;
						background-repeat:no-repeat;
						margin:-311px 0 0 0;
						padding:130px 0 0 0;
						text-align:center;
						color:#ffffff;
						box-sizing:border-box;
					}
					
						h4.h4_teaser{ font-size:24px; line-height:26px; }
					
				
					.produkt_teaser_box:hover .produkt_teaser_abdecker{
						display:inline;
					}
					
					.produkt_teaser_box:hover .produkt_teaser_lupe{
						display:none;
					}
					
					
		
		
			.bgdiv_keyfacts{
				display:block;
				width:410px;
				padding:60px 60px 80px 80px;
				margin:-455px 0 0 0;
				background-color:#2e3541;
				box-sizing:border-box;
				z-index:950;
				min-height:475px;
			}
			
				.keyfact{
					font-size:24px;
					line-height:30px;
					color:#ffffff;
					clear:both;
					width:100%;
					margin:0 0 0 0;
				}
			
				.keyfacts_wert{
					font-size:50px;
					line-height:56px;
					font-weight:bold;
				}
				
				.keyfacts_trenner{
					display:block;
					clear:both;
					width:100%;
					height:2px;
					background-image:url(../images/keyfacts_trenner.gif);
					background-repeat:no-repeat;
					background-position:left top;
					margin:33px 0 27px 0;
				}
	
		.welcome_txt{
			float:right;
			width:713px;
			padding:60px 0 60px 0;
		}
	
	/* keyfacts - produktteaser - welcome :: ende */
	
	
	
	/* content bühne :: start */
	
		.sp_50p_buehne{
			width:454px;
			height:297px;
			overflow:hidden;
			border:0px solid #e3e3e3;
			float:right;
			margin:0 0 0 0;
		}
		
		.sp_50p_buehne_txt{
			width:704px;
			float:left;
		}
					
		.jcarousel-wrapper-buehne {
			width:454px;
			height:297px;
		}

			.buehne_table{
				width:454px;
				height:297px;
			}
			
			.buehne_resize_width{
				width:454px;
			}
			
			.buehne_resize_height{
				height:297px;
			}
			
			
			.iframe_buehne{
				width:464px;
				height:297px;
			}
			
		
		.jcarousel-control-prev_buehne,
		.jcarousel-control-next_buehne	{
			position: absolute;
			top:227px;
			width: 40px;
			height: 40px;
		}

		.jcarousel-control-prev_buehne {
			right:60px;
			background-image:url(../images/icon_arrow_left_rot.png);
			background-repeat:no-repeat;
		}

		.jcarousel-control-next_buehne {
			right: 10px;
			background-image:url(../images/icon_arrow_right_rot.png);
			background-repeat:no-repeat;
		}
	
	/* content bühne :: ende */
	
	
	
	/* galery slider :: start */
	
	.jcarousel-wrapper-gal {
		width:100vw;
		height:475px;
		padding:0 0 0 0;
		margin:0 0 0 0;
	}
	
	
		
		.jcarousel-wrapper-gal img{
			height:475px;
			width:auto;
		}
		
		
			.jcarousel-control-next-gal{
				top:330px;
				z-index:800;
			}
		
			.jcarousel-control-prev-gal {
			
				top:410px;
				z-index:800;
			}
			
			.jcarousel-control-prev-gal {
				background-image:url(../images/icon_arrow_left_gal.png);
				left:-80px;
			}

			.jcarousel-control-next-gal {
				background-image:url(../images/icon_arrow_right_gal.png);
				left:-80px;
			}
			
			
			
			
	.jcarousel-wrapper-marken {
		width:713px;
		height:90px;
		padding:0 0 0 0;
		margin:0 0 0 0;
	}
	
	
		
		.jcarousel-wrapper-marken img{
			max-height: 90%;  
			max-width: 90%; 
			width: auto;
			height: auto;
			position: absolute;  
			top: 0;  
			bottom: 0;  
			left: 0;  
			right: 0;  
			margin: auto;
			-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
			filter: grayscale(100%);
		}
		
		
			.jcarousel-control-prev-marken,
			.jcarousel-control-next-marken {
			
				top:-46px;
				z-index:800;
			}
			
			.jcarousel-control-prev-marken {
				background-image:url(../images/icon_arrow_left_gal.png);
				right:30px;
			}

			.jcarousel-control-next-marken {
				background-image:url(../images/icon_arrow_right_gal.png);
				right:0px;
			}
			
			.box_marken{
				width:206px;
				height:100px;
				border:0px solid #dcdcdc;
				overflow:hidden;
				margin:0 40px 0 0;
			}
	
		.box_marken_pic{
			width:208px;
			height:100px;
			overflow:hidden;
			text-align:center;
			vertical-align:middle;
		}
		
		.jcarousel li {
			margin:0 0 5px 0;
		}
	
	.box_gal{
		width:355px;
		height:470px;
		border:0px solid #dcdcdc;
		overflow:hidden;
		margin:0 40px 0 0;
	}
	
		.box_gal_pic{
			width:355px;
			height:470px;
			overflow:hidden;
			background-color:#ffffff;
			text-align:center;
		}
		
		
		.box_gal_hover{
			width:355px;
			height:470px;
			margin:-470px 0 0 0;
			background-color:rgba(45,45,45,0.4);
			display:inline;
		}
		
		.box_gal:hover .box_gal_hover{
			display:inline;
			background-color:rgba(45,45,45,0.8);
		}
	
	/* galery slider :: ende */
	
	
	
	/* footer :: start */
	
		
		.bgdiv_con_100_testimonials{
			display:inline;
			height:710px;
			background-color:#f5f5f5;
		}
	
			.testimonial_rahmen{
				float:right;
				display:inline;
				width:410px;
				height:710px;
				background-color:#3C3C3C;
				box-sizing:border-box;
				padding:80px 80px 80px 80px;
				z-index:500;
				color:#ffffff;
			}
				
				
			/*slider testimonial :: start */
			
				.jcarousel-wrapper-testimonial {
					display:inline;
					width:100%;
					height:335px;
					padding:0 0 0 0;
					margin:0 0 0 0;
				}
				
					.testimonial_txt{
						width:250px;
						height:391px;
						color:#ffffff;
					}
					
						.testimonial_txt p{
							color:#ffffff;
						}
						
						.testimonial_kunde{
							color:#ffffff;
							font-weight:bold;
							box-sizing:border-box;
							width:250px;
							padding:0 0 0 10px;
							background-image:url(../images/bg_testimonial.gif);
							background-repeat:no-repeat;
							background-position:left center;
						}
				
					
						.jcarousel-control-prev-testimonial,
						.jcarousel-control-next-testimonial {
						
							top:300px;
							z-index:800;
							width:25px;
							height:25px;
						}
						
						.jcarousel-control-prev-testimonial {
							background-image:url(../images/icon_left.svg);
							right:243px;
						}

						.jcarousel-control-next-testimonial {
							background-image:url(../images/icon_right.svg);
							right:180px;
						}
			
			/*slider testimonial :: ende */
			
			
		
		
		.rahmen_cta{
			margin-top:-710px;
		}
		
			.bgdiv_con_100_pic_footer{
				display:inline;
				height:470px;
				background-repeat:no-repeat;
				background-position:center top;
				background-size:cover;
			}
			
				.bgdiv_con_100_pic_footer_abdecker{
					display:inline;
					width:100%;
					height:100%;
					background-image:url(../images/bg_abdecker_footer.png);
					background-repeat:repeat-y;
					background-position:center top;
				}
		
		
			.cta_txt{
				display:inline;
				width:713px;
				padding:60px 0 0 0;
			}
			
			.cta_adresse{
				display:inline;
				width:713px;
				padding:0 0 60px 0;
			}
		
		
		.footer_z1_copy{
			font-size:15px;
			color:#ffffff;
			margin:15px 0 0 0;
		}
		
		.footer_z1_links{
			display:inline;
			font-size:15px;
			color:#ffffff;
			margin:15px 0 0 0;
			text-align:right;
		}
	
	/* footer :: ende */
	
	
	
	
}



@media only screen  and (min-width : 1220px) and (max-width : 1687px) {
	
	.logo_zert{
		margin:160px 180px 0 0;
	}
	
	.margin_phone{
		margin-left:0; margin-right:0;
	}
	
}


.no_padding_top{
	padding-top:0px;
}

.padding_top_10{
	padding-top:10px;
}

.padding_top_20{
	padding-top:20px;
}

.padding_top_40{
	padding-top:40px;
}

.no_padding_bottom{
	padding-bottom:0px;
}

.padding_bottom_20{
	padding-bottom:20px;
}

.padding_bottom_40{
	padding-bottom:40px;
}

.no_margin_left{
	margin-left:0px;
}

.no_margin_top{
	margin-top:0px;
}

.margin_top_10{
	margin-top:10px;
}

.margin_top_20{
	margin-top:20px;
}

.margin_top_30{
	margin-top:30px;
}

.margin_top_40{
	margin-top:40px;
}

.margin_top_m100{
	margin-top:-100px;
}

.margin_bottom_10{
	margin-bottom:10px;
}

.margin_bottom_20{
	margin-bottom:20px;
}

.margin_bottom_40{
	margin-bottom:40px;
}

.margin_left_10{
	margin-left:10px;
}

.margin_left_20{
	margin-left:20px;
}

.margin_right_10{
	margin-right:10px;
}

.margin_right_20{
	margin-right:20px;
}