@font-face{font-family:DIN_bold;src:url(../../static/media/121784c1-863c-4e49-b682-625ea7de55b0.00c93ff2752d05851958.woff2) format("woff2"),url(../../static/media/9949035f-6226-4080-a14a-bf7d94ffb1e1.6a827f869f8b3138f441.woff) format("woff")}@font-face{font-family:DIN_medium;src:url(../../static/media/afabdfcf-432c-49b4-a496-0e5051e87fa9.f10a095a086f517b5a7f.woff2) format("woff2"),url(../../static/media/611ea865-db7e-4c05-94b8-bd1675c90576.f066b7e834a10e7cbd7a.woff) format("woff")}@font-face{font-family:DIN_light;src:url(../../static/media/14aba99e-8c97-4daa-a8df-67920a051402.97ad0f0565a2d442f346.woff2) format("woff2"),url(../../static/media/96fd6d6f-fad6-4dd9-ab70-29547a56cacd.c2378800378c75c2002c.woff) format("woff")}@font-face{font-family:DIN_regular;src:url(../../static/media/6b4d4830-9c7d-43d2-b5d3-c73f739561b9.5c7914a6f1be3fa896d7.woff2) format("woff2"),url(../../static/media/ccf25ada-6d2a-4133-95dc-deb039e22999.1aa5ee9d751642d69029.woff) format("woff")}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fbc997;font-family:DIN_regular,Helvetica Neue,sans-serif;margin:0}@media only screen and (max-width:800px){body{background:#000}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{height:100vh;left:0;overflow:hidden;position:absolute;text-align:center;top:0;width:100vw}@media only screen and (max-width:800px){.App{height:100%}}.nav-arrows{display:flex;justify-content:space-between;left:0;opacity:0;padding:0 20px;pointer-events:none;position:fixed;right:0;top:50%;transform:translateY(-50%);transition:opacity .3s ease;transition-delay:0s;width:calc(34vw - 40px);z-index:10}@media only screen and (max-width:800px){.nav-arrows{display:none}}.nav-arrows.visible{opacity:1;pointer-events:auto;transition-delay:.5s}.nav-arrow{align-items:center;background:#ffffffe6;border:none;border-radius:50%;cursor:pointer;display:flex;height:50px;justify-content:center;pointer-events:auto;transition:all .2s ease;width:50px}.nav-arrow:disabled{cursor:not-allowed;opacity:.3;transform:none!important}.nav-arrow:disabled svg{color:#999}.nav-arrow:hover{background:#fff;transform:scale(1.1)}.nav-arrow svg{color:#000;height:24px;width:24px}.nav-arrow--left{margin-left:20px}.nav-arrow--right{margin-right:20px}@media only screen and (max-width:800px){.nav-arrow--right{margin-right:0!important;position:absolute;right:20px!important;top:0!important}}.App .background{background:linear-gradient(90deg,#a7d5f4 0,#fbc997);height:100vh;left:0;margin:0;position:absolute;top:0;transition:width .3s ease-in-out;width:100vw}.App .background.shifted{width:calc(100% - 66vw)}.App-logo{height:40vmin;pointer-events:none}.scene-wrapper{height:100%;transition:transform .5s ease-in-out;width:100%}.scene-wrapper.shifted{transform:translateX(-33vw)}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}.App .header{align-items:start;display:flex;justify-content:space-between;position:absolute;top:40px;width:100%;z-index:10}@media only screen and (max-width:800px){.App .header{top:20px}.App .header-right{align-items:end;display:flex;flex-direction:column;gap:20px;justify-content:flex-end;margin-right:20px;margin-top:14px}}.App .header .logo,.App .header img.logo{display:none}@media only screen and (max-width:800px){.App .header img.logo{display:block;margin-right:0;width:60px}.App .header .logo{display:block}}.App .header img{margin-left:40px;transition:all .3s ease-in-out;width:65px}.App .header img:hover{transform:scale(1.05)}.App .header .info-icon{margin-right:40px;transform:scale(1);transition:none;width:65px}.App .header .info-icon:hover{transform:scale(1.05);transition:all .3s ease-in-out}@media only screen and (max-width:800px){.App .header img{margin-left:20px;width:40px}.App .header .info-icon{margin-right:0;width:40px}}.App .footer{align-items:center;bottom:40px;display:flex;justify-content:space-between;position:absolute;width:100%;z-index:2000}@media only screen and (max-width:800px){.App .footer{bottom:20px}}.App .footer .footer-left-container button{font-family:DIN_regular,sans-serif;font-size:12px}@media only screen and (max-width:800px){.App .footer .footer-left-container button{color:#000;font-size:8px}}.App .footer p{font-family:DIN_light,sans-serif;font-size:28px;margin-bottom:0;margin-top:0}.App .footer p:first-child{margin-left:40px}@media only screen and (max-width:800px){.App .footer p{font-size:16px}.App .footer p:first-child{margin-left:20px}}.App .footer img.logo,.App .footer img.logo-preloader{margin-right:40px;width:120px}@media only screen and (max-width:800px){.App .footer img.logo-preloader{margin-right:15px;width:60px}.App .footer img.logo{display:none}}.App .footer .footer-left-container{align-items:center;display:flex;gap:20px}.App .footer .footer-left-container a{color:#000;font-family:DIN_regular,sans-serif;font-size:12px;text-decoration:none}@media only screen and (max-width:800px){.App .footer .footer-left-container a{font-size:8px}}.App .footer .footer-left-container p{color:#000;font-family:DIN_regular,sans-serif;font-size:12px}@media only screen and (max-width:800px){.App .footer .footer-left-container p{font-size:8px}}.App .footer .sound-button{background-color:#fff;border:none;border-radius:50px;cursor:pointer;margin-left:40px;padding:10px 20px;transition:all .3s ease-in-out}@media only screen and (max-width:800px){.App .footer .sound-button{margin-left:20px;padding:9px 11px}}.App .footer .sound-button:hover{background-color:#000;color:#fff}@media only screen and (max-width:800px){.App .footer .sound-button:hover{background-color:#fff;color:#000}.App .footer img.icon{margin-left:20px;width:30px}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.canvas-container{align-items:center;display:flex;height:100vh;justify-content:center;position:relative;width:100%}.canvas-container canvas{display:block;height:100%;width:100%}.model-container,.scene-container{height:100%;position:relative;width:100%}.model-container{align-items:center;display:flex;justify-content:center}.model-container:before{background:radial-gradient(circle at center,#ffffff1a 0,#00000080 100%);content:"";height:100%;pointer-events:none;position:absolute;width:100%}.content-container{background:#fff;height:100%;left:100%;position:absolute;top:0;transition:left .3s ease-in-out;width:66vw;z-index:3000}@media only screen and (max-width:800px){.content-container{width:100vw}}.content-container.active{left:calc(100% - 66vw)}.content-container:not(.active) .content.fade-out{animation-delay:.5s;animation:fade-out .3s ease-in-out forwards;pointer-events:none}@media only screen and (max-width:800px){.content-container.active{left:calc(100% - 100vw)}}.content-container .content.fade-out{animation:fade-out .3s ease-in-out forwards;animation-delay:.4s;pointer-events:none}.content-container .content.fade-in{animation:fade-in .3s ease-in-out forwards;animation-delay:0s}.content-container .content{opacity:0;padding:0 0 0 120px}@media only screen and (max-width:1200px){.content-container .content{padding:0 0 0 80px}}@media only screen and (max-width:800px){.content-container .content{padding:0 0 0 30px}}.content-container .content .content-header{align-items:flex-start;display:flex;flex-direction:column-reverse;justify-content:space-between;margin-bottom:50px;margin-top:100px}@media only screen and (max-width:800px){.content-container .content .content-header{flex-flow:column-reverse;margin-top:30px}}.content-container .content .content-header p{margin-bottom:10px}@media only screen and (max-width:800px){.content-container .content .content-header p{margin-bottom:6px;margin-top:0}}.content-container .content .scrollable-content{height:100vh;opacity:1;overflow-y:auto;scroll-behavior:smooth}.content-container .content .scrollable-content .content-inner{padding-right:120px}@media only screen and (max-width:1200px){.content-container .content .scrollable-content .content-inner{padding-right:80px}}@media only screen and (max-width:800px){.content-container .content .scrollable-content .content-inner{padding-right:30px}.content-container .content .scrollable-content .content-inner>div:last-child{padding-bottom:50px}}.content-block{margin-bottom:60px}.content-block.header-image{margin-bottom:40px;width:100%}.content-block.header-image img{height:auto;margin-bottom:10px;width:100%}.content-block.headline{margin:100px 0;text-align:center}@media only screen and (max-width:800px){.content-block.headline{margin:50px 0}}.content-block.headline h3{font-family:DIN_regular;font-size:60px;font-weight:inherit;margin:0}@media only screen and (max-width:800px){.content-block.headline h3{font-size:40px;line-height:44px}}.content-block.two-columns{display:flex;gap:40px;margin-bottom:100px}@media only screen and (max-width:800px){.content-block.two-columns{margin-bottom:50px}}.content-block .column{flex:1 1}.content-block .column p{font-family:DIN_regular;font-size:24px;line-height:34px;margin:0}.content-block .column .button{background-color:#fff;border:1px solid #000;border-radius:50px;color:#000;cursor:pointer;display:block;margin-top:33px;padding:10px 20px;text-decoration:none;transition:all .3s ease-in-out;width:fit-content}.content-block .column .button:hover{background-color:#000;color:#fff}.content-block.image{margin:100px 0}@media only screen and (max-width:800px){.content-block.image{margin:50px 0}}.content-block.image img{height:auto;width:100%}.image-caption{color:#000;font-family:DIN_light;font-size:12px;margin-top:4px;text-align:right}@media only screen and (max-width:800px){.content-block.two-columns{flex-direction:column;gap:initial}.content-block .column p{font-size:18px;line-height:24px}.content-block .column p.text-right{margin-top:20px}.content-block{margin-bottom:40px}}.scroll-hint{align-items:center;bottom:-50px;color:#00f;display:flex;flex-direction:column;font-size:24px;left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:opacity .3s ease-in-out,bottom .3s ease-in-out;z-index:10}.scroll-hint.visible{animation:shake 2s infinite;bottom:120px;opacity:1}.scroll-arrow{animation:bounce 2s infinite;margin-top:10px}.scroll-arrow span{animation:arrow 2s infinite;border-bottom:2px solid #00f;border-right:2px solid #00f;display:block;height:10px;margin:-4px;transform:rotate(45deg);width:10px}.no-pages{color:#666;padding:40px;text-align:center}.content-container.fade-out .scrollable-content{opacity:0}.content-container h2{font-family:DIN_medium;font-size:60px;font-weight:inherit;margin:0;text-align:left;text-transform:uppercase}@media only screen and (max-width:800px){.content-container h2{font-size:52px;line-height:56px;width:95%}}.content-container p{font-family:DIN_light;font-size:24px;margin:0 0 0 2px;text-align:left}@media only screen and (max-width:800px){.content-container p{font-size:14px}}.content-text{line-height:1.6;margin-top:1.5rem}.content-container .close-button{align-items:center;background:#ffffffe6;border:none;border-radius:50%;color:#000;cursor:pointer;display:flex;font-size:24px;height:50px;justify-content:center;margin:0;padding:0;position:absolute;right:30px;top:30px;transition:all .2s ease;width:50px;z-index:10}@media only screen and (max-width:800px){.content-container .close-button{right:15px;top:15px}}.close-button:hover{background:#fff;transform:scale(1.1)}.close-button svg{color:inherit;height:24px;width:24px}@media only screen and (max-width:800px){.close-button{left:auto;right:15px}}.close-button:hover{color:#000}.error-message,.loading-message{align-items:center;color:#666;display:flex;font-size:1.2rem;height:100%;justify-content:center;padding:20px;text-align:center}.error-message{background-color:#ffebee;border-left:4px solid #f44336;color:#d32f2f;margin:20px;padding:20px}.loading-message:before{animation:spin 1s ease-in-out infinite;border:3px solid #0000001a;border-radius:50%;border-top-color:#3f51b5;content:"";display:inline-block;height:20px;margin-right:10px;width:20px}.image-slider-container>div>div{width:calc(100% - 80px)!important}[data-scroll]{opacity:0;transform:translateY(20px);transition:all .6s ease}[data-scroll].in-view{opacity:1;transform:translateY(0)}@keyframes shake{0%,to{transform:translateX(-50%) translateY(0)}25%{transform:translateX(-50%) translateY(-5px)}75%{transform:translateX(-50%) translateY(5px)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes arrow{0%{opacity:0;transform:translateY(-10px) rotate(45deg)}50%{opacity:1}to{opacity:0;transform:translateY(10px) rotate(45deg)}}.preloader-overlay{align-items:center;background:linear-gradient(90deg,#a7d5f4 0,#fbc997);color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .5s ease;width:100%;z-index:100}.preloader-overlay.visible{opacity:1;pointer-events:all}@keyframes fadeOut{to{opacity:0}}.preloader-overlay>img{margin-bottom:50px;max-width:800px;min-width:300px;width:100%}@media only screen and (max-width:800px){.preloader-overlay>img{margin-bottom:50px;max-width:300px;min-width:200px;width:100%}}.preloader-overlay .loader-container{align-items:center;display:flex;flex-direction:column;height:140px;justify-content:center}.preloader-overlay button{background:#fff;border:none;border-radius:50px;color:#000;cursor:pointer;font-size:18px;padding:10px 40px;transition:all .3s ease;z-index:1000}.preloader-overlay button:hover{background:#000!important;color:#fff}.preloader-overlay .spinner{animation:spin 1s linear infinite;border:4px solid #0000004d;border-radius:50%;border-top-color:#000;height:34px;width:34px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loader{align-items:center;display:flex;flex-direction:column;margin-top:-100px}@media only screen and (max-width:800px){.loader{margin-top:-50px}}.loader .saw-container{height:140px!important;overflow:hidden;position:relative;width:140px!important}@media only screen and (max-width:800px){.loader .saw-container{height:100px!important;width:100px!important}}.loader .sawblade{animation:rotate 4s linear infinite;height:140px;left:0;position:absolute;top:40px;width:140px}@media only screen and (max-width:800px){.loader .sawblade{height:100px;width:100px}}.loader .table-line{background-color:#000;bottom:0;height:1px;left:0;position:absolute;width:100%;z-index:2}.loader .text{color:#000;font-family:DIN_light,sans-serif;font-size:16px;margin-top:10px}.dots .dot{animation:dotsAnim 2s infinite;opacity:0}.dot1{animation-delay:0s!important}.dot2{animation-delay:.3s!important}.dot3{animation-delay:.6s!important}@keyframes dotsAnim{0%,19%{opacity:0}20%,39%{opacity:1}40%,to{opacity:0}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.overlay{animation:fade-in .3s ease-in-out forwards;animation-delay:.3s;opacity:0;position:fixed;right:40px;top:40px;z-index:2000}@media only screen and (max-width:800px){.overlay{align-items:center;display:flex;height:100%;justify-content:center;left:0;right:auto;top:0;width:100%}}.modal{animation:fadeIn .3s ease-out;background:#fff;border-radius:20px;max-width:500px;padding:2rem;position:relative;text-align:center;width:200px}@media only screen and (max-width:800px){.modal{animation:fadeIn .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000004d;max-width:500px;padding:40px;position:relative;text-align:center;width:calc(100% - 121px)}}.modal h2{font-size:32px;text-align:start}@media only screen and (max-width:800px){.modal h2{font-size:38px;margin-bottom:43px}}.modal p{color:#000;font-size:1rem;line-height:21px;margin-bottom:30px;text-align:start}.modal p.desktop{margin-bottom:40px}.modal-actions{display:flex;gap:1rem;justify-content:center}.phone{margin:40px 0 0;margin-bottom:0!important;text-align:center!important}.phone .typo{font-family:DIN_medium,sans-serif}.modal-button{background-color:#00f;border-radius:50px;color:#fff;padding:10px 20px;text-decoration:none;transition:background-color .5s ease-in-out}.modal-button:hover{background-color:#000}@media only screen and (max-width:800px){.modal-button-mobile{align-items:center;border-radius:50%;color:#000;display:flex;flex-direction:column;font-size:1.5rem;justify-content:center;padding:1rem;text-decoration:none;transition:background .2s ease-in-out}.modal-button-mobile,.modal-button-mobile:hover{background-color:initial}.modal-button-mobile span{font-size:.75rem;margin-top:.25rem}.modal-button-mobile img{margin-bottom:10px;width:60px}}.close-button{background:none;border:none;cursor:pointer;font-size:1.5rem;position:absolute;right:12px;top:12px}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.cookie-container{align-items:center;background:#00f!important;color:#fff;display:flex;flex-wrap:wrap;font-size:16px;justify-content:space-between;left:auto!important;padding:40px;right:0!important;text-align:left;width:400px!important;z-index:1000000!important}@media only screen and (max-width:800px){.cookie-container{width:calc(100vw - 80px)!important}}.cookie-content{line-height:1.5;margin:0 5px 24px!important;max-width:100%}.cookie-link{color:#fff;text-decoration:underline}.cookie-accept{background-color:#fff!important;border:none!important;border-radius:50px!important;color:#000!important;cursor:pointer!important;font-size:18px!important;margin:5px!important;padding:20px 40px!important;transition:all .3s!important}@media only screen and (max-width:800px){.cookie-accept{width:calc(100% - 5px)!important}}.cookie-accept:hover{background-color:#000!important;color:#fff!important}.cookie-decline{background-color:initial!important;border:1px solid #fff!important;border-radius:50px!important;color:#fff!important;cursor:pointer;font-size:18px;margin:5px!important;padding:20px 40px!important;transition:all .3s}@media only screen and (max-width:800px){.cookie-decline{width:calc(100% - 5px)!important}}.cookie-decline:hover{background-color:#000!important;border-color:#000!important;color:#fff!important}
/*# sourceMappingURL=main.2aec2fd3.css.map*/