html,body{margin:0;padding:0;width:100%;height:100%}body{background-color:#000;font-family:Helvetica,Arial,sans-serif;font-size:12px;line-height:14px;color:#fff}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}h1,h2,h3{margin:0;padding:0;font-size:14px;line-height:16px;color:#fff}p{margin:0}a{text-decoration:none;color:#fff}a:hover{color:#00e449}section.distance{position:relative;width:100%;height:60px}.hidden{display:none}.fade{opacity:0;visibility:hidden;transition:opacity .4s ease-in-out,visibility .4s ease-in-out}.visible{opacity:1;visibility:visible}div.bgr{position:fixed;top:0px;left:0px;width:100%;height:100%;overflow:hidden}div.bgr img{width:100%;height:100%;object-fit:cover;opacity:0;visibility:hidden;transition:opacity .4s ease-in-out,visibility .4s ease-in-out}div.bgr img.visible{opacity:1;visibility:visible}div.bgr.black{background-color:#000}div.bgr.yellow{background-color:#e2bd03}div.bgr.green{background-color:#2b9229}div.bgr.blue{background-color:#73b8ca}header{position:relative;padding:50px 80px;display:table;opacity:0;visibility:hidden;transition:opacity .4s ease-in-out,visibility .4s ease-in-out}header h1{display:none}header div.logo{position:relative;width:220px;height:42px}header div.black{background-image:url("https://www.saasfee.de/images/saasfee-logo-black.svg");background-repeat:no-repeat;background-size:220px 42px}header div.white{background-image:url("https://www.saasfee.de/images/saasfee-logo-white.svg");background-repeat:no-repeat;background-size:220px 42px}header a.logo{position:absolute;top:0;width:100%;height:100%;display:block}@media(max-width: 849px){header{padding-left:50px;padding-right:50px}}@media(max-width: 599px){header{padding:25px}}header.visible{opacity:1;visibility:visible}footer{position:fixed;width:100%;bottom:0px;padding:5px 80px;opacity:0;visibility:hidden;background-color:rgba(0,0,0,.6);transition:opacity .4s ease-in-out,visibility .4s ease-in-out;display:flex;gap:15px}footer a{font-size:16px;line-height:18px;text-decoration:none;color:#fff;opacity:.6;display:block;transition:opacity .2s ease-in-out}footer a:hover{color:#fff;opacity:.9}@media(max-width: 849px){footer{padding-left:50px;padding-right:50px}}@media(max-width: 599px){footer{padding-left:25px;padding-right:25px}}footer.white{background-color:hsla(0,0%,100%,.6)}footer.white a{color:#000;opacity:.6}footer.white a:hover{color:#000;opacity:.9}footer.visible{opacity:1;visibility:visible}section.video,section.info{min-width:320px}section.video{position:relative;width:100%;z-index:1;cursor:pointer}section.video div.video{position:relative;width:100%}section.video div.video video{width:100%;min-width:680px}section.video div.button{position:absolute;width:120px;height:120px;top:calc(50% - 60px);left:calc(50% - 60px);background-image:url(../../images/play.png);background-size:120px 120px}section.video div.button-inverted{background-image:url(../../images/play-inverted.png)}section.video:hover div.button{background-image:url(../../images/play-hover.png)}section.video:hover div.button-inverted{background-image:url(../../images/play-hover-inverted.png)}section.cover{height:100%}section.cover div.video{height:100%}section.cover div.video video{height:100%;object-fit:cover}section.no-cover{padding-top:50px;max-width:1280px}section.info{position:fixed;margin-left:80px;margin-right:80px;bottom:55px;z-index:2}section.info h1,section.info h2,section.info p{margin:0;padding:0}section.info h1{margin-bottom:5px;color:#ec2772}section.info h2{margin-bottom:13px;font-weight:400}section.info p.text{display:none}header{z-index:3}footer{z-index:4}@media(min-width: 999px){section.no-cover{padding-top:0}}@media(max-width: 849px){section.info{margin-left:50px;margin-right:50px}}@media(max-width: 599px){section.info{margin-left:25px;margin-right:25px}}