body{
  text-align:center;
  font-family: 'Open Sans', sans-serif;
  font-size:16px;
  padding:0;
  margin:0;
    background-color: #333;
    color:#535353;
}
a{text-decoration:none;color:#2fb5ea;}
h1,h2,h3,h4,h5,h6,h7{color: #7b6f64;}
h3{font-size:1.5em;}

header{position:relative; background-color:#FFF;box-shadow: 0 1px 5px #999;z-index:1;} 
.center{
  display:inline-block;
  max-width:1200px;
  width:90%;
}

.small_btn{
  display:block;
  width:100%;
  text-decoration:none;
  font-size:0.9em;
  background-color:#CCC;
  padding:2px 5px;
  box-sizing:border-box;
  margin:5px 0;
  border:1px solid #999;
  color:#535353;
}
.set_left{text-align:left;}
.slider_checkbox {display: block;}
.sc_input{display: none;}
nav{background-color:#333;}
nav ul{margin:0;padding:0;display:block;}
nav ul li{display:inline-block;}
nav ul li a{color:#FFF;text-decoration:none;display:inline-block;padding:10px;}
nav ul li a:hover{ background-color:#666;}
.sc_input ~ .sc_label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0;
  width: 40px;
  height: 21px;
  background-color: #dddddd;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
  vertical-align:middle;
}

.sc_input ~ .valuelabel,
.sc_input:checked ~ .valueB {
  display: none;
  width: 80px;
  vertical-align: middle;
  line-height: 20px;
}

.sc_input:checked ~ .valueA {
  display: inline-block;
}

.sc_input ~ .valueB {
  display: inline-block;
}

input.sc_input:checked ~ .sc_label:after {
  margin-left: 20px;
}

input.sc_input ~ .sc_label:after {
  width: 18px;
  padding: 0;
  background-color: #fff;
  border-radius: 100%;
  box-shadow: 0 2px 5px #999;
  -webkit-transition: margin 0.4s;
  -moz-transition: margin 0.4s;
  -o-transition: margin 0.4s;
  transition: margin 0.4s;
}

input.sc_input ~ .sc_label:before,
input.sc_input ~ .sc_label:after {
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  content: "";
}

input.sc_input ~ .sc_label:before {
  right: 1px;
  background-color: #EEE;
  border-radius: 60px;
  -webkit-transition: background 0.4s;
  -moz-transition: background 0.4s;
  -o-transition: background 0.4s;
  transition: background 0.4s;
}

input.sc_input:checked ~ .sc_label:before {
  background-color: #7ab51d;
}
.user_table{border-collapse: collapse;}
.user_table th{background-color:#666;border:1px solid #333;padding:10px;color:#FFF;}
.user_table th.clear_table{background-color:transparent;border:0;}
.user_table td{border:1px solid #CCC;padding:5px;vertical-align:top;padding:10px;}
footer{padding:10px 0 80px 10px;color:#FFF;}
footer .center > span{float:left;}
footer ul{display:inline-block;padding:0;margin:0;float:right;}
footer ul li{display:inline-block;}
footer ul li a{text-decoration:none;color:#FFF;font-size:1em;padding:10px;}
.btn{display:inline-block;  text-decoration:none;  color:#535353;  font-weight:bold;  padding:10px;  border:1px solid #999;  background-color:#EEE;}
.table{display:table;width:100%;position:relative;}
.table_cell{display:table-cell;vertical-align:top;}
.table > div {  display: table-cell;  position: relative;  vertical-align: top;}
.double_cont {  width: 50%;  box-sizing: border-box;}
.tribble_cont {  width: 33%;  box-sizing: border-box;}
.two_tribble_cont {  width: 60%;  box-sizing: border-box;}
.t_double {  width: 45%;}
.quat_cont {  width: 50%;  box-sizing: border-box;}

.set_left{text-align:left;}
.set_right{text-align:right;}
.header_menu{display:block;  margin:15px 0;  padding:0;transition:all 0.6s linear;}
.header_menu li{display:inline-block;}
.header_menu li .link{text-decoration:none;color:#535353;}
.header_menu li .link:hover{text-decoration:underline;}
.orange_h_btn{display: inline-block;  position:relative;  background-color: #fc6a41;  cursor: pointer;  padding: 5px 10px;  color: #FFF;  text-decoration:none;  transition:background-color 0.2s linear;}
.orange_h_btn:hover{background-color: #cb4c28;}
.ml20{margin-left:20px;}
.header_logo{display:inline-block;margin:20px 0;width:200px;}
.header_logo img{width:100%;}
h3 span{
	background-color:#2fb5ea;
	color:#FFF;
	display:inline-block;
	width:33px;
	height:33px;
	line-height:33px;
	border-radius:30px;
	text-align:center;
	margin-right:10px;
	margin-bottom:5px;
}
.blueborder {
    padding: 10px;
    border: #2fb5ea 1px solid;
    margin: 10px 0;
}
.set_white{background-color:#FFF;z-index:0;position:relative;}
.set_white .center{padding:10px;}
.set_gray{background-image:linear-gradient(to top left #333,#666)}
.set_gray h2{color:#FFF;}
.teaser01 {
  min-height: 350px;
  background-position: center center;
  background-image: url(/img/pixel/teaser03.jpg);
  background-repeat: no-repeat;
  position: relative;
  box-sizing: border-box;
  box-shadow: 1px 1px 8px #999;
  animation: zoomen 8s ease-out;
  -webkit-font-smoothing: antialiased;
  background-size: cover;
  box-shadow: 0 1px 5px #999;
  z-index: 5;
}

@keyframes zoomen {
  from {
    background-size: 110%;
  }
  to {
    background-size: 100%;
  }
}
.teaser_text {
  padding-top: 0;
  text-align: center;
}
.teaser_text H2{
  line-height:1.0em;
  font-size:1.7em;
  color:#FFF;
  margin:0;
}
.teaser_text p {
  color: #2fb5ea;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1.6em;
}
.teaser_text p span{
    color: #2fb5ea;
}

.teaser_text h1 {
  color: #FFF;
  font-size: 4em;
  line-height: 1.2em;
  font-weight: 900;
  margin-bottom: 5px;
}
.teaser_text h1  span{color: #2fb5ea;}
.transparent_btn {
  display: inline-block;
  position: relative;
  text-decoration: none;
  background-color: transparent;
  border: 2px solid #FFF;
  padding: 10px 50px;
  border-radius: 5px;
  color: #FFF;
}
.transparent_btn img{width:22px;vertical-align:middle;margin-right:10px;}
.transparent_btn:hover img{ -webkit-filter: grayscale(100%) brightness(5) brightness(50%); filter: grayscale(100%) brightness(1) brightness(40%);}

.transparent_btn:hover {
  background-color: #FFF;
  color: #333;
  text-decoration:none;
}

.teaser01 .transparent_btn {
  margin-bottom: 20px;
}
.vorteil {
  text-align: center;
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin-top: 20px;
  margin-bottom:20px;
}

.v_icon {
  display: inline-block;
  width: 80px;
  height: 80px;
  vertical-align: middle;
  background-size: 80px;
}

.v_text {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  width: 180px;
  margin-left: 20px;
  font-size: 1.2em;
  vertical-align: middle;
}

.check_icon {
  background-image: url(/img/svg/check_icon.svg);
}

.respos_icon {
  background-image: url(/img/svg/respons_icon.svg);
}

.time_icon {
  background-image: url(/img/svg/time_icon.svg);
}
.uppercase {
    text-transform: uppercase;
}
.hk_text {
  display: inline-block;
  width: 60%;
  text-align: left;
}

.hk_element {
  display: inline-block;
  vertical-align: top;
}

.hk_element div {
  background-color: #2fb5ea;
  color: #FFF;
  width: 140px;
  padding: 10px;
  box-sizing: border-box;
  transform: rotate(-15deg);
  margin-left: 20px;
}

.kontakt_tel{font-size:1.3em;color:#7b6f64;display:block;}
.kt_tel span{display:inline-block;width:30px;height:30px;margin-right:10px;background-repeat:no-repeat;background-size:100%;background-image:url(/img/svg/tel_icon_b_blue.svg);vertical-align:middle;margin-left:10px;}
.kt_tel{font-weight:bold;}
form[name="kontakt"]{display:inline-block;background-color:#EEE;padding:10px;text-align:left;margin-top:20px;max-width:800px;width:100%;}
form[name="kontakt"] input[type=text],
form[name="kontakt"] input[type=email],
form[name="kontakt"] input[type=tel],
form[name="kontakt"] input[type=number]{padding:10px;display:block;width:100%;margin-bottom:12px;box-sizing:border-box;border:1px solid #999;}
form[name="kontakt"] textarea{display:block;width:100%;padding:10px;
box-sizing:border-box;height:137px;margin-bottom:10px;border:1px solid #999;}
form[name="kontakt"] input[type=submit]{
  display:block;width:100%;box-sizing:border-box;
  padding:10px;
 
  width:100%;
  cursor:pointer;
  background-color: #fc6a41;
  border:none;
  color:#FFF;
  font-size:1em;
  margin-bottom:5px;
}
form[name="kontakt"] input[type=submit]:hover{opacity:0.8;box-shadow:0 0 4px #999;}
.double_menu{display:table;width:100%;}
.double_menu > div{display:table-cell;width:50%;box-sizing:border-box;vertical-align:top;}
.double_menu > div:first-child{padding-right:5px;}
.double_menu > div:last-child{padding-left:5px;}
.double_menu > div > label,.double_menu > div > span, .double_menu > div > a,.double_menu > div > button{width:100%;box-sizing:border-box;font-size:1em;padding:10px;text-align:center;}
.double_menu > div a img{width:20px;}
.person_footer{display:block;}
.person_footer .cb_person{
 display:inline-block;
 margin:10px 20px; 
}
.cb_person {
  display: block;
  background-color: #FFF;
  margin: 10px 0 20px 0;
}

.cbp_image {
  width: 150px;
  height: 150px;
  display: inline-block;
  overflow: hidden;
  background-size: cover;
  background-position: 30% 50%;
  border-radius: 100px;
  margin: 10px;
}

.cbp_text {
  display: inline-block;
  vertical-align: top;
  margin-top: 50px;
  margin-left: 20px;
}

.cbpt_name {
  font-weight: bold;
  font-size: 1.4em;
}

.cbpt_position {
  font-size: 0.8em;
}
#demozugang-kostenlos {
  display: none;
}

#demozugang-kostenlos:target {
  display: block;
  background-image: url(/img/pixel/black55p.png);
  position: absolute;
  z-index: 1000;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height:1000%;
}

#demozugang-kostenlos form {
  display: inline-block;
  position:relative;
  background-color: #FFF;
  margin-top: 10%;
  padding: 20px;
  width: 40%;
  max-width:420px;
  min-width:320px;
  text-align:left;
}
.form_logo_bar{display:block;position:relative;}
#sb_form_close:after{
  content:'';
  background-image:url(/img/svg/close_icon.svg);
  background-repeat:no-repeat;
  background-size:25px;
  width:25px;
  height:25px;
  position:absolute;
  display:inline-block;
  right:10px;
  top:10px;
  font-size:1.8em;
  cursor:pointer;
  color:#999;
}
.form_tilte {
  font-weight: bold;
  font-size: 1.6em;
  color: #7b6f64;
  margin-bottom: 20px;
  margin-top:20px;
}
.form_tilte span{color:#fc6a41;}
.table_form{display:table;width:100%;position:relative;}
.table_form > div{display:table-cell;padding:0 5px;vertical-align:top;}
.tf30{width:30%;}
.tf40{width:40%;}
.tf50{width:50%;}
.tf60{width:60%;}
.tf70{width:70%;}
.tf80{width:80%;}
.tf100{width:100%;}
.table_form > div input,
.table_form > div textarea{margin:5px 0;width:100%;box-sizing:border-box;border:1px solid #999;font-size:0.8em;}
.form_input_text {padding: 10px; margin: 5px;}
.table_form > div textarea{min-height:80px;}
form input[type=submit].orange_form_btn{
    display: inline-block;
    background-color: #fc6a41;
    color: #FFF;
    padding: 10px 20px;
    cursor: pointer;
    margin: 10px 0;
    border:0;
    transition:all 0.2s linear;
    font-size:1em;
  }
form input[type=submit].orange_form_btn:hover{
  opacity:0.7;
}
.video_prev_text{min-width:250px; width:22%;display:inline-block;text-align:left;border:1px solid #CCC;border-radius:5px;box-shadow:0 0 4px #CCC;overflow:hidden;margin:10px;box-sizing:border-box;vertical-align:top;transition:all 0.2s linear;}
.video_prev_text .vp_image{display:block;  font-size:0;  position:relative;  height:150px;}
.video_prev_text .vp_image .play_icon{ transition:all 0.2s linear; display: inline-block;    position: absolute;    z-index: 1;    background-image: url(/img/svg/play_icon.svg);background-size: 100%;    width: 50px;    height: 50px;    top: 25%;    left:0;right:0;    margin:auto;  }
.video_prev_text:hover .play_icon{opacity:0;}
.video_prev_text img{width:100%;}
.video_prev_text  .vp_text{display:block;padding:5px 8px;margin:0;background-color:#FFF;height:100px;}
.vpt_title{display:block;  font-weight:bold;  font-size:1em;  color:#535353;  overflow:hidden;  height:65px;  }
.vpt_referent{font-size:0.7em;color:#999;height:5em;display:block;line-height:1.5em;margin-top:4px;}
.vpt_referent span{font-weight:bold;}
.video_prev_text:hover a{text-decoration:none;}

input[required]:valid:not(:focus){
  border: 1px solid #009800 !important;
  background-color:#f0fff0;
  background-image:url("/img/svg/green_check_icon.svg");
  background-size:20px;
  background-repeat:no-repeat;
  background-position:right 2px center;
}
.videoproduction_sel{position:relative;}
.videoproduction_sel .center{padding:40px 0;}
.vps_img{
  position:absolute;
  display:block;width:100%;
  left:0;right:0;
  bottom:0;top:0;
  filter:blur(7px);
  background-size:cover;
  background-repeat:no-repeat;
  background-image:url("/img/cutroom.jpg");
  z-index:-1;
}
.vs_title{
  font-weight:bold;
  color:#FFF;
  font-size:2.2em;
  margin:40px 0 20px 0;
}
.videoproduction_sel .center p{
  color:#FFF;
  margin-bottom:40px;
  width:80%;
  display:inline-block;
}
img[alt="Tablet"]{
  width:450px;
}

.image_point{text-align:left;}
.tc60{width:60%;}
.tc40{width:40%;}
.fullwidth{width:100%;}
.prev_bg_img{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:50%;}
.pr20{padding-right:20px;}
.pl20{padding-left: 20px;}
.tc60 .text_absatz{padding-right:20px;}
.text_absatz h3{margin:5px 0;}
.text_absatz p{margin:0;}
.absatz_trenner{margin:15px 0; border-top:1px solid #FFF;}
.height400{height:400px;}
.height200{height:200px;}
.orange_btn{
	display: inline-block;
    background-color: #fc6a41;
    color: #FFF;
    padding: 10px 20px;
    cursor: pointer;
}
.orange_btn:hover{opacity: 0.8;}
.mt20{margin-top: 20px;}
.video_teaser{
    height: calc(100vh - 150px);
    overflow: hidden;
    position: relative;
    background: #000;
    color: #fff;
}
.bg-video {
	width: 100%;
	height: calc(100vh - 50px);
	display: block;
	position: absolute;
	left: 0;
	top:0;

	overflow: hidden;
}
.bg-video video {
    position: absolute;
    top: 50% !important;
    left: 50% !important;
    min-width: 100%;
    max-height: calc(100vh + 50px);
    width: auto !important;
    transform: translateX(-50%) translateY(-50%);
    object-fit: cover;
    top: 0;
    opacity: 0.45;
    z-index:0;
}
.overlay_video{
  display:block;
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
}
.video_header .header_menu li .link{color:#FFF;}

#navmenu{display:none;}
/**Mobile CSS **/
@media screen and (max-width:1366px) and (max-height:1024px){
.video_teaser{height: calc(55vh);}
.bg-video {height: calc(100vh - 100px);}
.bg-video video {max-height: calc(100vh + 50px);transform: translateX(-50%) translateY(-50%);}
}
@media screen and (max-width:1024px) and (max-height:1366px){
.video_teaser{height: calc(100vh - 550px);}
.bg-video {height: calc(100vh - 350px);}
.bg-video video {max-height: calc(100vh + 250px);
transform: translateX(-60%) translateY(-50%);}
}
@media screen and (max-width:1024px) and (max-height:768px){
.video_teaser{height: calc(65vh);}
.bg-video {height: calc(100vh - 100px);}
.bg-video video {max-height: calc(100vh + 50px);transform: translateX(-50%) translateY(-50%);}
}
@media screen and (max-width:768px) and (max-height:1024px){
.video_teaser{height: calc(100vh - 550px);}
.bg-video {height: calc(100vh - 350px);}
.bg-video video {max-height: calc(100vh + 250px);
transform: translateX(-60%) translateY(-50%);}
}
@media screen and (max-width:823px) and (max-height:411px){
.video_teaser{height: calc(100vh);}
.bg-video {height: calc(100vh);}
.bg-video video {max-height: calc(100vh);transform: translateX(-50%) translateY(-50%);}
.teaser_text h1{margin-top:0; font-size:3em;}
.teaser_text p{font-size:1.2em;}
}
@media screen and (max-width:411px) and (max-height:823px){
.video_teaser{height: calc(100vh - 250px);}
.bg-video {height: calc(100vh - 150px);}
.bg-video video {max-height: calc(100vh);
transform: translateX(-75%) translateY(-50%);}
}
@media screen and (max-width:812px) and (max-height:375px){
.video_teaser{height: calc(100vh);}
.bg-video {height: calc(100vh);}
.bg-video video {max-height: calc(100vh);transform: translateX(-50%) translateY(-50%);}
.teaser_text h1{margin-top:0; font-size:3em;}
.teaser_text p{font-size:1.2em;}
}
@media screen and (max-width:375px) and (max-height:812px){
.video_teaser{height: calc(100vh - 250px);}
.bg-video {height: calc(100vh - 150px);}
.bg-video video {max-height: calc(100vh);
transform: translateX(-75%) translateY(-50%);}
}
@media screen and (max-width:736px) and (max-height:414px){
.video_teaser{height: calc(100vh);}
.bg-video {height: calc(100vh);}
.bg-video video {max-height: calc(100vh);transform: translateX(-50%) translateY(-50%);}
.teaser_text h1{margin-top:0; font-size:3em;}
.teaser_text p{font-size:1.2em;}
}
@media screen and (max-width:414px) and (max-height:736px){
.video_teaser{height: calc(100vh - 200px);}
.bg-video {height: calc(100vh - 100px);}
.bg-video video {max-height: calc(100vh);
transform: translateX(-75%) translateY(-50%);}
}
@media screen and (max-width:667px) and (max-height:375px){
.video_teaser{height: calc(100vh);}
.bg-video {height: calc(100vh);}
.bg-video video {max-height: calc(100vh);transform: translateX(-50%) translateY(-50%);}
.teaser_text h1{margin-top:0; font-size:3em;}
.teaser_text p{font-size:1.2em;}
}
@media screen and (max-width:375px) and (max-height:667px){
.video_teaser{height: calc(100vh - 250px);}
.bg-video {height: calc(100vh - 150px);}
.bg-video video {max-height: calc(100vh);
transform: translateX(-75%) translateY(-50%);}
.teaser_text h1{margin-top:0; font-size:3em;}
.teaser_text p{font-size:1.2em;}
}

@media screen and (max-width:640px) and (max-height:360px){
.video_teaser{height: calc(100vh + 50px);}
.bg-video {height: calc(100vh + 50px);}
.bg-video video {max-height: calc(100vh + 60px);transform: translateX(-50%) translateY(-50%);}
.teaser_text h1{margin-top:0; font-size:3em;}
.teaser_text p{font-size:1.2em;}
.teaser_text h1{margin-top:0; font-size:3em;}
.teaser_text H2{font-size:1.4em;}
.teaser_text p{font-size:1.0em;margin:10px;}

}
@media screen and (max-width:360px) and (max-height:640px){
.video_teaser{height: calc(100vh - 150px);}
.bg-video {height: calc(100vh - 150px);}
.bg-video video {max-height: calc(100vh - 100px);
transform: translateX(-75%) translateY(-50%);}

}
@media screen and (max-width:568px) and (max-height:320px){
.video_teaser{height: calc(100vh + 50px);}
.bg-video {height: calc(100vh + 50px);}
.bg-video video {max-height: calc(100vh + 60px);transform: translateX(-50%) translateY(-50%);}
.teaser_text h1{margin-top:0; font-size:3em;}
.teaser_text p{font-size:1.2em;}
.teaser_text h1{margin-top:0; font-size:3em;}
.teaser_text H2{font-size:1.4em;}
.teaser_text p{font-size:1.0em;margin:10px;}

}
@media screen and (max-width:320px) and (max-height:658px){
.video_teaser{height: calc(100vh - 50px);}
.bg-video {height: calc(100vh - 50px);}
.bg-video video {max-height: calc(100vh);
transform: translateX(-75%) translateY(-50%);}

}



@media screen and (max-width:970px){
.vorteil{font-size:0.8em;}
.v_text{display:block;white-space:nowrap;text-align:center;margin:0;}
.table_cell  img{max-width:100%;}
.vs_title{font-size:1.4em;}
}
@media screen and (max-width:840px){
	#demozugang-kostenlos form{
		min-width:100%;
		width:100%;
		max-width:100%;
		box-sizing:border-box;
	}
	#sb_form_close:after{top:-5px;right:-5px;}
.table_cell{
  display:block !important; width:100%;
  text-align:center;
}
.header_menu{top:-100%;position:absolute;	left:-25px;
	right:-25px;box-shadow:0 0 6px #333;box-sizing:border-box;}
label[for="navmenu"]{
	display:inline-block;
	width:30px;
	height:30px;
	position:absolute;
	top:10px;
	right:0;
	background-image:url("../img/svg/mobile_menu.svg");
	background-repeat:no-repeat;
	background-size:100%;
	cursor:pointer;
	z-index:1000;

}
header label[for="navmenu"]{
	-webkit-filter: grayscale(100%) brightness(5) brightness(50%);
    filter: grayscale(100%) brightness(5) brightness(50%);
}
.table > div{position:unset;}
#navmenu:checked ~ .header_menu{
	display:block;
	position:absolute;
	top:-15px;
	background-color:#333;
	padding:10px;
	margin-top:15px;
}
.header_menu li{display:block;padding:5px;border-bottom:1px dotted #999;}
.header_menu li:last-child{border-bottom:0;}
#navmenu:checked ~ ul li label[for="navmenu"]{position:relative;background-image:url("../img/svg/mobile_menu_disable.svg");opacity:0.5;width:20px;height:20px;}
.orange_h_btn{background-color:transparent;}
#navmenu:checked + label{display:none;}
}

@media screen and (max-width:500px){
  .table{display:block;position:relative;width:100%;}
  .tribble_cont{display:block !important;width:100%;}
  .v_icon{width:50px;height:50px;background-size:100%;}
  .v_text{display:inline-block;text-align:left;margin:0 0 0 10px;white-space:normal;}
  .table_cell img{padding-left:0;margin-top:20px;}
}



.formfiledH input {
  position: absolute;
  /* opacity: 0; */
  left: -100%;
  top: -100%;
  border: none;
  background-color: transparent;
}