@font-face{font-family:"Roboto";font-weight:400;src:url("/fonts/Roboto-Regular.ttf") format("truetype")}@font-face{font-family:"Roboto";font-weight:900;src:url("/fonts/Roboto-Black.ttf") format("truetype")}html,body{margin:0;padding:0}body{min-width:320px;max-width:1100px;background-color:#000;font-family:"Roboto",Helvetica,Arial,sans-serif;font-weight:400;font-size:16px;line-height:18px;color:#fff}h1,h2{margin:0;padding:0}a{text-decoration:none;color:#fff}a.black{color:#000}a:hover{color:#aaa}.fade{opacity:0;visibility:hidden;transition:opacity .4s ease-in-out,visibility .4s ease-in-out}.visible{opacity:1;visibility:visible}.headline-big{font-size:70px;font-weight:400;line-height:80px;color:#fff}.headline-small{position:relative;display:table;font-size:16px;font-weight:400;line-height:18px;color:#fff}.text-small{font-size:12px;line-height:14px}.text{color:#000}.text-row{padding:5px 10px;display:table;background-color:#fff}.text-margin{margin-bottom:10px}.lettering span{width:12px;display:inline-block}.text-small span{width:9px}.headline-big .lettering span{width:56px}.headline-small .lettering span{width:12px}.bold{font-weight:900}.wide-small span{width:13px}.underline-white{position:absolute;left:0;bottom:-1px;width:100%;height:1px;background-color:#fff}.underline-black{position:absolute;left:2%;bottom:4px;width:96%;height:1px;background-color:#000}.absolute{position:absolute;top:400px}.fixed{position:fixed;top:0}section{margin-bottom:200px}#emoji{width:100%;height:100%;min-width:320px;max-width:1100px;overflow:hidden;text-align:center}#emoji img{position:relative;top:10%;margin:auto}#emoji .flippedH{-moz-transform:scaleX(-1);-o-transform:scaleX(-1);-webkit-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH;-ms-filter:"FlipH"}#info{position:absolute;top:0;width:100%;max-width:1100px;display:none}#info .circle{position:absolute;top:60px;right:10%;width:330px;height:280px;padding-top:50px;border-radius:50%;background-color:#fff;text-align:center;-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);-o-transform:rotate(10deg);-webkit-transform:rotate(10deg);transform:rotate(10deg)}#info .text-row{padding:0;display:block;background-color:rgba(0,0,0,0)}#intro{position:relative;padding:50px;margin-bottom:300px}#intro .logo{width:220px;height:42px;margin-bottom:125px;background-image:url(https://www.saasfee.de/images/saasfee-logo-white.svg);background-repeat:no-repeat;background-size:220px 42px}#intro .title{position:relative;margin-bottom:25px;display:table}#intro .headline-big{margin-bottom:100px}#video{position:relative;padding:50px}#video .headline-small{margin-bottom:10px}#video .youtube-video{position:relative;margin-top:50px;width:100%}#video .youtube-video iframe,#video .youtube-video img{width:100%}#video .text-huge{position:absolute;top:48%;left:0;width:100%;font-size:200px;color:#fff;text-align:center}#preorder{position:relative;padding:50px}#preorder .headline-big{margin-bottom:30px}#preorder .headline-big .text{position:relative;top:-9px;display:inline;font-size:16px;line-height:18px}#preorder .headline-big .text span{width:12px}#preorder .link{margin-bottom:30px}#preorder .link-text{margin-bottom:10px}#preorder .images{width:100%;display:table}#preorder .image img{width:100%}#preorder .image:first-child{width:50%;margin-bottom:35px;float:left}#preorder .image:last-child{width:39%;margin-right:25px;margin-bottom:35px;float:right}#preorder .margin-top{margin-top:35px}#preorder .circle{position:relative;top:-500px;left:600px;width:180px;height:142px;padding-top:38px;border-radius:50%;background-color:#fff;text-align:center;-moz-transform:rotate(10deg);-ms-transform:rotate(10deg);-o-transform:rotate(10deg);-webkit-transform:rotate(10deg);transform:rotate(10deg)}#preorder .circle .text-row{padding:0;margin-bottom:3px;display:block;background-color:rgba(0,0,0,0)}#preorder .circle .text-margin{margin-bottom:10px}#preorder .circle .more{cursor:help}#preorder .circle .more span[rel=tooltip]{width:140px;height:110px;padding:30px 10px 10px 10px;margin:45px auto;border-radius:50%;background-color:#fff;display:none}#preorder .circle .more:hover span[rel=tooltip]{display:block}#prelisten{position:relative;padding:50px}#prelisten .headline-small{margin-bottom:50px}#prelisten .text-row{display:table-cell}#prelisten .column1{padding-right:30px}#prelisten .column2{position:relative}#prelisten .column2 .text-row{width:200px}#prelisten .column2 .play{float:right}#prelisten .column2 .pause{float:right;display:none}#prelisten .playhead{position:absolute;top:14px;left:33%;width:25%;height:5px;border:1px solid #111;display:none}#prelisten .played{position:absolute;width:0;height:100%;background-color:#222}#prelisten .daijobu{width:120px;background-image:url(../images/daijobu.png);background-size:78px 18px;background-position:45px 5px;background-repeat:no-repeat}#release{position:relative;padding:50px}#release .headline-small{margin-bottom:20px}#release .tourdates{position:relative;display:table}#release .amp{display:inline}#release .google{margin-top:25px;display:table}#release .image{margin-top:50px}#tourdates{position:relative;padding:50px;margin-bottom:100px}#tourdates .headline-small{margin-bottom:20px}#tourdates .image{width:100%;margin-top:50px}#more{position:relative;padding:50px;margin-bottom:1000px}#top{position:fixed;right:50px;bottom:50px;font-size:14px}@media(max-width: 880px){#preorder .circle{left:auto;margin-right:0;float:right}}@media(max-width: 710px){#preorder .circle{top:0;left:auto;margin-top:25px;float:right}}@media(max-width: 575px){#info{display:none}#prelisten .playhead{border:none}#prelisten .played{background-color:rgba(0,0,0,0)}}.fade{opacity:0;visibility:hidden;transition:opacity .4s ease-in-out,visibility .4s ease-in-out}.visible{opacity:1;visibility:visible}