@charset "UTF-8";:root{--color-primary:#ff8843;--color-primary-1:#ff8843;--color-primary-2:#ff7272;--color-primary-3:#e32d88;--color-primary-4:#6657b7;--color-primary-5:#4c5be7}@keyframes swipeRight0{0%{z-index:12;transform:translateX(6.25rem) rotate(2deg)}55%{transform:translateX(45rem) rotate(2deg)}to{z-index:0;transform:translateX(0) rotate(2deg)}}@keyframes swipeLeft0{0%{z-index:12;transform:translateX(-6.25rem) rotate(2deg)}55%{transform:translateX(-45rem) rotate(2deg)}to{z-index:0;transform:translateX(0) rotate(2deg)}}@keyframes swipeRight1{0%{z-index:12;transform:translateX(6.25rem) rotate(-3deg)}55%{transform:translateX(45rem) rotate(-3deg)}to{z-index:0;transform:translateX(0) rotate(-3deg)}}@keyframes swipeLeft1{0%{z-index:12;transform:translateX(-6.25rem) rotate(-3deg)}55%{transform:translateX(-45rem) rotate(-3deg)}to{z-index:0;transform:translateX(0) rotate(-3deg)}}@keyframes swipeRight2{0%{z-index:12;transform:translateX(6.25rem) rotate(-2deg)}55%{transform:translateX(45rem) rotate(-2deg)}to{z-index:0;transform:translateX(0) rotate(-2deg)}}@keyframes swipeLeft2{0%{z-index:12;transform:translateX(-6.25rem) rotate(-2deg)}55%{transform:translateX(-45rem) rotate(-2deg)}to{z-index:0;transform:translateX(0) rotate(-2deg)}}@keyframes swipeRight3{0%{z-index:12;transform:translateX(6.25rem) rotate(4deg)}55%{transform:translateX(45rem) rotate(4deg)}to{z-index:0;transform:translateX(0) rotate(4deg)}}@keyframes swipeLeft3{0%{z-index:12;transform:translateX(-6.25rem) rotate(4deg)}55%{transform:translateX(-45rem) rotate(4deg)}to{z-index:0;transform:translateX(0) rotate(4deg)}}@keyframes swipeRight4{0%{z-index:12;transform:translateX(6.25rem) rotate(1deg)}55%{transform:translateX(45rem) rotate(1deg)}to{z-index:0;transform:translateX(0) rotate(1deg)}}@keyframes swipeLeft4{0%{z-index:12;transform:translateX(-6.25rem) rotate(1deg)}55%{transform:translateX(-45rem) rotate(1deg)}to{z-index:0;transform:translateX(0) rotate(1deg)}}@keyframes swipeRight5{0%{z-index:12;transform:translateX(6.25rem) rotate(-1deg)}55%{transform:translateX(45rem) rotate(-1deg)}to{z-index:0;transform:translateX(0) rotate(-1deg)}}@keyframes swipeLeft5{0%{z-index:12;transform:translateX(-6.25rem) rotate(-1deg)}55%{transform:translateX(-45rem) rotate(-1deg)}to{z-index:0;transform:translateX(0) rotate(-1deg)}}@keyframes swipeRight6{0%{z-index:12;transform:translateX(6.25rem) rotate(-4deg)}55%{transform:translateX(45rem) rotate(-4deg)}to{z-index:0;transform:translateX(0) rotate(-4deg)}}@keyframes swipeLeft6{0%{z-index:12;transform:translateX(-6.25rem) rotate(-4deg)}55%{transform:translateX(-45rem) rotate(-4deg)}to{z-index:0;transform:translateX(0) rotate(-4deg)}}@keyframes swipeRight7{0%{z-index:12;transform:translateX(6.25rem) rotate(2deg)}55%{transform:translateX(45rem) rotate(2deg)}to{z-index:0;transform:translateX(0) rotate(2deg)}}@keyframes swipeLeft7{0%{z-index:12;transform:translateX(-6.25rem) rotate(2deg)}55%{transform:translateX(-45rem) rotate(2deg)}to{z-index:0;transform:translateX(0) rotate(2deg)}}@keyframes swipeRight8{0%{z-index:12;transform:translateX(6.25rem) rotate(3deg)}55%{transform:translateX(45rem) rotate(3deg)}to{z-index:0;transform:translateX(0) rotate(3deg)}}@keyframes swipeLeft8{0%{z-index:12;transform:translateX(-6.25rem) rotate(3deg)}55%{transform:translateX(-45rem) rotate(3deg)}to{z-index:0;transform:translateX(0) rotate(3deg)}}@keyframes swipeRight9{0%{z-index:12;transform:translateX(6.25rem) rotate(-5deg)}55%{transform:translateX(45rem) rotate(-5deg)}to{z-index:0;transform:translateX(0) rotate(-5deg)}}@keyframes swipeLeft9{0%{z-index:12;transform:translateX(-6.25rem) rotate(-5deg)}55%{transform:translateX(-45rem) rotate(-5deg)}to{z-index:0;transform:translateX(0) rotate(-5deg)}}@keyframes swipeRight10{0%{z-index:12;transform:translateX(6.25rem) rotate(5deg)}55%{transform:translateX(45rem) rotate(5deg)}to{z-index:0;transform:translateX(0) rotate(5deg)}}@keyframes swipeLeft10{0%{z-index:12;transform:translateX(-6.25rem) rotate(5deg)}55%{transform:translateX(-45rem) rotate(5deg)}to{z-index:0;transform:translateX(0) rotate(5deg)}}@keyframes shakeLeft{10%,90%{transform:translate3d(-1px,-50%,0) rotate(-90deg)}20%,80%{transform:translate3d(2px,-50%,0) rotate(-90deg)}30%,50%,70%{transform:translate3d(-4px,-50%,0) rotate(-90deg)}40%,60%{transform:translate3d(4px,-50%,0) rotate(-90deg)}}@keyframes shakeRight{10%,90%{transform:translate3d(-1px,-50%,0) rotate(90deg)}20%,80%{transform:translate3d(2px,-50%,0) rotate(90deg)}30%,50%,70%{transform:translate3d(-4px,-50%,0) rotate(90deg)}40%,60%{transform:translate3d(4px,-50%,0) rotate(90deg)}}@font-face{font-weight:400;font-style:normal;font-family:Söhne;font-display:swap;src:url(../fonts/soehne-buch.woff2) format("woff2")}@font-face{font-weight:400;font-style:italic;font-family:Söhne;font-display:swap;src:url(../fonts/soehne-buch-kursiv.woff2) format("woff2")}@font-face{font-weight:300;font-style:normal;font-family:Söhne;font-display:swap;src:url(../fonts/soehne-leicht.woff2) format("woff2")}@font-face{font-weight:300;font-style:italic;font-family:Söhne;font-display:swap;src:url(../fonts/soehne-leicht-kursiv.woff2) format("woff2")}body{font-family:Söhne;background-color:#111;margin:0;overflow:hidden}.button-container{position:absolute;bottom:40px;left:50%;width:calc(100% - 40px);max-width:400px;text-align:center;opacity:0;transform:translateX(-50%);transition:opacity .6s ease 1s}@media (min-width:768px){.button-container{bottom:90px;max-width:450px}}.button-container__button{position:absolute;bottom:0;display:block;font-size:1em;font-weight:300;line-height:1.4;color:#fff;text-align:center;text-decoration:none;border:1px solid #fff;border-radius:999px;padding:.625em 1.25em .75em;opacity:0;pointer-events:none}.button-container__button>span{display:block}@media (min-width:768px){.button-container__button{left:50%;font-size:1.5em;padding:.25em 1.5em .5em;transform:translateX(-50%);transition:visibility 0s linear .6s,color .3s ease,background-color .3s ease}}.button-container__button:after,.button-container__button:before{position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:999px;content:"";transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.button-container__button:before{z-index:-2;background-color:hsla(0,0%,7%,.9)}.button-container__button:after{background-color:#fff;width:0;height:0;z-index:-1}.button-container__button--disabled{color:#000;cursor:default}.button-container__button--disabled:after{width:100%;height:100%}@media (any-hover:hover){.button-container__button:hover{color:#000}.button-container__button:hover>span{transform:skewX(-15deg)}.button-container__button:hover:after{width:100%;height:100%}}.button-container__label{font-size:.75em;font-weight:300;color:#fff;text-align:center;margin-bottom:15px}@media (min-width:576px){.button-container__label{font-size:13px;margin-bottom:20px}}.button-container__text-sent{display:none}.page--transformed .button-container{opacity:1}.page--0 .button-container__button--0{position:relative;opacity:1;pointer-events:all;transition:opacity .6s ease}@media (min-width:768px){.page--0 .button-container__button--0{transition:opacity .6s ease,visibility 0s linear .6s,color .3s ease,background-color .3s ease}}.page--1 .button-container__button--1{position:relative;opacity:1;pointer-events:all;transition:opacity .6s ease}@media (min-width:768px){.page--1 .button-container__button--1{transition:opacity .6s ease,visibility 0s linear .6s,color .3s ease,background-color .3s ease}}.page--2 .button-container__button--2{position:relative;opacity:1;pointer-events:all;transition:opacity .6s ease}@media (min-width:768px){.page--2 .button-container__button--2{transition:opacity .6s ease,visibility 0s linear .6s,color .3s ease,background-color .3s ease}}.page--3 .button-container__button--3{position:relative;opacity:1;pointer-events:all;transition:opacity .6s ease}@media (min-width:768px){.page--3 .button-container__button--3{transition:opacity .6s ease,visibility 0s linear .6s,color .3s ease,background-color .3s ease}}.page--4 .button-container__button--4{position:relative;opacity:1;pointer-events:all;transition:opacity .6s ease}@media (min-width:768px){.page--4 .button-container__button--4{transition:opacity .6s ease,visibility 0s linear .6s,color .3s ease,background-color .3s ease}}.page--5 .button-container__button--5{position:relative;opacity:1;pointer-events:all;transition:opacity .6s ease}@media (min-width:768px){.page--5 .button-container__button--5{transition:opacity .6s ease,visibility 0s linear .6s,color .3s ease,background-color .3s ease}}.page--6 .button-container__button--6{position:relative;opacity:1;pointer-events:all;transition:opacity .6s ease}@media (min-width:768px){.page--6 .button-container__button--6{transition:opacity .6s ease,visibility 0s linear .6s,color .3s ease,background-color .3s ease}}.page--7 .button-container__button--7{position:relative;opacity:1;pointer-events:all;transition:opacity .6s ease}@media (min-width:768px){.page--7 .button-container__button--7{transition:opacity .6s ease,visibility 0s linear .6s,color .3s ease,background-color .3s ease}}.page--8 .button-container__button--8{position:relative;opacity:1;pointer-events:all;transition:opacity .6s ease}@media (min-width:768px){.page--8 .button-container__button--8{transition:opacity .6s ease,visibility 0s linear .6s,color .3s ease,background-color .3s ease}}.page--9 .button-container__button--9{position:relative;opacity:1;pointer-events:all;transition:opacity .6s ease}@media (min-width:768px){.page--9 .button-container__button--9{transition:opacity .6s ease,visibility 0s linear .6s,color .3s ease,background-color .3s ease}}.page--10 .button-container__button--10{position:relative;opacity:1;pointer-events:all;transition:opacity .6s ease}@media (min-width:768px){.page--10 .button-container__button--10{transition:opacity .6s ease,visibility 0s linear .6s,color .3s ease,background-color .3s ease}}.card{position:absolute;width:100%;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);overflow:hidden;transition:transform .3s ease}.card--0{z-index:2;transition-delay:3s}.card--1{z-index:3;transition-delay:3.1s}.card--2{z-index:4;transition-delay:3.2s}.card--3{z-index:5;transition-delay:3.3s}.card--4{z-index:6;transition-delay:3.4s}.card--5{z-index:7;transition-delay:3.5s}.card--6{z-index:8;transition-delay:3.6s}.card--7{z-index:9;transition-delay:3.7s}.card--8{z-index:10;transition-delay:3.8s}.card--9{z-index:11;transition-delay:3.9s}.card--10{z-index:12;transition-delay:4s}.card--0{transform:translate(75vw,110vh) rotate(20deg)}.card--5{transform:translate(-60vw,-180vh) rotate(85deg)}.card--3{transform:translate(20vw,180vh) rotate(-40deg)}.card--8{transform:translate(-65vw,145vh) rotate(110deg)}.card--6{transform:translate(10vw,-170vh) rotate(15deg)}.card--1{transform:translate(-80vw,105vh) rotate(-65deg)}.card--2{transform:translate(45vw,-180vh) rotate(30deg)}.card--7{transform:translate(-80vw,125vh) rotate(30deg)}.card--4{transform:translate(90vw,180vh) rotate(145deg)}.card--9{transform:translate(-85vw,125vh) rotate(135deg)}.card--10{transform:translate(70vw,135vh) rotate(-45deg)}@media (any-hover:hover){.card--current:hover .card__image{transform:scale(1.1)}}.card,.card__image{height:100%}.card__image{width:100%;height:100%;object-fit:cover;transform-origin:center;transition:all .3s ease}.card:hover{cursor:pointer}.page--transform .card:before{display:none}.page--transform .card--0{transform:rotate(2deg)}.page--transform .card--0:before{content:"2"}.page--transform .card--1{transform:rotate(-3deg)}.page--transform .card--1:before{content:"-3"}.page--transform .card--2{transform:rotate(-2deg)}.page--transform .card--2:before{content:"-2"}.page--transform .card--3{transform:rotate(4deg)}.page--transform .card--3:before{content:"4"}.page--transform .card--4{transform:rotate(1deg)}.page--transform .card--4:before{content:"1"}.page--transform .card--5{transform:rotate(-1deg)}.page--transform .card--5:before{content:"-1"}.page--transform .card--6{transform:rotate(-4deg)}.page--transform .card--6:before{content:"-4"}.page--transform .card--7{transform:rotate(2deg)}.page--transform .card--7:before{content:"2"}.page--transform .card--8{transform:rotate(3deg)}.page--transform .card--8:before{content:"3"}.page--transform .card--9{transform:rotate(-5deg)}.page--transform .card--9:before{content:"-5"}.page--transform .card--10{transform:rotate(5deg)}.page--transform .card--10:before{content:"5"}.page--transformed .card{transition-delay:0s;transition-duration:0s}.page--transformed .card--0.card--swiperight{animation:swipeRight0 .8s}.page--transformed .card--0.card--swipeleft{animation:swipeLeft0 .8s}.page--transformed .card--z-0{z-index:2}.page--transformed .card--1.card--swiperight{animation:swipeRight1 .8s}.page--transformed .card--1.card--swipeleft{animation:swipeLeft1 .8s}.page--transformed .card--z-1{z-index:3}.page--transformed .card--2.card--swiperight{animation:swipeRight2 .8s}.page--transformed .card--2.card--swipeleft{animation:swipeLeft2 .8s}.page--transformed .card--z-2{z-index:4}.page--transformed .card--3.card--swiperight{animation:swipeRight3 .8s}.page--transformed .card--3.card--swipeleft{animation:swipeLeft3 .8s}.page--transformed .card--z-3{z-index:5}.page--transformed .card--4.card--swiperight{animation:swipeRight4 .8s}.page--transformed .card--4.card--swipeleft{animation:swipeLeft4 .8s}.page--transformed .card--z-4{z-index:6}.page--transformed .card--5.card--swiperight{animation:swipeRight5 .8s}.page--transformed .card--5.card--swipeleft{animation:swipeLeft5 .8s}.page--transformed .card--z-5{z-index:7}.page--transformed .card--6.card--swiperight{animation:swipeRight6 .8s}.page--transformed .card--6.card--swipeleft{animation:swipeLeft6 .8s}.page--transformed .card--z-6{z-index:8}.page--transformed .card--7.card--swiperight{animation:swipeRight7 .8s}.page--transformed .card--7.card--swipeleft{animation:swipeLeft7 .8s}.page--transformed .card--z-7{z-index:9}.page--transformed .card--8.card--swiperight{animation:swipeRight8 .8s}.page--transformed .card--8.card--swipeleft{animation:swipeLeft8 .8s}.page--transformed .card--z-8{z-index:10}.page--transformed .card--9.card--swiperight{animation:swipeRight9 .8s}.page--transformed .card--9.card--swipeleft{animation:swipeLeft9 .8s}.page--transformed .card--z-9{z-index:11}.page--transformed .card--10.card--swiperight{animation:swipeRight10 .8s}.page--transformed .card--10.card--swipeleft{animation:swipeLeft10 .8s}.page--transformed .card--z-10{z-index:12}.cards{position:absolute;top:55%;left:50%;z-index:100;width:70%;aspect-ratio:1/1;transform:translate(-50%,-50%)}@media (min-width:576px){.cards{top:50%;width:25rem}}@media (min-width:768px){.cards{width:MIN(35vh,35rem)}}@media (min-width:1600px){.cards{top:55%}}@media (orientation:landscape) and (max-height:450px){.cards{top:50%;left:40px;transform:translateY(-50%)}}.cards-container{opacity:0}.cards-container__heading{position:absolute;top:65px;left:50%;width:300px;opacity:0;transform:translateX(-50%);transition:opacity .6s ease 1s}@media (min-width:768px){.cards-container__heading{width:574px}}@media (min-width:992px){.cards-container__heading{width:90%;max-width:1260px}}@media (orientation:landscape) and (max-height:450px){.cards-container__heading{top:50%;right:20px;transform:translateY(-50%)}}.page--0 .cards-container__heading--0,.page--1 .cards-container__heading--1,.page--2 .cards-container__heading--2,.page--3 .cards-container__heading--3,.page--4 .cards-container__heading--4,.page--5 .cards-container__heading--5,.page--6 .cards-container__heading--6,.page--7 .cards-container__heading--7,.page--8 .cards-container__heading--8,.page--9 .cards-container__heading--9,.page--10 .cards-container__heading--10,.page--transform .cards-container{opacity:1}.flake{position:absolute;pointer-events:none;background-color:rgba(var(--dot-color),1);border-radius:999px;animation-duration:6s;animation-fill-mode:forwards}@keyframes fall-1{0%{transform:translate(0) scale(.5)}5%{transform:translate(7px,-15px) scale(1)}to{transform:translate(-20px,100vh) scale(.5);opacity:0}}@keyframes fall-2{0%{transform:translate(0) scale(.4)}7%{transform:translate(-9px,-8px) scale(1)}to{transform:translate(30px,100vh) scale(.5);opacity:0}}@keyframes fall-3{0%{transform:translate(0) scale(.6)}4%{transform:translateY(-20px) scale(1)}to{transform:translate(20px,100vh) scale(.5);opacity:0}}.heading{font-size:1.5rem;font-weight:400;line-height:1.1;color:#fff;text-align:center;margin:0;text-shadow:0 0 20px rgba(0,0,0,.1)}@media (min-width:576px){.heading{font-size:1.75rem}}@media (min-width:768px){.heading{font-size:2.25rem;line-height:1.2}}@media (min-width:992px){.heading{font-size:3rem}}@media (min-width:1600px){.heading{font-size:4rem}}.intro{position:absolute;top:0;right:0;bottom:0;left:0;opacity:1;transition:opacity .3s linear 2s,visibility 0s linear 2.3s}.intro__content{position:absolute;top:50%;left:50%;width:75%;transform:translate(-50%,-75%)}@media (min-width:768px){.intro__content{width:700px}}.intro__subtitle{margin-bottom:1em}.page--transform .intro{opacity:0;visibility:hidden}.link{position:absolute;top:35px;left:50%;display:inline-block;font-size:12px;font-weight:300;font-family:Söhne;color:#fff;text-decoration:none;opacity:0;transform:translateX(-50%);transition:opacity .3s ease 1s}.link--right{display:none}@media (min-width:768px){.link{top:50%}.link--right{right:20px;left:auto;display:inline-block;transform:translateY(-50%) rotate(90deg)}.link--right:hover{animation:shakeRight .82s cubic-bezier(.36,.07,.19,.97) both;transform:translate3d(0,-50%,0) rotate(90deg)}.link--left{left:20px;transform:translateY(-50%) rotate(-90deg)}.link--left:hover{animation:shakeLeft .82s cubic-bezier(.36,.07,.19,.97) both;transform:translate3d(0,-50%,0) rotate(-90deg)}.link:hover{backface-visibility:hidden;perspective:1000px}}@media (hover:none){.link:hover{animation:none;transform:translateX(-50%)}}@media (hover:none) and (min-width:768px){.link:hover--left{transform:translateY(-50%) rotate(-90deg)}.link:hover--right{transform:translateY(-50%) rotate(90deg)}}.page--transformed .link{opacity:1}.page--transformed .link img{width:5em}.noise{position:fixed;inset:0;z-index:99999;pointer-events:none}.noise:before{position:absolute;top:-100%;left:-50%;z-index:1;width:300%;height:285%;background-image:url(../images/noise.png);animation:grain 7s steps(10) infinite;content:"";opacity:.3;transition:opacity .4s ease}@keyframes grain{0%{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translate(-5%,-10%)}80%{transform:translate(-15%,5%)}90%{transform:translate(3%,35%)}to{transform:translate(-10%,10%)}}.page{position:relative;width:100%;height:100dvh;margin:0;overflow:hidden}.page:before{position:absolute;top:-50dvh;left:-50%;width:200dvw;height:200%;background-image:linear-gradient(45deg,#000 5%,#111 50%);content:""}.page:after{display:none;content:"xs"}.page__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}@media (min-width:576px){.page:after{content:"sm"}}@media (min-width:768px){.page:after{content:"md"}}@media (min-width:992px){.page:after{content:"lg"}}@media (min-width:1200px){.page:after{content:"xl"}}@media (min-width:1600px){.page:after{content:"xxl"}}.snow{position:absolute;opacity:1;transition:opacity .3s ease}.snow--weak{opacity:.25}.snow-floor{position:absolute;bottom:0;left:0;right:0;z-index:99;height:0;background-color:#f8fff8;mix-blend-mode:difference;pointer-events:none;transition:height .5s ease}.text__point{color:var(--color-primary)}.text__italic{font-style:italic}.title{color:#f8fff8}.title--1{font-size:2.5em;font-weight:400;line-height:1.2;margin:0}@media (min-width:576px){.title--1{font-size:3.5em}}@media (min-width:768px){.title--1{font-size:5em}}.title--2{font-size:1em;font-weight:300;line-height:1.2}@media (min-width:576px){.title--2{font-size:1.5em}}@media (min-width:768px){.title--2{font-size:2em}}.toggle{position:absolute;right:2rem;bottom:2rem;display:none}@media (any-hover:hover) and (min-width:768px){.toggle{display:block}}.toggle__container{transform:rotate(-90deg) translateX(100%);transform-origin:bottom right}.toggle__switch{position:relative;display:-ms-flexbox;display:flex;width:100%;height:18px;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;cursor:pointer}.toggle__label{font-size:12px;color:#f8fff8;margin-top:-2px;padding-left:45px}.toggle__slider{position:absolute;top:0;bottom:0;width:35px;background-color:hsla(0,0%,7%,.9);border:1px solid #fff;border-radius:999px;transition:background-color .3s ease}.toggle__slider:before{position:absolute;top:1px;left:1px;width:14px;height:14px;background-color:#fff;border-radius:999px;transition:left .3s ease,background-color .3s ease;content:""}.toggle input{display:none}.toggle input:checked~.toggle__slider:before{left:20px;background-color:var(--color-primary)}
/*# sourceMappingURL=main.css.map */