/*
Theme Name: MÜTRON
Theme URI: http://www.muetron.com/
Author: Arne Eichhorn (attentus GmbH)
Author URI: http://www.attentus.com/;
Description: Ein Wordpress Theme für MÜTRON
Version: 1.0
Text Domain: muetron
*/

@import url("http://fast.fonts.net/lt/1.css?apiType=css&c=c50ea392-7fa5-46bf-ba11-c48fc23e66af&fontids=692270,692282,692261");
@font-face{
	font-family:"DIN Next W01 Light";
	src:url("fonts/692270/3e0b2cd7-9657-438b-b4af-e04122e8f1f7.eot?#iefix");
	src:url("fonts/692270/3e0b2cd7-9657-438b-b4af-e04122e8f1f7.eot?#iefix") format("eot"),url("fonts/692270/de1216be-00c2-43c0-9c45-3e7f925eb519.woff2") format("woff2"),url("fonts/692270/bc176270-17fa-4c78-a343-9fe52824e501.woff") format("woff"),url("fonts/692270/3516f91d-ac48-42cd-acfe-1be691152cc4.ttf") format("truetype"),url("fonts/692270/d1b1e866-a411-42ba-8f75-72bf28e23694.svg#d1b1e866-a411-42ba-8f75-72bf28e23694") format("svg");
}
@font-face{
	font-family:"DIN Next W01 Regular";
	src:url("fonts/692282/da088ecc-a53c-4831-a95b-6fd81b5b338a.eot?#iefix");
	src:url("fonts/692282/da088ecc-a53c-4831-a95b-6fd81b5b338a.eot?#iefix") format("eot"),url("fonts/692282/44e7b0fa-6c8d-43c2-b19e-f1e3ce9ea57c.woff2") format("woff2"),url("fonts/692282/c5a7f89e-15b6-49a9-8259-5ea665e72191.woff") format("woff"),url("fonts/692282/868c94b5-ca49-46b7-b62b-297f8d861125.ttf") format("truetype"),url("fonts/692282/e3145f65-29b5-4f7f-8c6e-2dc135021b6a.svg#e3145f65-29b5-4f7f-8c6e-2dc135021b6a") format("svg");
}
@font-face{
	font-family:"DIN Next W01 Heavy";
	src:url("fonts/692261/ffaa522c-c9e9-4f51-8688-2a18c2987b94.eot?#iefix");
	src:url("fonts/692261/ffaa522c-c9e9-4f51-8688-2a18c2987b94.eot?#iefix") format("eot"),url("fonts/692261/7bf16356-e401-402b-969e-ca3ffbd56142.woff2") format("woff2"),url("fonts/692261/d5c47039-3cdf-4eb9-ad4a-220e7441ec5d.woff") format("woff"),url("fonts/692261/64bef797-e9f8-447f-b80a-aece7617c45f.ttf") format("truetype"),url("fonts/692261/a7139e2d-6218-4f3c-9bb0-b42325336f56.svg#a7139e2d-6218-4f3c-9bb0-b42325336f56") format("svg");
}

html, body {
	height:100%;
}

html {
}

body {
	font-family:"DIN Next W01 Light";
	font-size:14px;
	position: relative;
	padding-top:50px;
}

header {
	position: fixed;
	top:0;
	left:0;
	width:100%;
	z-index: 999;
}

.admin-bar header {
	top:32px;
}

header:before {
	content: '';
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:50px;
	background-color:#fff;
	border-bottom:1px solid #006eb7;
}

header .grid-12 {
	position: relative;
}

header .header-logo {
	position: absolute;
	top:0;
	display: inline-block;
	z-index:10;
}

header .header-logo h1 {
	display: inline-block;
}

header .header-logo h1 a {
	display: table-cell;
	vertical-align: middle;
	width:210px;
	height:210px;
	background-image:url('img/logo_bg.jpg');
	background-repeat: no-repeat;
	background-size:cover;
	background-position: center center;
	padding:0 20px;
	-webkit-transition:height .5s ease-in-out;
	-moz-transition:height .5s ease-in-out;
	-ms-transition:height .5s ease-in-out;
	-o-transition:height .5s ease-in-out;
	transition:height .5s ease-in-out;
}

header.small .header-logo h1 a {
	height:50px;
}

header .header-logo h1 a img {
	display: block;
	width:100%;
	height:auto;
}

header .header-logoshadow {
	position: absolute;
	top:0;
	width:210px;
	height:200px;
	display: inline-block;
	opacity:1;
	-webkit-box-shadow: 0px 0px 60px 5px #064aaa;
	-moz-box-shadow:    0px 0px 60px 5px #064aaa;
	-ms-box-shadow:    0px 0px 60px 5px #064aaa;
	-o-box-shadow:    0px 0px 60px 5px #064aaa;
	box-shadow:         0px 0px 60px 5px #064aaa;
	-webkit-transition:height .5s ease-in-out, opacity .5s ease-in-out;
	-moz-transition:height .5s ease-in-out, opacity .5s ease-in-out;
	-ms-transition:height .5s ease-in-out, opacity .5s ease-in-out;
	-o-transition:height .5s ease-in-out, opacity .5s ease-in-out;
	transition:height .5s ease-in-out, opacity .5s ease-in-out;
}

header.small .header-logoshadow {
	height:50px;
	opacity:0;
}

header .header-logoshadow:before {
	content:'';
	position: absolute;
	left:-100%;
	right:-100%;
	height:50px;
	background-color:#fff;
	border-bottom:1px solid #006eb7;
}

header .header-nav {
	position: absolute;
	left:270px;
	top:0;
}

header .header-nav nav {
	height:49px;
	max-width:100%;
	/* overflow: hidden; */
	/*
	max-width:0;
	-webkit-transition:max-width .5s ease-in-out;
	*/
}

header.small .header-nav nav {
	/* max-width:100%; */
}

header .header-nav nav ul {
	list-style: none;
}

header .header-nav nav ul li {
	position: relative;
	display: inline-block;
}

header .header-nav nav ul li a {
	padding:0 25px;
	line-height: 49px;
	display: block;
	text-decoration: none;
	color:#000;
	-webkit-transition:background-color .5s ease-in-out, color .5s ease-in-out;
	-moz-transition:background-color .5s ease-in-out, color .5s ease-in-out;
	-ms-transition:background-color .5s ease-in-out, color .5s ease-in-out;
	-o-transition:background-color .5s ease-in-out, color .5s ease-in-out;
	transition:background-color .5s ease-in-out, color .5s ease-in-out;
}

header .header-nav nav ul li a:hover {
	background-color: #e8e9ec;
	color:#000;
}

header .header-nav nav ul li.current-menu-item > a, header .header-nav nav ul li.current-page-ancestor > a {
	background-color:#006eb7;
	color:#fff;
}

header .header-nav nav ul ul {
	position: absolute;
	display: block;
	left:0;
	top:50px;
	width:300px;
	background-color:#fff;
	border-bottom:1px solid #006eb7;
	overflow: hidden;
	max-height:0px;
	opacity: 0;
	-webkit-transition:max-height .5s ease-in-out, opacity .5s ease-in-out;
	-moz-transition:max-height .5s ease-in-out, opacity .5s ease-in-out;
	-ms-transition:max-height .5s ease-in-out, opacity .5s ease-in-out;
	-o-transition:max-height .5s ease-in-out, opacity .5s ease-in-out;
	transition:max-height .5s ease-in-out, opacity .5s ease-in-out;
}

header .header-nav nav ul li:hover ul {
	max-height:350px;
	opacity: 1;
}

header .header-nav nav ul ul li {
	display: block;
}

header .header-nav nav ul li.menu-item-36 a {
	position: relative;
	background-color: #006eb7;
	color: #fff;
}

header .header-nav nav ul li.menu-item-36 a:before {
	content: 'NEU';
	position: absolute;
	top: 0px;
	right: -15px;
	background-color: #71cff1;
	width: 30px;
	height: 30px;
	border-radius: 15px;
	font-size: 10px;
	line-height: 33px;
	text-align: center;
	color: #000;
}

header .header-mobilemenu {
	display: none;
	position: absolute;
	right: 10px;
	top: 0;
	width: 50px;
	height: 50px;
}

header .header-mobilemenu-show {
	display: block;
	padding-top:4px;
	width: 50px;
	height: 49px;
	font-size: 30px;
	line-height: 50px;
	text-align: center;
	text-decoration: none;
	color:#000;
	background-color:#fff;
	-webkit-transition:background-color .5s ease-in-out, color .5s ease-in-out;
	-moz-transition:background-color .5s ease-in-out, color .5s ease-in-out;
	-ms-transition:background-color .5s ease-in-out, color .5s ease-in-out;
	-o-transition:background-color .5s ease-in-out, color .5s ease-in-out;
	transition:background-color .5s ease-in-out, color .5s ease-in-out;
}

header .header-mobilemenu-show:hover {
	background-color: #e8e9ec;
}

header .header-contact {
	position: absolute;
	right:10px;
	height:20px;
	padding:5px 0;
	font-size:16px;
}

header .header-contact .divider {
	display: inline-block;
	width:1px;
	height:20px;
	background-color:#000;
	vertical-align: middle;
	margin:0 20px;
}

header .header-contact a {
	text-decoration: none;
	color:#000;
}

header .header-contact i.fa-phone {
	margin-right:10px;
}

header .header-contact .header-contact-lngselect {
	display: inline-block;
	padding-left:40px;
}

header .header-contact .header-contact-lngselect ul {
	list-style: none;
}

header .header-contact .header-contact-lngselect ul li {
	display: inline-block;
	padding-left:5px;
}

header .header-contact .header-contact-lngselect ul li a {

}

header .header-contact .header-contact-lngselect ul li a img {
	display: block;
}

.offcanvasmenu {
	position: fixed;
	top:100%;
	left:0;
	bottom:0;
	width:100%;
	background-color:#fff;
	z-index:1000;
	opacity: 0;
	overflow: scroll;
	visibility: hidden;
	-webkit-transition:top .5s ease-in-out, opacity .5s ease-in-out, visibility .5s ease-in-out;
	-moz-transition:top .5s ease-in-out, opacity .5s ease-in-out, visibility .5s ease-in-out;
	-ms-transition:top .5s ease-in-out, opacity .5s ease-in-out, visibility .5s ease-in-out;
	-o-transition:top .5s ease-in-out, opacity .5s ease-in-out, visibility .5s ease-in-out;
	transition:top .5s ease-in-out, opacity .5s ease-in-out, visibility .5s ease-in-out;
}

.offcanvasmenu.show {
	top:50px;
	opacity: 1;
	visibility: visible;
}

.admin-bar .offcanvasmenu.show {
	top:96px;
}

.offcanvasmenu .offcanvasmenu-menu {
	position: absolute;
	top: 50%;
	left: 50%;
	padding: 0 50px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.offcanvasmenu .offcanvasmenu-menu ul {
	list-style: none;
}

.offcanvasmenu .offcanvasmenu-menu ul li {

}

.offcanvasmenu .offcanvasmenu-menu ul li a {
	position: relative;
	display: block;
	padding:10px 20px;
	text-decoration: none;
	color:#000;
	font-size:20px;
}

.offcanvasmenu .offcanvasmenu-menu ul li a:before {
	content:'';
	position: absolute;
	left:0;
	top:0;
	width:4px;
	height:100%;
	background-color:#006eb7;
	opacity: 0;
	-webkit-transition:opacity .5s ease-in-out;
	-moz-transition:opacity .5s ease-in-out;
	-ms-transition:opacity .5s ease-in-out;
	-o-transition:opacity .5s ease-in-out;
	transition:opacity .5s ease-in-out;
}

.offcanvasmenu .offcanvasmenu-menu ul li.current-menu-parent > a:before, .offcanvasmenu .offcanvasmenu-menu ul li.current-menu-item > a:before {
	opacity: 1;
}

.offcanvasmenu .offcanvasmenu-menu ul ul li a {
	padding-left:50px;
}

footer {
	padding:40px 0;
	background-image:url('img/footer_bg.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
}

/*

footer ul {
	list-style: none;
}

footer ul li {
	display: inline-block;
	padding:0 10px;
}

footer ul li a {
	display: block;
	position: relative;
	height:20px;
	text-decoration: none;
	color:#c0bfbf;
	font-size:20px;
	text-align: center;
}

footer ul li a i {
	position: relative;
	bottom:0;
	-webkit-transition:bottom .5s ease-in-out;
	-moz-transition:bottom .5s ease-in-out;
	-ms-transition:bottom .5s ease-in-out;
	-o-transition:bottom .5s ease-in-out;
	transition:bottom .5s ease-in-out;
}

footer ul li a:hover i {
	bottom:10px;
} */

footer .footer-copyright {
	padding-top:10px;
	color:#c0bfbf;
}

footer .footer-copyright a {
	text-decoration: none;
	color:#c0bfbf;
}

footer .footer-copyright ul {
	list-style: none;
}

footer .footer-copyright ul li {
	padding:0 10px;
	display: inline-block;
	border-right:1px solid #c0bfbf;
}

footer .footer-copyright ul li:last-child {
	border-right:none;
}

footer .footer-copyright ul li a {
	text-decoration: none;
	color:#c0bfbf;
}




/* TEASER */

div.teaser {
	position: relative;
	min-height:250px;
	background-color:#7ccdf1;
	font-size:56px;
	font-weight:normal;
	font-family:'DIN Next W01 Light';
	color:#fff;
	/*-webkit-animation:teaser 2s forwards;
	-webkit-animation-delay:2s;
*/
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7bcdf1+0,5fc6ee+8,39addc+34,06609f+100 */
	background: #7bcdf1; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, #7bcdf1 0%, #5fc6ee 8%, #39addc 34%, #06609f 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#7bcdf1), color-stop(8%,#5fc6ee), color-stop(34%,#39addc), color-stop(100%,#06609f)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover, #7bcdf1 0%,#5fc6ee 8%,#39addc 34%,#06609f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover, #7bcdf1 0%,#5fc6ee 8%,#39addc 34%,#06609f 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover, #7bcdf1 0%,#5fc6ee 8%,#39addc 34%,#06609f 100%); /* IE10+ */
	background: radial-gradient(ellipse at center, #7bcdf1 0%,#5fc6ee 8%,#39addc 34%,#06609f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7bcdf1', endColorstr='#06609f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/*
section.teaser:before {
	content:'';
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	-webkit-box-shadow: inset 0px 0px 30% 100px rgba(6, 96, 158, 0.65);
	-moz-box-shadow:    inset 0px 0px 30% 100px rgba(6, 96, 158, 0.65);
	box-shadow:         inset 0px 0px 30% 100px rgba(6, 96, 158, 0.65);
}
*/

div.teaser .teaser-text {
	padding:200px 0px 190px 300px;
	-webkit-animation:teasertext 2s forwards;
	-moz-animation:teasertext 2s forwards;
	-ms-animation:teasertext 2s forwards;
	-o-animation:teasertext 2s forwards;
	animation:teasertext 2s forwards;
	-webkit-animation-delay:2s;
	-moz-animation-delay:2s;
	-ms-animation-delay:2s;
	-o-animation-delay:2s;
	animation-delay:2s;
}

@-webkit-keyframes teasertext {
	from {
		padding-top:200px;
		padding-bottom:190px;
	}

	to {
		padding-top:40px;
		padding-bottom:30px;
	}
}

@keyframes teasertext {
	from {
		padding-top:200px;
		padding-bottom:190px;
	}

	to {
		padding-top:40px;
		padding-bottom:30px;
	}
}

div.teaser .teaser-image {
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background-size:auto 100%;
	background-repeat:no-repeat;
	background-position: center right;
}

div.container.padding {
	padding:40px 0;
}

div.container.padding [class*='grid-'] {
	padding:10px 30px;
}

div.container.padding .nest {
	margin:0 -30px;
}

div.container.small {
	max-width:600px;
}

section.background.grey {
	background-color:#e8e9ec;
}

section.nooverflow {
	overflow-x:hidden;
}

.grey h1 {
	position: relative;
	font-family:'DIN Next W01 Light';
	font-weight:normal;
	font-size:30px;
	text-transform: uppercase;
	text-align: center;
	color:#889199;
}

div.text h1 {
	position: relative;
	font-family:'DIN Next W01 Light';
	font-weight:normal;
	font-size:30px;
	text-transform: uppercase;
	text-align: center;
	color:#006eb7;
	padding-bottom:80px;
}

div.text h1:before {
	content:'';
	position: absolute;
	left:-100vw;
	bottom:50px;
	width:200vw;
	height:1px;
	background-color:#006eb7;
}

div.text h1:after {
	content:'';
	position: absolute;
	left:50%;
	bottom:40px;
	width:20px;
	height:20px;
	border:1px solid #006eb7;
	background-color:#fff;
	border-radius: 50%;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
}

div.text h2 {
	font-family:'DIN Next W01 Light';
	font-weight:normal;
	font-size:24px;
	color:#889199;
	text-transform: uppercase;
}

div.text p {
	margin:20px 0;
}

div.text a.button {
	padding:10px 25px;
	color:#fff;
	background-color:#b6babb;
	text-decoration: none;
	-webkit-transition:background-color .5s ease-in-out;
	-moz-transition:background-color .5s ease-in-out;
	-ms-transition:background-color .5s ease-in-out;
	-o-transition:background-color .5s ease-in-out;
	transition:background-color .5s ease-in-out;
}

div.text a.button:hover {
	background-color:#006eb7;
}

div.text *:first-child {
	margin-top:0;
}

div.text *:last-child {
	margin-bottom:0;
}

div.text strong {
	font-family:'DIN Next W01 Light';
	font-weight:normal;
	color:#0054aa;
}

div.text img.alignright {
	float: right;
	margin: 0.5em 0 0.5em 1em;
}

div.text ul {
	list-style: none;
}

div.text ul li {
	position: relative;
	margin:20px 0;
	padding-left:15px;
}

div.text ul li:before {
	content:'';
	position: absolute;
	top:4px;
	left:0px;
	width:6px;
	height:6px;
	background-image:url('img/li.png');
	background-repeat: no-repeat;
}

div.slidedowntext-element-button {
	position: relative;
	padding:10px 20px 10px 50px;
	margin:5px 0;
	background-color:#889199;
	color:#fff;
	cursor:pointer;
}

div.slidedowntext-element-button:first-child {
	margin-top:0;
}

div.slidedowntext-element-button:last-child {
	margin-bottom:0;
}

div.slidedowntext-element-button:before {
	content:'+';
	position: absolute;
	top:10px;
	left:15px;
	width:16px;
	height:16px;
	border:1px solid #fff;
	border-radius: 50%;
	text-align: center;
	line-height:16px;
}

div.slidedowntext-element-button:hover, div.slidedowntext-element.open div.slidedowntext-element-button {
	background-color:#0054aa;
}

div.slidedowntext-element.open div.slidedowntext-element-button:before {
	content:'-';
}

div.slidedowntext-element-text {
	padding:15px;
	display: none;
}

div.fullwidth .fullwidthimage {
	height:500px;
	background-size:cover;
	background-position: center center;
}

/* CONTACT PERSONS */

.contactperson {
	position: relative;
	cursor: pointer;
}

.contactperson .contactperson-overlay {
	position: absolute;
	left:30px;
	right:30px;
	bottom:10px;
	padding:20px;
	background-color:#fff;
	opacity:0;
	-webkit-transition:opacity .5s ease-in-out;
	-moz-transition:opacity .5s ease-in-out;
	-ms-transition:opacity .5s ease-in-out;
	-o-transition:opacity .5s ease-in-out;
	transition:opacity .5s ease-in-out;
}

.contactperson:hover .contactperson-overlay {
	opacity:.9;
}

.contactperson .contactperson-overlay .fa {
	width:20px;
}

.contactperson h3 {
	font-family: 'DIN Next W01 Regular';
	font-weight: normal;
}

/* IMAGE BUTTONS */

.imagebuttons {
	margin:0 -2px;
	padding:0 30px;
}

.imagebuttons .imagebuttons-button {
	padding:10px 2px !important;
}

.imagebuttons .imagebuttons-button a {
	display: block;
	background-color:#006eb7;
	text-decoration: none;
	color:#fff;
	-webkit-transition:background-color .5s ease-in-out;
	-moz-transition:background-color .5s ease-in-out;
	-ms-transition:background-color .5s ease-in-out;
	-o-transition:background-color .5s ease-in-out;
	transition:background-color .5s ease-in-out;
}

.imagebuttons .imagebuttons-button a:hover {
	background-color:#00aeea;
}

.imagebuttons .imagebuttons-button .imagebuttons-button-title {
	min-height:150px;
	padding:30px;
	padding-bottom:0px;
	text-align: center;
}

.imagebuttons .imagebuttons-button .imagebuttons-button-title-icon {
	padding-bottom:10px;
	font-size:40px;
}

.imagebuttons .imagebuttons-button .imagebuttons-button-title h2 {
	font-weight:normal;
	text-transform: uppercase;
}

.imagebuttons .imagebuttons-button .imagebuttons-button-image {
	position: relative;
	height:250px;
	overflow:hidden;
}

.imagebuttons .imagebuttons-button .imagebuttons-button-image div {
	position: absolute;
	width:100%;
	height:100%;
	background-size:cover;
	background-repeat: no-repeat;
	-webkit-transition:-webkit-transform .5s ease-in-out;
	-moz-transition:-moz-transform .5s ease-in-out;
	-ms-transition:-ms-transform .5s ease-in-out;
	-o-transition:-o-transform .5s ease-in-out;
	transition:transform .5s ease-in-out;
}


.imagebuttons .imagebuttons-button a:hover .imagebuttons-button-image div {
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1);
}

.imagebuttons .imagebuttons-button .imagebuttons-button-description {
	padding:30px 50px;
	text-align: center;
}

.imagebuttons .imagebuttons-button .imagebuttons-button-description span {
	display: block;
	padding-bottom:10px;
	font-size:18px;
}

/* PRODUCT HIGHLIGHTS */

.producthighlights {
	padding:0 26px;
}

.producthighlights .grid-4 {
	position: relative;
	padding:10px 4px !important;
}

.producthighlights ul {
	list-style: none;
}

.producthighlights ul li {
	padding-bottom: 5px;
}

.producthighlights ul li:last-child {
	padding-bottom: 0;
}

.producthighlights ul li a {
	position: relative;
	display: block;
	height:35px;
	padding-left:45px;
	line-height: 35px;
	text-decoration: none;
	color:#fff;
	background-color: #b6b9bb;
	-webkit-transition:background-color .5s ease-in-out;
	-moz-transition:background-color .5s ease-in-out;
	-ms-transition:background-color .5s ease-in-out;
	-o-transition:background-color .5s ease-in-out;
	transition:background-color .5s ease-in-out;
}

.producthighlights ul li a:hover, .producthighlights ul li a.active {
	background-color: #006eb7;
}

.producthighlights ul li a:before {
	content:'+';
	position: absolute;
	left:15px;
	top:10px;
	width:16px;
	height:16px;
	border:1px solid #fff;
	border-radius: 50%;
	line-height:16px;
	text-align: center;
}

.producthighlights .highlights-image {
	/* position: absolute;
	left:4px;
	right:4px;
	top:10px;
	*/
	position: relative;
	height:195px;
	overflow: hidden;
}

.producthighlights .highlights-image div {
	position: absolute;
	display: none;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	-webkit-transition: -webkit-transform .5s ease-in-out;
	-moz-transition: -moz-transform .5s ease-in-out;
	-ms-transition: -ms-transform .5s ease-in-out;
	-o-transition: -o-transform .5s ease-in-out;
	transition: transform .5s ease-in-out;
}

.producthighlights .highlights-image div:first-child {
	display: block;
}

.producthighlights .highlights-image:hover div {
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1);
}

.producthighlights .text {
	text-align: justify;
}

.producthighlights .producthighlights-texts > div {
	display:none;
}

.producthighlights .producthighlights-texts > div:first-child {
	display:block;
}

/* PARTNERS */

.partners {
	padding:0 20px;
}

.partner {
	padding:10px !important;
}

.partner-logo {
	display: block;
	height:50px;
	padding:5px 10px !important;
	background-color:#fff;
	text-align: center;
	font-size:0;
}

.partner-logo:before {
	content:'';
	display: inline-block;
	height:100%;
	vertical-align: middle;
}

.partner-logo img {
	display: inline-block;
	max-width:100%;
	max-height:40px;
	opacity: 1;
	vertical-align: middle;
	-webkit-transition:opacity .5s ease-in-out;
	-moz-transition:opacity .5s ease-in-out;
	-ms-transition:opacity .5s ease-in-out;
	-o-transition:opacity .5s ease-in-out;
	transition:opacity .5s ease-in-out;
	opacity: .8;
}

.partner-logo:hover img {
	opacity: 1;
}

/* CONTACT */

section.image {
	height:400px;
	background-image:url('img/image_bg.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

/*

section.contact {

}

*/

/* WPCF7 */

.wpcf7 .wpcf7-form-control-wrap {
	width:50%;
	display: block;
	float:left;
	margin:10px 0;
}

.wpcf7 .invalid .wpcf7-form-control-wrap {
	min-height:80px;
}

.wpcf7 .wpcf7-form-control-wrap:nth-child(2n+0) {
	width:46%;
	margin-right:4%;
}

.wpcf7 .wpcf7-form-control-wrap.nachricht {
	width:100%;
	margin-right:0;
}

.wpcf7 .wpcf7-form-control {
	width:100%;
	padding:10px;
	border:1px solid #eeeded;
	font-size: 14px;
	font-weight:300;
	-webkit-appearance: none;
    border-radius: 0;
}

.wpcf7 .wpcf7-form-control.wpcf7-submit {
	position: relative;
	width:auto;
	float:right;
	padding:10px 10px 10px 30px;
	background-color:#006eb7;
	color:#fff;
	text-transform: uppercase;
	border:0;
	cursor: pointer;
}

.wpcf7 .wpcf7-form-control.wpcf7-submit:before {
	content:'';
	position: absolute;
	left:10px;
	top:0;
	bottom:0;
	width:14px;
	background-image:url('img/button_arrow.png');
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-transition:left .5s ease-in-out;
	-moz-transition:left .5s ease-in-out;
	-ms-transition:left .5s ease-in-out;
	-o-transition:left .5s ease-in-out;
	transition:left .5s ease-in-out;
}

.wpcf7 .wpcf7-form-control.wpcf7-submit:hover:before {
	left:12px;
}

.wpcf7 span.wpcf7-not-valid-tip {
	padding:10px;
}

@media only screen and (max-width: 782px) {
	.wpcf7 .wpcf7-form-control-wrap {
		width:100% !important;
		margin-right:0 !important;
	}
}

.contactform form input {
	display: block;
	width:100%;
	height:30px;
	margin:10px 0;
	padding:0 10px;
	border:1px solid #f4f3f3;
}

.contactform form input:last-child {
	margin-bottom:0;
}

.contactform form textarea {
	display: block;
	width:100%;
	height:100px;
	padding:10px;
	border:1px solid #f4f3f3;
}

.contactform form button {
	position: relative;
	display: inline-block;
	width:auto;
	padding:10px 10px 10px 30px;
	margin-top:10px;
	background-color:#006eb7;
	color:#fff;
	text-transform: uppercase;
	border:0;
	cursor: pointer;
}

.contactform form button:before {
	content:'';
	position: absolute;
	left:10px;
	top:0;
	bottom:0;
	width:14px;
	background-image:url('img/button_arrow.png');
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-transition:left .5s ease-in-out;
	-moz-transition:left .5s ease-in-out;
	-ms-transition:left .5s ease-in-out;
	-o-transition:left .5s ease-in-out;
	transition:left .5s ease-in-out;
}

.contactform form button:hover:before {
	left:12px;
}

.contactmap {
	padding:0 20px;
}

/*
section.contact .address {
	margin-top:50px;
}
*/

.contactmap [class*='grid-'] {
	padding:10px !important;
}

.contactmap #map-canvas {
	width:100%;
	height:250px;
}

.contactmap .address span {
	color:#006eb7;
	font-family:"DIN Next W01 Regular";
}

.contactmap .address p {
	color:#006eb7;
}

.contactmap .address a {
	text-decoration: underline;
}

.contactmap .address .contactpersons {
	position: relative;
	padding:5px 50px;
	margin-top: 40px;
	background-color:#c1c1c1;
}

.contactmap .address .contactpersons:before {
	content:'';
	position: absolute;
	left:15px;
	top:0;
	bottom:0;
	width:14px;
	background-image:url('img/button_arrow.png');
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-transition:left .5s ease-in-out;
	-moz-transition:left .5s ease-in-out;
	-ms-transition:left .5s ease-in-out;
	-o-transition:left .5s ease-in-out;
	transition:left .5s ease-in-out;
}

.contactmap .address .contactpersons:hover:before {
	left:20px;
}

.contactmap .address .contactpersons a {
	color:#fff;
	text-decoration: underline;
}

section.parallax {
	background-attachment: fixed;
}

section.intro {
	height:100%;
	min-height:600px;
	position: relative;
	background-color:#71cff1;
	overflow: hidden;
	/*
	-webkit-box-shadow: inset 0px 0px 400px 100px rgba(6, 96, 158, 0.65);
	-moz-box-shadow:    inset 0px 0px 400px 100px rgba(6, 96, 158, 0.65);
	box-shadow:         inset 0px 0px 400px 100px rgba(6, 96, 158, 0.65);
	*/
}

section.intro .intro-keyvisual {
	position: absolute;
	display: block;
	left:50%;
	bottom:0;
	width:600px;
	margin:0 auto;
	max-width:100%;
	max-height:100%;
	text-align: center;
	-webkit-transform:translateX(-70%);
	-moz-transform:translateX(-70%);
	-ms-transform:translateX(-70%);
	-o-transform:translateX(-70%);
	transform:translateX(-70%);
}

section.intro .intro-keyvisual:before {
	content:'';
	position: absolute;
	left:-100vw;
	bottom:21%;
	width:200vw;
	height:1px;
	background-color:#4893b8;
}

section.intro .intro-keyvisual video {
	width:auto;
	max-width:100% !important;
	height:auto !important;
	max-height:100%;
}

section.intro .intro-keyvisualshadow {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	-webkit-box-shadow: inset 0px 0px 400px 100px rgba(6, 96, 158, 0.65);
	-moz-box-shadow:    inset 0px 0px 400px 100px rgba(6, 96, 158, 0.65);
	box-shadow:         inset 0px 0px 400px 100px rgba(6, 96, 158, 0.65);
}

section.intro .intro-text {
	position: absolute;
	color:#fff;
	left:150%;
	top:50%;
	width:100%;
	max-width:430px;
	-webkit-transform:translate(40%, -50%);
	-moz-transform:translate(40%, -50%);
	-ms-transform:translate(40%, -50%);
	-o-transform:translate(40%, -50%);
	transform:translate(40%, -50%);
	-webkit-animation:intro-text 2s forwards;
	-moz-animation:intro-text 2s forwards;
	-ms-animation:intro-text 2s forwards;
	-o-animation:intro-text 2s forwards;
	animation:intro-text 2s forwards;
	-webkit-animation-delay:2s;
	-moz-animation-delay:2s;
	-ms-animation-delay:2s;
	-o-animation-delay:2s;
	animation-delay:2s;
}

@-webkit-keyframes intro-text {
	from {
		left:150%;
	}

	to {
		left:50%;
	}
}

@keyframes intro-text {
	from {
		left:150%;
	}

	to {
		left:50%;
	}
}

section.intro .intro-text h1 {
	position: relative;
	font-weight:normal;
	font-size:56px;
	line-height:1em;
	margin-bottom: 20px;
}

section.intro .intro-text h1:before {
	content:'';
	position: absolute;
	right:0px;
	bottom:10px;
	width:30px;
	height:30px;
	border:1px solid #fff;
	border-radius: 50%;
	line-height: 30px;
	text-align: center;
	font-size:30px;
}

section.intro .intro-text h1:after {
	content:'';
	position: absolute;
	left:100%;
	bottom:25px;
	width:100vw;
	height:1px;
	background-color:#fff;
}

section.intro .intro-text h1 span {
	color:#98e0fe;
}

section.intro .intro-text p {
	font-size:16px;
}

section.intro .intro-arrow {
	position: absolute;
	display: inline-block;
	left:50%;
	bottom:80px;
	font-size:30px;
	color:#fff;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
	-webkit-animation:intro-arrow 2s infinite;
	-moz-animation:intro-arrow 2s infinite;
	-ms-animation:intro-arrow 2s infinite;
	-o-animation:intro-arrow 2s infinite;
	animation:intro-arrow 2s infinite;
}

@-webkit-keyframes intro-arrow {
	0% {
		bottom:80px;
	}

	20% {
		bottom:60px;
	}

	40% {
		bottom:80px;
	}

	100% {
		bottom:80px;
	}
}

@keyframes intro-arrow {
	0% {
		bottom:80px;
	}

	20% {
		bottom:60px;
	}

	40% {
		bottom:80px;
	}

	100% {
		bottom:80px;
	}
}

section.intro .intro-keyvisualmirror {
	position: absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:150px;
	border-top:1px solid #2180ae;
	background-image:url('../img/keyvisual_mirror.png');
	background-repeat: no-repeat;
	background-size:contain;
	background-position: top center;
}

section.intro nav {
	position: relative;
	padding-top:50px;
	text-align:right;
	z-index:9999;
}

section.intro nav ul {
	list-style: none;
}

section.intro nav ul li {
	position: relative;
	display: inline-block;
	margin-left:40px;
}

section.intro nav ul li a {
	position: relative;
	text-decoration: none;
	color:#fff;
	font-size:16px;
	opacity: 1;
}

section.intro nav ul li i {
	position: absolute;
	top:-30px;
	left:50%;
	color:#fff;
	font-size:20px;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
	opacity: 0;
	-webkit-transition:opacity .5s ease-in-out;
	-moz-transition:opacity .5s ease-in-out;
	-ms-transition:opacity .5s ease-in-out;
	-o-transition:opacity .5s ease-in-out;
	transition:opacity .5s ease-in-out;
}

section.intro nav ul li:hover i, section.intro nav ul li.current i {
	opacity: 1;
}

section.intro nav ul li a:after {
	content:'';
	position: absolute;
	left:50%;
	bottom:-10px;
	width:0%;
	height:1px;
	background-color:#fff;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
	-webkit-transition:width .5s ease-in-out;
	-moz-transition:width .5s ease-in-out;
	-ms-transition:width .5s ease-in-out;
	-o-transition:width .5s ease-in-out;
	transition:width .5s ease-in-out;
}

section.intro nav ul li a:hover, section.intro nav ul li.current a {
	opacity: 1;
}

section.intro nav ul li a:hover:after, section.intro nav ul li.current a:after {
	width:120%;
}

section.headline-competence {
	padding:110px 0;
	background-image:url('img/pattern_bg.jpg');
	background-repeat: no-repeat;
	background-size: 100% auto;
}

section.headline-competence .headline-competence-inner {
	max-width:712px;
	margin: 0 auto;
}

section.headline-competence .headline-competence-captial {
	position: relative;
	display: block;
	font-size:90px;
	font-family:"DIN Next W01 Regular";
	text-transform: uppercase;
	color:#00ace9;
}

section.headline-competence .headline-competence-captial:before {
	content:'';
	position: absolute;
	left:-60px;
	top:30px;
	width:30px;
	height:30px;
	border:1px solid #00ace9;
	border-radius: 50%;
	font-size:24px;
	color:#83d0f5;
	font-family:"DIN Next W01 Light";
	text-align: center;
	line-height: 30px;
}

section.headline-competence .headline-competence-captial:after {
	content:'';
	position: absolute;
	left:calc(100% * -1 - 60px);
	top:45px;
	width:100%;
	height:1px;
	background-color:#00ace9;
}

section.headline-competence .headline-competence-small {
	position: relative;
	display: block;
	font-size:62px;
	color:#fff;
	text-align: right;
}

section.headline-competence .headline-competence-small:before {
	content:'';
	position: absolute;
	right:-60px;
	top:20px;
	width:30px;
	height:30px;
	border:1px solid #00ace9;
	border-radius: 50%;
	font-size:24px;
	color:#83d0f5;
	font-family:"DIN Next W01 Light";
	text-align: center;
	line-height: 30px;
}

section.headline-competence .headline-competence-small:after {
	content:'';
	position: absolute;
	right:calc(100% * -1 - 60px);
	top:35px;
	width:100%;
	height:1px;
	background-color:#00ace9;
	-webkit-transition:right .5s ease-in-out;
	-moz-transition:right .5s ease-in-out;
	-ms-transition:right .5s ease-in-out;
	-o-transition:right .5s ease-in-out;
	transition:right .5s ease-in-out;
}

section {
	/* padding:50px 0; */
	overflow-x:hidden;
}

section .headline {
	text-align: center;
	padding-bottom:30px;
}

section .headline h1 {
	display: block;
	font-weight:normal;
	text-transform: uppercase;
	font-size:30px;
	color:#006eb7;
}

section .headline .circle {
	position: relative;
	display: block;
	width:25px;
	height:25px;
	margin: 0 auto;
	margin-top: 20px;
	border:1px solid #aacfe7;
	border-radius: 50%;
	line-height: 25px;
	text-align: center;
	color:#aacfe7;
	font-size:20px;
}

section .headline .circle:before {
	content:'';
	position: absolute;
	top:11px;
	left:-100vw;
	width:100vw;
	height:1px;
	background-color:#aacfe7;
}

section .headline .circle:after {
	content:'';
	position: absolute;
	top:11px;
	right:-100vw;
	width:100vw;
	height:1px;
	background-color:#aacfe7;
}


@media only screen and (min-width: 1200px) {
	.container {
		max-width:930px;
		margin:0 auto;
	}

	header .container, .teaser .container {
		max-width:1180px;
		margin:0 auto;
	}
}

@media only screen and (max-width: 1200px) {
	header .header-nav {
		display: none;
	}

	header .header-contact {
		display: none;
	}

	header .header-mobilemenu {
		display: block;
	}

	section.intro .intro-keyvisual {
		display: none;
	}

	section.intro .intro-text {
		padding: 40px;
		-webkit-transform: translate(-50%);
		-moz-transform: translate(-50%);
		-ms-transform: translate(-50%);
		-o-transform: translate(-50%);
		transform: translate(-50%);
		top: 50px;
	}

	div.teaser .teaser-image {
		display: none;
	}

	div.teaser .teaser-text {
		padding:40px;
		font-size:30px;
		-webkit-animation:teasertext 2s forwards;
		-moz-animation:none;
		-ms-animation:none;
		-o-animation:none;
		animation:none;
	}
}

@media only screen and (max-width: 782px) {
	.admin-bar header {
		top: 46px;
	}

	header .header-logo h1 a {
		height:50px;
	}

	header .header-logoshadow {
		height:50px;
		opacity:0;
	}

	section.headline-competence {
		padding: 30px 0;
	}

	section.headline-competence .headline-competence-captial {
		font-size: 50px;
		text-align: center;
	}

	section.headline-competence .headline-competence-small {
		font-size: 32px;
		text-align: center;
	}

	.partner.grid-2 {
		width:50%;
	}

}