html,body{margin:0;padding:0;width:100%;height:100%}body{background-color:#000;font-family:Helvetica,Arial,sans-serif;font-size:22px;line-height:28px;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:22px;line-height:28px;color:#fff}p{margin:0}a{text-decoration:none;color:#fff}a:hover{color:#f01666}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.form{position:relative;max-width:500px;margin:0 60px;padding:20px 20px 25px 20px;display:table;border-radius:4px;background-color:rgba(0,0,0,.85)}section.form p{margin:0}section.form p.important{border:1px solid #fff;margin-top:15px;padding:15px 12px}section.form p.small{font-size:16px;line-height:20px}section.form p.grey{color:#888}section.form h1{position:relative;margin-bottom:15px;font-size:22px;line-height:28px;font-weight:bold}section.form button{width:65px;padding:2px 8px;border:1px solid #fff;border-radius:0;font-family:Helvetica,Arial,sans-serif;font-size:22px;line-height:28px;color:#000;background:#fff;transition:background .2s ease-out,color .2s ease-out;cursor:pointer}section.form button:hover{color:#fff;background:rgba(0,0,0,0)}section.form div.fields{position:relative}section.form div.fields p,section.form div.fields form{margin-top:15px}section.form div.fields input{width:calc(100% - 78px);margin-right:5px;padding:2px 8px;border:1px solid #fff;border-radius:0;color:#fff;font-family:Helvetica,Arial,sans-serif;font-size:22px;line-height:28px;background:rgba(0,0,0,0)}section.form div.fields input:focus{outline:none}section.form div.fields input.error{border-color:#f01666}section.form div.done,section.form div.error{position:absolute;top:55px;width:calc(100% - 40px)}section.form div.done button,section.form div.error button{margin-top:20px}@media(max-width: 849px){section.form{margin-left:30px;margin-right:30px}}@media(max-width: 599px){section.form{width:calc(100% - 10px);max-width:none;margin-top:15px;margin-left:5px;margin-right:5px}}
