/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */
body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}
/* style.css */
*{margin:0;padding:0;outline:none;text-decoration:none}html,body{font:18px/28px Roboto;color:#607d8b;font-weight:300}#hero,#intro{height:640px;background-image:url("../../files/images/bg-header.jpg");background-position:center top;background-repeat:no-repeat}#hero .ce_image,#hero .ce_text,#intro .ce_image,#intro .ce_text{width:90%;max-width:1280px;margin:0 auto;padding-right:5%;padding-left:5%}#hero .logo,#intro .logo{margin-top:60px}.badge{overflow:visible}.badge .image_container{float:right;margin-right:15%;margin-top:-30px}#hero .logo img,#intro .logo img{width:223px}#intro p{max-width:640px;float:right;margin-top:90px;color:#fff}h1{margin-top:120px;font-size:90px;line-height:90px;color:#fff;letter-spacing:-3px;font-weight:100}#intro h1{margin-top:35px}#intro h1{float:left}#intro .ce_text{margin-top:120px}h1 strong{letter-spacing:-1px;font-weight:700}#text{padding-top:150px;padding-bottom:150px}#text .ce_text{width:90%;margin:0 auto;padding-right:5%;padding-left:5%;text-align:center}#text .ce_text p{max-width:850px;margin:0 auto}#text table{width:90%;max-width:1280px;margin:0 auto}#beamcoo,#beamcoo-connect,#funktion,#use-case{padding-top:150px;padding-bottom:150px;background-color:#f1f3f4}#beamcoo{padding-bottom:120px;background-color:#fff}#use-case{position:relative;padding-top:0;padding-bottom:0}#use-case .christina,#use-case .frank,#use-case .pfeil{width:90%;max-width:1560px;margin:0 auto;padding-right:5%;padding-left:5%;text-align:center}#use-case .christina .image_container,#use-case .frank .image_container,#use-case .pfeil .image_container{width:50%;height:100%;max-width:858px;top:0;position:absolute;margin-right:0;text-align:center}#use-case .christina .image_container img,#use-case .frank .image_container img,#use-case .pfeil .image_container img{width:auto;height:100%;margin:0 auto;transition:1.2s;opacity:0}#use-case .christina .image_container img.show{padding-right:50%;opacity:1}#use-case .frank .image_container img.show{padding-left:50%;opacity:1}#use-case .pfeil .image_container img{transform:scale(3)}#use-case .pfeil .image_container img.show{opacity:1;transform:scale(1)}#use-case .image_container{width:55%;margin-right:5%}#use-case .image_container img{display:block}#beamcoo .ce_text,#beamcoo-connect .ce_text,#funktion .ce_text,#use-case .ce_text{width:90%;max-width:1560px;margin:0 auto;padding-right:5%;padding-left:5%}#beamcoo-connect .ce_text p{margin-bottom:60px}#beamcoo-connect .ce_text .image_container img{width:100%;min-width:581px;max-width:872px}#beamcoo .ce_text .image_container{width:50%;margin-left:10%}#beamcoo .ce_text table,#beamcoo-connect .ce_text table{float:left;margin-bottom:10px}#beamcoo .ce_text table img,#beamcoo-connect .ce_text table img{margin-right:20px;background-color:#fff;-webkit-box-shadow:20px 20px 45px rgba(0,0,0,.06);box-shadow:20px 20px 45px rgba(0,0,0,.06);border-radius:30px;behavior:url('assets/css3pie/1.0.0/PIE.htc');transition:0.3s}#beamcoo .ce_text table img:hover,#beamcoo-connect .ce_text table img:hover{-webkit-box-shadow:10px 10px 20px rgba(0,0,0,.12);box-shadow:10px 10px 20px rgba(0,0,0,.12);behavior:url('assets/css3pie/1.0.0/PIE.htc')}h2{margin-bottom:60px;font-size:50px;line-height:55px;color:#2196f3;letter-spacing:-1px;font-weight:100}h2 strong{letter-spacing:0px}h3{margin-top:90px;font-size:15px;font-weight:400}#beamcoo h3{margin-top:0}#gruender{width:90%;max-width:1280px;margin:0 auto;padding-right:5%;padding-left:5%}#gruender .ce_text{padding-top:150px;padding-bottom:150px}#gruender table,#funktion table{width:100%;text-align:center}#gruender table td{width:21%;padding-right:2%;padding-left:2%;font-size:15px;line-height:25px}#funktion table td{width:27%;padding-right:3%;padding-left:3%}#gruender table img{margin-bottom:60px}#funktion table img{margin-bottom:30px}p strong{font-weight:500}#newsletter,#danke,#impressum,#zurueck-zur-website{width:90%;margin:0 auto;padding-right:5%;padding-left:5%;text-align:center;background-image:url("../../files/images/bg-newsletter.jpg");background-position:center center;background-repeat:no-repeat;color:#fff}#danke h2,#impressum h2{color:#fff}#danke,#impressum{padding-top:150px;padding-bottom:150px}#zurueck-zur-website{padding-top:90px;padding-bottom:90px}#daten{width:90%;max-width:1280px;margin:0 auto;padding:5%;text-align:center;font-size:15px;line-height:25px}#newsletter .ce_text{max-width:640px;margin:0 auto;padding-top:150px}#newsletter h2{color:#fff}#newsletter .ce_form,.ce_form #Kontaktformular{max-width:640px;margin:0 auto;padding-bottom:150px}#text .ce_form,#beamcoo .ce_form{margin-bottom:90px;padding-bottom:0;text-align:center}#text .ce_form,#beamcoo .ce_form{height:auto;transition:0.6s;opacity:1}#newsletter .ce_form label,.ce_form #Kontaktformular label{display:none}.ce_form #Kontaktformular .checkbox_container label{display:block}legend{display:none}fieldset{border:0px}#newsletter .ce_form input,.ce_form #Kontaktformular input,.ce_form #Kontaktformular textarea{width:100%;display:block;padding-top:9px;padding-bottom:9px;text-align:center;border-top:0px solid rgba(255,255,255,.45);border-right:0px solid rgba(255,255,255,.45);border-bottom:1px solid rgba(255,255,255,.45);border-left:0px solid rgba(255,255,255,.45);font-size:30px;color:#fff;letter-spacing:1px;background:transparent;font-weight:100}.ce_form #Kontaktformular input,.ce_form #Kontaktformular textarea{margin-bottom:30px;color:#607d8b;border-bottom:1px solid rgba(96,125,139,.45)}#newsletter .ce_form input::placeholder{color:rgba(255,255,255,.45)}.ce_form #Kontaktformular input::placeholder,.ce_form #Kontaktformular textarea::placeholder{color:rgba(96,125,139,.45)}#newsletter .ce_form input.submit,#danke a,#impressum a,#zurueck-zur-website a,.ce_form #Kontaktformular input.submit,a.ghost{width:320px;display:inline-block;margin:30px auto 0;padding-top:9px;padding-bottom:9px;border:1px solid rgba(255,255,255,1);border-radius:30px;font-size:20px;color:#fff;letter-spacing:0px;behavior:url('assets/css3pie/1.0.0/PIE.htc');font-weight:500;cursor:pointer;background: linear-gradient(to right, #ff5252 25%, transparent 75%);background-size: 400% 100%;background-position: right bottom;transition: all .6s ease-out !important}.ce_form #Kontaktformular input.submit,a.ghost{background: linear-gradient(to right, #ff5252 25%, #2196f3 75%);background-size: 400% 100%;background-position: right bottom}.ce_form #Kontaktformular input.checkbox{width:20px;float:left;margin-top:6px;margin-right:20px}#text .ce_form,#beamcoo .ce_form{padding-top:90px;background-color:#f1f3f4}#text h2{text-align:center}.ce_form #Kontaktformular .submit_container{text-align:center}#newsletter .ce_form input.submit:hover,#danke a:hover,#impressum a:hover,#zurueck-zur-website a:hover,.ce_form #Kontaktformular input.submit:hover,a.ghost:hover{border-color:#ff5252;background-position:left bottom}#article-footer{width:100%;padding-top:60px;padding-bottom:60px;text-align:center;font-size:15px}#article-footer a{color:#2196f3;font-weight:500;transition:0.3s}#article-footer a:hover{color:#ff5252}.g-recaptcha > :first-child{margin:30px auto 0px auto !important}#text .hide,#beamcoo .hide{height:0px;margin-bottom:0;padding-top:0;padding-bottom:0;transition:0.6s;opacity:0}#beamcoo img{}@keyframes pulse{0% {margin-top:-10px;margin-bottom:10px;}50% {margin-top:10px;margin-bottom:-10px;}100% {margin-top:-10px;margin-bottom:10px;}}
@media (max-width: 1440px){
/* large-desktop.css */
html,body{font-size:16px;line-height:24px}#hero,#intro{height:480px;background-size:1440px 480px}#hero .logo,#intro .logo{margin-top:45px}h1{margin-top:60px;font-size:75px;line-height:75px}#intro h1{margin-top:0}.badge .image_container{margin-top:-60px}#intro p{margin-top:75px}#intro .ce_text{margin-top:90px}#text,#beamcoo-connect,#gruender .ce_text{padding-top:120px;padding-bottom:120px}h2{margin-bottom:45px;font-size:45px;line-height:45px}#newsletter .ce_text{padding-top:120px}#newsletter .ce_form{padding-bottom:120px}h3{margin-top:0}
}
@media (max-width: 1280px){
/* medium-desktop.css */
#beamcoo-connect .ce_text{text-align:center}#beamcoo-connect .ce_text p{max-width:640px;margin-right:auto;margin-left:auto}#beamcoo-connect .ce_text table{width:50%;height:180px}#beamcoo-connect .ce_text .image_container{float:none;clear:both;margin:0 auto}.christina,.frank,.pfeil{}
}
@media (max-width: 1024px){
/* small-desktop.css */
html,body{font-size:15px;line-height:25px}#hero,#intro{height:320px;background-size:960px 320px}#hero .logo img,#intro .logo img{width:111px}.badge .image_container{width:30%}#intro p{max-width:480px;margin-top:-30px}#intro .ce_text{margin-top:45px}h1{margin-top:30px;font-size:45px;line-height:45px;letter-spacing:-1px}#text,#beamcoo-connect,#gruender .ce_text,#funktion,#beamcoo{padding-top:90px;padding-bottom:90px}#newsletter .ce_text{padding-top:90px}#newsletter .ce_form{padding-bottom:90px}#text table td{display:block;margin-bottom:30px}#use-case .image_container,#beamcoo .ce_text .image_container{width:100%}#use-case .christina .image_container,#use-case .frank .image_container,#use-case .pfeil .image_container{width:100%;max-width:90%}#use-case .christina .image_container img,#use-case .frank .image_container img,#use-case .pfeil .image_container img{height:60%}
}
@media (max-width: 640px){
/* mobile.css */
#hero,#intro{height:540px;background-position:-400px 0px;background-size:1440px 540px}#hero h1,#intro h1{margin-top:15px}#hero h1 strong,h2 strong,#intro h1 strong{letter-spacing:-2px}#intro .badge .image_container{width:60%;margin-right:0}#intro p{margin-top:30px}#text{padding-top:45px;padding-bottom:45px}h2{margin-bottom:30px;font-size:45px;line-height:45px}#beamcoo-connect .ce_text table,#funktion .ce_text table{width:100%}#gruender .ce_text,#funktion,#beamcoo{padding-top:30px;padding-bottom:60px}#gruender .ce_text table td,#funktion .ce_text table td{width:90%;display:block;padding-right:5%;padding-left:5%}#gruender table img,#funktion table img{margin-top:60px;margin-bottom:30px}#newsletter .ce_text{padding-top:60px}#newsletter .ce_form{padding-bottom:60px}#newsletter .ce_form input{font-size:20px;letter-spacing:0px}#newsletter .ce_form input.submit{font-size:15px}#article-footer{padding-top:45px;padding-bottom:45px}#use-case .christina .image_container img,#use-case .frank .image_container img,#use-case .pfeil .image_container img{height:30%}
}