@font-face{font-family:Inter;src:url('../public/fonts/inter-variable.woff2') format('woff2-supports-variations'),url('../public/fonts/inter-variable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}:root{--bg-color:#000000;--nav-bg:#000000;--nav-border:rgba(255, 255, 255, 0.1);--text-color:#ffffff;--text-muted:rgba(255, 255, 255, 0.6);--glow-color:rgba(255, 255, 255, 0.15);--active-glow:rgba(255, 255, 255, 0.8)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}html::-webkit-scrollbar{display:none}body{font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-color);min-height:100vh;-ms-overflow-style:none;scrollbar-width:none}body::-webkit-scrollbar{display:none}.navbar{display:flex;justify-content:space-between;align-items:center;padding:24px 48px;width:100%;position:absolute;top:0;left:0;z-index:1000}.navbar-left{display:flex;align-items:center;gap:12px}.js .navbar-left{opacity:0;transform:translateY(-15px);animation:slideDownNavLeft 1s cubic-bezier(.25,1,.5,1) forwards}@keyframes slideDownNavLeft{from{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.logo-icon{height:32px;width:auto;object-fit:contain}.logo-text{font-size:18px;font-weight:400;letter-spacing:2px;color:var(--text-color);text-decoration:none}.navbar-center{position:fixed;top:24px;left:50%;transform:translateX(-50%);z-index:1000;background-color:rgba(0,0,0,.15);border:1px solid rgba(255,255,255,0);border-radius:50px;padding:10px 16px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:border-color .3s ease,box-shadow .3s ease,background-color .3s ease}.js .navbar-center{opacity:0;transform:translate(-50%,-15px);animation:slideDownNavCenter 1s cubic-bezier(.25,1,.5,1) forwards;animation-delay:.1s}@keyframes slideDownNavCenter{from{opacity:0;transform:translate(-50%,-15px)}to{opacity:1;transform:translate(-50%,0)}}.navbar-center.scrolled{background-color:rgba(0,0,0,.35);border-color:rgba(255,255,255,.12);box-shadow:0 8px 32px 0 rgba(0,0,0,.37)}.nav-links{display:flex;list-style:none;align-items:center;position:relative}.nav-item{position:relative}.nav-item.mobile-only{display:none}.nav-item a{text-decoration:none;color:var(--text-muted);font-size:16px;font-weight:400;padding:14px 30px;display:block;transition:padding .3s ease,color .3s ease}.navbar-center.scrolled .nav-item a{padding:10px 14px}.nav-item:hover a{color:var(--text-color)}.nav-item.active a{color:var(--text-color);font-weight:500}.active-indicator{position:absolute;top:-11px;left:0;transform:translateX(-50%);width:28px;height:3px;background-color:#fff;border-radius:1.5px;box-shadow:0 3px 14px 0 rgba(255,255,255,.5);z-index:1;pointer-events:none;opacity:0;transition:left .35s cubic-bezier(.25, 1, .5, 1),opacity .3s ease}.navbar-center.scrolled .active-indicator{opacity:1}.navbar-center.layout-transitioning .active-indicator{transition:opacity .3s ease}.active-indicator::after{content:'';position:absolute;top:2px;left:50%;transform:translateX(-50%);width:80px;height:45px;background:radial-gradient(ellipse at 50% 0,rgba(255,255,255,.16) 0,rgba(255,255,255,.04) 60%,transparent 100%);filter:blur(6px);pointer-events:none;z-index:-1}.navbar-right{display:flex;gap:10px}.js .navbar-right{opacity:0;transform:translateY(-15px);animation:slideDownNavRight 1s cubic-bezier(.25,1,.5,1) forwards;animation-delay:.15s}@keyframes slideDownNavRight{from{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.icon-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#2a2a2e 0,#161619 100%);border:none;color:var(--text-color);text-decoration:none;transition:background .4s cubic-bezier(.16, 1, .3, 1),box-shadow .4s cubic-bezier(.16, 1, .3, 1),color .4s cubic-bezier(.16, 1, .3, 1);box-shadow:inset 0 1px 1px rgba(255,255,255,.1)}.icon-button:hover{background:linear-gradient(135deg,#3d3d42 0,#232327 100%);box-shadow:0 0 18px rgba(255,255,255,.45),inset 0 1px 1px rgba(255,255,255,.2)}.icon-button svg{width:18px;height:18px}.hero-container{display:flex;justify-content:center;align-items:center;gap:clamp(30px,6vw - 10px,80px);padding:100px clamp(40px,5vw,80px) 40px clamp(40px,5vw,80px);max-width:1280px;margin:0 auto 8vh auto;min-height:80vh}@media (max-width:1300px) and (min-width:1025px){.hero-container{padding-left:10vw;padding-right:10vw;gap:3vw}}.hero-content{display:flex;flex-direction:column;justify-content:center}.hero-text-wrapper{-webkit-mask-image:radial-gradient(circle 800px at var(--mouse-x,50%) var(--mouse-y,50%),black 0%,rgba(0,0,0,0.85) 200px,rgba(0,0,0,0.65) 450px,rgba(0,0,0,0.5) 800px);mask-image:radial-gradient(circle 800px at var(--mouse-x,50%) var(--mouse-y,50%),black 0%,rgba(0,0,0,0.85) 200px,rgba(0,0,0,0.65) 450px,rgba(0,0,0,0.5) 800px)}.hero-title{font-size:clamp(20px, 3.8vw, 56px);font-weight:300;line-height:1.12;color:var(--text-color);letter-spacing:-2px;max-width:23ch}.hero-description{margin-top:24px;font-size:18px;line-height:1.6;color:rgba(255,255,255,.8);max-width:clamp(380px,40vw,520px)}.js .hero-description,.js .hero-title{opacity:.1}.js .hero-description.ready,.js .hero-title.ready{opacity:1}.word-span-wrapper{display:inline}.word-span{display:inline-block;opacity:.1;transform:translateY(15px);animation:slideUpWord .6s cubic-bezier(.25,1,.5,1) forwards}@keyframes slideUpWord{from{opacity:.1;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.line-span-block{display:block}.line-span{display:inline-block;opacity:0;transform:translateY(12px);animation:slideUpLine 1s cubic-bezier(.25,1,.5,1) forwards}@keyframes slideUpLine{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.js .btn-primary{opacity:0;transform:scale(.94) translateY(20px)}.js .btn-secondary{opacity:0;transform:scale(.94) translateY(20px)}@keyframes slideLeftToRight{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideRightToLeft{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.hero-buttons{display:flex;align-items:center;gap:28px;margin-top:40px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:54px;padding:0 36px;background:#fff;color:#000;text-decoration:none;border-radius:50px;font-size:16px;font-weight:600;position:relative;cursor:pointer;z-index:1;transition:transform .4s cubic-bezier(.16, 1, .3, 1),box-shadow .4s cubic-bezier(.16, 1, .3, 1),background-color .3s ease}.btn-text-wrapper{position:relative;display:inline-block;overflow:hidden;height:100%;vertical-align:middle}.btn-text-slide{display:flex;flex-direction:column;height:200%;transition:transform .4s cubic-bezier(.16, 1, .3, 1)}.btn-text-content{display:flex;align-items:center;justify-content:center;gap:8px;height:50%;font-weight:inherit;font-size:inherit;white-space:nowrap}.btn-pencil-icon{flex-shrink:0;transition:transform .3s cubic-bezier(.16, 1, .3, 1)}.btn-primary:hover{transform:none!important;box-shadow:0 0 30px 4px rgba(255,255,255,.2),0 0 80px 20px rgba(255,255,255,.1)}.btn-primary:hover .btn-text-slide{transform:translateY(-50%)}.btn-primary:active{transform:scale(.94)!important;transition:transform .1s ease}.btn-secondary{display:flex;align-items:center;gap:4px;color:var(--text-muted);text-decoration:none;font-size:16px;font-weight:600;transition:color .4s cubic-bezier(.16, 1, .3, 1)}.btn-secondary:hover{color:var(--text-color)}.custom-arrow{display:inline-block;vertical-align:middle;margin-left:0;overflow:visible}.arrow-shaft{stroke-dasharray:16;stroke-dashoffset:16;opacity:0;transition:stroke-dashoffset .65s cubic-bezier(.16, 1, .3, 1),opacity .25s ease}.arrow-head{transform:translateX(-16px);transition:transform .65s cubic-bezier(.16, 1, .3, 1)}.btn-secondary:hover .arrow-shaft{stroke-dashoffset:0;opacity:1}.btn-secondary:hover .arrow-head{transform:translateX(0)}.hero-image{display:flex;justify-content:center;align-items:center;width:clamp(280px,25vw,380px);flex-shrink:0}.js .hero-image{opacity:.1;transform:scale(.94) translateY(20px);animation:revealHeroImage .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes revealHeroImage{from{opacity:0;transform:scale(.94) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.hero-image img,.hero-image video{max-width:100%;height:auto;object-fit:contain;border-radius:8px}.desktop-video{display:block}.mobile-image{display:none}.carousel-section{min-height:100vh;padding:100px 0 80px 0;background-color:var(--bg-color);display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.section-title{font-size:56px;font-weight:500;color:#fff;text-align:center;letter-spacing:-3.5px;z-index:10;opacity:0;transform:translateY(40px);filter:blur(10px);transition:opacity 1.6s cubic-bezier(.16, 1, .3, 1),transform 1.6s cubic-bezier(.16, 1, .3, 1),filter 1.6s cubic-bezier(.16, 1, .3, 1),letter-spacing 1.6s cubic-bezier(.16, 1, .3, 1);will-change:opacity,transform,filter,letter-spacing}.section-title.visible{opacity:1;transform:translateY(0);filter:blur(0);letter-spacing:-1.5px}.carousel-section .section-title{margin-bottom:50px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.carousel-container{width:100%;max-width:1400px;position:relative;perspective:1200px;display:flex;flex-direction:column;align-items:center;touch-action:pan-y}.carousel-track{position:relative;width:100%;height:580px;display:flex;justify-content:center;align-items:center;transform-style:preserve-3d}.carousel-card{position:absolute;width:340px;height:520px;display:flex;flex-direction:column;transition:transform .6s cubic-bezier(.2, .8, .2, 1),opacity .6s cubic-bezier(.2, .8, .2, 1),filter .6s cubic-bezier(.2, .8, .2, 1);will-change:transform,opacity;cursor:pointer}.card-inner{width:100%;height:100%;background:#000;border-radius:24px;border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 60px rgba(0,0,0,.9);overflow:hidden;display:flex;flex-direction:column;position:relative;z-index:2}.card-reflection{display:none!important}.card-inner .card-image,.card-reflection .card-image{width:100%;height:55%;object-fit:cover}.card-inner .card-content,.card-reflection .card-content{padding:30px 24px;flex-grow:1;display:flex;flex-direction:column;justify-content:flex-start}.carousel-card h3{font-size:24px;font-weight:500;margin-bottom:12px;color:var(--text-color)}.carousel-card p{font-size:16px;color:var(--text-muted);line-height:1.6}.carousel-card[data-pos="0"]{transform:translateX(0) scale(1) translateZ(0) rotateY(0);opacity:1;z-index:5;filter:brightness(1);border-color:rgba(255,255,255,.15)}.carousel-card[data-pos="1"]{transform:translateX(75%) scale(.9) translateZ(-80px) rotateY(-20deg);opacity:1;z-index:4;filter:brightness(.5)}.carousel-card[data-pos="-1"]{transform:translateX(-75%) scale(.9) translateZ(-80px) rotateY(20deg);opacity:1;z-index:4;filter:brightness(.5)}.carousel-card[data-pos="2"]{transform:translateX(135%) scale(.8) translateZ(-160px) rotateY(-35deg);opacity:1;z-index:3;filter:brightness(.2)}.carousel-card[data-pos="-2"]{transform:translateX(-135%) scale(.8) translateZ(-160px) rotateY(35deg);opacity:1;z-index:3;filter:brightness(.2)}.carousel-card[data-pos="-3"],.carousel-card[data-pos="3"]{transform:translateX(0) scale(.6) translateZ(-240px) rotateY(0);opacity:0;z-index:1;filter:brightness(0);pointer-events:none}.carousel-container:not(.revealed) .carousel-card{opacity:0!important;transform:translateY(120px) scale(.8)!important;filter:brightness(0)!important;pointer-events:none!important}.carousel-container.revealed:not(.reveal-complete) .carousel-card{transition:opacity 1.4s cubic-bezier(.16, 1, .3, 1),transform 1.4s cubic-bezier(.16, 1, .3, 1),filter 1.4s cubic-bezier(.16, 1, .3, 1)!important}.carousel-container.revealed:not(.reveal-complete) .carousel-card[data-pos="0"]{transition-delay:0.1s!important}.carousel-container.revealed:not(.reveal-complete) .carousel-card[data-pos="-1"],.carousel-container.revealed:not(.reveal-complete) .carousel-card[data-pos="1"]{transition-delay:0.35s!important}.carousel-container.revealed:not(.reveal-complete) .carousel-card[data-pos="-2"],.carousel-container.revealed:not(.reveal-complete) .carousel-card[data-pos="2"]{transition-delay:0.6s!important}.carousel-controls{display:flex;gap:24px;margin-top:50px;z-index:10}.carousel-btn{width:56px;height:56px;border-radius:28px;background:0 0;border:1px solid rgba(255,255,255,.2);color:var(--text-color);display:flex;justify-content:center;align-items:center;cursor:pointer;transition:width .4s cubic-bezier(.16, 1, .3, 1),border-color .3s ease,background .3s ease,transform .3s cubic-bezier(.16, 1, .3, 1);position:relative;overflow:hidden}.carousel-btn::after,.carousel-btn::before{content:'';position:absolute;opacity:0;transition:opacity .3s ease;pointer-events:none}.carousel-btn.active-timer{width:86px;border-color:transparent}.carousel-btn.active-timer::before{inset:1.5px;background-color:var(--bg-color);border-radius:28px;z-index:1;opacity:1;transition:background-color .3s ease}.carousel-btn.active-timer::after{top:50%;left:50%;width:200%;height:400%;background:conic-gradient(from 0deg,transparent 0,rgba(128,128,128,.2) 20%,rgba(180,180,180,.5) 60%,#fff 100%);transform:translate(-50%,-50%) rotate(0);z-index:0;opacity:1}.carousel-btn.active-timer.is-animating::after{animation:borderTimer 6s linear infinite}.carousel-container.is-paused .carousel-btn.active-timer.is-animating::after{animation-play-state:paused}@keyframes borderTimer{0%{transform:translate(-50%,-50%) rotate(0)}100%{transform:translate(-50%,-50%) rotate(360deg)}}.carousel-btn svg{position:relative;z-index:2;transition:transform .3s cubic-bezier(.16, 1, .3, 1)}.carousel-btn:hover svg{transform:scale(1.15)}.carousel-btn:active{transform:scale(.95)}.referenzen-section{position:relative;width:100%;min-height:70vh;background:#000;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:30px 0}.referenzen-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;text-align:center;pointer-events:none}.referenzen-overlay h2{font-size:clamp(28px, 4.2vw, 52px);font-weight:400;line-height:1.15;letter-spacing:-1.5px;margin-bottom:20px;color:#fff;text-shadow:0 4px 40px rgba(0,0,0,.9);text-wrap:balance}.referenzen-overlay p{font-size:clamp(16px, 1.8vw, 22px);color:#fff;font-weight:400;text-shadow:0 2px 20px rgba(0,0,0,.9);text-wrap:balance}.referenzen-overlay-content{background:radial-gradient(ellipse at center,rgba(0,0,0,.85) 0,rgba(0,0,0,.6) 40%,transparent 70%);padding:100px 150px;display:flex;flex-direction:column;align-items:center;pointer-events:auto;width:100vw;max-width:1200px}.referenzen-overlay-content h2{max-width:900px;margin-bottom:24px}.referenzen-overlay-content p{max-width:620px;line-height:1.5;margin-bottom:20px}.referenzen-text-wrapper{-webkit-mask-image:radial-gradient(circle 500px at var(--mouse-x,50%) var(--mouse-y,50%),black 0%,rgba(0,0,0,0.85) 120px,rgba(0,0,0,0.65) 250px,rgba(0,0,0,0.5) 500px);mask-image:radial-gradient(circle 500px at var(--mouse-x,50%) var(--mouse-y,50%),black 0%,rgba(0,0,0,0.85) 120px,rgba(0,0,0,0.65) 250px,rgba(0,0,0,0.5) 500px);display:flex;flex-direction:column;align-items:center;width:100%}.referenzen-overlay-content .referenzen-btn,.referenzen-overlay-content h2,.referenzen-overlay-content p{opacity:0;transform:scale(.94) translateY(20px);will-change:opacity,transform}.referenzen-overlay-content.revealed h2{animation:revealHeroImage 1.4s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.1s}.referenzen-overlay-content.revealed p{animation:revealHeroImage 1.4s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.25s}.referenzen-overlay-content.revealed .referenzen-btn{animation:revealHeroImage 1.4s cubic-bezier(.16,1,.3,1) forwards!important;animation-delay:.4s!important;margin-top:10px;pointer-events:auto}.referenzen-grid{display:flex;flex-direction:column;gap:20px;width:120vw;margin-left:-10vw}.referenzen-overlay-shadow{position:absolute;inset:0;background:linear-gradient(90deg,#000 0,rgba(0,0,0,.6) 10%,transparent 30%,transparent 70%,rgba(0,0,0,.6) 90%,#000 100%);pointer-events:none;z-index:15}.marquee-row{display:flex;gap:20px;width:max-content}.marquee-content{display:flex;gap:20px;width:max-content;will-change:transform}.marquee-content img{height:185px;width:300px;object-fit:cover;border-radius:16px;opacity:1;transition:opacity .6s ease}.referenzen-section.webgl-ready .marquee-content img{opacity:0}.referenzen-webgl-canvas{opacity:0;transition:opacity .6s ease}.referenzen-section.webgl-ready .referenzen-webgl-canvas{opacity:1}@keyframes scrollLeftMarquee{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}@keyframes scrollRightMarquee{0%{transform:translateX(-100%)}100%{transform:translateX(0)}}.marquee-row.left-fast .marquee-content{animation:scrollLeftMarquee 22s linear infinite}.marquee-row.right-slow .marquee-content{animation:scrollRightMarquee 45s linear infinite}.section-placeholder{height:100vh;padding:100px 80px;background-color:var(--bg-color);border-top:1px solid #111;display:flex;justify-content:center;align-items:center}.section-placeholder h2{font-size:32px;font-weight:500;color:var(--text-color)}@media (max-width:1024px){.hero-container{flex-direction:column;text-align:center;padding-top:140px;gap:48px}.hero-content{align-items:center}.hero-title{max-width:620px;font-size:clamp(32px, 5.5vw, 52px)}.hero-description{margin-left:auto;margin-right:auto;max-width:460px;text-wrap:balance}.hero-buttons{justify-content:center}.hero-image{width:100%;max-width:450px}.hero-text-wrapper{-webkit-mask-image:radial-gradient(circle 400px at 50% 50%,black 0%,rgba(0,0,0,0.85) 100px,rgba(0,0,0,0.65) 200px,rgba(0,0,0,0.5) 400px);mask-image:radial-gradient(circle 400px at 50% 50%,black 0%,rgba(0,0,0,0.85) 100px,rgba(0,0,0,0.65) 200px,rgba(0,0,0,0.5) 400px)}.section-placeholder{padding:100px 24px}}.hamburger-menu{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;background:0 0;border:none;cursor:pointer;padding:0;z-index:1000;transition:transform .4s cubic-bezier(.16, 1, .3, 1)}.hamburger-menu:hover{transform:scale(1.08)}.hamburger-menu.open{transform:rotate(90deg)}.hamburger-menu .bar{width:100%;height:2px;background-color:var(--text-color);border-radius:2px;transition:transform .35s cubic-bezier(.16, 1, .3, 1),opacity .35s ease,background-color .35s ease}.hamburger-menu.open .bar:first-child{transform:translateY(8px) rotate(45deg)}.hamburger-menu.open .bar:nth-child(2){opacity:0}.hamburger-menu.open .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}@media (max-width:768px){.hero-container{padding-left:16px;padding-right:16px}.hero-description{font-size:16px}@media (max-width:480px){.hero-image{margin:0;padding:0 24px;width:100%;max-width:none;box-sizing:border-box}.hero-image img,.hero-image video{border-radius:8px;min-height:auto}.desktop-video{display:none!important}.mobile-image{display:block!important}.js .hero-buttons .btn-primary,.js .hero-content .btn-secondary{opacity:1!important;transform:none!important;animation:none!important}}}@media (max-width:900px){.navbar{position:fixed;background:rgba(0,0,0,.4);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:18px 24px;border-bottom:1px solid rgba(255,255,255,.05);transition:background-color .4s ease,border-color .4s ease}.logo-text{font-size:16px}.navbar.menu-open{background:0 0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-bottom-color:transparent!important}.navbar-left,.navbar-right{position:relative;z-index:1001}.hamburger-menu{display:flex}.navbar-center{position:fixed;top:0;left:0!important;width:100%!important;height:100vh!important;background:rgba(3,3,5,.65)!important;backdrop-filter:blur(30px) saturate(180%)!important;-webkit-backdrop-filter:blur(30px) saturate(180%)!important;flex-direction:column;justify-content:flex-start!important;align-items:center;opacity:0;visibility:hidden;transform:translateY(-20px)!important;transition:opacity .4s ease,transform .4s ease,visibility .4s;border-radius:0!important;border:none!important;padding:120px 0 0 0!important;z-index:999;animation:none!important}.navbar-center.open{opacity:1!important;visibility:visible!important;transform:translateY(0)!important}.nav-links{flex-direction:column;gap:30px;text-align:center;width:100%}.navbar-center .nav-item{width:100%;opacity:0;transform:translateY(15px);transition:opacity .45s cubic-bezier(.215, .61, .355, 1),transform .45s cubic-bezier(.215, .61, .355, 1)}.navbar-center.open .nav-item{opacity:1;transform:translateY(0)}.navbar-center.open .nav-item:first-child{transition-delay:0.15s}.navbar-center.open .nav-item:nth-child(2){transition-delay:0.22s}.navbar-center.open .nav-item:nth-child(3){transition-delay:0.29s}.navbar-center.open .nav-item:nth-child(4){transition-delay:0.36s}.navbar-center.open .nav-item:nth-child(5){transition-delay:0.43s}.navbar-center.open .nav-item:nth-child(6){transition-delay:0.50s}.nav-item.mobile-only{display:block}.nav-btn-container{display:none!important}.nav-item a{display:block;width:100%;font-size:24px;padding:10px 20px}.active-indicator{display:none}}@media (max-width:768px){.marquee-content img{height:120px;width:195px}.carousel-section{padding:70px 0 50px 0}.carousel-section .section-title{font-size:36px;margin-bottom:30px}.carousel-track{height:480px}.carousel-card{width:280px;height:420px}.carousel-card h3{font-size:20px}.carousel-card p{font-size:16px}.carousel-card[data-pos="0"]{transform:translateX(0) scale(1) translateZ(0) rotateY(0)}.carousel-card[data-pos="1"]{transform:translateX(65%) scale(.85) translateZ(-100px) rotateY(-20deg)}.carousel-card[data-pos="-1"]{transform:translateX(-65%) scale(.85) translateZ(-100px) rotateY(20deg)}.carousel-card[data-pos="2"]{transform:translateX(110%) scale(.7) translateZ(-200px) rotateY(-30deg)}.carousel-card[data-pos="-2"]{transform:translateX(-110%) scale(.7) translateZ(-200px) rotateY(30deg)}.carousel-card[data-pos="-3"],.carousel-card[data-pos="3"]{transform:translateX(0) scale(.5) translateZ(-300px) rotateY(0);opacity:0;pointer-events:none}.referenzen-section{padding-top:50px!important;min-height:auto}.referenzen-overlay h2{font-size:28px;letter-spacing:-.5px;line-height:1.2;max-width:520px;margin-left:auto;margin-right:auto}.referenzen-overlay p{font-size:16px;max-width:440px;margin-left:auto;margin-right:auto}.desktop-br{display:none}.referenzen-overlay-content{padding:60px 20px;width:100vw}.referenzen-text-wrapper{-webkit-mask-image:none!important;mask-image:none!important}.marquee-content img{height:120px;width:195px;border-radius:16px}.referenzen-grid{width:150vw;margin-left:-25vw;perspective:600px;transform:rotateX(10deg) scale(1.1);-webkit-mask-image:radial-gradient(ellipse at center,black 55%,transparent 80%);mask-image:radial-gradient(ellipse at center,black 55%,transparent 80%)}}.prozess-3d-section{position:relative;z-index:5;background:#000}.prozess-scroll-spacer{height:500vh;position:relative}.prozess-viewport{position:sticky;top:0;height:100vh;width:100%;overflow:hidden;background:#000}.prozess-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;display:block}.prozess-viewport::after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse 70% 60% at 50% 50%,transparent 40%,rgba(0,0,0,.55) 100%)}.step-card{position:absolute;z-index:3;display:flex;flex-direction:column;align-items:flex-start;pointer-events:none;opacity:0;transform:translateY(-100%);will-change:opacity,left,top}.step-content{opacity:0;transform:translateY(14px);will-change:opacity,transform;padding-bottom:10px}.step-title{font-family:Inter,sans-serif;font-size:1.25rem;font-weight:500;color:#fff;margin:0 0 6px 0;letter-spacing:.3px;line-height:1.3;white-space:nowrap}.step-desc{font-family:Inter,sans-serif;font-size:1rem;font-weight:300;color:rgba(255,255,255,.6);line-height:1.55;margin:0;max-width:280px}.step-connector{width:1.5px;height:0;opacity:0;background:linear-gradient(to bottom,rgba(255,255,255,.45),rgba(255,255,255,.15));margin-left:1px;will-change:height,opacity}.prozess-mobile{display:none}@media (max-width:768px){.prozess-scroll-spacer{height:auto}.prozess-viewport{position:relative;height:auto;overflow:visible}.prozess-viewport::after{display:none}.prozess-canvas{display:none!important}.step-card{display:none!important}.prozess-mobile{display:block;position:relative;padding:60px 20px 60px 55px}.prozess-mobile-line{position:absolute;left:30px;top:40px;bottom:40px;width:1px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.15) 8%,rgba(255,255,255,.15) 92%,transparent)}.mobile-step{position:relative;padding:28px 0;opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s ease}.mobile-step.visible{opacity:1;transform:translateY(0)}.mobile-step-dot{position:absolute;left:-31px;top:34px;width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);transition:all .5s ease .2s}.mobile-step.visible .mobile-step-dot{background:rgba(255,255,255,.8);border-color:rgba(255,255,255,.6);box-shadow:0 0 12px rgba(255,255,255,.25)}.mobile-step h3{font-family:Inter,sans-serif;font-size:1.15rem;font-weight:500;color:#fff;margin:0 0 6px 0;letter-spacing:.2px}.mobile-step p{font-family:Inter,sans-serif;font-size:1rem;font-weight:300;color:rgba(255,255,255,.55);line-height:1.55;margin:0;max-width:400px}}.pricing-section{position:relative;padding:140px 24px;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;min-height:80vh}.pricing-section .section-title{margin-bottom:60px;position:relative;z-index:1}.pricing-bg-video-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;background:#000}.pricing-bg-video{width:100%;height:100%;object-fit:cover;opacity:.9;transform:scale(.85) translateY(100px);transform-origin:center}.pricing-bg-video-container::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,transparent 40%,#000 85%,#000 100%),linear-gradient(to right,#000 0,#000 12%,transparent 35%,transparent 65%,#000 88%,#000 100%),linear-gradient(to top,#000 0,#000 12%,transparent 35%)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;width:100%;max-width:1200px;position:relative;z-index:1;align-items:stretch}.pricing-grid:not(.revealed) .pricing-card{opacity:0!important;transform:translateY(120px) scale(.95)!important;pointer-events:none!important}.pricing-grid.revealed:not(.reveal-complete) .pricing-card{transition:opacity 1.4s cubic-bezier(.16, 1, .3, 1),transform 1.4s cubic-bezier(.16, 1, .3, 1)!important}.pricing-grid.revealed:not(.reveal-complete) .pricing-card.featured{transition-delay:0.1s!important}.pricing-grid.revealed:not(.reveal-complete) .pricing-card:not(.featured){transition-delay:0.35s!important}.pricing-card{background:rgba(15,15,15,.08);border:none;border-radius:20px;padding:40px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);display:flex;flex-direction:column;box-shadow:0 30px 60px rgba(0,0,0,.4),inset 0 0 25px rgba(255,255,255,.06);transition:transform .4s cubic-bezier(.16, 1, .3, 1),background .4s ease,box-shadow .4s ease}.pricing-card.featured{background:rgba(30,30,30,.16);border:none;padding:52px 40px;transform:translateY(-40px)!important;box-shadow:0 45px 90px rgba(0,0,0,.6),inset 0 0 25px rgba(255,255,255,.06)}.pricing-header{margin-bottom:32px}.plan-name{font-size:16px;color:rgba(255,255,255,.6);margin-bottom:8px;display:block;text-transform:uppercase;letter-spacing:1px}.plan-price{font-size:42px;font-weight:600;color:#fff;margin-bottom:12px;letter-spacing:-1px}.plan-desc{font-size:16px;color:rgba(255,255,255,.7);line-height:1.5}.plan-features{list-style:none;margin-bottom:16px;flex-grow:1}.plan-features li{display:flex;align-items:center;gap:12px;font-size:16px;color:rgba(255,255,255,.85);margin-bottom:16px}.feature-icon{width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:inset 0 1px 1px rgba(255,255,255,.2),inset 0 -4px 6px -3px rgba(255,255,255,.3)}.feature-icon svg{width:13px;height:13px;color:#fff}.pricing-btn{position:relative;overflow:hidden;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:100%;height:52px;padding:0 24px;flex-shrink:0;text-align:center;border-radius:50px;font-size:16px;font-weight:600;text-decoration:none;transition:color .4s cubic-bezier(.25, 1, .5, 1),border-color .4s cubic-bezier(.25, 1, .5, 1),background-color .4s cubic-bezier(.25, 1, .5, 1),transform .3s cubic-bezier(.25, 1, .5, 1),box-shadow .3s cubic-bezier(.25, 1, .5, 1)}.pricing-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(255,255,255,.08)}.pricing-btn:active{transform:translateY(0) scale(.96);box-shadow:0 4px 10px rgba(255,255,255,.04)}.pricing-btn::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;z-index:-1;transition:transform .4s cubic-bezier(.25, 1, .5, 1)}.pricing-btn-outline{background:0 0;color:#fff;border:1px solid rgba(255,255,255,.15)}.pricing-card:first-child .pricing-btn-outline::before{transform:scaleX(0);transform-origin:right}.pricing-card:last-child .pricing-btn-outline::before{transform:scaleX(0);transform-origin:left}.pricing-btn-outline.is-active{color:#000!important;border-color:#fff!important}.pricing-btn-outline.is-active::before{transform:scaleX(1)!important}.pricing-btn-solid{background:0 0;color:#000;border:1px solid #fff}.pricing-btn-solid::before{transform:scaleX(1);transform-origin:center}.pricing-btn-solid.slide-left{color:#fff!important}.pricing-btn-solid.slide-left::before{transform:scaleX(0)!important;transform-origin:left!important}.pricing-btn-solid.slide-right{color:#fff!important}.pricing-btn-solid.slide-right::before{transform:scaleX(0)!important;transform-origin:right!important}.pricing-btn-solid.return-left::before{transform-origin:left!important}.pricing-btn-solid.return-right::before{transform-origin:right!important}@media (max-width:1024px){.pricing-section{padding:100px 12px}.pricing-grid{grid-template-columns:1fr;gap:32px;padding:0 4px}.pricing-grid.revealed .pricing-card,.pricing-grid:not(.revealed) .pricing-card{opacity:0!important;transform:translateY(60px) scale(.98)!important;pointer-events:none!important;transition:opacity 1s cubic-bezier(.16, 1, .3, 1),transform 1s cubic-bezier(.16, 1, .3, 1)!important}.pricing-card.reveal-slide-up.revealed{opacity:1!important;transform:translateY(0) scale(1)!important;pointer-events:all!important}.pricing-card{max-width:420px;width:100%;margin:0 auto;padding:24px 20px!important;border:1px solid #1a1a22!important;box-shadow:inset 0 -60px 60px -40px rgba(255,255,255,.08),0 40px 80px rgba(0,0,0,.7)!important}.pricing-card.featured{padding:24px 20px!important}}:root{--ablauf-bg:#000000;--ablauf-text-active:#ffffff;--ablauf-text-muted:rgba(255, 255, 255, 0.4);--ablauf-arrow-bg:rgba(255, 255, 255, 0.12)}.prozess-section{position:relative;z-index:5;background-color:var(--ablauf-bg)}.prozess-scroll-container{height:300vh;position:relative}.prozess-sticky-wrapper{position:sticky;top:0;width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:visible}.prozess-container{width:100%;max-width:1200px;padding:0 2rem;box-sizing:border-box}.prozess-layout-desktop{display:flex;flex-direction:column;justify-content:center;width:100%;max-width:1000px;margin:0 auto;gap:1rem}.prozess-desktop-nav{display:flex;align-items:center;gap:2.5rem;margin-top:1.5rem}.prozess-desktop-nav.reveal-slide-up{transition-delay:0.15s}.prozess-desktop-desc.reveal-slide-up{transition-delay:0.35s}.desktop-nav-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem;opacity:.35;cursor:pointer;transition:opacity .4s cubic-bezier(.25, .46, .45, .94),transform .4s cubic-bezier(.25, .46, .45, .94)}.desktop-nav-item.active{opacity:1;transform:scale(1.08)}.desktop-nav-item .d-num{font-size:4rem;font-weight:300;line-height:1;color:var(--ablauf-text-active);transition:text-shadow .4s ease,color .4s ease}.desktop-nav-item.active .d-num{color:var(--ablauf-text-active);text-shadow:0 0 10px rgba(255,255,255,.35)}.desktop-nav-item .d-title{font-size:.9rem;font-weight:500;color:rgba(255,255,255,.6);text-transform:uppercase;letter-spacing:1px;transition:color .4s ease}.desktop-nav-item.active .d-title{color:var(--ablauf-text-active)}.desktop-nav-arrow{position:relative;width:80px;min-width:80px;flex-shrink:0;height:24px;display:flex;align-items:center;justify-content:flex-start}.arrow-bg{position:absolute;top:0;left:0;width:80px;height:24px;color:var(--ablauf-arrow-bg)}.arrow-active-wrapper{position:absolute;top:0;left:0;height:24px;overflow:hidden;width:0%;opacity:0;transition:width .15s cubic-bezier(.25, .46, .45, .94),opacity .3s ease}.arrow-active{position:absolute;top:0;left:0;width:80px;height:24px;color:var(--ablauf-text-active)}.prozess-desktop-desc{position:relative;min-height:240px;margin-top:3.5rem;overflow:hidden}.desc-text-line{position:absolute;top:0;left:0;width:100%;font-size:clamp(1.8rem, 3.5vw, 2.5rem);font-weight:400;line-height:1.4;color:var(--ablauf-text-active);transition:opacity .55s cubic-bezier(.25, 1, .5, 1),transform .55s cubic-bezier(.25, 1, .5, 1);will-change:opacity,transform}.desc-text-line.enter-bottom{opacity:0!important;transform:translateY(60px)!important}.desc-text-line.active{opacity:1!important;transform:translateY(0)!important}.desc-text-line.exit-top{opacity:0!important;transform:translateY(-60px)!important}@media (max-width:900px){.prozess-layout-desktop{display:none!important}.prozess-layout-mobile{display:flex!important}}@media (min-width:901px){.prozess-layout-desktop{display:flex!important}.prozess-layout-mobile{display:none!important}}.section-title{text-align:center;font-size:clamp(1.6rem, 4vw, 2.5rem);font-weight:300;margin-bottom:25px;letter-spacing:1px}.section-title.process-reveal{color:rgba(255,255,255,.2);background:linear-gradient(to bottom,#fff var(--wipe,0),rgba(255,255,255,.2) var(--wipe,0));-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:opacity .3s ease}.prozess-layout{display:flex;flex-direction:column;justify-content:space-between;height:70vh;min-height:600px;max-height:800px;position:relative;width:100%}.p-timeline-line-bg,.p-timeline-line-fill{position:absolute;width:2px;left:50%;transform:translateX(-50%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 80px);mask-image:linear-gradient(to bottom,transparent 0%,black 80px)}.p-timeline-line-bg{height:100%;background:rgba(255,255,255,.1);top:0;z-index:1}.p-timeline-line-fill{height:0%;background:#d0d0d0;top:0;box-shadow:0 0 8px rgba(255,255,255,.2);z-index:2;transition:height .1s ease-out}.prozess-step-row{display:flex;width:100%;align-items:center;position:relative;z-index:3}.prozess-step-left{flex:1;display:flex;justify-content:flex-end;padding-right:40px}.p-number{font-size:5rem;font-weight:100;line-height:1;color:rgba(255,255,255,.1);transition:color .4s ease,transform .4s ease;transform:translateX(20px)}.p-number.active{color:#fff;transform:translateX(0)}.prozess-step-center{flex:0 0 60px;display:flex;justify-content:center;position:relative}.p-dot-wrapper{position:relative;width:24px;height:24px;display:flex;justify-content:center;align-items:center}.p-dot{width:12px;height:12px;border-radius:50%;background:#222;border:2px solid #444;transition:background .4s ease,border-color .4s ease;box-shadow:0 0 0 8px #000}.p-dot-wrapper.active .p-dot{background:#e0e0e0;border-color:#e0e0e0;box-shadow:0 0 12px rgba(255,255,255,.4),0 0 0 8px #000}.p-dot-ring{position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid #fff;transform:scale(.5);opacity:0;pointer-events:none}.p-dot-wrapper.active.ripple .p-dot-ring{animation:dotRipple 1s ease-out forwards}@keyframes dotRipple{0%{transform:scale(1);opacity:.8}100%{transform:scale(2.5);opacity:0}}.floor-glow{position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);width:100px;height:30px;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .1s ease;z-index:1;pointer-events:none}.floor-ellipse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);border-radius:50%;background:#fff;opacity:0;transition:transform .5s ease-out,opacity .5s ease-out}.ellipse-core{width:20px;height:6px;box-shadow:0 0 15px 4px rgba(255,255,255,.8);z-index:4}.ellipse-2{width:40px;height:12px;z-index:3}.ellipse-3{width:60px;height:18px;z-index:2}.ellipse-4{width:80px;height:24px;z-index:1}.floor-glow.finished{opacity:1}.floor-glow.finished .floor-ellipse{transform:translate(-50%,-50%) scale(1)}.floor-glow.finished .ellipse-core{opacity:1;transition-delay:0s}.floor-glow.finished .ellipse-2{opacity:.4;transition-delay:0.15s}.floor-glow.finished .ellipse-3{opacity:.15;transition-delay:0.3s}.floor-glow.finished .ellipse-4{opacity:.05;transition-delay:0.45s}.prozess-step-right{flex:1;padding-left:40px;display:flex;flex-direction:column}.p-step{max-width:800px;opacity:.5;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease}.p-step.active{opacity:1;transform:translateY(0)}.mobile-number-title{font-size:1.5rem;font-weight:500;margin-bottom:5px;color:#fff}.mobile-number-title .m-number{display:none}.p-step p{font-size:1rem;color:rgba(255,255,255,.8);margin:0;padding-right:2rem}@media (max-width:900px){body,html{overflow-x:hidden;width:100%}.prozess-scroll-container{height:auto}.prozess-sticky-wrapper{position:relative;height:auto;justify-content:flex-start;padding-top:40px;padding-bottom:40px}.prozess-layout{height:auto;max-height:none;gap:40px}.p-timeline-line-bg,.p-timeline-line-fill{left:20px;top:80px;height:calc(100% - 80px);transform:translateX(0);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 30px);mask-image:linear-gradient(to bottom,transparent 0%,black 30px)}.floor-glow{left:21px;transform:translateX(-50%);bottom:-10px}.prozess-step-row{align-items:flex-start}.prozess-step-left{display:none}.prozess-step-center{flex:0 0 40px;justify-content:flex-start}.p-dot-wrapper{margin-left:9px;margin-top:5px}.prozess-step-right{padding-left:0;flex:1}.p-step{max-width:500px}.mobile-number-title .m-number{display:inline-block;font-weight:300;color:rgba(255,255,255,.3);margin-right:8px;transition:color .4s ease}.p-step.active .mobile-number-title .m-number{color:#fff}}.faq-section{padding:120px 24px;background:#000;color:#fff;width:100%;display:flex;justify-content:center}.faq-container{width:100%;max-width:1200px;display:flex;gap:80px;align-items:flex-start}.faq-left{flex:1;position:sticky;top:120px}.faq-title{font-size:clamp(2.5rem, 5vw, 4rem);font-weight:300;line-height:1.1;margin-bottom:24px;letter-spacing:-.5px}.faq-left .faq-title{opacity:0;transform:translateY(40px);filter:blur(10px);letter-spacing:-2.5px;will-change:opacity,transform,filter,letter-spacing;transition:opacity 1.6s cubic-bezier(.16, 1, .3, 1),transform 1.6s cubic-bezier(.16, 1, .3, 1),filter 1.6s cubic-bezier(.16, 1, .3, 1),letter-spacing 1.6s cubic-bezier(.16, 1, .3, 1)}.faq-left .faq-subtitle{opacity:0;transform:translateY(30px);will-change:opacity,transform;transition:opacity 1.4s cubic-bezier(.16, 1, .3, 1),transform 1.4s cubic-bezier(.16, 1, .3, 1)}.faq-left.revealed .faq-title{opacity:1;transform:translateY(0);filter:blur(0);letter-spacing:-.5px;transition-delay:0.1s}.faq-left.revealed .faq-subtitle{opacity:1;transform:translateY(0);transition-delay:0.35s}.faq-right.reveal-stagger>.faq-item{opacity:0!important;transform:translateY(50px) scale(.96)!important;will-change:opacity,transform;transition:opacity 1.2s cubic-bezier(.16, 1, .3, 1),transform 1.2s cubic-bezier(.16, 1, .3, 1)!important}.faq-right.reveal-stagger.revealed>.faq-item{opacity:1!important;transform:translateY(0) scale(1)!important}.faq-right.reveal-stagger.revealed>.faq-item:first-child{transition-delay:0.1s!important}.faq-right.reveal-stagger.revealed>.faq-item:nth-child(2){transition-delay:0.25s!important}.faq-right.reveal-stagger.revealed>.faq-item:nth-child(3){transition-delay:0.4s!important}.faq-right.reveal-stagger.revealed>.faq-item:nth-child(4){transition-delay:0.55s!important}.faq-right.reveal-stagger.revealed>.faq-item:nth-child(5){transition-delay:0.7s!important}.faq-right.reveal-stagger.revealed>.faq-item:nth-child(6){transition-delay:0.85s!important}.faq-right.reveal-stagger.revealed>.faq-item:nth-child(7){transition-delay:1.0s!important}.faq-right{flex:1.5;display:flex;flex-direction:column;gap:16px}.faq-item{border:1px solid rgba(255,255,255,.05);border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.03) 0,rgba(255,255,255,.01) 100%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);overflow:hidden;transition:background .4s ease,border-color .4s ease}.faq-item:hover{background:linear-gradient(135deg,rgba(255,255,255,.06) 0,rgba(255,255,255,.02) 100%);border-color:rgba(255,255,255,.15)}.faq-item.active{border-color:rgba(255,255,255,.35);background:linear-gradient(135deg,rgba(255,255,255,.08) 0,rgba(255,255,255,.03) 100%)}.faq-question{width:100%;text-align:left;background:0 0;border:none;padding:24px;display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:1.1rem;font-family:inherit;cursor:pointer}.faq-icon{width:24px;height:24px;flex-shrink:0;margin-left:20px;transition:transform .3s ease;opacity:.8}.faq-item.active .faq-icon{transform:rotate(90deg)}.faq-answer{height:0;overflow:hidden;transition:height .4s cubic-bezier(.4, 0, .2, 1)}.faq-answer-inner{padding:0 24px 24px 24px;color:rgba(255,255,255,.7);font-size:1rem;line-height:1.6}@media (max-width:1100px) and (min-width:901px){.faq-container{gap:40px}}@media (max-width:900px){.faq-container{flex-direction:column;gap:40px;align-items:center}.faq-left{position:relative;top:0;text-align:center;display:flex;flex-direction:column;align-items:center;width:100%}.faq-title{max-width:600px;margin:0 auto 24px auto}.faq-subtitle{margin:0 auto;max-width:480px}.faq-title br{display:none}.faq-right{width:100%;max-width:720px;margin:0 auto}}@media (max-width:480px){.faq-section{padding:80px 16px}.faq-question{padding:18px 14px;font-size:1rem}.faq-answer-inner{padding:0 14px 18px 14px;font-size:1rem}.faq-icon{width:18px;height:18px;margin-left:12px}}.contact-section{padding:140px 24px;background-color:#000;color:#fff;width:100%;display:flex;justify-content:center;position:relative;overflow:hidden}.contact-container{width:100%;max-width:1200px;display:flex;flex-direction:column;gap:60px;align-items:stretch;position:relative;z-index:1}.contact-top{display:flex;gap:80px;align-items:flex-start}@media (max-width:1100px) and (min-width:901px){.contact-top{gap:40px}}.contact-bottom{width:100%}.contact-left{flex:1}.contact-title{font-size:clamp(2.5rem, 4vw, 3.5rem);font-weight:400;line-height:1.2;margin-bottom:24px;background:linear-gradient(135deg,#fff 0,#aaa 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contact-subtitle{font-size:1.1rem;line-height:1.6;color:rgba(255,255,255,.65);margin-bottom:48px;max-width:90%}.contact-features{list-style:none;padding:0;margin:0 0 48px 0;display:flex;flex-direction:column;gap:16px;align-items:flex-start}.contact-features li{display:flex;align-items:center;gap:16px;font-size:1.1rem;color:rgba(255,255,255,.95)}.contact-features .feature-icon{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:inset 0 1px 1px rgba(255,255,255,.2),inset 0 -4px 6px -3px rgba(255,255,255,.3)}.contact-features .feature-icon svg{width:18px;height:18px}.email-row{display:flex;align-items:center;gap:12px}.email-copy-btn{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);display:inline-flex;align-items:center;justify-content:center;color:rgba(255,255,255,.6);flex-shrink:0;box-shadow:inset 0 1px 1px rgba(255,255,255,.2),inset 0 -4px 6px -3px rgba(255,255,255,.3);cursor:pointer;position:relative;padding:0;transition:all .3s cubic-bezier(.16, 1, .3, 1);outline:0}.email-copy-btn:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.25);color:#fff;transform:scale(1.1)}.email-copy-btn svg{position:absolute;width:14px;height:14px;transition:opacity .3s cubic-bezier(.16, 1, .3, 1),transform .3s cubic-bezier(.16, 1, .3, 1)}.email-copy-btn .check-icon-animated{opacity:0;transform:scale(.4) rotate(-20deg);stroke-dasharray:50;stroke-dashoffset:50}.email-copy-btn.copied .copy-icon{opacity:0;transform:scale(.4) rotate(20deg)}.email-copy-btn.copied .check-icon-animated{opacity:1;transform:scale(1) rotate(0);stroke-dashoffset:0;transition:opacity .2s cubic-bezier(.16, 1, .3, 1),transform .2s cubic-bezier(.16, 1, .3, 1),stroke-dashoffset .4s ease .1s}.contact-methods{display:flex;flex-direction:row;gap:24px;justify-content:center}.contact-method-card{display:flex;flex-direction:column;flex:1;align-items:flex-start;padding:24px;gap:28px;background:#000;border:1px solid rgba(255,255,255,.05);border-radius:16px;text-decoration:none;color:#fff;transition:all .4s cubic-bezier(.16, 1, .3, 1);box-shadow:inset 0 -60px 60px -40px rgba(255,255,255,.1),0 15px 40px rgba(0,0,0,.85)}.contact-method-card:hover{transform:translateY(-8px);border-color:rgba(255,255,255,.15);background:rgba(10,10,10,.95);box-shadow:inset 0 -60px 60px -40px rgba(255,255,255,.12),0 20px 40px rgba(0,0,0,.6),0 0 30px rgba(255,255,255,.05)}.contact-method-card .contact-method-icon{transition:transform .4s cubic-bezier(.16, 1, .3, 1),background .4s cubic-bezier(.16, 1, .3, 1),border-color .4s cubic-bezier(.16, 1, .3, 1),box-shadow .4s cubic-bezier(.16, 1, .3, 1)}.contact-method-card:hover .contact-method-icon{transform:scale(1.08);background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.2);box-shadow:inset 0 1px 1px rgba(255,255,255,.2),inset 0 -10px 15px -8px rgba(255,255,255,.3),inset 0 -1px 2px rgba(0,0,0,.5),0 0 15px rgba(255,255,255,.1)}.contact-method-icon{width:48px;height:48px;border-radius:12px;background:#000;box-shadow:inset 0 1px 1px rgba(255,255,255,.2),inset 0 -10px 15px -8px rgba(255,255,255,.3),inset 0 -1px 2px rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.05);display:flex;justify-content:center;align-items:center;color:rgba(255,255,255,.9);transition:all .4s cubic-bezier(.16, 1, .3, 1)}.contact-method-icon svg{width:20px;height:20px}.contact-method-info{display:flex;flex-direction:column}.contact-method-label{font-size:1rem;color:rgba(255,255,255,.95);margin-bottom:8px;font-weight:500}.contact-method-value{font-size:1rem;color:rgba(255,255,255,.5);font-weight:400}.contact-right{flex:1.1}.contact-form{background-color:#000;border:1px solid #1a1a22;padding:48px;border-radius:24px;display:flex;flex-direction:column;gap:28px;box-shadow:inset 0 -60px 60px -40px rgba(255,255,255,.08),0 40px 80px rgba(0,0,0,.7);position:relative;overflow:hidden}.form-header{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:8px;position:relative;z-index:2}.form-title{font-size:1.5rem;font-weight:500;color:#fff;margin:0;letter-spacing:-.3px}.form-row{display:flex;gap:20px;position:relative;z-index:2}.form-row .form-group{flex:1}.form-group{display:flex;flex-direction:column;gap:10px;position:relative;z-index:2}.form-group label{font-size:1rem;font-weight:500;text-transform:none;letter-spacing:normal;color:#fff;margin-left:0}.form-group input{background:#1c1c21;border:1px solid #26262a;border-radius:12px;padding:18px 20px;color:#fff;font-size:1rem;font-family:inherit;transition:all .4s cubic-bezier(.16, 1, .3, 1);outline:0}.form-group input:hover{border-color:#32323a;background:#1f1f26}.form-group input:focus{background:#22222a;border-color:#44444f}.form-group input::placeholder{color:#4b4b54}.form-privacy{margin-top:12px;margin-bottom:6px;display:flex;align-items:flex-start}.privacy-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:1rem;color:rgba(255,255,255,.6);line-height:1.5;text-align:left}.privacy-label input[type=checkbox]{appearance:none;-webkit-appearance:none;width:22px;height:22px;border:1px solid rgba(255,255,255,.2);border-radius:5px;background:rgba(255,255,255,.03);cursor:pointer;position:relative;flex-shrink:0;margin-top:2px;transition:border-color .2s cubic-bezier(.25, 1, .5, 1),background-color .2s cubic-bezier(.25, 1, .5, 1)}.privacy-label input[type=checkbox]:hover{border-color:rgba(255,255,255,.4)}.privacy-label input[type=checkbox]:checked{background-color:#fff;border-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-size:14px 14px;background-position:center;background-repeat:no-repeat}.privacy-label a{color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,0.3);transition:all .3s ease}.privacy-label a:hover{color:rgba(255,255,255,.8);text-decoration-color:#ffffff}.submit-btn{margin-top:8px;background:linear-gradient(180deg,#fff 0,#e6e6e6 100%);color:#000;border:1px solid rgba(0,0,0,.15);padding:18px 32px;border-radius:50px;font-size:1.05rem;font-weight:600;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:12px;transition:transform .3s cubic-bezier(.16, 1, .3, 1),box-shadow .3s cubic-bezier(.16, 1, .3, 1),background-color .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.4);width:100%;white-space:nowrap;position:relative;z-index:2}.submit-btn svg{width:20px;height:20px;flex-shrink:0}.submit-btn:hover{transform:scale(1.02);background:linear-gradient(180deg,#fff 0,#f5f5f7 100%);box-shadow:0 8px 24px rgba(255,255,255,.08),inset 0 1px 0 rgba(255,255,255,.4)}.submit-btn:active{transform:scale(.96)!important;transition:transform .1s ease}@media (max-width:900px){.contact-section{padding:100px 20px}.contact-container{flex-direction:column;gap:48px;align-items:center}.contact-left{text-align:center;display:flex;flex-direction:column;align-items:center;width:100%}.contact-subtitle{max-width:480px;margin-left:auto;margin-right:auto;margin-bottom:36px;text-align:center}.contact-features{align-items:flex-start;max-width:fit-content;margin-left:auto;margin-right:auto;margin-bottom:36px}.contact-features li{font-size:1rem;text-align:left}.contact-right{width:100%;max-width:600px;margin:0 auto}.form-row{flex-direction:column;gap:24px}.contact-top{flex-direction:column;gap:40px;width:100%;align-items:center}.contact-methods{flex-direction:column;width:100%;max-width:600px;margin:0 auto;gap:16px}.contact-method-card{flex-direction:row;align-items:center;gap:20px;padding:18px 20px}.contact-form{padding:36px 24px;gap:24px}}@media (max-width:480px){.contact-section{padding:80px 16px}.contact-form{padding:28px 16px;gap:20px;border-radius:16px}.form-group input{padding:14px 16px;font-size:1rem}.submit-btn{padding:14px 20px;font-size:1rem}}.nav-btn-container{display:flex;align-items:center;overflow:hidden;width:125px;opacity:1;margin-left:22px;transition:width .9s cubic-bezier(.16, 1, .3, 1),margin-left .9s cubic-bezier(.16, 1, .3, 1),opacity .8s cubic-bezier(.16, 1, .3, 1),transform .9s cubic-bezier(.16, 1, .3, 1);will-change:width,margin-left,opacity,transform}.nav-btn-container.hidden-contact-btn{width:0;opacity:0;margin-left:0;padding:0;pointer-events:none;transform:translateX(-15px)}.nav-contact-btn{display:inline-flex;align-items:center;gap:4px;background:#fff;color:#000;padding:8px 10px 8px 16px;border-radius:30px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .4s ease;white-space:nowrap}.nav-contact-btn svg{width:18px;height:18px}.nav-contact-btn .arrow-line{stroke-dasharray:14;stroke-dashoffset:14;transition:stroke-dashoffset .4s ease}.nav-contact-btn .arrow-head{transition:transform .4s ease;transform:translateX(-6px)}.nav-contact-btn:hover{background:#e0e0e0}.nav-contact-btn:hover .arrow-line{stroke-dashoffset:0}.nav-contact-btn:hover .arrow-head{transform:translateX(0)}.nav-contact-btn:active{transform:scale(.94)!important;transition:transform .1s ease}.contact-title,.faq-title,.referenzen-overlay h2,.section-title{font-size:clamp(28px, 5vw, 52px)!important;font-weight:400!important;line-height:1.15!important;letter-spacing:-1.5px!important;text-shadow:none!important}.contact-title,.faq-title,.section-title:not(.process-reveal){background:linear-gradient(180deg,#fff 15%,#555 100%)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;color:transparent!important}.referenzen-overlay h2{color:#fff!important;-webkit-text-fill-color:#ffffff!important;background:0 0!important}@media (max-width:768px){.contact-title,.faq-title,.referenzen-overlay h2,.section-title{letter-spacing:-.5px!important;line-height:1.2!important}}.reveal-fade,.reveal-slide-up{opacity:0;will-change:opacity,transform}.reveal-slide-up{transform:translateY(24px);transition:opacity .8s cubic-bezier(.16, 1, .3, 1),transform .8s cubic-bezier(.16, 1, .3, 1)}.reveal-fade{transition:opacity .8s cubic-bezier(.16, 1, .3, 1)}.reveal-slide-up.revealed{opacity:1;transform:translateY(0)}.reveal-fade.revealed{opacity:1}.reveal-stagger>*{opacity:0;transform:translateY(20px);will-change:opacity,transform;transition:opacity .8s cubic-bezier(.16, 1, .3, 1),transform .8s cubic-bezier(.16, 1, .3, 1)}.reveal-stagger.revealed>*{opacity:1;transform:translateY(0)}.reveal-stagger.revealed>:first-child{transition-delay:50ms}.reveal-stagger.revealed>:nth-child(2){transition-delay:0.15s}.reveal-stagger.revealed>:nth-child(3){transition-delay:0.25s}.reveal-stagger.revealed>:nth-child(4){transition-delay:0.35s}.reveal-stagger.revealed>:nth-child(5){transition-delay:0.45s}.reveal-stagger.revealed>:nth-child(6){transition-delay:0.55s}.reveal-contact .contact-features li,.reveal-contact .contact-form,.reveal-contact .contact-method-card,.reveal-contact .contact-subtitle,.reveal-contact .contact-title{opacity:0;transform:translateY(40px) scale(.98);will-change:opacity,transform;transition:opacity 1.3s cubic-bezier(.16, 1, .3, 1),transform 1.3s cubic-bezier(.16, 1, .3, 1)}.reveal-contact .contact-form{transform:translateY(60px) scale(.95)}.reveal-contact .contact-features li{transform:translateY(20px)}.reveal-contact.revealed .contact-features li,.reveal-contact.revealed .contact-form,.reveal-contact.revealed .contact-method-card,.reveal-contact.revealed .contact-subtitle,.reveal-contact.revealed .contact-title{opacity:1;transform:translateY(0) scale(1)}.reveal-contact.revealed .contact-title{transition-delay:50ms}.reveal-contact.revealed .contact-subtitle{transition-delay:0.16s}.reveal-contact.revealed .contact-form{transition-delay:0.28s}.reveal-contact.revealed .contact-features li:first-child{transition-delay:0.35s}.reveal-contact.revealed .contact-features li:nth-child(2){transition-delay:0.45s}.reveal-contact.revealed .contact-features li:nth-child(3){transition-delay:0.55s}.reveal-contact.revealed .contact-method-card:first-child{transition-delay:0.65s;transition:opacity 1.3s cubic-bezier(.16, 1, .3, 1) .65s,transform 1.3s cubic-bezier(.16, 1, .3, 1) .65s,border-color .4s cubic-bezier(.16, 1, .3, 1),background-color .4s cubic-bezier(.16, 1, .3, 1),box-shadow .4s cubic-bezier(.16, 1, .3, 1)}.reveal-contact.revealed .contact-method-card:nth-child(2){transition-delay:0.78s;transition:opacity 1.3s cubic-bezier(.16, 1, .3, 1) .78s,transform 1.3s cubic-bezier(.16, 1, .3, 1) .78s,border-color .4s cubic-bezier(.16, 1, .3, 1),background-color .4s cubic-bezier(.16, 1, .3, 1),box-shadow .4s cubic-bezier(.16, 1, .3, 1)}.reveal-contact.revealed .contact-method-card:nth-child(3){transition-delay:0.90s;transition:opacity 1.3s cubic-bezier(.16, 1, .3, 1) .9s,transform 1.3s cubic-bezier(.16, 1, .3, 1) .9s,border-color .4s cubic-bezier(.16, 1, .3, 1),background-color .4s cubic-bezier(.16, 1, .3, 1),box-shadow .4s cubic-bezier(.16, 1, .3, 1)}.site-footer{background-color:#000;padding:60px 48px;width:100%;display:flex;justify-content:center}.footer-container{position:relative;width:100%;max-width:1900px;padding-top:40px;display:flex;justify-content:space-between;align-items:center}.footer-container::before{content:'';position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 3%,rgba(255,255,255,.5) 10%,rgba(255,255,255,.8) 35%,rgba(255,255,255,.95) 50%,rgba(255,255,255,.8) 65%,rgba(255,255,255,.5) 90%,rgba(255,255,255,.2) 97%,rgba(255,255,255,0) 100%)}.footer-container::after{content:'';position:absolute;top:-2px;left:50%;transform:translateX(-50%);width:60px;height:5px;background:radial-gradient(ellipse at center,rgba(255,255,255,.6) 0,rgba(255,255,255,.4) 25%,rgba(255,255,255,0) 75%);filter:blur(1px);pointer-events:none}.footer-copyright{font-size:16px;color:rgba(255,255,255,.6);font-weight:400}.footer-links{display:flex;gap:32px}.footer-link{font-size:16px;color:rgba(255,255,255,.6);text-decoration:none;transition:color .3s ease}.footer-link:hover{color:#fff}@media (max-width:768px){.site-footer{padding:40px 24px 60px 24px}.footer-container{flex-direction:column;gap:20px;align-items:center;text-align:center;border-top:none;padding-top:32px}.footer-links{flex-direction:column;gap:16px}}.skip-link{position:absolute;top:-100px;left:20px;background:#fff;color:#000;padding:12px 24px;z-index:9999;font-size:16px;font-weight:500;border-radius:50px;transition:top .3s cubic-bezier(.16, 1, .3, 1);text-decoration:none;box-shadow:0 10px 30px rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.2)}.skip-link:focus{top:20px;outline:2px solid #ffffff;outline-offset:2px}:focus-visible{outline:2px solid #ffffff!important;outline-offset:4px!important}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #ffffff!important;outline-offset:2px!important}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:10000;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .4s cubic-bezier(.16, 1, .3, 1)}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-content{background:#000;border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:48px 40px;max-width:440px;width:90%;text-align:center;position:relative;transform:scale(.9) translateY(20px);transition:transform .4s cubic-bezier(.16, 1, .3, 1);box-shadow:inset 0 -60px 60px -40px rgba(255,255,255,.08),0 16px 32px rgba(0,0,0,.4),0 0 30px rgba(255,255,255,.02)}.modal-overlay.active .modal-content{transform:scale(1) translateY(0)}.modal-close{position:absolute;top:24px;right:24px;background:0 0;border:none;color:rgba(255,255,255,.3);font-size:32px;cursor:pointer;line-height:.8;transition:color .2s ease,transform .2s ease;padding:4px}.modal-close:hover{color:#fff;transform:scale(1.1)}.modal-icon{width:72px;height:72px;border-radius:50%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#fff;display:flex;justify-content:center;align-items:center;margin:0 auto 28px auto;box-shadow:inset 0 1px 1px rgba(255,255,255,.2),inset 0 -4px 6px -3px rgba(255,255,255,.3),0 12px 30px rgba(0,0,0,.4)}.modal-icon svg{width:36px;height:36px}.modal-overlay.active .modal-icon path,.modal-overlay.active .modal-icon polyline{animation:stroke-anim .6s cubic-bezier(.16,1,.3,1) forwards .25s}@keyframes stroke-anim{to{stroke-dashoffset:0}}.modal-title{font-size:1.6rem;font-weight:500;margin-bottom:14px;color:#fff;letter-spacing:-.03em}.modal-message{font-size:1rem;color:rgba(255,255,255,.55);line-height:1.65;margin-bottom:36px}.modal-btn{background:#fff;color:#000;border:none;padding:16px 32px;border-radius:50px;font-size:1rem;font-weight:500;cursor:pointer;width:100%;transition:transform .2s cubic-bezier(.16, 1, .3, 1),background-color .2s ease,box-shadow .2s ease;box-shadow:0 4px 12px rgba(255,255,255,.1)}.modal-btn:hover{transform:translateY(-2px);background-color:#f5f5f7;box-shadow:0 8px 20px rgba(255,255,255,.15)}.modal-btn:active{transform:translateY(0)}.cookie-banner{position:fixed;bottom:24px;left:24px;right:24px;max-width:600px;margin:0 auto;background-color:#000;border:1px solid #1a1a22;padding:32px;border-radius:24px;box-shadow:inset 0 -60px 60px -40px rgba(255,255,255,.08),0 40px 80px rgba(0,0,0,.7);z-index:10000;display:flex;flex-direction:column;gap:20px;transform:translateY(120%);opacity:0;pointer-events:none;transition:transform .8s cubic-bezier(.16, 1, .3, 1),opacity .8s cubic-bezier(.16, 1, .3, 1)}.cookie-banner.show{transform:translateY(0);opacity:1;pointer-events:auto}.cookie-banner p{color:rgba(255,255,255,.8);font-size:16px;line-height:1.6;margin:0}.cookie-banner p a{color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,0.3)}.cookie-banner p a:hover{text-decoration-color:#ffffff}.cookie-buttons{display:flex;gap:16px;justify-content:flex-end}.cookie-btn{padding:12px 24px;border-radius:50px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.cookie-btn-deny{background:0 0;color:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.1)}.cookie-btn-deny:hover{background:rgba(255,255,255,.05);color:#fff}.cookie-btn-accept{background:#fff;color:#000;border:none}.cookie-btn-accept:hover{background:#e0e0e0}@media (max-width:768px){.cookie-banner{padding:24px;bottom:16px;left:16px;right:16px;border-radius:16px}.cookie-buttons{flex-direction:column}.cookie-btn{width:100%;text-align:center}}.cookie-close{position:absolute;top:16px;right:20px;background:0 0;border:none;color:rgba(255,255,255,.4);font-size:24px;cursor:pointer;transition:color .3s ease,transform .3s ease;line-height:1;padding:4px}.cookie-close:hover{color:#fff;transform:scale(1.1)}@media (max-width:320px){.btn-primary{padding:0 20px;font-size:16px;gap:8px}}