body {
	padding: 0;
    margin: 0;
	background-color: #E9E9E9;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
	line-height: 20px;
	color: #2A2E32;
	line-height: 26px;
}

html {
	overflow-y: scroll;
}

img, video {
	border: 0px;
	padding: 0px;
	margin: 0px;
	line-height: 0px;
}


a {
	outline: 0;
	color: #0F828E;
	-webkit-transition: all 0.2s ease-out, all 0.3s ease-in !important;
	-moz-transition: all 0.2s ease-out, all 0.3s ease-in !important;
	 -o-transition: all 0.2s ease-out, all 0.3s ease-in !important;
	transition: all 0.2s ease-out, all 0.2s ease-in !important;
}

/*----------------------------------------------------------------*/
/* Typo */
/*----------------------------------------------------------------*/

	h1, h2, h4, h5, h6 {
		font-family: 'Open Sans', sans-serif;
	}
	
	h2 {
		font-size: 15px;
		color: #00818F;
		text-transform: uppercase;
		font-weight: lighter;
		letter-spacing: 2px;
		padding: 0px;
		margin: 0px;
		padding-bottom: 10px;
	}
	
	h3 {
		font-size: 30px;
		color: #4E4E4E;
		font-weight: lighter;
		letter-spacing: 100;
		padding: 0px;
		margin: 0px;
		padding-bottom: 25px;
	    line-height: 45px;
	}
	
.grid-two-colums {
   	column-count: 2; 
	column-gap: 8%;
	column-width: 46%;
	display: block;
	text-align: left;
}	

	.grid-two-colums p {
		margin-top: 0px;
	   hyphens:auto;
	   orphans:3;
	   widows: 3;
	}
	
	
.grid-one-colum {
	display: block;
	text-align: left;
	width: 70%;
	margin: 0 auto;
}	

/*----------------------------------------------------------------*/
/* Seitengestaltung Basic */
/*----------------------------------------------------------------*/

#header-wrapper {
	width: 100%;
	background-image: url(../gfx/layout/ground_header.png); background-position: left bottom; background-repeat: repeat-x;
	padding-bottom: 19px;
	overflow: auto;
	z-index: 200;
	position: relative;
}

	#header-spacer {
		background-color: #FFFFFF;
	}

	#header {
		
	}
	
		#logo {
			margin-top: 30px;
		}
	
		#menu {
			width: 70%;
			float: left;
		}
		
			#impressum {
				padding-top: 40px;
			}
		
				#impressum a {
					font-size: 12px;
					color: #999999;
					padding-right: 15px;
					text-decoration: none;
					text-transform: uppercase;		
					display: inline-block;		
				}
				
				#impressum a:hover {
					color: #000;
				}
		
		#logo {
			width: 30%;
			float: right;			
    		text-align: right;
		}

.grid-960 {
	width: 70%;
	min-width: 1200px;
	overflow: auto;
	padding: 0px;
	margin: 0 auto;
	z-index: 50;
	clear: both;
}

	.headlinebox {
		background-color: #00818F;
		color: #fff;
	}
	
		.ground_headlinebox {
			background-image: url(../gfx/layout/ground_headlinebox.jpg); background-position: right top; background-repeat: no-repeat;
		}
	
		.headlinebox h3 {
			font-size: 40px;
			color: #959595;
		    text-align: left;
			margin: 0px;
			padding: 0px;
			background-image: url(../gfx/layout/ground_h3.png); background-position: right top; background-repeat: no-repeat;
			padding-top: 40px;
			padding-bottom: 40px;
			display: inline-block;
			float: left;
			min-width: 380px;
		}

#whitebar-wrapper {
	background-color: #fff;
	padding-top: 45px;
	padding-bottom: 45px;
	text-align: center;
	color: #726C63;
}
	
#ambient-wrapper {
	background-color: #1E8590;
	min-height: 150px;
	color: #fff;
	z-index: 100;
	margin-top: -19px;
}	

	#ambient-wrapper img, video  {
		width: 100%;
		height: auto;
		display: block;
	}


#graybar-wrapper {
	background-color: #E9E9E9;
	padding-top: 45px;
	padding-bottom: 45px;
	text-align: center;
	color: #726C63;
}

#feature-wrapper {
	display: block;
	overflow: auto;
}

	.spacer {
		margin-bottom: 25px;
	}

#footer-wrapper {
	font-size: 12px;
	text-align: center;
	margin-top: 50px;
	padding-bottom: 75px;
}	
	#footer-wrapper span {
		padding-left: 15px;
		padding-right: 15px;
	}

	.footer {
		border-top: 1px solid #AEAEAE;
		padding-top: 25px;
	}
	
#googlemaps {
	background: #fff;
	position: relative;
   	clear: both;
}

#googlemaps iframe {
	width: 100vw;
	max-width: 100%;
	height: 35vw;
	display: block;
}

/* das Overlay-Element: */
.ueberlagern {
	background:transparent; /* unsichtbar machen */
	position:relative; /* Position relativ machen um z-index zu verändern */
	z-index: 100; /* sicher ist sicher */
	width:100%; /* iFrame Breite */
	height: 35vw; /* iFrame Höhe */
	top: 35vw;  /* iFrame Höhe nach unten positionieren */
	margin-top:-35vw;  /* iFrame Höhe, um den Platz des Elments freizugeben */
 
}

.grid40 {
	width: 36%;
	float: left;
	text-align: left;
	padding-bottom: 25px;
}

.grid60 {
	width: 56%;
	float: right;
	text-align: left;
	padding-bottom: 25px;
}

.grid50 {
	width: 50%;
	float: left;
	padding-bottom: 25px;
}

.grid-50p {
	width: 50%;
	float: left;
}

.adressBox {
	text-align: left;
	width: 26.5%;
}

.grid-70p {
	width: 65%;
	float: left;
}

.grid-30p {
	width: 35%;
	float: left;
}

	.grid-image img {
		display: block;
		width: 100%;
		height: auto;
	}
	
	.grid-text {
		padding: 70px;
	}
	
	.grid-green {
		background: #00818F;
		color: #fff;
	}	
	
	.grid-gray {
		background: #5B5B5B;
		color: #fff;
	}	
	
		#feature-wrapper h2, #feature-wrapper h3 {
			color: #fff;
		}

a.button {
	color: #00818F;
	text-decoration: none;
	padding: 4px 8px;
	border: 1px solid #00818F;
	margin-top: 20px;
	margin-bottom: 20px;
	display: block;
    width: 250px;
}

/*----------------------------------------------------------------*/
/* Mainmenu */
/*----------------------------------------------------------------*/

#mainmenu {
	margin-top: 15px;				
	margin-bottom: 45px;
}
				
	#mainmenu a {
		font-size: 20px;
		padding-top: 15px;
		padding-right: 20px;
		text-decoration: none;
		text-transform: uppercase;		
		display: inline-block;			
		-webkit-transition: all 0.2s ease-out, all 0.3s ease-in !important;
		-moz-transition: all 0.2s ease-out, all 0.3s ease-in !important;
		 -o-transition: all 0.2s ease-out, all 0.3s ease-in !important;
		transition: all 0.2s ease-out, all 0.2s ease-in !important;
	}
	
	a.menuon {
		background-image: url(../gfx/layout/ground_mainmenu.png); background-position: left top; background-repeat: no-repeat;
		color: #00818F;
	}
	
		#mainmenu a:hover {
			background-image: url(../gfx/layout/ground_mainmenu.png); background-position: left top; background-repeat: no-repeat;
			color: #00818F;
			-webkit-transition: all 0.2s ease-out, all 0.3s ease-in !important;
			-moz-transition: all 0.2s ease-out, all 0.3s ease-in !important;
			-o-transition: all 0.2s ease-out, all 0.3s ease-in !important;
			transition: all 0.2s ease-out, all 0.2s ease-in !important;
		}
	
	a.menuoff {
		color: #464646;
	}
	
/*----------------------------------------------------------------*/
/* Startseite */
/*----------------------------------------------------------------*/

.circle {
	width: 60px;
    padding: 18px 15px;
	box-sizing: border-box;
	border-radius: 300px;
	background: #464646;
	color: #fff;
	font-size: 25px;
	font-weight: lighter;
	margin-bottom: 15px;
	margin-top: 15px;
}

.circle_text {
	width: 80%;
}

.circle_text h5 {
	padding: 0px;
	margin: 0px;
	font-size: 14px;
}

/*----------------------------------------------------------------*/
/* Referenzen */
/*----------------------------------------------------------------*/

.refergrid img {
	width: 33.3333333333333333333333333333333333333333333333333333333333333333%;
	height: auto;
	float: left;
	display: block;
}

	.refer_vertical {
		float: right !important;
	}
	
	.refer_horizontal {
		float: left;
		width: 66.666% !important;
	}
	
	.refer_semifull {
		float: left;
		width: 66.666% !important;
	}	
	
	.refer_txt {
		padding: 45px;
		clear: both;
		display: block;
	}

/*----------------------------------------------------------------*/
/* Referenzen */
/*----------------------------------------------------------------*/

.grid-602p {
    width: 56%;
    float: left;
	text-align: left;
}

.rightmargin {
    margin-left: 60px;
}

.grid-302p {
    width: 30%;
    float: right;
	text-align: left;
}

/*----------------------------------------------------------------*/
/* Unternehmen */
/*----------------------------------------------------------------*/

.jobPictures img {
	width: 98%;
	height: auto;
    padding-left: 1%;
	padding-bottom: 2%;
	padding-top: 4%;
}


/*----------------------------------------------------------------*/
/* Kontakt */
/*----------------------------------------------------------------*/

.contactbox {
	width: 21.2%;
	margin-right: 5%;
	float: left;
	font-size: 12px;
	margin-bottom: 45px;
}

	.contactbox:nth-child(4n) {
		margin-right: 0%;
	}

.contactbox img {
	width: 100%;
	height: auto;
}


.contactbox h2 {
    font-size: 22px;
    color: #00818F;
    font-weight: lighter;
    letter-spacing: 100;
    padding: 0px;
    margin: 0px;
    padding-top: 25px;
    line-height: 35px;
	text-transform: none;
}

.contactbox h3 {
	font-size: 15px;
    color: #4E4E4E;
    text-transform: uppercase;
    font-weight: lighter;
    letter-spacing: 2px;
    padding: 0px;
    margin: 0px;
    padding-bottom: 30px;
	line-height: 20px;
    height: 60px;
	background-image: url(../media/kontakt/spacer.png); background-position: center bottom; background-repeat: no-repeat;
}