/*
 * Theme: DER FACILITY EXPERTE Dienstleistungs- und Gebäudereinigungs GmbH
 * Author: JANUS die Werbemanufaktur
 * Author URI: http://janus-wa.de
 * Version: 0.1
 */

html,
body,
header .row:first-child {
  height: 100%;
}

 /* Old Browser / noJS messages */
.ltie7, .noJS { margin: 0; padding: 7px 20px; background: #d40000; text-align: center; }
.ltie7, .noJS, .ltie7 a, .noJS a { color: white; }
.ltie7 a:hover, .ltie7 a:focus, .noJS a:hover, .noJS a:focus { text-decoration: none; }

body {
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: 300;
  font-size: 101%;
}

nav.main-nav ul, nav.side-navi ul, .section-nav ul, ul#sheets, ul.service-boxes {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* CSS Transitions */
/*h1, h2, #main-nav li {
    -webkit-transition: font-size .2s ease-in;
    -moz-transition: font-size .2s ease-in;
    -ms-transition: font-size .2s ease-in;
    -o-transition: font-size .2s ease-in;
    transition: font-size .2s ease-in;   
}*/
/*.parallax.picture {
    -webkit-transition: all 1s ease-in;
    -moz-transition: all 1s ease-in;
    -ms-transition: all 1s ease-in;
    -o-transition: all 1s ease-in;
    transition: all 1s ease-in;    
}*/

/* Typography */
h1, h2, h3, h4, h5 {
	font-weight: 300;
}
h2 {
	margin-bottom: .6em;
	font-size: 1.3em;
	letter-spacing: -0.02em;
	line-height: 1.125em;
	text-transform: uppercase;
	color: #f39200;
}
#intro h2 { color: #333; }
h3 {
	font-size: 1.750em;
}
h4 {
	font-size: 1.250em
}

.lt-ie9 p {
	margin-bottom: 1.25em;
}

.lt-ie9 label {
	margin-bottom: .5em;
}

.lt-ie9 form .row .row .column, .lt-ie9 form .row .row .columns {
	margin: 0 .5em;
}

.lt-ie9 input[type="text"], .lt-ie9 input[type="email"], .lt-ie9 textarea {
	margin-bottom: 1em;
}

.lt-ie9 h1, .lt-ie9 h2, .lt-ie9 h3, .lt-ie9 h4, .lt-ie9 h5, .lt-ie9 h6 {
    margin-top: 0.2em;	
	margin-bottom: 0.5em;
	line-height: 1.4;
}

/*****************************
 * Header
 ****************************/

header h2 {
	margin: 20px 0;
	display: block;
}

header h2 a {
	margin: 0 auto;
	display: block;
}
nav.main-nav { margin-bottom: 25px; }
nav.main-nav ul {
	width: 100%;
	display: table;
	text-align: center;
}
nav.main-nav li {
	display: table-cell;
	font-size: .5em;
	font-weight: 400;
	text-align: center;
	text-transform: uppercase;
}
nav.main-nav li:first-child { margin: 0; }
nav.main-nav li a {
	display: inline-block;
	color: #999;
}
nav.main-nav li a:hover, nav.main-nav li a:focus,
nav.main-nav li a:active, nav.main-nav li.active a {
	color: #f39200;
}

nav.side-navi li a:hover, nav.side-navi li a:focus,
nav.side-navi li a:active, nav.side-navi li.active a,
nav.section-nav li a:hover, nav.section-nav li a:focus,
nav.section-nav li a:active, nav.section-nav li.active a,
nav.section-nav .rsNavItem .rsTmb:hover, nav.section-nav .rsNavItem .rsTmb:focus a,
nav.section-nav .rsNavItem .rsTmb:active, nav.section-nav .rsNavItem.rsNavSelected .rsTmb {
	color: #f39200;
}

.hotline-banner {
	margin-bottom: 20px;
	padding: 15px 30px;
	color: white;
	background: #f39200 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAMAAADjyg5GAAAABGdBTUEAALGPC/xhBQAAAHJQTFRFsampsqipmpqasKmps6mpm5ubtaurn5+ftqusoaGhraamqaent7W1rKamtrOztq2t/f39o6OjqKamtq+vpaWltrGxmZmZtKmpnZ2d+vr69/f38/Pz8PDw7Ozs5+fn4+Pj3t7e2dnZ1dXVz8/Pu7u7t7e3gjOmwAAAAFZJREFUCNdNx0UCgCAQAMC1uxXsAv7/RREUdm4DAvMADwiuQziq73JmSwPOblM6yl1/Q7XzaxypHbpVorerds237e3Q/1tly9ZsAZFndjOIAm2CFK9+ANLgGgYntAuuAAAAAElFTkSuQmCC) right bottom no-repeat;
	text-align: center;
	white-space: nowrap;
}
.hotline-banner a[href^=tel]:link { color:white; }
.hotline-banner p { margin: 0; }

nav.section-nav ul, nav.section-nav .rsNav {
	margin: 0 0 1em 0;
	text-align: center;
}
nav.section-nav .rsTabs {
	float: none;
}

nav.section-nav li, nav.section-nav .rsNavItem {
	margin-bottom: 1em;
	padding: 0 1.5em;
	font-weight: 400;
	display: inline-block;
}

nav.section-nav li a, nav.section-nav .rsNavItem .rsTmb {
	padding-bottom: 5px;
	color: #666;
	cursor: pointer;
}

nav.section-nav li.active a, nav.section-nav .rsNavItem.rsNavSelected .rsTmb {
	border-bottom: 1px solid #f39200;
}

.no-js .rsTmb { display: none; }

/* /Header */

/* Hero Banner / Patter Sections */

/* Parallax pictures */

.parallax.picture {
	display: none;
	position: absolute;
	left: 0;
	z-index: 10;
}

.parallax.picture.para0 {
	left: 10%;
	top: 390px;	
}
.parallax.picture.para1 {
	left: -4%;
	top: 180px;
}
.parallax.picture.para2 {
	left: -5%;
	top: 600px;	
}
.parallax.picture.para3 {
	left: 20%;
	top: 260px;
}
.parallax.picture.para4 {
	left: 9%;
	top: 40px;
}	

.mobile body {
	overflow: hidden;
}

.mobile #parallax-wrapper {
	position: relative;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
}

.mobile #scroller {
	width: 200px;
	position: absolute;
	left: 0;
	height: 3000px;
	border: 1px solid red;
	z-index: 20;
}

.container {
	padding: 2em 0;
}
.nav-button { clear: both; }
.nav-button.pattern-overlap {
	margin-top: -20px;
	margin-bottom: -31px;
	position: relative;
	bottom: -2em;
	z-index: 1;
}
.pattern {
	text-align: center;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJDRDNGMzkxQTJDRjExRTQ4MkU2RjlEMzU3MkM4NDM2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJDRDNGMzkyQTJDRjExRTQ4MkU2RjlEMzU3MkM4NDM2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkNEM0YzOEZBMkNGMTFFNDgyRTZGOUQzNTcyQzg0MzYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkNEM0YzOTBBMkNGMTFFNDgyRTZGOUQzNTcyQzg0MzYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7W3alpAAAAGklEQVR42mL81MUABywMTMgcRiQOIxIHIMAATUMBj3TszoUAAAAASUVORK5CYII=);
}
.gray.pattern {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJDNURFQjYwQTJDRTExRTQ4RjZERjYyQjE4NENERkJCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJDNURFQjYxQTJDRTExRTQ4RjZERjYyQjE4NENERkJCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkM1REVCNUVBMkNFMTFFNDhGNkRGNjJCMTg0Q0RGQkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkM1REVCNUZBMkNFMTFFNDhGNkRGNjJCMTg0Q0RGQkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4jqpSLAAAAH0lEQVR42mLcvn07AwywMDMzIThMTEgcRkZGOAcgwAButAJEpnlPQwAAAABJRU5ErkJggg=);
}
.pattern p, .pattern h3,
.service-boxes li article h4,
.service-details article h4, .story h4 {
	color: #333;
}
.pattern h2 {
	color: #f39200;
}
.blue.pattern p {
	color: #fff;
}

/* Content Section */

ul.skills {
	list-style-type: none;
	margin-left: 0;
}
ul.skills li {
	background: url(../img/haken.png) left top no-repeat;
	padding-left: 25px;
	margin-bottom: 1em;
}
ul.skills ul {
	list-style-type: none;
	margin-left: 5px;
}
ul.skills ul li:before {
	content: "- ";
}
ul.skills ul li {
	background: none;
	padding-left: 0;
	margin-bottom: 0;
}

ul#sheets li {
	padding-bottom: 16px;
}

ul#sheets li article {
	padding-top: 2em;
	padding-bottom: 2em;
	background-color: #fff;
	position: relative;
}
ul#sheets li article:before {
	content: "";
	width: 100%;
	height: 16px;
	display: block;
	left: 0;
	bottom: -16px;
	position: absolute;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABDgAAAAQCAYAAADzoM/HAAADLElEQVR42u3d4XbaOBAG0AmYPNy+777cgqE/NjodJpKDk5Zgcu85PbZlj+SS0lRfZDpFxD4i/gkAAACAbfp3iog5Ii4R8eL1AAAAADbmEhHn6e3gFBEHrwkAAACwMaeIiBZwzCHgAAAAALZnjrgOOAAAAAC25moFx8nrAUByjnH4fVzZfnrr79YxLtH/vjRqXxo73sY4f+H8rdfke7mseK2Pf+hrdlo57lbGm+K+nxN2+Kb7Ptx4/Uv8/vfbyC7+/xD5z/ZxWPl7GrXv3+6ld3/TyrHX3hMAP4sVHABFnXDXSW2e0F3i/cT0+EF/tY/WT52013FvuaaNf/lkHTyqe/8Qxvth+3oBTi9sqaHJ7oa6r/RdQ6caztS+d53j/UK9x82Bn+wq4PDNHPiM42A/T+Ln+D3JrxPuUU29biloqP2cS20NGZZqAdi+WwLoZ1fDkBrC5DDkpRyvrZ0G1+b93GcdLwc1o3qAjxwjrOCAR5En9HlCnif2p7J/yW/mhbrcnsfphQ2XFfUAwGM6x/UPBrYe8NSAJIcqh7LfC0tG9Xk/X5Nrc/+vK+qA+/KICj9KnqS3cCBP1nN4cEzvi6W2Xj81ZJgX6nK/AAD01cDmvw3cc16Z0kKSHIzsox+M9OpyiNLOj9qm0udLpw2ekYCDv6oGAjkEaCsFRudGdaPAoQYXvTADAADuZfRI7iPohR6j8KUXstS2XNvCltbvbuHcLR+aDKvec/4XlefTQoC2bfv5edRj+rpfOjV1ZUMNI2p9HsOfJQAAeFy9ecF3a6FJDkZaoPK6cK7V9YKVfVyHMIcPati2qxUcJqV/Vpv41+1xoT3/BVPP57Ain+vVAAAAbMkjBC41HGkrTHI4MpX2HKIsbafOce6Hr7tawfGsj6j0woT2WQuj9rmzHbXNgxoAAAC2Iz/6fm81SGnb13KctzkgydulYCVvn823PaLSW81QA4PRNb1zNe3LNQAAAPDI6ur8e+itMumFJIdOew5k2rl9+rWL96HN3/buQ0bbCoS8wmEetJ3jOkioKx1y+FCvAQAAAL5Pm7/fI1RpwUhdWfJReJLbWt1+0DZHRPwCxXpkkynCjwcAAAAASUVORK5CYII=) center top no-repeat;
	background-size: 100% auto;
}

figure {
	margin-bottom: 1em;
}
figure img {
	width: 100%;
}
figcaption {
	padding-top: 10px;
	text-align: right;
	font-size: .687em;
	color: #999;
}

figure.right {
	text-align: right !important;
}

.story { margin-bottom: 2em; }

/* Services section */

#leistungen { position: relative; }

.service-boxes li {
	margin-bottom: 2em;
	text-align: left;
}
.service-boxes li ul { margin-bottom: 1em; }
.service-boxes li li {
	margin: 0;
}

.service-boxes li .picto {
	padding: 1em;
	-webkit-border-radius: 10px 10px 0 0;
	   -moz-border-radius: 10px 10px 0 0;
	        border-radius: 10px 10px 0 0;	
	background: #fff;
	text-align: center;
}

.service-boxes li article {
	padding-bottom: 1em;
	-webkit-border-radius: 0 0 10px 10px;
	   -moz-border-radius: 0 0 10px 10px;
	        border-radius: 0 0 10px 10px;
	background: #fff;
	position: relative;
}

.service-boxes li article h4, .service-details article h4 {
	font-weight: 400;
}

.pattern .service-boxes li article p, .pattern .service-details article p,
.service-boxes article li, .service-details article li {
	font-weight: 400;
	font-size: .75em;
	color: #333;
}

.service-boxes p strong, .service-details p strong {
	font-weight: bold;
}
.pattern .service-details article { text-align: left; }
.service-details {
	position: fixed !important;
	top: 3em;
	clear: both;
	background: #e9e9e9;
	-moz-box-shadow: 0 25px 0 rgba(0,0,0,.3);
	-webkit-box-shadow: 0 25px 0 rgba(0,0,0,.3);
	box-shadow: 0 25px 0 rgba(0,0,0,.3);
	overflow: hidden;
	z-index: 10;
}

.lt-ie9 .service-details {
	/*position:absolute;*/
}

.service-details .row.smaller {
	position: relative;
	max-width: 56em;
}
.service-details article {
	padding-top: 1em;	
	padding-bottom: 1em;
	color: #333;
}
.service-details .button.close {
	position: absolute;
	right: 1em;
	top: 1em;
}

/* Contact section */

#kontakt {
	padding-bottom: 0;
}

#kontakt h2 {
	color: #f39200;
}

.address {
	padding-bottom: 2em;
}

.address-wrapper {
	background: white;
	position: relative;
	z-index: 1;
}
.address-wrapper:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 8px;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDYgNyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSItMS40MjEwODU0NzE1MjAyZS0xNCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjAuMSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iNiIgaGVpZ2h0PSI3IiBmaWxsPSJ1cmwoI2hhdDApIiAvPgo8L3N2Zz4=);
	background-image: -moz-linear-gradient(bottom, rgba(255,255,255,.1) 0%, rgba(0,0,0,.1) 100%);
	background-image: -o-linear-gradient(bottom, rgba(255,255,255,.1) 0%, rgba(0,0,0,.1) 100%);
	background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,.1) 0%, rgba(0,0,0,.1) 100%);
	background-image: linear-gradient(bottom, rgba(255,255,255,.1) 0%, rgba(0,0,0,.1) 100%);
	z-index: 2;
}
.address-wrapper:before {
	content: '';
	position: absolute;
	bottom: -20px;
	left: 50%;
	width: 44px;
	height: 20px;
	margin-left: -22px;
/*	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);*/	
	background: url(../img/sprite.png);
	background-position: -63px -72px;
	z-index: 3;	
}

#kontakt form h2 {
	color: #fff;
}

address {
	font-style: normal;
	font-weight: 300;
}

address strong {
	font-weight: 400;
}

.spot {
	font-weight: bold;
	color: #f39200;
}

.successwrapper, .falsewrapper {
	padding-left: .9375em;
	padding-right: .9375em;	
	margin-bottom: 2em !important; display: none;
}

.success, .false {
	padding: 1em !important;
	font-size: 1.125em;
	text-align: center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

.success {
	color: #558e00;
	border: 1px solid rgba(96,160,0,.51);
	background-color: rgba(134,222,0,.22);	
}

.false {
	color: #e50104;
	border: 1px solid #e50103;
	background-color: rgba(255,194,194,.6);
}

form.contact-form {
	margin-bottom: 0;
	background-color: #cccccc;
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.15);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.15);
	box-shadow: 0 0 5px rgba(0,0,0,.15);	
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJDNURFQjYwQTJDRTExRTQ4RjZERjYyQjE4NENERkJCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJDNURFQjYxQTJDRTExRTQ4RjZERjYyQjE4NENERkJCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkM1REVCNUVBMkNFMTFFNDhGNkRGNjJCMTg0Q0RGQkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkM1REVCNUZBMkNFMTFFNDhGNkRGNjJCMTg0Q0RGQkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4jqpSLAAAAH0lEQVR42mLcvn07AwywMDMzIThMTEgcRkZGOAcgwAButAJEpnlPQwAAAABJRU5ErkJggg==);
}

.lt-ie9 form.contact-form {
	background: #CBCBCB;
}

form label {
	font-weight: 400;
	color: #333;
}

form fieldset {
	padding: 0;
	margin-top: 2em;
	border: 0;
}

input[type="text"], input[type="email"], textarea {
	height: 3.214em;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	-webkit-background-clip: padding-box;
	   -moz-background-clip: padding;
	        background-clip: padding-box;
	background-color: #fff;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.4);
	   -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.4);
	        box-shadow: inset 0 1px 1px rgba(0,0,0,.4);	
}

.failed {
	background-color: #ffc2c2 !important;
}

textarea {
	min-height: 9.1em;
}

button, .button {
	padding-top: .4em;
	padding-bottom: .275em;
	font-size: 1.25em;
	font-weight: 400;
}

.map-wrapper {
	/*max-height: 570px;*/
	overflow: hidden;
}

/*#map {
	position: relative;
	padding-bottom: 56%;
	height: 0;
	overflow: hidden;
}*/
#map {
	position: relative;
	height: 200px;
}

#map img {max-width: inherit; }

/*#map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-height: 100%;
}*/


/* Parallax fillers */

.para-filler {
	height: 200px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;	

	-webkit-box-shadow: inset 0 10px 20px rgba(0,0,0,.19), inset 0 0 32px rgba(0,0,0,.2);
	   -moz-box-shadow: inset 0 10px 20px rgba(0,0,0,.19), inset 0 0 32px rgba(0,0,0,.2);
	        box-shadow: inset 0 10px 20px rgba(0,0,0,.19), inset 0 0 32px rgba(0,0,0,.2);
}

.para-filler.hands {
	background-image: url(../img/filler_bg_fassade_mobile.jpg);
}
.para-filler.stock {
	background-image: url(../img/filler_bg_garten_mobile.jpg);
}
.para-filler.office {
	background-image: url(../img/filler_bg_fenster_mobile.jpg);
}
.para-filler.shipping {
	background-image: url(../img/filler_bg_wischer_mobile.jpg);
}

/* Footer */

footer.container {
	padding-bottom: 5em;
}

nav.footer-links {
	padding: 2em 0 4em;
	clear: both;
	border-top: 1px solid #e9e9e9;
	font-size: .875em;
}

nav.footer-links a {
	color: #f39200;
}

/* Sprites & Icons */
.ico, .sprite {	background: url(../img/sprite.png) no-repeat left top; }
span.ico.ir, span.sprite.ir { display: inline-block; }

.ico {
	margin-right: 5px;
	position: relative;
	top: -2px;
	vertical-align: middle;
	display: inline-block;
}

.ico.phone {
	margin-right: -6px;
	width: 38px;
	height: 40px;
	background-position: -94px 0;
	position: relative;
	top: 6px;
}
.sprite.up {
	width: 46px;
	height: 38px;
	background-position: 0 -34px;	
	position: relative;
	left: 5px;
	top: 21px;
}
.sprite.down {
	width: 48px;
	height: 33px;
	background-position: left top;
	position: relative;
	left: 6px;
	top: 19px;
}
.sprite.down.white {
	background-position: -130px 0;
}
.sprite.plus {
	width: 32px;
	height: 33px;
	background-position: 0 -72px;	
}
.sprite.close {
	width: 30px;
	height: 30px;
	background-position: -33px -72px;
	position: relative;
	left: 6px;
	top: 4px
}
.ico.mail {
	width: 53px;
	height: 31px;
	background-position: -46px -34px;
	position: relative;
	top: 5px;
	margin-right: -17px;
}


/* Buttons *******************/

.button {
	margin-bottom: 0;
}

.button.round {
	width: 62px;
	height: 62px;
	line-height: 69px;
	padding: 0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
}
.small.button.round {
	width: 43px;
	height: 43px;
}
.small.button.round .plus {
	position: relative;
	top: 3px;
	left: 4px;
}
#intro .button {
	background-color: #fff;
}

span.dfe {
	font-weight: bold;
	color: #333;
}
span.dfe span { color: #f39200; }

/*****************************
 * RoyalSlider
 ****************************/

/* v1.0.5 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
.royalSlider {
/*	width: 600px;
	height: 400px;*/
	position: relative;
	direction: ltr;
}
.royalSlider > * {
	/*float: left;*/
}

.rsWebkit3d .rsSlide {
	-webkit-transform: translateZ(0);
}


.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl,
.rsWebkit3d .rsABlock,
.rsWebkit3d .rsLink {
	-webkit-backface-visibility: hidden;
}
.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
    -webkit-transform: none;
}
.rsOverflow {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	float: left;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsVisibleNearbyWrap {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	left: 0;
	top: 0;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.rsVisibleNearbyWrap .rsOverflow {
	position: absolute;
	left: 0;
	top: 0;

}
.rsContainer {
	position: relative;
	width: 100%;
	height: 100%;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

.rsArrow,
.rsThumbsArrow {
	cursor: pointer;
}

.rsThumb {
	float: left;
	position: relative;
}


.rsArrow,
.rsNav,
.rsThumbsArrow {
	opacity: 1;
	-webkit-transition:opacity 0.3s linear;
	-moz-transition:opacity 0.3s linear;
	-o-transition:opacity 0.3s linear;
	transition:opacity 0.3s linear;
}
.rsHidden {
	opacity: 0;
	visibility: hidden;
	-webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
	-moz-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
	-o-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
	transition:visibility 0s linear 0.3s,opacity 0.3s linear;
}


.rsGCaption {
	width: 100%;
	float: left;
	text-align: center;
}

/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen {
	position: fixed !important;
	height: auto !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	z-index: 2147483647 !important;
	top: 0 !important;
	left: 0 !important;
	bottom: 0 !important;
	right: 0 !important;
}

.royalSlider .rsSlide.rsFakePreloader {
	opacity: 1 !important;
	-webkit-transition: 0s;
	-moz-transition: 0s;
	-o-transition:  0s;
	transition:  0s;
	display: none;
}

.rsSlide {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	overflow: hidden;
	
	height: 100%;
	width: 100%;
}

.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
	height: auto;
}

.rsContent {
	width: 100%;
	height: 100%;
	position: relative;
}

.rsPreloader {
	position:absolute;
	z-index: 0;	
}

.rsNav {
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	user-select: none;
}
.rsNavItem {
	-webkit-tap-highlight-color:rgba(0,0,0,0.25);
}

.rsThumbs {
	cursor: pointer;
	position: relative;
	overflow: hidden;
	float: left;
	z-index: 22;
}
.rsTabs {
	float: left;
	background: none !important;
}
.rsTabs,
.rsThumbs {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}


.rsVideoContainer {
	/*left: 0;
	top: 0;
	position: absolute;*/
	/*width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	float: left;*/
	width: auto;
	height: auto;
	line-height: 0;
	position: relative;
}
.rsVideoFrameHolder {
	position: absolute;
	left: 0;
	top: 0;
	background: #141414;
	opacity: 0;
	-webkit-transition: .3s;
}
.rsVideoFrameHolder.rsVideoActive {
	opacity: 1;
}
.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {
	position: absolute;
	z-index: 50;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 44px;
}

.rsABlock {
	left: 0;
	top: 0;
	position: absolute;
	z-index: 15;
	
}

img.rsImg {
	max-width: none;
}

.grab-cursor {
	cursor:url(grab.png) 8 8, move; 
}

.grabbing-cursor{ 
	cursor:url(grabbing.png) 8 8, move;
}

.rsNoDrag {
	cursor: auto;
}

.rsLink {
	left:0;
	top:0;
	position:absolute;
	width:100%;
	height:100%;
	display:block;	
	z-index: 20;
	background: url(blank.gif);
}

/* Bullet Sub-Nav */
nav.side-navi {
	position: fixed;
	top: 50%;
	right: 20px;
	z-index: 99;	
	margin-top: -59px;
}

nav.side-navi li {
	margin-top: 12px;
}

nav.side-navi li a {
	width: 18px;
	height: 18px;
	display: block;
	color: #fff;
	background: #cccccc;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
/*	-webkit-opacity: .25;
	-moz-opacity: .25;
	opacity: .25;*/
/*	-webkit-box-shadow: inset 2px 2px 1px rgba(0,0,0,.5);
	-moz-box-shadow: inset 2px 2px 1px rgba(0,0,0,.5);
	box-shadow: inset 2px 2px 1px rgba(0,0,0,.5);*/
}

nav.side-navi li:first-child {
	margin-top: 0;
}

nav.side-navi li.active a {
	background: #f39200;	
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;	
}

nav.side-navi li a span {
	display: none;
}

.tooltip {
 	margin-top: 20px;
	font-family: Verdana, Arial, sans-serif;
	font-size: .687em;
	padding: .625em 1.75em;
}

@media only screen and (max-width: 40.000em) { /* Mobile only: <= 641px */
	.para { display: none !important; }
}

@media only screen { /* Mobile: <= 641px */

	header h2 a {
		width: 50%;
		text-align: center;
	}

	nav.side-navi {
		display: none;
	}

	.columns.small-center,
	.column.small-center {
		text-align: center;
		max-width: 300px;
		clear: both;
	    margin-left: auto;
	    margin-right: auto;
	    float: none !important;
	}

	.service-boxes li .picto img {
		max-width: 50%;
	}

/*	.service-details .button.close {
		-webkit-transform: scale(.8, .8);
		   -moz-transform: scale(.8, .8);
		     -o-transform: scale(.8, .8);
		        transform: scale(.8, .8);		
	}*/	
}

@media only screen and (min-width: 40.063em) { /* Medium-Screens: >= 641px */

	.columns.small-center,
	.column.small-center {
		text-align: left;
		max-width: none;
		clear: none;
	    margin-left: 0;
	    margin-right: 0;
	    float: right !important;
	}

  	[class*="column"] + [class*="column"].small-center:last-child {
    float: right;
	}

	.parallax.picture {
		max-width: 45%;
		display: block;
	}

	/* Typography */

	h2 {
		font-size: 3.125em;
	}		

	/* Header */

	header {
		height: 320px;
	}
	header h2 {
		margin: 60px 0;	
		display: inline-block;
	}
	header h2 a {
		margin-left: 0;
		width: auto;
		text-align: center;
	}
	.nav-col {
		height: 100%;
	}
	.hotline-banner {
		float: right;
	}
	nav.main-nav {
		margin: 0;
		position: absolute;
		bottom: 37px;
		right: 0;
		left: 0;
	}
	nav.main-nav li {
		font-size: 1em;
	}
	nav.main-nav li a {
		padding: 15px 20px;
	}
	nav.main-nav li a:hover, nav.main-nav li a:focus,
	nav.main-nav li a:active, nav.main-nav li.active a {
		color: #fff;
		background-color: #f39200;
	}

	nav.section-nav li, nav.section-nav .rsNavItem {
		padding: 0 2.5em;
		line-height: 1.6;		
	}

	.pattern {
		text-align: left;
	}
	.container {
		padding: 3.5em 0;
	}
	
	.nav-button.pattern-overlap {
		bottom: -3.5em;
	}

	#intro .nav-button.pattern-overlap {
		/* margin: 0;
		position: static; */
	}

	/* Hero Banner */
	.here-for-you {
	}
	.here-for-you article.column {
		width: auto;
	}

	.para-filler {
		height: 260px;
		/*background-position: center;	
		background-attachment: scroll;*/
		background-position: 50% bottom;	
		background-attachment: fixed;		
	}
	/*.no-touch .para-filler {
		background-position: 50% bottom;	
		background-attachment: fixed;
	}*/

	.para-filler.hands {
		background-image: url(../img/filler_bg_fassade_tablet.jpg);
	}
	.para-filler.stock {
		background-image: url(../img/filler_bg_garten_tablet.jpg);
	}
	.para-filler.office {
		background-image: url(../img/filler_bg_fenster_tablet.jpg);
	}
	.para-filler.shipping {
		background-image: url(../img/filler_bg_wischer_tablet.jpg);
	}

	ul#sheets li article {
		padding: 4em;
	}

	ul#sheets li article:before {
		background-size: auto;
	}	

	.story.medium-7 { margin-bottom: 0; }

	.section-nav {
		margin-top: 2em;
	}

	/* Services */

	.service-boxes li .picto {
		-webkit-border-radius: 50% 50% 0 0;
		-moz-border-radius: 50% 50% 0 0;
		border-radius: 50% 50% 0 0;
	}

	.service-boxes li .picto img {
		max-width: 100%;
	}

	.service-boxes li article {
		padding-bottom: 80px;
		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
		        border-radius: 0;	
		-webkit-hyphens: auto;
		   -moz-hyphens: auto;
		    -ms-hyphens: auto;
		        hyphens: auto;		        
	}

	.service-boxes li article:before {
		content: "";
		width: 100%;
		height: 10px;
		display: block;
		left: 0;
		bottom: -10px;
		position: absolute;
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPYAAAAKCAYAAACHQqOqAAABTUlEQVRo3u2ZgW6CMBCGZWI73Z5zD7XHXFBoKW4j+ZtcLi2jUyPi/yWXu2uLQtO/PUK1SfOxIYQ8Ap+pxpfM4J7zRcjiCbmOnLC/OWeELJ5zqbAJIQ9MzSkoYqxk/K8NKIMCdk2H/pwfYLotllJeVElBjNXX6utyuIJn2s5YB1blJpFXiHc4MCoxTv6HEWtvO+Hj75iZ90ieSNg9RBNUHLD4e5F7kXvV5xKCWwvDjOdyC7lXC8HXMCNyo/os/E5YzE1is3oKYYfErnyvRecgtA7eKfMJc+oUJOvAXXmTMRNm/7B6IfooEvb5hiLtJiz2t/CBa5nckHgQ/Ifx9eA1Y1bEe9FW31vYJaXuCUJsEXciboXxExpZ2yvMEVZSIY8iP0Dwe8SxTcYXVcxTpfgXxNlAmA3yI/yJJyohRQToqJlZEYwCf4MdhH+Hz1bWP0odeZ401PWKAAAAAElFTkSuQmCC) center top no-repeat;
		background-size: 100% auto;		
	}
	
	.service-boxes li article .more {
		width: 100%;
		position: absolute;
		left: 0;
		bottom: 32px;
	}
	.service-boxes .more-content { display: none !important; }

	.pattern .service-details article p, 
	.service-boxes article li, .service-details article li {
		font-size: .875em;
	}
	.service-details {
		padding: 2em 0;
	}
	.service-details article ul { margin-left: 2em; }
	.service-details h4 + p { font-style: italic; }
	.service-details .more-content p:first-child { margin-bottom: .5em; }
	.service-details .picto {
		position: absolute;
		right: -24.99999%;
		top: 2em;
		bottom: 0;
	}
	.service-details .button.close {
		top: 3em;
		right: 3em;
	}

	#map { height: 400px; }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { /* iPad */
	.para-filler {
		background-position: center;	
		background-attachment: scroll;
	}
}

@media only screen and (min-width: 40.063em) and (-webkit-min-device-pixel-ratio : 1.5) { /* iPad Retina */
	.para-filler {
		background-position: center;	
		background-attachment: scroll;
	}
}

@media only screen and (min-width: 64.063em) { /* Large & Desktop-Screens: >= 1025px */

	/* #intro h2 {
			font-size: 4.688em;
		} */	

	.para-filler {
		height: 358px;
	}

	.para-filler.hands {
		background-image: url(../img/filler_bg_fassade_hd.jpg);
	}
	.para-filler.stock {
		background-image: url(../img/filler_bg_garten_hd.jpg);
	}
	.para-filler.office {
		background-image: url(../img/filler_bg_fenster_hd.jpg);
	}
	.para-filler.shipping {
		background-image: url(../img/filler_bg_wischer_hd.jpg);
	}

/*	.lt-ie9 .para-filler.hands {
		background-image: url(../img/filler_bg_fassade_hd.jpg);
	}
	.lt-ie9 .para-filler.stock {
		background-image: url(../img/filler_bg_garten_hd.jpg);
	}
	.lt-ie9 .para-filler.office {
		background-image: url(../img/filler_bg_fenster_hd.jpg);
	}
	.lt-ie9 .para-filler.shipping {
		background-image: url(../img/filler_bg_wischer_hd.jpg);
	}*/


	.container {
		padding: 3.5em 0;		
	}

	#intro .container {
		padding: 4.5em 0;
	}

	.service-boxes li {
		margin-bottom: 1em;
	}


	/* Parallax */

	.parallax.picture.para0 {
		left: 75px;
		top: 630px;	
	}
	.parallax.picture.para1 {
		left: -50px;
		top: 200px;
	}
	.parallax.picture.para2 {
		left: -25px;
		top: 790px;	
	}
	.parallax.picture.para3 {
		left: 182px;
		top: 430px;
	}
	.parallax.picture.para4 {
		left: 9%;
		top: 40px;
	}	


	form.contact-form {
		background-color: transparent;
		position: relative;
		z-index: 1;
		margin-top: -190px;
	}


	#map { height: 790px; }

	.lt-ie9 #map {
		height: 600px;
	}

	.lt-ie9 form.contact-form {
		margin-top: 0;
	}

	#newPos {
		position: absolute;
		top: -95px;
		border: 1px solid red;
	}	
}

@media only screen and (min-width: 90.063em) { /* X-Large Screens (Widescreens): >= 1441px */

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
*/

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
*/

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
*/

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.debug { border: 1px solid #d66; background: rgba(221,102,102,.20); }
.debugMonitor {
	position: fixed;
	left: 0;
	top: 0;
	padding: 10px;
	color: white;
	background: rgba(0,0,0,0.5);
	z-index: 100;
}
.lt-ie9 .debugMonitor { background: #000; }