@charset "UTF-8";
/* CSS Document */

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

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

/* TEMP NAV FIX */
#navi li:first-of-type{
	display:none;
}

#ie-hint {
	background:#fff;
	width:600px;
	padding:20px;
	border:10px solid #0280ee;
	margin:50px auto;
	display:none;
}

#ie-hint p {
	text-align:center;
	font:bold 20px/30px Arial, Helvetica, sans-serif;
}

#ie-hint p a {
	color:#0280ee;
}

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

#back-top a {
	width:50px;
	height:50px;
	display:block;
	background:url(../images/back-top.png) no-repeat center center;
	opacity:0.5;
	transition:500ms;
}

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


* {
	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;
	font:12px/20px Arial, Helvetica, sans-serif;
	font:16px/24px "Monda", Arial, Helvetica, sans-serif;
	color:#7b7c80;
}

body {
	padding:0 0 50px 0;
}

a {
	color:#ec6708;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

h1 {
	
}

h2 {
	font:70px/80px "Quicksand", Arial, Helvetica, sans-serif;
	color:#ec6708;
	text-align:center;
}

h3 {
	display:block;
	font:30px/40px "Quicksand", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

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

hr {
	border-top:1px solid #666;
	clear:both;
	margin:40px 0;
}

.clear {
	clear:both!important;
	float:none!important;
}



/* INPUT ERROR FORMULAR */

input[type=text].inputerror, textarea.inputerror, input[type=text].inputerror {
	border:1px solid red!important;
}


/* jQUERY UI RESET */

.ui-widget-content {
	font:12px/20px Arial, Helvetica, sans-serif;
	color:#333;
}



.centered {
	display:block;
	width:1140px;
	margin:auto;
}


#top {
	display:block;
	background:#fff;
	position:absolute;
    position:fixed;
    width:100%;
    z-index:210;
	height:80px;
	top:0;
}

#logo {
	float:left;
	margin:0;
	position:absolute;
}

#logo a {
	display:block;
	width:150px;
	height:150px;
	max-width:250px;
	max-height:112px;
	background:url(../images/logo-rueckgrat.png) top center no-repeat;
	background-size:contain;
	position:relative;
	z-index:9999;
	margin:10px 0 0 0;
	transform: translateZ(0px);
}

#logo a:hover {
	opacity:0.8;
}

.logo-five {
	top:0;
	right:0;
	float:right;
}

.logo-five a {
	background:url(../images/five-logo.png) top center no-repeat;
	width:120px;
	height:42px;
	background-size:contain;
	display:block;
	margin:20px 20px 20px 0;
}

#mobile-nav {
	display:none;
	margin:0;
}

#mobile-nav a {
	background:url(../images/mobile-nav.png) top center no-repeat;
	background-size:contain;
    display:block;
    height:19px;
    margin:30px 0 0 10px;
    position:absolute;
    text-indent:-9999px;
	text-indent:999px;
	font:0px/0px Arial, Helvetica, sans-serif;
	color:rgba(255,255,255,0.0);
    width:34px;
    z-index:100;
	color:#f00;
}

#navi {
	height:50px;
}

#navi-box {
	position:absolute;
	width:100%;
	background:rgba(255,255,255,0.9);
	z-index:200;
	margin:-22px 0 0 0;
}

#navi {
	width:1140px;
	margin:auto;
	font:0px/0px "Monda", Arial, Helvetica, sans-serif;
	text-align:right;
}

#navi li {
	display:inline-block;
}

#navi li a {
	display:inline-block;
	font:bold 18px/30px "Monda", Arial, Helvetica, sans-serif;
	padding:10px 15px;
	color:#ec6708;
	text-decoration:none;
}

#navi li a:hover {
	background:#ec6708;
	color:#fff;
}

#navi li.selected a {
	background:#ec6708;
	color:#fff;
}



.product-navi {
	background:#ec6708;
	min-height:200px;
	display:none;
}

.product-navi > div > ul {
	list-style:none;
	border-right:1px solid rgba(255,255,255,0.2);
	width:230px;
	width:23%;
	padding:20px 0 20px 20px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	float:left;
}

.product-navi > div > ul li a {
	display:block;
	font:16px/20px "Monda", Arial, Helvetica, sans-serif;
	padding:10px 20px;
	color:#fff;
	text-decoration:none;
	border-top:1px solid rgba(255,255,255,0.2);
}

.product-navi > div > ul li a:hover, .product-navi > div > ul li.ui-tabs-active a {
	background:#fff;
	color:#7b7c80;
}

.product-navi ul li a em {
	display:block;
	position:absolute;
	width:20px;
	height:20px;
	background:url(../images/navi-arrow.png) 0px -10px no-repeat;
	margin:-20px 0 0 185px;
}

.product-navi > div > ul li a:hover em, .product-navi > div > ul li.ui-tabs-active a em {
	background:url(../images/navi-arrow.png) 0px -50px no-repeat;
}

.product-navi > div > ul li a:hover:before, .product-navi > div > ul li.ui-tabs-active a:before {
	display:block;
	width:500%;
	margin:-11px 0 0 -500%;
	height:41px;
	position:absolute;
	background:#fff;
	content:'';
}

.product-navi > div > ul li:first-of-type a, .product-navi > div > ul li.ui-tabs-active:first-of-type a {
	border-top:0;
}

.product-navi > div > ul li:first-of-type a:hover:before, .product-navi > div > ul li.ui-tabs-active:first-of-type a:before {
	margin:-10px 0 0 -500%;
	height:40px;
}

.product-navi .tabnavi {
	float:left;
	width:77%;
	padding:20px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.product-navi .tabnavi ul {
	list-style:none;
}

.product-navi .tabnavi ul li {
	display:inline-block;
	width:20%;
	padding:0 0 0 5%;
}

.product-navi .tabnavi ul li a {
	display:inline-block;
	width:100%;
	padding:5px 5px;
	text-decoration:none;
	color:#fff;
	font:16px/20px "Monda", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

.product-navi .tabnavi ul li a:hover {
	color:#7b7c80;
}



#slider {
	width:100%;
	max-width:1500px;
	max-height:820px;
	overflow:hidden;
	margin:0 auto 20px;
}

#slider .cycle-slideshow {
	margin:80px 0 0;
}

#slider .cycle-slideshow div {
	width:100%;
}

#slider img {
	width:100%;
	height:inherit;
}

#slider p {
	position:absolute;
	margin:310px 0 0 60px;
	padding:10px 20px;
	background:rgba(255,255,255,0.8);
	font:50px/70px "Quicksand", Arial, Helvetica, sans-serif;
	font:45px/55px "Quicksand", Arial, Helvetica, sans-serif;
	color:#ec6708;
	width:600px;
}

.cycle-pager {
	position:absolute;
	margin:-60px auto 0;
	width:100%;
	left:0;
	text-align:center;
	font:50px/60px Arial, Helvetica, sans-serif;
	z-index:200;
}

.cycle-prev, .cycle-next {
	position:absolute;
	margin-top:-380px;
	left:0;
	display:block;
	width:80px;
	height:130px;
	background:rgba(0,0,0,0.25) url(../images/cycle-prev.png) center center no-repeat;
	cursor:pointer;
	z-index:200;
}

.cycle-prev:hover {
	background:rgba(0,0,0,0.5) url(../images/cycle-prev.png) center center no-repeat;
}

.cycle-next {
	left:inherit;
	right:0;
	background:rgba(0,0,0,0.25) url(../images/cycle-next.png) center center no-repeat;
}

.cycle-next:hover {
	background:rgba(0,0,0,0.5) url(../images/cycle-next.png) center center no-repeat;
}

.cycle-pager-active {
	color:#ec6708;
}








.cycle-prev2, .cycle-next2 {
	position:absolute;
	margin-top:-180px;
	left:0;
	display:block;
	width:80px;
	height:130px;
	background:url(../images/cycle-prev2.png) center center no-repeat;
	cursor:pointer;
	z-index:200;
	text-indent:-9999px;
	opacity:0.5;
}

.cycle-prev2:hover {
	background:url(../images/cycle-prev2.png) center center no-repeat;
	opacity:1;
}

.cycle-next2 {
	left:inherit;
	right:0;
	background:url(../images/cycle-next2.png) center center no-repeat;
}

.cycle-next2:hover {
	background:url(../images/cycle-next2.png) center center no-repeat;
	opacity:1;
}

#theme {
	width:100%;
	background:url(../images/top-bg.png);
	margin:0 0 40px 0;
}

#theme > p {
	width:1140px;
	margin:auto;
}

#theme > p > img {
	width:1500px;
	height:inherit;
	margin:0 0 0 -180px;
}

#theme section p {
	width:400px;
	position:absolute;
	margin:-300px 0 0 0px;
	padding:10px 20px;
	background:rgba(255,255,255,0.8);
	font:70px/70px "Quicksand", Arial, Helvetica, sans-serif;
	color:#ec6708;
}

#theme2 {
	width:100%;
	margin:0 0 50px 0;
}

#theme2 > p {
	margin:0;
	max-height:500px;
	overflow:hidden;
}

#theme2 > p > img {
	width:100%;
	height:inherit;
}

#theme2 section p {
	width:400px;
	position:absolute;
	margin:-300px 0 0 0px;
	padding:10px 20px;
	background:rgba(255,255,255,0.8);
	font:70px/70px "Quicksand", Arial, Helvetica, sans-serif;
	color:#ec6708;
}

#detail {
	width:100%;
	background:#f5f5f5;
	margin:0 0 80px 0;
	height:580px;
}

#detail > p {
	width:100%;
	max-width:1140px;
	margin:auto;
	position:absolute;
}

#detail > p >img {
	margin:0px 0 0 300px;
}

.detail {
	padding:100px 0 50px;
	width:350px;
}

.detail h2 {
	text-transform:uppercase;
	text-align:left;
}

.detail span {
	display:inline-block;
	width:90px;
}

@keyframes pulse {
	
	0% {
		transform:scale(1,1);
	}
	50% {
		transform:scale(1.2,1.2);
	}
	100% {
		transform:scale(1,1);
	}
}

.pulse {
    animation-duration: 500ms;
    animation-iteration-count: infinite;
    animation-name: pulse;
    animation-timing-function: ease-in-out;
}

.pulse:hover {
	animation:none;
}

.tools {
	position:absolute;
}

.tool {
	position:absolute;
	display:none;
	width:70px;
	height:70px;
	background:url(../images/tool.png) top center no-repeat;
	text-decoration:none;
}

.tool:hover {
	background:url(../images/tool-hover.png) top center no-repeat;
}

.tool span {
	display:block;
	padding:20px;
	background:rgba(255,128,52,0.8);
	margin:70px 0 0 -150px;
	color:#fff;
	display:none;
	position:absolute;
	z-index:200;
}

.tool span strong {
	display:block;
	font:30px/40px "Quicksand", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

.tool:hover span {
	display:block;
}

.teams {
	text-align:center;
	font:0;
}

.team {
	width:160px;
	min-height:5px;
	margin:0 13px 40px;
	display:inline-block;
	vertical-align:top;
}

.team img {
	width:160px;
	height:160px;
	border-radius:80px;
}

.team strong {
	display:block;
	font:bold 16px/20px "Monda", Arial, Helvetica, sans-serif;
	color:#ec6708;
}

.team strong:before {
	display:block;
	position:absolute;
	width:160px;
	height:160px;
	border-radius:80px;
	box-shadow:inset 0px 0px 5px 5px rgba(0,0,0,0.05);
	margin:0 0 0 -160px;
	margin:-165px 0 0 0px;
	content:'';
}

.onethird {
	width:33%;
	float:left;
}

.twothird {
	width:60%;
	float:left;
}

.colors {
	
}

.colors a {
	width:80px;
	height:80px;
	border-radius:40px;
	overflow:hidden;
	margin:0 15px 0 0;
}

.colors a img {
	width:80px;
	height:80px;
	border-radius:40px;
	overflow:hidden;
}

.video {
	width:100%;
	background:#f5f5f5;
	margin:0 auto 50px;
	text-align:center;
	font:0px/0px Arial, Helvetica, sans-serif;
}

.video iframe {
	width:100%;
	max-width:1040px;
	height:640px;
	margin:0 auto;
}

.text21 {
	margin:30px 0 50px 0;
}

.text21 p {
	float:right;
	width:66%;
}

.text21 .orange {
	float:left;
	width:32%;
	color:#ec6708;
}

.what {
	background:url(../images/was-ist-five.png) center center no-repeat;
	margin:50px auto 50px auto;
}

.what .headline {
	font:70px/80px "Quicksand", Arial, Helvetica, sans-serif;
	color:#ec6708;
	text-align:center;
}


/* WHAT NU */


.what ul {
	color:#ec6708;
	font-size:30px;
	padding:0 0 0 30px;
	width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.what ul li {
	width:350px;
	margin:0 180px 50px 15px;
	float:left;
}

.what ul li:nth-of-type(2n) {
	float:right;
	margin:0 0 50px 200px;
	margin:0 15px 50px 180px;
}

.what ul li strong {
	display:block;
	font:30px/40px "Quicksand", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#77777a;
	display:none;
}

.what ul li span {
	display:block;
	font:20px/30px "Monda", Arial, Helvetica, sans-serif;
	color:#77777a;
}


/* WHAT N END */




.boxorange {
	margin:0 auto 270px;
}

.boxorange a {
	font:16px/25px "Monda", Arial, Helvetica, sans-serif;
	display:block;
	padding:30px 50px;
	background:#ec6708;
	color:#fff;
	text-decoration:none;
	text-align:center;
	width:460px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	float:left;
}



.boxorange a:nth-of-type(2) {
	float:right;
}

.boxorange a strong {
	display:block;
	font:30px/40px "Quicksand", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

.boxorange a strong:after {
	display:block;
	content:'';
	width:100px;
	margin:10px 0 0 130px;
	height:2px;
	background:#fff;
}

.boxorange a span {
	display:block;
	padding:10px 20px 20px;
	color:#fff;
	text-decoration:none;
}

.boxorange a em {
	display:block;
	padding:0 20px 10px;
	font-style:normal;
	text-transform:uppercase;
}

.boxorange a:hover em {
	color:#7b7c80;
}

.grey {
	background: none repeat scroll 0 0 #666;
    color: #fff;
    margin: 0 0 50px;
	height:620px;
	padding:50px 0;
}

.grey p {
	color:#fff;
	text-align:center;
	width:30%;
	float:left;
}

.grey p strong {
	display:block;
	font:70px/80px "Quicksand", Arial, Helvetica, sans-serif;
}

.grey h2 {
	color: #fff;
    font: 70px/80px "Quicksand",Arial,Helvetica,sans-serif;
    text-align: center;
	width:100%;
}

.grey h2 span {
	font-size:50px;
	color:rgba(255,255,255,0.3);
}

.grey #detail {
	width:100%;
	background:none;
	height:580px;
	margin:0 0 0px 0;
}

.grey .centered {
	height:580px;
}

.grey .cycle-slideshow {
	height:580px;
	overflow:hidden;
}

.grey .detail {
	padding:0px 0 50px;
	width:350px;
}

.grey .detail p {
	color: #fff;
    font: 16px/24px "Monda",Arial,Helvetica,sans-serif;
	width:100%;
	text-align:left;
}

.grey .detail h2 {
	text-transform:uppercase;
	text-align:left;
	color:#fff;
	position:relative;
	z-index:10;
}

.grey .detail span {
	display:inline-block;
	width:90px;
}

.grey .cycle-prev, .grey .cycle-next {
	margin-top:-490px;
	background:url("../images/cycle-prev.png") no-repeat scroll center center;
}

.grey .cycle-next {
	background:url("../images/cycle-next.png") no-repeat scroll center center;
}

.philosophie {
	margin:100px auto 50px auto;
	position:relative;
	z-index:200;
	line-height:0;
	padding:0;
	max-width:1500px;
}

.philosophie p {
	color: #ec6708;
    font: 70px/70px "Quicksand",Arial,Helvetica,sans-serif;
    text-align: center;
	background:rgba(255,255,255,0.5);
	position:absolute;
	width:450px;
	text-align:left;
	padding:10px;
	margin:230px 0 0 0;
}

.philosophie img {
	width:100%;
	height:inherit;
}

.vision {
	margin:0 0 40px 0;
}

.vision h3 {
	margin:0 0 20px 385px;
}

.vision p {
	float:right;
	width:66%;
}

.vision .orange {
	float:left;
	width:32%;
	color:#ec6708;
}

.cycle-prev3, .cycle-next3 {
	position:absolute;
	margin-top:-320px;
	left:0;
	display:block;
	width:80px;
	height:130px;
	background:rgba(0,0,0,0.25) url(../images/cycle-prev.png) center center no-repeat;
	cursor:pointer;
	z-index:200;
	text-indent:-9999px;
}

.cycle-prev3:hover {
	background:rgba(0,0,0,0.5) url(../images/cycle-prev.png) center center no-repeat;
}

.cycle-next3 {
	left:inherit;
	right:0;
	background:rgba(0,0,0,0.25) url(../images/cycle-next.png) center center no-repeat;
}

.cycle-next3:hover {
	background:rgba(0,0,0,0.5) url(../images/cycle-next.png) center center no-repeat;
}


.paket-big {
	background:#666;
	color:#fff;
	margin:0 0 50px 0;
}

.paket-big .cycle-slideshow {
	height:550px;
}

.paket-big h2 {
	color:#fff;
}

.paket-big h3 {
	display:block;
	margin:0 auto 10px auto;
	width:180px;
	text-align:center;
	padding:0 0 20px 0;
	border-bottom:2px solid #fff;
	text-transform:none;
}

.testimonials {
	background:url(../images/testimonials-bg.jpg) center center no-repeat;
	color:#fff;
	padding:50px 0;
	margin:50px 0 50px 0;
}

.testimonials h2 {
	color:#fff;
}

.testimonials .cycle-slideshow {
	width:80%;
	text-align:center;
	margin:0 auto;
}


.testimonials > div p strong {
	display:block;
	font:30px/40px "Quicksand", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin:0 0 20px 0;
}

.testimonials > div p span {
	display:block;
	margin:0 0 20px 0;
}

.testimonials > div p em {
	display:block;
	font-style:normal;
	font-weight:bold;
}

.double-box {
	width:100%;
	max-width:1500px;
	margin:0 auto 20px;
}

.half-box {
	float:left;
	width:50%;
	overflow:hidden;
	position:relative;
	text-align:center;
}

.half-box img {
	width:100%;
	height:inherit;
}

.half-box a {
	font:16px/25px "Monda", Arial, Helvetica, sans-serif;
	display:block;
	padding:20px 50px;
	position:relative;
	background:#ec6708;
	background:rgba(255,128,52,0.8);
	color:#fff;
	text-decoration:none;
	text-align:center;
	width:380px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	cursor:pointer;
	float:right;
	margin-top:-250px;
	margin-right:190px;
}

.half-box:nth-of-type(2) a {
	float:left;
	margin-left:190px;
}

.half-box a strong {
	display:block;
	font:30px/40px "Quicksand", Arial, Helvetica, sans-serif;
}

.half-box a span:after {
	display:block;
	content:'';
	width:100px;
	margin:10px 0 0 70px;
	height:2px;
	background:#fff;
}

.half-box a span {
	display:block;
	padding:0px 20px 20px;
	color:#fff;
	text-decoration:none;
}

.half-box a em {
	display:block;
	padding:0 20px 10px;
	font-style:normal;
	text-transform:uppercase;
}

.half-box a:hover em {
	color:#7b7c80;
}

.produkt-intro {
	width:770px;
	margin:0 auto 40px;
	text-align:center;
}

.produkt-box a {
	display:block;
	width:32%;
	min-height:310px;
	padding:20px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	float:left;
	background:#7b7c80;
	color:#fff;
	text-decoration:none;
	text-align:center;
}

.produkt-box a:nth-of-type(2) {
	margin:0 2%;
}

.produkt-box a img {
	position:absolute;
	margin:130px 0 0 -160px;
}

.produkt-box a strong {
	display:block;
	font:30px/40px "Quicksand", Arial, Helvetica, sans-serif;
}

.produkt-box a strong span {
	text-transform:uppercase;
}

.produkt-box a strong:after {
	display:block;
	content:'';
	width:100px;
	margin:10px 0 0 100px;
	height:2px;
	background:#fff;
}

.produkt-box a em {
	display:block;
	padding:20px 20px 10px;
	font-style:normal;
	text-transform:uppercase;
}

.produkt-box a:hover em {
	color:#ec6708;
}

.product-gallery {
	font:0px/0px Arial, Helvetica, sans-serif;
}

.product-gallery a {
	width:270px!important;
	height:175px;
	margin:0 20px 0 0;
}

.product-gallery a img {
	width:270px;
	height:175px;
}

.produkte {
	font:0px/0px Arial, Helvetica, sans-serif;
	padding:50px 0 0 0;
}

.produkte p {
	width:365px;
	height:270px;
	background:#f5f5f5;
	display:inline-block;
	font:16px/25px "Monda", Arial, Helvetica, sans-serif;
}

.produkte p:nth-of-type(3n-1) {
	margin:0 20px;
}

.produkte p a {
	text-decoration:none;
	color:#7b7c80;
	position:relative;
	width:100%;
	display:block;
}

.produkte p a > strong {
	display:block;
	font:30px/40px "Quicksand", Arial, Helvetica, sans-serif;
	margin:20px 0 0;
	text-transform:uppercase;
	text-align:center;
}

.produkte p a > span {
	position:absolute;
	background:rgba(245,245,245,0.9);
	padding:5px 20px 35px;
	width:100%;
	margin-top:-265px;
	text-align:center;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	opacity:0.0;
	transition:all 250ms;
	display:block;
}

.produkte p a > span strong {
	display:block;
	padding:20px;
}

.produkte p a:hover > span {
	display:block;
	opacity:1.0;
}



.referenzen-slider {
	
}

.circle {
	display:block;
	width:60px;
	height:60px;
	margin:0 0 10px 0;
	background:#7b7c80;
	border-radius:30px;
	text-align:center;
	overflow:hidden;
	text-indent:-9999px;
}

.crc-xing {
	background:#7b7c80 url(../images/crc-xing.png) center center no-repeat;
}

.crc-fb {
	background:#7b7c80 url(../images/crc-fb.png) center center no-repeat;
}

.crc-google {
	background:#7b7c80 url(../images/crc-google.png) center center no-repeat;
}

.crc-ytb {
	background:#7b7c80 url(../images/crc-ytb.png) center center no-repeat;
}

.circle:hover {
	background-color:#ec6708;
}

footer {
	width:1140px;
	margin:0px auto;
	padding:0;
}

footer > p > strong {
	display:block;
	font:30px/40px "Quicksand", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

.footer1, .footer2, .footer3 {
	float:left;
	width:380px;
}

.footer2 table {
	width:330px;
}

.footer2 table tr td:nth-of-type(1) {
	width:35%;
}


footer ul {
	list-style:none;
}

footer ul li {
	display:block;
}

footer ul li a {
	display:inline-block;
}

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

footer a:hover {
	color:#ec6708;
}

.footer1 p > strong, .footer2 p > strong, .footer3 p > strong {
	display:block;
	font:30px/40px "Quicksand", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin:0 0 10px 0;
}

footer p span em {
	display:inline-block;
	min-width:40px;
	font-style:normal;
	font-weight:bold;
}

.f2-1 {
	float:left;
	width:180px;
}

.f2-2 {
	float:left;
	width:250px;
}

.f2-3 {
	clear:both;
	width:220px;
}

.footer3 .circle {
	float:left;
	margin:0 20px 20px 0;
}

.footer3 .circle:nth-of-type(3) {
	float:left;
	clear:both;
	margin:0 20px 20px 0;
}

.footer3 ul {
	-moz-column-count: 2;
	-moz-column-gap: 10px;
	-webkit-column-count: 2;
	-webkit-column-gap: 10px;
	column-count: 2;
	column-gap: 10px;
}

.footer3 ul li {
	line-height: 2em;
	display: block;
}

.copyright {
	text-align:right;
}

.impressum {
	height:auto!important;
}

.impressum h2 {
	margin:120px 0 10px 0;
}

.impressum-detail .left, .impressum-detail .right {
	width:48%;
	float:left;
}

.impressum-detail {
	border-bottom:1px solid #bbb;
	padding:0 0 50px 0;
	margin:0 auto 50px auto;
}

.scroll {
	margin:-180px 0 0 0;
	position:absolute;
}

.text22 {
	margin:0 0 60px 0;
}

.text22 p {
	float:left;
	width:48%;
}

.text22 p:nth-of-type(2) {
	float:right;
	width:48%;
}

#theme2 {
	background:#f4f4f4;
}

#tbild {
	width:1500px;
	height:500px;
	margin:80px auto 120px auto;
}


.whitebox strong {
    font: 30px/40px "Quicksand",Arial,Helvetica,sans-serif;
    margin: 0 30px 30px 0px;
    text-transform: uppercase;
	float:left;
	width:360px;
	border-right:1px solid #999;
	padding:40px 0;
}

.whitebox span {
	padding: 20px 0px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.faszien {
	background: none repeat scroll 0 0 #666;
	color: #fff;
	margin: 50px 0 50px;
	height:620px;
	padding:50px 0;
}

.faszien p {
	color:#fff;
	text-align:center;
	width:30%;
	float:left;
}

.faszien p strong {
	display:block;
	font:70px/80px "Quicksand", Arial, Helvetica, sans-serif;
}

.faszien h2 {
	color: #fff;
	font: 70px/80px "Quicksand",Arial,Helvetica,sans-serif;
	text-align: center;
	width:100%;
	margin:0 0 80px
}

.faszien h2 span {
	font-size:50px;
	color:rgba(255,255,255,0.3);
}

.faszien #detail {
	width:100%;
	background:none;
	height:580px;
	margin:0 0 0px 0;
}

.faszien .centered {
	height:580px;
}

.faszien .cycle-slideshow {
	height:580px;
	overflow:hidden;
}

.faszien .detail {
	padding:0px 0 50px;
	width:350px;
}

.faszien .detail p {
	color: #fff;
	font: 16px/24px "Monda",Arial,Helvetica,sans-serif;
	width:100%;
	text-align:left;
}

.faszien .detail h2 {
	text-transform:uppercase;
	text-align:left;
	color:#fff;
	position:relative;
	z-index:10;
}

.faszien .detail span {
	display:inline-block;
	width:90px;
}

.faszien .cycle-prev, .faszien .cycle-next {
	margin-top:-490px;
	background:url("../images/cycle-prev.png") no-repeat scroll center center;
}

.faszien .cycle-next {
	background:url("../images/cycle-next.png") no-repeat scroll center center;
}

.wasfaszien .centered{
	width:100%;
	box-sizing:border-box;
	padding:20px;
	background:#fff;
	color:#484848;
	position:relative;
	height:auto;
	overflow:hidden;
}

.wasfaszien .detail{
	width:35%;
	position:relative;
	z-index:1;
	padding:0;
}

.wasfaszien .detail h2{
	font-size:24px;
	line-height:28px;
	margin:0 0 20px;
	color:#ec6708;
	white-space:nowrap;
}

.wasfaszien .detail strong{
	color:#484848;
	font-size:18px;
	font-weight:600;
	line-height:18px;
	margin:0 0 15px;
	display:block;
	color:#ec6708;
}

.wasfaszien .detail p{
	color:#484848;
}

.wasfaszien .detail ul{
	margin:0 0 20px 20px;
}

.wasfaszien img{
	display:block;
	position:absolute;
	right:10px;
	bottom:20px;
	max-width:100%;
	z-index:0;
	height:auto;
	max-height:90%;
	width:auto;
}



@media only screen and (max-width:1350px) {
	
#slider p {
	position:absolute;
	margin:20% 0 0 60px;
	padding:10px 20px;
	background:rgba(255,255,255,0.8);
	font:40px/50px "Quicksand", Arial, Helvetica, sans-serif;
	color:#ec6708;
	width:600px;
}

#detail > p > img {
	margin:0 0 0 200px;
}
	
}




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

.centered {
	width:100%;
	padding:0 2%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

#navi {
	width:100%;
}

footer {
	width:100%;
}

.cycle-pager {
	width:100%;
}

#aio-frame {
	width:100%;
}

#aio-frame iframe {
	width:100%;
	height:500px;
}


#theme {
	max-width:100%;
	overflow:hidden;
}

#theme p {
	width:100%;
	overflow:hidden;
}

#theme p img {
	width:100%;
}

.what {
	background:url("../images/was-ist-five.png") no-repeat scroll center center rgba(0, 0, 0, 0);
	background-size:180px;
}

.what ul li {
	width:34%;
	margin: 0 0 50px 0;
}

.what ul li:nth-of-type(2n) {
	margin: 0 0 50px 0;
}

.produkte p {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	height:inherit;
	width:31%;
}

.produkte img {
	width:100%;
	height:inherit;
}

footer {
	font:14px/24px "Monda", Arial, Helvetica, sans-serif;
	padding:0 2%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

footer > p > strong {
	display:block;
	font:20px/30px "Quicksand", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

.footer1 p > strong, .footer2 p > strong, .footer3 p > strong {
	display:block;
	font:20px/30px "Quicksand", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin:0 0 10px 0;
}

.footer1 {
	width:35%;
}

.footer2 {
	width:35%;
}

.footer3 {
	width:25%;
}

.f2-1 {
	float:left;
	width:50%;
}

.f2-2 {
	float:left;
	width:50%;
}

.f2-3 {
	clear:both;
	width:30%;
}

.impressum-detail .left, .impressum-detail .right {
	width:100%;
	float:none;
}

#detail p img {
	
}

}


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

.what ul li span {
	font-size:18px;
}

}


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

.centered {
	width:100%;
	padding:0 2%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.cycle-next, .cycle-prev {
	display:none;
}

.icons {
	display:none;
}

#navi li a {
	padding:10px 10px;
	font-size:16px;
}

#slider p {
	font:25px/35px "Quicksand",Arial,Helvetica,sans-serif;
	margin:15% 0 0 2%;
	width:340px;
}

.produkte p {
	width:31%;
	height:inherit;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.produkte img {
	width:100%;
	height:inherit;
}

.grey {
	height:330px;
}

.grey h2 {
	font:40px/50px "Quicksand",Arial,Helvetica,sans-serif;
}

.grey h2 span {
	font-size:30px;
}

h2, .what .headline {
	font:40px/50px "Quicksand", Arial, Helvetica, sans-serif;
}

.what {
	background:url("../images/was-ist-five.png") no-repeat scroll center center rgba(0, 0, 0, 0);
	background-size:120px;
}

.what ul li {
	width:34%;
	margin:0 10% 50px 0;
	min-height:75px;
}

.what ul li:nth-of-type(2n) {
	width:34%;
	margin:0 0 50px 10%;
}

.what ul li strong {
	font:20px/30px "Quicksand", Arial, Helvetica, sans-serif;
}

.what ul li span {
	font:16px/25px "Monda", Arial, Helvetica, sans-serif;
}

.tool {
	display:none;
}

.grey .cycle-slideshow img {
	width:60%;
	height:inherit;
}

.grey .cycle-slideshow {
	height:400px;
}

.grey #detail > p {
	text-align:center;
}

.grey #detail > p > img {
	margin:0 0 0 200px;
}

.philosophie img {

}

.philosophie p {
	font-size:40px;
	line-height:40px;
	margin:200px 0 0;
}

.vision h3 {
	margin:0;
}

.cycle-prev3, .cycle-next3 {
	display:none;
}

.half-box a {
	width:100%;
	margin-right:0;
	margin-top:-7px;
}

.testimonials {
}

.testimonials .cycle-slideshow {
	float:none;
	width:100%;
	margin: 0 0 50px 0;

}

.testimonials > div p strong {
	font-size:20px;
	margin: 0 0 10px 0;
}

footer {
	font:14px/24px "Monda", Arial, Helvetica, sans-serif;
	padding:0 2%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

footer > p > strong {
	display:block;
	font:20px/30px "Quicksand", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

.footer1 p > strong, .footer2 p > strong, .footer3 p > strong {
	display:block;
	font:20px/30px "Quicksand", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin:0 0 10px 0;
}

.footer1 {
	width:35%;
}

.footer2 {
	width:35%;
}

.footer3 {
	width:25%;
}

.f2-1 {
	float:left;
	width:50%;
}

.f2-2 {
	float:left;
	width:50%;
}

.f2-3 {
	clear:both;
	width:30%;
}

.impressum-detail .left, .impressum-detail .right {
	width:100%;
	float:none;
}

.wasfaszien img{
	display:none;
}

.wasfaszien .detail{
	width:100%;
}

.faszien{
	height:400px;
}

.faszien h2{
	font-size:40px;
	line-height:50px;
	margin:0 0 20px;
}

.faszien  p > img{
	width:60%;
	height:auto;
	margin:70px 0 0 200px!important;
}

}




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

.what ul li span {
	min-height:80px;
}

#aio-frame iframe {
	height:450px;
}

}


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

.what ul li span {
	min-height:80px;
}

#mobile-nav {
	display:block;
}

#navi-box {
	background:none;
	display:none;
	margin:60px 0 0 0;
}

#logo {
	width:100%;
}

#logo a {
	height:60px!important;
	width:100px;
	margin:10px auto;
}

.logo-five a {
	width:50px;
	height:50px;
	background:url(../images/testimonials-bg.png) no-repeat;
	background-size:contain;
	position:absolute;
	margin:20px 0 0 -60px;
	opacity:0.5;
	display:none;
}

#navi {
	background:rgba(255,255,255,0.9);
	height:auto;
}

#navi li {
	display:block;
	
}

#navi li a {
	text-align:center;
	width:100%;
	display:block;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.produkte p a > strong {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

}

@media only screen and (max-width:720px){
	.wasfaszien .detail p{
		display:none;
	}
	
	.faszien{
		text-align:center;
		height:345px;
	}
	
	.faszien h2{
		font-size:30px;
		line-height:40px;
	}
	
	.wasfaszien .detail h2{
		text-align:center;
		font-size:16px;
	}
	
	.faszien .detail h2{
		text-align:center;
	}
	
	.faszien #detail > p > img {
    margin: 140px 0 0 -50px!important;
    width: 100%;
}
	
}



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



#logo a {
	height:60px!important;
	width:100px;
	max-width:180px;
	margin:10px auto;
}

#slider .cycle-slideshow {
	margin:80px 0 0;
}

#slider p {
	position:absolute;
	margin:30px 0 0 2%;
	padding:10px 20px;
	background:rgba(255,255,255,0.8);
	font:14px/20px "Quicksand", Arial, Helvetica, sans-serif;
	color:#ec6708;
	width:200px;
	border:2px solid #ec6708;
}



#aio-frame iframe {
	height:320px;
}


.icons {
	display:none;
}

.produkte p {
	width:45%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	margin:0 auto 20px!important;
}

#theme .centered, #theme2 .centered {
	display:none;
}

.cycle-pager {
	display:none;
}



.text21 {
	
}

.text22 p, .text22 p:nth-of-type(2) {
	float:none;
	width:100%;
}



.text21 p, .text21 p.orange {
	float:none;
	clear:both;
	width:100%;
}

.footer1, .footer2, .footer3, .f2-1, .f2-2, .f2-3 {
	width:inherit;
	clear:both;
	float:none;
	text-align:center;
}

.footer3 .circle {
	float:none!important;
	clear:both;
	text-align:center;
	margin:0 auto 20px!important;
}

.footer2 table {
	width:100%;
}

.what {
	background-size:100px 100px;
	background-position:50% 53%;
	background-position:50% 70%;
	background: transparent;
}


.what ul li, .what ul li:nth-of-type(2n) {
	float:none;
	clear:both;
	margin:0 20px 40px;
	width:91%;
	min-height:inherit;
}

.what ul li:nth-of-type(3) {
	margin-bottom:80px;
	margin-bottom:160px;
	margin-bottom:40px;
}

.what ul li span {
	min-height:inherit;
}

.what ul {
	float:none!important;
	clear:both;
	width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.boxorange a {
	float:none!important;
	clear:both;
	margin:0 auto 20px;
}

.grey {
	height:390px;
}


.grey #detail > p > img {
	margin:180px 0 0 0px;
	width:100%;
}

.grey .detail {
	width:100%;
}

.grey .detail h2, .grey .detail p {
	text-align:center;
}

.grey .detail h2 {
		font-size:25px;
}

.grey h2 span {
	font-size:20px;
	display:none;
}

.produkte {
}

.produkte p {
	width:100%;
	padding:10px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.produkte p a > strong {
	text-align:left;
	float:left;
	font-size:20px;
	margin:25px 0 0
}

.produkte img {
	width:45%;
	float:right;
}

.philosophie {
	margin:70px 0 50px;
	background-size:contain;
}

.philosophie img {
	width:100%;
	height:inherit;
}

.philosophie p {
	display:none;
}

.impressum-detail h3 {
	font-size:20px;
}

.copyright {
	text-align:center;
}


}