/* CSS Document */


/*Startseite*/
.DIV-CLASS-StartWrapperOuter{
	
	display: inline-block;
	width: 100%;
	margin-bottom: 40px;
	
	}

.DIV-CLASS-StartWrapperText{
	
	display: inline-block;
	float: left;
	width: 100%;
	box-sizing: border-box;
	
	padding-bottom:15px;
	
	line-height: 1.5;
}

.DIV-CLASS-StartWrapperMedia{
	
	display: inline-block;
	float: left;
	width: 100%;
	box-sizing: border-box;
}

.DIV-CLASS-ImgStart{
	width: 100%;
	height: 400px;
	display: inline-block;
    overflow: hidden;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    box-sizing: border-box;
	}


/*Projekte & Leistungen*/

.DIV-CLASS-ProTitleWrapperOuter{
	
	background-color:#F1F3F5;
	
	width: 100%;
	height: auto;
	overflow: auto;
	display: block;
	
	margin-bottom: 60px;
	
	}

			


.DIV-CLASS-ProWrapperOuter{
	width:100%;
	display:table;
	
	margin-bottom:0px;	
}




.DIV-CLASS-Pro{
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
	vertical-align:top;
	
	margin-bottom:50px;
}
.DIV-CLASS-ProEmpty{
	display: none;
	width:100%;
	height:100%;
	overflow:hidden;
	vertical-align:top;
	
	margin-bottom:40px;
}

.DIV-CLASS-Ausz{
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
	vertical-align:top;
	
	margin-bottom:50px;
}
.DIV-CLASS-AuszEmpty{
	display: none;
	width:100%;
	height:100%;
	overflow:hidden;
	vertical-align:top;
	
	margin-bottom:40px;
}



.DIV-CLASS-ProWrapper{
	display:table;
	width:100%;
	height:100%;
	
}
.DIV-CLASS-ProWrapperRow{
	display:table-row;
	width:100%;
}




.DIV-CLASS-ImgPro{
	width:100%;
	height:300px;
	display:inline-block;
	
	
	
	overflow:hidden;
	
	background-position:center center;
	background-size: cover;
	background-repeat:no-repeat;
	

	
	box-sizing:border-box;
}


.DIV-CLASS-ImgAusz{
	width:100%;
	height:220px;
	display:inline-block;
	
	
	
	overflow:hidden;
	
	background-position:top center;
	background-size: cover;
	background-repeat:no-repeat;
	
	border: solid 1px #000000;

	
	box-sizing:border-box;
}







.DIV-CLASS-BoxContentWrapper{
	width:100%;
	display:inline-block;
	box-sizing:border-box;
	float: left;
	
	position: relative;
	z-index: 1;
	
	
}

.DIV-CLASS-ProContentWrapper{
	margin-top: -120px;
}

.DIV-CLASS-AuszContentWrapper{
	margin-top: -60px;
}

.DIV-CLASS-BereichContentWrapper{
	margin-top: -60px;
}


.SPAN-CLASS-ProSubline{
	width:auto;
	display:inline-block;
	box-sizing:border-box;
	float:left;
	
	background-color: #00843E;
	padding: 3px;
	padding-left: 10px;
	padding-right: 10px;
	
	font-family: zeitung;
	font-weight: bold;
	font-size: 10pt;
	color: #ffffff;
	
	
}

.SPAN-CLASS-ProHedline{
	width: 100%;;
	display:inline-block;
	box-sizing:border-box;
	float:left;
	
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	
	font-family: zeitung;
	text-transform: uppercase; 
	font-size: 12pt;
	color: #ffffff;

}



A:link.LINK-CLASS-ProHeadline{
	width: 100%;;
	display:inline-block;
	box-sizing:border-box;
	float:left;
	
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	
	font-family: zeitung;
	text-transform: uppercase; 
	font-size: 12pt;
	color: #ffffff;
	text-decoration: none;

	
}
A:visited.LINK-CLASS-ProHeadline{
	color: #ffffff;
	text-decoration: none;

}
A:hover.LINK-CLASS-ProHeadline{
	color: #ffffff;
	text-decoration: underline;

}







/* Layout für Tablet-PCs*/

@media only screen and (min-width: 481px) {
	
	.DIV-CLASS-ProContentWrapper{
		margin-top: -90px;
	}



	
}

/* Desktoplayout*/

@media only screen and (min-width: 1080px) {
	
	
	/*Startseite*/
	.DIV-CLASS-StartWrapperText{
		width: 33.3%;
		padding-right: 20px;
		padding-bottom: 0;
	}
	
	.DIV-CLASS-StartWrapperMedia{
		width: 66.6%;
		padding-left: 10px;
	}
	
	
	/*Projekte & Leistungen*/
	.DIV-CLASS-Pro{
		display:table-cell;
		width:33.3%;
		
		margin-bottom:0px;
	
	}
	.DIV-CLASS-ProEmpty{
		display:table-cell;
		width:33.3%;
		
		margin-bottom:0px;
	}
	
	.DIV-CLASS-Ausz{
		display:table-cell;
		width:33.3%;
		
		margin-bottom:0px;
	
	}
	.DIV-CLASS-AuszEmpty{
		display:table-cell;
		width:33.3%;
		
		margin-bottom:0px;
	}
	
	.DIV-CLASS-ImgAusz{
	
		height:550px;
		background-position:center center;
	}

	

	
	
	.DIV-CLASS-ProWrapperOuter{
		margin-bottom:40px;
		
	}
	
	#DIV-ID-Pro1{
		padding-right:20px;
	}
	#DIV-ID-Pro2{
		padding-left:10px;
		padding-right:10px;
	}
	#DIV-ID-Pro3{
		padding-left:20px;
	}
	

	
	
}

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