.imageTop{margin-bottom:6px;opacity:0;transition:all 1s}.imageTopShow{opacity:1}.circleImageTitle,.panoramaImageTitle{margin-top:6px;font-size:14px;font-weight:900;opacity:0;transition:all 1s;text-align:right;margin-right:25%;border-top:1px solid #000}.imageDate{font-size:14px;font-weight:200}.imageTitleShow{opacity:1;margin-right:0}.panoramaTransitionIn{animation:panoramaIn 1s ease-in-out forwards}.panoramaTransitionOut{animation:panoramaOut 1s ease-in-out forwards}@keyframes panoramaIn{0%{clip-path:polygon(25% 0,25% 0,25% 100%,25% 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes panoramaOut{0%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}to{clip-path:polygon(75% 0,75% 0,75% 100%,75% 100%)}}.circleTransitionIn{animation:circleIn .75s ease-in-out forwards}.circleTransitionOut{animation:circleOut .75s ease-in-out forwards}@keyframes circleIn{0%{clip-path:circle(0 at 50% 50%)}to{clip-path:circle(100% at 50% 50%)}}@keyframes circleOut{0%{clip-path:circle(100% at 50% 50%)}to{clip-path:circle(0 at 50% 50%)}}.pointer,.repeatIcon{cursor:pointer}.repeatIcon svg{margin-top:50%;max-width:25vw;fill:none;stroke:#000;stroke-linecap:round;stroke-width:1%}.repeatIcon use{stroke:#fff;animation:a 10s linear infinite}@keyframes a{to{stroke-dashoffset:0px}}.hidden{display:none!important}.vissible{cursor:pointer;background-color:#fff;position:fixed;left:0;right:0;z-index:99999;height:100%;display:flex;justify-content:center;align-items:center;background-image:url(https://www.stykki.de/assets/click.svg);background-position:center 10%;background-size:35% 35%;background-repeat:no-repeat}@media(min-width:1025px){.vissible{background-size:25% 25%;background-position:center 20%}}.panoramaTextFrame{-moz-column-count:1;column-count:1;-moz-column-gap:24px;column-gap:24px;width:100%;-webkit-hyphens:auto;hyphens:auto;text-align:justify}@media(min-width:1025px){.panoramaTextFrame{webkit-column-count:2;-moz-column-count:2;column-count:2;width:75%}}@media(min-width:1920px){.panoramaTextFrame{webkit-column-count:3;-moz-column-count:3;column-count:3;width:50%}}.circleTextFrame{width:50%;-moz-column-count:1;column-count:1;-moz-column-gap:24px;column-gap:24px;width:100%;-webkit-hyphens:auto;hyphens:auto;text-align:justify}@media(min-width:1025px){.circleTextFrame{webkit-column-count:2;-moz-column-count:2;column-count:2;width:75%}}@media(min-width:1920px){.circleTextFrame{webkit-column-count:3;-moz-column-count:3;column-count:3;width:50%}}.icon-frame{min-height:100%;display:flex;align-items:center}*,:after,:before{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#__next,#root{isolation:isolate}html{font-family:Noto Sans,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal}.flex-spacer{flex-grow:1}#app{display:flex;flex-direction:column;min-height:100vh;width:100vw}.overall-paragraph{font-weight:200;margin-bottom:24px}@media(min-width:1025px){.overall-paragraph{margin-right:24px}}.textFrame{font-weight:200}.textFrame p{margin-bottom:24px}.textFrame h4{margin-bottom:6px}h1{font-weight:900;font-size:64px}a{color:red}.navigation-link,a{text-decoration:none}.navigation-link{color:#fff;font-weight:900;font-size:28px}@media(min-width:1025px){.navigation-link{font-size:56px}}.link{color:#fff;text-decoration:none;font-size:28px;cursor:pointer;font-weight:900}@media(min-width:1025px){.link{font-size:56px}}.link-small{text-decoration:none}.link-small,.link-small-active{color:#fff;font-size:28px;cursor:pointer;font-weight:900}.link-small-active{text-decoration:underline}.link-black{color:#151515;text-decoration:none;font-size:24px;cursor:pointer}@media(min-width:1025px){.link-black{font-size:48px}}.link-black{color:#000;opacity:1;margin-left:0;transition:margin-left .2s ease;font-weight:900}.link-black:hover{margin-left:12px;letter-spacing:10px;transition:all .2s ease;font-weight:900}.NavIconContainer{cursor:pointer;display:flex;justify-content:flex-end;margin-left:12px}svg{transition:transform .5s cubic-bezier(.4,0,.2,1)}.NavIconActive svg{transform:rotate(90deg)}path{transition:transform .5s cubic-bezier(.4,0,.2,1),stroke-dasharray .5s cubic-bezier(.4,0,.2,1),stroke-dashoffset .5s cubic-bezier(.4,0,.2,1)}path:first-child{transform-origin:36% 40%}path:nth-child(2){stroke-dasharray:29 299}path:nth-child(3){transform-origin:35% 63%}path:nth-child(4){stroke-dasharray:29 299}path:nth-child(5){transform-origin:61% 52%}path:nth-child(6){transform-origin:62% 52%}.active path:first-child{transform:translateX(9px) translateY(1px) rotate(45deg)}.active path:nth-child(2){stroke-dasharray:225 299;stroke-dashoffset:-72px}.active path:nth-child(3){transform:translateX(9px) translateY(1px) rotate(-45deg)}.active path:nth-child(4){stroke-dasharray:225 299;stroke-dashoffset:-72px}.active path:nth-child(5){transform:translateX(9px) translateY(1px) rotate(-45deg)}.active path:nth-child(6){transform:translateX(9px) translateY(1px) rotate(45deg)}.arrow{position:relative;width:42px;height:42px;margin-left:-12px;cursor:pointer;transition:.5s;overflow:hidden;outline:2px solid #fff;border-radius:50%}.arrow:hover{outline:2px solid #151515;border-radius:50%}.arrow:after{width:21px;height:21px;top:1px;border-bottom:2px solid;transform:translatex(13px)}.arrow:after,.arrow:before{position:absolute;display:block;content:"";color:#151515}.arrow:before{width:12px;height:12px;border-top:2px solid;border-left:2px solid;top:50%;left:10px;transform-origin:0 0;transform:rotate(-45deg)}.arrow:hover:before{animation:aniArrow01 1s cubic-bezier(0,.6,1,.4) .5s infinite}.arrow:hover:after{animation:aniArrow02 1s cubic-bezier(0,.6,1,.4) .5s infinite}@keyframes aniArrow01{0%{transform:rotate(-45deg) translateY(24px) translateX(24px)}to{transform:rotate(-45deg) translateY(-36px) translateX(-36px)}}@keyframes aniArrow02{0%{transform:translateX(45px)}to{transform:translateX(-35px)}}.arrowNext{position:relative;width:42px;height:42px;margin-left:-12px;cursor:pointer;transition:.5s;overflow:hidden;outline:2px solid #fff;border-radius:50%}.arrowNext:hover{outline:2px solid #151515;border-radius:50%}.arrowNext:after{width:17px;height:17px;left:10px;top:5px;border-bottom:2px solid}.arrowNext:after,.arrowNext:before{position:absolute;display:block;content:"";color:#151515}.arrowNext:before{width:12px;height:12px;border-top:2px solid;border-right:2px solid;left:15px;transform:rotate(45deg);top:15px}.arrowNext:hover:before{animation:aniArrowNext01 1s cubic-bezier(0,.6,1,.4) .5s infinite}.arrowNext:hover:after{animation:aniArrowNext02 1s cubic-bezier(0,.6,1,.4) .5s infinite}@keyframes aniArrowNext01{0%{transform:rotate(45deg) translateY(0) translateX(0)}to{transform:rotate(45deg) translateY(-40px) translateX(40px)}}@keyframes aniArrowNext02{0%{transform:translateX(-12px)}to{transform:translateX(80px)}}@keyframes borderAni{0%{border:2px solid #151515}to{border:2px solid #151515;border-radius:50%}}header{height:72px;width:100%;position:fixed;z-index:999;border-bottom:1px solid #000;background-color:#fff}.breadCrumb{font-size:18px;cursor:pointer;color:#151515;margin-left:6px}@media(min-width:1025px){.breadCrumb{font-size:28px}}.mainNavigation{justify-content:flex-end;padding-left:12px;justify-content:space-between}.mainNavigation,.projectNavigation{height:72px;display:flex;align-items:center}.projectNavigation{margin-top:-1px;border-top:1px solid #151515;padding:24px;background-color:#fff}.header-wrapper{height:72px;overflow:hidden;border-bottom:1px solid #151515}.navigation{background-color:#151515;height:calc(100vh - 72px);width:100%;position:absolute;justify-content:space-between;display:flex;flex-direction:column;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.navigation-list{margin:12px 24px;list-style:none;padding-left:0}.navigation-list-item{color:#fff}.navigation-link{opacity:1;margin-left:0;transition:margin-left .2s ease}.navigation-link:hover{margin-left:12px;letter-spacing:10px;transition:all .2s ease}.header-main-enter-active,.header-main-leave-active{transition:all .5s ease}.header-main-enter-from,.header-main-leave-to{margin-top:-72px}.fade-enter-active{animation:bounce-in .5s linear}.fade-leave-active{animation:bounce-out .5s linear .4s}.fade-enter-from{animation:bounce-in .5s linear}.fade-leave-to{animation:bounce-out .5s linear .4s}@keyframes bounce-in{0%{clip-path:polygon(0 0,100% 0,100% 0,0 0)}50%{clip-path:polygon(0 0,100% 0,100% 100%,0 50%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes bounce-out{0%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}50%{clip-path:polygon(0 0,100% 0,100% 100%,0 50%)}to{clip-path:polygon(0 0,100% 0,100% 0,0 0)}}.fade-enter-active .navigation-link,.fade-leave-active .navigation-link{transition:all .5s ease}.fade-enter-from .navigation-link.navigation-clicked,.fade-leave-to .navigation-link.navigation-clicked{transition-delay:.6s!important;margin-left:100px;letter-spacing:50px;opacity:0}.fade-enter-from .navigation-link{margin-left:100px;letter-spacing:50px;opacity:0}.fade-leave-to .navigation-link{opacity:0}.subMenue-enter-active,.subMenue-enter-active .link-black,.subMenue-leave-active,.subMenue-leave-active .link-black{transition:all .5s ease}.subMenue-enter-from .link-black.test,.subMenue-leave-to .link-black.test{transition-delay:.3s!important;margin-left:76px;letter-spacing:38px;opacity:0}.subMenue-enter-from .link-black{margin-left:760px;letter-spacing:38px;opacity:0}.subMenue-leave-to .link-black{margin-left:76px;letter-spacing:38px;opacity:0}.content-enter-active,.content-leave-active{transition:height .5s ease-out}.content-enter,.content-leave-to{height:500px}.footer{height:36px;display:flex;justify-content:space-between;bottom:0;width:100vw;font-size:13px;padding:0 24px;font-weight:900;color:#000;align-items:center;border-top:1px dashed #000}.footer-link{text-decoration:none;color:#000}.panorama{height:100%;margin-top:5%}.circle,.panorama{max-height:100%}.circle img{max-height:80vh}.project-wrapper{min-height:calc(100vh - 108px);margin-top:72px;justify-content:center}.project-wrapper,.text-wrapper{display:flex;align-items:flex-start;padding:24px;overflow-y:scroll}.text-wrapper{flex-direction:column;margin-right:0;font-size:16px;justify-content:flex-start}@media(min-width:1025px){.text-wrapper{margin-top:5%!important;flex-direction:row}}.next-button-wrapper{display:flex;width:100%;align-items:center;justify-content:flex-end;gap:20px}.intro{font-size:16px;font-weight:300}.image,.intro{cursor:pointer}.fluid{font-size:calc(-47.52px + 14vw);text-transform:lowercase;font-weight:100;line-height:1;text-align:left}