@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;font-family:DIN_regular,Helvetica Neue,sans-serif;margin:0}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}.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 - 50px);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}.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:center;display:flex;justify-content:space-between;position:absolute;top:30px;width:100%;z-index:10}@media only screen and (max-width:800px){.App .header{top:20px}}.App .header img.logo{display:none}@media only screen and (max-width:800px){.App .header img.logo{display:block;margin-right:15px;width:80px}}.App .header img{margin-left:26px;width:80px}@media only screen and (max-width:800px){.App .header img{margin-left:20px;width:40px}}.App .footer{align-items:center;bottom:30px;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_medium,sans-serif;font-size:12px}@media only screen and (max-width:800px){.App .footer .footer-left-container button{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:20px}@media only screen and (max-width:800px){.App .footer p{font-size:16px}}.App .footer img.logo,.App .footer img.logo-preloader{margin-right:20px;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_medium,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{border:none;border-radius:50px;cursor:pointer;margin-left:30px;padding:10px 20px;transition:all .3s ease-in-out}@media only screen and (max-width:800px){.App .footer .sound-button{margin-left:15px;padding:9px 11px}}.App .footer .sound-button:hover{background-color:#000;color:#fff}@media only screen and (max-width:800px){.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)}@media only screen and (max-width:800px){.content-container.active{left:calc(100% - 100vw)}}.content-container .content.fade-out{opacity:0;pointer-events:none}.content-container .content.fade-in{opacity:1;transition:opacity .2s ease-in-out}.content-container .content{padding:0 0 0 80px;transition:opacity .2s ease-in-out}@media only screen and (max-width:800px){.content-container .content{padding:0 0 0 30px}}.content-container .content .content-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:50px;margin-top:100px}.content-container .content .scrollable-content{height:100vh;opacity:1;overflow-y:auto;transition:opacity .3s ease-in-out}.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-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}.content-block.headline h3{font-family:DIN_medium;font-size:60px;font-weight:inherit;margin:0}.content-block.two-columns{display:flex;gap:40px;margin-bottom:100px}.content-block .column{flex:1 1}.content-block .column p{font-family:DIN_regular;font-size:24px;line-height:1.6;margin:0}.content-block.image{margin:100px 0}.content-block.image img{height:auto;margin-bottom:10px;width:100%}.image-caption{color:#000;font-family:DIN_light;font-size:12px;text-align:right}@media only screen and (max-width:800px){.content-block.two-columns{flex-direction:column;gap:20px}.content-block.headline h3{font-size:24px}.content-block .column p{font-size:16px}.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}@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)}}.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;transition:opacity .3s ease-in-out}@media only screen and (max-width:800px){.content-container h2{font-size:24px}}.content-container p{font-family:DIN_light;font-size:24px;text-align:left;transition:opacity .3s ease-in-out}@media only screen and (max-width:800px){.content-container p{font-size:14px}}.content-text{line-height:1.6;margin-top:1.5rem}.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:25px;top:25px;transition:all .2s ease;width:50px;z-index:10}.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}.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:1.5px;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)}}
/*# sourceMappingURL=main.780e344f.css.map*/