/************LAYOUT************/
body{
font-family:'frutiger45',Arial,Verdana,sans-serif;
font-size:19px;
line-height:28px;
font-weight:normal;
color:#808080;
background:#fff;
}
.bgLogo{
background-image:url('/themes/default/img/banner.png');
background-repeat:no-repeat;
background-position: right top;
background-size: 200px;
}
@media screen and (max-width: 1800px){
	.bgLogo{
	background-image:none;
	}
}
h1{
font-family:'frutiger47',Arial,Verdana,sans-serif;
font-weight:normal;
font-size:39px;
text-transform:uppercase;
color:black;
margin: 0 0 30px 0;
line-height: 1.5;
}
h2{
margin: 0 0 30px 0; 
font-family:'frutiger47',Arial,Verdana,sans-serif;
font-weight:normal;
font-size:34px;
line-height:38px;
text-transform:uppercase;
color:black;
}
h3{
font-family:'frutiger47',Arial,Verdana,sans-serif;
font-weight:normal;
font-size:28px;
text-transform:uppercase;
color:black;
margin-bottom:15px;
}
h4{
color: black;
margin-bottom: 15px;
}
a{
color:#e43b73;
}
	a:hover{
	opacity:.5;
	}
#preloader{
position:fixed;
z-index:9999;
width:100%;
height:100%;
background:#fff;
}
div.wrapper{
width:1400px;
margin: 0 auto;
}
@media screen and (max-width: 1480px){
	div.wrapper{
	margin: 0 4%;
	width: 92%;	
	}
}
div#kontaktBox{
z-index:999999;
position:fixed;
top:0;
display:none;
padding:83px 0 0 0;
width:100%;
height:500px;
background:#f2f2f2;
color:#808080;
}
@media screen and (max-width: 650px){
	div#kontaktBox{
	position:absolute;
	}
}
	div#kontaktBox h3{
	color:black;
	}
	div#kontaktBox a{
	/*color:white;
	font-size:bold;*/
	}
	div.contBlock{
	float:left;
	width:30%;
	min-height:100px;
	margin:0
	}
	div.contBlock:first-child{
	margin-right:0;
	}
	div.contBlockBig{
	display:block;
	float:right;
	width:70%;
	min-height:100px;
	}
	div#kontaktBtn{
	display:block;
	margin-top:27px;
	padding: 1px 14px;
	height: 27px;
	float:right;
	background:#e43b73;
	color:white;
	font-size:14px;
	cursor:pointer;
	}
	@media screen and (max-width: 1009px){
		div#kontaktBox{
		height:532px;
		}
		div.contBlockBig{
		
		}
		
		div#kontaktBtn{
		margin-top:59px;
		}
	}
	@media screen and (max-width: 700px){
		div#kontaktBox{
		height:513px;
		padding-top:30px;
		}
		div.contBlock,div.contBlockBig{
		width:100%;
		float:none;
		}
		div.contBlockBig{
		display:none;
		}
		
		div#kontaktBtn{
		margin-top:40px;
		}
	}
	@media screen and (max-height: 518px){
		div#kontaktBtn{
		margin-top:8px;
		/*border:solid 1px white;*/
		}		
		div#kontaktBox {
		height: 450px;
		}
	}
	form label{
	float: left;
	margin: 0 0 14px 0;
	width: 100px;
	
	}
	form input, textarea{
	width: 93%; 
	height:43px;
	margin: 0 0 14px 0;
	padding-left:17px;
	float: left;
	background:#d0cfcf;
	color:black;
	border:none;
	}
	textarea{
	width: 93%; 
	height:72px;
	resize:none;
	padding: 14px 0 0 17px;
	}
	button{
	float:left;
	margin:18px 0 0 0;
	width:120px;
	height:43px;
	border:none;
	background:#e43b73;
	color:#ffffff;
	text-transform:uppercase;
	cursor:pointer;
	}
	button:hover{
	color:white;
	background:#ec769d;
	}
	@media screen and (max-height: 518px){
		button{
		margin-top:2px;
		}
	}
	.formError .formErrorContent:before{
	content: "\f071";
	font-family: FontAwesome;
	}
	.formError {
	position:absolute;
	display:block;
	z-index:5000;
	display:block;
	}
	.formError .formErrorContent {
	display:block;
	height:20px;
	width:20px;
	}	
div#topBar{
z-index:999;
position:fixed; 
display:block;
width:100%;
height:5px;
top:0;
background:#e43b73;
}
	div#kontakt{
	display:block;
	padding: 1px 14px;
	height: 27px;
	float:right;
	background:#e43b73;
	color:white;
	font-size:14px;
	cursor:pointer;
	}
	div.fixedTopbar{
	display:none;
	z-index:998;
	position:fixed;
	top:5px;
	width:100%;
	background:white;
	height:120px;
	-webkit-box-shadow:0 3px 4px 1px rgba(0,0,0,0.1);
	-moz-box-shadow:0 3px 4px 1px rgba(0,0,0,0.1);
	box-shadow:0 3px 4px 1px rgba(0,0,0,0.1);
	}
	div.fixedTopbar a.logo{
	display: block;
	width: 400px;
	margin: 14px auto;
	}
	div.fixedTopbar img{
	width:100%;
	}
	nav#fixedNav{
	height:70px;
	}
	nav#fixedNav a{
	display: inline-block;
	width: 280px;
	margin:0 40px 0 0;
	padding:10px 0;
	border: #e43b73 1px solid;
	font-family:'frutiger47',Arial,Verdana,sans-serif;
	color:#e43b73;
	text-align:center;
	text-transform:uppercase;
	}
		nav#fixedNav a:last-child{
		margin:0;
		}
	nav#fixedNav a:hover, nav#fixedNav a.active{
	background:#e43b73;
	color:white;
	opacity:1;
	}
header{
height:120px;
}
@media screen and (max-width: 1024px){
	header{
	height:47px;
	}
}
	header a{
	display: block;
	width: 585px;
	margin: 50px auto;
	}
@media screen and (max-width: 634px){
	header a, header img{
	width:100%;
	}
}
div.navCenter{
width:926px;
margin:0 auto;
}
	nav#mainNav{
	height:70px;
	}
	nav#mainNav a{
	display: inline-block;
	width: 280px;
	margin:0 40px 0 0;
	padding:11px 0;
	border: #e43b73 1px solid;
	font-family:'frutiger47',Arial,Verdana,sans-serif;
	color:#e43b73;
	text-align:center;
	text-transform:uppercase;
	}
		nav#mainNav a:last-child{
		margin:0;
		}
	nav#mainNav a:hover, nav#mainNav a.active{
	background:#e43b73;
	color:white;
	opacity:1;
	}	
	div#mobileNavTrigger{
	display:none;
	}
	@media screen and (min-width: 1025px){
		nav#mobileNav{
		display:none;
		}
	}
	@media screen and (max-width: 1024px){
		nav#mainNav{
		margin-top:7px;
		}
			nav#mainNav a{
			display:none;
			}
			div#mobileNavTrigger{
			display:block;
			float:left;
			padding:8px 0 0px 0;
			cursor:pointer;
			font-size:30px;
			color:#e43b73;
			}
			div#mobileNavTrigger:hover{
			color:#ec789e;
			}
			nav#mobileNav {
			z-index:9999;
			position:absolute;
			background:#e43b73;
			width: 100%;
			}
			nav#mobileNav a{
				display:block;
				padding:2% 0 2% 4%;
				width:96%;
				color:white;
				border-bottom:#fec7d9 solid 1px;
				}
				nav#mobileNav a:hover, nav#mobileNav a.active{
				background:#ec789e;
				color:white;
				opacity:1;
				}
	}		
div#mood{
width:100%;
margin-top:82px;
}
	@media screen and (max-width: 1024px){
		div#mood{
		margin-top:9px;
		}
	}
	#imgSlider{
		z-index:1;
		position:relative;
		background:#000;	
	}	
		#imgSlider div, #mobileImg div{
		z-index:2;
		width:100%;
		position:relative;	
		background-repeat:none;
		background-position:center;
		background-size:cover;
		}
section{
margin:100px 0 0 0;
}
@media screen and (max-width: 1024px){
	section{
	margin:46px 0 0 0;
	}
}
	article{
	overflow:hidden;
	text-align:center;
	}
		div.services{
		width:30%;
		float:left;
		margin:0 5% 30px 0;
		}
		@media screen and (max-width: 768px){
			div.services{
			width:100%;
			float:none;
			margin:0 0 59px 0;
			}
		}
		div.services:last-child{
		margin:0 0 40px 0;
		}
			i.fa.fa-comments-o{
			width:170px;
			height:135px;
			background:#e43b73;
			border-radius:50%;
			color:white;
			font-size:100px;
			padding:35px 0 0 0;
			}
			i.fa.fa-pencil{
			width:170px;
			height:135px;
			background:#e43b73;
			border-radius:50%;
			color:white;
			font-size:100px;
			padding:35px 0 0 0;
			}
			i.fa.fa-bullhorn{
			width:170px;
			height:135px;
			background:#e43b73;
			border-radius:50%;
			color:white;
			font-size:100px;
			padding:35px 0 0 0;
			}
			div.services a{
			padding:15px;
			border:#e43b73 1px solid;
			}
			div.services a:hover{
			background:#e43b73;
			color:white;
			opacity:1;
			}
	div.blocks{
	background:url('/themes/default/img/blocks.png');
	width:106px;
	height:35px;
	margin:86px auto 60px auto;
	}
	div.portrait{
	width:51%;
	float:left;
	}
		div.quote{
		margin:0 auto;
		width:56%;
		color:#e43b73;
		font-size:25px;
		font-weight:bold;
		font-style:italic;
		}
			span.autor{
			font-weight:normal;
			font-style:initial;
			font-size:14px;
			}
	div.portraitImg{
	width:49%;
	float:right;
	}
		div.portraitImg img{
		width:80%;
		max-width:387px;
		border-radius:50%;
		border:solid 1px #e43b73;
		}	
	@media screen and (max-width: 1009px){
		div.portrait, div.quote{
		width:100%;
		}
		div.portrait, div.portraitImg{
		float:initial;
		}
		div.portraitImg {
		width: 100%;
		}
		div.quote{
		margin-top:32px;
		}
	}
	div.partnerList{
	margin:95px 0 0 0;
	overflow:hidden;
	display:inline-block;
	width:100%;
	text-align:center;
	}
		a.partner{
		display:inline-block;
		border-radius:50%;
		background:#F2F2F2;
		/* background-image:url('/images/content/partner/homm.png'); */
		background-size:85%;
		background-position:center;
		background-repeat:no-repeat;
		cursor:pointer;
		width:13.9%;
		margin:0 46px 46px 0;
		}
		.partner:hover, .partner:focus, .partner:active {
		box-shadow: inset 0 0 0 2px #e43b73, 0 0 1px rgba(0, 0, 0, 0);
		opacity:1;
		/* Hack to improve aliasing on mobile/tablet devices */
		}
		a.referenzen, div.kndList img{
		width:23%;
		margin:0 37px 37px 0;
		float:left;
		background:#f2f2f2;
		}
		a.partner:nth-child(6n), a.referenzen:nth-child(4n), div.kndList img:nth-child(4n){
		margin-right:0;
		}
		a.referenzen img{
		width:100%;
		}
		@media screen and (max-width: 1480px){
			a.referenzen, div.kndList img{
			margin:0 2.66% 2% 0;
			}
			a.partner{
			margin:0 3.3% 3% 0;
			}
		}
		@media screen and (max-width: 1275px){
			a.partner, a.partner:nth-child(6n){
			width:16%;
			margin: 0 5% 4% 0;
			}
			a.partner:nth-child(5n){
			margin-right:0;
			}
		}
		@media screen and (max-width: 1009px){
			div.kndList img, div.kndList img:nth-child(4n){
			width:27%;
			margin-right:9.5%;
			margin-bottom:7%;
			}
			a.partner, a.partner:nth-child(5n), a.partner:nth-child(6n){
			width:21%;
			margin-right:2.4%;
			margin-bottom:5%;
			} 
			a.partner:nth-child(4n), div.kndList img:nth-child(3n){
			margin-right:0;
			}
		}  
		@media screen and (max-width: 700px){
			div.kndList img, div.kndList img:nth-child(4n){
			width:45%;
			margin:0 10% 9% 0;
			}
			a.partner, a.partner:nth-child(4n), a.partner:nth-child(5n), a.partner:nth-child(6n){
			width:29%;
			margin-right:6.5%;
			margin-bottom:6%;
			}
			a.referenzen:nth-child(3n), div.kndList img:nth-child(3n){
			margin-right:9%;
			}
			a.partner:nth-child(2n), a.referenzen:nth-child(2n), div.kndList img:nth-child(2n){
			margin-right:0;
			}
		}
		@media screen and (max-width: 500px){
			a.partner,a.partner, a.partner:nth-child(4n),a.referenzen, div.kndList img, a.referenzen:nth-child(4n), div.kndList img:nth-child(4n){
			width:100%;
			margin:0 0% 9% 0;
			}
			a.referenzen:nth-child(3n), div.kndList img:nth-child(3n){
			margin-right:9%;
			}
			a.partner,a.partner:nth-child(3n), a.referenzen:nth-child(2n), div.kndList img:nth-child(2n){
			margin-right:0;
			}
		}
	div.refImg{
	margin-top: 30px;
	}	
	h2.partnerTitle{
	margin-top:93px;
	}
	div#refFilterTrigger{
	border:solid 1px #e43b73;
	width:120px;
	color: #E43B73;
	cursor:pointer;
	float:left;
	height:30px;
	display:block;
	}
	div#refFilterTrigger:hover{
	color: white;
	opacity: 1;
	background: #e43b73;
	}
	div#refFilterList{
	display:none;
	z-index:998;
	position:absolute;
	top:32px;
	}
	div.refFilterCat{
	padding:12px 0;
	background:white;
	border:solid 1px #e43b73;
	margin:-1px 0;
	width:120px;
	height:25px;
	color:#E43B73;
	display:block;
	cursor:pointer;
	}
	div.refFilterCat:hover{
	color: white;
	opacity: 1;
	background: #e43b73;
	}
	div.refFilterCat.active{
	color: white;
	opacity: 1;
	background: #e43b73;
	}
	div.refKunden{
	margin-bottom:86px;
	}
	div.refKunden a{
	float:right;
	border:solid 1px #e43b73;
	width:120px;
	height:30px;
	color: #E43B73;
	}
	div.refKunden a:hover{
	color: white;
	opacity: 1;
	background: #e43b73;
	}
	div.kndBack{
	margin-bottom:86px;
	}
	div.kndBack a{
	padding:12px 0;
	background:white;
	border:solid 1px #e43b73;
	width:120px;
	height:25px;
	color:#E43B73;
	display:block;
	margin:0 auto;
	}
	div.kndBack a:hover{
	color: white;
	opacity: 1;
	background: #e43b73;
	}
/**/
#imgSliderRef,#imgSliderNav,#mobileImgRef{
display:inline-block;
width:100%;
line-height:0px;
}
#mobileImgRef{
display:none;
}
@media screen and (max-width: 1300px){
	#imgSliderRef,#imgSliderNav,#mobileImgRef{

	}
}
@media screen and (max-width: 1100px){
	#imgSliderRef,#imgSliderNav,#mobileImgRef{

	}
}
@media screen and (max-width: 1028px){
	#imgSliderRef,#imgSliderNav,#mobileImgRef{

	}
}
@media screen and (max-width: 767px){
	#imgSliderRef,#imgSliderNav{
	display:none; 
	}
	#mobileImgRef{
	display:block;
	margin:0;
	}
}
@media screen and (max-width: 600px){
	#mobileImgRef{
	padding-top:0;
	}
}
#imgSliderNav{
z-index:100;
left:0;
position:absolute;
}
	#imgSliderNav div{	
	top:50%;
	position:absolute;
	margin:-35px 0 0 0;
	width:70px;
	height:70px;
	cursor:ew-resize;
	color:#fff;
	opacity:.6;	
	user-select:none;
    -moz-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select:none;
    -o-user-select:none;  
	}
		#imgSliderNav div:hover{
		opacity:1;	
		}	
		#imgSliderNav div:before{
		display:inline-block;
		font:normal normal normal 14px/1 FontAwesome;
		font-size:inherit;
		text-rendering:auto;
		-webkit-font-smoothing:antialiased;
		-moz-osx-font-smoothing:grayscale;
		transform:translate(0,0);
		font-size:70px;
		}
		#imgSliderNav div#next{
		right:93px;
		text-align:right;
		}
			#imgSliderNav div#next:before{
			content:'\f105';	
			}
		#imgSliderNav div#prev{
		left:100px;
		}			
			#imgSliderNav div#prev:before{
			content:'\f104';	
			}
	#imgSliderRef div,#mobileImgRef div{
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	}
/**/	
footer{
margin:73px 0 0 0;
background:#f2f2f2;
overflow:hidden;
font-size:16px;
}
	div.toTop{
	float:right;
	color:#e43b73;
	font-size:40px;
	margin-top:20px;
	}
	div.footerKontakt{
	display:inline-block;
	margin:60px 0 60px 0;
	float:left;
	}
		div.footerKontakt span, div#impressum span{
		color:#e43b73;
		}
		div#impressum{
		bottom: 60px;
		position: absolute;
		}
	div.map{
	float:right;
	margin:60px 0 60px 0;
	width:800px;
	}
	@media screen and (max-width: 1275px){
		div.map{
		width:100%;
		margin-top:30px;
		}
		div#impressum{
		position:initial;
		bottom:initial;
		margin-top:20px;
		}
	}
	#wollographics{
	height:324px;
	width:100%;
	}
	#wollographics2{
	height:324px;
	width:800px;
	}
		.gm-style-iw * {
			display: block;
			width: 100%;
		}
		.gm-style-iw h4, .gm-style-iw p {
			margin: 0;
			padding: 0;
		}
		.gm-style-iw a {
			color: #4272db;
		}
	div#map-canvas, div#map-canvas2{
	height:324px;
	width:100%;
	}	
#printHeader{
display:none;
}
@media print{
	header, #kontaktBox, div#topBar, #mainNav, #mobileNav, #mood, footer, a.logo, div.navCenter, nav#fixedNav, div.fixedTopbar, div.contBlock, div.contBlockBig{
	display:none;
	} 
	article, div.wrapper{
	width:1024px;
	}
	.bgLogo{
	background-image:none;
	}

	div.wrapper.printHeader{
	border-bottom:1px solid;
	padding-bottom:20px;

	}
	#printHeader{
	display:block;
	margin:4% 0 0 0;
	height:230px;
	width:1024px;
	}
		#printHeader img{
		float:left;
		}
		#printHeader div{
		float:right;
		text-align:right;
		}
	h1.printTitle{
	display:block;
	color:#002B54;
	text-transform:uppercase;
	font-weight:300;	
	}
	a.referenzen{
	width:22%;
	margin: 0 37px 37px 0;
	}
	div.partner{
	margin: 0 34px 34px 0;
	}
}