@charset "UTF-8";

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}


#back-top {
	position:fixed;
	bottom:30px;
	right:30px;
	z-index:100;
}

#back-top a {
	width:50px;
	height:50px;
	display:block;
	background:red;
	opacity:0.5;
	transition:500ms;
}

#back-top a:hover {
	opacity:1.0;
}

input:not([type="checkbox"]):not([type="radio"]), textarea{
	-webkit-appaerance: none;
	border-radius:0;
	border:1px solid red;
}


* {
	margin:0;
	padding:0;
	border:0;
	outline:none;
	-webkit-appaerance: none;
	-webkit-text-adjust: none;
}

::selection {
	background:#000;
	color:#fff;
}

::-moz-selection {
	background:#000;
	color:#fff;
}

html {
	background:#fff;
}

body {
	font:14px/26px 'Open Sans', Arial, Helvetica, sans-serif;
	color:#777;
}

a {
	color:#0280ee;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

h1 {
	font:bold 25px/30px 'Open Sans', Arial, Helvetica, sans-serif;
}

h2, .h2-style {
	font:bold 20px/25px 'Open Sans', Arial, Helvetica, sans-serif;
}

h3 {
	font:bold 17px/27px 'Open Sans', Arial, Helvetica, sans-serif;
	color:#333;
	font-weight:600;
	letter-spacing:1px;
	text-transform:uppercase;
	margin:0 0 10px;
}

h4, h5, h6 {
	font:bold 12px/20px 'Open Sans', Arial, Helvetica, sans-serif;
	color:red;
}

p, h1, h2, h4, h5, h6, table, ol, ul, fieldset {
	margin:0 0 20px 0;
}

table {
	border-collapse:collapse;
}

table td, table th {
	padding:5px 10px 5px 0;
	text-align:left;
	vertical-align:top;
}


ul {
	list-style:outside disc;
	margin:0 0 20px 20px;
}

ol {
	list-style:outside decimal;
	margin:0 0 20px 20px;
}

hr {
	border-top:1px solid #ccc;
	border-bottom:1px solid #fff;
	clear:both;
	margin:20px 0;
}

fieldset {
	border:1px solid #ccc;
	padding:10px;
}

input {

	border:1px solid red;
	
}

textarea {
	border:1px solid red;
}

.clear, .clearfix {
	clear:both;
}

.hidden{
	display:none;
}

main, header, footer{
	display:block;
}

.desktop-only{display:block;}
.tablet-only{display:none;}
.mobile-only{display:none;}

@media only screen and (max-width:1024px){
	.desktop-only{display:none;}
	.tablet-only{display:block;}
	.mobile-only{display:none;}	
}

@media only screen and (max-width:720px){
	.desktop-only{display:none;}
	.tablet-only{display:none;}
	.mobile-only{display:block;}	
}

.centered{
	width:1200px;
	margin:0 auto;
	max-width:100%;
}

main{
	padding:150px 0 0;
}

header{
	display:block;
	width:100%;
	position:fixed;
	top:0;
	left:0;
	background:#fff;
	z-index:600;
}

header .top{
	background:#f5f5f5;
}

header .top ul{
	list-style:none;
	margin:0;
	display:block;
}

header .top ul li{
	display:block;
	float:left;
	padding:15px 20px;
	color:#999999;
	border-left:1px solid #E2E6E7;
	font-size:13px;
	line-height:13px;
}

header .top ul li:last-of-type{
	border-right:1px solid #E2E6E7;
}

header .top ul li a{
	color:#999;
	text-decoration:none;
}

header .top ul li a:hover{
	text-decoration:underline;
}

header .top ul li .fa{
	margin:0 10px 0 0;
}

#logo{
	float:left;
	display:block;
	width:150px;
	padding:15px 0 14px;
	transition:100ms;
}

#logo img{
	display:block;
	width:100%;
	height:auto;
	transition:100ms;
}

#nav{
	float:right;
	list-style:none;
	margin:0;
}

#nav li{
	float:left;
}

#nav li a{
	display:block;
	text-decoration:none;
	font-size:16px;
	line-height:16px;
	color:#777777;
	padding:45px 13px;
	transition:100ms;
}

#nav li:hover a, #nav li.selected a{
	color:#1071b9;
}

#nav li a.selected {
	color: #1E69B8;
}

.show-navi {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 600;
	text-decoration: none;
	color: #1E69B8;
	text-align: center;
	padding: 5px 0px;
	display: none;
	text-transform: uppercase;
	background: fff;
	width: 65%;
	border: 1px solid #1E69B8;
}

.show-navi:hover {
	color: #323232;
}

input[type=checkbox]{
    display: none;
}

input[type=checkbox]:checked ~ #nav{
    display: block;
}

@media screen and (max-width: 720px){
	#nav {
		position: relative;
		display: none;
		float: none;
		width: 100%;
		margin: 0 0 0 0;
		padding: 0px;
		height: auto;
		left: 0;
	}

	#nav li {
		text-align: left;
		width: 100%;
		display: block;
		border-bottom: 1px solid #f2f2f2;
	}
	
	#nav li:last-child {
		border-bottom: none;
	}
	
	 #nav li a {
		width: 100%;
		display: block;
		padding: 20px 0px;
		font-size: 16px;
	}
	
	#nav li a:hover,
	#nav li a.active {
		color: #1071B9;
		background-color: #ffffff;
		border: none;
		width: 100%;
	}
	
	#nav li:before {
		content: "";
	}

	.show-navi {
		display: block;
		float: right;
		margin: 30px 15px 0px;
		width: 40px;
		cursor:pointer;
	}
}


header.scrolled{
	border-bottom:1px solid #ccc;
}

header.scrolled #logo{
	width:100px;
	transition:300ms;
}

header.scrolled #nav li a{
	padding:32px 14px;
	transition:300ms;
	font-size:14px;
}

footer{
	background:#73767A;
	color:#fff;
}

footer .centered{
	width:1075px;
}

footer a {
	color: #fff;
	text-decoration: none;
}

footer a:hover {
	color: #1E69B8;
}

footer .bottom{
	background:#fff;
	text-align:center;
	color:#A4AAB3;
	padding:30px 0;
}

footer .bottom p{
	margin:0;
	font-size:14px;
	line-height:24px;
}

footer .bottom a{
	color:#777;
	font-weight:400;
	text-decoration:none;
}

footer .bottom a:hover{
	text-decoration:underline;
}

footer .top .centered{
	padding:50px 0;
	border-bottom:1px solid #888A8E;
}

.top .footer-box{
	float:left;
	display:block;
	width:33.33%;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	font-size:21px;
	line-height:32px;
	font-weight:300;
	padding:0 0 0 78px;
	margin:0;
}

footer .middle{
	padding:50px 0;
}

.middle .footer-box{
	float:left;
	width:25%;
	line-height:26px;
}

.middle .footer-box strong{
	display:block;
	text-transform:uppercase;
	font-size:14px;
	font-weight:600;
	letter-spacing:1px;
	line-height:26px;
}

footer .middle hr{
	width:40px;
	border:none;
	border-bottom:2px solid #AEAFB0;
	margin:15px 0 25px;
}

.middle .footer-box span.x-width{
	display:inline-block;
	width:75px;
}

.middle .footer-box ul{
	list-style:none;
	margin:0;
}

.middle .footer-box ul li{
	position:relative;
}

.middle .footer-box ul:not(.tags) li{
	display:block;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:0 0 0 25px;
}

.middle .footer-box ul:not(.tags) li:before{
	font-family:fontawesome;
	content:"\f00c";
	position:absolute;
	left:0;
	top:0;
	color:#AEAFB0;
}

ul.tags{
	display:block;
}

ul.tags li{
	display:block;
	float:left;
	margin:0 7px 7px 0;
}

ul.tags li a{
	display:block;
	padding:10px 12px;
	border:1px solid #888A8E;
	text-decoration:none;
	color:#D5D5D5;
	font-size:11px;
	line-height:16px;
	text-transform:uppercase;
}

ul.tags li a:hover{
	color:#fff;
	border-color:#fff;
}

.middle .footer-box table{
	display:block;
	width:100%;
}

.middle .footer-box table td{
	width:50%;
	padding:0;
}

.mainslider .slide{
	position:relative;
	width:100%;
}

.mainslider .slide img{
	display:block;
	width:100%;
	height:auto;
}

.mainslider .icon {
  width: 100px; 
  height: 57.74px;
  margin: 0px auto;
  position:absolute;
  left:0;
  right:0;
  top:100px;
}

.mainslider .icon:before,
.mainslider .icon:after {
  content: "";
  position: absolute;
  width: 0;
  border-left: none;
  border-right: none;
}

.mainslider .icon:before {
  bottom: 100%;
  border-bottom: none;
}

.mainslider .icon:after {
  top: 100%;
  width: 0;
  border-top: none;
}


.mainslider .slide strong{
	position:absolute;
	left:0;
	top:225px;
	width:100%;
	text-align:center;
	color:#fff;
	text-transform:uppercase;
	font-size:42px;
	font-weight:700;
	line-height:44px;
}

.mainslider .slide p{
	position:absolute;
	top:285px;
	text-align:center;
	color:#fff;
	left:0;
	width:100%;
	font-size:21px;
	line-height:32px;
	font-weight:300;
}

.mainslider .slide .linkwrapper{
	text-align:center;
	position:absolute;
	top:350px;
	left:0;
	width:100%;
}

.mainslider .slide .linkwrapper a{
	display:inline-block;
	border:1px solid #fff;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	font-size:14px;
	font-weight:600;
	letter-spacing:1px;
	padding:20px 25px;
	transition:300ms;
}

.mainslider .slide .linkwrapper a:hover{
	background:#1071b9;
	border-color:#1071b9;
}

.mainslider .next, .mainslider .prev{
	position:absolute;
	font-size:40px;
	line-height:40px;
	color:#fff;
	top:45%;
	transition:300ms;
	padding:20px 10px;
	z-index:200;
	text-align:center;
	width:35px;
}

.mainslider .next{
	right:20px;
}

.mainslider .next span{
	margin:0 -11px 0 0;
}

.mainslider .prev{
	left:20px;
}

.mainslider .prev span{
	margin:0 -6px 0 0;
}

.mainslider .next:hover, .mainslider .prev:hover{
	background:#fff;
	color:#1e69b8;
}

.grey-banner{
	text-align:center;
	background:#f5f5f5;
	padding:35px 0;
}

.grey-banner p{
	font-size:22px;
	font-weight:400;
	line-height:60px;
	text-transform:uppercase;
	float:left;
	margin:0;
}

.grey-banner .centered{
	width:900px;
}

.normal-btn{
	text-decoration:none;
	text-transform:uppercase;
	color:#fff;
	font-size:14px;
	line-height:14px;
	padding:20px 25px;
	background:#1E69B8;
	border:1px solid #1E69B8;
	display:inline-block;
}

.normal-btn:hover{
	background:#fff;
	color:#1E69B8;
}

.grey-banner .normal-btn{
	float:right;
}

.why{
	text-align:center;
	padding:65px 0;
}

.why h1{
	font-weight:300;
	font-size:33px;
	color:#333;
	letter-spacing:1px;
	line-height:44px;
	text-transform:uppercase;
}

.why h1:after, .start-box strong:after, h2:after, .h2-style:after{	
    width: 80px;
    background: none repeat scroll 0 0 #1E69B8;
    content: "";
    display: block;
    height: 2px;
    margin-top: 13px;
	margin:20px auto;
}

.start-box strong:after{
	width:40px;
}

p.short{
	font-size:18px;
	font-weight:300;
	line-height:32px;
	color:#777;
	width:60%;
	margin:0 auto 60px;
}

.start-box{
	width:29%;
	float:left;
	margin:0 2% 40px;
}

.start-box strong{
	font-size:18px;
	font-weight:600;
	color:#333;
	letter-spacing:1px;
	line-height:28px;
	text-transform:uppercase;
}

.start-box p{
	font-size: 14px;
	color: #777;
	line-height: 24px;
}

.half-box{
	position:relative;

}

.half-box.weiss .right {
	background-color: #fff;
}

.half-box .left{
	display:block;
	width:50%;
	z-index:0;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background-size:cover;
}

.half-box .right{
	display:block;
	width:50%;
	z-index:1;
	height:100%;
	width:50%;
	background:#f5f5f5;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	float:right;
	padding:5% 10%;
	text-align:left;
}

.half-box .right h2::after{
	margin: 20px 0;
}

h2, .h2-style{
	font-size:33px;
	font-weight:300;
	line-height:44px;
	text-transform:uppercase;
}

.half-box p{
	font-size:18px;
	line-height:32px;
	color:#777;
	font-weight: 300;
}

.half-box ul{
	display:block;
	list-style:url(../images/bulletpoint.png);
}

.half-box .clear.spacer{
	height:40px;
}

.half-box ul li{
	width:27%;
	margin:0 1% 0 5%;
	float:left;
	text-align:left;
}

.hexagon {
  position: relative;
  width: 150px; 
  height: 86.60px;
  background-color: #ffffff;
  margin: 43.30px auto 80px;
  border-left: solid 1px #1e69b8;
  border-right: solid 1px #1e69b8;
}

.hexagon:before,
.hexagon:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 106.07px;
  height: 106.07px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 20.9670px;
}

.hexagon:before {
  top: -53.0330px;
  border-top: solid 1.4142px #1e69b8;
  border-right: solid 1.4142px #1e69b8;
}

.hexagon:after {
  bottom: -53.0330px;
  border-bottom: solid 1.4142px #1e69b8;
  border-left: solid 1.4142px #1e69b8;
}

.hexagon.small {
  position: relative;
  width: 100px; 
  height: 57.74px;
  background-color: rgba(0,0,0,0);
  margin: 28.87px auto 60px;
  border-left: solid 1px #ffffff;
  border-right: solid 1px #ffffff;
}

.hexagon.small.kunden {
  position: relative;
  width: 100px; 
  height: 80px;
  margin: 10px auto 60px;
  border-left: none;
  border-right: none;
}

.hexagon.small:before,
.hexagon.small:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 70.71px;
  height: 70.71px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 13.6447px;
}

.hexagon.small:before {
  top: -35.3553px;
  border-top: solid 1.4142px #ffffff;
  border-right: solid 1.4142px #ffffff;
}

.hexagon.small.kunden:before {
  top: -35.3553px;
  border-top: none;
  border-right: none;
}

.hexagon.small.kunden:after {
  top: -35.3553px;
  border-bottom: none;
  border-left: none;
}

.hexagon.small:after {
  bottom: -35.3553px;
  border-bottom: solid 1.4142px #ffffff;
  border-left: solid 1.4142px #ffffff;
}

.dreibox{
	text-align:center;
	padding:60px 0;
}

.dreibox .box{
	width:400px;
	max-width:33.3333%;
	margin:0 0 40px;
	float:left;
	position:relative;
}

.dreibox .box .wrapper{
	overflow:hidden;
}

.dreibox .box img{
	display:block;
	width:100%;
	height:auto;
	transition:300ms;
	-webkit-transform:translateZ(0,0);
	transform:translateZ(0,0);
}

.dreibox .box a{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	text-indent:-9999px;
}

.dreibox .box strong{
	display:block;
	box-sizing:border-box;
	padding:20px;
	background:#f4f4f4;
	text-align:left;
	font-weight:normal;
	text-transform:uppercase;
	font-size:16px;
	line-height:16px;
	border-right:1px solid #ccc;
	transition:300ms;
}

.dreibox .box strong span{
	float:right;
	font-size:25px;
	color:#1e69b8;
	margin:-5px 0 0;
}

.dreibox .box:nth-of-type(3) strong{
	border:none;
}

.dreibox .box:hover img, .dreibox .box:hover strong{
	opacity:.8;
}

.dreibox .box:hover img{
	-webkit-transform:scale(1.05,1.05);
	transform:scale(1.05,1.05);
}

.parallax{
	padding:60px 0;
	background-size:cover;
	background-attachment:fixed;
	background-position: right center;
	background-repeat: no-repeat;
	color:#fff;
	font-size:21px;
	font-style:italic;
	font-weight:300;
	line-height:36px;
}

.parallax .slide p{
	width:75%;
	margin:0 auto 60px;
}

.parallax .slide .name{
	display:block;
	text-align:center;
	font-weight:400;
	text-transform:uppercase;
	font-style:normal;
	font-size:14px;
	line-height:14px;
	position:relative;
}

.parallax .slide .name:after{
	width:50px;
	height:2px;
	position:absolute;
	top:-15px;
	left:0;
	right:0;
	margin:0 auto;
	display:block;
	content:"";
	background:#fff;
}

.parallax .centered{
	position:relative;
}

.parallax .next, .parallax .prev{
	position:absolute;
	top:45%;
	width:50px;
	height:50px;
	text-align:center;
	line-height:46px;
	text-decoration:none;
	color:#fff;
	font-size:40px;
	border:1px solid #fff;
	border-radius:100%;
	transition:300ms;
	z-index:200;
}

.parallax .next:hover, .parallax .prev:hover{
	background:#1e69b8;
	border-color:#1e69b8;
}

.parallax .prev span{
	margin:0 -5px 0 0;
}

.parallax .next span{
	margin:0 -13px 0 0;
}

.parallax .prev{
	left:0;
}

.parallax .next{
	right:0;
}

.ubersicht{
	padding:60px 0;
	text-align:center;
}

.ubersicht .box{
	width:400px;
	max-width:33.3333%;
	box-sizing:border-box;
	padding:10px 30px 10px 0;
	float:left;
	text-align:left;
}

.ubersicht h2{
	text-align:center;
}

.ubersicht .box .iconwrapper{
	width:50px;
	height:50px;
	max-width:12.5%;
	background:url(../images/icons.png);
	overflow:hidden;
	float:left;
}

.leistungen-right .box .leistungen-iconwrapper.polster {
    background: transparent url("../images/leistungen-icon-polster.png");
}

.leistungen-right .box .leistungen-iconwrapper.motor {
    background: transparent url("../images/leistungen-icon-motor.png");
}

.leistungen-right .box .leistungen-iconwrapper.felgen {
    background: transparent url("../images/leistungen-icon-felgen.png");
}

.leistungen-right .box .leistungen-iconwrapper.lackpflege {
    background: transparent url("../images/leistungen-icon-lackpflege.png");
}

.leistungen-right .box .leistungen-iconwrapper.insekten {
    background: transparent url("../images/leistungen-icon-insekten.png");
}

.leistungen-right .box .leistungen-iconwrapper.cockpit {
    background: transparent url("../images/leistungen-icon-cockpit.png");
}

.leistungen-right .box .leistungen-iconwrapper.bodenpflege {
    background: transparent url("../images/leistungen-icon-bodenpflege.png");
}

.leistungen-right .box .leistungen-iconwrapper.fenster {
    background: transparent url("../images/leistungen-icon-fenster.png");
}

.leistungen-right .box .leistungen-iconwrapper.fussmatte {
    background: transparent url("../images/leistungen-icon-fussmatte.png");
}

.leistungen-right .box .leistungen-iconwrapper.abholservice {
    background: transparent url("../images/leistungen-icon-abholservice.png");
}

.leistungen-right .box .leistungen-iconwrapper.lackschutz {
    background: transparent url("../images/leistungen-icon-lackschutz.png");
}

.leistungen-right .box .leistungen-iconwrapper.oberflaechen {
    background: transparent url("../images/leistungen-icon-oberflaechen.png");
}

.leistungen-right .box .leistungen-iconwrapper.dellen {
    background: transparent url("../images/leistungen-icon-dellen.png");
}

.ubersicht .box .iconwrapper img{
	display:block;
}

.ubersicht .box .detail{
	width:80%;
	float:right;
	font-size:14px;
	line-height:24px;
	color:#777;
}

.ubersicht .box:nth-of-type(1) .iconwrapper{background-position:0 0;}
.ubersicht .box:nth-of-type(2) .iconwrapper{background-position:-50px 0;}
.ubersicht .box:nth-of-type(3) .iconwrapper{background-position:-100px 0;}
.ubersicht .box:nth-of-type(5) .iconwrapper{background-position:-150px 0;}
.ubersicht .box:nth-of-type(6) .iconwrapper{background-position:-200px 0;}
.ubersicht .box:nth-of-type(7) .iconwrapper{background-position:-250px 0;}

.bildboxen .box{
	position:relative;
	float:left;
	width:25%;
}

.bildboxen .box .wrapper{
	overflow:hidden;
}

.bildboxen .box img{
	width:100%;
	height:auto;
	display:block;
	transition:300ms;
}

.bildboxen .box:hover img{
	-webkit-transform:scale(1.1,1.1);
	transform:scale(1.1,1.1);
}

.bildboxen .box .detail{		
		display:block;
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:rgba(0,0,0,.6);
		opacity:0;
		transition:400ms;
		color:#fff;
		text-align:center;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		padding:25% 15%;
}

.bildboxen .box:hover .detail{
	opacity:1;
}

.bildboxen .box strong{
	font-weight:300;
	display:block;
	margin:-20px 0 60px;
	font-size:18px;
	line-height:18px;
	transition:350ms;
}

.bildboxen .box:hover strong{
	margin:0 0 30px;
}

.about{
	padding:60px 0;
	color:#777;
	line-height:26px;
}

.about .h2-style{
	font-size:22px;
	line-height:22px;
}

.about .h2-style:after{
	margin:20px 0;
}

.about .half{
	width:48%;
	float:left;
}

.about .half:nth-of-type(2){
	float:right;
}

.faq{
	display:block;
	box-sizing:border-box;
	padding:20px;
	border:1px solid #E4E4E4;
	margin:0 0 -1px;
	cursor:pointer;
}

.faq .frage{
	font-size:20px;
	line-height:20px;
	font-weight:300;
	margin:0;
}

.faq .antwort{
	padding:30px 0 0;
	display:none;
}

.faq .antwort p{
	margin:0;
}

.breadcrumbs{
	padding:35px 0;
	background:#f5f5f5;
	box-shadow:0 11px 4px -10px rgba(0, 0, 0, 0.05) inset
}

.breadcrumbs h1{
	font-size:22px;
	line-height:22px;
	color:#333;
	font-weight:600;
	letter-spacing:1px;
	margin:0;
	text-transform:uppercase;
	float:left;
}

.breadcrumbs .crumbs{
	float:right;
}

.breadcrumbs .crumbs div{
	float:left;
}

.breadcrumbs .crumbs p, .breadcrumbs .crumbs a{
	text-transform:uppercase;
	font-size:13px;
	line-height:22px;
	color:#777;
	text-decoration:none;
	margin:0 0 0 10px;
	position:relative;
}

.breadcrumbs .crumbs a:hover{
	text-decoration:underline;
}

.breadcrumbs .crumbs p{
	color:#a4aab3;
}

.breadcrumbs .crumbs div[itemscope]:not(.selected):after{
	display:inline;
	content:"/";
	margin:0 0 0 10px;	
}

.breadcrumbs .crumbs .selected a{
	text-decoration:none!important;
	color:#1071b9;
}

.content{
	padding:60px 0;
}

.content .half{
	width:48%;
	float:left;
}

.content .half:nth-of-type(2n){
	float:right;
}

.content h2, .content .h2-style{
	font-size:22px;
	line-height:22px;
}

.content h2:after, .content .h2-style:after{
	margin:20px 0;
}

.content article{
	display:block;
	margin:0 0 60px;
}

.content .half article:last-of-type, .content .twothree article:last-of-type{
	margin:0;
}

.twothree hr {
	margin: 0 0 60px;
}

.content ul{
	list-style:url(../images/bulletpoint.png);
}

.content .full{
	width:100%;
	display:block;
	margin:0 0 30px;
}

.content .halffull{
	width:48%;
	display:block;
	float:left;
}

.content .halffull:nth-of-type(2n-1){
	float:right;
}

.content .imgwrapper{
	overflow:hidden;
}

.content .imgwrapper img{
	display:block;
	width:100%;
	height:auto;
	transition:300ms;
}

.content .imgwrapper:hover img{
	-webkit-transform:scale(1.1,1.1);
	transform:scale(1.1,1.1);
	opacity:.7;
}

.content .onethree{
	width:26%;
	float:left;
}

.content .twothree{
	width:69%;
	float:right;
}

.content .twothree .halffull{
	margin:0 0 60px;
}

table.preise{
	width:100%;
}

table.preise tr td{
	padding:15px 25px;
	width:50%;
}

table.preise tr:nth-of-type(2n-1){
	background:#f5f5f5;
}

table.preise tr td:first-of-type{
	text-align:right;
	border-right:1px solid #e2e6e7;
}

table.preise tr td:nth-of-type(2){
	text-align:left;
}

.teaser{
	width:100%;
	box-sizing:border-box;
	border:1px solid #e2e6e7;
	padding:20px;
	margin:0 0 40px;
}

.teaser a {
	text-decoration: none;
	color: #777;
}

.teaser a.normal-btn {
	color: #fff;
}

.teaser a:hover {
	color: #1E69B8;
}

.teaser .greygagon {
  position: relative;
  width: 100px; 
  height: 57.74px;
  background-color: #e5e5e5;
  margin: 28.87px auto 60px;
}

.teaser .greygagon:before,
.teaser .greygagon:after {
  content: "";
  position: absolute;
  width: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
}

.teaser .greygagon:before {
  bottom: 100%;
  border-bottom: 28.87px solid #e5e5e5;
}

.teaser .greygagon:after {
  top: 100%;
  width: 0;
  border-top: 28.87px solid #e5e5e5;
}

.teaser strong{
	display:block;
	text-align:center;
	margin:0 0 25px;
	font-size:18px;
	line-height:18px;
	text-transform:uppercase;
	font-weight:500;
}

.teaser p{
	text-align:center;
}

.teaser .normal-btn{
	display:block;
	text-align:center;
}

.downloads .h2-style{
	font-size:14px;
	lien-height:14px;
	font-weight:600;
	
}

.downloads .h2-style:after{
	width:30px;
	margin-top:10px;
}

.downloads a{
	display:block;
	text-decoration:none;
	color:#777;
	font-size:14px;
	line-height:14px;
	box-sizing:border-box;
	padding:20px 15px 20px 50px;
	border-bottom:1px solid #e2e6e7;
	position:relative;
}

.downloads a:before{
	display:block;
	content:"\f019";
	font-family:fontawesome;
	position:absolute;
	left:13px;
	top:16px;
	font-size:25px;
	line-height:25px;
	color:#D8D8D8;
}

.downloads a:hover{
	color:#fff;
	background:#1e69b8;
}

.downloads a:hover:before{
	color:#fff;
}

.subnavi{
	background:#1e69b8;
}

#subnavi{
	display:block;
	text-align:center;
	list-style:none;
	margin:0;
}

#subnavi li{
	display:inline-block;
}

#subnavi li a{
	display:block;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:300;
	font-size:14px;
	line-height:14px;
	padding:20px;
}

#subnavi li a:hover{
	background:#fff;
	color:#1e69b8;
}

.subfix{
	position:relative;
}

.subfix.fixed{
	width:100%;
	height:54px;
}

.subnavi.fixed{
	position:fixed;
	top:81px;
	left:0;
	width:100%;
	z-index:500;
}

.leistungen-left{
	width:31%;
	float:left;
	padding: 0 72px 0 0;
	box-sizing: border-box;
}

.leistungen-left h2 {
	text-align: left;
	color: #1E69B8;
}

.leistungen-left h2:after {
	margin: 20px 0;
	background: #777;
}

.leistungen-right{
	width:69%;
	float:right;
	margin: 0;
}

.leistungen-right.last{
	margin: 0 0 0 0;
}

.leistungen-right .box {
    box-sizing: border-box;
    padding: 0 50px 10px 0px;
    float: left;
    text-align: left;
    width: 50%;
    max-width: 50%;
}

.leistungen-right .box .iconwrapper {
    width: 50px;
    height: 50px;
    max-width: 29.5%;
    background: url("../images/icons.png") repeat;
    overflow: hidden;
    float: left;
}

.leistungen-right .box .detail {
    width: 75%;
    float: right;
    font-size: 14px;
    line-height: 24px;
    color: #777;
}

.leistungen-right .box .leistungen-iconwrapper {
    width: 50px;
    height: 50px;
    max-width: 28.5%;
    background: url("../images/icons.png") repeat;
    overflow: hidden;
    float: left;
}

.leistungen-left .teaser .greygagon::before,
.leistungen-left .teaser .greygagon::after {
    margin: 0 0 0 -49px;
}

.angebot-image {
	text-align: center;
}

.ubersicht hr {
	border-left: none;
	border-right: none;
	border-bottom: none;
	border-top: 1px solid #e5e5e5;
	margin: 20px 0px 55px;
}

.impressum,
.datenschutz {
	padding: 65px 0;
}

.impressum p:nth-of-type(1) {
	width: 49%;
	float: left;
	text-align: left;
}

.impressum p:nth-of-type(2) {
	float: right;
	width: 49%;
	text-align: justify;
}

.galerie{
	background:#f4f4f4;
	padding:40px 0 20px;
}

.galerie a{
	display:block;
	float:left;
	overflow:hidden;
	width:23%;
	margin:0 1% 20px;
}

.galerie a:hover img{
	-webkit-transform:scale(1.1,1.1);
	transform:scale(1.1,1.1);
}

.galerie a img{
	display:block;
	transition:300ms;
	width:100%;
	height:auto;
}

@media only screen and (max-width: 1300px) {
	
	.mainslider .icon {
		top: 25px;
	}
	
	.mainslider .slide strong {
		top: 150px;
	}
	
	.mainslider .slide p {
		top: 200px;
	}
	
	.mainslider .slide .linkwrapper {
		top: 250px;
	}
	
	.mainslider .slide .linkwrapper a {
		padding: 10px 25px;
	}
	
	.parallax {
		background-position: right center;
		background-attachment: scroll;
		background-size: inherit;
		background-repeat: no-repeat;
	}
	
	.widget {
		top: 200px !important;
	}
	
}

@media only screen and (max-width: 1200px) {
	
	.centered {
		padding: 0px 15px;
		width: 100%;
		margin: 0;
		max-width: none;
		box-sizing: border-box;
	}
	
	.mainslider .next, .mainslider .prev {
		top: 20%;
		padding: 10px 5px;
	}
	
	.widget {
		top: 550px !important;
	}
	
	.grey-banner {
		padding: 35px 0 45px;
	}
	
	.grey-banner .centered {
		margin: 0 auto;
	}
	
	.grey-banner p, .grey-banner .normal-btn {
    float: none;
}
		
}

@media only screen and (max-width: 1075px) {

	footer .centered,
	.grey-banner .centered {
		width: 100%;
	}
	
	.grey-banner p,
	.grey-banner .normal-btn {
		float: none;
	}
	
	.mainslider .icon {
		top: 25px;
	}
	
	.mainslider .slide strong {
		top: 150px;
	}
	
	.mainslider .slide p {
		top: 200px;
	}
	
	.mainslider .slide .linkwrapper {
		top: 250px;
	}
	
	.mainslider .slide .linkwrapper a {
		padding: 10px 25px;
	}
	
	.start-box p {
		min-height: 120px;
	}
	
	.parallax {
		background-position: right center;
		background-attachment: scroll;
		background-size: inherit;
		background-repeat: no-repeat;
	}
	
	.parallax .prev {
    	left: 15px;
	}
	
	.parallax .next {
    	right: 15px;
	}
	
	.half-box .right h2 {
		font-size: 25px;
	}
	
	.half-box p {
		font-size: 16px;
	}
	
	.half-box .right {
		padding: 5%;
	}
	
	h3 {
		font: 600 15px/27px "Open Sans",Arial,Helvetica,sans-serif;
	}
	
	.teaser a.normal-btn {
		line-height: 20px;
	}

	
	.content h2, .content .h2-style {
		line-height: 30px;
	}
}

@media only screen and (max-width: 1000px) {
	.cycle-slideshow.mainslider {
		min-height: 515px;
	}
	
	.mainslider .icon,
	.mainslider .slide strong,
	.mainslider .slide p,
	.mainslider .slide .linkwrapper {
		position: relative;
		color: #000;
		text-align: left;
	}
	
	.mainslider .icon {
		float: left;
		padding: 0 0 0 15px;
		top: 60px;
	}
	
	.mainslider .slide strong {
		float: right;
		top: 25px;
		width: 80%;
		font-size: 32px;
		color: #1E69B8;
	}
	
	.mainslider .slide p {
		width: 80%;
		float: right;
		top: 35px;
		font-size: 16px;
		box-sizing: border-box;
		padding: 0 15px 0 0;
	}
	
	.mainslider .slide .linkwrapper {
		top: 35px;
		left: 20%;
		width: 80%;
		float: left;
	}
	
	.mainslider .slide .linkwrapper a {
		border: 1px solid #1E69B8;
		color: #1E69B8;
		padding: 10px 15px;
	}
	
	.mainslider .slide .linkwrapper a:hover {
		color: #fff;
	}
	
	.start-box strong {
		font-size: 16px;
	}
	
	.half-box .left {
		display: none;
	}
	
	.half-box .right {
		float: none;
		width: 100%;
		padding: 5% 20px;
	}
	
	.top .footer-box {
		padding: 0 15px;
		font-size: 18px;
	}
	
	.middle .footer-box {
		width: 41%;
		margin: 0 8% 50px 0;
	}
	
	.middle .footer-box:nth-of-type(2) {
		margin: 0px 0 15%;
	}
	
	.middle .footer-box:nth-of-type(3),
	.middle .footer-box:nth-of-type(4) {
		margin: 0px 8% 0 0;
	}
	
	h3 {
		font: 600 17px/27px "Open Sans",Arial,Helvetica,sans-serif;
	}
	
	#subnavi li a {
		font-size: 11px;
	}
	
	.leistungen-left {
		width: 38%;
		padding: 0;
	}
	
	.leistungen-right {
		width: 53%;
	}
	
	.leistungen-right .box {
		float: right;
		width: 100%;
		max-width: 100%;
	}

}

@media only screen and (max-width: 720px) {
	
	.widget {
		display: none;
	}

	footer .top {
		display: none;
	}
	
	.top ul li:nth-of-type(1),
	.top ul li:nth-of-type(2) {
		display: none;
	}
	
	header .top ul li:last-of-type {
		border: none;
	}
	
	main {
		overflow: hidden;
	}
	
	.mainslider .icon {
		float: none;
		padding: 0;
		top: 25px;
	}
	
	.mainslider .slide {
		text-align: center;
	}
	
	.mainslider .slide strong {
		float: none;
		top: 90px;
		width: 100%;
		font-size: 22px;
	}
	
	.mainslider .slide p {
		width: 100%;
		float: none;
		top: 95px;
		font-size: 16px;
		text-align: center;
	}
	
	.mainslider .slide .linkwrapper {
		top: 100px;
		left: 0;
		text-align: center;
		width: 100%;
		float: none;
	}
	
	.grey-banner p {
		font-size: 18px;
		line-height: 40px;
		margin: 0 0 25px;
	}
	
	.start-box {
		width: 100%;
		float: none;
		margin: 0px 0 40px;
	}
	
	.mainslider .next, .mainslider .prev {
		display: none;
	}
	
	.parallax {
		line-height: 25px;
	}
	
	.parallax .slide p {
		line-height: 30px;
		font-size: 18px;
		text-align: center;
	}
	
	.parallax .next, .parallax .prev {
		top: 115%;
	}
	
	.hexagon.small.kunden {
		display: none;
	}
	
	.middle .footer-box {
		width: 100%;
		float: none;
	}
	
	.middle .footer-box:nth-of-type(3),
	.middle .footer-box:nth-of-type(4) {
		margin: 0;
	}
	
	.middle .footer-box:nth-of-type(3) {
		margin: 0 0 50px 0;
	}
	
	.breadcrumbs {
		text-align: center;
	}
	
	.breadcrumbs .crumbs {
		float: none;
	}
	
	.breadcrumbs h1 {
		margin: 0 0 5px 0;
	}
	
	.breadcrumbs .crumbs div {
		display: none;
	}
	
	.content .half {
		float: none;
		width: 100%;
	}
	
	.content .half:nth-of-type(2n) {
		float: none;
		margin: 50px 0 0 0;
	}
	
	#subnavi li {
		display: block;
	}
	
	#subnavi li a {
    	font-size: 12px;
	}
	
	.subnavi.fixed {
		position: relative;
		top: 0;
	}
	
	.subfix.fixed {
		display: none;
	}
	
	p.short {
		width: 100%;
	}
	
	.leistungen-left {
		width: 100%;
		float: none;
	}
	
	.leistungen-right {
		width: 90%;
		margin: 0 auto;
	}
	
	.leistungen-right .box .leistungen-iconwrapper {
		float: none;
		margin: 0 auto;
	}
	
	.leistungen-right {
		width: 100%;
	}
	
	.leistungen-right .box {
		float: none;
		text-align: center;
		padding: 25px 0;
	}
	
	.leistungen-right .box .detail {
		float: none;
		width: 100%;
	}
	
	h3 {
    	font: 600 14px/27px "Open Sans",Arial,Helvetica,sans-serif;
	}
	
	.content .onethree {
		float: none;
		width: 100%;
	}
	
	.content .twothree {
    	width: 100%;
    	float: none;
	}
	
	.impressum p:nth-of-type(1) {
		width: 100%;
		float: left;
	}
	
	.impressum p:nth-of-type(2) {
    	float: none;
    	width: 100%;
    	text-align: left;
	}
	
	.galerie a{
		width:48%;
	}
}

/***********
	WIDGET
************/

.widget {
	position: fixed;
	right: -515px;
	top: 550px;
	width: 620px;
	background-color: rgba(30,105,184,0);
	padding: 15px;
	transition: ease 800ms;
	z-index: 299;
}

.widget:hover {
	right: -15px;
	transition: ease 800ms;
}

.widget-titel {
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	width: 150px;
	height: 60px;
	margin: 0;
	padding: 0 10px 10px 10px;
	left: 0;
	top: 0;
	background-color: #1E69B8;
	float: left;
	display: block;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 400;
	text-decoration: none;
}

.widget-titel p {
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	margin: 8px 0 0 0;
	color: #FFF;
}

.widget-titel p span {
	font-weight: 700;
	text-transform: uppercase;
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
}

.widget-inhalt {
	background-image: url('../images/widget.jpg');
	background-repeat: no-repeat;
	background-position: left top;
	border: 10px solid #1E69B8;
	float: right;
	width: 500px;
	position: relative;
	margin: -120px 0 0 0;
	top: 0;
	right: 0;
	padding: 15px;
	box-sizing: border-box;
	height: 300px;
	color: #454545;
}

.widget-text {
	width: 430px;
	float: right;
	text-align: center;
	background-color: rgba(255,255,255,.8);
	padding: 10px;
}

.widget-text h2 {
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	font-size: 25px;
	color: #323232;
	margin: 0;
	padding: 0;
}

.widget-text p {
	font-size: 14px;
}

.widget-text span a {
	width: 200px;
	background-color: #1E69B8;
	padding: 10px 5px;
	display: block;
	box-sizing: border-box;
	color: #fff;
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
	margin: 0 auto;
	border: 1px solid #1E69B8;
}

.widget-text span a:hover {
	background-color: #fff;
	border: 1px solid #1E69B8;
	color: #323232;
}