.projekte{box-sizing:border-box;min-height:min-content;height:fit-content;padding:96px 6%;background:radial-gradient(67% 100% at 50% -15.6%,#0d0d0d 0,rgb(0,0,0) 100%);flex-wrap:wrap;gap:72px 30px;position:relative}.projekte,.projekte .background_lines{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;align-content:center}.projekte .background_lines{opacity:.33;-webkit-mask:linear-gradient(0deg,rgba(0,0,0,0) -42%,rgba(0,0,0,1) 43.24324324324324%) add;mask:linear-gradient(0deg,rgba(0,0,0,0) -42%,rgba(0,0,0,1) 43.24324324324324%) add;z-index:0;padding:0;flex-wrap:nowrap;gap:54px;background-image:url(/_next/static/media/background_gradient.86f6d99d.avif);border-radius:0 0 0 0}.projekte .background_lines,.projekte .background_lines .background_grid{height:100%;position:absolute;background-size:cover;background-repeat:no-repeat;background-position:50%}.projekte .background_lines .background_grid{width:100%;display:block;opacity:.3;z-index:4;background-image:url(/_next/static/media/grid.0d45c286.avif)}.projekte .projects{position:relative;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:min-content;overflow:show;z-index:5;justify-content:center;padding:0;gap:50px 35px}@media (max-width:1024px){.projekte .projects{grid-template-columns:1fr}}.projekte .project-item-container{position:relative;width:100%;height:100%;overflow:hidden;will-change:transform,opacity}.projekte span.title{position:relative;width:auto;height:auto;white-space:normal;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;text-shadow:0 10px 14px rgba(255,255,255,.13);font-weight:400;font-style:normal;font-family:Poppins,Poppins Placeholder,sans-serif;background:linear-gradient(0deg,#FFFFFF,#8A8A8A);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;font-size:42px;letter-spacing:-.04em;line-height:1.2;text-align:center;margin-bottom:12px}.projekte span.title .char,.projekte span.title .char-space{display:inline-block;transform-style:preserve-3d;perspective:1000px}.projekte .section-description{text-align:center;font-family:Poppins,Poppins Placeholder,sans-serif;font-size:18px;font-weight:300;color:rgba(255,255,255,.7);max-width:700px;margin:0 auto 50px;line-height:1.5}.projekte .section-description .word{display:inline-block;margin-right:4px;transform-style:preserve-3d}@media (max-width:768px){.projekte .section-description{font-size:16px;max-width:90%;margin-bottom:40px}}.view-all-container{display:flex;justify-content:center;margin-top:20px;width:100%;z-index:5}.view-all-container .button{display:flex;align-items:center;color:#ffffff;opacity:.8;font-family:Poppins,Poppins Placeholder,sans-serif;font-size:18px;font-weight:300;cursor:pointer;transition:all .3s ease;position:relative;padding-bottom:4px;width:fit-content}.view-all-container .button:after{content:" →";color:#cfcfcf;margin-left:8px}.view-all-container .button:before{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background-color:#ffffff;transition:width .3s ease}.view-all-container .button:hover:before{width:100%}.view-all-container .button:hover{opacity:1}.load-more-container{display:flex;justify-content:center;margin-top:40px;width:100%;z-index:5}.load-more-button{min-width:160px}.project-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:100;display:flex;justify-content:center;align-items:center}.project-modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.85);backdrop-filter:blur(5px);z-index:101;animation:fadeIn .3s ease-out}.project-modal-content{position:relative;width:100%;height:100%;z-index:102;display:flex;flex-direction:column;animation:zoomIn .3s ease-out}.project-consent-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:9}.project-consent-dialog{background-color:#05161b;border-radius:12px;padding:24px;max-width:500px;width:90%;border:1px solid rgba(255,255,255,.08);transform:translateZ(0);position:relative;z-index:1000}.project-consent-dialog h3{margin-top:0;font-size:20px;margin-bottom:16px;color:#ffffff}.project-consent-dialog h3,.project-consent-dialog p{font-family:var(--font-poppins),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.project-consent-dialog p{margin-bottom:24px;line-height:1.5;color:rgba(255,255,255,.8);font-size:15px}.newprojektitem{width:100%;height:auto;min-height:599px;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:6px;background-color:rgba(255,255,255,.03);overflow:visible;align-content:center;flex-wrap:nowrap;gap:10px;border-radius:28px;border:1px solid rgba(255,255,255,.03);transition:transform .3s ease,border .3s ease}.newprojektitem:hover{border:1px solid rgba(255,255,255,.15);transform:scale(.99)}.newprojektitem .stack{flex:1;width:1px;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:6px;background-color:rgba(255,255,255,.03);overflow:visible;align-content:center;flex-wrap:nowrap;gap:10px;border-radius:24px;border:1px solid rgba(255,255,255,.08);transition:border .3s ease}.newprojektitem:hover .stack{border:1px solid rgba(255,255,255,.2)}.newprojektitem .stack .frame{position:relative;width:100%;height:auto;min-height:579px;display:flex;flex-direction:column;align-items:start;justify-content:end;background-color:#0d0d0d;overflow:visible;z-index:2;border-radius:20px}.newprojektitem .stack .frame .imgstack{position:absolute;width:100%;height:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;overflow:hidden;padding:12px;flex-wrap:nowrap;gap:23px;box-sizing:border-box}.newprojektitem .stack .frame .imgstack .mainimage-container{position:relative;width:555px;height:272px;overflow:hidden;border-radius:24px;flex-shrink:0}.newprojektitem .stack .frame .imgstack .mainimage-slider{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:flex-start;transition:transform .3s ease;cursor:grab;user-select:none;-webkit-user-select:none}.newprojektitem .stack .frame .imgstack .mainimage-slider.dragging{cursor:grabbing;transition:none}.newprojektitem .stack .frame .imgstack .mainimage-slider.sliding{transition:transform .3s ease,opacity .3s ease-in-out;opacity:.6}.newprojektitem .stack .frame .imgstack .mainimage-slider>.mainimage-container{position:relative;min-width:100%;height:100%;flex-shrink:0}.newprojektitem .stack .frame .imgstack .mainimage{width:100%;height:100%;object-fit:cover;border-radius:24px;pointer-events:none}.newprojektitem .stack .frame .imgstack .image-nav{position:absolute;top:50%;transform:translateY(-50%);background-color:rgba(0,0,0,.5);color:white;border:none;width:32px;height:32px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;opacity:0;transition:opacity .3s,background-color .3s;z-index:5}.newprojektitem .stack .frame .imgstack .image-nav:after{content:"";position:absolute;top:-30px;bottom:-30px;left:-30px;right:-30px;z-index:-1;cursor:pointer}.newprojektitem .stack .frame .imgstack .mainimage-container:hover .image-nav{opacity:.7}.newprojektitem .stack .frame .imgstack .image-nav:hover{background-color:rgba(0,0,0,.8);opacity:1}.newprojektitem .stack .frame .imgstack .image-nav.prev{left:10px}.newprojektitem .stack .frame .imgstack .image-nav.next{right:10px}.newprojektitem .stack .frame .imgstack .image-indicators{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);display:flex;gap:12px;z-index:5}.newprojektitem .stack .frame .imgstack .image-indicator{width:12px;height:12px;border-radius:50%;background-color:rgba(255,255,255,.5);border:none;padding:0;cursor:pointer;transition:background-color .3s,transform .3s;position:relative}.newprojektitem .stack .frame .imgstack .image-indicator:before{content:"";position:absolute;top:-12px;left:-12px;right:-12px;bottom:-12px;cursor:pointer}.newprojektitem .stack .frame .imgstack .image-indicator.active{background-color:rgba(255,255,255,1);transform:scale(1.3)}.newprojektitem .stack .frame .infostack{flex-flow:column;place-content:center;align-items:start;gap:54px;width:100%;height:fit-content;padding:12px 12px 20px;display:flex;overflow:visible}.newprojektitem .stack .frame .infostack .text{width:100%;height:fit-content;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;overflow:visible;z-index:10;padding:0;align-content:flex-start;flex-wrap:nowrap;gap:16px}.newprojektitem .stack .frame .infostack .text span{width:100%;height:auto;white-space:pre-wrap;word-wrap:break-word;word-break:break-word;text-shadow:0 10px 14px rgba(255,255,255,.13);font-weight:400;font-style:normal;font-family:Poppins,Poppins Placeholder,sans-serif;color:#ffffff;font-size:33px;letter-spacing:-.04em;line-height:1.2;text-align:left}.newprojektitem .stack .frame .infostack .text .labels{width:100%;height:min-content;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;overflow:visible;padding:0;align-content:flex-start;flex-wrap:wrap;gap:10px}.newprojektitem .stack .frame .infostack .text .labels .label{box-sizing:border-box;width:auto;max-width:100%;min-height:43px;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px;box-shadow:0 .6021873017743928px 1.083937143193907px -.8333333333333333px rgba(0,0,0,.05),0 2.288533303243457px 4.119359945838223px -1.6666666666666665px rgba(0,0,0,.05),0 10px 18px -2.5px rgba(0,0,0,.05);background-color:rgba(255,255,255,.1);overflow:visible;align-content:center;flex-wrap:nowrap;gap:4px;border-radius:6px;border:0 solid rgba(255,255,255,.2)}.newprojektitem .stack .frame .infostack .text .labels .label .icon-container{width:24px;height:24px;position:relative;margin-right:6px;display:flex;object-fit:contain;align-items:center;justify-content:center}.newprojektitem .stack .frame .infostack .text .labels .label .icon{width:24px;height:24px;object-fit:contain}.newprojektitem .stack .frame .infostack .text .labels .label span{width:auto;height:auto;white-space:normal;overflow-wrap:anywhere;word-break:break-word;font-weight:400;font-style:normal;font-family:Poppins,Poppins Placeholder,sans-serif;color:#ffffff;font-size:14px;letter-spacing:0;line-height:1.2}.newprojektitem .stack .frame .infostack .buttons{width:100%;height:min-content;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;overflow:visible;padding:0;align-content:center;flex-wrap:wrap;gap:16px}.newprojektitem .stack .frame .infostack .buttons .casestudybutton{width:auto;flex:1 1 240px;max-width:100%;height:52px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1.1px;box-shadow:0 .6021873017743928px 1.083937143193907px -.8333333333333333px rgba(0,0,0,.05),0 2.288533303243457px 4.119359945838223px -1.6666666666666665px rgba(0,0,0,.05),0 10px 18px -2.5px rgba(0,0,0,.05);background:linear-gradient(180deg,#808080,rgba(82,82,82,.93));overflow:visible;align-content:center;flex-wrap:nowrap;gap:7.04px;white-space:pre;font-weight:400;font-style:normal;font-family:Poppins,Poppins Placeholder,sans-serif;color:#ffffff;font-size:15px;letter-spacing:0;line-height:1.2;border-radius:13px;border:0 solid rgba(255,255,255,.2);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.newprojektitem .stack .frame .infostack .buttons .casestudybutton:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,0));opacity:0;transition:opacity .3s ease;border-radius:13px}.newprojektitem .stack .frame .infostack .buttons .casestudybutton:hover{transform:translateY(-3px);box-shadow:0 10px 20px -5px rgba(0,0,0,.2)}.newprojektitem .stack .frame .infostack .buttons .casestudybutton:hover:after{opacity:1}.newprojektitem .stack .frame .infostack .buttons .casestudybutton:active{transform:translateY(-1px);box-shadow:0 5px 10px -3px rgba(0,0,0,.3)}.newprojektitem .stack .frame .infostack .buttons .websiteansehen{width:auto;flex:1 1 240px;max-width:100%;height:52px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1.1px;box-shadow:0 .6021873017743928px 1.083937143193907px -.8333333333333333px rgba(0,0,0,.05),0 2.288533303243457px 4.119359945838223px -1.6666666666666665px rgba(0,0,0,.05),0 10px 18px -2.5px rgba(0,0,0,.05);background-color:rgba(255,255,255,.1);overflow:visible;align-content:center;flex-wrap:nowrap;gap:7.04px;white-space:pre;font-weight:400;font-style:normal;font-family:Poppins,Poppins Placeholder,sans-serif;color:#ffffff;font-size:15px;letter-spacing:0;line-height:1.2;border-radius:13px;border:0 solid rgba(255,255,255,.2);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.newprojektitem .stack .frame .infostack .buttons .websiteansehen:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.1) 50%,rgba(255,255,255,0));transition:left .6s ease}.newprojektitem .stack .frame .infostack .buttons .websiteansehen:hover{transform:translateY(-3px);box-shadow:0 10px 20px -5px rgba(0,0,0,.2);background-color:rgba(255,255,255,.15)}.newprojektitem .stack .frame .infostack .buttons .websiteansehen:hover:before{left:100%}.newprojektitem .stack .frame .infostack .buttons .websiteansehen:active{transform:translateY(-1px);box-shadow:0 5px 10px -3px rgba(0,0,0,.3)}@media (max-width:1280px){.newprojektitem{width:100%;height:auto;min-height:500px}.newprojektitem .stack .frame{height:auto;min-height:480px}.newprojektitem .stack .frame .imgstack{position:relative;flex-direction:column;height:auto;justify-content:flex-start;align-items:center}.newprojektitem .stack .frame .imgstack .mainimage-container{width:100%;height:auto;max-height:272px;margin-bottom:20px}.newprojektitem .stack .frame .imgstack .mainimage{width:100%;height:auto;max-height:272px}.newprojektitem .stack .frame .imgstack .secondstack,.newprojektitem .stack .frame .infostack .buttons,.newprojektitem .stack .frame .infostack .text{width:100%}}@media (max-width:1600px){.newprojektitem .stack .frame .imgstack .secondstack{border-radius:24px;flex-flow:row;flex-shrink:0;place-content:flex-end center;align-items:flex-end;gap:10px;width:100%;height:100%;max-width:100%!important;min-height:391px;padding:0;display:flex;position:relative;overflow:visible}}@media (max-width:768px){.projekte .background_lines{-webkit-mask:none!important;mask:none!important}.newprojektitem .stack .frame .imgstack{width:100%;height:300px;flex-direction:column;gap:0}.newprojektitem .stack .frame .imgstack .mainimage-container{width:100%;height:300px;border-radius:24px}.newprojektitem .stack .frame .imgstack .image-nav:after{top:-40px;bottom:-40px;left:-40px;right:-40px}.newprojektitem .stack .frame .imgstack .secondstack{display:none}.newprojektitem .stack .frame .infostack{padding:12px}.newprojektitem .stack .frame .infostack .buttons{flex-direction:column;width:100%;gap:20px}.newprojektitem .stack .frame .infostack .buttons .casestudybutton,.newprojektitem .stack .frame .infostack .buttons .websiteansehen{width:100%;flex:1 1 100%}.newprojektitem .stack .frame .infostack .text span{font-size:24px}.newprojektitem .stack .frame .infostack .text .labels{flex-wrap:wrap}}@media (min-width:1601px){.newprojektitem{width:100%;max-width:100%;margin:0}.newprojektitem .stack .frame .imgstack{justify-content:space-between}.newprojektitem .stack .frame .imgstack .mainimage,.newprojektitem .stack .frame .imgstack .mainimage-container{width:555px;height:272px;flex-shrink:0}.newprojektitem .stack .frame .imgstack .secondstack{width:544px;max-width:544px;height:100%}.newprojektitem .stack .frame .imgstack .secondimg-container{position:relative;width:100%;height:100%;min-height:391px;border-radius:24px;overflow:hidden}.newprojektitem .stack .frame .imgstack .secondimg{width:100%;height:100%}}.secondstack{position:relative}.video-loading{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.5);border-radius:1rem;z-index:5}.video-loading-spinner{width:30px;height:30px;border-radius:50%;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.newprojektitem .stack .frame .imgstack .secondstack{position:relative;width:100%;max-width:544px!important;height:100%;min-height:391px;display:flex;flex-direction:row;justify-content:center;align-items:flex-end;overflow:visible;padding:0;align-content:flex-end;flex-wrap:nowrap;gap:10px;flex-shrink:0;border-radius:24px}.newprojektitem .stack .frame .imgstack .secondimg-container{position:relative;width:100%;height:100%;min-height:391px;border-radius:24px;overflow:hidden}.newprojektitem .stack .frame .imgstack .secondstack .secondimg{width:100%;height:100%;object-fit:cover;border-radius:24px;overflow:hidden}.secondimg.video-preview{object-fit:cover;display:block;width:100%!important;height:100%;border-radius:24px;pointer-events:auto;transform:scale(1);transition:opacity .3s ease}.secondimg.video-preview.visible{opacity:1;z-index:2}.secondimg.video-preview.hidden{opacity:0;z-index:1}.newprojektitem .stack .frame .imgstack .video-container{position:relative;width:100%;height:100%;min-height:391px;border-radius:24px;overflow:hidden}.image-zoom-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:5;cursor:zoom-in;background-color:transparent;transition:background-color .2s ease}.image-zoom-overlay:hover{background-color:rgba(255,255,255,.1)}.image-zoom-overlay:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:40px;height:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3Cpath d='M12 10h-2v2H9v-2H7V9h2V7h1v2h2v1z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:50%;opacity:0;transition:all .2s ease}.image-zoom-overlay:hover:after{opacity:.8;transform:translate(-50%,-50%) scale(1)}.newprojektitem .stack .frame .imgstack .image-indicators,.newprojektitem .stack .frame .imgstack .image-nav{z-index:10}@media (max-width:480px){.newprojektitem .stack .frame .imgstack .image-nav:after{top:-50px;bottom:-50px;left:-50px;right:-50px}.newprojektitem .stack .frame .imgstack .image-nav{width:28px;height:28px}.newprojektitem .stack .frame .imgstack .image-nav.prev{left:8px}.newprojektitem .stack .frame .imgstack .image-nav.next{right:8px}.newprojektitem .stack .frame .imgstack .image-indicator:before{top:-15px;left:-15px;right:-15px;bottom:-15px}}.project-modal-iframe{flex:1;width:100%;height:calc(100% - 60px);border:none;background-color:#fff}.project-modal-footer{position:absolute;bottom:20px;left:20px;z-index:103}