@import url(https://fonts.googleapis.com/css?family=Sulphur+Point&display=swap);@media (max-width:1920px){html{font-size:14px}}@media screen and (max-width:1920px) and (min-width:100px){html{font-size:calc(14px + 4*(100vw - 100px)/1820)}}@media screen and (max-width:1920px) and (min-width:1920px){html{font-size:18px}}@media (min-width:1920px){html{font-size:18px}}body{font-family:"Nunito Sans",sans-serif;letter-spacing:.05em;color:#000}body,html{min-width:100vw;min-height:100vh}button,input,p,select{font-size:1rem;color:#000;line-height:1.3em}.h1,.h2,h1,h2{font-size:1.266rem;font-family:"Nunito Sans",sans-serif;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.h3,h3{font-size:1.125rem;text-transform:none;margin-bottom:1em}.h4,.h5,.h6,h4,h5,h6{margin:0 0 1em}a{color:#000;text-decoration:none}a:hover{-webkit-text-decoration-color:#202020;text-decoration-color:#202020;text-decoration:underline}*,:after,:before{box-sizing:border-box}.App{height:100vh}body{margin:0;padding:0;background:#000}#root,body{overflow:hidden}#root{width:100vw;height:100vh}.loading{padding:10px;transform:translate3d(-50%,-50%,0);color:#8b8b8b}.scrollArea{width:100vw;height:100vh;overflow:auto;-webkit-overflow-scrolling:touch}.frame,.scrollArea{position:absolute;top:0;left:0}.frame{width:100%;padding:1.5rem;z-index:2}.frame__title{font-size:inherit;font-weight:400;margin:0}.frame__links{margin:1rem 0}.frame__link:not(:last-child){margin-right:1rem}.frame__nav .frame__link:first-child{margin-right:1.5rem}.home-cta{background-color:transparent;border:none;padding:0;display:flex;align-items:center;justify-content:center;left:50%;z-index:3;top:50%;margin-top:-25vh;position:relative;position:fixed;top:0;transform:translate3d(-50%,0,0);cursor:pointer}@media (orientation:landscape){.home-cta{margin-top:255vh}}@media (min-width:720px){.home-cta{margin-top:-5vh}}.canvas>div{z-index:10000000}.scrollButton{position:fixed;bottom:0;top:auto;z-index:3;width:100vw;height:5rem;cursor:pointer}.scrollButton[data-visible=false]{display:none;cursor:default}.scrollCTA{position:fixed;top:auto;z-index:3;width:100vw;height:10rem;bottom:calc(50vh - 2em);cursor:pointer}@media (min-width:720px){.scrollCTA{bottom:calc(50vh - 8em)}}.scrollCTA[data-visible=false]{display:none;cursor:default}.scrollCTA div{position:absolute;top:0;left:0;right:0;bottom:0}@media screen and (min-width:53em){body{overflow:hidden}.frame{display:grid;height:100vh;padding:2rem 3.7rem;pointer-events:none;align-content:space-between;grid-template-columns:50% 50%;grid-template-rows:auto auto auto;grid-template-areas:"title links" "... ..." "... nav"}.frame__title{grid-area:title}.frame__links{grid-area:links;justify-self:end;margin:0}.frame__link{pointer-events:auto}.frame__nav{grid-area:nav;justify-self:end}}.Loader{position:fixed;top:auto;bottom:0;z-index:30;height:6px;width:100vw;background-color:#fff}.Loader .bar{position:absolute;left:0;top:0;bottom:0;will-change:left,right}.Loader .bar1{z-index:2;background-color:#000;-webkit-animation:indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite;animation:indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite}.Loader .bar2{z-index:1;background-color:#fff;-webkit-animation:indeterminate-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;animation:indeterminate-short 2.1s cubic-bezier(.165,.84,.44,1) infinite;-webkit-animation-delay:1.15s;animation-delay:1.15s}.Loader.color-white{background-color:#000}.Loader.color-white .bar1{background-color:#fff}.Loader.color-white .bar2{background-color:#000}@-webkit-keyframes indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@keyframes indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@-webkit-keyframes indeterminate-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}@keyframes indeterminate-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}.page-wrapper{position:relative;max-width:1400px;margin:0 auto;z-index:1;height:100vh;min-height:100vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.page-wrapper[data-menu=true]{overflow:hidden}.page{padding:4em;background-color:#000;min-height:100vh}.page h1{margin-top:0}.page a,.page h1,.page h2,.page h3,.page p{color:#d0c5b9}.page a img,.page h1 img,.page h2 img,.page h3 img,.page p img{width:100%;height:auto}.page h2.label-title{margin-bottom:0}.page .label-subtitle{margin-top:0}.page .demos{padding-top:2rem}@media (min-width:720px){.page{padding:8em;max-width:1024px;margin:0 auto}}.gallery,.gallery>div{min-height:100vh}.impressum h2,.impressum h3,.impressum p{word-break:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.impressum p.breakall{word-break:break-all}.header{position:fixed;z-index:3;top:0;left:0;width:100vw;height:4em;display:flex;padding:2.5rem 1.5rem;align-items:center}.header svg{width:2rem;height:2rem}.header svg path{fill:#d0c5b9}@media (min-width:720px){.header{padding:3.5rem}.header svg{width:2.5rem;height:2.5rem}}.menu{position:fixed;z-index:4;width:100vw;height:100vh;top:-10rem;transition:transform .35s cubic-bezier(.83,0,.17,1),opacity .35s cubic-bezier(.83,0,.17,1),-webkit-filter .35s cubic-bezier(.83,0,.17,1);transition:transform .35s cubic-bezier(.83,0,.17,1),opacity .35s cubic-bezier(.83,0,.17,1),filter .35s cubic-bezier(.83,0,.17,1);transition:transform .35s cubic-bezier(.83,0,.17,1),opacity .35s cubic-bezier(.83,0,.17,1),filter .35s cubic-bezier(.83,0,.17,1),-webkit-filter .35s cubic-bezier(.83,0,.17,1);background-color:#d0c5b9;color:#000;display:flex;flex-wrap:wrap;align-items:flex-start;padding:2.5rem 2rem 2rem;opacity:0;-webkit-filter:blur(5px);filter:blur(5px);pointer-events:none}.menu[data-open=true]{transform:translate3d(0,10rem,0);opacity:1;-webkit-filter:blur(0);filter:blur(0);pointer-events:auto}@media (min-width:720px){.menu{border:2rem solid #000}}.menu__close{margin-left:auto;width:2rem;height:2rem;cursor:pointer;position:relative;overflow:hidden;position:absolute;top:2rem;right:2rem;left:auto;z-index:3}@media (min-width:720px){.menu__close{position:relative;top:auto;right:auto}}.menu__close span{width:100%;height:2px;display:block;background-color:#000;transform:rotate(45deg);transform-origin:50% 2px;top:50%;position:relative}.menu__close span:first-child{transform:rotate(135deg)}.menu__inside{width:100%;position:relative;z-index:2;padding:0;display:flex;flex-direction:column;max-height:calc(100vh - 6rem);overflow-y:auto;-webkit-overflow-scrolling:touch}@media (min-width:85rem){.menu__inside{padding:0 calc(100vw - 75rem)}}@media (min-width:720px){.menu__inside{padding:0 4rem}}.menu__list{padding:2rem 0 0;flex-wrap:wrap;align-items:center}.menu__list,.menu__list-item{margin:0;display:flex;justify-content:center}.menu__list-item{list-style-type:none;padding:0 0 0 .5rem}.menu__list-item a:hover{text-decoration:none}.menu__list-item a:hover span{text-decoration:underline}.menu__list-item a:after{content:" |"}.menu__list-item:first-child{padding-left:0}.menu__list-item:last-child a:after{display:none}.hamburger{width:1.6rem;height:1rem;position:relative;margin-left:auto;cursor:pointer}.hamburger span{height:2px;background-color:#d0c5b9;position:absolute;left:0;top:0;width:100%}.hamburger span:nth-child(2){top:calc(50% - 1px)}.hamburger span:nth-child(3){top:auto;bottom:0}.arrow--right{display:flex;width:3rem;height:2rem;position:relative}.arrow--right span{width:100%}.arrow--right:after,.arrow--right:before,.arrow--right span{height:2px;display:block;background-color:#000;position:absolute;top:calc(50% - 1px)}.arrow--right:after,.arrow--right:before{content:"";width:1rem;right:0;transform-origin:100% 0;transform:rotate(-45deg)}.arrow--right:after{transform:rotate(45deg)}.arrow--down{width:3rem;height:2rem;position:relative;cursor:pointer}.arrow--down:after,.arrow--down:before{content:"";background-color:#d0c5b9;height:2px;width:66%;transform-origin:0 0;top:0;position:absolute;left:2px;transform:rotate(45deg)}.arrow--down:after{content:"";transform:rotate(135deg);left:100%}@media (min-width:480px){.arrow--down:after{left:calc(100% - 2px)}}.arrow--title{color:#d0c5b9;padding-bottom:.75rem;cursor:pointer}.arrow-wrapper{background-color:transparent;border:none;padding:0;min-height:0;position:fixed;top:calc(100vh - 5em);z-index:3;display:flex;width:auto;left:50%;align-items:center;flex-direction:column;transform:translate3d(-50%,0,0);margin-top:-5rem;cursor:pointer}@media (min-width:720px){.arrow-wrapper{margin-top:0}}.button--primary{color:#d0c5b9;border:1px solid #d0c5b9;padding:1rem 3rem;justify-content:center}.button--primary,.icons{display:flex;align-items:center}.icons{flex-direction:column;justify-content:flex-start;padding-bottom:1rem}.icons__list{margin:0;padding:0;display:flex;flex-wrap:wrap}.icons__list-item{list-style-type:none;flex-grow:1;flex-shrink:0;flex-basis:33.3%;display:flex;padding:0 0 1.5rem}@media (min-width:720px){.icons__list-item{padding:0 2rem 2rem}}.icons h3{padding-bottom:3rem;margin:0}.icons a{flex-grow:1;flex-shrink:0;flex-basis:33.3%;align-items:center;display:flex;flex-direction:column}.icons a svg{width:2rem;height:2rem}.icons a span{display:block;padding-top:.3rem}@-webkit-keyframes cookieAppear{0%{opacity:0;transform:translateZ(0)}to{opacity:1;transform:translate3d(0,-8em,0)}}@keyframes cookieAppear{0%{opacity:0;transform:translateZ(0)}to{opacity:1;transform:translate3d(0,-8em,0)}}@-webkit-keyframes cookieAppearReverse{0%{opacity:1;transform:translate3d(0,-8em,0)}to{opacity:0;transform:translateZ(0)}}@keyframes cookieAppearReverse{0%{opacity:1;transform:translate3d(0,-8em,0)}to{opacity:0;transform:translateZ(0)}}.cookieConsent__wrapper{padding:2em;position:fixed;bottom:-8em;top:auto;z-index:30;width:100%;left:0;line-height:1.4em}.cookieConsent__wrapper a{text-decoration:underline}.cookieConsent__wrapper[data-show=true]{-webkit-animation:cookieAppear .35s cubic-bezier(.83,0,.17,1) forwards;animation:cookieAppear .35s cubic-bezier(.83,0,.17,1) forwards;-webkit-animation-delay:.65s;animation-delay:.65s}.cookieConsent__wrapper[data-show=false]{-webkit-animation:cookieAppearReverse .35s cubic-bezier(.83,0,.17,1) forwards;animation:cookieAppearReverse .35s cubic-bezier(.83,0,.17,1) forwards}.cookieConsent__wrapper .cookieConsent{width:100%;display:flex;align-items:flex-start}@media (max-width:720px){.cookieConsent__wrapper .cookieConsent{flex-wrap:wrap;justify-content:center}}.cookieConsent__wrapper .cookieConsent button{margin-left:1em;min-width:6em;display:block;white-space:nowrap;text-align:center;border:1px solid #000;flex-shrink:0;cursor:pointer}@media (max-width:720px){.cookieConsent__wrapper .cookieConsent button{margin-top:1.5em}}.mailchimp{display:flex;flex-direction:column;align-items:center;border-top:2px solid #000;border-bottom:2px solid #000;padding:2rem 0}.mailchimp h3{margin-top:0}.mailchimp input{background-color:transparent;border:none;border-bottom:2px solid #000;padding-bottom:.25em;min-width:9rem;border-radius:0}.mailchimp button{border:none;cursor:pointer;background-color:transparent;position:relative;top:calc(1rem + 1px);padding-left:.7rem;padding-right:0;transition:transform .3s cubic-bezier(.83,0,.17,1)}.mailchimp button:hover{transform:translate3d(.7rem,0,0)}.mailchimp button span{display:none}.mailchimp button .arrow span{display:block}.mailchimp button svg{height:1.5rem;width:3rem;position:relative;top:1rem}.mailchimp .form{display:flex;justify-content:flex-end}.mailchimp .menu__close{width:2rem;height:2rem}.mailchimp .menu__close span{background-color:#d0c5b9}.mailchimp .messages{opacity:0;position:fixed;top:50%;left:50%;transform:translate3d(calc(-50% - 2rem),-50%,0);background-color:#000;color:#d0c5b9;z-index:3;padding:2rem;max-width:30rem;-webkit-filter:blur(10px);filter:blur(10px);cursor:pointer;transition:transform .3s cubic-bezier(.83,0,.17,1),opacity .3s cubic-bezier(.83,0,.17,1),-webkit-filter .3s cubic-bezier(.83,0,.17,1);transition:transform .3s cubic-bezier(.83,0,.17,1),opacity .3s cubic-bezier(.83,0,.17,1),filter .3s cubic-bezier(.83,0,.17,1);transition:transform .3s cubic-bezier(.83,0,.17,1),opacity .3s cubic-bezier(.83,0,.17,1),filter .3s cubic-bezier(.83,0,.17,1),-webkit-filter .3s cubic-bezier(.83,0,.17,1)}.mailchimp .messages[data-visible=true]{transform:translate3d(-50%,-50%,0);-webkit-filter:blur(0);filter:blur(0);opacity:1}.mailchimp .messages .countdown{padding-top:1rem}
/*# sourceMappingURL=main.ad4a8eb5.chunk.css.map */