<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */

html {
	font-size: 12px;
	line-height: 23px;	
}

#wrapEnv {
	width: 300px;
	margin: 0 auto;
	text-align:left;
}
	
.center {
	text-align: center;
}

.wrapperImage {
	float:left;
	position: relative;
	width: 100%;
	height: 270px;
	overflow:hidden;
}

.wrapperIntro {
	float:left;
	position: relative;
	width: 100%;
	padding: 75px 0 75px 0;
	background-color:#443F3B;
}

.wrapperProjects {
	float:left;
	position: relative;
	width: 100%;
	padding-bottom: 100px;
	background-color:#443F3B;
}

.wrapperTeam {
	float:left;
	position: relative;
	width: 100%;
	padding-bottom: 25px;
	background-color:#252525;
}

.wrapperFooter{
	float:left;
	position: relative;
	width: 100%;
	padding: 50px 0 100px 0;
	background-color:#252525;
}



#envelopeImage {
	width: 100%;
	height: 270px;
	margin: 0 auto;
	text-align:left;
	position:relative;
}

.arrowLayer {
	position: absolute;
	top: 0px;
	left:0px;
	width: 100%;
	height: 270px;
	margin: 0 auto;
	text-align:left;
	background-repeat:no-repeat;
	background-position: center;
	background-size: cover; 
}

#leftArrow {
	position: absolute;
	top: 0;
	left: 0;
	height: 270px;
	width: 70px;
	cursor: pointer;
	background-image:url(../pics/arrowLeft.png);
	background-repeat:no-repeat;
	background-position: 0 15px;
	background-size: 50%;
	z-index: 1000;
	display:block;
}
#rightArrow {
	position: absolute;
	top: 0;
	right: -35px;
	height: 270px;
	width: 70px;
	cursor: pointer;
	background-image:url(../pics/arrowRight.png);
	background-repeat:no-repeat;
	background-position: 0 15px;
	background-size: 50%;
	z-index: 1000;
	display:block;
}

.titleImage {
	height: 270px;
	width: 100%;
	background-size: cover !important;	
	background-position: center center;
}

#featureText {
	position: absolute;
	top: 210px;
	right: 30px;
	height: 20px;
	width:auto;
	color: #FFF;
	display: block;
	z-index: 10;
}

#featureTitle {
	float: left;
	font-size: 14px;
	color: #e41d25;
	text-transform: uppercase;
	letter-spacing: .10em;
	z-index: 10;
}

#content50 {
	float:left;
	width: 300px;
}

.contentTop {
	padding-top: 0;
}

#contentButton {
	float:left;
	width: 300px;
	margin-top: 30px;
}

#logoImage {
	width: 250px;
	height: 76px;
	margin: 0 0 30px 0;
}

#projectTitleObjekte {
	float: left;
	width: 100%;;
	height: 180px;
	background-image:url(../pics/titleObjekte.gif);
	background-repeat:no-repeat;
	background-position: center;
	background-color: #b1b1b1;
}

#projectTitleProjekte {
	float: left;
	width: 100%;
	height: 180px;
	background-image:url(../pics/titleProjekte.gif);
	background-repeat:no-repeat;
	background-position: center;
	background-color: #b1b1b1;
}

#projectTile {
	position: relative;
	float: left;
	width: 100%;
	height: 180px;
	margin: 0;
	background-repeat:no-repeat;
	background-position: center;
	background-size: cover; 
	overflow:hidden;
}

#projectTile a {
	text-decoration: none;
	float: left;
	width: 100%;
	height: 180px;
}

#projectTile a:hover {
	cursor: pointer;
}

.desc {
	position: absolute;	
	top: 180px;
}

.descText {
	position: absolute;	
	top: 180px;
}

#projectTile a:hover .desc {
	display: block;
	background: #000;
	filter:alpha(opacity=50);
	opacity:.50;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 180px;
}

#projectTile a:hover .descText {
	display: block;
	position: absolute;
	color: #fff;
	top: 0;
	left: 0;
	padding-top: 70px;
	width: 100%;
	height: 180px;
}


#teamTile {
	position: relative;
	float: left;
	height: 271px;
	margin: 0;
	background-repeat:no-repeat;
	background-position: center;
	background-size: cover;
	/*background-size: auto 271px;*/
	overflow:hidden;
}

#teamTile a {
	text-decoration: none;
	float: left;
	width: 100%;
	height: 271px;
}

#teamTile:hover {
	cursor: crosshair;
	background-size: auto 325px;
}

.teamDesc {
	position: absolute;	
	top: 271px;
}

.teamDescText {
	position: absolute;	
	top: 271px;
}

.teamDescText1 {
	float:left;
	width: 100%;
}

.teamDescText2 {
	float:left;
	width: 100%;
	font-size: 12px;
	line-height: 18px;
	margin-top: 2px;
}

#teamTile:hover .teamDesc {
	display: block;
	background: #000;
	filter:alpha(opacity=50);
	opacity:.50;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	position: absolute;
	top: 135px;
	left: 0;
	width: 100%;
	height: 136px;
}

#teamTile:hover .teamDescText {
	display: block;
	position: absolute;
	color: #fff;
	top: 0;
	left: 0;
	padding-top: 155px;
	width: 100%;
	height: 271px;
}

.teamTop {
	padding-top:150px;
}
	
#mapLink {
	float:left;
	width: 300px;
	height: 155px;
	background-image:url(../pics/mapLink.gif);
	background-repeat:no-repeat;
	background-position: center;
	background-size: cover; 
}

#backButton {
	float:left;
	width: 38px;
	height: 38px;
	background-image:url(../pics/buttonBack.png);
	background-repeat:no-repeat;
	background-position: center;
	background-size: 75%;
}

h1 {
	font-size:24px;
	line-height: 28px;
}

h2 {
	font-size:16px;
	line-height: 24px;
}


.slick-slider .slick-list {
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
}


/* NAV POPUP */

.navIcon {
	position: fixed;
	top: 50px;
	right: 50px;
	width: 20px;
	height: 14px;
	cursor: pointer;
	z-index: 9999;
}

.navEnv {
	/*display: none;*/
	position: fixed;
	top: 100px;
	right: -260px;
	width: 260px;
	font-size: 14px;
	color: #FFF;
	background-color: #443F3B;
	z-index: 9999;
}

.navEnv ul {
	padding: 0;
	letter-spacing: 1px;
	cursor: pointer;
}

.navEnv ul li {
	border-bottom: 1px solid #FFF;
	padding: 12px 0 12px 12px;
	display: block;
}

.navEnv ul li:hover {
	border-bottom: 1px solid #FFF;
	color: #443F3B;
	background-color: #FFF;
	padding: 12px 0 12px 12px;
	display: block;
}

a.navEnv {
	color: #FFF;
}


.navEnv ul li:first-child:hover {
	border-top: 1px solid #FFF;
	border-bottom: none;
}


.navEnv ul li:last-child {
	display: block;
	height: 27px;
	padding: 25px 0 4px 12px;
	border-bottom: none;
	background-image: url("../pics/iconInstaB.gif");
	background-position: left 12px center;
	background-repeat: no-repeat;
}

.navEnv ul li:last-child:hover {
	border-bottom: 1px solid #FFF;
	background-image: url("../pics/iconInstaBW.gif");
}

</pre></body></html>