:root{--bgr-color-light: #E6E6E6;--bgr-color-dark: #000;--color-light: #E6E6E6;--color-dark: #101010;--color-grey: #999;--font-family: "Helvetica", "Arial", sans-serif;--headline-size: 28px;--headline-height: 30px;--headline-weight: 400;--copy-size: 22px;--copy-height: 28px;--big-size: 36px;--big-height: 42px;--meta-size: 18px;--meta-height: 22px;--hover-color: #F01666}html,body{margin:0;padding:0}body{min-width:320px;background-color:var(--bgr-color-light);font-family:var(--font-family);font-size:var(--copy-size);line-height:var(--copy-height);color:var(--color-dark)}body.black{background-color:var(--bgr-color-dark);color:var(--color-light)}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-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:var(--headline-size);font-weight:var(--headline-weight);line-height:var(--headline-height);color:var(--color-dark)}p{margin-top:0;margin-bottom:10px}p.bold,span.bold{font-weight:700}a{text-decoration:none;color:var(--color-dark);transition:color .2s ease-in-out}a:hover{color:var(--hover-color)}img,video{display:table}section.distance{position:relative;width:100%;height:60px}header{position:fixed;width:100%;min-width:320px;z-index:99}header h1{display:none}header div.logo{position:absolute;width:220px;height:42px;top:50px;left:80px;display:table}header div.logo img{position:relative;width:220px;height:auto}header div.logo a{position:absolute;top:0;left:0;width:100%;height:100%;display:inline-block}header div.quicklink{position:absolute;top:59px;right:180px;opacity:1;visibility:visible;transition:opacity .2s ease-in-out,visibility .2s ease-in-out}header div.quicklink ul{margin:0;padding:0;list-style-type:none}header div.quicklink ul li{margin-right:10px;display:inline-block}header div.quicklink ul li:last-of-type{margin-right:0}header div.quicklink ul a{color:#fff}header div.quicklink ul a:hover{color:var(--hover-color)}header div.quicklink.dark ul a{color:var(--color-dark)}header div.quicklink.dark ul a:hover{color:var(--hover-color)}header div.quicklink.hide{opacity:0;visibility:hidden;pointer-events:none}header nav.navigation{position:absolute;top:50px;right:80px;width:215px}header nav.navigation div.burger{position:relative;top:3px;left:170px;padding:0 5px;display:inline-block;cursor:pointer;transition:transform .2s ease-in-out,opacity .4s ease-in-out}header nav.navigation div.burger .bar1,header nav.navigation div.burger .bar2,header nav.navigation div.burger .bar3{width:35px;height:5px;background-color:#fff;margin:6px 0;transition:.2s}header nav.navigation div.burger.dark .bar1,header nav.navigation div.burger.dark .bar2,header nav.navigation div.burger.dark .bar3{background-color:#000}header nav.navigation div.burger.change .bar1,header nav.navigation div.burger.change .bar2,header nav.navigation div.burger.change .bar3{background-color:#000}header nav.navigation div.burger.change .bar1{-webkit-transform:rotate(-45deg) translate(-8px, 8px);transform:rotate(-45deg) translate(-8px, 8px)}header nav.navigation div.burger.change .bar2{opacity:0}header nav.navigation div.burger.change .bar3{-webkit-transform:rotate(45deg) translate(-7px, -8px);transform:rotate(45deg) translate(-7px, -8px)}header nav.navigation div.burger.change:hover{-webkit-transform:rotate(90deg);transform:rotate(90deg)}header nav.navigation div.burger.overlay-close .bar1,header nav.navigation div.burger.overlay-close .bar2,header nav.navigation div.burger.overlay-close .bar3{background-color:#fff}header nav.navigation div.burger.hidden{opacity:0;pointer-events:none}header nav.navigation ul{position:absolute;top:0;width:100%;margin:0;padding:45px 8px 3px 8px;list-style-type:none;text-align:right;background:hsla(0,0%,100%,.9);transition:opacity .4s ease-in-out;appearance:none;box-shadow:0 0 3px rgba(0,0,0,.1);-webkit-appearance:none;-webkit-box-shadow:0 0 3px rgba(0,0,0,.1)}header nav.navigation ul li{margin-right:0;margin-bottom:5px;display:block}header nav.navigation ul li span.current{color:var(--hover-color);cursor:default;pointer-events:none}header nav.navigation ul.white{background:hsla(0,0%,100%,.4)}header nav.navigation ul.hide{opacity:0;pointer-events:none}header nav.navigation ul.closed{display:none}@media(max-width: 719px){header div.logo{top:50px;left:50px}header div.quicklink{right:140px}header nav.navigation{right:50px}}@media(max-width: 599px){header div.logo{top:25px;left:25px}header div.quicklink{top:34px;right:100px}header nav.navigation{top:25px;right:25px}}@media(max-width: 549px){header div.quicklink{top:28px}header div.quicklink ul li{margin-right:0;text-align:right;display:block}}@media(max-width: 469px){header div.quicklink{top:72px;right:25px}}header.max-width{max-width:1240px}header.blocked{position:fixed}header.blocked nav.navigation{display:none}.close{position:fixed;top:50px;right:80px;width:32px;height:32px;transition:transform .2s ease-in-out;cursor:pointer}.close::before,.close::after{content:" ";position:absolute;left:15px;height:33px;width:2px;background-color:var(--bgr-color-light)}.close::before{transform:rotate(45deg)}.close::after{transform:rotate(-45deg)}.close:hover{transform:rotate(90deg)}.close.black::before,.close.black::after{background-color:var(--bgr-color-dark)}@media(max-width: 719px){.close{top:50px;right:50px}}@media(max-width: 599px){.close{top:25px;right:25px}}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;white-space:nowrap;border:0;clip:rect(0 0 0 0);clip-path:inset(50%)}.hidden{display:none}.fade{opacity:0;visibility:hidden;transition:opacity .4s ease-in-out,visibility .4s ease-in-out}.visible{opacity:1 !important;visibility:visible !important}section.contact{position:fixed;top:50px;right:140px;width:360px;max-width:none;background-color:rgba(0,0,0,.85);color:var(--color-light);opacity:0;visibility:hidden;transition:opacity .4s ease-in-out,visibility .4s ease-in-out;box-shadow:0 0 3px rgba(0,0,0,.1);z-index:100}section.contact *{visibility:inherit !important}section.contact a{color:var(--color-light)}section.contact a:hover{color:var(--hover-color)}section.contact div.content{position:relative;padding:25px}section.contact div.content p:last-of-type{margin-bottom:0}section.contact .close{position:absolute;top:20px;right:20px;background-color:rgba(0,0,0,0)}section.contact:target{opacity:1;visibility:visible}@media(max-width: 719px){section.contact{right:50px}}@media(max-width: 599px){section.contact{top:25px;right:25px}}@media(max-width: 549px){section.contact{top:5px;right:5px;width:calc(100% - 10px)}}section.impressum,section.datenschutz{position:fixed;inset:0;background-color:rgba(0,0,0,.75);color:var(--color-light);opacity:0;visibility:hidden;transition:opacity .4s ease-in-out,visibility .4s ease-in-out;overflow-y:auto;z-index:90}section.impressum *,section.datenschutz *{visibility:inherit !important}section.impressum div.content,section.datenschutz div.content{max-width:800px;padding:120px 80px 80px}section.impressum h1,section.datenschutz h1{margin-bottom:5px;color:var(--color-light)}section.impressum a,section.datenschutz a{color:var(--color-light)}section.impressum a.underline,section.datenschutz a.underline{text-decoration:underline}section.impressum a:hover,section.datenschutz a:hover{color:var(--hover-color)}section.impressum p.bold,section.datenschutz p.bold{margin-top:20px}@media(max-width: 719px){section.impressum div.content,section.datenschutz div.content{padding:110px 50px 50px}}@media(max-width: 599px){section.impressum div.content,section.datenschutz div.content{padding:80px 25px 40px}}section.video{position:fixed;inset:0;background-color:#000;opacity:0;transition:opacity .4s ease-in-out;z-index:90}section.video video{width:100%;height:100%;display:block;object-fit:cover;cursor:pointer}section.video video.contain{object-fit:contain}section.video button.video-play{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100px;height:100px;padding:0;border:2px solid var(--color-light);border-radius:50%;background-color:rgba(0,0,0,.5);cursor:pointer;transition:border-color .2s ease-in-out,background-color .2s ease-in-out}section.video button.video-play span{position:absolute;top:50%;left:50%;transform:translate(-40%, -50%);width:0;height:0;border-style:solid;border-width:15px 0 15px 26px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) var(--color-light);transition:border-left-color .2s ease-in-out}section.video button.video-play:hover{border-color:var(--hover-color);background-color:rgba(0,0,0,.75)}section.video button.video-play:hover span{border-left-color:var(--hover-color)}section.video div.video-info{position:absolute;left:80px;bottom:50px;opacity:0;visibility:hidden;transition:opacity .4s ease-in-out,visibility .4s ease-in-out;pointer-events:none}section.video div.video-info p{margin:0;color:var(--color-light);font-size:var(--meta-size);line-height:var(--meta-height)}@media(max-width: 719px){section.video div.video-info{left:50px}}@media(max-width: 599px){section.video button.video-play{width:72px;height:72px}section.video button.video-play span{border-width:11px 0 11px 19px}section.video div.video-info{left:25px;bottom:25px}}@keyframes badge-fade{from{opacity:0}to{opacity:1}}section.parallax{position:fixed;inset:0;z-index:0}section.parallax article.current{position:absolute;inset:0}section.parallax img.teaser{width:100%;height:100%;display:block;object-fit:cover;opacity:0;transition:opacity .6s ease-in-out}section.parallax img.teaser.loaded{opacity:1}div.fly{position:fixed;left:0;top:0;width:50px;height:50px;z-index:11;pointer-events:none;opacity:0;transition:opacity .6s ease-in-out}div.fly.visible{opacity:1}div.fly img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;transform-origin:50% 50%}a.badge{position:fixed;top:30%;right:10%;width:210px;height:210px;z-index:10;display:flex;align-items:center;justify-content:center;animation:badge-fade .6s ease-in-out;transition:transform .35s cubic-bezier(0.2, 0.8, 0.25, 1),opacity .4s ease-in-out;--badge-color: #F2F2F2;--badge-text: #101010}a.badge div.shape{position:absolute;inset:0;background-color:var(--badge-color);will-change:transform;-webkit-mask:url(../images/saasfee-star.svg) center/contain no-repeat;mask:url(../images/saasfee-star.svg) center/contain no-repeat}a.badge div.label{position:relative;transform:rotate(12deg);width:66%;margin-top:10px;text-align:center;color:var(--badge-text);font-size:16px;line-height:18px}a.badge div.label p{margin:0}a.badge div.label p.title{font-weight:700;margin-bottom:5px}a.badge:hover{transform:scale(1.08)}a.badge.pending{opacity:0;animation:none}@media(max-width: 719px){a.badge{right:50px}}@media(max-width: 599px){a.badge{right:25px}}body.notfound{background-color:var(--notfound-bg, #fff);color:var(--notfound-fg, #000)}div.page.notfound section.notfound{min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:40px;padding:120px 80px 80px}div.page.notfound section.notfound div.eyes-face{display:flex;align-items:flex-start;justify-content:center;gap:10px;width:320px;height:320px;padding-top:90px;border-radius:50%;background-color:#000;border:1px solid hsla(0,0%,100%,.4)}div.page.notfound section.notfound div.eyes-face div.eye{position:relative;width:120px;height:120px;border-radius:50%;background-color:#fff}div.page.notfound section.notfound div.eyes-face div.eye div.pupil{position:absolute;top:50%;left:50%;width:60px;height:60px;margin:-30px 0 0 -30px;border-radius:50%;background-color:#000;will-change:transform}div.page.notfound section.notfound h1{margin:0;font-size:var(--big-size);line-height:var(--big-height);font-weight:700;color:var(--notfound-fg, #000)}@media(max-width: 719px){div.page.notfound section.notfound{padding:160px 35px 40px}}@media(max-width: 599px){div.page.notfound section.notfound{padding:120px 25px 40px}}