@charset "UTF-8";
/* URSPRUNGSGRÜN #87BE43 */
html{
	overflow-y:scroll;
}

*{
  word-wrap:break-word;
}

body{
	margin:0;
	padding:0;
    font-family:"Roboto", sans-serif;
	font-weight:400;
	color:#FFF;
}

img{
	border:none;
	width:100%;
	height:auto;
}


#claim{
    font-family: 'Nothing You Could Do', cursive;
	color:#FFF;
}

.text-left{
	/*outline:2px solid #FFF;*/
}

header{
	width:100% !important;
	margin:0 !important;
	padding:0 !important;
}
	.navbar{
		width:100%;
		margin:0;
		padding:0;
		outline:none;
		border:none;
	}
		.logoBlock{
			margin:0;
			padding:0 20px;
		}
		.logo{
			display:block;
			width:150px;
			padding:10px 0;
		}
	
	.preNavi{
		margin:0;
		padding:0;
		background:#013061;
	}
	
	.preNavi p{
		display:none;
	}
	
	.shortCutMenu a,
	.shortCutMenu a:visited,
	.shortCutMenu a:hover,
	.shortCutMenu a:active{
		font-size:1.1em;
		font-weight:300;
		float:left;
		width:70%;
		padding:14px 20px 8px;
		display:block;
		color:#FFF;
		text-decoration:none;
		text-transform:uppercase;
	}
	
	.shortCutMenu button{
		float:right;
		padding:10px 20px;
		border-left:1px solid #CCC;
	}
		
	
	.navigation{
		width:100%;
		background:#013061;
		margin:0;
		padding:0;
	}
	
	.navigation nav{
		display:none;
		padding:20px;
		border-top:1px solid #CCC;
	}
	#mainNavi{
		margin:0;
		padding:0;
		list-style:none;
		font-size:1.2em;
		font-weight:400;
		background:#FFF;
		border-radius:7px;
		border:2px solid #d3d800;
	}	
	#rot #mainNavi{
		border:2px solid #e40614;
	}
	#blau #mainNavi{
		border:2px solid #0075bf;
	}
	#grau #mainNavi{
		border:2px solid #888887;
	}
	#gelb #mainNavi{
		border:2px solid #fbb900;
	}
	
	
	
		#mainNavi > li{
			position:relative;
			border-bottom:1px solid #013061;
		}
		#mainNavi > li:last-child{
			border:none;
		}
		
		
		.arrowBox{
			position:absolute;
			top:10px;
			right:10px;
			width:30px;
			height:30px;
			background:#013061;
			border-radius:7px;
			border:1px solid #013061;
			display:block;
			cursor:pointer;
		}
		
		
		
		.arrowDown{
			position:relative;
			content:"";
			display:inline-block;
			width:10px;
			height:10px;
			margin:7px 0 0 10px;
			border-right:1px solid #FFF;
			border-bottom:1px solid #FFF;
			transform:rotate(45deg);
		}
		.arrowUp{
			position:relative;
			content:"";
			display:inline-block;
			width:10px;
			height:10px;
			margin:11px 0 0 10px;
			border-top:1px solid #FFF;
			border-left:1px solid #FFF;
			transform:rotate(45deg);
		}
		
		#mainNavi > li:hover > .arrowBox,
		#mainNavi > li.active > .arrowBox{
			background:#d3d800;
			border-radius:7px;
			border:1px solid #d3d800;
		}
		
		
		
		#rot #mainNavi > li:hover > .arrowBox,
		#rot #mainNavi > li.active > .arrowBox{
			background:#e40614;
			border:1px solid #e40614;
		}
		#blau #mainNavi > li:hover > .arrowBox,
		#blau #mainNavi > li.active > .arrowBox{
			background:#0075bf;
			border:1px solid #0075bf;
		}
		#grau #mainNavi > li:hover > .arrowBox,
		#grau #mainNavi > li.active > .arrowBox{
			background:#888887;
			border:1px solid #888887;
		}
		#gelb #mainNavi > li:hover > .arrowBox,
		#gelb #mainNavi > li.active > .arrowBox{
			background:#fbb900;
			border:1px solid #fbb900;
		}
		
		
		
		#mainNavi > li:hover{
			cursor:pointer;
		}
		
		#mainNavi > li:hover > a,
		#mainNavi > li:hover > a:visited,
		#mainNavi > li:hover > a:hover,
		#mainNavi > li:hover > a:active{
			color:#d3d800;
		}
		
		#rot #mainNavi > li:hover > a,
		#rot #mainNavi > li:hover > a:visited,
		#rot #mainNavi > li:hover > a:hover,
		#rot #mainNavi > li:hover > a:active{
			color:#e40614;
		}
		#blau #mainNavi > li:hover > a,
		#blau #mainNavi > li:hover > a:visited,
		#blau #mainNavi > li:hover > a:hover,
		#blau #mainNavi > li:hover > a:active{
			color:#0075bf;
		}
		#grau #mainNavi > li:hover > a,
		#grau #mainNavi > li:hover > a:visited,
		#grau #mainNavi > li:hover > a:hover,
		#grau #mainNavi > li:hover > a:active{
			color:#888887;
		}
		#gelb #mainNavi > li:hover > a,
		#gelb #mainNavi > li:hover > a:visited,
		#gelb #mainNavi > li:hover > a:hover,
		#gelb #mainNavi > li:hover > a:active{
			color:#fbb900;
		}
		
		
		
		
		
		
		
		#mainNavi > li > a,
		#mainNavi > li > a:visited{
			width:80%;
			position:relative;
			padding:15px 20px 12px;
			display:block;
			color:#013061;
			text-decoration:none;
		}
		
		#mainNavi > li > a:hover,
		#mainNavi > li > a:active{
			width:80%;
			position:relative;
			padding:15px 20px 12px;
			display:block;
			color:#d3d800;
			text-decoration:none;
		}
		
		#rot #mainNavi > li > a:hover,
		#rot #mainNavi > li > a:active{
			color:#e40614;
		}
	
		#blau #mainNavi > li > a:hover,
		#blau #mainNavi > li > a:active{
			color:#0075bf;
		}
	
		#grau #mainNavi > li > a:hover,
		#grau #mainNavi > li > a:active{
			color:#888887;
		}
		
		#gelb #mainNavi > li > a:hover,
		#gelb #mainNavi > li > a:active{
			color:#fbb900;
		}
		
		
		
		#mainNavi > li.active > a,
		#mainNavi > li.active > a:visited,
		#mainNavi > li.active > a:hover,
		#mainNavi > li.active > a:active{
			width:80%;
			position:relative;
			padding:15px 20px 12px;
			display:block;
			color:#d3d800;
			text-decoration:none;
		}
		
		
		#rot #mainNavi > li.active > a,
		#rot #mainNavi > li.active > a:visited,
		#rot #mainNavi > li.active > a:hover,
		#rot #mainNavi > li.active > a:active{
			color:#e40614;
		}
		#blau #mainNavi > li.active > a,
		#blau #mainNavi > li.active > a:visited,
		#blau #mainNavi > li.active > a:hover,
		#blau #mainNavi > li.active > a:active{
			color:#0075bf;
		}
		#grau #mainNavi > li.active > a,
		#grau #mainNavi > li.active > a:visited,
		#grau #mainNavi > li.active > a:hover,
		#grau #mainNavi > li.active > a:active{
			color:#888887;
		}
		#gelb #mainNavi > li.active > a,
		#gelb #mainNavi > li.active > a:visited,
		#gelb #mainNavi > li.active > a:hover,
		#gelb #mainNavi > li.active > a:active{
			color:#fbb900;
		}
		
				
		.subNavi{
			display:none;
			margin:0;
			padding:0;
			list-style:none;
			border-top:1px solid #CCC;
			background:#FFF;
			text-align:left;
			font-size:1.5rem;
			text-transform:none;
		}
			#mainNavi > li.active > .subNavi{
				display:block;
			}
			.subNavi > li{
				position:relative;
				padding:0 6px;
				white-space:nowrap;
				border-top:1px solid #CCC;
			}
			.subNavi li:first-child{
				border:none;
			}
				.subNavi > li > a,
				.subNavi > li > a:visited{
					display:block;
					text-decoration:none;
					padding:10px 25px 7px;
					color:#013061;
				}
				.subNavi > li > a:hover,
				.subNavi > li > a:active{
					display:block;
					text-decoration:none;
					padding:10px 25px 7px;
					color:#d3d800;
				}
				#rot .subNavi > li > a:hover,
				#rot .subNavi > li > a:active{
					color:#e40614;
				}
			
				#blau .subNavi > li > a:hover,
				#blau .subNavi > li > a:active{
					color:#0075bf;
				}
			
				#grau .subNavi > li > a:hover,
				#grau .subNavi > li > a:active{
					color:#888887;
				}
				
				#gelb .subNavi > li > a:hover,
				#gelb .subNavi > li > a:active{
					color:#fbb900;
				}
				
				
				.subNavi > li.active > a,
				.subNavi > li.active > a:visited,
				.subNavi > li.active > a:hover,
				.subNavi > li.active > a:active{
					display:block;
					text-decoration:none;
					padding:10px 25px 7px;
					color:#d3d800;
				}
				#rot .subNavi > li.active > a,
				#rot .subNavi > li.active > a:visited,
				#rot .subNavi > li.active > a:hover,
				#rot .subNavi > li.active > a:active{
					color:#e40614;
				}
			
				#blau .subNavi > li.active > a,
				#blau .subNavi > li.active > a:visited,
				#blau .subNavi > li.active > a:hover,
				#blau .subNavi > li.active > a:active{
					color:#0075bf;
				}
			
				#grau .subNavi > li.active > a,
				#grau .subNavi > li.active > a:visited,
				#grau .subNavi > li.active > a:hover,
				#grau .subNavi > li.active > a:active{
					color:#888887;
				}
				
				#gelb .subNavi > li.active > a,
				#gelb .subNavi > li.active > a:visited,
				#gelb .subNavi > li.active > a:hover,
				#gelb .subNavi > li.active > a:active{
					color:#fbb900;
				}











.mainimage{
	position:relative;
	z-index:0;
	width:100%;
	margin:0;
	padding:0;
}

.sliderFix{
	position:relative;
}

.slider{
	margin:0;
	padding:0;
}

.testC{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	z-index:2;
	height:90px;
	width:100%;
	margin:0;
	padding:0;
}

.sliderHeadline{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	text-align:center;

	font-family: 'Nothing You Could Do', cursive;
	
	width:80%;
	
	margin:0;
	padding:0 5%;
	font-size:2.0em;
	font-weight:100;
	text-transform:none;
	color:#d3d800;
	display:block;
}

/*
.sliderHeadline:before{
	display:block;
	position:absolute;
	z-index:2;
	left:5px;
	top:50%;
	transform:translateY(-50%);
	content:"";
	text-indent: -9999px;
	 
	width:40px;
	height:40px;
	margin-top:-20px;

	border-bottom:2px solid #d3d800;
	border-left:2px solid #d3d800;
	transform: rotate(45deg);
}
.sliderHeadline:after{
	display:block;
	position:absolute;
	z-index:2;
	right:5px;
	top:50%;
	transform:translateY(-50%);
	
	content:"";
	text-indent: -9999px;
	 
	width:40px;
	height:40px;
	margin-top:-20px;

	border-top:2px solid #d3d800;
	border-right:2px solid #d3d800;
	transform: rotate(45deg);
}
*/
	
				
		
		
.leistungsfix{
	z-index:1000;
}
		
		
/*
.titel{
	position:relative;
	height:73vh;
	text-align:center;
}
	.titel h1{
		padding:310px 0 0 0;
		font-size:1.3em;
		font-weight:100;
		text-transform:uppercase;
		color:#d3d800
	}
	*/

.schwerpunkte{
	padding:30px 0;	
}

.start-schwerpunkt{
	padding:0;
}

.schwerpunkte > h1{
	font-size:1.6em;
	color:#d3d800;
	text-transform:uppercase;
	margin:0 0 15px;
	display:none;
}


.start-schwerpunkt a,
.start-schwerpunkt a:visited{
	position:relative;
	display:block;
	margin:5px 0;
	padding:5px 10px ;
	background:rgba(1,48,97, 1.0);
	font-size:1.2em;
	font-weight:100;
	line-height:40px;
	
	border-radius:7px;
	-moz-border-radius:7px;
	-ms-border-radius:7px;
	-webkit-border-radius:7px;
	-o-border-radius:7px;
	
	text-decoration:none;
	color:#FFF;
	
	-webkit-transition: background .5s ease-out;
	-moz-transition: background .5s ease-out;
	-o-transition: background .5s ease-out;
	transition: background .5s ease-out;
	
	border:2px solid #d3d800;
}

.start-schwerpunkt a:hover,
.start-schwerpunkt a:active{
	background:rgba(1,48,97, 1.0);
	
}
	.start-schwerpunkt img{
		width:36px;
		margin:0 12px 0 0;
		vertical-align:middle;
	}
	.start-schwerpunkt .button{
		position:absolute;
		top:16px;
		right:15px;
		width:30px;
		height:30px;
		background:#d3d800;
		border-radius:7px;
		border:1px solid #d3d800;
		display:block;
		cursor:pointer;
	}
	.start-schwerpunkt .arrowLeft{
		position:relative;
		content:"";
		display:inline-block;
		width:14px;
		height:14px;
		margin:7px 0 0 5px;
		border-right:1px solid #FFF;
		border-top:1px solid #FFF;
		transform:rotate(45deg);
	}
	
/*
.start-schwerpunkt a::after{
	position:relative;
	top:-0px;
	content:"";
	display:inline-block;
	width:10px;
	height:10px;
	border-right:1px solid #d3d800;
	border-bottom:1px solid #d3d800;
	transform: rotate(-45deg);
	margin-left:8px;
}
*/

.absoluteFix{
	width:100%;
	position:relative;
}

.overlayBox{
	margin:0;
	padding:0;
}

.introblock{
	width:100%;
	background:rgba(211,216,0, 1);
	margin:0;
	padding:20px;
}
#rot .introblock{
	background:rgba(228,6,20, 1);
}
#blau .introblock{
	background:rgba(0,117,191, 1);
}
#grau .introblock{
	background:rgba(177,177,177, 1);
}
#gelb .introblock{
	background:rgba(251,185,0, 1);
}

	.introblock h1{
		margin:0;
		padding:0 0 10px 0;
		text-transform:uppercase;
		font-weight:700;
		font-size:1.3em;
	}
	
	.introblock p{
		margin:0;
		padding:0;
	}



.blue-content-container{
	position:relative;
	padding:30px 20px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1b446f+0,013061+55,013061+100 */
	background: rgb(27,68,111); /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  rgba(27,68,111,1) 0%, rgba(1,48,97,1) 55%, rgba(1,48,97,1) 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(27,68,111,1) 0%,rgba(1,48,97,1) 55%,rgba(1,48,97,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  rgba(27,68,111,1) 0%,rgba(1,48,97,1) 55%,rgba(1,48,97,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b446f', endColorstr='#013061',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	
	text-align:left;
}

.white-content-container{
	position:relative;
	padding:30px 20px;
	text-align:left;
}

.white-content-container .text{
	color:#013061;
}

.container-fluid{
	background-color:#FFF;
}		

.breadCrumb{
	display:block;
	padding:0 5px 10px;
	margin:0 0 0px 0;
	list-style:none;
}
	.breadCrumb li{
		display:inline-block;
		padding:0 6px 0 0;
	}
	.breadCrumb li:first-child{
		padding:0 12px 0 0;
	}
	
.text{
	text-align:left;
	padding:0 20px;
}

.text-left{
	text-align:left;
}
	.text h1{
		margin:0;
		padding:0 0 20px;
		font-size:1.6em;
		font-weight:100;
		word-wrap:break-word;
	}
	.text h2{
		color:#d3d800;
		margin:0;
		/*padding:0 0 30px;*/
		padding:0 0 30px;
		font-size:1.3em;
		font-weight:100;
	}
	.text p{
		font-size:1.0em;
		font-weight:300;
	}

.black{
	border-color:#CECECE;
	margin:0 0 30px;
}
.gal{
	padding:0 15px 10px;
}

.blue-content-container .divider{
	border-color:rgba(255,255,255,0.4);
	margin:20px 0 30px;
}
.blue-content-container .row  h2{
	/*
	margin:0;
	padding:0 0 20px;
	font-size:1.2em;
	font-weight:100;
	*/
	color:#FFF;
}

.box{
	margin:10px 0 20px;
	padding:0 15px;
}
.unternehmens-box{
	display:block;
	text-align:center;
	background:#FFF;
	border-radius:7px;
	border:2px solid #d3d800;
}

#rot .unternehmens-box{
	border:2px solid #e40614;
}
#blau .unternehmens-box{
	border:2px solid #0075bf;
}
#grau .unternehmens-box{
	border:2px solid #888887;
}
#gelb .unternehmens-box{
	border:2px solid #fbb900;
}


	.unternehmens-box img{
		border-top-left-radius:5px;
		border-top-right-radius:5px;
	}
	
	.unternehmens-box h1,
	.unternehmens-box h3{
		width:90%;
		font-size:1.3em !important;
		padding:0 10px 7px;
		color:#013061 !important;
		border-bottom:1px solid #CCC;
		display:inline-block;
	}
	
	.unternehmens-box p{
		font-size:0.9em;
		font-weight:300;
		padding:0 10px 5px;
	}
	.unternehmens-box .trenner{
		width:90%;
		margin:0 auto;
		padding:15px 0 25px;
		border-top:1px solid #CCC;
	}
	
	a.unternehmens-box,
	a.unternehmens-box:visited{
		text-decoration:none;
		color:#013061;
	}
	
	a.unternehmens-box:hover,
	a.unternehmens-box:active{
		text-decoration:none;
		color:#013061;
	}
	
	
	.logos{
		width:80% !important;
		margin:20px 0 0!important;
	}
	
	.white-content-container h1{
		margin:0;
		padding:0;
		font-size:1.6em;
		font-weight:100;
		color:#d3d800;
		text-transform:uppercase;
		word-wrap:break-word;
	}
	
	.white-content-container > .container > .row > h1{
		padding:20px 0 10px;
		word-wrap:break-word;
	}
	
	
	
	.accoH1{
		position:relative;
		z-index:10;
		display:block;
		background:#013061;
		border:2px solid #d3d800;
		border-radius:7px;
		text-align:left !important;
		color:#FFF !important;
		margin:0 0 10px!important;
		padding:13px 60px 9px 20px !important;
		font-size:1.3em !important;
		cursor:pointer !important;
		word-wrap:break-word;
	}
	
	.refausgabe .accoH1{
		position:relative;
		z-index:10;
		display:block;
		background:#013061;
		border:2px solid #d3d800;
		border-radius:7px;
		text-align:left !important;
		color:#FFF !important;
		margin:0 15px 10px!important;
		padding:13px 60px 9px 20px !important;
		font-size:1.3em !important;
		cursor:pointer !important;
		word-wrap:break-word;
	}
	
	.accoH1  .arrowBox{
			position:absolute;
			top:50%;
			transform:translateY(-50%);
			right:15px;
			width:30px;
			height:30px;
			background:#FFF;
			border-radius:7px;
			border:1px solid #FFF;
			display:block;
			cursor:pointer;
		}
	.accoH1  .arrowDown{
			position:relative;
			content:"";
			display:inline-block;
			width:10px;
			height:10px;
			margin:7px 0 0 10px;
			border-right:1px solid #013061;
			border-bottom:1px solid #013061;
			transform:rotate(45deg);
		}
	.accoH1  .arrowUp{
			position:relative;
			content:"";
			display:inline-block;
			width:10px;
			height:10px;
			margin:11px 0 0 10px;
			border-top:1px solid #013061;
			border-left:1px solid #013061;
			transform:rotate(45deg);
		}
	
	.accoBlock{
		position:relative;
		z-index:0;
		
		margin: 0 0;
		padding:5px 0 10px;
		
	}
	
	.bewerbungsForm{
		position:relative;
		z-index:0;
		
		margin: 0 0;
		padding:10px 0 20px;
	}
	
	
	.kontaktform input{
		margin:5px 0; 
	}
	
	.galimg{
		margin:0;
		padding:3px;
	}
		.galimg img{
			border-radius:7px;
			border:2px solid #d3d800;
		}
		
	.galvid{
		position:relative;
		margin:0;
		padding:3px;
	}
		.galvid img{
			border-radius:7px;
			border:1px solid #d3d800;
		}
		.galvid .playbutton{
			position:absolute;
			left:50%;
			top:50%;
			transform:translate(-50%,-50%);
		}



.warning{
	background:#ffd1d1;
}

.mitarbeiterFix{
	padding:0 0;
}
		
.mitarbeiter{
	float:none;
	vertical-align:top;
	margin:10px -2px 10px;
	padding:0 5px;
}		


.mitarbeiterBlock{
	display:block;
	background:#d3d800;
	border:2px solid #013061;
	border-radius:7px;
	overflow:hidden;
}		

.mitarbeiterBlockNeu{
	background:#d3d800;
	border:2px solid #013061;
	border-radius:7px;
	overflow:hidden;
	padding:0;
	margin-bottom:50px !important;
}

.maBild{
	margin:0;
	padding:0;
}	

.maDetails{
	padding:20px 10px;
    color:#013061;
}

.maDetails i{
    color:#FFF;
}
.maDetails h4{
	margin:0;
	padding:0;
	color:#013061;
	font-weight:700;
	text-transform:uppercase;
}
.maDetails strong{
	display:block;
	color:#013061;
	text-transform:uppercase;
}
.maDetails p{
	margin:0;
	padding:10px 0 0;
}

.maDetails a,
.maDetails a:visited{
	color:#013061;
	text-decoration:none;
}

.maDetails a:hover,
.maDetails a:active{
	color:#FFF;
	text-decoration:none;
}




.dci{
	background:#013061;
	border:2px solid #d3d800;
	border-radius:7px;
	padding:25px 10px;
	overflow:hidden;
}

#rot  .dci,
.red  .dci{border:2px solid #e40614 !important;}
#blau .dci,
.blue .dci{border:2px solid #0075bf !important;}
#grau .dci,
.grey .dci{border:2px solid #888887 !important;}
#gelb .dci
.yellow .dci{border:2px solid #fbb900 !important;}

.dci div{

}

.dci img{
	border:2px solid #d3d800;
	border-radius:7px;
}
#rot  .dci img{border:2px solid #e40614;}
#blau .dci img{border:2px solid #0075bf;}
#grau .dci img{border:2px solid #888887;}
#gelb .dci img{border:2px solid #fbb900;}

.red  .dci img{border:2px solid #e40614 !important;}
.blue .dci img{border:2px solid #0075bf !important;}
.grey .dci img{border:2px solid #888887 !important;}
.yellow .dci img{border:2px solid #fbb900 !important;}


.dci .dciText{
	text-align:left;
	padding:10px 20px;
}
#rot  .dciText h1{color:#e40614;}
#blau .dciText h1{color:#FFF;}
#grau .dciText h1{color:#888887;}
#gelb .dciText h1{color:#fbb900;}
		
.red  .dciText h1{color:#e40614 !important;}
.blue .dciText h1{color:#FFF !important;}
.grey .dciText h1{color:#888887 !important;}
.yellow .dciText h1{color:#fbb900 !important;}
		

.newsarea{
	/*padding:0 5px 60px;*/
	margin:10px 0 20px;
	padding:0 15px;
	position:relative;
}
	.newsblock{
		padding:0 0 20px;
	}

a.newsblock,
a.newsblock:visited{
	text-decoration:none;
	display:block;
	background:#013061;
	margin:0;
	border:2px solid #d3d800;
	
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	overflow:hidden;
}
a.newsblock:hover,
a.newsblock.active{
	text-decoration:none;
	background:#d3d800;
	color:#013061;
}
	.newsimg{
		position:relative;
		margin:0;
		padding:0;
		height:150px;
		overflow:hidden;
	}
	.newsimg img{
		position:absolute;
		left:50%;
		top:50%;
		transform:translate(-50%,-50%);
	}
	.newstext{
		display:block;
		color:#FFF;
		text-align:left;
	}
		.newstext h1{
			color:#FFF;
			padding:30px 0 20px;
			line-height:0.9em;
			word-wrap:break-word;
			text-transform:none !important;
		}
		.newstext p{
			font-weight:300;
			text-align:left;
		}
		
.row > h1{
	text-align:left;
	padding:0 20px;
	font-weight:300;
	font-size:1.6em;
	word-wrap:break-word;
}	






.refGallery{
	float:none;
	clear:both;
	padding:20px 0 0;
	margin:20px 0 0;
	border-top:1px solid #013061;
}




.karriere{
	margin:0;
	padding:0;
}
	.karriere .stellenangebot a,
	.karriere .stellenangebot a:visited{
		text-decoration:none;
		color:#FFF;
		background:#d3d800;
		border-radius:5px;
		border:1px solid #d3d800;
		padding:2px 8px;
		margin:0 0 8px;
		display:inline-block;
	}
	
	.karriere .stellenangebot a:hover,
	.karriere .stellenangebot a:active{
		text-decoration:none;
		color:#013061;
		background:#FFF;
		border-radius:5px;
		border:1px solid #d3d800;
		padding:2px 8px;
		margin:0 0 8px;
		display:inline-block;
	}
	
.karriere > .col-md-9{
	margin:0;
	padding:0;
}
	
.stellenangebot{
	background:#013061;
	border:2px solid #d3d800;
	border-radius:7px;
	text-align:left;
	padding:20px;
}

.stellenangebot form input[type="text"]{
	margin:10px 0;
}


	.stellenangebot h1{
		font-size:2.2em !important;
		padding:10px 0 5px;
		word-wrap:break-word;
        text-transform: none !important;
	}

    .stellenangebot h1 span{
		font-size:0.8em !important;
	}
    
    .stellenangebot h2{
        margin: 0;
        padding: 0 0;
        font-weight: 200;
        font-style: italic;
        font-size: 1.4em;
    }
	
	.stellenangebot p{
		padding:16px 0 6px;
	}
	
	.bewerbungsForm > .col-md-6{
		margin:0;
		padding:0 30px 20px 0;
	}
	
	.bewerbungsForm > .col-md-12{
		margin:0;
		padding:0 0 10px 0;
	}
	
	.bewerbungsForm .form-group label{
		padding:10px 0 0;
	}


.arbeiten h2{
	margin:0;
	padding:0 0 20px;
	color:#d3d800;
	font-weight:300;
}
.arbeiten p{
	display:inline-block;
	background:#d3d800;
	color:#013061;
	border:1px solid #d3d800;
	border-radius:7px;
	padding:1px 20px;
	margin:5px 10px 5px 0;
}


.referenz{
	border:2px solid #d3d800;
	border-radius:7px;
	-moz-border-radius:7px;
	-ms-border-radius:7px;
	-webkit-border-radius:7px;
	-o-border-radius:7px;
	
	margin:10px 0 20px;
	padding:20px 2px;
	
	background:#FFF;
	color:#013061;
}

.referenzdetails{
	float:none !important;
	margin:15px 0 0 0;
	padding:0 0 30px;
	border-top:1px solid #013061;
}

.arbeiten{
	margin:15px 0 0 0;
	padding:0;
}

.list{
	border-bottom:1px solid #013061;
	padding:20px 4px 10px;
}

.referenz h1,
.referenz h2{
	color:#013061 !important;
}

.referenz h2{
	font-size:1.4em;
	margin:20px 0 10px 0;
	padding:0;
}

.refMainimgContainer{
	margin:0;
	padding:0 20px;
	float:none !important;
}

.refmainimg{
	border:2px solid #d3d800;
	border-radius:7px;
	-moz-border-radius:7px;
	-ms-border-radius:7px;
	-webkit-border-radius:7px;
	-o-border-radius:7px;
}

.referenztext{
	margin:0;
	padding:0 20px;
	float:none !important;

}



.footer{
	position:relative;
	margin:0;
	padding:20px 0;
	background:#013061;
	color:#FFF;
	font-size:0.9em;
	text-align:center;
}
	#copyright{
		font-size:0.8em;
		padding:0 0 10px 0;
	}
	#footerNavi{
		margin:0;
		padding:0;
		list-style:none;
		text-align:center;
	}
		#footerNavi li{
			display:inline-block;
			margin:0 -2px;
			padding:0;
			font-size:0.9em;
			font-weight:300;
			text-transform:uppercase;
		}
		
		#footerNavi li a,
		#footerNavi li a:visited{
			padding:0 10px;
			color:#FFF;
			text-decoration:none;
		}
			
		
		
		#footerNavi li a:hover,
		#footerNavi li a:active{
			padding:0 10px;
			color:#d3d800;
			text-decoration:none;
		}
		#rot #footerNavi li a:hover,
		#rot #footerNavi li a:active{
			color:#e40614;
		}
		#blau #footerNavi li a:hover,
		#blau #footerNavi li a:active{
			color:#d3d800;
		}
		#grau #footerNavi li a:hover,
		#grau #footerNavi li a:active{
			color:#888887;
		}
		#gelb #footerNavi li a:hover,
		#gelb #footerNavi li a:active{
			color:#fbb900;
		}
		
		
		
		
		
		#footerNavi li.active a,
		#footerNavi li.active a:visited,
		#footerNavi li.active a:hover,
		#footerNavi li.active a:active{
			padding:0 10px;
			color:#d3d800;
			text-decoration:none;
		}
		#rot #footerNavi li.active a,
		#rot #footerNavi li.active a:visited,
		#rot #footerNavi li.active a:hover,
		#rot #footerNavi li.active a:active{
			color:#e40614;
		}
		#blau #footerNavi li.active a,
		#blau #footerNavi li.active a:visited,
		#blau #footerNavi li.active a:hover,
		#blau #footerNavi li.active a:active{
			color:#d3d800;
		}
		#grau #footerNavi li.active a,
		#grau #footerNavi li.active a:visited,
		#grau #footerNavi li.active a:hover,
		#grau #footerNavi li.active a:active{
			color:#888887;
		}
		#gelb #footerNavi li.active a,
		#gelb #footerNavi li.active a:visited,
		#gelb #footerNavi li.active a:hover,
		#gelb #footerNavi li.active a:active{
			color:#fbb900;
		}

	
	#footericons{
		padding:20px 0;
	}
		#footericons a{
			border:none;
			display:inline-block;
			width:36px;
			margin:0 6px;
			
			opacity:0.6;
  			-webkit-transition: opacity 0.5s ease-in-out;
			-moz-transition: opacity 0.5s ease-in-out;
			transition: opacity 0.5s ease-in-out;
		}
		
		#footericons a:hover{
			 opacity: 1.0;
		}
	
	.footer p a,
	.footer p a:visited{
		color:#FFF;
		text-decoration:none;
	}
	.footer p a:hover,
	.footer p a:active{
		color:#d3d800;
		text-decoration:none;
	}
	
	
.hideme{
	opacity:1;
}

.pdfs{
	padding-top:20px;
}

.pdfs > div{
	padding-bottom:18px;
}

.pdficon{
	margin:0;
	padding:0;
	width:35px;
}








.white-content-container .bluebox{
	background:#013061 !important;
	color:#FFF !important;
}

.white-content-container .bluebox p{
	font-size:1.1em;
	font-weight:300;
}



.white-content-container .bluebox h1,
.white-content-container .bluebox h2,
.white-content-container .bluebox h3,
.white-content-container .bluebox h4,
.white-content-container .bluebox h5,
.white-content-container .bluebox h6{
	color:#FFF !important;
}


.white-content-container .bluebox .refGallery{
	border-color: rgba(255,255,255,0.4);
}



.gmaps{
	margin:0;
	padding:0;
}

.maps{
	height:50vh;
	color:#013061 !important;
}





@media only screen and (min-width:480px){
	.box{
		margin:10px 0 20px;
		padding:0 10px;
	}
	.sliderHeadline{
		width:70%;
	}
	
}

@media only screen and (min-width:768px){
.sliderHeadline{
	width:60%;
}






.referenz{
	border:2px solid #d3d800;
	border-radius:7px;
	-moz-border-radius:7px;
	-ms-border-radius:7px;
	-webkit-border-radius:7px;
	-o-border-radius:7px;
	padding:30px;
	background:#FFF;
	color:#013061;
}
.refMainImg{
	margin:0;
	padding:0 30px 30px 3px;
}
.refMainImg img{
	border:2px solid #d3d800;
	border-radius:7px;
	-moz-border-radius:7px;
	-ms-border-radius:7px;
	-webkit-border-radius:7px;
	-o-border-radius:7px;
}
		
.referenz h1{
	margin:0;
	padding:0 0 10px 0;
}

.referenz .details{
	margin:20px 0 0 0;
	padding:20px 0 30px;
	border-top:1px solid #013061;
}
.referenz .fakten strong{

}

.referenz .leistungen ul{
	margin:0;
	padding:0;
}
.referenz .leistungen ul li{
	margin:0;
	padding:4px 0 5px;
}

.leistungen .punktElektro{ color:#0075bf; }
.leistungen .punktBau{ color:#e40614; }
.leistungen .punktSHK{ color:#fbb900; }
.leistungen .punktService{ color:#888887; }




.sitemap > ul{
	margin:0;
	padding:0;
}
.sitemap > ul > li{
	padding:5px 0;

}
.sitemap > ul > li > ul{
	margin:0;
	padding:0 0 0 20px;
}
.sitemap > ul > li > ul > li{
	padding:5px 0;
}
.sitemap > ul > li > ul > li > ul{
	margin:0;
	padding:0 0 0 35px;
}
.sitemap > ul > li > ul > li > ul > li{}

.sitemap a,
.sitemap a:visited{
	color:#FFF;
	text-decoration:underline;
}
.sitemap a:hover,
.sitemap a:active{
	color:#d3d800;
	text-decoration:none;
}




.refMainimgContainer{
	margin:0;
	padding:0 20px 0 5px;
	float:right !important;
}

.list{
	border:none;
	padding:20px 5px 20px;
}

.referenztext{
	margin:0;
	padding:0 20px;
	float:right !important;
}

.referenz h1,
.referenz h2{
	color:#013061 !important;
}

.referenz h2{
	font-size:1.4em;
	margin:0px 0 10px 0;
	padding:0;
}


.refmainimg{
	border:2px solid #d3d800;
	border-radius:7px;
	-moz-border-radius:7px;
	-ms-border-radius:7px;
	-webkit-border-radius:7px;
	-o-border-radius:7px;
}

.refGallery{
	clear:both !important;
	padding:20px 0 0;
	margin:20px 0 0;
	border-top:1px solid #000;
}


.arbeiten{
	margin:0;
	padding:0;
}


.testC{
	width:750px;
}

.logo{
	display:block;
	width:120px;
	padding:10px 0 0;
}
	.logo img{
	}
	
.topFix{
		width:100%;
		position:absolute;
		top:0;
		z-index:10000;
	}
	
header{
	width:750px !important;
	margin:0 auto !important;
	padding:0!important;
}


.mainimage{
	position:relative;
	z-index:-1;
	width:100%;
	margin:0;
	padding:0;
}

.fhstart{
	height:100vh;
}

.gmaps{
	margin:0;
	padding:0;
}

.maps{
	height:75vh;
	color:#013061 !important;
}
	
	.mainimage > li > img{
		width:100%;
		height:auto;
		/*
		position:absolute;
		left:50%;
		top:50&;
		transform:translate(-50%,-50%);
		*/
	}

	.preNavi{
		display:inline-block;
		margin:0;
		padding:0;
		background:none;
		text-align:right;
	}
	
	.preNavi p{
		display:inline-block;
		float:right;
		color:#CCC;
		padding:24px 20px 0 0;
		text-transform:uppercase;
	}
	
	.shortCutMenu a,
	.shortCutMenu a:visited,
	.shortCutMenu a:hover,
	.shortCutMenu a:active{
		display:none;
	}
	
	.shortCutMenu button{
		float:right;
		padding:17px 20px;
		border-left:1px solid #CCC;
	}
		
	
	.navigation{
		width:100%;
		background:none;
		margin:0;
		padding:0;
	}
	
	.navigation nav{
		display:none;
		padding:20px;
				border-top:1px solid #CCC;
	}

nav{
	display:block;
}

.navbar{
	position:relative;
	z-index:2;
	margin:20px 0 0 0;
	background:#FFF;
	
	border-radius:7px;
	-moz-border-radius:7px;
	-ms-border-radius:7px;
	-webkit-border-radius:7px;
	-o-border-radius:7px;
	border:2px solid #d3d800;
}

#rot .navbar{
	border:2px solid #e40614;
}
#blau .navbar{
	border:2px solid #0075bf;
}
#grau .navbar{
	border:2px solid #888887;
}
#gelb .navbar{
	border:2px solid #fbb900;
}

	
	
	
	
				




.introblock{
	width:100%;
	background:rgba(211,216,0, 1);
	margin:0;
	padding:20px;
}
#rot .introblock{
	background:rgba(228,6,20, 1);
}
#blau .introblock{
	background:rgba(0,117,191, 1);
}
#grau .introblock{
	background:rgba(177,177,177, 1);
}
#gelb .introblock{
	background:rgba(251,185,0, 1);
}

.absoluteFixOb{
	width:100%;
	background:rgba(211,216,0, 1);
}

#rot .absoluteFixOb{
	background:rgba(228,6,20, 1);
}
#blau .absoluteFixOb{
	background:rgba(0,117,191, 1);
}
#grau .absoluteFixOb{
	background:rgba(177,177,177, 1);
}
#gelb .absoluteFixOb{
	background:rgba(251,185,0, 1);
}






	
	
.schwerpunkte{
	padding:30px 0;
}

.schwerpunkte > h1{
	display:block;
}

.start-schwerpunkt{
	padding:0 5px;
}

.start-schwerpunkt a,
.start-schwerpunkt a:visited{
	position:relative;
	display:block;
	margin:5px 0;
	padding:5px 10px;
	background:rgba(1,48,97, 1.0);
	font-size:1.2em;
	font-weight:100;
	line-height:40px;
	
	border-radius:7px;
	-moz-border-radius:7px;
	-ms-border-radius:7px;
	-webkit-border-radius:7px;
	-o-border-radius:7px;
	
	text-decoration:none;
	color:#FFF;
	
	-webkit-transition: background .5s ease-out;
	-moz-transition: background .5s ease-out;
	-o-transition: background .5s ease-out;
	transition: background .5s ease-out;
	
	border:2px solid #d3d800;
}

.start-schwerpunkt a:hover,
.start-schwerpunkt a:active{
	background:rgba(1,48,97, 1.0);
	
}
	.start-schwerpunkt img{
		width:36px;
		margin:0 12px 0 0;
	}
	.start-schwerpunkt .button{
		position:absolute;
		top:15px;
		right:15px;
		width:30px;
		height:30px;
		background:#d3d800;
		border-radius:7px;
		border:1px solid #d3d800;
		display:block;
		cursor:pointer;
	}
	.start-schwerpunkt .arrowLeft{
		position:relative;
		content:"";
		display:inline-block;
		width:14px;
		height:14px;
		margin:7px 0 0 5px;
		border-right:1px solid #FFF;
		border-top:1px solid #FFF;
		transform:rotate(45deg);
	}
	
.sliderHeadline{
	font-size:3.2em;	
}
}

@media only screen and (min-width:992px){

.testC{
	width:970px;
}

.preNavi{
	display:none;
}


.navigation{
		float:right;
		width:auto;
		background:none;
		margin:0;
		padding:0;
	}	
	.navigation nav{
		display:block;
		padding:0;
		border:none;
	}
	
	.navigation .arrowBox{
		display:none;
	}
	
	#mainNavi{
		float:right;
		margin:0;
		padding:0;
		list-style:none;
		font-size:1.0em;
		font-weight:300;
		text-transform:uppercase;
		background:none;
		border-radius:0;
		border:none;
	}
	#rot #mainNavi,
	#blau #mainNavi,
	#grau #mainNavi,
	#gelb #mainNavi{
		border:none;
	}

		#mainNavi > li{
			float:left;
			border-left:1px solid #CCC;
			border-bottom:none;
		}
		#mainNavi > li:first-child{
			border:none;
		}
		#mainNavi > li:last-child{
			border-left:1px solid #CCC;
			border-bottom:none;
		}
		#mainNavi > li.more > a::after{
			position:relative;
			top:-4px;
			content:"";
			display:inline-block;
			/* By using an em scale, the arrows will size with the font */
			width:7px;
			height:7px;
			/*
			border-right:1px solid #013061;
			border-bottom:1px solid #013061;
			*/
			border-right:1px solid #d3d800;
			border-bottom:1px solid #d3d800;
			transform: rotate(45deg);
			margin-left:8px;
		}
		
		
		#rot #mainNavi > li.more > a::after{
			border-right:1px solid #e40614;
			border-bottom:1px solid #e40614;
		}
		#blau #mainNavi > li.more > a::after{
			border-right:1px solid #0075bf;
			border-bottom:1px solid #0075bf;
		}
		#grau #mainNavi > li.more > a::after{
			border-right:1px solid #888887;
			border-bottom:1px solid #888887;
		}
		#gelb #mainNavi > li.more > a::after{
			border-right:1px solid #fbb900;
			border-bottom:1px solid #fbb900;
		}

		
		
		#mainNavi > li > a,
		#mainNavi > li > a:visited{
			width:auto;
			display:block;
			padding:34px 20px 6px;
			color:#013061;
			text-decoration:none;
		}
		
		#mainNavi > li > a:hover,
		#mainNavi > li > a:active{
			width:auto;
			display:block;
			padding:34px 20px 6px;
			color:#d3d800;
			text-decoration:none;
		}
		
		#rot #mainNavi > li > a:hover,
		#rot #mainNavi > li > a:active{
			color:#e40614;
		}
		#blau #mainNavi > li > a:hover,
		#blau #mainNavi > li > a:active{
			color:#0075bf;
		}
		#grau #mainNavi > li > a:hover,
		#grau #mainNavi > li > a:active{
			color:#888887;
		}
		#gelb #mainNavi > li > a:hover,
		#gelb #mainNavi > li > a:active{
			color:#fbb900;
		}



		
		#mainNavi > li.active > a,
		#mainNavi > li.active > a:visited,
		#mainNavi > li.active > a:hover,
		#mainNavi > li.active > a:active{
			width:auto;
			display:block;
			padding:34px 20px 6px;
			color:#d3d800;
			text-decoration:none;
		}
		
		#rot #mainNavi > li.active > a,
		#rot #mainNavi > li.active > a:visited,
		#rot #mainNavi > li.active > a:hover,
		#rot #mainNavi > li.active > a:active{
			color:#e40614;
		}
		#blau #mainNavi > li.active > a,
		#blau #mainNavi > li.active > a:visited,
		#blau #mainNavi > li.active > a:hover,
		#blau #mainNavi > li.active > a:active{
			color:#0075bf;
		}
		#grau #mainNavi > li.active > a,
		#grau #mainNavi > li.active > a:visited,
		#grau #mainNavi > li.active > a:hover,
		#grau #mainNavi > li.active > a:active{
			color:#888887;
		}
		#gelb #mainNavi > li.active > a,
		#gelb #mainNavi > li.active > a:visited,
		#gelb #mainNavi > li.active > a:hover,
		#gelb #mainNavi > li.active > a:active{
			color:#fbb900;
		}
		
		
		#mainNavi > li.active > .subNavi{
			display:none;
		}		
		#mainNavi > li:hover > .subNavi{
			display:block;
		}
		
		
		
		#mainNavi > li:hover > a,
		#mainNavi > li:hover > a:visited,
		#mainNavi > li:hover > a:hover,
		#mainNavi > li:hover > a:active{
			color:#d3d800;
		}
		#rot #mainNavi > li.hover > a,
		#rot #mainNavi > li.hover > a:visited,
		#rot #mainNavi > li.hover > a:hover,
		#rot #mainNavi > li.hover > a:active{
			color:#e40614;
		}
		#blau #mainNavi > li.hover > a,
		#blau #mainNavi > li.hover > a:visited,
		#blau #mainNavi > li.hover > a:hover,
		#blau #mainNavi > li.hover > a:active{
			color:#0075bf;
		}
		#grau #mainNavi > li.hover > a,
		#grau #mainNavi > li.hover > a:visited,
		#grau #mainNavi > li.hover > a:hover,
		#grau #mainNavi > li.hover > a:active{
			color:#888887;
		}
		#gelb #mainNavi > li.hover > a,
		#gelb #mainNavi > li.hover > a:visited,
		#gelb #mainNavi > li.hover > a:hover,
		#gelb #mainNavi > li.hover > a:active{
			color:#fbb900;
		}
		
		
		
		.subNavi{
			display:none;
			position:absolute;
			top:60px;
			margin:0;
			padding:15px 15px;
			list-style:none;
			/*background:rgba(255, 255, 255, 0.8);*/
			background:#FFF;
			border-top:2px solid;
			border-color:#d3d800;
			text-align:left;
			font-size:1.0em;
			text-transform:none;
		}
		
		#rot .subNavi{
			border-color:#e40614;
		}
		#blau .subNavi{
			border-color:#0075bf;
		}
		#grau .subNavi{
			border-color:#888887;
		}
		#gelb .subNavi{
			border-color:#fbb900;
		}
		
		
			.subNavi > li{
				position:relative;
				padding:0 6px;
				white-space:nowrap;
				border-top:1px solid #CCC;
			}
			.subNavi li:first-child{
				border:none;
			}
			
			
			
				.subNavi > li:hover > a,
				.subNavi > li:hover > a:visited,
				.subNavi > li:hover > a:hover,
				.subNavi > li:hover > a:active{
					color:#d3d800;
				}
				
				#rot .subNavi > li:hover > a,
				#rot .subNavi > li:hover > a:visited,
				#rot .subNavi > li:hover > a:hover,
				#rot .subNavi > li:hover > a:active{
					color:#e40614;
				}
				#blau .subNavi > li:hover > a,
				#blau .subNavi > li:hover > a:visited,
				#blau .subNavi > li:hover > a:hover,
				#blau .subNavi > li:hover > a:active{
					color:#0075bf;
				}
				#grau .subNavi > li:hover > a,
				#grau .subNavi > li:hover > a:visited,
				#grau .subNavi > li:hover > a:hover,
				#grau .subNavi > li:hover > a:active{
					color:#888887;
				}
				#gelb .subNavi > li:hover > a,
				#gelb .subNavi > li:hover > a:visited,
				#gelb .subNavi > li:hover > a:hover,
				#gelb .subNavi > li:hover > a:active{
					color:#fbb900;
				}

				
				.subNavi > li > a, 
				.subNavi > li > a:visited{
					display:inline-block;
					text-decoration:none;
					padding:10px 0 7px;
					color:#013061;
				}
				.subNavi > li > a:hover, 
				.subNavi > li > a:active{
					display:inline-block;
					text-decoration:none;
					padding:10px 0 7px;
					color:#d3d800;
				}
				
				#rot .subNavi > li > a:hover, 
				#rot .subNavi > li > a:active{
					color:#e40614;
				}
				#blau .subNavi > li > a:hover, 
				#blau .subNavi > li > a:active{
					color:#0075bf;
				}
				#grau .subNavi > li > a:hover, 
				#grau .subNavi > li > a:active{
					color:#888887;
				}
				#gelb .subNavi > li > a:hover, 
				#gelb .subNavi > li > a:active{
					color:#fbb900;
				}
				
				.subNavi > li.active > a, 
				.subNavi > li.active > a:visited, 
				.subNavi > li.active > a:hover, 
				.subNavi > li.active > a:active{
					display:inline-block;
					text-decoration:none;
					padding:10px 0 7px;
					color:#d3d800;
				}
				
				
				#rot .subNavi > li.active > a, 
				#rot .subNavi > li.active > a:visited, 
				#rot .subNavi > li.active > a:hover, 
				#rot .subNavi > li.active > a:active{
					color:#e40614;
				}
				#blau .subNavi > li.active > a, 
				#blau .subNavi > li.active > a:visited, 
				#blau .subNavi > li.active > a:hover, 
				#blau .subNavi > li.active > a:active{
					color:#0075bf;
				}
				#grau .subNavi > li.active > a, 
				#grau .subNavi > li.active > a:visited, 
				#grau .subNavi > li.active > a:hover, 
				#grau .subNavi > li.active > a:active{
					color:#888887;
				}
				#gelb .subNavi > li.active > a, 
				#gelb .subNavi > li.active > a:visited, 
				#gelb .subNavi > li.active > a:hover, 
				#gelb .subNavi > li.active > a:active{
					color:#fbb900;
				}




/*#rot{}*/
.absoluteFixOb{
	width:auto;
	background:none !important;
}

header{
	width:970px !important;
	margin:0 auto !important;
	padding:0!important;
}
	
	
	

.slider{
	/*height:100vh;*/
	overflow:hidden;
	position:relative;
	z-index:0 ;
	margin:0;
	padding:0;
}

.fullHeight{
	height:100vh;
}

.sliderHeadline{
	text-align:center;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:55%;
	font-size:4.2em;
	font-weight:100;
	text-transform:none;
	color:#d3d800;
}

/*
.sliderHeadline:before{
	left:5px; top:50%; transform:translateY(-50%);
	content:""; text-indent: -9999px;	 
	width:60px;
	height:60px;
	margin-top:-30px;

	border-bottom:3px solid #d3d800; 	border-left:3px solid #d3d800;
	transform: rotate(45deg);
}
.sliderHeadline:after{
	display:block;
	position:absolute;
	z-index:999;
	right:5px;
	top:50%;
	transform:translateY(-50%);
	
	content:"";
	text-indent: -9999px;
	 
	width:60px;
	height:60px;
	margin-top:-30px;

	border-top:3px solid #d3d800;
	border-right:3px solid #d3d800;
	transform: rotate(45deg);
}
*/




		
		
.leistungenFix{
	width:100%;
	position:relative;
	z-index:10;
}




	
/*
.start-schwerpunkt a::after{
	position:relative;
	top:-0px;
	content:"";
	display:inline-block;
	width:10px;
	height:10px;
	border-right:1px solid #d3d800;
	border-bottom:1px solid #d3d800;
	transform: rotate(-45deg);
	margin-left:8px;
}
*/

.absoluteFix{
	width:100%;
	position:absolute;
	top:130px;
}

.introblock{
	background:rgba(198,210,0, 0.8);
	margin:0;
	padding:40px 40px;
	border-radius:7px;
}

#rot .introblock{
	background:rgba(228,6,20, 0.8);
}
#blau .introblock{
	background:rgba(0,117,191, 0.8);
}
#grau .introblock{
	background:rgba(177,177,177, 0.8);
}
#gelb .introblock{
	background:rgba(251,185,0, 0.8);
}




	.introblock h1{
		margin:0;
		padding:0 0 10px 0;
		text-transform:uppercase;
		font-weight:700;
		font-size:1.6em;
		word-wrap:break-word;
	}
	
	.introblock p{
		margin:0;
		padding:0;
	}



.blue-content-container{
	padding:20px 0;
	text-align:center;
}

.text{
	text-align:center;
	padding:0 50px;
}
.text-left{
	text-align:left;
}
	.text h1{
		margin:0;
		/*padding:0 0 30px;*/
		padding:0 0 10px;
		font-size:2.4em;
		font-weight:100;
	}
	
	.text h2{
		color:#d3d800;
		margin:0;
		/*padding:0 0 30px;*/
		padding:0 0 30px;
		font-size:1.8em;
		font-weight:100;
	}
	.text p{
		font-size:1.1em;
		font-weight:300;
	}

.black{
	border-color:#CECECE;
	margin:0 0 60px;
}

.gal{
	padding:0;
}

.gal h1{
	text-align:center;
}

.blue-content-container .divider,
.white-content-container .divider{
	margin:20px 0;
}

.karriere .divider{
	margin:20px 0;
}

.box{
	float:none;
	display:inline-block;
	vertical-align:top;
	margin:10px -2px 10px;
	padding:0 5px;
}
.unternehmens-box{
	display:block;
	text-align:center;
	background:#FFF;
	
	border-radius:7px;
	border:2px solid #d3d800;
}





	.unternehmens-box img{
		border-top-left-radius:5px;
		border-top-right-radius:5px;
	}
	
	.unternehmens-box h1,
	.unternehmens-box h3{
		font-size:1.3em !important;
		padding:0 10px 7px;
		border-bottom:1px solid #CCC;
		display:inline-block;
		color:#013061 !important;
	}
	

	.unternehmens-box p{
		font-size:0.9em;
		font-weight:300;
		padding:0 10px 5px;
	}
	
	a.unternehmens-box,
	a.unternehmens-box:visited{
		text-decoration:none;
		color:#013061;
	}
	
	a.unternehmens-box:hover,
	a.unternehmens-box:active{
		text-decoration:none;
		color:#013061;
	}
	
	
	
.white-content-container{
	position:relative;
	background:#FFF;
	text-align:center;
	padding:30px 0;
}

			

	.white-content-container .row  h1{

		font-size:2.8em;
		font-weight:100;
		color:#d3d800;
		text-transform:uppercase;
	}
	.blue-content-container .row  h1{
	
		font-size:2.8em;
		font-weight:100;
		color:#FFF;
		text-transform:uppercase;
	}
	
	.blue-content-container .row  h2{
		font-size:1.8em;
		font-weight:100;
		color:#FFF;
		text-transform:uppercase;
	}
	
	.galimg{
		margin:0;
		padding:3px;
	}
		.galimg img{
			border-radius:7px;
			border:2px solid #d3d800;
		}
		
	.galvid{
		position:relative;
		margin:0;
		padding:3px;
	}
		.galvid img{
			border-radius:7px;
			border:1px solid #d3d800;
		}
		.galvid .playbutton{
			position:absolute;
			left:50%;
			top:50%;
			transform:translate(-50%,-50%);
			outline:none;
			border:none;
		}
		
		
		
		


	.accoH1{
		position:relative;
		z-index:10;
		display:block;
		background:#013061;
		border:2px solid #d3d800;
		border-radius:7px;
		text-align:left !important;
		color:#FFF !important;
		margin:0 0 10px!important;
		padding:10px 60px 8px 20px !important;
		font-size:1.8em !important;
		cursor:pointer !important;
	}
	
	.refausgabe .accoH1{
		position:relative;
		z-index:10;
		display:block;
		background:#013061;
		border:2px solid #d3d800;
		border-radius:7px;
		text-align:left !important;
		color:#FFF !important;
		margin:0 5px 10px!important;
		padding:13px 60px 9px 20px !important;
		font-size:1.3em !important;
		cursor:pointer !important;
		word-wrap:break-word;
	}
	
	.accoH1  .arrowBox{
			position:absolute;
			top:50%;
			transform:translateY(-50%);
			right:25px;
			width:30px;
			height:30px;
			background:#FFF;
			border-radius:7px;
			border:1px solid #FFF;
			display:block;
			cursor:pointer;
		}
	.accoH1  .arrowDown{
			position:relative;
			content:"";
			display:inline-block;
			width:10px;
			height:10px;
			margin:7px 0 0 10px;
			border-right:1px solid #013061;
			border-bottom:1px solid #013061;
			transform:rotate(45deg);
		}
	.accoH1  .arrowUp{
			position:relative;
			content:"";
			display:inline-block;
			width:10px;
			height:10px;
			margin:11px 0 0 10px;
			border-top:1px solid #013061;
			border-left:1px solid #013061;
			transform:rotate(45deg);
		}
	
	.accoBlock{
		position:relative;
		z-index:0;
		
		margin: 0 0;
		padding:10px 0 20px;
		
	}	
	
	.bewerbungsForm{
		position:relative;
		z-index:0;
		
		margin: 0 0;
		padding:10px 0 20px;
	}	
		
		
		
		
		
		
		

.newsarea{
	padding:0 5px;
	position:relative;
}
	.newsblock{
	}

a.newsblock,
a.newsblock:visited{
	display:block;
	background:#013061;
	margin:0;
	padding-bottom:0;
	border:2px solid #d3d800;
	
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	overflow:hidden;
}
a.newsblock:hover,
a.newsblock.active{
	padding-bottom:0;
	background:#d3d800;
	color:#013061;
}
	.newsimg{
		height:auto;
		margin:0;
		padding:0;
	}
	.newsimg img{
		position:relative;
		top:0;
		left:0;
		transform:translate(0,0);
	}
	
	
	.newstext{
		display:block;
		color:#FFF;
		text-align:left;
	}
		.newstext h1{
			color:#FFF !important;
			padding:30px 0 20px;
			font-size:1.8em !important;
			line-height:1.0em;
			text-transform:none !important;
		}
		.newstext p{
            font-size: 0.95em;
			font-weight:300;
			text-align:left;
		}
		
.row > h1{
	padding:0 0 10px 0;
	font-weight:300;
}	


.referenzBloecke{
	background:#FFF;
	border:2px solid #d3d800;
	border-radius:7px;
	text-align:left;
	color:#013061;
}
.referenzBloecke h1{
	color:#013061;
}
.referenzBloecke p{
	color:#013061;
}






.arbeiten h2{
	font-size:1.4em !important;
	margin:0;
	padding:0 0 10px;
	color:#d3d800;
	font-weight:300;
}
.arbeiten p{
	display:inline-block;
	background:#d3d800;
	color:#013061;
	border:1px solid #d3d800;
	border-radius:7px;
	padding:1px 20px;
	margin:5px 10px 5px 0;
}
.referenzdetails strong{
	display:inline-block;
	width:170px;
}




.mitarbeiterFix{
	padding:0 20px;
}
		
.mitarbeiter{
	float:none;
	display:inline-block;
	vertical-align:top;
	margin:10px -2px 10px;
	padding:0 5px;
}		
		
.mitarbeiterBlock{
	display:block;
	background:#d3d800;
	border:2px solid #013061;
	border-radius:7px;
	overflow:hidden;
}		

.mitarbeiterBlockNeu{
	background:#d3d800;
	border:2px solid #013061;
	border-radius:7px;
	overflow:hidden;
	padding:0;
	margin-bottom:50px !important;
}

.maBild{
	margin:0;
	padding:0;
}

.maDetails{
	padding:20px 10px;
    color:#013061;
}
.maDetails i{
    color:#FFF;
}
.maDetails h4{
	margin:0;
	padding:0;
	color:#013061;
	font-weight:700;
	text-transform:uppercase;
}
.maDetails strong{
	display:block;
}
.maDetails p{
	margin:0;
	padding:10px 0 0;
}

.maDetails a,
.maDetails a:visited{
	color:#013061;
	text-decoration:none;
}

.maDetails a:hover,
.maDetails a:active{
	color:#FFF;
	text-decoration:none;
}









.karriere{
	margin:0;
	padding:0;
}
	.karriere .stellenangebot a,
	.karriere .stellenangebot a:visited{
		text-decoration:none;
		color:#FFF;
		background:#d3d800;
		border-radius:5px;
		border:1px solid #d3d800;
		padding:2px 8px;
		margin:0 0 8px;
		display:inline-block;
	}
	
	.karriere .stellenangebot a:hover,
	.karriere .stellenangebot a:active{
		text-decoration:none;
		color:#013061;
		background:#FFF;
		border-radius:5px;
		border:1px solid #d3d800;
		padding:2px 8px;
		margin:0 0 8px;
		display:inline-block;
	}
	
	.karriere > .col-md-9{
		margin:0;
		padding:0 5px;
	}
	
	.stellenangebot{
		margin:10px 0;
	}

	.stellenangebot h1{
		font-size:2.2em !important;
		padding:10px 0 5px;
		word-wrap:break-word;
        text-transform: none !important;
	}
    
    .stellenangebot h1 span{
		font-size:0.8em !important;
	}
    
    .stellenangebot h2{
        margin: 0;
        padding: 0 0;
        font-weight: 200;
        font-style: italic;
        font-size: 1.4em;
    }
	
	.stellenangebot p{
		padding:16px 0 6px;
	}
	
	.bewerbungsForm > .col-md-6{
		margin:0;
		padding:0 30px 20px 0;
	}
	
	.bewerbungsForm > .col-md-12{
		margin:0;
		padding:0 0 10px 0;
	}
	
	.bewerbungsForm .form-group label{
		padding:10px 0 0;
	}


	.videoBlock h1{
		font-size:2.4em;
		margin:0;
		padding:0 0 20px;
		text-transform:uppercase;
	}


	.neuigkeit .col-xs-12{
		padding-bottom:20px;
	}

	.neuigkeit h1{
		font-size:2.4em;
		margin:0;
		padding:0;
		text-transform:uppercase;
	}
	
	.neuigkeit .neugikeitImg{
		border:2px solid #d3d800;
		border-radius:7px;
		overflow:hidden;
	}
	
	.neuigkeitText h2{
		font-size:1.4em;
		margin:0;
		padding:0 0 20px;
		text-transform:uppercase;
		color:#d3d800;
	}



.gmaps{
	
}


.footer{
	position:relative;
	margin:0;
	padding:20px 0;
	background:#013061;
	color:#FFF;
	font-size:0.9em;
	text-align:center;
}
	#copyright{
		font-size:1.0em;
		float:left;
		padding:0;
	}
	#footerNavi{
		float:right;
		margin:0;
		padding:0;
		list-style:none;
	}
		#footerNavi li{
			float:left;
			margin:0;
			padding:0 0 0 5px;
			font-size:0.8em;
			font-weight:400;
			text-transform:uppercase;
		}
		
		
	
	#footericons{
		padding:30px 0 15px;
	}
		#footericons a{
			border:none;
			display:inline-block;
			width:36px;
			margin:0 6px;
			
			opacity:0.6;
  			-webkit-transition: opacity 0.5s ease-in-out;
			-moz-transition: opacity 0.5s ease-in-out;
			transition: opacity 0.5s ease-in-out;
		}
		
		#footericons a:hover{
			 opacity: 1.0;
		}
	
	.footer p a,
	.footer p a:visited{
		color:#FFF;
		text-decoration:none;
	}
	.footer p a:hover,
	.footer p a:active{
		color:#d3d800;
		text-decoration:none;
	}

	#rot .footer p a:hover,
	#rot .footer p a:active{
		color:#d3d800;
	}
	#blau .footer p a:hover,
	#blau .footer p a:active{
		color:#0075bf;
	}
	#grau .footer p a:hover,
	#grau .footer p a:active{
		color:#888887;
	}
	#gelb .footer p a:hover,
	#gelb .footer p a:active{
		color:#fbb900;
	}

	
	
	
.hideme{
	/*opacity:0;*/
	opacity:1;
}

}


@media only screen and (min-width:1200px){
.testC{
	width:1170px;
}
.sliderHeadline{
	width:70%;
}

header{
	width:1170px !important;
}
.starticons{
	width:100%;
	position:absolute;
	top:-200px;
	padding:0 20px;	
	background:none;
}
.schwerpunkte > h1{
	display:none;
}

.start-schwerpunkt a,
.start-schwerpunkt a:visited{
	position:relative;
	display:block;
	margin:5px 0;
	padding:5px 10px ;
	background:rgba(1,48,97, 0.8);
	font-size:1.2em;
	font-weight:100;
	line-height:40px;
	
	border-radius:7px;
	-moz-border-radius:7px;
	-ms-border-radius:7px;
	-webkit-border-radius:7px;
	-o-border-radius:7px;
	
	text-decoration:none;
	color:#FFF;
	
	-webkit-transition: background .5s ease-out;
	-moz-transition: background .5s ease-out;
	-o-transition: background .5s ease-out;
	transition: background .5s ease-out;
	
	border:2px solid #d3d800;
}
}





















@media only screen and (max-width:767px){
.referenz{
	border:2px solid #d3d800;
	border-radius:7px;
	-moz-border-radius:7px;
	-ms-border-radius:7px;
	-webkit-border-radius:7px;
	-o-border-radius:7px;
	padding:15px;
	background:#FFF;
	color:#013061;
}
.refMainImg{
	margin:0;
	padding:0 0 30px;
}
.refMainImg img{
	border:2px solid #d3d800;
	border-radius:7px;
	-moz-border-radius:7px;
	-ms-border-radius:7px;
	-webkit-border-radius:7px;
	-o-border-radius:7px;
}
	
.referenz h1{
	font-size:1.8em;
	margin:0;
	padding:0 0 10px 0;
}

.referenz .textarea{
	margin:0;
	padding:0;
}

.referenz .details{
	margin:0;
	padding:0;
}

.referenz .fakten,
.referenz .leistungen{
	margin:10px 0;
	padding:10px 0;
	border-top:1px solid #013061;
}
.referenz .fakten strong{

}

.referenz .leistungen ul{
	margin:0;
	padding:0;
}

.referenz .leistungen ul li{
	margin:0;
	padding:4px 0 5px;
}
}



@media only screen and (min-width:768px){
.referenz{
	border:2px solid #d3d800;
	border-radius:7px;
	-moz-border-radius:7px;
	-ms-border-radius:7px;
	-webkit-border-radius:7px;
	-o-border-radius:7px;
	padding:30px;
	background:#FFF;
	color:#013061;
}
.refMainImg{
	margin:0;
	padding:0 30px 10px 3px;
}
.refMainImg img{
	border:2px solid #d3d800;
	border-radius:7px;
	-moz-border-radius:7px;
	-ms-border-radius:7px;
	-webkit-border-radius:7px;
	-o-border-radius:7px;
}
		
.referenz h1{
	margin:0;
	padding:0 0 10px 0;
}

.referenz .details{
	margin:20px 0 0 0;
	padding:20px 0 30px;
	border-top:1px solid #013061;
}
.referenz .fakten strong{

}

.referenz .leistungen ul{
	margin:0;
	padding:0;
}
.referenz .leistungen ul li{
	margin:0;
	padding:4px 0 5px;
}
}



@media only screen and (min-width:1200px){
.referenz{
	border:2px solid #d3d800;
	border-radius:7px;
	-moz-border-radius:7px;
	-ms-border-radius:7px;
	-webkit-border-radius:7px;
	-o-border-radius:7px;
	padding:30px;
	background:#FFF;
	color:#013061;
}
.refMainImg{
	margin:0;
	padding:0 30px 30px 3px;
}
.refmainimg img{
	border:2px solid #d3d800;
	border-radius:7px;
	-moz-border-radius:7px;
	-ms-border-radius:7px;
	-webkit-border-radius:7px;
	-o-border-radius:7px;
}
		
.referenz h1{
	margin:0;
	padding:0 0 10px 0;
}

.referenz .details{
	margin:20px 0 0 0;
	padding:20px 0 30px;
	border-top:1px solid #013061;
}
.referenz .fakten strong{

}

.referenz .leistungen ul{
	margin:0;
	padding:0;
}
.referenz .leistungen ul li{
	margin:0;
	padding:4px 0 5px;
}
}





.red.referenz .refmainimg img{border:2px solid #e40614;}
.red.referenz h1{color:#e40614;}
.red.referenz{border:2px solid #e40614;}
.red.referenz h1,.referenz h2{color:#e40614;}
.red .refmainimg{border:2px solid #e40614;}
.red .galimg img{border:2px solid #e40614;}

.blue.referenz .refmainimg img{border:2px solid #0075bf;}
.blue.referenz h1{color:#0075bf;}
.blue.referenz{border:2px solid #0075bf;}
.blue.referenz h1,.referenz h2{color:#0075bf;}
.blue .refmainimg{border:2px solid #0075bf;}
.blue .galimg img{border:2px solid #0075bf;}

.yellow.referenz .refmainimg img{border:2px solid #fbb900;}
.yellow.referenz h1{color:#fbb900;}
.yellow.referenz{border:2px solid #fbb900;}
.yellow.referenz h1,.referenz h2{color:#fbb900;}
.yellow .refmainimg{border:2px solid #fbb900;}
.yellow .galimg img{border:2px solid #fbb900;}

.grey.referenz .refmainimg img{border:2px solid #888887;}
.grey.referenz h1{color:#888887;}
.grey.referenz{border:2px solid #888887;}
.grey.referenz h1,.referenz h2{color:#888887;}
.grey .refmainimg{border:2px solid #888887;}
.grey .galimg img{border:2px solid #888887;}




.red .leistungsliste a,
.red .leistungsliste a:visited {
	color:#e40614;
}
.red .leistungsliste a:hover,
.red .leistungsliste a:active{
	color:e40614;
}

.blue .leistungsliste a,
.blue .leistungsliste a:visited {
	color:#0075bf;
}
.blue .leistungsliste a:hover,
.blue .leistungsliste a:active{
	color:0075bf;
}

.yellow .leistungsliste a,
.yellow .leistungsliste a:visited {
	color:#fbb900;
}
.yellow .leistungsliste a:hover,
.yellow .leistungsliste a:active{
	color:fbb900;
}

.grey .leistungsliste a,
.grey .leistungsliste a:visited {
	color:#888887;
}
.grey .leistungsliste a:hover,
.grey .leistungsliste a:active{
	color:888887;
}


.leistungsliste{
	width:100%;
	margin:0;
	padding:0;
}

.leistungsliste > li{
	margin:0;
	padding:0 0 20px;
	list-style:none;
	font-weight:600;
	font-size:1.6em;
	text-transform:uppercase;
}

.leistungsliste > ul{
	margin:0;
	padding:0;
	list-style:none;
}

.leistungsliste > ul > li{
	margin:0;
	padding:0;
	font-weight:600;
	font-size:1.2em;
}

.leistungsliste > ul > ul{
	list-style:none;
	margin:0;
	padding:0 0 20px 14px;
}

.leistungsliste > ul > ul > li{
}

.leistungsliste > ul > ul > li:before {
    content: "+";
    margin-right: 6px;
}

.leistungsliste li ul li ul{
	margin:0;
	padding:0 0 0 20px;
}












.spezialbereiche{
    padding: 80px 0 40px;
}

.spezialbereiche .spezial-hauptbild{
    margin-bottom: 30px;
}

.spezialbereiche h3{
    font-weight: 300;
}

.spezialbereiche .eingerahmt{
    padding-top: 20px;
    padding-bottom: 20px;
    margin: 30px 0;
    border-radius: 7px;
    border: 2px solid #d3d800;
    background-color: #DBDCDE;
    color: #153266;
}

.spezialbereiche .eingerahmt h1,
.spezialbereiche .eingerahmt h2,
.spezialbereiche .eingerahmt h3{
    color: #153266;
}