@charset "UTF-8";
/* CSS Document */
@font-face {
    font-family: 'Parkson-Medium';
    src: url('../fonts/Parkson-Medium.woff2') format('woff2'),
        url('../fonts/Parkson-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Parkson-DemiBold';
    src: url('../fonts/Parkson-DemiBold.woff2') format('woff2'),
        url('../fonts/Parkson-DemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Parkson-SemiBold';
    src: url('../fonts/Parkson-SemiBold.woff2') format('woff2'),
        url('../fonts/Parkson-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Parkson-Bold';
    src: url('../fonts/Parkson-Bold.woff2') format('woff2'),
        url('../fonts/Parkson-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
  font-family: 'ParksonPERSONALUSE-DemiBold';
  src: url(../fonts/ParksonPERSONALUSE-DemiBold.woff) format('woff');
		font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "HelveticaNeueLTStd-Cn";
  src: url("../fonts/HelveticaNeueLTStd-Cn.woff") format("woff"), /* Modern Browsers */
    url("../fonts/HelveticaNeueLTStd-Cn.woff2") format("woff2"); /* Modern Browsesrs */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "HelveticaNeueLTStd-BdCn";
  
  src:  url("../fonts/HelveticaNeueLTStd-BdCn.woff") format("woff"), /* Modern Browsers */
    url("../fonts/HelveticaNeueLTStd-BdCn.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "HelveticaNeueLTStd-LtCn";
  src: url("../fonts/HelveticaNeueLTStd-LtCn.woff") format("woff"), /* Modern Browsers */
    url("../fonts/HelveticaNeueLTStd-LtCn.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "HelveticaNeueLTStd-BlkCn";   
  src:   url("../fonts/HelveticaNeueLTStd-BlkCn.woff") format("woff"), /* Modern Browsers */
    	url("../fonts/HelveticaNeueLTStd-BlkCn.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

body {
	color:#000;
	background-color: #fff;		
}			
#wrapperouterDiv {	
	background-color:white;	
	width: 75.6%;
	max-width: 1760px;
	margin-left: auto; margin-right: auto;		
}
#outer{
	//width: calc();
	float: left;
	left:0;
	height: 100vh;
	top:0;
	position: fixed;
}
* { box-sizing: border-box; }

#header {
	float: left;
	//margin-left: 0px;	
	text-align: center;
	//margin-left: auto; margin-right: auto;	
}

#header  h1 {
	font-size: 18px;
	color: #000;
	font-family: "HelveticaNeueLTStd-BlkCn" , sans-serif;
	margin-top: 40px;
	
}

#header  a h1 {
	font-size: 18px;
	color: #000;
	font-family: "HelveticaNeueLTStd-BlkCn" , sans-serif;
	margin-top: 40px;	
	
}

h3 {
	font-size: 14px;
	color: #000;
	font-family: "HelveticaNeueLTStd-Cn" , sans-serif;
	margin-top:16px;
}

.right {
	position: absolute;
	right: 30px;
	font-size: 16px !important;
	font-family: "HelveticaNeueLTStd-LtCn";
	margin-top: -20px;		
}
/* ---- isotope ---- */
/* default style */
.selectnav { display: none; }

/* small screen */
@media screen and (max-width: 640px) {
  .js #nav { display: none; }
  .js .selectnav { display: block; }
}
.container {
  	border: 0px solid #fff;
	width: 100%;
	margin-left: auto;
  	margin-right: auto;
	margin-top: 0;
	padding-bottom: 60px;
	min-width: 600px;		
}

/* clear fix */
.container:after {
  	content: '';
  	display: block;
  	clear: both;
}

/* ---- .element-item ---- */
/*#navCont {
		//border: 0px solid #fff;
	width: 100%;
	margin-left: auto;
  	margin-right: auto;
	margin-top: 50px;
	min-width: 280px;
	max-width: 1800px;
		
	}	*/

/*  mobile screen 600 */
@media only screen and (max-width: 480px) {

	#wrapperouterDiv {	
	background-color:transparent;	
	width: 78.0%;
	margin-left: auto; margin-right: auto;	
	padding-left: 0%;
	padding-top: 8.0%;
}
.element {
  	position: relative;
  	float: left;
  	width: 99%;
  	height: auto;	
  	margin-bottom: 10.0%;
	
  	background: #000;
  	color: #000;
	overflow: hidden; 
	border:0px solid  #000;
}

.elementProject {
  	position: relative;
  	float: left;
  	width: 99%; 	
  	margin-bottom: 10.0%;
  	background: #000;
	overflow: hidden; 
	border:0px solid  #E2E2E2;
}  
.inv {
	display:none;
}
.inv1 {
	display:none;
}
}/* small pad screen  */
/*@media only screen and (min-width: 480px) {
	#wrapperouterDiv {	
	background-color:transparent;	
	margin-left: auto; margin-right: auto;	
		width: 75.6%;
		width: 94%;
}
.element {
  	position: relative;
  	float: left;
  	width: 44%;
  	height: auto;	
  	margin: 3%;
  	background: #000;
  	color: #000;
	overflow: hidden; 
	border:0px solid  #000;
}
	
.elementProject {
  	position: relative;
  	float: left;
  	width: 44%; 	
  	margin: 3%;
  	background: #000;
	overflow: hidden; 
	border:0px solid  #E2E2E2;
} 
	.inv {
	display:none;
}
	.inv1 {
	display:none;
}
}*/

/* pad screen 768 */
@media only screen  and (min-width: 480px)  {

.element {
  	position: relative;
  	float: left;
  	width: 30%;
  	height: auto;	
  	margin-left: 1.3%;
	margin-right: 1.3%;
	margin-top: 1.3%;
	margin-bottom: 1.3%;
  	background: #000;
  	color: #000;
	overflow: hidden; 
	border:0px solid  #000;
}
	
.elementProject {
  	position: relative;
  	float: left;
  	width: 30%; 	
  	margin-left: 1.3%;
	margin-right: 1.3%;
	margin-top: 1.3%;
	margin-bottom: 1.3%;
  	background: #000;
	overflow: hidden; 
	border:0px solid  #E2E2E2;
} 
	#wrapperouterDiv {	
	background-color:transparent;	
	width: 100.0%;
	margin-left: auto; margin-right: auto;	
	padding-left: 1.3%;
	padding-top: 1.2%;
}
	.inv {
	display:none;
}
	.inv1 {
	display:none;
}
}

/*  screen 992 */
@media only screen and (min-width: 768px) {
.element {
 	position: relative;
  	float: left;
  	width: 22.7%;
  	height: auto;	
  	margin-left: 0.93%;
	margin-right: 0.93%;
	margin-top: 0.6%;
	margin-bottom: 0.6%;
  	background: #000;
  	color: #000;
	overflow: hidden; 
	border:0px solid  #000;
}
	
.elementProject {
  	position: relative;
  	float: left;
  	width: 22.7%; 	
  	margin-left: 0.93%;
	margin-right: 0.93%;
	margin-top: 0.6%;
	margin-bottom: 0.6%;
  	background: #000;
	overflow: hidden; 
	border:0px solid  #E2E2E2;
}  
	
	#wrapperouterDiv {	
	background-color:transparent;	
	width: 100.0%;
	margin-left: auto; margin-right: auto;	
	padding-left: 0.93%;
	padding-top: 0.5%;
}
	.inv {
	display:none;
}
	.inv1 {
	display:none;
}		
}

/*  screen 992 */
@media only screen and (min-width: 992px) {
.element {
 	position: relative;
  	float: left;
  	width: 18.1%;
  	height: auto;	
  	margin-left: 0.8%;
	margin-right: 0.8%;
	margin-top: 0.4%;
	margin-bottom: 0.4%;
  	background: #000;
  	color: #000;
	overflow: hidden; 
	border:0px solid  #000;
}
	
.elementProject {
  	position: relative;
  	float: left;
  	width: 18.1%; 	
  	margin-left: 0.8%;
	margin-right: 0.8%;
	margin-top: 0.4%;
	margin-bottom: 0.4%;
  	background: #000;
	overflow: hidden; 
	border:0px solid  #E2E2E2;
}  
	
	#wrapperouterDiv {	
	background-color:transparent;	
	width: 100.0%;
	margin-left: auto; margin-right: auto;	
	padding-left: 0.76%;
	padding-top: 0.38%;
}
	.inv {
	display:none;
}
	.inv1 {
	display:none;
}		
}

/*  screen 1280 */
@media only screen and (min-width: 1280px) {
.element {
 	position: relative;
 	float: left;
  	width: 15.0%;
  	height: auto;	
  	margin-left: 0.7%;
	margin-right: 0.7%;
	margin-top: 0.3%;
	margin-bottom: 0.3%;
  	background: #000;
  	color: #000;
	overflow: hidden; 
	border:0px solid  #000;
}
	
.elementProject {
  	position: relative;
  	float: left;
  	width: 15.0%; 	
  	margin-left: 0.7%;
	margin-right: 0.7%;
	margin-top: 0.3%;
	margin-bottom: 0.3%;
  	background: #000;
	overflow: hidden; 
	border:0px solid  #E2E2E2;
}  
	
	#wrapperouterDiv {	
	background-color:transparent;	
	width: 100.0%;
	margin-left: auto; margin-right: auto;	
	padding-left: 0.7%;
	padding-top: 0.35%
}
	.inv {
	display:none;
}
	.inv1 {
	display:none;
}
}

/*  screen 1800 */
/*
@media only screen and (min-width: 1800px) {
.element {
  	position: relative;
  	float: left;
  	width: 14.6%;
 	height: auto;	
  	margin: 0.8%;
  	background: #000;
  	color: #000;
	overflow: hidden; 
	border:0px solid  #000;
}
	
.elementProject {
  	position: relative;
  	float: left;
  	width: 14.6%; 	
  	margin: 0.8%;
  	background: #000;
	overflow: hidden; 
	border:0px solid  #E2E2E2;
}

	#wrapperouterDiv {	
	background-color:transparent;	
	width: 75.6%;
		width: 98%;
	margin-left: auto; margin-right: auto;		
}
	#navCont {
		//border: 0px solid #fff;
	margin-left: auto;
  	margin-right: auto;
	margin-top: 50px;
	min-width: 280px;
	max-width: 1500px;
		
	}	
	.inv {
	display:none;
}
	.inv1 {
	display:none;
}	
}
*/


.GrauD {  	
  	background: #444;
  	color: #444;
}
.GrauH {	
  	background: #777;
  	color: #444;
	//background-image: url('Kontakt.png')
}	

.Weiss {	
  	background: #fff;
  	color: #000 !important;
}

.element > * {
 	// margin: 0;
 	// padding: 0;
}
.projectsweiss {
  	
  	background: #fff;
  	//border:thin solid #000000;
}

/* 
.projectsgrau {
  	
  	background: #ccc;
  	
}
 */
.clearfix:before,
.clearfix:after { content: '\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0 }
.clearfix:after { clear: both }
.clearfix { zoom: 1 }	
	
a.picp {position: absolute;
	left:0;
	top:0;
	z-index:12; 
	width:100%; 
	height:auto;
}
		
a.picp .p_img {
	position: absolute;
	left:0;
	top:0;
	z-index:12; 
	width:100%; 
	height:auto;
}
a.picp:hover .p_img, a.picp:active .p_img, a.picp:focus .p_img {	
	-webkit-user-select: none; -webkit-touch-callout: none;
}
a.picp .p_img2 {
	position: absolute;
	left:0;
	top:0;
	z-index:12; 
	width:100%; 
	height:auto;
}	
/* 
a.picp img.vor {position: absolute;left:0;top:0; width:100%; height:auto; 
	opacity: 0; 
	display:none;
	filter:alpha(opacity=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
	z-index:98;
	-webkit-user-select: none; -webkit-touch-callout: none;
}
a.picp:hover img.vor, a.picp:active img.vor, a.picp:focus img.vor {	
	opacity: 0.4; 
	display:block;
	filter:alpha(opacity=40);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=40)";
	-webkit-user-select: none; -webkit-touch-callout: none;
}
 */
	
a.picp .p_nam { font-family: "HelveticaNeueLTStd-LtCn",Arial, Helvetica, sans-serif;
	position: absolute;
	//left:0;
	//top:0;	
	width:100%;
	//height:100%;
	//color:white;
	visibility:hidden;
	z-index:99;
	
}
a.picp:hover .p_nam, a.picp:active .p_nam {
	visibility:visible; 
	-webkit-user-select: none; -webkit-touch-callout: none;
}
a.picp .p_nams { font-family: "HelveticaNeueLTStd-LtCn",Arial, Helvetica, sans-serif;
	position: absolute;	
	width:100%;	
	z-index:99;
}
a.picp:hover .p_nams, a.picp:active .p_nams, a.picp:focus .p_nams {
	//visibility:visible; 
	-webkit-user-select: none; -webkit-touch-callout: none;
}
	

/*a.picp .p_nams h4 {font-family: "Parkson-SemiBold",Arial, Helvetica, sans-serif;
	position: absolute;
	top:30px;	
	width:100%;	
	z-index:99;
	font-size: 16px;
	padding: 0px 0px 0px 1px;
	line-height: normal;
	color: #000;
	text-align: center;	
	
}*/
a.picp .p_nams h8 {font-family: "HelveticaNeueLTStd-BdCn",Arial, Helvetica, sans-serif;
	position: absolute;	
	width:100%;	
	z-index:99;
	font-size: 16px;
	padding: 0px 0px 0px 1px;
	line-height: normal;
	color: #bbb;
	text-align: center;		
}
a.picp .p_nams h5 {font-family: "HelveticaNeueLTStd-BdCn",Arial, Helvetica, sans-serif;
	position: absolute;	
	width:100%;	
	z-index:99;
	font-size: 16px;
	padding: 0px 0px 0px 1px;
	line-height: normal;
	color: #000;
	text-align: center;		
}

a.picp .p_nams h6 {font-family: "HelveticaNeueLTStd-Cn",Arial, Helvetica, sans-serif;
	position: relative;
	//top:28px;	
	width:100%;	
	z-index:99;
	font-size: 16px;
	margin-top: 12px;
	padding: 22px 0px 0px 1px;
	line-height: normal;
	color: #000;
	text-align: center;		
}
a.picp .p_nams h4 span {font-family: "HelveticaNeueLTStd-Cn",Arial, Helvetica, sans-serif;
	position: relative;
	
	font-size: 16px;
	
	line-height: 1.6;
	color: #000;
	text-align: center;		
}

a.picp:hover .p_nams h4, a.picp:active .p_nams h4 {
-webkit-user-select: none; -webkit-touch-callout: none	;

}
a.picp .p_nam h4 {font-family: "HelveticaNeueLTStd-Cn",Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 0px 0px 0px 1px;;
	line-height: normal;
	color: #fff;
	text-align: center;	
	
}
a.picp .p_namabstand h4 {font-family: "HelveticaNeueLTStd-BdCn",Arial, Helvetica, sans-serif;
	font-size: 16px;
	padding: 0px 0px 0px 1px;;
	line-height: normal;
	color: #fff;
	text-align: center;	
	visibility:visible;
	top:30px;
	position: absolute;
}	

a.picp .p_namsabstand h4 {font-family: "HelveticaNeueLTStd-BdCn",Arial, Helvetica, sans-serif;
	font-size: 16px;
	padding: 0px 0px 0px 1px;
	line-height: normal;
	color: #000;
	text-align: center;	
	visibility:visible; 
	top:30px;
	position: absolute;
}

a.picp:hover .p_nam h4, a.picp:active .p_nam h4 {
	visibility:visible;
-webkit-user-select: none; -webkit-touch-callout: none	;
	/*-webkit-text-stroke-width: 0.6px;
	-webkit-text-stroke-color: #FFCC00;	*/
}
	
a.picp .p_namHead h4 {font-family: "HelveticaNeueLTStd-BdCn",Arial, Helvetica, sans-serif;
	font-size: 16px;
	padding: 0px 0px 10px 1px;
	line-height: normal;
	color: #fff;
	text-align: left;	
}

a.picp .p_nam2 h4 {font-family: "HelveticaNeueLTStd-Cn",Arial, Helvetica, sans-serif;
	font-size: 15px;
	padding: 0px 0px 0px 1px;;
	line-height: 15px;
	color: #fff;
	text-align: center;		
}
	
.sf_p_nam {
	//-webkit-text-stroke-width: 0.6px;
   // -webkit-text-stroke-color: #ffb329;
	//-webkit-backface-visibility: hidden;
}


/*.sf_p_nam_hover {
	-webkit-text-stroke-width: 0.6px;
	-webkit-text-stroke-color: #FFCC00;	
	-webkit-backface-visibility: hidden;
}*/
a.picp:hover .ohnelink, a.picp:active .ohnelink {
	visibility:visible; 	-webkit-user-select: none; -webkit-touch-callout: none	;
}
a.picp .ohnelink h4 {
	color: #e1e1e1 ;	
}
a.picp .ohnelink h4:hover, a.picp .ohnelink h4:active {
	color: #e1e1e1 ;	-webkit-user-select: none; -webkit-touch-callout: none	;
}
		
.pointer{
	//cursor:auto !important
}
.subinfo {
	font-family: "HelveticaNeueLTStd-LtCn", Arial, Helvetica, Sans-Serif;
	padding-left: 0px;
	padding-top: 1px;
	color: #e1e1e1;
	font-size: 11px;
	line-height: 15px;
	font-style: normal;
	text-align:center;	
} 

/*.footer, .footer_rel {
	width: 100%;z-index:100;text-align: center;position: fixed;bottom: 0px;
	background-color: #fff;font: 12px/1.6 'HelveticaNeueLTStd-BdCn', sans-serif;color: #000;
	margin-left: 0px;text-transform: uppercase;
	
	border-top: 0px solid #000;text-decoration: none;padding-bottom: 11px;
	padding-left: 10px;padding-right: 30px;padding-top: 9px;
}*/
.footer.contact a{	text-decoration:none;color: #000; }
.footer.contact a:hover{	text-decoration: none;color: #666;}



/*@media screen and (min-width: 1024px) {		*/
.footer, .footer_rel {
	width: 100%;z-index:100;text-align: center;position: fixed;bottom: 0px;
	background-color: #fff;font: 15px/1.6 'HelveticaNeueLTStd-Cn', sans-serif;color: #000;
	margin-left: 0px;
/*	text-transform: uppercase;*/
	/*height: 40px;*/
	border-top: 0px solid #000;text-decoration: none;padding-bottom: 18px;
	padding-left: 10px;padding-right: 10px;padding-top: 18px;
	
}

@media (max-device-width: 1024px) and (orientation : portrait){ 
.footer, .footer_rel {
	width: 100%;z-index:100;text-align: center;position: fixed;bottom: 0px;
	background-color: #fff;font: 15px/1.6 'HelveticaNeueLTStd-Cn', sans-serif ;color: #000;
	margin-left: 0px;
/*	text-transform: uppercase;*/
	/*height: 40px;*/
	border-top: 0px solid #000;text-decoration: none;padding-bottom: 18px;
	padding-left: 10px;padding-right: 10px;padding-top: 18px;
}
	
}
@media (max-device-width: 1024px) and (orientation : landscape){ 
.footer, .footer_rel {
	width: 100%;z-index:100;text-align: center;position: fixed;bottom: 0px;
	background-color: #fff;font: 15px/1.6 'HelveticaNeueLTStd-Cn', sans-serif ;color: #000;
	margin-left: 0px;
/*	text-transform: uppercase;*/
	/*height: 40px;*/
	border-top: 0px solid #000;text-decoration: none;padding-bottom: 12px;
	padding-left: 10px;padding-right: 10px;padding-top: 12px;
}	

}
@media screen and (max-width: 640px) {
.footer, .footer_rel {
	width: 100%;z-index:100;text-align: center;position: fixed;bottom: 0px;
	background-color: #fff;font: 15px/1.6 'HelveticaNeueLTStd-Cn', sans-serif;color: #000;
	margin-left: 0px;
/*	text-transform: uppercase;*/
	/*height: 40px;*/
	border-top: 0px solid #000;text-decoration: none;padding-bottom: 18px;
	padding-left: 10px;padding-right: 10px;padding-top: 18px;
}		
}
/* IMG in bildspalten */
a.pic {
	display: block;
	position: relative;
	padding: 0;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0;	
}
a.pic span h4{
	position: absolute;
	//left: 0px;
	//padding: 5px;
	bottom: 20px;
	//width: 95%;
	visibility: hidden;
	text-decoration: none;
	//line-height: normal;
	//font-size: 14px;
	color: #FFF;
	//text-decoration: none;
	//font-family: "droid-sans", sans-serif;
	font-family: "HelveticaNeueLTStd-Cn",Arial, Helvetica, sans-serif;
	font-size: 14;
	padding: 0px 0px 0px 1px;
	line-height: normal;
	//color: #000;
	text-align: center;	
}
a.pic:hover span h4{
	visibility:visible;
	text-decoration: none;
}
a.pic .p_nam h4 { font-family: "HelveticaNeueLTStd-LtCn",Arial, Helvetica, sans-serif;
	position: absolute;	
	top:0;	
	width:100%;
	height:100%;	
	visibility:hidden;
	z-index:99;
}

a.pic .p_nam h4 {font-family: "HelveticaNeueLTStd-Cn",Arial, Helvetica, sans-serif;
	font-size: 14;
	padding: 0px 0px 0px 1px;
	line-height: normal;
	color: #fff;
	text-align: center;	
	
}
a.pic:hover .p_nam h4 {
	visibility:visible; 
	//-webkit-user-select: none; -webkit-touch-callout: none;
}

a.pic .p_nams h4 { font-family: "HelveticaNeueLTStd-LtCn",Arial, Helvetica, sans-serif;
	position: absolute;	
	top:0;	
	width:100%;
	height:100%;
	visibility:hidden;
	z-index:99;
}

 a.pic .p_nams h4 {font-family: "HelveticaNeueLTStd-Cn",Arial, Helvetica, sans-serif;
	font-size: 14;
	padding: 0px 0px 0px 1px;
	line-height: normal;
	color: #000;
	text-align: center;		
}
a.pic:hover .p_nams h4 {
	visibility:visible; 
	//-webkit-user-select: none; -webkit-touch-callout: none;
}
a.pic .p_nams h4{
	//margin-top: 30px;
}	

a.pic img {width:100%;
}

a.pic img.h  {
	position : absolute;
	padding: 0;
	top: 0px;
	bottom: 0px;
	left: 0px;
	visibility:hidden; 	
	height: 100%;
	width: 100%;
	overflow:hidden;	
}
a.pic:hover img.h {  
	visibility:visible; 
	opacity: 0.7;
	filter:alpha(opacity=70);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=70)";
	}