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

@media only screen and (min-width: 1225px){
	
	h1{ font-size:39px; line-height:56px; }

	h2.h2_h1{ font-size:39px; line-height:56px; }
	h2.h2_h1_weiss{ font-size:39px; line-height:56px; }

	h2.h2_slider{ font-size:70px; line-height:80px; }


	h3{ font-size:26px; line-height:34px; }
	h3.h3_accordeon{ padding: 15px 0 10px 73px; }
	
	h4{ font-size:26px; line-height:34px; }
	h4.h4_mb{ font-size:26px; line-height:34px; }
	
	
	a.nav_top_01:link, a.nav_top_01:visited, a.nav_top_01:hover, a.nav_top_01:active {
		margin:0 0 0 20px;
	}

	a.nav_top_01_active:link, a.nav_top_01_active:visited, a.nav_top_01_active:hover, a.nav_top_01_active:active {
		margin:0 0 0 20px;
	}
	
	a.c_link_more_absolute:link, a.c_link_more_absolute:visited, a.c_link_more_absolute:hover, a.c_link_more_absolute:active {
		margin:15px 0 0 0;
		position:absolute;
		bottom:20px;
		left:0px;
	}
	
	.nav li:hover ul{
	  left:20px;
	}
	
	.nav_scroll li:hover ul{
	  left:20px;
	}
	
	
	/* navi :: start */

		.bgdiv_nav_top_z1,
		.bgdiv_nav_top_z2,
		.nav_scroll_bg{
			display:inline;
		}
		
	/* navi :: ende */
	
	
	
	/* slider startseite :: start */	
	
		video#bgvid { 
			display:inline;
			position:absolute;
			min-width: 100%;
			min-height: 100%;
			width:auto;
			height:auto;
			/* z-index: -100; */
			-ms-transform: translateX(-50%) translateY(-50%);
			-moz-transform: translateX(-50%) translateY(-50%);
			-webkit-transform: translateX(-50%) translateY(-50%);
			transform: translateX(-50%) translateY(-50%);
			background-size: cover; 
			top: 50%;
			left: 50%;
		}
	
		
		.bgdiv_header_slider{
			height:855px;
			margin:-169px 0 0 0;
		}
		
			
		
		.header_slider{
			float:left;
			display:inline;
			position:relative;
			width:100%;
			height:855px;
			background-repeat:no-repeat;
			background-position:center top;
			background-size:cover;
			margin:0 0 0 0;
			padding:0 0 0 0;
			overflow:hidden;
		}
		
			
		
			.header_slider_abdecker{
				float:left;
				display:inline;
				position:relative;
				width:100%;
				height:100%;
				background-image:url(../images/bg_abdecker_grau_50.png);
				background-repeat:repeat;
				background-position:left top;
			}
		
				.header_slider_infobox{
					float:left;
					display:inline;
					position:relative;
					width:580px;
					padding:0 0 0 0;
					margin:340px 0 0 0;
					padding:0 0 0 0;
					box-sizing:border-box;
				}
				
					.header_slider_links{
						float:left;
						display:inline;
						position:relative;
						width:100%;
						margin:32px 0 0 0;
					}	
				
			
			
			.rslides {
			  position: relative;
			  list-style: none;
			  overflow: hidden;
			  width: 100%;
			  height:855px;
			  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:-112px 0 0 0;
				padding:0 0 0 0;
				z-index:900;
				width:100%;
				display:block;
				float:left;
			}
			
			.callbacks_nav {
			  float:left;
			  z-index: 3;
			  text-indent: -9999px;
			  overflow: hidden;
			  text-decoration: none;
			  height: 32px;
			  margin:0 0 0 0;
			  }


			.callbacks_nav.next {
			    background-position: right top;
			    background-image:url(../images/ui_icon_arrow_right.png);
				width: 20px;
				float:right;
				right:0px;
				left:auto;
				position:absolute;
			  }
			  
			.callbacks_nav.prev {
			  background-position: right top;
			  background-image:url(../images/ui_icon_arrow_left.png);
			  width: 20px;
			  float:right;
			  right:40px;
			  left:auto;
			  position:absolute;
			  }
				
	/* slider startseite :: ende */
	
	
	/* keyfacts :: start */
	
		.keyfacts_rahmen{
			float:left;
			display:inline;
			position:relative;
			width:100%;
			overflow:hidden;
			margin:40px 0 0 0;
			padding:0 0 0 0;
		}
		
			
			.keyfacts_box{
				float:left;
				display:inline;
				position:relative;
				width:270px;
				margin:0 40px 40px 0;
				padding:0 0 0 0;
				cursor:pointer;
			}
			
				.keyfacts_box1{ }
				.keyfacts_box2{ margin:0 0 40px 0; }
				.keyfacts_box3{ clear:both; }
				.keyfacts_box4{ margin:0 0 40px 0; }
			
			.keyfacts_box:hover .h3_keyfacts{
				color:#009fe3;
			}
			
			.keyfacts_box:hover .c_link_keyfacts {
				animation: pulse_arrow_keyfacts 0.7s 1;
				color:#009fe3;
			}
	
	/* keyfacts :: ende */
	
	/* teaserboxen carousel geschäftsbereiche :: start */
	
		.bg_teaserbox_leistungen{
			float:left;
			display:inline;
			position:relative;
			width:270px;
			height:200px;
			box-sizing:border-box;
			margin:0 40px 0 0;
			padding:0 0 0 0;
			cursor:pointer;
			background-repeat:no-repeat;
			background-position:top center;
			background-size:cover;
		}
		
			
			.teaserbox_leistungen_mask{
				float:left;
				display:inline;
				position:relative;
				width:100%;
				height:200px;
				/* border:1px solid #e6e6e6; */
				box-sizing:border-box;
				background-image:url(../images/bg_abdecker_grau_70.png);
				background-repeat:repeat;
				background-position:center center;
				margin:0 0 0 0;
				padding:0 0 0 0;
				-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;
				cursor:pointer;
			}
			
				.teaserbox_leistungen_info{
					float:left;
					display:inline;
					position:absolute;
					width:100%;
					bottom:20px;
					text-align:center;
				}
			
		
			.bg_teaserbox_leistungen:hover .teaserbox_leistungen_mask{
				background-image:url(../images/bg_abdecker_blau_70.png);
				-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;
			}
		
	
		.jcarousel-wrapper-leistungen {
			width:1200px;
			height:200px;
			padding:0 0 0 0;
			margin:40px 0 40px 0;
		}
		
			/*
				.jcarousel-control-prev-leistungen,
				.jcarousel-control-next-leistungen {
					width:40px;
					height:40px;
					top:535px;
					z-index:999;
					background-position:center center;
					background-repeat:no-repeat;
				}
				
				.jcarousel-control-prev-leistungen {
					background-color:#53585a;
					background-image:url(../images/ui_icon_arrow_left_slider.png);
					left:207px;
					right:auto;
				}

				.jcarousel-control-next-leistungen {
					background-color:#ffffff;
					background-image:url(../images/ui_icon_arrow_right_slider.png);
					left:247px;
					right:auto;
				}
			*/
				
				.jcarousel-pagination-leistungen {
					position: absolute;
					float:left;
					display:inline;
					bottom: -80px;
					left: 0px;
					width:100%;
					text-align:center;
				}

				.jcarousel-pagination-leistungen a {
					text-decoration: none;
					display: inline-block;
					font-size: 1px;
					line-height: 1px;
					min-width: 14px;
					width:60px;
					height:5px;
					background: #ffffff;
					color: #ffffff;
					padding: 0px;
					text-align: center;
					margin:0 10px 20px 10px;
					border: 0px solid #ffffff;
				}

				.jcarousel-pagination-leistungen a.active {
					background: #009fe3;
					color: #009fe3;
					border: 0px solid #009fe3;
				}
			
			.jcarousel li {
				margin:0 0 5px 0;
			}
	
	/* teaserboxen carousel geschäftsbereiche :: ende */
	
	
	/* carousel referenzen :: start */
	
		.jcarousel-wrapper-referenzen {
			width:1200px;
			height:275px;
			padding:0 0 0 0;
			margin:40px 0 40px 0;
		}
		
				
				.jcarousel-pagination-referenzen {
					position: absolute;
					float:left;
					display:inline;
					top: 300px;
					left: 0px;
					width:100%;
					text-align:center;
				}

				.jcarousel-pagination-referenzen a {
					text-decoration: none;
					display: inline-block;
					font-size: 1px;
					line-height: 1px;
					min-width: 14px;
					width:60px;
					height:5px;
					background: #ffffff;
					color: #ffffff;
					padding: 0px;
					text-align: center;
					margin:0 10px 20px 10px;
					border: 0px solid #ffffff;
				}

				.jcarousel-pagination-referenzen a.active {
					background: #009fe3;
					color: #009fe3;
					border: 0px solid #009fe3;
				}
			
			.jcarousel li {
				margin:0 0 5px 0;
			}
	
	/* carousel referenzen :: ende */
	
	/* vorschauboxen gesellschaften :: start */
	
		.bg_teaserbox_gesellschaften{
			float:left;
			display:inline;
			position:relative;
			width:270px;
			height:240px;
			box-sizing:border-box;
			margin:0 40px 40px 0;
			padding:0 0 0 0;
			border-bottom:1px solid #c8c8c8;
			cursor:pointer;
		}
		
			.bg_teaserbox_gesellschaften:hover .c_link_more_absolute{
				animation: pulse_arrow_link_more 0.7s 1;
				color: #009fe3;
			}
			
			.bg_teaserbox_gesellschaften:hover .h3_small{
				color: #009fe3;
			}
	
	/* vorschauboxen gesellschaften :: ende */
	
	/* 3er-boxen :: start */
	
		.infobox_3er_rahmen{
			float:left;
			display:inline;
			position:relative;
			width:373px;
			height:auto;
			box-sizing:border-box;
			overflow:hidden;
			margin:0 40px 0 0;
			padding:0 0 0 0;
		}
		
			.infobox_3er_pic{
				float:left;
				display:inline;
				position:relative;
				width:100%;
				height:164px;
				overflow:hidden;
				margin:0 0 23px 0;
				padding:0 0 0 0;
				text-align:center;
			}
			
				.infobox_3er_pic img{
					width:100%;
				}
			
				
			
			.infobox_3er_info{
				float:left;
				display:inline;
				position:relative;
				width:100%;
				box-sizing:border-box;
				margin:0 0 0 0;
				padding:0 0 0 0;
			}
	
	/* 3er-boxen :: ende */
	
	
	/* 2er-boxen :: start */
	
		.infobox_2er_rahmen{
			float:left;
			display:inline;
			position:relative;
			width:580px;
			height:auto;
			box-sizing:border-box;
			overflow:hidden;
			margin:0 40px 0 0;
			padding:0 0 0 0;
		}
		
			.infobox_2er_rahmen_karriere{
				height:240px;
				margin:0 40px 40px 0;
				padding:0 0 0 0;
				border-bottom:1px solid #c8c8c8;
			}
		
			.infobox_2er_pic{
				float:left;
				display:inline;
				position:relative;
				width:100%;
				height:255px;
				overflow:hidden;
				margin:0 0 23px 0;
				padding:0 0 0 0;
				text-align:center;
			}
			
				.infobox_2er_pic img{
					width:100%;
				}
			
				
			
			.infobox_2er_info{
				float:left;
				display:inline;
				position:relative;
				width:100%;
				box-sizing:border-box;
				margin:0 0 0 0;
				padding:0 0 0 0;
			}
			
				.infobox_2er_info_karriere{
					width:100%;
					margin:0 0 0 0;
					cursor:pointer;
				}
				
					.infobox_2er_info_karriere:hover .c_link_more{
						animation: pulse_arrow_link_more 0.7s 1;
						color: #009fe3;
					}
	
	/* 3er-boxen :: ende */
	
	/* team :: start */
	
		.teambox_rahmen{
			float:left;
			display:inline;
			position:relative;
			width:373px;
			height:auto;
			margin:0 40px 40px 0;
			padding:0 0 0 0;
		}
		
		
			.teambox_pic{
				float:left;
				display:inline;
				position:relative;
				width:373px;
				height:250px;
				overflow:hidden;
				text-align:center;
				box-sizing:border-box;
				margin:1px solid #c8c8c8;
				margin:0 0 20px 0;
			}
			
				.teambox_pic img{
					height:250px;
				}
			
			.teambox_info{
				float:left;
				display:inline;
				position:relative;
				width:100%;
				height:180px;
			}
	
	/* team :: ende */
	
	/* startseite projekte :: start */
	
		.startseite_projekte_info{
			float:right;
			display:inline;
			position:relative;
			width:373px;
			margin:0 0 0 0;
			padding:0 0 0 0;
		}
		
		.startseite_projekte_slider{
			float:left;
			display:inline;
			position:relative;
			/* overflow:hidden; */
			width:787px;
			margin:0 0 0 0;
			padding:0 0 0 0;
			box-sizing:border-box;
		}
			
			.jcarousel-wrapper-projekte {
				width:787px;
				height:440px;
			}
			
			.jcarousel-control-prev_projekte,
			.jcarousel-control-next_projekte	{
				position: absolute;
				top:410px;
				width: 24px;
				height: 45px;
			}

			.jcarousel-control-prev_projekte {
				left:0px;
				right:auto;
				background-image:url(../images/ui_icon_arrow_left.png);
				background-repeat:no-repeat;
				background-position:center center;
			}

			.jcarousel-control-next_projekte {
				right:0px;
				left:auto;
				background-image:url(../images/ui_icon_arrow_right.png);
				background-repeat:no-repeat;
				background-position:center center;
			}
			
				.jcarousel li {
					margin:0 0 0 0;
				}

	
	/* startseite projekte :: start */
	
	/* teaserbox projekte :: start */
	
		.projektbox_rahmen{
			float:left;
			display:inline;
			position:relative;
			width:373px;
			height:370px;
			box-sizing:border-box;
			overflow:hidden;
			margin:0 40px 40px 0;
			padding:0 0 0 0;
			background-color:#ffffff;
			cursor:pointer;
		}
		
			.projektbox_pic{
				float:left;
				display:inline;
				position:relative;
				width:100%;
				height:253px;
				overflow:hidden;
				margin:0 0 0 0;
				padding:0 0 0 0;
				background-position:top center;
				background-size:cover;
			}
			
				.projektbox_marker_gruen{
					display:block;
					position:absolute;
					bottom:0px;
					width:120px;
					height:44px;
					background-image:url(../images/ui_marker_dreieck_gruen.png);
					background-position:top left;
					background-size:cover;
				}
				
				.projektbox_marker_rot{
					display:block;
					position:absolute;
					bottom:0px;
					width:120px;
					height:44px;
					background-image:url(../images/ui_marker_dreieck_rot.png);
					background-position:top left;
					background-size:cover;
				}
				
				.projektbox_marker_blau{
					display:block;
					position:absolute;
					bottom:0px;
					width:120px;
					height:44px;
					background-image:url(../images/ui_marker_dreieck_blau.png);
					background-position:top left;
					background-size:cover;
				}
				
			.projektbox_mask{
				float:left;
				display:inline;
				position:relative;
				width:100%;
				height:253px;
				overflow:hidden;
				margin:-253px 0 0 0;
				padding:0 0 0 0;
				background-image:url(../images/bg_abdecker_link.png);
				background-position:center center;
				opacity: 0;
				-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;
			}
			
			.projektbox_info{
				float:left;
				display:inline;
				position:relative;
				width:100%;
				box-sizing:border-box;
				margin:0 0 0 0;
				padding:15px 20px 15px 20px;
			}
			
		.projektbox_rahmen:hover .projektbox_mask{
			opacity: 1;
			-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;
		}
		
		.projektbox_rahmen:hover .h3_gruen{
			color:#007e4b;
		}
		
		.projektbox_rahmen:hover .h3_rot{
			color:#be1522;
		}
		
		.projektbox_rahmen:hover .h3_blau{
			color:#334c96;
		}
	
	/* teaserbox projekte :: ende */
	
	/* footer :: start */
	
		.bgdiv_con_100_footer{
			float:left; position:relative; display:inline; width:100%; margin:0 0 0 0; padding:20px 0 20px 0; background-color:#009fe3;
		}
		
			.footer_adresse{
				float:left;
				display:inline;
				position:relative;
				color:#ffffff;
				width:auto;
				margin:0 0 0 0;
				padding:0 0 0 0;
				clear:none;
			}
		
			.footer_links{
				float:right;
				display:inline;
				position:relative;
				color:#ffffff;
				width:auto;
				margin:0 0 0 0;
				padding:0 0 0 0;
			}
			
			.footer_tuev{
				float:right;
				display:inline;
				position:relative;
				color:#ffffff;
				width:auto;
				margin:0 0 0 0;
				padding:0 0 0 0;
			}
		
	/* footer :: ende */
	
	
	/* header contentseiten :: start */
	
		.bgdiv_header{
			height:460px;
			background-repeat:no-repeat;
			background-position:top center;
			background-size:cover;
			margin:-169px 0 0 0;
		}
		
			.header_abdecker{
				float:left;
				display:inline;
				position:relative;
				width:100%;
				height:100%;
				background-image:url(../images/bg_abdecker_grau_50.png);
				background-repeat:repeat;
				background-position:left top;
			}
			
	
	/* header contentseiten :: ende */
	
	
	
	
	
	
	
	
	
	
	/* contentbereich :: start */
	
		/* content bühne :: start */
	
			.sp_50p_buehne{
				width:580px;
				height:385px;
				overflow:hidden;
				float:right;
				margin:0 0 0 0;
				border:1px solid #c8c8c8;
				box-sizing:border-box;
			}
			
			.sp_50p_buehne_txt{
				width:580px;
				float:left;
			}
			
						
			.jcarousel-wrapper-buehne {
				width:578px;
				height:385px;
			}

				.buehne_table{
					width:580px;
					height:385px;
					background-color:#ffffff;
				}
				
				.buehne_resize_width{
					width:580px;
				}
				
				.buehne_resize_height{
					height:385px;
				}
				
				
				.iframe_buehne{
					width:580px;
					height:385px;
				}
			
			.jcarousel-control-prev_buehne,
			.jcarousel-control-next_buehne	{
				position: absolute;
				top:325px;
				width: 40px;
				height: 40px;
			}

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

			.jcarousel-control-next_buehne {
				left:auto;
				right: 20px;
				background-image:url(../images/ui_icon_arrow_right_buehne.png);
				background-repeat:no-repeat;
			}
			
			
			.sp_50p_buehne_23{
				width:787px;
				height:525px;
				overflow:hidden;
				float:right;
				margin:0 0 0 0;
				border:1px solid #c8c8c8;
				box-sizing:border-box;
			}
			
			.sp_50p_buehne_txt_13{
				width:373px;
				float:left;
			}
			
						
			.jcarousel-wrapper-buehne_23 {
				width:785px;
				height:523px;
			}

				.buehne_table_23{
					width:785px;
					height:523px;
				}
				
				.buehne_resize_width_23{
					width:785px;
				}
				
				.buehne_resize_height_23{
					height:523px;
				}
				
				
				.iframe_buehne_23{
					width:785px;
					height:523px;
				}
				
			
			.jcarousel-control-prev_buehne_23,
			.jcarousel-control-next_buehne_23	{
				position: absolute;
				top:448px;
				width: 40px;
				height: 55px;
			}

			.jcarousel-control-prev_buehne_23 {
				left:20px;
				right:auto;
				background-image:url(../images/ui_icon_arrow_left_buehne.png);
				background-repeat:no-repeat;
			}

			.jcarousel-control-next_buehne_23 {
				right: 20px;
				left:auto;
				background-image:url(../images/ui_icon_arrow_right_buehne.png);
				background-repeat:no-repeat;
			}
			
				.jcarousel li {
					margin:0 0 0 0;
				}
			
			.anleser{
				border-bottom:1px solid #dcdcdc;
				padding:0 0 0 0;
				font-size:20px;
				line-height:28px;
			}
			
				.anleser p{
					font-size:20px;
					line-height:28px;
				}
		
		/* content bühne :: ende */
		
			
	/* contentbereich :: ende */
	
	
	
	/* content extra :: start */
	
		.con_extra_sp1{
			width:50%;
			box-sizing:border-box;
			padding:0 20px 0 0;
		}
		
		.con_extra_sp2{
			width:50%;
			box-sizing:border-box;
			padding:0 0 0 20px;
		}
		
		
		
		.jcarousel-wrapper-buehne_13 {
			width:370px;
			height:247px;
			margin:0 0 0 0;
			border:1px solid #c8c8c8;
			box-sizing:border-box;
			overflow:hidden;
		}

			.buehne_table_13{
				width:370px;
				height:247px;
				border:0px solid #c8c8c8;
			}
			
			.buehne_resize_width_13{
				width:370px;
			}
			
			.buehne_resize_height_13{
				height:247px;
			}
			
		
		.jcarousel-control-prev_buehne_13,
		.jcarousel-control-next_buehne_13	{
			position: absolute;
			top:189px;
			width: 40px;
			height: 40px;
		}

		.jcarousel-control-prev_buehne_13 {
			left:auto;
			right:70px;
			background-image:url(../images/ui_icon_arrow_left_buehne.png);
			background-repeat:no-repeat;
		}

		.jcarousel-control-next_buehne_13 {
			right:20px;
			left:auto;
			background-image:url(../images/ui_icon_arrow_right_buehne.png);
			background-repeat:no-repeat;
		}
		
			.jcarousel li {
				margin:0 0 0 0;
			}
	
	/* content extra :: ende */
	
	/* content extra hintergrundbild 100% :: start */
	
		.con_extra_100{
			float:left;
			position:relative;
			display:table;
			width:100%;
			margin:0 0 0 0;
			padding:0 0 0 0;
		}
		
			.con_extra_row{
				float:left;
				position:relative;
				display:table-row;
				width:100%;
				margin:0 0 0 0;
				padding:0 0 0 0;
				overflow:hidden;
			}
		
				
				.con_extra_bgpic_links{
					float:left;
					display:table-cell;
					position:absolute;
					width:50%;
					height:100%;
					top:0;
					bottom:0;
					left:-227px;
					box-sizing:border-box;
					background-repeat:no-repeat;
					background-position:top right;
					background-size:cover;
					margin:auto;
				}
				
				.con_extra_bgpic_text_rechts{
					float:right;
					display:table-cell;
					position:relative;
					width:50%;
					margin:0 0 0 0;
					padding:100px 0 100px 0;
				}
				
					.con_extra_bgpic_text_inner_rechts{
						float:left;
						display:inline;
						position:relative;
						margin:0 0 0 -187px;
						width:787px;
					}
					
					
				.con_extra_bgpic_rechts{
					float:right;
					display:table-cell;
					position:absolute;
					width:50%;
					height:100%;
					top:0;
					bottom:0;
					right:-227px;
					box-sizing:border-box;
					background-repeat:no-repeat;
					background-position:top left;
					background-size:cover;
					margin:auto;
				}
				
				.con_extra_bgpic_text_links{
					float:left;
					display:table-cell;
					position:relative;
					width:50%;
					margin:0 0 0 0;
					padding:100px 0 100px 0;
				}
					
					.con_extra_bgpic_text_inner_links{
						float:right;
						display:inline;
						position:relative;
						margin:0 -187px 0 0;
						width:787px;
					}
	
				.con_extra_bgpic_text_inner_sp1{
					float:left;
					display:inline;
					position:relative;
					margin:0 40px 0 0;
					width:373px;
				}
				
				.con_extra_bgpic_text_inner_sp2{
					float:left;
					display:inline;
					position:relative;
					margin:0 0 0 0;
					width:373px;
				}
	
	
	/* content extra hintergrundbild 100% :: ende */
	
	
	/* content extra hitergrundbbild 100% 50-50 teilung :: start */
	
		.con_extra_50_50{
			float:left;
			position:relative;
			display:table;
			width:100%;
			margin:0 0 0 0;
			padding:0 0 0 0;
			background-color:#ffffff;
		}
		
		.con_extra_50_50_grau{
			float:left;
			position:relative;
			display:table;
			width:100%;
			margin:0 0 0 0;
			padding:0 0 0 0;
			background-color:#f5f5f5;
		}
		
			.con_extra_50_50_row{
				float:left;
				position:relative;
				display:table-row;
				width:100%;
				margin:0 0 0 0;
				padding:0 0 0 0;
			}
		
				
				.con_extra_50_50_bgpic_links{
					float:left;
					display:table-cell;
					position:absolute;
					width:50%;
					height:100%;
					top:0;
					bottom:0;
					left:0;
					box-sizing:border-box;
					background-repeat:no-repeat;
					background-position:top right 20px;
					background-size:cover;
				}
				
					.con_extra_50_50_bgpic_links_abdecker{
						float:left;
						display:inline;
						position:relative;
						width:100%;
						height:100%;
						background-image:url(../images/bg_abdecker_grau_50.png);
						background-repeat:no-repeat;
						background-size:cover;
						background-position:top right 20px;
					}
				
				.con_extra_50_50_bgpic_rechts{
					float:right;
					display:table-cell;
					position:absolute;
					width:50%;
					height:100%;
					top:0;
					bottom:0;
					right:0;
					box-sizing:border-box;
					background-repeat:no-repeat;
					background-position:top left 20px;
					background-size:cover;
				}
				
					.con_extra_50_50_bgpic_rechts_abdecker{
						float:left;
						display:inline;
						position:relative;
						width:100%;
						height:100%;
						background-image:url(../images/bg_abdecker_grau_50.png);
						background-repeat:no-repeat;
						background-size:cover;
						background-position:top left 20px;
					}
				
				.con_extra_50_50_text_rechts{
					float:right;
					display:table-cell;
					position:relative;
					width:50%;
					margin:0 0 0 0;
					padding:100px 0 100px 0;
				}
				
					.con_extra_50_50_text_rechts_inner{
						float:left;
						display:inline;
						position:relative;
						margin:0 0 0 20px;
						width:580px;
					}
					
				.con_extra_50_50_text_links{
					float:left;
					display:table-cell;
					position:relative;
					width:50%;
					margin:0 0 0 0;
					padding:100px 0 100px 0;
				}
				
					.con_extra_50_50_text_links_inner{
						float:right;
						display:inline;
						position:relative;
						margin:0 20px 0 0;
						width:580px;
					}
	
	/* content extra hitergrundbbild 100% 50-50 teilung :: ende */
	
	
	/* Accordion */

	.accordion {
		margin: 20px 0 0 0;
		padding:0 0 0 0;
		width:100%;
		box-sizing:border-box;
		color:#646460;
		font-size:18px;
		cursor:pointer;
		background-color:#f5f5f5;
	}
	
		.accordion_weiss {
			background-color:#ffffff;
		}
	
		.accordion_inner{
			width:100%;
			box-sizing:border-box;
			padding:0px 20px 0px 20px;
			background-color:#f5f5f5;
		}
			
			.accordion_inner_weiss {
				background-color:#ffffff;
			}
		
			.nicecon_sub_picbox_rechts{
				float:right;
				position:relative;
				display:inline;
				margin:0 0 40px 40px;
				box-sizing:border-box;
				border:1px solid #c8c8c8;
			}
			
			.nicecon_sub_picbox_links{
				float:left;
				position:relative;
				display:inline;
				margin:0 40px 40px 0;
				box-sizing:border-box;
				border:1px solid #c8c8c8;
			}
		
		
		.jcarousel-wrapper-accordion {
			width:370px;
			height:247px;
			margin:0 0 0 0;
			overflow:hidden;
		}

			.accordion_table{
				width:370px;
				height:247px;
				overflow:hidden;
				/* border:1px solid #c8c8c8; */
			}
			
			.accordion_resize_width{
				width:370px;
			}
			
			.accordion_resize_height{
				height:247px;
			}
			
		
		.jcarousel-control-prev_accordion,
		.jcarousel-control-next_accordion	{
			position: absolute;
			top:189px;
			width: 40px;
			height: 40px;
		}

		.jcarousel-control-prev_accordion {
			left:auto;
			right:70px;
			background-image:url(../images/ui_icon_arrow_left_buehne.png);
			background-repeat:no-repeat;
		}

		.jcarousel-control-next_accordion {
			right:20px;
			left:auto;
			background-image:url(../images/ui_icon_arrow_right_buehne.png);
			background-repeat:no-repeat;
		}
		
			.jcarousel li {
				margin:0 0 0 0;
			}
		

	/* Ende Accordion */
	
	/* Accordion 1/4 */
	
	.accordion_14_rahmen{
		float:left;
		display:inline;
		position:relative;
		margin:0 40px 40px 0;
		width:360px;
	}
	
		.accordion_14_1{
			clear:none;
		}
		
		.accordion_14_2{
			clear:none;
		}
		
		.accordion_14_3{
			clear:none;
		}
		
		.accordion_14_4{
			clear:both;
		}

	.accordion_14 {
		/* margin: 20px 0 0 0; */
		margin:auto;
		padding:0 0 0 0;
		width:100%x;
		height:57px;
		/*overflow:hidden;
		box-sizing:border-box;*/
		color:#646460;
		font-size:18px;
		cursor:pointer;
		background-color:#f5f5f5;
	}
	
		.accordion_14_inner{
			width:100%;
			box-sizing:border-box;
			padding:0px 20px 20px 20px;
			background-color:#f5f5f5;
		}
			
			

	/* Ende Accordion 1/4 */
	
	/* galery slider :: start */
	
	.jcarousel-wrapper-gal {
		width:1200px;
		height:180px;
		padding:0 0 0 0;
		margin:0 0 0 0;
	}
	
	
		
		.jcarousel-wrapper-gal img{
			height:159px;
			width:auto;
		}
		
		
			.jcarousel-control-prev-gal,
			.jcarousel-control-next-gal {
				width:12px;
				height:20px;
				top:-41px;
				z-index:800;
			}
			
			.jcarousel-control-prev-gal {
				background-image:url(../images/ui_icon_arrow_left_gal.png);
				left:auto;
				right:30px;
			}

			.jcarousel-control-next-gal {
				background-image:url(../images/ui_icon_arrow_right_gal.png);
				right:0px;
				left:auto;
			}
		
		.jcarousel li {
			margin:0 0 5px 0;
		}
	
	.box_gal{
		width:206px;
		height:154px;
		border:1px solid #c8c8c8;
		overflow:hidden;
		margin:0 40px 40px 0;
		box-sizing:border-box;
	}
	
		.box_gal_pic{
			width:208px;
			height:154px;
			overflow:hidden;
			background-color:#ffffff;
			text-align:center;
		}
		
			.box_gal_pic img{
				height:154px;
			}
		
		
		.box_gal_hover{
			width:206px;
			height:154px;
			margin:-154px 0 0 0;
			background-image:url(../images/bg_abdecker_zoom.png);
			background-repeat:no-repeat;
			background-position:center center;
			display:none;
		}
		
		.box_gal:hover .box_gal_hover{
			display:inline;
		}
	
	/* galery slider :: ende */
	
	
	/* galery slider accordion :: start */
	
	.jcarousel-wrapper-gal-accordion {
		width:1160px;
		height:180px;
		padding:0 0 0 0;
		margin:0 0 0 0;
	}
	
	
		
		.jcarousel-wrapper-gal-accordion img{
			height:133px;
			width:auto;
		}
		
		
			.jcarousel-control-prev-gal-accordion,
			.jcarousel-control-next-gal-accordion {
				width:12px;
				height:20px;
				top:-41px;
				z-index:800;
			}
			
			.jcarousel-control-prev-gal-accordion {
				background-image:url(../images/ui_icon_arrow_left_gal.png);
				left:auto;
				right:30px;
			}

			.jcarousel-control-next-gal-accordion {
				background-image:url(../images/ui_icon_arrow_right_gal.png);
				right:0px;
				left:auto;
			}
		
		.jcarousel li {
			margin:0 0 5px 0;
		}
	
	.box_gal_accordion{
		width:200px;
		height:133px;
		border:1px solid #c8c8c8;
		overflow:hidden;
		margin:0 40px 0 0;
	}
	
		.box_gal_pic_accordion{
			width:200px;
			height:133px;
			overflow:hidden;
			background-color:#ffffff;
			text-align:center;
		}
		
		
		.box_gal_hover_accordion{
			width:200px;
			height:133px;
			margin:-133px 0 0 0;
			background-image:url(../images/bg_abdecker_zoom.png);
			background-repeat:no-repeat;
			background-position:center center;
			display:none;
		}
		
		.box_gal_accordion:hover .box_gal_hover_accordion{
			display:inline;
		}
	
	/* galery slider accordion :: ende */
	
	
	
	
	/* vorschauboxen unterseiten :: start */
	
		.prevbox_rahmen{
			float:left;
			display:inline;
			position:relative;
			width:373px;
			height:auto;
			margin:0 40px 40px 0;
			padding:0 0 0 0;
			cursor:pointer;
		}
		
		
			.prevbox_pic{
				float:left;
				display:inline;
				position:relative;
				width:373px;
				height:250px;
				overflow:hidden;
				text-align:center;
				box-sizing:border-box;
				margin:1px solid #dcdcdc;
				margin:0 0 20px 0;
				background-size:cover;
				background-repeat:no-repeat;
				background-position:center top;
			}
			
			.prevbox_mask{
				float:left;
				display:inline;
				position:relative;
				width:100%;
				height:100%;
				/* border:1px solid #e6e6e6; */
				box-sizing:border-box;
				background-image:url(../images/bg_abdecker_link.png);
				background-repeat:no-repeat;
				background-position:center center;
				margin:0 0 0 0;
				padding:0 0 0 0;
				opacity: 0;
				-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;
				cursor:pointer;
			}
			
			.prevbox_info{
				float:left;
				display:inline;
				position:relative;
				width:100%;
				height:220px;
			}
			
			.prevbox_rahmen:hover h3{
				color: #c59940;
			}
			
			.prevbox_rahmen:hover .prevbox_mask{
				opacity: 1;
				-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;
			}
	
	/* vorschauboxen unterseiten :: ende */
	
	
	/* newsteaser news-seite :: start */
	
		.newsteaser_box{
			float:left;
			display:inline;
			position:relative;
			width:373px;
			height:500px;
			margin:0 40px 40px 0;
			padding:0 0 0 0;
			box-sizing:border-box;
			background-color:#ffffff;
			overflow:hidden;
			cursor:pointer;
			border:1px solid #c8c8c8;
		}
		
			.newsteaser_box_projekte{
				height:390px;
			}
			
			.newsteaser_box_nolink{
				cursor:default;
			}
		
			.newsteaser_pic{
				float:left;
				display:inline;
				position:relative;
				width:100%;
				height:253px;
				overflow:hidden;
				text-align:center;
				background-color:#e6e6e6;
				margin:0 0 0 0;
				padding:0 0 0 0;
				background-position:top center;
				background-size:cover;
			}
				
			.newsteaser_mask{
				float:left;
				display:inline;
				position:relative;
				width:100%;
				height:253px;
				/* border:1px solid #e6e6e6; */
				box-sizing:border-box;
				background-image:url(../images/bg_abdecker_link.png);
				background-repeat:no-repeat;
				background-position:center center;
				margin:-253px 0 0 0;
				padding:0 0 0 0;
				opacity: 0;
				-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;
				cursor:pointer;
			}
				
			.newsteaser_info{
				float:left;
				display:inline;
				position:relative;
				width:100%;
				margin:0 0 0 0;
				padding:15px 20px 15px 20px;
				box-sizing:border-box;
			}
			
			.newsteaser_box:hover .newsteaser_mask{
				opacity: 1;
				-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;
			}
			
			.newsteaser_box:hover .c_link_more{
				animation: pulse_arrow_link_more 0.7s 1;
				color: #009fe3;
			}
			
			.newsteaser_box:hover .c_link_more_absolute{
				animation: pulse_arrow_link_more 0.7s 1;
				color: #009fe3;
			}
	
	/* newsteaser news-seite :: ende */
	
	/* newsteaser 1/4 :: start */
	
		.newsteaser_14_box{
			float:left;
			display:inline;
			position:relative;
			width:270px;
			height:410px;
			margin:0 40px 40px 0;
			padding:0 0 0 0;
			box-sizing:border-box;
			/* background-color:#ffffff; */
			overflow:hidden;
			cursor:pointer;
		}
		
			.newsteaser_14_box_projekte{
				height:260px;
			}
			
			.newsteaser_14_box_nobg{
				background-color:transparent;
			}
		
			.newsteaser_14_pic{
				float:left;
				display:inline;
				position:relative;
				width:100%;
				height:200px;
				overflow:hidden;
				text-align:center;
				background-color:#e6e6e6;
				margin:0 0 0 0;
				padding:0 0 0 0;
				background-position:top center;
				background-size:cover;
			}
				
			.newsteaser_14_mask{
				float:left;
				display:inline;
				position:relative;
				width:100%;
				height:200px;
				/* border:1px solid #e6e6e6; */
				box-sizing:border-box;
				background-image:url(../images/bg_abdecker_blau_70.png);
				background-repeat:repeat;
				background-position:center center;
				margin:-200px 0 0 0;
				padding:0 0 0 0;
				opacity: 0;
				-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;
				cursor:pointer;
			}
				
			.newsteaser_14_info{
				float:left;
				display:inline;
				position:relative;
				width:100%;
				margin:0 0 0 0;
				padding:14px 0px 0 0px;
				box-sizing:border-box;
			}
			
			.newsteaser_14_box:hover .newsteaser_14_mask{
				opacity: 1;
				-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;
			}
			
			.newsteaser_14_box:hover .h3_teaser{
				color: #009fe3;
			}
			
			.newsteaser_14_box:hover .c_link_more{
				animation: pulse_arrow_link_teaser 0.7s 1;
				color: #009fe3;
			}
			
			.newsteaser_14_box:hover .c_link_more_absolute{
				animation: pulse_arrow_link_teaser 0.7s 1;
				color: #009fe3;
			}
			
			.newsteaser_14_box:hover .c_link_teaser{
				animation: pulse_arrow_link_teaser 0.7s 1;
				color: #009fe3;
			}
			
			.newsteaser_14_box:hover .c_link_teaser_weiss{
				animation: pulse_arrow_link_teaser 0.7s 1;
				color: #009fe3;
			}
	
	/* newsteaser 1/4 :: ende */
	
	
	/* kontaktformular content :: start */
	
		.con100_kontakt_content{
			float:left;
			position:relative;
			display:table;
			width:100%;
			margin:0 0 0 0;
			padding:0 0 0 0;
			background-color:#ffffff;
		}
		
			.kontakt_content_row{
				float:left;
				position:relative;
				display:table-row;
				width:100%;
				margin:0 0 0 0;
				padding:0 0 0 0;
			}
		
				.kontakt_content_sp1{
					float:left;
					display:table-cell;
					position:relative;
					width:50%;
					margin:0 0 0 0;
					padding:100px 0 60px 0;
				}
				
					.kontakt_content_sp1_inner{
						float:right;
						display:inline;
						position:relative;
						margin:0 20px 0 0;
						width:787px;
						right:-207px;
						z-index:999;
					}
					
					.kontakt_content_sp1_info{
						width:787px;
						margin:20px 0 10px 0;
						font-weight:700;
					}
					
						.kontakt_content_div_file{
							width:373px;
							margin:0 40px 0 0;
						}
					
						
				.kontakt_content_sp2{
					float:right;
					display:table-cell;
					position:relative;
					width:50%;
					margin:0 0 0 0;
					padding:0 0 0 0;
				}
				
					.kontakt_content_sp2_inner{
						float:left;
						display:inline;
						position:relative;
						top:0;
						bottom:0;
						margin:0 0 0 0;
						width:100%;
						height:1050px;
						right:-227px;
						background-repeat:no-repeat;
						background-position:top left;
						background-size:cover;
					}
	
	/* kontaktformular content :: ende */
	
	/* kontakt :: start */
	
		.kontakt_form{
			width:787px;
			float:left;
			display:inline;
			position:relative;
			margin:0 0 0 0;
			padding:0 0 0 0;
			overflow:hidden;
		}
		
			.kontakt_form_inner{
				width:827px;
				float:left;
				display:inline;
				position:relative;
			}
			
			input{
			   width:373px;
			}
			
			select{
			   width:373px;
			}
			
			textarea{
				width:787px;
				height: 165px;
			}
		
		.kontakt_anschrift{
			width:373px;
			float:right;
			display:inline;
			position:relative;
			margin:0 0 40px 0;
			padding:0 0 0 0;
		}
		
			.kontakt_anschrift_txt{
				float:left;
				display:inline;
				position:relative;
				width:373px;
				margin:0 0 0 0;
				padding:0 0 0 0;
			}
		
			.kontakt_anschrift_maps{
				float:left;
				display:inline;
				position:relative;
				width:373px;
				margin:44px 0 0 0;
				padding:0 0 0 0;
			}
			
				.kontakt_anschrift_maps iframe{
					width:100%;
					height:262px;
					-webkit-filter: grayscale(100%);
					filter: url(desaturate.svg#greyscale);
					-moz-filter: grayscale(100%);
					-ms-filter: grayscale(100%);
					-o-filter: grayscale(100%);
					filter: grayscale(100%);
					-moz-transition: all 0.2s ease-out;  /* FF4+ */
					-o-transition: all 0.2s ease-out;  /* Opera 10.5+ */
					-webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
					-ms-transition: all 0.2s ease-out;  /* IE10? */
					transition: all 0.2s ease-out;
				}
				
				.kontakt_anschrift_maps:hover iframe{
					-webkit-filter: grayscale(0%);
					filter: url(desaturate.svg#greyscale);
					-moz-filter: grayscale(0%);
					-ms-filter: grayscale(0%);
					-o-filter: grayscale(0%);
					filter: grayscale(0%);
					-moz-transition: all 0.2s ease-out;  /* FF4+ */
					-o-transition: all 0.2s ease-out;  /* Opera 10.5+ */
					-webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
					-ms-transition: all 0.2s ease-out;  /* IE10? */
					transition: all 0.2s ease-out;
				}
				
	/* kontakt :: ende */
	

}