html,body {
	min-width:100%;
	height:100%;
	margin:0;
}

body {
	font-family:"myriad-pro", sans-serif;
	font-size:16px;
	line-height:22px;
	color:#343434;
}

a {
	color:#0086CB;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

.wrapper {
	position:relative;
	width:100%;
	max-width:1320px;
	margin:0 auto;
	padding:0 80px;
	box-sizing:border-box;
}

header, section, footer {
	display:block;
}

.left {
	float:left;
}

.right {
	float:right;
}

.half, .half_product {
	width:47%;
}

h3 {
	margin:0 0 40px 0;
	font-family:'EurostileNextW01-Light';
	font-size:36px;
	font-weight:300;
	line-height:44px;
	color:#0086CB;
}

h4 {
	margin-bottom:10px;
	font-family:'EurostileNextW01-Light';
	font-size:28px;
	font-weight:300;
}

a {
	text-decoration:none;
	outline:none;
}

p {
	margin-bottom:22px;
	font-size:16px;
	line-height:22px;
	color:#343434;
}

hr {
	display:block;
	clear:both;
	width:50%;
	height:1px;
	margin:100px auto;
	color:#DDD;
	border:0;
	background-color:#CCC;
}

.button {
	cursor:pointer;
	display:inline-block;
	padding:10px 20px;
	font-family:'EurostileNextW01-Light';
	font-weight:300;
	line-height:27px;
	color:#FFF;
	border:none;
	background-color:#0086CB;
	font-size:22px;
	-webkit-appearance:none;
}

.button:hover {
	text-decoration:none;
	color:#FFF;
	background-color:#005E8E;
}

<!-- button -->
.button p {
	position:relative;
}

.button p span {
	margin-right:6px;
}

.button p {
	color:#fff;
	padding:11px 8px;
	margin:0;
	background-color:#0086cb;
	width:340px;
	text-align:center;
	font-family:'EurostileNextW01-Light';
	font-weight:bold;
	font-size:14px;
}

.button:hover {
	text-decoration:none !important;
}

.button p:hover {
	background-color:#fff;
}

#top_banner_button_request  {
	position:absolute;
	bottom:-28px;
	left:0;
	right:0;
	text-align:center;
}

#top_banner_button_request p {
	color:#FFF;
	font-size:32px;
	font-family:'EurostileNextW01-Light';
	font-weight:300;
	margin:0;
	padding:10px;
}

#top_banner_button_request_inner {
	background-color:#F18700;
	padding:5px;
	cursor:pointer;
	margin:auto 35%;
}

#top_banner_button_request_inner:hover {
	background-color:#F29811;
}

.start {
	box-sizing:border-box;
	padding:0;
	background-image:url(../images/top_banner.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	-ms-behavior: url(backgroundsize.min.htc);
	position:relative;
	height:600px;
	padding-top:25px;
	margin-bottom:70px;
}

@media only screen and (max-width:920px) {
	.start {
		/*background-size:contain;*/
		background-position-x:50%;
	}

	#top_banner_button_request_inner {
		margin:auto 5%;
	}
}

.start h1, .start h2 {
	background-color:#FFF;
	padding:10px 30px;
	margin:0;
	font-size:45px;
	line-height:60px;
	font-family:'EurostileNextW01-Light';
	font-weight:300;
	float:left;
}

.start h1 {
	color:#0086CB;
}

.start h2 {
	color:#7B7C7E;
}

.start h2 {
	background-color:#FFF;
	padding:10px 30px;
	margin:0 0 25px 0;
	font-size:35px;
	line-height:60px;
	font-family:'EurostileNextW01-Light';
	font-weight:300;
	float:left;
}

.half h1 {
	color:#0086CB;
	font-family:'EurostileNextW01-Light';
	font-weight:300;
	font-size:35px;
	line-height:45px;
	margin-top:0;
}

.half h2 {
	color:#0086CB;
	font-family:'EurostileNextW01-Light';
	font-weight:300;
	font-size:22px;
	line-height:26px;
}

#top_banner_buttons {
	position:absolute;
	bottom:-25px;
	left:250px;
	width:100%;
}

.top_banner_button h2 {
	background-color:#0086CB;
	color:#FFF;
	padding:15px;
	font-size:32px;
	font-family:'EurostileNextW01-Light';
	font-weight:300;
	float:left;
	margin:0 20px;
}

.start .wrapper {
	height:100%;
}

.start .left {
	width:60%;
}

.start .button {
	position:absolute;
	bottom:-50px;
	height:60px;
	line-height:60px;
	background-color:#FE5619;
}

section {
	padding:60px 0 150px 0;
}

section#beColourful {
	padding:0;
}

.event_front {
	float:left;
	width:70%;
}

.event_back {
	float:left;
	width:30%;
	text-align:right;
}

#newsletter, #angebot {
	width:100%;
}

#newsletter td, #angebot td {
	padding:10px 2% 0 0;
}

#newsletter input[type='text'], #newsletter select {
	box-sizing:border-box;
	width:100%;
	padding:4px;
	font-family:"myriad-pro", sans-serif;
	font-size:16px;
	border:1px solid #CCC;
}

#newsletter input[type='text'] {
	color:#808080;
}

#angebot input[type='text'], #angebot select {
	box-sizing:border-box;
	width:100%;
	padding:4px;
	font-family:"myriad-pro", sans-serif;
	font-size:16px;
	border:1px solid #CCC;
}

#angebot input[type='text'] {
	color:#808080;
}

#angebot textarea {
	box-sizing:border-box;
	width:100%;
	height:30px;
	padding:4px;
	font-family:"myriad-pro", sans-serif;
	font-size:16px;
	color:#808080;
	border:1px solid #CCC;
}

/*::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder, :-moz-placeholder, ::placeholder {
	color:#CBCBCB;
}*/

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#BBB;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#BBB;
   opacity:1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#BBB;
   opacity:1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#BBB;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:#BBB;
}

#centerfield_start {
	display:none;
}

#content_centerfield {
	display:none;
}

#checkbox_td {
	line-height:30px;
	font-size:15px;
}

#checkbox_td input {
	display:none;
}

#advant {
	margin:0;
	margin:65px 0 0 0;
	padding:0;
	font-family:"myriad-pro", sans-serif;
	font-size:18px;
	list-style:none;
	text-align:center;
	color:#0086cb;
}

#advant h2, #advant .adv_text {
	text-transform:uppercase;
}

#advant .adv_text {
	font-weight:bold;
}

.adv {
	cursor:pointer;
	display:inline-block;
	float:left;
	width:50%;
	height:100px;
	margin:0;
	padding-top:80px;
	background-image:url(../images/bg_vorteile.png);
	background-repeat:no-repeat;
	background-position:top center;
}

#prod_1_box_1, #prod_1_box_2, #prod_1_box_3, #prod_1_box_4, #prod_2_box_1, #prod_2_box_2, #prod_2_box_3, #prod_2_box_4 {
	display:none;
}

#prod_1_box_1_2, #prod_1_box_3_4, #prod_1_box_5, #prod_2_box_1_2, #prod_2_box_3_4, #prod_2_box_5 {
	display:block;
	clear:both;
	width:80%;
	margin:auto;
}

.box {
	padding-top:10px;
}

.boxlink {
	margin-top:20px;
	display:none;
	margin:0 auto;
	width:70%;
}

footer {
	padding:30px 0;
	background-color:#000;
}

footer a {
	color:#FFF;
}

footer p {
	float:left;
	margin:0;
	font-size:12px;
	line-height:14px;
	color:#FFF;
}

footer p:nth-of-type(2) {
	float:right;
}

.clear {
	display:block;
	visibility:hidden;
	clear:both;
	overflow:hidden;
	width:0;
	height:0;
}

img {
	max-width:100%;
	height:auto;
}

@media only screen and (max-width:1250px) {
	.start h1, .start h2 {
		font-size:35px;
		line-height:50px;
	}
}

@media only screen and (max-width:1000px) {
	.start h1, .start h2 {
		font-size:25px;
		line-height:40px;
		font-weight:bold;
	}
}

@media only screen and (max-width:400px) {
	.start h1, .start h2 {
		float:none;
	}
}

@media only screen and (max-width:800px) {
	.start h1, .start h2 {
		font-size:19px;
		font-weight:bold;
		line-height:25px;
	}

	#top_banner_button_request p {
		font-size:30px;
	}

	.button {
		font-size:16px;
	}

	.early .half {
		width:100%;
	}
}

@media only screen and (max-width:600px) {
	.wrapper {
		width:90%;
		padding:0;
	}
	.half, .main .half img {
		width:100%;
	}

	.request_demo_button p span img,
	.button span img {
		width:auto !important;
	}
}

.error {
	color:#D00;
	margin:0;
	padding:0;
}

.success {
	color:#0A0;
	margin:0 0 20px 0;
	padding:0;
	font-size:25px;
}

.error_field {
	border:1px solid #F88 !important;
	background-color:#FDD;
}

select {
	color:#808080;
	/*-webkit-appearance:none;*/
}

/*select.unselected {
	color:#CBCBCB;
}*/

/*select option:first-child {
	display:none;
}*/

/* Remove controls from Firefox */
input[type=number] {
	-moz-appearance:textfield;
}

/* Remove controls from Safari and Chrome */
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
	-webkit-appearance:none;
	margin:0; /* Removes leftover margin */
}

.checkbox_callme, .checkbox_emailme, .checkbox_sendoffer {
	color:FFF;
	cursor:pointer;
	line-height:28px;
	width:30px;
	height:30px;
	float:left;
	margin-right:10px;
	background-image:url(../images/checkbox.png);
}

.checkbox_callme.aktiv, .checkbox_emailme.aktiv, .checkbox_sendoffer.aktiv {
	background-image:url(../images/checkbox_aktiv.png);
}

.checkbox_td input {
	display:none;
}

@media only screen and (max-width:1120px) {
	.adv {
		width:50%;
		margin:0;
	}

	#prod_1_box_1, #prod_1_box_2, #prod_1_box_3, #prod_1_box_4, #prod_2_box_1, #prod_2_box_2, #prod_2_box_3, #prod_2_box_4 {
		display:none;
	}

	#prod_1_box_1_2, #prod_1_box_3_4, #prod_1_box_5, #prod_2_box_1_2, #prod_2_box_3_4, #prod_2_box_5 {
		display:block;
		clear:both;
		width:80%;
		margin:auto;
	}

	#headerDistance {
		background-position: left!important;
	}

	#clickTelephoneMobile {
		display: block!important;
	}

	#clickTelephone {
		display: none;
	}

}

@media only screen and (max-width:1230px) {
	.adv {
		font-size:16px;
	}
}

@media only screen and (max-width:700px) {
	.adv {
		width:100% !important;
		margin:0;
	}

	#prod_1_box_1, #prod_1_box_2, #prod_1_box_3, #prod_1_box_4, #prod_1_box_5, #prod_2_box_1, #prod_2_box_2, #prod_2_box_3, #prod_2_box_4, #prod_2_box_5 {
		display:block;
	}

	#prod_1_box_1_2, #prod_1_box_3_4, #prod_2_box_1_2, #prod_2_box_3_4 {
		display:none;
	}

	.adv, .box {
		clear:both;
	}
}

.benefit {
	background-image:url(../images/li_haken.png);
	background-repeat:no-repeat;
	padding-left:55px;
	display:block;
	margin-top:50px;
}

.request_demo_button p {
	position:relative;
}

.request_demo_button p span {
	margin-right:6px;
}

.request_demo_button p {
	color:#444;
	padding:11px 8px;
	margin:0;
	background-color:#FFCC00;
	width:170px;
	text-align:center;
	font-family:'EurostileNextW01-Light';
	font-weight:bold;
	font-size:20px;
}

.request_demo_button:hover {
	text-decoration:none !important;
}

.request_demo_button p:hover {
	background-color:#FFDD11;
}

.zertifikat_tuev img {
	max-width:unset;
	margin-right:10px;
}

#id_central_footer {
	margin-top:0;
	float:right;
}
#id_zertifikat {
	float:left;
	clear:both;
}
#id_zertifikat table {
	width:180px;
}
#id_zertifikat table tr td p {
	line-height:18px;
	color:#979797;
}
#id_zertifikat img {
	margin-right:5px;
	max-width:unset;
}
#social_media_icons {
	float:left;
}
#social_media_icons a {
	float:left;
	display:block;
	margin-right:5px;
}
#social_media_icons img { border:0; }


#beColourful h1 {
	line-height: 1.25;
}

/* ---- */

.grid{position:relative;display:flex;flex-wrap:wrap;width:calc(100% + 4.5em);height:calc(100% + 4.5em);justify-content:space-between;left:-4.5em;top:-4.5em;}
.col{box-sizing:border-box;margin-left:4.5em;margin-top:4.5em;flex-grow:1;}
.col-content{padding:4.5em;}
.col-6{flex-basis:calc(50% - 4.5em);max-width:calc(50% - 4.5em);}
.col-12{flex-basis:calc(100% - 4.5em);max-width:calc(100% - 4.5em);}

@media only screen and (max-width: 1500px){
	.col-md-12{flex-basis:calc(100% - 4.5em);max-width:calc(100% - 4.5em);}
}

#beColourful h1{font-family:"eurostile", sans-serif;}
.content-wrapper{max-width:80%;margin:0 auto;}
#top-logo{display:inline-block;width:162px;padding:20px 30px;position:absolute;z-index:1;}
.section-content{max-width:1160px;padding:10px;margin:0 auto;}
#beColourful #headerDistance{max-width:none;margin:0;}
#beColourful .col-content{padding-right:0;}
#beColourful .col-12{background-image:url("../images/header_verlauf.jpg");padding-left:100px;}
/*#beColourful{background-image:url('../images/frau_mit_sehtest.png');background-size:cover;background-repeat:no-repeat;background-position-y:0;}*/
#beColourful .col-12{background-image:none;}
#beColourful h1{font-weight:normal;color:#fff;background-color:none;font-size:55px;margin-bottom:0;}
#beColourful h1 .inner{background-color:#0086CB;padding:10px 35px 10px 35px;white-space:nowrap;display:inline-block;float:left;clear:both;}
#beColourful h1 .inner2 {
	color: #fff;
	padding: 10px 35px 10px 0px;
	white-space: nowrap;
	display: inline-block;
	float: left;
	clear: both;
}#beColourful h1 sup{font-size:32px;}

@media only screen and (max-width: 1790px){
	/*#beColourful{height:700px;}*/
	#beColourful .col-content{padding-left:2em;padding-right:2em;}
	#beColourful .col-content{padding-bottom:0;}
	/*#beColourful #headerDistance{height:670px;}*/
	#beColourful h1{font-size:40px;margin:0;padding:0;}
	#beColourful h1 sup{font-size:24px;}
}
@media only screen and (max-width: 1280px){
	#beColourful .col-12{padding-left:inherit;margin-top:0;}
	#beColourful .col-12 h1{margin-top:70px;}
	/*#beColourful{height:500px!important;}*/
	/*#beColourful #headerDistance{height:468px!important;}*/
	#beColourful h1{font-size:30px;}
	#beColourful h1 sup{font-size:18px;}
	#pentacamHeader {
		display: none;
	}
	#beColourful #headerDistance {
		height: auto!important;
	}
}
@media only screen and (max-width: 1024px){
	img{position:initial!important;}
	#noPadding {
		width: 100% !important;
	}
	#downloadForm {
		padding: 20px;
		box-sizing: border-box;
	}

	#downloadForm input {
		width: 100%;
		box-sizing: border-box;
	}
}
@media only screen and (max-width: 880px){
	/*#beColourful{height:350px!important;}*/
	/*#beColourful #headerDistance{height:318px!important;}*/
}
@media only screen and (max-width: 767px){
	/*#beColourful{background-position-y:0;}*/
	#beColourful h1{font-size:18px;}
	#beColourful h1 sup{font-size:11px;}
	#benefits {font-size: 15px!important;}
	#benefits li {line-height: 20px!important;}
	.grid .col-content{padding-left:0!important;padding-right:0!important;}
}
@media only screen and (max-width: 700px){
	/*#beColourful{height:370px!important;}*/
	/*#beColourful #headerDistance{height:370px!important;}*/
}
@media only screen and (max-width: 700px){
	#beColourful .col-12{background-image:none;background-color:unset;}
}

#angebot_button {
	background-color:#FFCC00;
	padding:15px 20px;
	color:#444;
	font-size:30px;
	cursor:pointer;
	font-family:"myriad-pro", sans-serif;
	text-align:center;
	width:320px;
	z-index:3000;
	text-decoration: none;
	box-sizing: border-box;
	display: block;
	margin-left: 35px;
	margin-top: 30px;
}

.smaller {
	width: 399px!important;
}

/*@media only screen and (max-width: 1000px){*/
/*	#angebot_button{font-size:22px;width:48%;margin-left:27%;}*/
/*}*/
#angebot_button:hover{background-color:#FFDD11;}

#videoBackground {
	position:absolute;
	z-index: 1;
	overflow: hidden;
}

#headerDistance {
	z-index: 2;
	background-color: #cbcbcb;
	position: relative;
	background-image: url("../images/header.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	height: 830px;
}

#benefits {
	position: relative;
	padding-left: 35px;
}

#benefits ul {
	list-style: none;
	padding-left: 20px;
}

#benefits li {
	padding: 0px 30px 0 15px;
	position: relative;
	width: 100%;
	box-sizing: border-box;
	line-height: 35px;
	display: block;
	margin-bottom: 45px;
}

#benefits li p {
	font-size: 20px;
	color: #000;
}

#benefits ul li:first-of-type {
	margin-top: 70px!important;
}

#benefits li:before {
	content: "";
	display: block;
	height: 50px;
	width: 20px;
	background-image: url("../images/lens.png");
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	left: -20px;
	transform: translateY(-50%);

}

#pentacamHeader{
	position: absolute;
	top: -280px;
	right: -320px;
	overflow: hidden;
}

.main {
	padding-top: 150px;
	z-index: 2;
	position: relative;
	background-color: #fff;
}

#sub {
	color:#000;
	font-size: 30px;
	font-weight: normal;
	margin-top: 20px;
	padding-left: 35px;
}

#blue {
	background-color: #005F99;
}

#blue .white {
	color:#fff!important;
}

#blue h2 {
	text-align: center;
	font-family: Eurostile, sans-serif;
	font-size: 32px;
	margin-bottom: 80px;
}

#blue input {
	display: block;
	margin-bottom: 10px;
	width: 100%;
	padding:10px;
	font-size: 17px;
}

#blue .button {
	width: 150px;
	font-size: 20px;
    text-align: center;
}

@media only screen and (max-width: 1100px) {
	.col-content > div:nth-child(4) > p:nth-child(1) {
		width:100% !important;
		padding-right: 35px;
		box-sizing: border-box;
	}

	#benefits li {
		width:100%;
	}
}

#downloadThumb {
	background-color: #f1f1f1;
	border: 1px solid #eee;
	padding: 20px;
	box-sizing: border-box;
}

#downloadThumb .left img {
}

#downloadThumb p {
	font-size: 16px;
	margin-bottom: 0px;
}

#downloadThumb .right {
	text-align: left;
}

#downloadThumb .right, #downloadThumb .left {
	position: relative;
}

#downloadThumb #grey {
	font-size: 16px;
	color: #b1b1b1;
	margin-top: 5px;
}

#success {
	display: none;
}

body {
	position: relative;
}

#telephone {
	bottom: 100px;
}

#mail {
	bottom: 180px;
}

#telephone, #mail,#clickTelephoneMobile {
	position: fixed;
	background-color: #fff;
	height: 70px;
	width: 70px;
	right: 0;
	z-index: 99999;
	box-shadow: gray 0px 0px 5px;
	border-radius: 2px;
	transition: 0.3s;
}

#telephone img, #mail img {
	position: absolute!important;
	top: 50%;
	transform: translateY(-50%) translateX(-50%);
	width: 40px;
	left: 36px;
}

#clickTelephone span {
	position: absolute;
	transform: translateY(-50%) translateX(-15%);
	top: 50%;
	left: 30%;
	font-size: 30px;
	display: none;
}

#clickTelephoneMobile {
	display: none;
}

#clickTelephone #telephone:hover {
	width: 350px;
}

#clickTelephone #telephone:hover span {
	display: block;
}

.whiteButton {
	background-color: #fff!important;
	color: #0086CB!important;
}

.whiteButton:hover {
	background-color: #f1f1f1;
}