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:#000}*,*: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:#000}a:hover{color:#333}.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}nav.main{position:relative;padding-left:80px;padding-right:80px;padding-bottom:80px}nav.main ul{margin:0;padding:0}nav.main ul li{width:400px;margin:0;padding:0;font-size:22px;line-height:18px;font-weight:bold;letter-spacing:0px;list-style-type:none}nav.main ul li a{width:100%;display:table;font-weight:bold;transition:color .2s ease-in-out}nav.main ul li a.black{color:#111}nav.main ul li a.white{color:#eee}nav.main ul li a.rose span.label{color:#ad839b}nav.main ul li a.rose:hover{color:#ad839b}nav.main ul li a.green span.label{color:#1d5a1f}nav.main ul li a.green:hover{color:#1d5a1f}nav.main ul li a.red span.label{color:#cd3335}nav.main ul li a.red:hover{color:#cd3335}nav.main ul li a.blue span.label{color:#212680}nav.main ul li a.blue:hover{color:#2c32ab}nav.main ul li a.gold:hover{color:#ae7435}nav.main ul li a.gold span.label{color:#ae7435}nav.main ul li a.turqoise span.label{color:#3aaa92}nav.main ul li a.turqoise:hover{color:#3aaa92}nav.main ul li a.grey span.label{color:#eee}nav.main ul li a.grey:hover{color:#eee}nav.main ul li.empty{padding-bottom:15px}@media(max-width: 849px){nav.main{padding-left:50px;padding-right:50px}}@media(max-width: 599px){nav.main{padding-left:25px;padding-right:25px}}nav.star{position:fixed;top:80px;left:400px;width:200px;height:200px;text-align:center;opacity:0;visibility:hidden;transform:rotate(12deg);transition:opacity .4s ease-in-out,visibility .4s ease-in-out}nav.star div.bgr{position:absolute;top:0;width:100%;height:100%;background-image:url("../images/star.svg");background-repeat:no-repeat}nav.star ul{position:relative;top:49%;margin:0;padding:0;transform:translateY(-50%);list-style-type:none}nav.star ul li{font-size:16px;line-height:20px;color:#000;transition:color .2s ease-in-out}nav.star ul li.title{font-weight:bold}nav.star ul li.info{padding-top:8px;opacity:.8}nav.star a{position:absolute;top:0;left:0;width:100%;height:100%;display:inline-block}@media(max-width: 849px){nav.star{left:370px}}@media(max-width: 599px){nav.star{top:5px;left:260px}}@media(max-width: 489px){nav.star{left:240px}}@media(max-width: 439px){nav.star{display:none}}nav.star.black div.bgr{filter:invert(1)}nav.star.black ul li{color:#fff}nav.star.rose:hover ul li{color:#ad839b}nav.star.green:hover ul li{color:#1d5a1f}nav.star.red:hover ul li{color:#cd3335}nav.star.blue:hover ul li{color:#2c32ab}nav.star.gold:hover ul li{color:#ae7435}nav.star.turqoise:hover ul li{color:#3aaa92}nav.star.grey:hover ul li{color:#eee}nav.star.visible{opacity:1;visibility:visible}div.fly{position:absolute}div.fly img{position:absolute}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}body{min-width:320px}