.app{width:100%;height:100vh;margin:0;padding:0;overflow:scroll;-webkit-font-smoothing:antialiased}.component-wrapper{opacity:0;pointer-events:none}body{background-color:#000;background:unset;color:#fff}#giant-scroll{width:100vw;height:100000vh;background-color:#000;position:absolute;top:0}.section--saen{pointer-events:none}.section{width:100vw;height:100vh;top:0;left:0}@font-face{font-family:"reg";src:url(/static/media/Redaction_20-Regular.7dc288ea.woff2)}@font-face{font-family:"pixel";src:url(/static/media/Redaction_50-Regular.e7f888f0.woff2)}@font-face{font-family:"title";src:url(/static/media/FHCordelia-Regular.0a64a4b8.woff)}.scrollcount{position:fixed;z-index:4000000;top:20px;left:20px;background-color:#fff;width:100px;height:30px;color:#000;font-size:24px;text-align:center;border:1px solid #000;border-radius:10px}.userid{position:fixed;z-index:10000000000000000000;color:#fff;bottom:8px;right:8px;font-family:sans-serif;opacity:.4}.userid:hover{cursor:pointer;color:#ff4500;opacity:1}body,html{width:100%;height:100%;padding:0;margin:0;overflow-x:hidden}.skrollable{position:fixed;z-index:100}.skrollable .skrollable,.skrollr-mobile .skrollable{position:absolute}.skrollable .skrollable .skrollable{position:static}.image__container{position:relative;width:100%}.image__wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.image__wrapper img{width:100%;height:100%;object-fit:cover}.image__container.mode--cover{width:100%;height:100%;overflow:hidden}.lazyloaded{width:100%;height:100%;object-fit:contain}#intro{height:100vh}.intro__background-2{background-position:50%;background-size:cover;background-repeat:no-repeat;z-index:20;top:0;left:0;width:100vw;height:100vh}.intro__background-2 img{width:100%;height:100%;object-fit:cover}.section--intro{display:flex;align-items:center;justify-content:center}.intro__introVideo{z-index:3;width:25vh;border-radius:50%;overflow:hidden;-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-property:opacity;transition-property:opacity;left:calc(50vw - 12.5vh)}.intro__presentationVideo{z-index:2;height:100vh;width:100vw;top:0;left:0;padding:70px 30px;display:flex;align-items:center;justify-content:flex-start;box-sizing:border-box}.intro__introVideo video,.intro__presentationVideo video{object-fit:contain;width:100%;height:100%;vertical-align:middle;object-position:top;z-index:2}h2{font-family:"pixel";font-size:30px;color:#fff;line-height:30px;margin:0}h1{font-family:"title";font-size:6vw;color:transparent;-webkit-text-stroke:.1px #fff;color:hsla(0,0%,100%,.3);-webkit-font-smoothing:antialiased}.intro__text{z-index:30;text-align:center;line-height:15vh;padding:15vh;box-sizing:border-box;flex-direction:column}.intro__click,.intro__text{top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.intro__click{position:fixed;z-index:1000;background-color:#000;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:"background-color";transition-property:"background-color"}.intro__click__square{width:calc(25vh - 4px);height:calc(25vh - 4px);background-color:#000;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;font-family:"reg";z-index:5;margin-left:-1px;margin-top:-1px;pointer-events:none;color:#000;border:1px solid #fff}.intro__click__square:hover{background-color:transparent}.intro__floater--1{height:400px;width:300px}.intro__floater--2{height:200px;width:600px}.intro__floater img{width:100%;height:100%;object-fit:contain}.saen__flowers{width:100vw;height:0;overflow:visible;bottom:0;left:0;display:flex;align-items:space-around;justify-content:space-around;z-index:100000000;pointer-events:all}#saen{z-index:10000000}.saen__flowers img{height:100%;vertical-align:bottom;display:inline;-webkit-transform-origin:bottom;transform-origin:bottom;object-position:bottom}.flower{opacity:.4;z-index:100000000;-webkit-filter:grayscale(100%);filter:grayscale(100%)}.flower1{-webkit-animation:wave2 11s ease-in-out infinite;animation:wave2 11s ease-in-out infinite;-webkit-animation-name:glow;animation-name:glow;-webkit-animation-duration:1s;animation-duration:1s}.flower2{-webkit-animation:wave 8s ease-in-out infinite;animation:wave 8s ease-in-out infinite}.flower3{-webkit-animation:wave2 10s ease-in-out infinite;animation:wave2 10s ease-in-out infinite}.flower4{-webkit-animation:wave 9s ease-in-out infinite;animation:wave 9s ease-in-out infinite}.flower5{-webkit-animation:wave2 7s ease-in-out infinite;animation:wave2 7s ease-in-out infinite}.flower6{-webkit-animation:wave 8s ease-in-out infinite;animation:wave 8s ease-in-out infinite}.flower7{-webkit-animation:wave2 6s ease-in-out infinite;animation:wave2 6s ease-in-out infinite}.underline{text-decoration:underline}.saen__text{top:50px;width:510px;font-family:"reg";color:#fff;line-height:150%;font-size:2.7vh;pointer-events:all;z-index:1000000}.saen__text a{color:#fff}.saen__text input{background-color:transparent;border:none;border-bottom:1px solid #fff;outline:none;width:175px;color:#fff;text-transform:uppercase;pointer-events:all;z-index:30}.saen__text input::-webkit-input-placeholder{color:#fff}.saen__text input:-ms-input-placeholder{color:#fff}.saen__text input::-ms-input-placeholder{color:#fff}.saen__text input::placeholder{color:#fff}.saen__qr{width:120px;height:120px;margin-bottom:30px;right:0;float:right;margin-left:20px;padding-top:5px}.saen__qr svg{object-fit:contain;width:100%;height:100%;-webkit-transform:scale(.5);transform:scale(.5);top:0;left:0;margin-left:-85px;margin-top:-65px;border:3px solid #fff}.saen__title{font-family:"title";font-size:100px;text-align:center;width:100vw;margin-bottom:10px;padding-left:5px;z-index:10;letter-spacing:5px;text-align:right;color:hsla(0,0%,100%,.8);top:60px;right:30px}.userphoto{width:100vw;height:100vh;letter-spacing:0;z-index:9;box-sizing:border-box}img{width:100%;height:100%;object-fit:contain}.userphoto{width:80vh;height:80vh;margin-top:10vh;margin-left:calc(50vw - 40vh);object-position:center;object-fit:cover!important;position:fixed;top:0;left:0}.react-p5,.react-p5 canvas,.userphoto .p5Seed,.userphoto img{width:100%;height:100%;left:0;top:0}.userphoto .p5Seed{width:80vh;height:80vh}.saen__ty{width:600px;height:100vh;top:-20px;left:calc(50vw - 300px);color:#fff;line-height:130%;font-family:"pixel";font-size:40px;display:flex;align-items:center;justify-content:center}.saen__ty p{height:100px;text-align:center;width:600px}.saen__si{width:600px;height:20px;top:550px;left:300px;color:#fff;line-height:130%;font-family:"pixel";text-align:right}.saen__waiting{width:100vw;text-align:center;top:30vh;font-family:"pixel";opacity:1;font-size:30px;line-height:50%}.saen__waiting p:first-child{margin-bottom:100px}.saen__step{width:100%;height:100%;top:0;left:0;font-family:"pixel";font-size:120px;position:fixed}.saen__step__s{left:5vw;top:4vh}.saen__step__t{left:23vw;top:12vh}.saen__step__e{left:40vw;top:8vh}.saen__step__p{left:59vw;top:14vh}.saen__step__i{left:76vw;top:47vh}.saen__step__n{left:85vw;top:53vh}.saen__scroll,.saen__stroll{color:#fff;top:0;left:0;letter-spacing:5px;font-family:monospace;font-size:30px;text-align:center;width:100%;top:calc(50vh - 50px)}.saen__stroll{-webkit-animation:blinkStroll .8s infinite;animation:blinkStroll .8s infinite}.saen__scroll{-webkit-animation:blinkScroll .8s infinite;animation:blinkScroll .8s infinite}.userphoto__info{right:10px;bottom:5px;font-family:"reg";font-size:25px;color:#fff;text-shadow:2px 2px #000;width:400px;text-align:right;line-height:125%;position:absolute}.saen__compost{width:270px;top:calc(30vh + 180px);left:calc(50vw - 145px)}.saen__compost img{opacity:.4}.saen__compost img:hover{-webkit-transform:scale(3);transform:scale(3);opacity:1;-webkit-transition-duration:.5s;transition-duration:.5s;cursor:crosshair}@-webkit-keyframes blinkStroll{0%{opacity:0}9%{opacity:0}10%{opacity:1}30%{opacity:1}31%{opacity:0}61%{opacity:0}62%{opacity:1}to{opacity:1}}@keyframes blinkStroll{0%{opacity:0}9%{opacity:0}10%{opacity:1}30%{opacity:1}31%{opacity:0}61%{opacity:0}62%{opacity:1}to{opacity:1}}@-webkit-keyframes blinkScroll{0%{opacity:1}9%{opacity:1}10%{opacity:0}30%{opacity:0}31%{opacity:1}61%{opacity:1}62%{opacity:0}to{opacity:0}}@keyframes blinkScroll{0%{opacity:1}9%{opacity:1}10%{opacity:0}30%{opacity:0}31%{opacity:1}61%{opacity:1}62%{opacity:0}to{opacity:0}}@-webkit-keyframes wave{0%{-webkit-transform:rotate(3deg) translateZ(-1px);transform:rotate(3deg) translateZ(-1px)}25%{-webkit-transform:rotate(-4deg) translateZ(-1px);transform:rotate(-4deg) translateZ(-1px)}50%{-webkit-transform:rotate(2deg) translateZ(-1px);transform:rotate(2deg) translateZ(-1px)}75%{-webkit-transform:rotate(-6deg) translateZ(-1px);transform:rotate(-6deg) translateZ(-1px)}to{-webkit-transform:rotate(3deg) translateZ(-1px);transform:rotate(3deg) translateZ(-1px)}}@keyframes wave{0%{-webkit-transform:rotate(3deg) translateZ(-1px);transform:rotate(3deg) translateZ(-1px)}25%{-webkit-transform:rotate(-4deg) translateZ(-1px);transform:rotate(-4deg) translateZ(-1px)}50%{-webkit-transform:rotate(2deg) translateZ(-1px);transform:rotate(2deg) translateZ(-1px)}75%{-webkit-transform:rotate(-6deg) translateZ(-1px);transform:rotate(-6deg) translateZ(-1px)}to{-webkit-transform:rotate(3deg) translateZ(-1px);transform:rotate(3deg) translateZ(-1px)}}@-webkit-keyframes glow{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes glow{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes wave2{0%{-webkit-transform:rotate(0deg) translateZ(-1px);transform:rotate(0deg) translateZ(-1px)}25%{-webkit-transform:rotate(-3deg) translateZ(-1px);transform:rotate(-3deg) translateZ(-1px)}50%{-webkit-transform:rotate(3deg) translateZ(-1px);transform:rotate(3deg) translateZ(-1px)}75%{-webkit-transform:rotate(-1deg) translateZ(-1px);transform:rotate(-1deg) translateZ(-1px)}to{-webkit-transform:rotate(0deg) translateZ(-1px);transform:rotate(0deg) translateZ(-1px)}}@keyframes wave2{0%{-webkit-transform:rotate(0deg) translateZ(-1px);transform:rotate(0deg) translateZ(-1px)}25%{-webkit-transform:rotate(-3deg) translateZ(-1px);transform:rotate(-3deg) translateZ(-1px)}50%{-webkit-transform:rotate(3deg) translateZ(-1px);transform:rotate(3deg) translateZ(-1px)}75%{-webkit-transform:rotate(-1deg) translateZ(-1px);transform:rotate(-1deg) translateZ(-1px)}to{-webkit-transform:rotate(0deg) translateZ(-1px);transform:rotate(0deg) translateZ(-1px)}}.saen__floater--2{width:200px;right:40px;top:40px}.saen__floater--3{mix-blend-mode:difference;width:250px}.saen__floater--1{width:200px}.saen__text__1{z-index:10000}.trail{position:absolute;height:26px;width:26px;border-radius:3px;background-size:contain;background-repeat:no-repeat;pointer-events:none}#keimen{width:100vw;height:100vh;z-index:10000}.breather{-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-property:"opacity";transition-property:"opacity"}.seed-container{z-index:30}.seeds{width:300px;height:auto;left:400px;top:200px}.seeds--2{margin-left:-100px;margin-top:-30px}.seeds--3{margin-left:100px;margin-top:50px}.seeds--4{margin-left:200px;margin-top:-10px}.seeds--5{margin-left:-100px;margin-top:70px}.keimen__hand{width:500px;height:400px;top:200px}.keimen__datavid{width:600px;height:700px;left:10vw}.keimen__datavid img{width:200px}.keimen__slogan{bottom:150px;width:420px;font-family:"reg";font-size:25px;text-align:center;position:absolute;z-index:100;left:30px;margin-left:100vw;display:none;-webkit-transition-duration:10s;transition-duration:10s;-webkit-transition-property:margin-left;transition-property:margin-left;height:70px}.keimen__slogan p{width:100%;margin:0}.keimen__slogan p:last-child{-webkit-animation:cross 15s linear forwards;animation:cross 15s linear forwards;padding-top:15px;margin-top:-17px;overflow:hidden}.keimen__slogan1{width:100%;height:100%;font-size:45vh;font-family:"reg";-webkit-text-stroke:#fff 1px;color:transparent;top:0;left:0;line-height:120%}.keimen__slogan1--e,.keimen__slogan1--f{font-size:110px;text-align:center;line-height:110%}.keimen__slogan1--c,.keimen__slogan1--d{font-size:30vh;line-height:110%}.keimen__binary{width:600px;height:auto;top:100px;margin-left:30px;opacity:.5;z-index:100000}.keimen__vege1{width:100%;height:100%;padding:10vw;top:0;left:5vw;z-index:2;box-sizing:border-box}.keimen__vege2{width:calc(100% - 20vw);height:calc(100% - 20vw);z-index:3;margin-left:5vw}.keimen__vege1 video,.keimen__vege2 video{width:100%;height:100%;object-fit:contain}.keimen__computer1{width:30%;height:30%;padding:200px;left:0;top:0;display:flex;align-items:center;justify-content:center}.keimen__background{width:100vw;height:100vh;top:0;left:0;background-image:url(https://a.storyblok.com/f/107910/1280x802/7968e6c040/branching1.png);background-size:1000px;opacity:.1;z-index:0}.keimen__text{width:600px;right:-200px;font-size:30px;font-family:"reg";line-height:120%}.keimen__text p:hover{font-size:50px;line-height:120%;margin-left:-240px;cursor:pointer;padding-right:200px}.keimen__seed{width:100px;position:absolute;height:100px}.keimen__garden{padding:100px;box-sizing:border-box;z-index:100000000}.keimen__garden,.keimen__title{top:0;left:0;width:100vw;height:100vh}.keimen__title{font-family:"title";font-size:100px;text-align:center;line-height:100%;margin-top:calc(50vh - 70px)}.keimen__title span{font-family:"reg";font-size:20px;display:block;margin-top:-30px}@-webkit-keyframes cross{0%{width:0;border-top:2px solid #fff;color:hsla(0,0%,100%,0)}70%{width:0;border-top:2px solid #fff;color:hsla(0,0%,100%,0)}90%{width:100%;border-top:2px solid #fff;color:hsla(0,0%,100%,0)}to{width:100%;border-top:2px solid #fff;color:#fff}}@keyframes cross{0%{width:0;border-top:2px solid #fff;color:hsla(0,0%,100%,0)}70%{width:0;border-top:2px solid #fff;color:hsla(0,0%,100%,0)}90%{width:100%;border-top:2px solid #fff;color:hsla(0,0%,100%,0)}to{width:100%;border-top:2px solid #fff;color:#fff}}.keimen__slogan2{width:100%;height:100%;pointer-events:none;align-items:center;justify-content:center;top:0;left:0}.keimen__slogan2 p{font-family:"reg";text-align:left;line-height:115%;color:#d3d3d3}.keimen__slogan2 p,.keimen__slogan-6{font-size:20px;-webkit-animation:blink .1s infinite;animation:blink .1s infinite}.keimen__slogan-6{width:200px}.keimen__slogan-3,.keimen__slogan-4,.keimen__slogan-5{font-family:"pixel";font-size:20px}.keimen__slogan-7,.keimen__slogan-8{width:800px;font-family:"reg";font-size:30px}.keimen__bibli{width:100vw;height:100vh;top:0;left:0;font-family:"reg";font-size:6vw;text-align:center;z-index:1;align-items:center;justify-content:center}.keimen__bibli p{margin:0;-webkit-animation:bibli 3s ease-in-out infinite;animation:bibli 3s ease-in-out infinite}@-webkit-keyframes bibli{0%{margin-top:-20px}50%{margin-top:0}to{margin-top:-20px}}@keyframes bibli{0%{margin-top:-20px}50%{margin-top:0}to{margin-top:-20px}}.keimen__floater{pointer-events:none;width:200px}.keimen__floater--6{width:600px!important}.keimen__floater--5{width:400px!important}.wrapper{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;background-color:#fff}.breather{position:fixed;height:200px;width:200px;top:calc(50% - 35vw);left:calc(50% - 35vw);margin:20px auto 0}.breathing--circle{background:transparent;border:.1px solid #f4f4f4;opacity:.2;position:absolute;top:40%;left:40%;width:20%;height:20%;border-radius:50%;-webkit-animation-duration:8s;animation-duration:8s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.breathing--circle--a{z-index:99;-webkit-transform:scale(1);transform:scale(1);-webkit-animation-name:breathe-a;animation-name:breathe-a}.breathing--circle--b{z-index:98;-webkit-transform:scale(2);transform:scale(2);-webkit-animation-name:breathe-b;animation-name:breathe-b}.breathing--circle--c{z-index:97;-webkit-transform:scale(3);transform:scale(3);-webkit-animation-name:breathe-c;animation-name:breathe-c}@-webkit-keyframes breathe-a{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(3);transform:scale(3)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes breathe-a{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(3);transform:scale(3)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes breathe-b{0%{-webkit-transform:scale(2);transform:scale(2)}50%{-webkit-transform:scale(3);transform:scale(3)}to{-webkit-transform:scale(2);transform:scale(2)}}@keyframes breathe-b{0%{-webkit-transform:scale(2);transform:scale(2)}50%{-webkit-transform:scale(3);transform:scale(3)}to{-webkit-transform:scale(2);transform:scale(2)}}@-webkit-keyframes breathe-c{0%{-webkit-transform:scale(3);transform:scale(3)}40%{-webkit-transform:scale(3.3);transform:scale(3.3)}to{-webkit-transform:scale(3);transform:scale(3)}}@keyframes breathe-c{0%{-webkit-transform:scale(3);transform:scale(3)}40%{-webkit-transform:scale(3.3);transform:scale(3.3)}to{-webkit-transform:scale(3);transform:scale(3)}}.people{width:470px;color:#fff;font-family:"reg";border:1px solid #fff;border-radius:60px;height:30px;position:fixed;top:20px;right:20px;line-height:30px;text-align:center;z-index:300;pointer-events:none}.verzweigen__background img{width:100%;height:100%;object-fit:cover;z-index:5}.verzweigen__title{right:20px;text-align:right;font-family:"title";font-size:80px;letter-spacing:5px;color:#fff;bottom:120px;width:100%;text-transform:uppercase;z-index:2}.verzweigen__text1{left:0;font-size:7vw;width:400vw;height:30vw;font-family:"reg";margin-left:30px;-webkit-transform-origin:center;transform-origin:center;line-height:100%;z-index:3;color:transparent;-webkit-text-stroke:1px #fff}.verzweigen__text1 p{margin-top:0;margin-bottom:0}.verzweigen__text1__b{margin-left:100vw}.verzweigen__text1__c{margin-left:200vw}.verzweigen__text1__d{margin-left:300vw}.verzweigen__video1,.verzweigen__video2{width:100%;height:100%;top:0;left:0;z-index:1;padding:100px;box-sizing:border-box}.verzweigen__video1 video,.verzweigen__video2 video{width:100%;height:100%;object-fit:contain}.verzweigen__lines{top:0;left:0;z-index:100000;pointer-events:all}.verzweigen__text2{left:0;top:0;-webkit-transform-origin:center;text-transform:uppercase;font-size:100px;line-height:80%;width:100vw;height:100vh;color:transparent;z-index:3000000000;display:flex;transform-origin:center;position:fixed;mix-blend-mode:difference;font-family:sans-serif;align-items:center;justify-content:center;padding:0}.verzweigen__text2__container{width:100vh;height:100vw;-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);margin-left:30px;margin-bottom:30px}.verzweigen__text2 p{overflow:hidden;word-break:break-all;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0;-webkit-text-stroke:1px #fff;color:#fff}@-webkit-keyframes dash{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}@keyframes dash{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}.verzweigen__gif1{width:100vw;height:100vh;pointer-events:none;padding:20vw}.gif1__block{left:30vw;top:30vw;position:fixed}.gif1__block,.gif1__block--2{width:300px;height:300px;object-fit:cover}.gif1__block--2{-webkit-filter:invert(1);filter:invert(1);margin-left:100px;margin-top:10vh}.gif1__block--101,.gif2__block--101{margin-top:15vh}.gif1__block--102,.gif2__block--102{margin-top:30vh}.gif1__block--103,.gif2__block--103{margin-top:45vh}.gif1__block--104,.gif2__block--104{margin-top:60vh}.gif1__block--105,.gif2__block--105{margin-top:75vh}.gif1__block--106,.gif2__block--106{margin-top:90vh}.verzweigen__text3{width:100%;height:100%;top:100px;left:100px;font-size:90px;font-family:"title";color:#fff;line-height:100%;z-index:1000}.verzweigen__text3__w{-webkit-text-stroke:#fff 1px;color:transparent;margin-right:30px;-webkit-animation:slowblink 4s ease-in-out infinite;animation:slowblink 4s ease-in-out infinite}#verzweigen__algo,#verzweigen__all{position:absolute;right:200px;bottom:170px;color:#ff4500;-webkit-text-stroke:#fff 1px;display:block;opacity:.2;-webkit-animation:blink 1s infinite;animation:blink 1s infinite}.verzweigen__text3__w:hover{color:#ff4500;cursor:pointer;-webkit-animation-duration:0s;animation-duration:0s}.verzweigen__text3__welt{-webkit-animation-delay:2s;animation-delay:2s}.verzweigen__text3__wald:hover~#verzweigen__algo,.verzweigen__text3__welt:hover~#verzweigen__all{opacity:1;-webkit-animation:blink .1s infinite;animation:blink .1s infinite}.verzweigen__text3__wald:hover~.gif2__block,.verzweigen__text3__welt:hover~.gif1__block{border:1px solid #ff4500}.verzweigen__lines{display:none}.verzweigen__lines,.verzweigen__lines__container{position:fixed;top:0;left:0;width:100%;height:100%}.verzweigen__lines__container{display:none;pointer-events:none}.verzweigen__lines div div{position:fixed;-webkit-transform-origin:right;transform-origin:right}.verzweigen__lines__1__a{width:49vw;-webkit-transform:rotate(3.5deg);transform:rotate(3.5deg)}.verzweigen__lines__1__a,.verzweigen__lines__1__b{top:24vh;right:40.7vw;height:1px;border-bottom:1px solid #fff}.verzweigen__lines__1__b{width:72vh;-webkit-transform:rotate(-40deg);transform:rotate(-40deg)}.verzweigen__lines__1__c{top:24vh;right:40.7vw;width:32vh;height:1px;-webkit-transform:rotate(-80deg);transform:rotate(-80deg);border-bottom:1px solid #fff}.verzweigen__lines__2__a{width:51vw;-webkit-transform:rotate(26deg);transform:rotate(26deg)}.verzweigen__lines__2__a,.verzweigen__lines__2__b{top:55.5vh;right:44.2vw;height:1px;border-bottom:1px solid #fff}.verzweigen__lines__2__b{width:52vh;-webkit-transform:rotate(-16deg);transform:rotate(-16deg)}.verzweigen__lines__2__c{top:55.5vh;right:44.2vw;width:32vh;height:1px;-webkit-transform:rotate(100deg);transform:rotate(100deg);border-bottom:1px solid #fff}.verzweigen__lines__3__a{width:57vh;-webkit-transform:rotate(63deg);transform:rotate(63deg)}.verzweigen__lines__3__a,.verzweigen__lines__3__b{top:70.5vh;right:75.2vw;height:1px;border-bottom:1px solid #fff}.verzweigen__lines__3__b{width:42vw;-webkit-transform:rotate(143deg);transform:rotate(143deg)}.verzweigen__lines__3__c{top:70.5vh;right:75.2vw;width:58vh;height:1px;-webkit-transform:rotate(165deg);transform:rotate(165deg);border-bottom:1px solid #fff}.verzweigen__lines__4__a{width:57vh;-webkit-transform:rotate(-118deg);transform:rotate(-118deg)}.verzweigen__lines__4__a,.verzweigen__lines__4__b{top:20vh;right:90.2vw;height:1px;border-bottom:1px solid #fff}.verzweigen__lines__4__b{width:50vw;-webkit-transform:rotate(203.5deg);transform:rotate(203.5deg)}.verzweigen__lines__4__c{top:20vh;right:90.2vw;width:49vw;height:1px;-webkit-transform:rotate(182deg);transform:rotate(182deg);border-bottom:1px solid #fff}.verzweigen__hovercircles{width:100%;height:100%;left:0;top:0;position:fixed;opacity:.3;z-index:100000}.verzweigen__hovercircles__1{height:23vh;width:23vh;position:fixed;right:37.5vw;top:44vh;border-radius:50%;cursor:pointer}.verzweigen__hovercircles__2{height:33vh;width:33vh;position:fixed;right:33.5vw;top:9vh;border-radius:50%;cursor:pointer}.verzweigen__hovercircles__3{height:42vh;width:42vh;position:fixed;right:61vw;top:49vh;border-radius:50%;cursor:pointer}.verzweigen__hovercircles__4{height:20vh;width:20vh;position:fixed;right:83vw;top:11vh;border-radius:50%;cursor:pointer}.verzweigen__hovercircles__1:hover~.verzweigen__lines__2,.verzweigen__hovercircles__2:hover~.verzweigen__lines__1,.verzweigen__hovercircles__3:hover~.verzweigen__lines__3,.verzweigen__hovercircles__4:hover~.verzweigen__lines__4{display:block}.verzweigen__floater{width:200px}.verzweigen__floater--2{width:400px;margin-top:-200px}.verzweigen__floater--3{width:500px}.verzweigen__floater--1{width:150px}.verzweigen__floater--4{z-index:1000000}.verzweigen__floater--5{width:250px}.verzweigen__branching{width:100vw;height:100vh;top:0;left:0;-webkit-filter:invert(1);filter:invert(1)}.verzweigen__branching img{object-fit:150vh 150vw}.verzweigen__slogan{margin:0;color:#fff;z-index:100000;pointer-events:none}.verzweigen__slogan .slogan__circle{position:fixed;width:100%;padding-bottom:100%;overflow:hidden}.slogan__circle text{font-family:"pixel";font-size:10px;color:#fff}.verzweigen__circle{top:-90vh;left:-40vw;position:fixed;width:1000px;height:1000px;pointer-events:none}.verzweigen__circle text{font-family:sans-serif;font-size:20px;color:#fff}.verzweigen__circle svg{height:200vh}.slogan__circle svg,.verzweigen__circle svg{position:absolute;left:0;top:0;-webkit-animation-name:rotate;animation-name:rotate;-webkit-animation-duration:8s;animation-duration:8s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;width:100%}.verzweigen__slogan--1 .slogan__circle svg{height:75vh}.verzweigen__slogan--1 .slogan__circle text{font-size:10px}.verzweigen__slogan--2 .slogan__circle svg{height:50vh}.verzweigen__slogan--2 .slogan__circle text{font-size:19px}.verzweigen__slogan--3 .slogan__circle svg{height:90vh}.verzweigen__slogan--3 .slogan__circle text{font-size:19px}.verzweigen__slogan--4{top:1vh;left:-40vw}.verzweigen__slogan--4 .slogan__circle svg{height:40vh}.verzweigen__slogan--4 .slogan__circle text{font-size:25px}.verzweigen__slogan:hover>.slogan__circle text{color:red}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(1turn)}to{-webkit-transform:rotate(0)}}@keyframes rotate{0%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}to{-webkit-transform:rotate(0);transform:rotate(0)}}@-webkit-keyframes rotate-reverse{0%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}to{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes rotate-reverse{0%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}to{-webkit-transform:rotate(0);transform:rotate(0)}}.verzweigen__slogan--1{top:-12vh;left:12vh}.verzweigen__slogan--2{top:30vh;left:5vw}.verzweigen__slogan--3{top:25vh;left:-25vw}.verzweigen__slogan--3 .slogan__circle text{fill:"red"!important}.blumen__background-3{opacity:1;z-index:1;background-size:cover}.blumen__background-3,.blumen__background-bright{display:block;top:0;left:0;width:100vw;height:100vh;background-color:#fff}.blumen__background-bright{z-index:116}.blumen__text1{top:0;left:0;font-family:"reg";font-size:30px;text-align:left;color:#000;margin-left:20px;margin-top:10px;line-height:120%}.blumen__round,.blumen__text1{z-index:117;pointer-events:none}.blumen__round{width:150px;height:150px;background:radial-gradient(#ff4500,#fff);background-color:#000;border-radius:50%;left:24vw;top:24vh}.blumen__text2{top:0;left:0;font-family:"title";font-size:50px;text-align:left;color:#fff;margin-left:20px;margin-top:10px;line-height:120%;z-index:118;display:flex;align-items:center;justify-content:center;pointer-events:none;width:100%;height:100%}.blumen__text2 p{height:300px}.blumen__background3__container{top:0;left:0;width:100%;height:100%;z-index:3}.blumen__code{width:600px;height:auto;cursor:pointer;z-index:1000}.blumen__code img{-webkit-transition-duration:.1s;transition-duration:.1s}.blumen__code img:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.blumen__text3{font-family:"pixel";font-size:30px;padding:50px;width:500px;line-height:112%;text-align:center}.blumen__text3 p{margin:0}.blumen__video1,.blumen__video2{width:100%;height:100%;top:0;left:0;padding:50px;box-sizing:border-box;z-index:100000}.blumen__video1 video,.blumen__video2 video{width:100%;height:100%;object-fit:contain}.blumen__garden{width:5000px;height:5000px;right:0;bottom:0;z-index:1000;pointer-events:none}.blumen__garden__flower{width:90px;position:absolute;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.blumen__garden__flower--src0,.blumen__garden__flower--src1{width:70px}.blumen__garden__flower--src2{width:50px}.blumen__garden__flower--src3{width:80px}.blumen__garden__flower--src4{width:40px}.blumen__garden__p{font-size:17px;color:#d3d3d3;font-family:"reg"!important;position:absolute;left:0;top:0;width:400px}.blumen__text4{width:100000px;top:0;font-size:100vh;color:hsla(0,0%,100%,.2);-webkit-text-stroke:2px #fff;font-family:"pixel";opacity:.5;z-index:2;line-height:100vh}.blumen__video2{z-index:1;padding:50px}.blumen__text6{right:0;padding:50px;font-size:20px;width:600px;font-family:monospace}.blumen__title{width:100vw;height:100vh;font-size:100px;font-family:"title";text-align:center;left:0;top:0;line-height:100vh}.blumen__floater{width:150px}.blumen__floater--1{width:300px}.blumen__floater--2{width:400px}.blumen__floater--3{width:200px;opacity:.5}.userphoto--4{-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:opacity;transition-property:opacity}.scroll-indicator{width:40px;height:40px;border:1px solid #fff;border-radius:25px;top:20px;left:18px;position:fixed;z-index:30;box-sizing:border-box;padding-top:16px;padding-left:15px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition-duration:1s;transition-duration:1s}.si__dot{width:6px;height:6px;background-color:#fff;border-radius:50%}#kreuzen,.kreuzen__title{top:0;left:0}.kreuzen__title__1,.kreuzen__title__2{width:40vw;display:flex;align-items:center;justify-content:center;flex-direction:column;height:60vh;font-size:100px;font-family:"title"}.kreuzen__title__1 p span,.kreuzen__title__2 p span{color:transparent}.kreuzen__tag{font-size:40px;font-family:"pixel";width:1000px}.kreuzen__tag__2{margin-top:-130px;width:2000px}.kreuzen__tag__2 p{display:inline-block;margin-right:200px}.kreuzen__binary{width:100%;height:100%;top:0;left:0}.kreuzen__binary__1,.kreuzen__binary__2{font-family:"reg";font-size:30px;width:300px;height:50px;position:absolute;pointer-events:none;text-align:center}.kreuzen__binary__1{left:100px;top:45vh}.kreuzen__binary__2{right:100px;top:45vh}.kreuzen__man{width:100vw;left:0;bottom:0;z-index:2}.kreuzen__man,.kreuzen__man__man{height:200px;position:absolute;pointer-events:none}.kreuzen__man__man{width:100px;bottom:-104px;vertical-align:bottom;object-position:bottom}.kreuzen__man__man img{object-position:top}.kreuzen__geschichte{display:flex;align-items:center;justify-content:center;top:0;left:0;width:100vw;height:100vh;z-index:1}.kreuzen__geschichte p{text-align:left;width:850px;margin-top:-100px;font-family:"pixel";font-size:30px}.kreuzen__video{width:100vw;height:100vh;z-index:2;box-sizing:border-box;padding:50px 50px 50px calc(50vw - 45vh)}.kreuzen__video video{width:90vh;height:100%;object-fit:cover;object-position:center}.kreuzen__text__copy__1,.kreuzen__text__paste__1,.kreuzen__text__paste__2{position:absolute;top:0;left:0;width:500px}.kreuzen__text__copy__1,.kreuzen__text__paste__1,.kreuzen__text__paste__2 span{color:#fff}.kreuzen__text__copy__1 span,.kreuzen__text__paste__1 span,.kreuzen__text__paste__2{color:transparent}.kreuzen__text__paste__1{display:none}.kreuzen__text__copy{top:200px;left:800px;position:absolute;cursor:pointer;z-index:1;font-family:"reg";font-size:18px}#kreuzen .keimen__slogan1{width:1000px}.kreuzen__text__paste{top:150px;left:100px;position:absolute;cursor:pointer;z-index:1;font-family:"reg";font-size:18px}.kreuzen__copy__pfropfen{font-family:"reg";font-size:18px;font-weight:700}.kreuzen__text__copy p,.kreuzen__text__paste p{padding-top:30px}.kreuzen__dating{font-family:"pixel";font-size:30px;z-index:0;padding-left:50px}.kreuzen__garden{font-family:"pixel";font-size:22px;padding:90px;color:#ff4500}.kreuzen__text__copy__1{-webkit-animation:slowblink 1s linear infinite;animation:slowblink 1s linear infinite}.kreuzen__text__paste__2 span{-webkit-animation:slowblink 0s linear infinite;animation:slowblink 0s linear infinite}@-webkit-keyframes slowblink{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@keyframes slowblink{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.vermodern__title,.welken__letters{display:flex;align-items:space-around;justify-content:space-around}.vermodern__title span,.welken__letters span{display:inline-block}.span--empty{color:transparent!important}.welken__title{font-family:"title";font-size:100px;height:100px}.welken__video1{width:100vw;padding:0 15vw;height:100vh;z-index:1;box-sizing:border-box}.welken__video1 video{width:100%;height:100%;object-fit:contain}.welken__video2{display:none}.welken__decay{font-family:"pixel";font-size:30px;height:30px;z-index:2}.welken__decay--2{font-size:50px;height:50px;z-index:2}.welken__decay--3{font-size:250px;height:150px;z-index:2}.welken__zyklus{font-family:"reg";font-size:30px;height:30px}.welken__eternal{font-family:"pixel";font-size:5vw;height:5vw;color:#ff4500;z-index:2}.welken__text1{font-family:"title";line-height:110%;width:100%;height:100%;padding:10%;text-align:center;display:flex;align-items:center;justify-content:center;z-index:1;pointer-events:none;box-sizing:border-box}.welken__text1 p{width:1000vw}.welken__slogan2{font-family:"reg";font-size:30px;height:70px}.welken__slogan3{font-family:"reg";font-size:30px;height:30px}.welken__slogan4{font-family:sans-serif;font-size:25px;height:30px;border:1px solid #ff4500;padding:10px 15px 9px;color:#ff4500;cursor:pointer;text-transform:uppercase}.welken__slogan4:hover{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition-duration:.2s;transition-duration:.2s}.welken__text2{font-family:monospace;text-transform:uppercase;font-size:20px;height:30px;width:800px;right:50px;top:200px}.welken__slogan5{font-family:"reg";font-size:30px;height:30px}.welken__slogan6{font-size:20px;height:20px;width:100vw;text-align:center}.welken__slogan7{font-size:30px;height:30px}.welken__gallery{width:100vw;height:100vh;top:0;left:0;z-index:1000;padding:10vh 5vw}.welken__gallery div{width:100%;height:100%}.vermoden__hcLeave,.welken__galleryLeave{position:fixed;width:200px;border:1px solid #fff;border-radius:2px;height:30px;top:30px;right:30px;z-index:2000000;cursor:pointer;text-align:center;line-height:28px;background-color:transparent}.vermoden__hcLeave button,.welken__galleryLeave button{background-color:transparent;outline:transparent;border:none;color:#fff;font-size:15px;cursor:pointer;width:100%;height:100%;pointer-events:none}.vermoden__hcLeave:hover,.welken__galleryLeave:hover{background-color:hsla(0,0%,100%,.2);cursor:pointer}@-webkit-keyframes blink{0%{-webkit-filter:blur(10px);filter:blur(10px)}20%{-webkit-filter:blur(10px);filter:blur(10px)}21%{-webkit-filter:blur(0);filter:blur(0)}40%{-webkit-filter:blur(0);filter:blur(0)}41%{-webkit-filter:blur(10px);filter:blur(10px)}70%{-webkit-filter:blur(10px);filter:blur(10px)}71%{-webkit-filter:blur(0);filter:blur(0)}80%{-webkit-filter:blur(0);filter:blur(0)}81%{-webkit-filter:blur(10px);filter:blur(10px)}99%{-webkit-filter:blur(10px);filter:blur(10px)}to{-webkit-filter:blur(0);filter:blur(0)}}@keyframes blink{0%{-webkit-filter:blur(10px);filter:blur(10px)}20%{-webkit-filter:blur(10px);filter:blur(10px)}21%{-webkit-filter:blur(0);filter:blur(0)}40%{-webkit-filter:blur(0);filter:blur(0)}41%{-webkit-filter:blur(10px);filter:blur(10px)}70%{-webkit-filter:blur(10px);filter:blur(10px)}71%{-webkit-filter:blur(0);filter:blur(0)}80%{-webkit-filter:blur(0);filter:blur(0)}81%{-webkit-filter:blur(10px);filter:blur(10px)}99%{-webkit-filter:blur(10px);filter:blur(10px)}to{-webkit-filter:blur(0);filter:blur(0)}}.welken__slogan6{top:30vh;left:20vw;text-align:left}.welken__mouse,.welken__slogan6{font-family:"reg";font-size:17px}.welken__mouse{top:50vh;right:20vw;text-align:right}.welken__slogan7{top:70vh;left:20vw;font-family:"reg";font-size:17px}.welken__texthc{width:600px;font-family:"pixel";font-size:30px;margin-left:calc(50vw - 300px);text-align:center;margin-top:-50px}.vermordern__hypercam{width:100vw;height:100vh;padding:100px;box-sizing:border-box}.vermordern__hypercam div,.vermordern__hypercam div iframe{width:100%;height:100%;border:none}.vermodern__end{-webkit-animation:float 4s ease-in-out infinite;animation:float 4s ease-in-out infinite;width:100%;height:calc(100vh + 10px);background-color:hsla(0,0%,100%,.3);display:flex;align-items:center;justify-content:center;flex-direction:column;font-family:"reg";font-size:20px}.vermodern__end p{text-align:left;font-size:25px;margin-top:50px}.vermodern__end p,.vermodern__end span{width:620px;font-family:"pixel";color:#ff4500}.vermodern__end span{font-size:30px;text-transform:u;margin-bottom:30px}@-webkit-keyframes float{0%{margin-top:-10px}50%{margin-top:0}to{margin-top:-10px}}@keyframes float{0%{margin-top:-10px}50%{margin-top:0}to{margin-top:-10px}}.vermodern__title{width:400px;font-family:"title";color:#fff;font-size:100px;text-align:center;margin-top:100px;margin-left:calc(50vw - 200px)}.vermodern__text{width:100%;height:100%;left:0;top:0;text-align:center;font-family:"reg";display:flex;align-items:center;justify-content:center;flex-direction:column}.vermoden__hcLeave{width:100px}.video__time{width:100%;height:20px;bottom:2px;left:0;position:fixed;z-index:20;opacity:0;z-index:10000000}.video__time__cursor{width:0;left:0;border-bottom:2px solid #fff;height:20px;-webkit-animation:cursor 123s linear;animation:cursor 123s linear;position:fixed}.video__time__cursor p{text-align:right;font-size:13px;font-family:"reg";margin-top:0;margin-left:3px}@-webkit-keyframes cursor{0%{width:0}to{width:100%}}@keyframes cursor{0%{width:0}to{width:100%}}.backgrounds{top:0;left:0;width:100vw;height:100vh}.background--inner,.background__container{z-index:1;display:block;top:0;left:0;width:100vw;height:100vh;background-size:cover;pointer-events:none;position:fixed}.background--inner{opacity:.3}.intro__background-1{background-image:url(http://api.tangled-garden.net/assets/4fd464db-f219-436f-8e9a-05f53c6212fe);opacity:1}.background__2{background-image:url(http://api.tangled-garden.net/assets/5de6fa0b-0d8c-4afd-8b18-cf192d81eada)}.background__4{background-image:url(http://api.tangled-garden.net/assets/8dd896a0-897a-4b32-a371-ad49ea7c138b);opacity:.3}.background__5{background-image:url(http://api.tangled-garden.net/assets/bfa2bad8-154a-4729-b6ed-da2d993c79de);opacity:.2}.background__3{background-image:url(http://api.tangled-garden.net/assets/43fa269a-6be3-4db8-813a-f2b95369a812);opacity:.1}.background__6{background-image:url(http://api.tangled-garden.net/assets/30332ab4-d0e5-4925-80af-53e53b807fe2);background-color:rgba(29,111,0,.4);opacity:.3}.background__7{background-image:url(http://api.tangled-garden.net/assets/82c426f1-8dfd-4c85-b712-20aae40f6553);background-color:hsla(0,0%,100%,.5);opacity:.2}.background__8{background-image:url(http://api.tangled-garden.net/assets/9f19f037-3876-4d28-bfcb-8beb24822690);opacity:.2}.background__9{background-image:url(http://api.tangled-garden.net/assets/254e0f11-d3bc-44a8-a897-59dd473eefbf);opacity:.2}.background__11{background-image:url(http://api.tangled-garden.net/assets/61e0a088-e835-4b2e-806a-e8511144008f);opacity:.1}.background__10{background-image:url(http://api.tangled-garden.net/assets/ebaaeae9-f46d-466b-b57b-225dc9d3161c)}.background__12{background-image:url(http://api.tangled-garden.net/assets/d4fdd8e0-7698-473f-8c9f-091d40fcd8b4);opacity:.15}.mobile{display:none;background-color:#000;z-index:2;position:fixed;top:0;left:0;width:100vw;height:100vh}.app{z-index:1}.mobile__title{font-size:70px;text-align:center;width:100%;color:transparent;position:absolute;font-weight:400;-webkit-text-stroke:1px #fff}.upload__computer{bottom:25vw;font-size:20px;z-index:1000;display:none}.mobile__text,.upload__computer{position:absolute;width:100%;text-align:center;font-family:"reg";line-height:130%}.mobile__text{bottom:11vw;font-size:5vw}.mobile__text span{display:block;font-size:.7em}.mobile__plants{position:absolute;opacity:.5}.mobile__plants,.mobile__plants img{width:100%;height:100%;object-fit:cover}.dropzone{display:none}@media(hover:none){.mobile{display:block;width:100%;height:100%;background-color:#000;top:0;left:0;position:fixed;z-index:1000000}.mobile__title{font-size:12vw;text-align:center;top:12vh;width:100%;color:transparent;position:absolute;font-weight:400;-webkit-text-stroke:1px #fff}html{overflow:hidden}.app{display:none}.dropzone{display:block}.upload__computer{display:none}}@media(max-width:600px){.mobile{display:block;width:100%;height:100%;background-color:#000;top:0;left:0;position:fixed;z-index:1000000}.mobile__title{font-size:12vw;text-align:center;top:12vh;width:100%;color:transparent;position:absolute;font-weight:400;-webkit-text-stroke:1px #fff}html{overflow:hidden}.app{display:none}.dropzone{display:block}.upload__computer{display:none}}.closed{display:block;width:100%;height:100%;background-color:#000;top:0;left:0;position:fixed;z-index:1000000}.closed__title{font-family:"title";font-size:60px;-webkit-text-stroke:1px #fff;color:transparent;-webkit-font-smoothing:antialiased;top:40vh;font-weight:400}.closed__text,.closed__title{position:absolute;width:100%;text-align:center}.closed__text{top:calc(40vh + 100px);font-family:"reg";font-size:20px;line-height:130%;opacity:.8}.closed span{display:block;font-size:60px;font-family:"pixel";width:100%;text-align:center;position:absolute;top:calc(50vh + 110px)}.closed__plants{opacity:.5}.closed__plants,.closed__plants img{width:100%;height:100%;object-fit:cover;position:absolute}@media(max-width:800px){.closed__title{font-size:10vw;top:20vh}.closed__text{font-size:2.5vw;top:calc(20vw + 20vh);margin-top:70px;width:50vw;margin-left:25vw}.closed span{font-size:10vw;top:calc(50vh + 100px)}}
/*# sourceMappingURL=main.bb324df6.chunk.css.map */