:root{--bg:#02040a;--ink:#f5f7ff;--muted:#8893aa;--line:rgba(255,255,255,.13);--blue:#174bff;--cyan:#5ee8ff;--header:88px;--wrap:min(1420px,calc(100vw - 80px))}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,Helvetica,sans-serif;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img,video{max-width:100%}.wrap{width:var(--wrap);margin:auto}.section{position:relative;padding:clamp(110px,12vw,190px) 0}.loader{position:fixed;z-index:9999;inset:0;display:grid;place-content:center;background:#000;transition:opacity .8s,visibility .8s}.loader.done{opacity:0;visibility:hidden}.loader img{width:min(280px,60vw)}.loader span{height:1px;margin-top:28px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);animation:load 1.2s infinite}@keyframes load{from{transform:scaleX(.1)}to{transform:scaleX(1)}}
.site-header{position:fixed;z-index:100;top:0;left:0;width:100%;height:var(--header);display:grid;grid-template-columns:230px 1fr auto;align-items:center;gap:30px;padding:0 38px;background:#000;border-bottom:1px solid rgba(255,255,255,.09);transition:height .35s}.site-header.compact{height:70px}.brand img{display:block;width:180px}.main-nav{justify-self:end;display:flex;height:100%;align-items:center;gap:38px}.main-nav a{position:relative;display:flex;align-items:center;height:100%;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.main-nav a:after{content:"";position:absolute;left:0;right:0;bottom:21px;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan));transform:scaleX(0);transition:.35s}.main-nav a:hover:after,.main-nav a.active:after{transform:scaleX(1)}.menu-btn{position:relative;width:110px;height:48px;border:1px solid var(--line);border-radius:999px;background:#090b10;color:#fff;cursor:pointer}.menu-btn span{position:absolute;right:18px;width:24px;height:1px;background:#fff;transition:.35s}.menu-btn span:first-child{top:18px}.menu-btn span:nth-child(2){top:28px}.menu-btn b{position:absolute;left:17px;top:18px;font-size:9px;letter-spacing:.18em}.menu-btn.open span:first-child{top:23px;transform:rotate(45deg)}.menu-btn.open span:nth-child(2){top:23px;transform:rotate(-45deg)}.menu-btn.open b{opacity:0}.scroll-progress{position:absolute;bottom:-1px;left:0;height:2px;width:0;background:linear-gradient(90deg,var(--blue),var(--cyan))}
.menu-overlay{position:fixed;z-index:90;inset:0;padding-top:var(--header);display:flex;justify-content:flex-end;background:rgba(0,0,0,.72);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s ease,visibility .45s}.menu-overlay.open{opacity:1;visibility:visible;pointer-events:auto}.menu-backdrop{position:absolute;inset:var(--header) 0 0;border:0;background:transparent;cursor:default}.menu-panel{position:relative;width:min(720px,50vw);height:calc(100svh - var(--header));padding:clamp(34px,4vw,66px);display:flex;flex-direction:column;background:#03050a;border-left:1px solid rgba(255,255,255,.12);box-shadow:-30px 0 90px rgba(0,0,0,.55);overflow:auto;transform:translateX(105%);transition:transform .75s cubic-bezier(.16,1,.3,1)}.menu-overlay.open .menu-panel{transform:none}.menu-panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 100% 0,rgba(23,75,255,.22),transparent 35%),linear-gradient(135deg,transparent 0 60%,rgba(94,232,255,.035));}.menu-panel-head{position:relative;display:flex;justify-content:space-between;gap:24px;padding-bottom:25px;border-bottom:1px solid var(--line);font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.extended-nav{position:relative;margin-top:clamp(22px,3vh,42px)}.extended-nav a{position:relative;display:grid;grid-template-columns:34px 1fr 28px;align-items:center;gap:18px;padding:clamp(22px,3vh,34px) 0;border-bottom:1px solid var(--line);transition:padding-left .4s,color .35s}.extended-nav a:before{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan));transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.16,1,.3,1)}.extended-nav a:hover{padding-left:14px;color:#fff}.extended-nav a:hover:before{transform:scaleX(1)}.extended-nav small{font-size:9px;color:var(--cyan);letter-spacing:.16em}.extended-nav span{display:grid;gap:9px}.extended-nav b{font-size:clamp(34px,3.7vw,62px);line-height:.9;letter-spacing:-.055em}.extended-nav em{max-width:430px;font-style:normal;color:var(--muted);font-size:12px;line-height:1.55;letter-spacing:0}.extended-nav i{font-style:normal;font-size:22px;transition:transform .35s}.extended-nav a:hover i{transform:translate(5px,-5px)}.menu-project-cta{position:relative;margin-top:auto;min-height:118px;padding:25px 28px;display:grid;grid-template-columns:1fr auto;align-content:center;gap:8px 30px;border-radius:2px;background:linear-gradient(110deg,#123fdf,var(--blue) 55%,#236eff);overflow:hidden}.menu-project-cta:before{content:"";position:absolute;inset:-100% -30%;background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.28) 50%,transparent 62%);transform:translateX(-70%);transition:transform .8s}.menu-project-cta:hover:before{transform:translateX(70%)}.menu-project-cta span{position:relative;font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;opacity:.8}.menu-project-cta strong{position:relative;font-size:clamp(25px,2.6vw,40px);letter-spacing:-.04em}.menu-project-cta i{position:relative;grid-row:1/3;grid-column:2;font-style:normal;font-size:30px;align-self:center}.menu-panel-foot{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;margin-top:25px;color:var(--muted);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.menu-panel-foot a:hover{color:var(--cyan)}
.hero{position:relative;min-height:100svh;padding-top:var(--header);display:flex;align-items:flex-end;overflow:hidden;background:#000}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.2) brightness(.72)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.84),rgba(0,0,0,.05) 70%),linear-gradient(0deg,#02040a 0%,transparent 46%)}.hero-grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:9vw 9vw;mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 80%,transparent)}.hero-content{position:relative;z-index:2;padding-bottom:9vh}.eyebrow,.section-label,.kicker{font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--cyan)}.hero-title{margin:22px 0 45px;font-size:clamp(58px,10.7vw,178px);line-height:.78;letter-spacing:-.075em}.hero-title .line{display:block;overflow:hidden}.hero-title i{display:block;font-style:normal;transform:translateY(110%);animation:heroIn .9s forwards cubic-bezier(.16,1,.3,1)}.hero-title .line:nth-child(2) i{animation-delay:.1s}.hero-title .line:nth-child(3) i{animation-delay:.2s}.hero-title .accent{color:transparent;-webkit-text-stroke:1.5px #fff}@keyframes heroIn{to{transform:none}}.hero-footer{display:flex;justify-content:space-between;align-items:flex-end}.hero-footer>p{max-width:500px;font-size:clamp(16px,1.4vw,22px);line-height:1.5;color:#d8deea}.round-cta{width:134px;height:134px;border:1px solid rgba(255,255,255,.38);border-radius:50%;display:flex;flex-direction:column;justify-content:space-between;padding:26px;transition:background .35s,border-color .35s}.round-cta:hover{background:var(--blue);border-color:var(--blue)}.round-cta span{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.round-cta b{align-self:flex-end;font-size:25px}.hero-tag{position:absolute;right:32px;top:50%;writing-mode:vertical-rl;font-size:9px;letter-spacing:.2em}.scroll-cue{position:absolute;left:32px;bottom:30px;display:flex;align-items:center;gap:12px;font-size:8px;letter-spacing:.2em}.scroll-cue span{width:40px;height:1px;background:#fff;animation:pulse 1.8s infinite}@keyframes pulse{50%{width:75px;opacity:.4}}
.intro{background:#05070d}.intro-grid{display:grid;grid-template-columns:220px 1fr;gap:60px}.display{margin:0;font-size:clamp(52px,7.3vw,112px);line-height:.92;letter-spacing:-.065em}.display em,.contact-title em{font-family:Inter,Arial,Helvetica,sans-serif;font-style:normal;font-weight:700;color:var(--cyan);letter-spacing:-.055em}.intro-copy{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin:70px 0 0 26%}.intro-copy p{margin:0;color:#a8b1c3;font-size:clamp(17px,1.35vw,21px);line-height:1.65}.marquee{overflow:hidden;margin-top:120px;border-block:1px solid var(--line);padding:27px 0}.marquee div{width:max-content;white-space:nowrap;font-size:clamp(28px,4vw,64px);font-weight:800;letter-spacing:-.04em;animation:marquee 20s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}
.metrics{padding:0;background:#05070d}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.metric{padding:55px 25px;border-right:1px solid var(--line)}.metric:first-child{padding-left:0}.metric:last-child{border:0}.metric strong{display:block;font-size:clamp(46px,6vw,90px);letter-spacing:-.07em}.metric p{margin:10px 0 0;color:var(--muted);font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.services{background:#02040a}.section-top{display:grid;grid-template-columns:220px 1fr;gap:60px;margin-bottom:80px}.service-stage{display:grid;grid-template-columns:38% 62%;gap:70px}.service-preview{position:sticky;top:110px;height:68vh;overflow:hidden;border-radius:2px;background:#080b13}.service-preview video{width:100%;height:100%;object-fit:cover;filter:saturate(.7) hue-rotate(170deg)}.service-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,16,70,.72),transparent 60%)}.service-preview span{position:absolute;z-index:2;bottom:24px;left:26px;font-size:10px;letter-spacing:.22em}.service-item{display:grid;grid-template-columns:45px 1fr minmax(170px,250px) 30px;align-items:center;gap:20px;padding:31px 0;border-top:1px solid var(--line);transition:padding .35s,background .35s}.service-item:last-child{border-bottom:1px solid var(--line)}.service-item:hover{padding-left:18px;background:linear-gradient(90deg,rgba(23,75,255,.12),transparent)}.service-item>span{color:var(--cyan);font-size:10px}.service-item h3{margin:0;font-size:clamp(25px,2.3vw,38px);letter-spacing:-.04em}.service-item p{margin:0;color:var(--muted);line-height:1.5;font-size:14px}.service-item b{font-size:24px}
.projects{background:#02040a;padding-bottom:clamp(110px,12vw,190px)}.projects-head{margin-bottom:70px}.projects-intro{max-width:650px;margin:35px 0 0;color:#9ca7ba;font-size:clamp(16px,1.3vw,20px);line-height:1.65}.project-gallery{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-flow:dense;gap:clamp(18px,2vw,32px)}.gallery-card{position:relative;grid-column:span 4;min-height:420px;padding:0;border:0;border-radius:18px;overflow:hidden;background:#080b13;color:#fff;text-align:left;cursor:pointer;box-shadow:0 22px 55px rgba(0,0,0,.28);isolation:isolate}.gallery-card--wide{grid-column:span 8;min-height:520px}.gallery-card--tall{min-height:650px}.gallery-card--panorama{grid-column:1/-1;min-height:330px}.gallery-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.16,1,.3,1),filter .7s}.gallery-card--panorama img{object-position:center}.gallery-shade{position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.88) 100%),linear-gradient(120deg,rgba(23,75,255,.08),transparent 45%);transition:background .5s}.gallery-card:after{content:"";position:absolute;z-index:2;inset:0;border:1px solid rgba(255,255,255,.13);border-radius:inherit;pointer-events:none}.gallery-meta{position:absolute;z-index:3;left:clamp(22px,2.4vw,38px);right:clamp(22px,2.4vw,38px);bottom:clamp(22px,2.4vw,36px);display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px}.gallery-meta small{grid-column:1/-1;color:var(--cyan);font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.gallery-meta strong{font-size:clamp(25px,2.35vw,40px);line-height:1;letter-spacing:-.045em}.gallery-meta i{font-style:normal;font-size:27px;transition:transform .4s}.gallery-card:hover img{transform:scale(1.055);filter:saturate(1.08) contrast(1.04)}.gallery-card:hover .gallery-meta i{transform:translate(6px,-6px)}.gallery-card:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}.project-cta{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:55px;padding-top:28px;border-top:1px solid var(--line)}.project-cta p{margin:0;color:#a2adbf;font-size:15px}.project-lightbox{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:5vw;background:rgba(0,0,0,.94);opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s}.project-lightbox.open{opacity:1;visibility:visible}.project-lightbox img{max-width:min(1500px,94vw);max-height:88vh;border-radius:12px;box-shadow:0 30px 100px rgba(0,0,0,.7);transform:scale(.94);transition:transform .5s cubic-bezier(.16,1,.3,1)}.project-lightbox.open img{transform:none}.lightbox-close{position:absolute;top:24px;right:28px;width:52px;height:52px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(8,11,19,.75);color:#fff;font-size:32px;line-height:1;cursor:pointer}.lightbox-close:hover{background:#fff;color:#000}

.process{background:#f2f4f8;color:#06080d}.process-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.process .section-label{color:#174bff}.process ol{list-style:none;margin:0;padding:0}.process li{display:grid;grid-template-columns:60px 1fr;gap:20px;padding:27px 0;border-top:1px solid rgba(0,0,0,.17)}.process li:last-child{border-bottom:1px solid rgba(0,0,0,.17)}.process li>span{color:#174bff;font-size:11px}.process h3{margin:0 0 8px;font-size:26px}.process p{margin:0;color:#5f6672;line-height:1.55}
.contact{overflow:hidden;background:#02040a}.contact-aura{position:absolute;width:70vw;height:70vw;right:-30vw;top:-25vw;border-radius:50%;background:radial-gradient(circle,rgba(23,75,255,.36),rgba(94,232,255,.05) 38%,transparent 68%);filter:blur(30px);animation:aura 8s ease-in-out infinite alternate}@keyframes aura{to{transform:translate(-8%,8%) scale(1.12)}}.contact-title{position:relative;margin:40px 0 90px;font-size:clamp(64px,11vw,170px);line-height:.78;letter-spacing:-.075em;max-width:100%}.contact-long{display:block;font-size:clamp(28px,6.8vw,92px);line-height:.92;letter-spacing:-.055em;white-space:nowrap;max-width:100%}.contact-grid{position:relative;display:grid;grid-template-columns:.82fr 1.18fr;gap:7vw}.contact-card,.project-form{border-top:1px solid var(--line);padding-top:28px}.contact-card dl{margin:35px 0}.contact-card dl>div{display:grid;grid-template-columns:135px 1fr;gap:20px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.09)}dt{color:var(--muted);font-size:9px;letter-spacing:.14em;text-transform:uppercase}dd{margin:0;line-height:1.5}.primary-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:21px 25px;border:0;border-radius:999px;background:linear-gradient(90deg,var(--blue),#2846ff);color:#fff;font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;cursor:pointer}.primary-btn span{font-size:23px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px 22px}.project-form label{display:grid;gap:9px}.project-form label>span{color:#98a3b8;font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.project-form .wide{grid-column:1/-1}.project-form input,.project-form select,.project-form textarea{width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.25);padding:13px 0;background:transparent;color:#fff;outline:none}.project-form select,.project-form option{background:#05070d}.project-form textarea{resize:vertical}.project-form input:focus,.project-form select:focus,.project-form textarea:focus{border-color:var(--cyan)}.privacy{display:flex!important;grid-template-columns:18px 1fr;gap:12px!important;margin:24px 0}.privacy input{width:16px;height:16px;accent-color:var(--blue)}.privacy span{font-size:11px!important;line-height:1.5;text-transform:none!important;letter-spacing:0!important}.form-note{color:var(--muted);font-size:10px;line-height:1.5}
.footer{background:#000;border-top:1px solid var(--line);padding:80px 0 25px}.footer-main{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:40px}.footer-logo{width:220px}.footer-main>p{margin:0;color:#a0a9bb;line-height:1.5}.footer-links{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:14px 26px;font-size:10px;letter-spacing:.13em;text-transform:uppercase}.footer-links a{position:relative;padding-bottom:5px}.footer-links a:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--cyan);transform:scaleX(0);transform-origin:left;transition:transform .3s}.footer-links a:hover:after{transform:scaleX(1)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:75px;padding-top:22px;border-top:1px solid var(--line);color:#667084;font-size:9px;letter-spacing:.15em;text-transform:uppercase}.footer-legal{display:flex;flex-wrap:wrap;gap:20px}.footer-legal a{transition:color .25s}.footer-legal a:hover{color:#fff}
.reveal{opacity:0;transform:translateY(42px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:none}.cursor,.cursor-dot{position:fixed;z-index:999;left:0;top:0;pointer-events:none;border-radius:50%;mix-blend-mode:difference}.cursor{width:42px;height:42px;border:1px solid #fff;transition:width .25s,height .25s,background .25s}.cursor.active{width:72px;height:72px;background:#fff}.cursor-dot{width:4px;height:4px;background:#fff}
@media(max-width:980px){:root{--wrap:min(100% - 40px,900px);--header:74px}.site-header{grid-template-columns:1fr auto;padding:0 20px}.brand img{width:145px}.main-nav{display:none}.menu-panel{width:min(680px,72vw)}.intro-grid,.section-top,.process-grid{grid-template-columns:1fr}.intro-copy{margin-left:0}.service-stage{grid-template-columns:1fr}.service-preview{position:relative;top:auto;height:45vh}.contact-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr}.metric:nth-child(2){border-right:0}.footer-main{grid-template-columns:1fr}.footer-links{justify-content:flex-start}.cursor,.cursor-dot{display:none}}
@media(max-width:650px){:root{--wrap:calc(100% - 28px)}.section{padding:90px 0}.site-header{padding:0 14px}.brand img{width:118px}.menu-btn{width:54px}.menu-btn b{display:none}.menu-btn span{right:14px}.hero-content{padding-bottom:11vh}.hero-title{font-size:17vw;line-height:.82}.hero-footer{align-items:flex-start;gap:28px}.round-cta{width:104px;height:104px;padding:19px;flex:none}.round-cta span{font-size:9px}.hero-tag,.scroll-cue{display:none}.intro-copy{grid-template-columns:1fr;gap:24px;margin-top:45px}.metric-grid{grid-template-columns:1fr}.metric{border-right:0;border-bottom:1px solid var(--line);padding:35px 0}.service-item{grid-template-columns:32px 1fr 24px}.service-item p{display:none}.project-card{top:74px;height:calc(100svh - 74px)}.project-content h3{font-size:17vw}.process-grid{gap:50px}.contact-title{font-size:17vw;margin-bottom:65px}.contact-long{font-size:7.2vw;letter-spacing:-.045em}.contact-card dl>div{grid-template-columns:105px 1fr}.form-grid{grid-template-columns:1fr}.project-form .wide{grid-column:auto}.footer-bottom{gap:20px;align-items:flex-start;flex-direction:column}.footer-legal{gap:16px}.menu-panel{width:100%;padding:28px 20px 24px}.menu-panel-head{padding-bottom:18px}.extended-nav{margin-top:10px}.extended-nav a{grid-template-columns:25px 1fr 20px;gap:12px;padding:22px 0}.extended-nav b{font-size:11vw}.extended-nav em{font-size:11px}.menu-project-cta{min-height:100px;margin-top:28px}.menu-panel-foot{display:grid}.menu-backdrop{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.cursor,.cursor-dot{display:none}}

/* V6.8 — Eigenständige Referenzen-Seite */
.extended-nav a[aria-current="page"]{padding-left:14px;color:#fff}
.extended-nav a[aria-current="page"]:before{transform:scaleX(1)}
.references-page{background:#02040a}
.references-hero{position:relative;min-height:100svh;padding-top:var(--header);display:flex;align-items:flex-end;overflow:hidden;background:#02040a}
.references-hero-media{position:absolute;inset:0}
.references-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.72) contrast(1.16) brightness(.62);transform:scale(1.035)}
.references-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.68) 48%,rgba(0,0,0,.18) 100%),linear-gradient(0deg,#02040a 0%,transparent 52%)}
.references-hero-content{position:relative;z-index:2;padding-bottom:9vh}
.references-title{margin:22px 0 48px;font-size:clamp(64px,10.5vw,172px);line-height:.82;letter-spacing:-.065em}
.references-title em,.references-display em,.references-cta h2 em{font-style:normal;color:var(--cyan)}
.references-hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:50px}
.references-hero-bottom>p{max-width:640px;margin:0;color:#d8deea;font-size:clamp(16px,1.35vw,21px);line-height:1.65}
.references-hero-index{position:absolute;z-index:2;right:32px;top:50%;writing-mode:vertical-rl;color:rgba(255,255,255,.66);font-size:9px;font-weight:700;letter-spacing:.2em}
.references-intro{padding-bottom:clamp(80px,9vw,130px)}
.references-intro-grid{display:grid;grid-template-columns:220px 1fr;gap:60px}
.references-display{margin:0;font-size:clamp(58px,7.4vw,116px);line-height:.92;letter-spacing:-.055em}
.references-lead{max-width:720px;margin:46px 0 0;color:#9ba6ba;font-size:clamp(17px,1.35vw,21px);line-height:1.72}
.references-work{padding-bottom:clamp(120px,14vw,220px)}
.references-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(60px,8vw,130px) clamp(28px,4vw,64px);align-items:start}
.reference-case{grid-column:span 6}
.reference-case--wide{grid-column:span 7}
.reference-case--wide+.reference-case--tall{grid-column:9/span 4;margin-top:16vw}
.reference-case--portrait{grid-column:8/span 5;margin-top:12vw}
.reference-case--panorama{grid-column:1/-1}
.reference-media.gallery-card{position:relative;display:block;width:100%;min-height:0;aspect-ratio:4/3;padding:0;overflow:hidden;border:0;border-radius:2px;background:#080b12;cursor:pointer;box-shadow:0 28px 85px rgba(0,0,0,.34)}
.reference-case--tall .reference-media,.reference-case--portrait .reference-media{aspect-ratio:4/5}
.reference-case--panorama .reference-media{aspect-ratio:16/7}
.reference-media img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.16,1,.3,1),filter .6s}
.reference-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.6));opacity:.45;transition:opacity .45s}
.reference-media>span{position:absolute;z-index:2;right:22px;bottom:20px;padding:10px 14px;border:1px solid rgba(255,255,255,.26);border-radius:999px;background:rgba(2,4,10,.56);color:#fff;font-size:8px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;opacity:0;transform:translateY(8px);transition:.4s;backdrop-filter:blur(10px)}
.reference-media:hover img{transform:scale(1.045);filter:saturate(1.08)}
.reference-media:hover:after{opacity:.72}
.reference-media:hover>span{opacity:1;transform:none}
.reference-meta{display:grid;grid-template-columns:minmax(130px,.34fr) 1fr;gap:20px 30px;padding-top:24px;border-top:1px solid var(--line);margin-top:18px}
.reference-meta small{grid-row:1/3;color:var(--cyan);font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.reference-meta h2{margin:0;font-size:clamp(30px,3.2vw,52px);line-height:1;letter-spacing:-.045em}
.reference-meta p{max-width:550px;margin:0;color:#8f9aae;font-size:14px;line-height:1.65}
.reference-case--tall .reference-meta,.reference-case--portrait .reference-meta{grid-template-columns:1fr}
.reference-case--tall .reference-meta small,.reference-case--portrait .reference-meta small{grid-row:auto}
.references-cta{overflow:hidden;background:radial-gradient(circle at 78% 30%,rgba(23,75,255,.28),transparent 31%),#05070d}
.references-cta .wrap{position:relative}
.references-cta h2{max-width:1220px;margin:38px 0 36px;font-size:clamp(62px,8.2vw,132px);line-height:.88;letter-spacing:-.06em}
.references-cta-copy{max-width:580px;margin:0;color:#9ea9bb;font-size:clamp(17px,1.35vw,21px)}
.references-cta .round-cta{position:absolute;right:4vw;bottom:0}
@media(max-width:980px){.references-intro-grid{grid-template-columns:1fr}.reference-case,.reference-case--wide,.reference-case--wide+.reference-case--tall,.reference-case--portrait{grid-column:span 6;margin-top:0}.reference-meta{grid-template-columns:1fr}.reference-meta small{grid-row:auto}.references-cta .round-cta{position:relative;right:auto;bottom:auto;margin-top:45px}}
@media(max-width:650px){.references-hero-content{padding-bottom:10vh}.references-title{font-size:16vw;line-height:.88}.references-hero-bottom{align-items:flex-start;gap:28px}.references-hero-index{display:none}.references-intro{padding-bottom:70px}.references-intro-grid{gap:30px}.references-display{font-size:15vw}.references-lead{margin-top:30px}.references-grid{gap:70px}.reference-case,.reference-case--wide,.reference-case--wide+.reference-case--tall,.reference-case--portrait,.reference-case--panorama{grid-column:1/-1}.reference-case--panorama .reference-media{aspect-ratio:4/3}.reference-media>span{opacity:1;transform:none}.reference-meta{gap:12px;padding-top:18px;margin-top:12px}.reference-meta h2{font-size:34px}.references-cta h2{font-size:15vw}.references-cta .round-cta{margin-top:38px}}

/* V3.3 — Cinematischer Studio-Hintergrund */
.studio-cinematic{
  position:relative;
  min-height:clamp(720px,88vh,980px);
  display:flex;
  align-items:center;
  overflow:hidden;
  isolation:isolate;
  background:#02040a;
}
.studio-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  z-index:-4;
  transform:scale(1.04);
  filter:saturate(.88) contrast(1.08) brightness(.74);
}
.studio-video-shade{
  position:absolute;
  inset:0;
  z-index:-3;
  background:
    linear-gradient(90deg,rgba(1,3,9,.96) 0%,rgba(1,3,9,.78) 42%,rgba(1,3,9,.32) 76%,rgba(1,3,9,.66) 100%),
    linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,16,68,.22) 52%,rgba(0,0,0,.72));
}
.studio-video-shade::after{
  content:"";
  position:absolute;
  inset:-20%;
  background:radial-gradient(circle at 72% 45%,rgba(18,72,255,.27),transparent 33%);
  animation:studioLight 9s ease-in-out infinite alternate;
}
@keyframes studioLight{
  from{transform:translate3d(-3%,1%,0) scale(.95);opacity:.55}
  to{transform:translate3d(4%,-2%,0) scale(1.08);opacity:1}
}
.studio-film-grain{
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  opacity:.10;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");
  mix-blend-mode:soft-light;
}
.studio-content{position:relative;z-index:2;padding-top:clamp(88px,10vw,150px);padding-bottom:clamp(125px,14vw,210px)}
.studio-cinematic .section-label{color:rgba(255,255,255,.72)}
.studio-cinematic .display{max-width:1120px;text-wrap:balance;text-shadow:0 12px 40px rgba(0,0,0,.44)}
.studio-cinematic .display em{color:#fff;text-shadow:0 0 34px rgba(28,91,255,.38)}
.studio-kicker{margin:0 0 28px;color:#6ea1ff;font-size:.75rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase}
.studio-cinematic .intro-copy{max-width:760px}
.studio-cinematic .intro-copy p{color:rgba(255,255,255,.78)}
.studio-film-caption{
  position:absolute;
  left:max(24px,4vw);
  right:max(24px,4vw);
  bottom:72px;
  z-index:3;
  display:flex;
  justify-content:space-between;
  gap:18px;
  color:rgba(255,255,255,.55);
  font-size:.62rem;
  letter-spacing:.18em;
}
.studio-cinematic .marquee{position:absolute;left:0;right:0;bottom:0;z-index:4;background:rgba(0,0,0,.78);backdrop-filter:blur(8px);border-top:1px solid rgba(255,255,255,.12)}
@media (max-width:820px){
  .studio-cinematic{min-height:780px;align-items:flex-end}
  .studio-video{object-position:58% center;transform:scale(1.08)}
  .studio-video-shade{background:linear-gradient(180deg,rgba(1,3,9,.38) 0%,rgba(1,3,9,.78) 42%,rgba(1,3,9,.98) 82%)}
  .studio-content{padding-top:115px;padding-bottom:145px}
  .studio-cinematic .display{font-size:clamp(2.55rem,11vw,4.8rem);line-height:.98}
  .studio-cinematic .display br{display:none}
  .studio-cinematic .intro-copy{grid-template-columns:1fr;gap:12px}
  .studio-film-caption{bottom:68px;font-size:.52rem;letter-spacing:.12em}
  .studio-film-caption span:last-child{display:none}
}
@media (prefers-reduced-motion:reduce){
  .studio-video-shade::after{animation:none}
}

/* V3.6 – Statistikbereich */
.metric strong{font-variant-numeric:tabular-nums;white-space:nowrap}
@media (min-width:981px) and (max-width:1250px){.metric strong{font-size:clamp(42px,5.2vw,72px)}}

@media(max-width:980px){.gallery-card,.gallery-card--wide{grid-column:span 6;min-height:440px}.gallery-card--tall{min-height:560px}.gallery-card--panorama{grid-column:1/-1;min-height:300px}}
@media(max-width:650px){.projects-head{margin-bottom:45px}.project-gallery{gap:18px}.gallery-card,.gallery-card--wide,.gallery-card--tall,.gallery-card--panorama{grid-column:1/-1;min-height:72vw;border-radius:13px}.gallery-card--tall{min-height:118vw}.gallery-card--panorama{min-height:48vw}.project-cta{align-items:flex-start;flex-direction:column}.project-lightbox{padding:18px}.lightbox-close{top:14px;right:14px}}


/* V3.9 – Premium Prozessbereich */
.process{position:relative;overflow:hidden;isolation:isolate;background:#eef1f6;color:#070a10}
.process:before{content:"";position:absolute;inset:0;z-index:-3;background:linear-gradient(125deg,#f7f9fc 0%,#edf1f7 50%,#e8edf6 100%)}
.process:after{content:"";position:absolute;inset:0;z-index:-2;opacity:.32;background-image:linear-gradient(rgba(7,10,16,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(7,10,16,.035) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent)}
.process-orb{position:absolute;z-index:-1;border-radius:50%;filter:blur(2px);pointer-events:none}
.process-orb--one{width:520px;height:520px;left:-240px;bottom:-260px;background:radial-gradient(circle,rgba(94,232,255,.35),rgba(94,232,255,0) 68%)}
.process-orb--two{width:620px;height:620px;right:-320px;top:-260px;background:radial-gradient(circle,rgba(23,75,255,.18),rgba(23,75,255,0) 67%)}
.process-grid{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(560px,1.1fr);gap:clamp(70px,8vw,150px);align-items:start}
.process-intro{position:sticky;top:130px}
.process .section-label{color:#174bff}
.process .display{margin:26px 0 30px;font-size:clamp(68px,7.2vw,118px);line-height:.82;letter-spacing:-.075em}
.process .display em{color:#0e52ff;font-family:Inter,Arial,Helvetica,sans-serif;font-style:normal;font-weight:700;letter-spacing:-.055em}
.process-lead{max-width:580px;margin:0 0 36px;color:#596272;font-size:clamp(17px,1.4vw,22px);line-height:1.65}
.process-cta{display:inline-flex;align-items:center;gap:48px;padding:17px 20px 17px 23px;border:1px solid rgba(7,10,16,.14);border-radius:999px;background:rgba(255,255,255,.68);box-shadow:0 16px 50px rgba(24,45,84,.08);font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;backdrop-filter:blur(14px);transition:.35s}
.process-cta span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#174bff;color:#fff;font-size:18px;transition:.35s}
.process-cta:hover{transform:translateY(-3px);box-shadow:0 22px 60px rgba(23,75,255,.15)}
.process-cta:hover span{transform:rotate(45deg)}
.process-proof{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:54px;padding-top:22px;border-top:1px solid rgba(7,10,16,.12);color:#687180;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.process-proof span{display:flex;align-items:center;gap:8px}.process-proof strong{color:#174bff;font-size:9px}
.process-steps{position:relative;list-style:none;margin:0;padding:0;border-top:1px solid rgba(7,10,16,.14)}
.process-step{position:relative;display:grid;grid-template-columns:58px 1fr 48px;gap:28px;align-items:start;padding:38px 18px 38px 0;border-bottom:1px solid rgba(7,10,16,.14);cursor:default;overflow:hidden;transition:padding .45s cubic-bezier(.16,1,.3,1),background .45s,box-shadow .45s,border-color .45s}
.process-step:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(255,255,255,.92),rgba(240,246,255,.82));transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.process-step:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#174bff,#5ee8ff);transform:scaleY(0);transition:transform .45s cubic-bezier(.16,1,.3,1)}
.process-step:hover,.process-step:focus-visible{padding-left:25px;padding-right:25px;border-color:transparent;box-shadow:0 22px 70px rgba(31,55,100,.11);outline:none}
.process-step:hover:before,.process-step:focus-visible:before{transform:scaleX(1)}
.process-step:hover:after,.process-step:focus-visible:after{transform:scaleY(1)}
.process-number{padding-top:7px;color:#174bff;font-size:11px;font-weight:700;letter-spacing:.1em}
.process-copy small{display:block;margin-bottom:9px;color:#7a8493;font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.process-copy h3{margin:0 0 12px;font-size:clamp(30px,3vw,48px);line-height:1;letter-spacing:-.045em;transition:color .35s,transform .35s}
.process-copy p{max-width:640px;margin:0;color:#626b79;font-size:16px;line-height:1.65;transition:color .35s}
.process-arrow{display:grid;place-items:center;width:42px;height:42px;margin-top:5px;border:1px solid rgba(7,10,16,.13);border-radius:50%;font-size:18px;transition:.4s}
.process-step:hover .process-copy h3,.process-step:focus-visible .process-copy h3{color:#174bff;transform:translateX(3px)}
.process-step:hover .process-arrow,.process-step:focus-visible .process-arrow{border-color:#174bff;background:#174bff;color:#fff;transform:rotate(45deg)}
@media(max-width:1100px){.process-grid{grid-template-columns:1fr;gap:70px}.process-intro{position:relative;top:auto}.process-lead{max-width:720px}.process-proof{max-width:720px}}
@media(max-width:650px){.process .display{font-size:17vw}.process-grid{gap:50px}.process-lead{font-size:16px}.process-proof{display:grid;grid-template-columns:1fr 1fr;margin-top:38px}.process-step{grid-template-columns:38px 1fr 36px;gap:12px;padding:28px 0}.process-step:hover,.process-step:focus-visible{padding-left:12px;padding-right:10px}.process-copy h3{font-size:34px}.process-copy p{font-size:14px}.process-arrow{width:34px;height:34px;font-size:15px}.process-orb--two{right:-480px}}

/* V4.1 — Studio-Video als Hochformat-Box + ruhigere Typografie */
body{line-height:1.65;letter-spacing:.012em}
p{line-height:1.72;letter-spacing:.018em}
h1,h2,h3,h4,h5,h6{letter-spacing:-.025em;line-height:1.08}
.display{line-height:1.02;letter-spacing:-.035em}
.hero-title,.contact-title{letter-spacing:-.045em;line-height:.86}
.main-nav a,.eyebrow,.section-label,.kicker,.studio-kicker,.footer-links{letter-spacing:.18em}

.studio-cinematic{min-height:clamp(760px,92vh,1020px);background:radial-gradient(circle at 82% 36%,rgba(30,78,255,.13),transparent 28%),#02040a}
.studio-layout{display:grid;grid-template-columns:minmax(0,1fr) clamp(260px,24vw,370px);gap:clamp(55px,7vw,115px);align-items:center}
.studio-copy-block{min-width:0}
.studio-copy-block .section-label{margin-bottom:38px}
.studio-cinematic .display{max-width:920px;text-shadow:none}
.studio-cinematic .intro-copy{grid-template-columns:1fr 1fr;max-width:820px;margin:55px 0 0;gap:38px}
.studio-reel{position:relative;justify-self:end;width:100%;aspect-ratio:9/16;padding:10px;border:1px solid rgba(255,255,255,.2);border-radius:26px;background:rgba(9,12,20,.78);box-shadow:0 35px 90px rgba(0,0,0,.58),0 0 42px rgba(36,91,255,.16);overflow:hidden}
.studio-reel:before{content:"";position:absolute;inset:-1px;border-radius:26px;padding:1px;background:linear-gradient(145deg,rgba(255,255,255,.52),rgba(70,120,255,.4),rgba(255,255,255,.08));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:3}
.studio-reel .studio-video{position:absolute;inset:10px;width:calc(100% - 20px);height:calc(100% - 20px);object-fit:cover;object-position:center;border-radius:18px;z-index:0;filter:saturate(.9) contrast(1.08) brightness(.78);transform:none}
.studio-reel:after{content:"";position:absolute;inset:10px;border-radius:18px;background:linear-gradient(180deg,rgba(1,3,9,.56),transparent 24%,transparent 68%,rgba(1,3,9,.88));pointer-events:none;z-index:1}
.studio-reel-head,.studio-reel-foot{position:absolute;left:27px;right:27px;z-index:2;display:flex;align-items:center;justify-content:space-between;font-size:9px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}
.studio-reel-head{top:28px;justify-content:flex-start;gap:9px}.studio-reel-head span{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}
.studio-reel-foot{bottom:28px;align-items:flex-end}.studio-reel-foot strong{max-width:65%;font-size:12px;line-height:1.35;letter-spacing:.05em}.studio-reel-foot span{color:rgba(255,255,255,.6);font-size:8px}
.studio-video-shade{z-index:-3;background:linear-gradient(90deg,rgba(1,3,9,.98),rgba(1,3,9,.92) 58%,rgba(4,8,18,.82))}
.studio-film-grain{z-index:-2;opacity:.055}

@media(max-width:980px){
  .studio-layout{grid-template-columns:1fr clamp(230px,31vw,300px);gap:42px}
  .studio-cinematic .intro-copy{grid-template-columns:1fr;gap:20px}
}
@media(max-width:760px){
  .studio-cinematic{min-height:auto;align-items:stretch}
  .studio-layout{grid-template-columns:1fr;gap:45px;padding-top:105px;padding-bottom:155px}
  .studio-copy-block .section-label{margin-bottom:25px}
  .studio-cinematic .display{font-size:clamp(2.45rem,10.5vw,4.6rem);line-height:1.04;letter-spacing:-.028em}
  .studio-cinematic .display br{display:none}
  .studio-cinematic .intro-copy{margin-top:38px}
  .studio-reel{justify-self:center;width:min(82vw,330px)}
  .studio-film-caption{bottom:68px}
}

/* V4.2 — Videos in natürlichen Originalfarben */
.service-preview video{
  filter:none;
}
.service-preview:after{
  background:linear-gradient(180deg,rgba(2,4,10,.05) 0%,rgba(2,4,10,.02) 58%,rgba(2,4,10,.48) 100%);
}
.studio-reel .studio-video{
  filter:none;
}
.studio-reel:after{
  background:linear-gradient(180deg,rgba(1,3,9,.22),transparent 22%,transparent 72%,rgba(1,3,9,.58));
}

/* V4.3 — Kompaktere Seitenrhythmik und ausgewogene Abstände */
:root{--section-space:clamp(76px,7vw,112px)}
.section{padding:var(--section-space) 0}

/* Studio: weniger Leerraum, Inhalt als kompakte Einheit */
.studio-cinematic{min-height:auto;padding:clamp(92px,8vw,126px) 0 clamp(72px,6vw,96px)}
.studio-layout{gap:clamp(42px,5vw,82px);align-items:center}
.studio-copy-block .section-label{margin-bottom:20px}
.studio-kicker{margin:0 0 24px}
.studio-cinematic .display{font-size:clamp(48px,5.8vw,88px);line-height:1.02;max-width:860px}
.studio-cinematic .intro-copy{margin:34px 0 0;gap:28px;max-width:790px}
.studio-cinematic .intro-copy p{font-size:clamp(15px,1.15vw,18px);line-height:1.65}
.studio-reel{width:min(100%,330px)}
.studio-film-caption{bottom:18px}
.studio-cinematic .marquee{margin-top:56px;padding:19px 0}

/* Kennzahlen direkt an den Studio-Bereich anschließen */
.metrics{padding:0}
.metric{padding:38px 22px}
.metric strong{font-size:clamp(40px,4.8vw,72px)}
.metric p{margin-top:7px}

/* Leistungen kompakter und besser im sichtbaren Bereich */
.section-top{margin-bottom:48px;gap:44px}
.services{padding-top:clamp(78px,7vw,105px);padding-bottom:clamp(82px,7vw,110px)}
.service-stage{gap:46px;grid-template-columns:36% 64%}
.service-preview{height:min(620px,68vh);top:92px;border-radius:14px}
.service-item{padding:25px 0;gap:18px}
.service-item h3{line-height:1.08}
.service-item p{line-height:1.55}

/* Projekte: Überschrift und Galerie näher zusammen */
.projects{padding-top:clamp(78px,7vw,108px);padding-bottom:clamp(86px,7vw,116px)}
.projects-head{margin-bottom:44px}
.projects-intro{margin-top:22px}
.project-gallery{gap:clamp(16px,1.5vw,24px)}
.gallery-card{min-height:370px}
.gallery-card--wide{min-height:455px}
.gallery-card--tall{min-height:550px}
.gallery-card--panorama{min-height:285px}
.project-cta{margin-top:38px;padding-top:22px}

/* Prozess: weniger vertikaler Abstand */
.process{padding-top:clamp(82px,7vw,112px);padding-bottom:clamp(82px,7vw,112px)}
.process-grid{gap:clamp(52px,6vw,92px)}
.process .display{margin:18px 0 22px;font-size:clamp(58px,6.3vw,98px);line-height:.9}
.process-lead{margin-bottom:27px}
.process-proof{margin-top:35px;padding-top:18px}
.process-step{padding:28px 14px 28px 0}
.process-copy h3{margin-bottom:8px}
.process-copy p{line-height:1.55}

/* Kontakt und Footer kompakter */
.contact{padding-top:clamp(82px,7vw,112px);padding-bottom:clamp(82px,7vw,112px)}
.contact-title{margin:26px 0 56px;font-size:clamp(58px,9.2vw,142px);line-height:.82}
.contact-grid{gap:clamp(42px,5vw,78px)}
.contact-card,.project-form{padding-top:22px}
.contact-card dl{margin:24px 0}
.contact-card dl>div{padding:12px 0}
.form-grid{gap:20px 22px}
.footer{padding:58px 0 22px}
.footer-bottom{margin-top:44px}

@media(max-width:980px){
  :root{--section-space:76px}
  .studio-cinematic{padding:86px 0 68px}
  .studio-layout{gap:38px}
  .studio-cinematic .intro-copy{margin-top:28px}
  .studio-cinematic .marquee{margin-top:46px}
  .section-top{margin-bottom:38px;gap:24px}
  .service-stage{gap:34px}
  .service-preview{height:min(500px,58vh)}
  .gallery-card,.gallery-card--wide{min-height:390px}
  .gallery-card--tall{min-height:500px}
  .gallery-card--panorama{min-height:270px}
  .process-grid{gap:48px}
  .contact-title{margin-bottom:46px}
}

@media(max-width:650px){
  :root{--section-space:58px}
  .section{padding:58px 0}
  .studio-cinematic{padding:72px 0 54px}
  .studio-layout{padding-top:0;padding-bottom:0;gap:30px}
  .studio-copy-block .section-label{margin-bottom:14px}
  .studio-kicker{margin-bottom:18px}
  .studio-cinematic .display{font-size:clamp(2.35rem,10vw,4rem)}
  .studio-cinematic .intro-copy{margin-top:24px;gap:16px}
  .studio-reel{width:min(76vw,290px)}
  .studio-cinematic .marquee{margin-top:38px;padding:15px 0}
  .metric{padding:26px 0}
  .section-top{margin-bottom:30px}
  .service-preview{height:58vw;min-height:280px;border-radius:12px}
  .service-item{padding:21px 0}
  .projects-head{margin-bottom:30px}
  .projects-intro{margin-top:16px}
  .project-gallery{gap:14px}
  .gallery-card,.gallery-card--wide,.gallery-card--tall,.gallery-card--panorama{min-height:68vw}
  .gallery-card--tall{min-height:102vw}
  .gallery-card--panorama{min-height:46vw}
  .project-cta{margin-top:28px}
  .process-grid{gap:34px}
  .process .display{margin:14px 0 18px}
  .process-lead{margin-bottom:22px}
  .process-proof{margin-top:28px}
  .process-step{padding:22px 0}
  .contact-title{margin:18px 0 38px}
  .contact-grid{gap:34px}
  .footer{padding:46px 0 20px}
  .footer-bottom{margin-top:34px}
}


/* V4.5 — Finaler Startseiten-Feinschliff */
:root{--section-space:clamp(64px,5.5vw,88px)}
.section{padding-top:var(--section-space);padding-bottom:var(--section-space)}

/* Harmonischer Übergang zwischen den Themenbereichen */
.hero{margin-bottom:0}
.studio-cinematic{padding-top:clamp(74px,6vw,96px);padding-bottom:clamp(58px,4.8vw,78px)}
.studio-cinematic .marquee{margin-top:40px}
.metrics{margin:0}
.services{padding-top:clamp(64px,5.5vw,86px);padding-bottom:clamp(66px,5.5vw,90px)}
.projects{padding-top:clamp(64px,5.5vw,88px);padding-bottom:clamp(68px,5.8vw,94px)}
.process{padding-top:clamp(66px,5.6vw,92px);padding-bottom:clamp(66px,5.6vw,92px)}
.contact{padding-top:clamp(66px,5.6vw,92px);padding-bottom:clamp(64px,5.4vw,88px)}

/* Inhalte innerhalb der Themenbereiche dichter gruppieren */
.section-top{margin-bottom:36px}
.studio-copy-block .section-label{margin-bottom:14px}
.studio-kicker{margin-bottom:18px}
.studio-cinematic .intro-copy{margin-top:26px;gap:22px}
.metric{padding:30px 20px}
.service-stage{gap:36px}
.service-item{padding:21px 0}
.projects-head{margin-bottom:34px}
.projects-intro{margin-top:14px}
.project-cta{margin-top:30px;padding-top:18px}
.process-grid{gap:clamp(40px,4.5vw,70px)}
.process .display{margin:14px 0 18px}
.process-lead{margin-bottom:22px}
.process-proof{margin-top:27px}
.process-step{padding:23px 12px 23px 0}
.contact-title{margin:20px 0 42px}
.contact-grid{gap:clamp(34px,4vw,60px)}
.footer{padding-top:44px}
.footer-bottom{margin-top:30px}

/* Rechtliche Links erscheinen nur einmal in der unteren Footer-Zeile */
.footer-legal{display:flex;gap:18px;align-items:center}

@media(max-width:980px){
  :root{--section-space:62px}
  .studio-cinematic{padding:68px 0 54px}
  .studio-cinematic .marquee{margin-top:34px}
  .section-top{margin-bottom:30px}
  .service-stage{gap:28px}
  .process-grid{gap:36px}
  .contact-title{margin-bottom:36px}
}
@media(max-width:650px){
  :root{--section-space:48px}
  .section{padding-top:48px;padding-bottom:48px}
  .studio-cinematic{padding:58px 0 44px}
  .studio-layout{gap:24px}
  .studio-cinematic .intro-copy{margin-top:20px;gap:12px}
  .studio-cinematic .marquee{margin-top:28px}
  .metric{padding:22px 0}
  .section-top{margin-bottom:24px}
  .service-item{padding:18px 0}
  .projects-head{margin-bottom:24px}
  .project-cta{margin-top:22px}
  .process-grid{gap:28px}
  .process-step{padding:19px 0}
  .contact-title{margin:14px 0 30px}
  .contact-grid{gap:28px}
  .footer{padding-top:38px}
  .footer-bottom{margin-top:24px}
}

/* V4.6 — Unterseite „Was wir machen“ */
.services-page{background:#02040a}.wm-hero{position:relative;min-height:92svh;padding-top:var(--header);display:flex;align-items:flex-end;overflow:hidden}.wm-hero>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.wm-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.18) 72%),linear-gradient(0deg,#02040a,transparent 52%)}.wm-hero-content{position:relative;z-index:2;padding-bottom:clamp(70px,9vh,120px)}.wm-title{max-width:1150px;margin:22px 0 42px;font-size:clamp(72px,11vw,170px);line-height:.82;letter-spacing:-.07em}.wm-title em,.wm-cta h2 em{font-style:normal;color:var(--cyan)}.wm-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.wm-intro p{max-width:620px;margin:0;color:#d7ddea;font-size:clamp(18px,1.6vw,25px);line-height:1.55}.wm-overview{background:#05070d}.wm-grid{display:grid;grid-template-columns:repeat(2,1fr);margin-top:70px;border-top:1px solid var(--line)}.wm-card{position:relative;min-height:430px;padding:52px 52px 46px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;transition:.45s}.wm-card:nth-child(2n){border-right:0}.wm-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 100% 0,rgba(23,75,255,.22),transparent 40%);opacity:0;transition:.45s}.wm-card:hover{background:#090d17;transform:translateY(-4px)}.wm-card:hover:before{opacity:1}.wm-card>span{position:relative;color:var(--cyan);font-size:10px;font-weight:700;letter-spacing:.18em}.wm-card h3{position:relative;margin:45px 0 22px;font-size:clamp(34px,3.7vw,58px);line-height:.98;letter-spacing:-.045em}.wm-card p{position:relative;max-width:600px;color:#aab4c6;font-size:17px;line-height:1.65}.wm-card ul{position:relative;list-style:none;margin:35px 0 0;padding:0;border-top:1px solid var(--line)}.wm-card li{padding:13px 0;border-bottom:1px solid var(--line);color:#d7ddea;font-size:12px;letter-spacing:.06em}.wm-card li:before{content:"↗";margin-right:12px;color:var(--cyan)}.wm-feature{background:#eef2f8;color:#070a10}.wm-feature-grid{display:grid;grid-template-columns:1fr minmax(380px,.78fr);gap:clamp(55px,8vw,130px);align-items:center}.wm-feature .section-label{color:#174bff}.wm-feature .display em{color:#174bff}.wm-feature-copy>p{max-width:700px;margin:35px 0;color:#596272;font-size:clamp(17px,1.35vw,21px);line-height:1.7}.wm-feature .primary-btn{display:inline-flex;background:#174bff;color:#fff}.wm-feature-media{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:4px;box-shadow:0 30px 80px rgba(19,38,75,.22)}.wm-feature-media video{width:100%;height:100%;object-fit:cover}.wm-feature-media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.65),transparent 45%)}.wm-feature-media span{position:absolute;z-index:2;left:28px;bottom:25px;color:#fff;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.wm-cta{background:radial-gradient(circle at 80% 20%,rgba(23,75,255,.35),transparent 34%),#02040a}.wm-cta .wrap{position:relative}.wm-cta h2{max-width:1100px;margin:28px 0 0;font-size:clamp(58px,9vw,145px);line-height:.9;letter-spacing:-.065em}.wm-cta .round-cta{position:absolute;right:0;bottom:0}.site-footer{padding:25px 0;background:#000;border-top:1px solid var(--line)}
@media(max-width:900px){.wm-grid{grid-template-columns:1fr}.wm-card,.wm-card:nth-child(2n){border-right:0}.wm-feature-grid{grid-template-columns:1fr}.wm-feature-media{max-width:560px}.wm-cta .round-cta{position:relative;margin-top:45px}.wm-intro{align-items:flex-start;flex-direction:column}.wm-title{font-size:15vw}}
@media(max-width:650px){.wm-hero{min-height:82svh}.wm-card{min-height:auto;padding:38px 22px}.wm-card h3{margin-top:30px}.wm-grid{margin-top:45px}.wm-feature-media{aspect-ratio:4/5}.wm-cta h2{font-size:15vw}}

/* V4.7 — Sprungnavigation und Leistungsabschnitte */
html{scroll-behavior:smooth}
.wm-overview{background:#03050a}
.wm-overview .section-top{grid-template-columns:1fr;gap:18px}
.wm-overview .display{max-width:1280px;font-size:clamp(64px,9vw,150px);line-height:.9}
.wm-overview .display em{font-style:normal;color:var(--cyan)}
.wm-jump-list{margin-top:50px;border-top:1px solid var(--line)}
.wm-jump-row{display:grid;grid-template-columns:64px minmax(280px,1.2fr) minmax(260px,.8fr) 42px;align-items:center;gap:18px;min-height:112px;padding:18px 0;border-bottom:1px solid var(--line);transition:background .3s,padding .3s,color .3s}
.wm-jump-row small{color:var(--cyan);font-size:11px;font-weight:700;letter-spacing:.08em}
.wm-jump-row strong{font-size:clamp(28px,3vw,48px);letter-spacing:-.04em}
.wm-jump-row span{color:#9aa5b8;font-size:clamp(14px,1.1vw,18px);line-height:1.55}
.wm-jump-row i{font-style:normal;font-size:32px;transition:transform .3s,color .3s}
.wm-jump-row:hover{background:#080c15;padding-left:16px;padding-right:12px}
.wm-jump-row:hover i{transform:translate(6px,-6px);color:var(--cyan)}
.wm-detail{scroll-margin-top:80px;padding:clamp(90px,9vw,150px) 0;background:#05070d;border-top:1px solid var(--line)}
.wm-detail-light{background:#eef2f8;color:#070a10}
.wm-detail-grid{display:grid;grid-template-columns:70px minmax(0,1.15fr) minmax(280px,.7fr);gap:clamp(28px,5vw,86px);align-items:start}
.wm-detail-number{color:var(--cyan);font-size:12px;font-weight:800;letter-spacing:.12em;padding-top:8px}
.wm-detail h2{margin:18px 0 0;font-size:clamp(54px,7vw,112px);line-height:.9;letter-spacing:-.06em}
.wm-detail h2 em{font-style:normal;color:var(--cyan)}
.wm-detail-copy{margin:44px 0 0;color:#aab4c6;font-size:clamp(17px,1.4vw,22px);line-height:1.7}
.wm-detail ul{grid-column:2/4;display:grid;grid-template-columns:repeat(3,1fr);gap:0;list-style:none;margin:58px 0 0;padding:0;border-top:1px solid var(--line)}
.wm-detail li{padding:22px 16px 22px 0;border-bottom:1px solid var(--line);font-size:13px;letter-spacing:.04em}
.wm-detail li:before{content:"↗";margin-right:12px;color:var(--cyan)}
.wm-detail-light .section-label{color:#174bff}.wm-detail-light h2 em,.wm-detail-light .wm-detail-number,.wm-detail-light li:before{color:#174bff}
.wm-detail-light .wm-detail-copy{color:#5f697a}.wm-detail-light ul,.wm-detail-light li{border-color:rgba(7,10,16,.16)}
@media(max-width:900px){.wm-jump-row{grid-template-columns:46px 1fr 38px}.wm-jump-row span{grid-column:2/3}.wm-jump-row i{grid-column:3;grid-row:1/3}.wm-detail-grid{grid-template-columns:48px 1fr}.wm-detail-copy{grid-column:2}.wm-detail ul{grid-column:2;grid-template-columns:1fr}.wm-detail li{padding:17px 0}}
@media(max-width:650px){.wm-overview .display{font-size:15vw}.wm-jump-list{margin-top:30px}.wm-jump-row{min-height:94px;grid-template-columns:34px 1fr 28px;gap:10px}.wm-jump-row strong{font-size:25px}.wm-jump-row span{font-size:13px}.wm-jump-row i{font-size:24px}.wm-detail{padding:72px 0}.wm-detail-grid{grid-template-columns:1fr;gap:12px}.wm-detail-number,.wm-detail-copy,.wm-detail ul{grid-column:1}.wm-detail h2{font-size:14vw}.wm-detail-copy{margin-top:24px}.wm-detail ul{margin-top:34px}}


/* v4.8 — linked services and editorial service imagery */
a.service-item{color:inherit;text-decoration:none;cursor:pointer;}
a.service-item:hover{background:rgba(76,226,255,.035);}
a.service-item:hover h3{color:var(--accent);}
a.service-item:hover b{transform:translate(5px,-5px);color:var(--accent);}
.service-item b{transition:transform .3s ease,color .3s ease;}

.wm-detail{padding:0!important;overflow:hidden;border-top:1px solid rgba(255,255,255,.13);}
.wm-detail-light{background:#06090f!important;color:#f5f7ff!important;}
.wm-service-visual{width:100%;height:min(52vw,680px);min-height:360px;position:relative;overflow:hidden;background:#05070b;}
.wm-service-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 62%,rgba(2,4,10,.72));pointer-events:none;}
.wm-service-visual img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s cubic-bezier(.2,.7,.2,1),filter .5s ease;filter:saturate(.9) contrast(1.04);}
.wm-detail:hover .wm-service-visual img{transform:scale(1.025);filter:saturate(1.06) contrast(1.06);}
.wm-detail .wm-detail-grid{padding-top:clamp(54px,7vw,110px);padding-bottom:clamp(62px,8vw,130px);grid-template-columns:80px minmax(320px,.9fr) minmax(360px,1.1fr);align-items:start;gap:clamp(25px,5vw,85px);}
.wm-detail-heading h2{font-size:clamp(42px,5.2vw,88px);line-height:.96;letter-spacing:-.055em;margin:.7rem 0 0;}
.wm-detail-heading h2 em{color:var(--accent);font-style:normal;}
.wm-detail-body{padding-top:38px;}
.wm-detail-copy{font-size:clamp(18px,1.55vw,25px)!important;line-height:1.58!important;max-width:760px!important;color:#aeb8ca!important;margin:0 0 34px!important;}
.wm-detail ul{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 28px!important;margin:0 0 38px!important;padding:0!important;list-style:none!important;}
.wm-detail li{position:relative;padding-left:24px;color:#edf3ff;font-size:15px;line-height:1.45;}
.wm-detail li:before{content:"↗";position:absolute;left:0;color:var(--accent);}
.wm-inline-cta{display:inline-flex;gap:18px;align-items:center;color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800;border-bottom:1px solid rgba(76,226,255,.6);padding-bottom:10px;}
.wm-inline-cta span{color:var(--accent);transition:transform .25s ease;}.wm-inline-cta:hover span{transform:translate(4px,-4px);}
@media(max-width:900px){
 .wm-service-visual{height:62vw;min-height:280px;}
 .wm-detail .wm-detail-grid{grid-template-columns:48px 1fr;gap:22px;padding-top:52px;padding-bottom:68px;}
 .wm-detail-body{grid-column:2;padding-top:0;}
 .wm-detail ul{grid-template-columns:1fr;}
}
@media(max-width:560px){
 .wm-service-visual{height:72vw;min-height:245px;}
 .wm-detail .wm-detail-grid{grid-template-columns:1fr;gap:12px;}
 .wm-detail-number{font-size:13px;}
 .wm-detail-body{grid-column:auto;}
 .wm-detail-heading h2{font-size:clamp(38px,12vw,58px);}
}

/* v5.0 – native, responsive Servicebilder ohne weichzeichnende GPU-Skalierung */
.wm-service-visual {
  background: #05080d;
  overflow: hidden;
}
.wm-service-visual img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
  image-rendering: auto;
  transform: none;
  filter: none;
  backface-visibility: visible;
}
.wm-detail:hover .wm-service-visual img { transform: none; filter: none; }
#film .wm-service-visual img { object-position: 35% center; }
@media (min-width: 1100px) {
  .wm-service-visual img { min-height: 420px; }
}

/* v5.1 – Prozessmotiv statt Farb-Platzhalter */
.wm-feature-media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
  filter: none;
  transform: none;
}

/* v5.3 – eigenständige Seite „Über uns“ */
.about-page{background:#02040a;color:#f5f7ff}
.about-hero{position:relative;min-height:96svh;padding-top:var(--header);display:flex;align-items:flex-end;overflow:hidden;background:#02040a}
.about-hero-media,.about-hero-media img{position:absolute;inset:0;width:100%;height:100%}
.about-hero-media img{object-fit:cover;object-position:center;display:block}
.about-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,3,9,.93) 0%,rgba(1,3,9,.72) 43%,rgba(1,3,9,.2) 78%),linear-gradient(0deg,#02040a 0%,transparent 52%)}
.about-hero-content{position:relative;z-index:2;padding-bottom:clamp(70px,9vh,115px)}
.about-title{max-width:1120px;margin:22px 0 42px;font-size:clamp(74px,10.5vw,168px);line-height:.82;letter-spacing:-.07em}
.about-title em,.about-display em,.about-cta h2 em{font-style:normal;color:var(--cyan)}
.about-hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:45px}
.about-hero-bottom>p{max-width:650px;margin:0;color:#d9dfeb;font-size:clamp(18px,1.55vw,24px);line-height:1.55}
.about-hero-tag{position:absolute;z-index:2;right:30px;top:50%;writing-mode:vertical-rl;font-size:9px;letter-spacing:.2em;text-transform:uppercase}
.about-intro{background:#05070d}
.about-intro-grid{display:grid;grid-template-columns:210px 1fr;gap:clamp(35px,6vw,95px)}
.about-display{margin:0;font-size:clamp(48px,6.5vw,104px);line-height:.96;letter-spacing:-.055em;text-wrap:balance}
.about-lead{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,80px);max-width:1020px;margin-top:55px}
.about-lead p,.about-philosophy-lead{margin:0;color:#aeb8ca;font-size:clamp(17px,1.4vw,22px);line-height:1.7}
.about-facts{display:grid;grid-template-columns:repeat(4,1fr);margin-top:clamp(65px,8vw,120px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.about-fact{padding:38px 26px;border-right:1px solid var(--line)}.about-fact:last-child{border-right:0}
.about-fact strong{display:block;color:#fff;font-size:clamp(45px,5vw,78px);line-height:1;letter-spacing:-.055em;font-variant-numeric:tabular-nums}
.about-fact p{margin:10px 0 0;color:#7f899c;font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.about-philosophy{background:#eef2f8;color:#070a10}
.about-philosophy-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.72fr);gap:clamp(55px,8vw,130px);align-items:center}
.about-philosophy .section-label{color:#174bff}.about-philosophy .about-display em{color:#174bff}
.about-philosophy-lead{max-width:780px;margin-top:36px;color:#596272}
.about-beliefs{margin-top:50px;border-top:1px solid rgba(7,10,16,.16)}
.about-beliefs>div{display:grid;grid-template-columns:42px minmax(160px,.65fr) 1fr;gap:22px;padding:25px 0;border-bottom:1px solid rgba(7,10,16,.16);align-items:start}
.about-beliefs span{color:#174bff;font-size:10px;font-weight:800;letter-spacing:.14em}.about-beliefs strong{font-size:18px;line-height:1.3}.about-beliefs p{margin:0;color:#697282;font-size:14px;line-height:1.6}
.about-craft{position:relative;margin:0;aspect-ratio:4/5;overflow:hidden;border-radius:5px;box-shadow:0 30px 80px rgba(19,38,75,.2)}
.about-craft img{width:100%;height:100%;display:block;object-fit:cover}
.about-craft:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.72),transparent 38%)}
.about-craft figcaption{position:absolute;z-index:2;left:26px;bottom:24px;color:#fff;font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.about-values{background:#02040a}
.about-values-head{display:grid;grid-template-columns:210px 1fr;gap:clamp(35px,6vw,95px);margin-bottom:70px}
.about-values-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}
.about-value{position:relative;min-height:315px;padding:42px 44px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;transition:background .4s,transform .4s}
.about-value:nth-child(2n){border-right:0}.about-value:hover{background:#080d18;transform:translateY(-3px)}
.about-value>span{color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:.15em}.about-value h3{margin:55px 0 18px;font-size:clamp(34px,3.8vw,58px);line-height:1;letter-spacing:-.045em}.about-value p{max-width:590px;margin:0;color:#98a4b8;font-size:16px;line-height:1.65}
.about-experience{background:#eef2f8;color:#070a10}
.about-experience-grid{display:grid;grid-template-columns:minmax(300px,.65fr) 1fr;gap:clamp(55px,8vw,130px);align-items:center}
.about-year{color:#174bff;font-size:clamp(110px,18vw,300px);font-weight:800;line-height:.78;letter-spacing:-.085em;writing-mode:vertical-rl;transform:rotate(180deg);justify-self:center}
.about-experience .section-label{color:#174bff}.about-experience .about-display em{color:#174bff}
.about-experience-copy>p{max-width:800px;margin:38px 0;color:#596272;font-size:clamp(17px,1.4vw,22px);line-height:1.72}
.about-inline-link,.studio-about-link{display:inline-flex;align-items:center;gap:24px;padding-bottom:10px;border-bottom:1px solid currentColor;color:#174bff;font-size:11px;font-weight:800;letter-spacing:.13em;text-decoration:none;text-transform:uppercase}
.about-inline-link span,.studio-about-link span{font-size:20px;transition:transform .3s}.about-inline-link:hover span,.studio-about-link:hover span{transform:translate(4px,-4px)}
.studio-about-link{margin-top:30px;color:var(--cyan)}
.about-cta{background:radial-gradient(circle at 80% 20%,rgba(23,75,255,.34),transparent 34%),#02040a}
.about-cta .wrap{position:relative}.about-cta h2{max-width:1100px;margin:28px 0 0;font-size:clamp(58px,9vw,145px);line-height:.9;letter-spacing:-.065em}.about-cta .round-cta{position:absolute;right:0;bottom:0}
@media(max-width:980px){
  .about-intro-grid,.about-values-head{grid-template-columns:1fr;gap:28px}
  .about-philosophy-grid{grid-template-columns:1fr}.about-craft{max-width:590px}
  .about-facts{grid-template-columns:1fr 1fr}.about-fact:nth-child(2){border-right:0}.about-fact:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .about-experience-grid{grid-template-columns:1fr}.about-year{writing-mode:horizontal-tb;transform:none;justify-self:start}
  .about-cta .round-cta{position:relative;margin-top:45px}
}
@media(max-width:650px){
  .about-hero{min-height:86svh}.about-title{font-size:16vw}.about-hero-bottom{align-items:flex-start}.about-hero-bottom>p{font-size:16px}.about-hero-bottom .round-cta{width:100px;height:100px;padding:18px}.about-hero-tag{display:none}
  .about-display{font-size:14vw}.about-lead{grid-template-columns:1fr;gap:20px;margin-top:35px}
  .about-facts{grid-template-columns:1fr}.about-fact,.about-fact:nth-child(2){border-right:0;border-bottom:1px solid var(--line)}.about-fact:last-child{border-bottom:0}
  .about-beliefs>div{grid-template-columns:32px 1fr;gap:12px}.about-beliefs p{grid-column:2}
  .about-values-grid{grid-template-columns:1fr}.about-value,.about-value:nth-child(2n){border-right:0;min-height:auto;padding:36px 24px}.about-value h3{margin-top:35px}
  .about-year{font-size:31vw}.about-cta h2{font-size:15vw}
}

/* v5.5 – Founder-Porträt im Bereich „Wer wir sind“ */
.about-founder-layout{display:grid;grid-template-columns:clamp(330px,24vw,430px) minmax(0,1fr);gap:clamp(48px,5.5vw,92px);align-items:start;margin-top:55px}
.about-founder-layout .about-lead{max-width:none;margin:0}
.about-founder{position:relative;margin:0 0 0 clamp(45px,4.2vw,72px);min-width:0}
.about-founder-photo{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:496/690;padding:2px;border:0;border-radius:7px 7px 0 0;background:#090d16;box-shadow:0 0 28px rgba(76,226,255,.12),0 28px 65px rgba(0,0,0,.34)}
.about-founder-photo:before{content:"";position:absolute;z-index:0;left:-65%;top:-35%;width:230%;height:170%;background:conic-gradient(from 0deg,transparent 0 71%,rgba(76,226,255,.12) 75%,#4ce2ff 80%,#174bff 85%,rgba(76,226,255,.16) 90%,transparent 94%);animation:founderBorderLight 5s linear infinite;pointer-events:none}
.about-founder-photo:after{content:"";position:absolute;z-index:1;inset:2px;border-radius:5px 5px 0 0;background:radial-gradient(circle at 52% 35%,rgba(43,105,255,.2),transparent 48%),linear-gradient(180deg,#090d16,#070a11);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);pointer-events:none}
.about-founder-photo img{position:relative;z-index:2;width:100%;height:100%;display:block;object-fit:contain;object-position:center bottom;filter:saturate(.76) contrast(.92) brightness(.96) drop-shadow(0 24px 34px rgba(0,0,0,.38))}
@keyframes founderBorderLight{to{transform:rotate(1turn)}}
.about-founder figcaption{position:absolute;z-index:4;left:12%;right:6%;bottom:-28px;display:grid;gap:5px;width:auto;min-width:0;padding:14px 18px 13px;border-top:1px solid rgba(76,226,255,.78);border-right:1px solid rgba(76,226,255,.22);background:rgba(3,6,12,.82);box-shadow:0 16px 40px rgba(0,0,0,.45);backdrop-filter:blur(10px);transform:none}
.about-founder figcaption strong{color:#fff;font-size:18px;line-height:1.25;letter-spacing:-.015em}
.about-founder figcaption span{color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
@media(max-width:980px){.about-founder-layout{grid-template-columns:minmax(280px,350px) minmax(0,1fr);gap:42px}.about-founder-layout .about-lead{grid-template-columns:1fr}}
@media(max-width:700px){.about-founder-layout{grid-template-columns:1fr;margin-top:38px}.about-founder{width:min(88vw,400px);margin-top:18px;margin-bottom:18px}.about-founder-layout .about-lead{gap:20px}.about-founder figcaption{left:10%;right:5%;bottom:-22px;min-width:0;padding:12px 15px 11px;transform:none}}
@media(prefers-reduced-motion:reduce){.about-founder-photo:before{animation:none;transform:rotate(28deg)}}

/* v6.1 – erzählerischer Unternehmenstext */
.about-story{grid-template-columns:1fr 1fr;gap:30px clamp(34px,4vw,66px)}
.about-story .about-story-intro{grid-column:1/-1;max-width:980px;padding:3px 0 3px 25px;border-left:2px solid var(--cyan);color:#eef4ff;font-size:clamp(20px,1.7vw,28px);line-height:1.58;letter-spacing:-.01em}
.about-story p:not(.about-story-intro){max-width:650px}
@media(max-width:980px){.about-story{grid-template-columns:1fr}.about-story .about-story-intro{grid-column:1}}
@media(max-width:700px){.about-founder{margin-left:14px}.about-story .about-story-intro{padding-left:18px;font-size:19px}}

/* v6.3 – Teamsektion */
.about-team{background:#070a11}
.about-team-head{display:grid;grid-template-columns:210px 1fr;gap:clamp(35px,6vw,95px);margin-bottom:clamp(55px,7vw,95px)}
.about-team-intro{max-width:850px;margin:35px 0 0;color:#9ba7bb;font-size:clamp(17px,1.35vw,21px);line-height:1.7}
.about-team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,318px));justify-content:center;gap:clamp(13px,1.4vw,21px)}
.team-card{position:relative;min-width:0;padding:1px;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(76,226,255,.12),rgba(255,255,255,.05));overflow:hidden;transition:transform .45s,box-shadow .45s}
.team-card:hover{transform:translateY(-7px);box-shadow:0 30px 75px rgba(0,0,0,.42),0 0 34px rgba(76,226,255,.1)}
.team-portrait{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:4/5;background:#0a0e17}
.team-portrait:before{content:"";position:absolute;z-index:0;left:-65%;top:-45%;width:230%;height:190%;background:conic-gradient(from 0deg,transparent 0 73%,rgba(76,226,255,.08) 77%,#4ce2ff 82%,#174bff 87%,rgba(76,226,255,.12) 91%,transparent 95%);animation:teamPortraitLight 8s linear infinite;animation-delay:var(--team-delay,0s);pointer-events:none}
.team-card:nth-child(2){--team-delay:-1.3s}.team-card:nth-child(3){--team-delay:-2.6s}.team-card:nth-child(4){--team-delay:-3.9s}.team-card:nth-child(5){--team-delay:-5.2s}.team-card:nth-child(6){--team-delay:-6.5s}
.team-portrait:after{content:"";position:absolute;z-index:1;inset:2px;background:radial-gradient(circle at 55% 28%,rgba(31,82,220,.22),transparent 43%),linear-gradient(180deg,#101522,#070a11 82%);pointer-events:none}
.team-portrait img{position:relative;z-index:2;width:100%;height:100%;display:block;object-fit:cover;object-position:center bottom;filter:saturate(.92) contrast(.98);transform-origin:center bottom;transition:transform .7s cubic-bezier(.16,1,.3,1)}
.team-card:hover .team-portrait img{transform:scale(1.025)}
@keyframes teamPortraitLight{to{transform:rotate(1turn)}}
.team-meta{position:relative;display:grid;grid-template-columns:24px 1fr;gap:4px 8px;padding:17px 15px 18px;background:#090d16}
.team-meta small{grid-row:1/3;color:var(--cyan);font-size:7px;font-weight:800;letter-spacing:.16em;padding-top:4px}
.team-meta h3{margin:0;color:#fff;font-size:clamp(18px,1.47vw,25px);line-height:1.05;letter-spacing:-.04em}
.team-meta p{margin:0;color:#8e9bb0;font-size:8px;font-weight:800;line-height:1.45;letter-spacing:.12em;text-transform:uppercase}
@media(max-width:980px){.about-team-head{grid-template-columns:1fr;gap:28px}.about-team-grid{grid-template-columns:repeat(2,minmax(0,318px))}}
@media(max-width:600px){.about-team-grid{grid-template-columns:minmax(0,318px)}.team-meta{padding:16px 15px 18px}.team-meta h3{font-size:24px}}
@media(prefers-reduced-motion:reduce){.team-portrait:before{animation:none;transform:rotate(24deg)}}

/* V6.9 — Königsblaue Referenzenwelt mit rotierenden Kundenlogos */
.references-page{min-height:100%;background:#123bd1}
.references-page .site-header{background:#02040a}
.logo-universe{position:relative;min-height:100svh;padding-top:var(--header);overflow:hidden;isolation:isolate;background:linear-gradient(145deg,#07166f 0%,#1035c7 33%,#174cff 68%,#09218f 100%)}
.logo-universe:before{content:"";position:fixed;z-index:-3;inset:var(--header) 0 0;pointer-events:none;opacity:.24;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:9vw 9vw;mask-image:radial-gradient(circle at center,#000,transparent 82%)}
.logo-universe:after{content:"";position:fixed;z-index:-2;inset:var(--header) 0 0;pointer-events:none;background:radial-gradient(circle at 50% 22%,rgba(91,163,255,.43),transparent 31%),linear-gradient(180deg,rgba(4,11,68,.08),rgba(3,11,75,.42))}
.logo-light{position:fixed;z-index:-1;width:44vw;height:44vw;border-radius:50%;pointer-events:none;filter:blur(20px);opacity:.48}
.logo-light--one{right:-20vw;top:8vh;background:radial-gradient(circle,rgba(87,231,255,.42),transparent 68%);animation:logoAuraOne 12s ease-in-out infinite alternate}
.logo-light--two{left:-22vw;bottom:-20vw;background:radial-gradient(circle,rgba(111,74,255,.55),transparent 68%);animation:logoAuraTwo 14s ease-in-out infinite alternate}
@keyframes logoAuraOne{to{transform:translate(-9vw,9vh) scale(1.14)}}
@keyframes logoAuraTwo{to{transform:translate(12vw,-8vh) scale(.9)}}
.client-logo-section{position:relative;z-index:2;padding:clamp(72px,8vw,125px) 0 clamp(110px,12vw,190px)}
.client-logo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2.1vw,34px);perspective:1400px}
.client-logo{position:relative;min-width:0;margin:0;aspect-ratio:4/3;padding:clamp(10px,1.1vw,17px);border:1px solid rgba(255,255,255,.22);border-radius:clamp(18px,1.8vw,28px);background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.055));box-shadow:0 28px 65px rgba(3,10,64,.28),inset 0 1px rgba(255,255,255,.2);backdrop-filter:blur(13px);transform-style:preserve-3d;will-change:transform,opacity,filter}
.client-logo:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(145deg,rgba(255,255,255,.7),rgba(79,210,255,.16) 43%,rgba(255,255,255,.08));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.client-logo-inner{position:relative;width:100%;height:100%;display:grid;place-items:center;overflow:hidden;border-radius:clamp(11px,1.2vw,18px);background:rgba(255,255,255,.97);box-shadow:0 18px 45px rgba(3,9,50,.17);transform:translateZ(28px)}
.client-logo.logo-dark .client-logo-inner{background:#020305}
.client-logo.logo-blue .client-logo-inner{background:#2944d0}
.client-logo.logo-burgundy .client-logo-inner{background:#6d0d29}
.client-logo img{display:block;width:76%;height:58%;object-fit:contain;object-position:center;filter:none;transform:translateZ(22px);transition:transform .75s cubic-bezier(.16,1,.3,1),filter .45s}
.client-logo:hover{z-index:5;transform:perspective(1000px) rotateX(-4deg) rotateY(5deg) translateY(-10px) scale(1.025);box-shadow:0 42px 95px rgba(2,8,54,.42),0 0 42px rgba(92,231,255,.18)}
.client-logo:hover img{transform:translateZ(42px) scale(1.055)}
.client-logo.reveal{opacity:0;filter:blur(15px);transform:perspective(900px) rotateY(var(--spin)) rotateX(18deg) translateZ(-340px) scale(.62);transition:none}
.client-logo.reveal.visible{animation:clientLogoSpinIn 1.08s var(--delay) cubic-bezier(.16,1,.3,1) both}
@keyframes clientLogoSpinIn{0%{opacity:0;filter:blur(15px);transform:perspective(900px) rotateY(var(--spin)) rotateX(18deg) translateZ(-340px) scale(.62)}55%{opacity:1;filter:blur(1px);transform:perspective(900px) rotateY(-7deg) rotateX(-2deg) translateZ(20px) scale(1.025)}100%{opacity:1;filter:none;transform:perspective(900px) rotateY(0) rotateX(0) translateZ(0) scale(1)}}
@media(max-width:1100px){.client-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.client-logo-section{padding-top:48px}.client-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.client-logo{border-radius:17px;padding:9px}.client-logo-inner{border-radius:10px}.client-logo img{width:80%;height:62%}.logo-universe:before{background-size:25vw 25vw}}
@media(max-width:430px){.client-logo-grid{grid-template-columns:1fr;gap:18px}.client-logo{max-width:360px;width:100%;justify-self:center}.client-logo img{width:72%;height:58%}}
@media(prefers-reduced-motion:reduce){.logo-light{animation:none}.client-logo.reveal,.client-logo.reveal.visible{opacity:1;filter:none;transform:none;animation:none}.client-logo:hover{transform:none}}

/* V7.0 — Kacheln drehen zeitversetzt aus dem königsblauen Hintergrund */
.client-logo-section{min-height:calc(100svh - var(--header));display:flex;align-items:center;padding:clamp(34px,4.5vh,58px) 0}
.client-logo-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,clamp(125px,16vh,176px));gap:clamp(12px,1.5vw,23px);width:var(--wrap);perspective:1600px}
.client-logo{--quarter:92deg;--over:188deg;--end:180deg;aspect-ratio:auto;padding:0;border:0;border-radius:clamp(15px,1.5vw,23px);background:transparent;box-shadow:none;backdrop-filter:none;opacity:0;perspective:1200px;animation:logoTileAppear .01s calc(2.4s + var(--i)*1.9s) linear forwards}
.client-logo:nth-child(2),.client-logo:nth-child(4),.client-logo:nth-child(5),.client-logo:nth-child(7),.client-logo:nth-child(10),.client-logo:nth-child(12),.client-logo:nth-child(13),.client-logo:nth-child(15){--quarter:-92deg;--over:-188deg;--end:-180deg}
.client-logo:before{display:none}
.client-logo-flipper{position:relative;width:100%;height:100%;border-radius:inherit;transform-style:preserve-3d;transform-origin:center;animation:logoTileFlip 1.35s calc(2.4s + var(--i)*1.9s) cubic-bezier(.16,.92,.24,1) both;will-change:transform}
.client-logo-cover,.client-logo-inner{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.client-logo-cover{z-index:2;background:linear-gradient(145deg,rgba(24,75,244,.98),rgba(10,42,174,.98));border:1px solid rgba(109,180,255,.15);box-shadow:inset 0 0 55px rgba(66,171,255,.07)}
.client-logo-cover:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(110deg,transparent 32%,rgba(255,255,255,.2) 49%,transparent 66%);opacity:0}
.client-logo-inner{display:grid;place-items:center;overflow:hidden;padding:clamp(9px,1vw,15px);transform:rotateY(180deg);background:rgba(255,255,255,.97);border:1px solid rgba(255,255,255,.5);box-shadow:0 28px 70px rgba(2,7,53,.42);backdrop-filter:none}
.client-logo.logo-dark .client-logo-inner{background:#020305}.client-logo.logo-blue .client-logo-inner{background:#2944d0}.client-logo.logo-burgundy .client-logo-inner{background:#6d0d29}
.client-logo img{width:76%;height:62%;transform:none;transition:transform .55s cubic-bezier(.16,1,.3,1)}
.client-logo:hover{z-index:5;transform:none;box-shadow:none}
.client-logo:hover .client-logo-flipper{transform:rotateY(var(--end)) translateY(-7px) scale(1.025)}
.client-logo:hover img{transform:scale(1.05)}
@keyframes logoTileAppear{to{opacity:1}}
@keyframes logoTileFlip{0%{transform:rotateY(0deg) translateZ(-160px);filter:brightness(.96)}42%{transform:rotateY(var(--quarter)) translateZ(85px) scale(.92);filter:brightness(1.22)}72%{transform:rotateY(var(--over)) translateZ(28px) scale(1.035);filter:brightness(1.08)}100%{transform:rotateY(var(--end)) translateZ(0) scale(1);filter:none}}
@media(max-width:1100px){.client-logo-section{align-items:flex-start;padding:45px 0 90px}.client-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:clamp(145px,20vw,190px)}}
@media(max-width:760px){.client-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(132px,35vw,175px);gap:13px}.client-logo-inner{padding:9px}.client-logo img{width:80%;height:65%}}
@media(max-width:430px){.client-logo-grid{grid-template-columns:1fr;grid-auto-rows:190px}.client-logo{max-width:360px;width:100%;justify-self:center}}
@media(prefers-reduced-motion:reduce){.client-logo{opacity:1;animation:none}.client-logo-flipper{transform:rotateY(180deg);animation:none}}

/* V7.1 — Königsblauer Hintergrund zerbricht und Logos scheinen hervor */
.client-logo{opacity:1;animation:none;perspective:none;overflow:visible;isolation:isolate;--break-delay:calc(2.7s + var(--i)*1.85s)}
.client-logo-flipper{position:absolute;inset:0;animation:none;transform:none!important;transform-style:flat;overflow:visible}
.client-logo-cover{display:none}
.client-logo-inner,.client-logo.logo-dark .client-logo-inner,.client-logo.logo-blue .client-logo-inner,.client-logo.logo-burgundy .client-logo-inner{z-index:2;inset:7%;width:86%;height:86%;padding:8px;opacity:0;transform:none;background:transparent;border:0;box-shadow:none;overflow:visible;backface-visibility:visible;animation:logoShineThrough 1.15s calc(var(--break-delay) + .34s) cubic-bezier(.16,1,.3,1) forwards}
.client-logo img{width:82%;height:72%;opacity:1;transform:scale(.76) translateZ(0);filter:drop-shadow(0 18px 22px rgba(2,8,54,.48));animation:logoImageBloom 1.2s calc(var(--break-delay) + .34s) cubic-bezier(.16,1,.3,1) forwards}
.client-logo:hover .client-logo-flipper{transform:none!important}.client-logo:hover img{transform:scale(1.04);filter:drop-shadow(0 22px 30px rgba(2,7,48,.54)) drop-shadow(0 0 22px rgba(130,235,255,.45))}
.client-logo:before{content:"";display:block;position:absolute;z-index:5;left:50%;top:50%;width:16%;aspect-ratio:1;border-radius:50%;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.1);background:#fff;box-shadow:0 0 18px #fff,0 0 50px #73e6ff,0 0 105px #46b8ff;animation:logoBreakFlash 1.1s var(--break-delay) ease-out both}
.client-logo:after{content:"";display:block;position:absolute;z-index:4;inset:12%;pointer-events:none;opacity:0;clip-path:polygon(49% 0,54% 37%,86% 13%,61% 44%,100% 51%,62% 56%,89% 89%,56% 62%,48% 100%,45% 62%,9% 88%,38% 56%,0 49%,39% 44%,14% 11%,44% 37%);background:repeating-conic-gradient(from 12deg,transparent 0 7deg,rgba(255,255,255,.94) 8deg 9deg,transparent 10deg 26deg);filter:drop-shadow(0 0 8px rgba(144,236,255,.95));animation:logoCrackLines .9s var(--break-delay) ease-out both}
.logo-fragment{position:absolute;z-index:3;left:50%;top:50%;width:54%;height:54%;pointer-events:none;opacity:0;background:linear-gradient(145deg,#2358ff,#0b2ba9 72%);border:1px solid rgba(173,229,255,.48);box-shadow:0 0 24px rgba(95,216,255,.35);transform-origin:center;animation:logoFragmentBurst 1.05s var(--break-delay) cubic-bezier(.18,.75,.25,1) both}
.logo-fragment--1{--fx:-82%;--fy:-88%;--fr:-24deg;clip-path:polygon(0 0,100% 0,57% 100%,23% 63%)}
.logo-fragment--2{--fx:28%;--fy:-96%;--fr:31deg;clip-path:polygon(25% 0,100% 0,100% 71%,0 100%,42% 46%)}
.logo-fragment--3{--fx:82%;--fy:-35%;--fr:43deg;clip-path:polygon(38% 0,100% 21%,83% 100%,0 64%)}
.logo-fragment--4{--fx:76%;--fy:42%;--fr:-36deg;clip-path:polygon(0 17%,100% 0,100% 100%,34% 76%)}
.logo-fragment--5{--fx:18%;--fy:82%;--fr:28deg;clip-path:polygon(21% 0,100% 35%,78% 100%,0 100%)}
.logo-fragment--6{--fx:-54%;--fy:77%;--fr:-39deg;clip-path:polygon(0 28%,62% 0,100% 100%,18% 86%)}
.logo-fragment--7{--fx:-94%;--fy:24%;--fr:34deg;clip-path:polygon(0 0,72% 26%,100% 100%,0 78%)}
.logo-fragment--8{--fx:-88%;--fy:-42%;--fr:-31deg;clip-path:polygon(0 0,100% 16%,73% 100%,0 72%)}
@keyframes logoBreakFlash{0%{opacity:0;transform:translate(-50%,-50%) scale(.08)}18%{opacity:1;transform:translate(-50%,-50%) scale(.32)}46%{opacity:.92;transform:translate(-50%,-50%) scale(1.25)}100%{opacity:0;transform:translate(-50%,-50%) scale(3.6)}}
@keyframes logoCrackLines{0%{opacity:0;transform:scale(.08) rotate(-5deg)}20%{opacity:1;transform:scale(.52) rotate(0)}56%{opacity:1;transform:scale(1.08) rotate(1deg)}100%{opacity:0;transform:scale(1.25) rotate(2deg)}}
@keyframes logoFragmentBurst{0%{opacity:0;transform:translate(-50%,-50%) scale(.05) rotate(0)}15%{opacity:1;transform:translate(-50%,-50%) scale(.38) rotate(0)}58%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--fx)),calc(-50% + var(--fy))) scale(.48) rotate(var(--fr));filter:blur(1px)}}
@keyframes logoShineThrough{0%{opacity:0;transform:scale(.58);filter:brightness(2.2) blur(10px)}35%{opacity:1;transform:scale(1.08);filter:brightness(1.45) blur(1px);text-shadow:0 0 30px #fff}100%{opacity:1;transform:scale(1);filter:none}}
@keyframes logoImageBloom{0%{transform:scale(.72);filter:brightness(2.4) blur(8px) drop-shadow(0 0 42px #b7f5ff)}46%{transform:scale(1.09);filter:brightness(1.32) blur(0) drop-shadow(0 0 36px #72ddff)}100%{transform:scale(1);filter:drop-shadow(0 18px 22px rgba(2,8,54,.48)) drop-shadow(0 0 12px rgba(111,226,255,.28))}}
@media(max-width:760px){.client-logo-inner,.client-logo.logo-dark .client-logo-inner,.client-logo.logo-blue .client-logo-inner,.client-logo.logo-burgundy .client-logo-inner{inset:5%;width:90%;height:90%}.logo-fragment{width:58%;height:58%}}
@media(prefers-reduced-motion:reduce){.client-logo:before,.client-logo:after,.logo-fragment{display:none}.client-logo-inner,.client-logo.logo-dark .client-logo-inner,.client-logo.logo-blue .client-logo-inner,.client-logo.logo-burgundy .client-logo-inner{opacity:1;animation:none}.client-logo img{transform:none;animation:none}}

/* V7.2 — Freie, leuchtende Marken-Konstellation */
.logo-universe{background:radial-gradient(circle at 76% 18%,rgba(32,92,255,.88) 0%,rgba(18,57,205,.62) 25%,transparent 53%),radial-gradient(circle at 18% 78%,rgba(9,47,180,.5) 0%,transparent 46%),linear-gradient(135deg,#000 0%,#02040d 24%,#071b67 52%,#0b32bc 76%,#02040b 100%)}
.logo-universe:before{opacity:.12;background-size:12vw 12vw;mask-image:radial-gradient(ellipse at center,#000 0 38%,transparent 78%)}
.logo-universe:after{background:radial-gradient(ellipse at 52% 46%,rgba(65,151,255,.15),transparent 46%),radial-gradient(circle at 8% 24%,rgba(20,67,212,.22),transparent 28%),radial-gradient(circle at 92% 72%,rgba(23,116,255,.18),transparent 29%),linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.46))}
.logo-light{opacity:.34;filter:blur(50px)}
.client-logo-section{min-height:calc(100svh - var(--header));display:flex;align-items:center;padding:clamp(34px,4vh,54px) 0}
.client-logo-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,clamp(125px,16vh,176px));gap:clamp(9px,1vw,17px);perspective:none}
.client-logo{--x:0px;--y:0px;position:relative;aspect-ratio:auto;padding:0;border:0;background:transparent;box-shadow:none;opacity:0;overflow:visible;isolation:isolate;animation:constellationReveal 1.6s calc(1.15s + var(--i)*.27s) cubic-bezier(.16,1,.3,1) both,constellationFloat 7s calc(2.75s + var(--i)*.27s) ease-in-out infinite}
.client-logo:nth-child(2),.client-logo:nth-child(7),.client-logo:nth-child(12){--y:-12px}.client-logo:nth-child(4),.client-logo:nth-child(9),.client-logo:nth-child(14){--y:11px}.client-logo:nth-child(5),.client-logo:nth-child(15){--x:-9px}.client-logo:nth-child(8),.client-logo:nth-child(13){--x:10px}
.client-logo-flipper{position:absolute;inset:0;transform:none!important;animation:none;overflow:visible}
.client-logo-cover,.logo-fragment{display:none!important}
.client-logo-inner,.client-logo.logo-dark .client-logo-inner,.client-logo.logo-blue .client-logo-inner,.client-logo.logo-burgundy .client-logo-inner{position:absolute;z-index:2;inset:6%;width:88%;height:88%;display:grid;place-items:center;padding:5px;opacity:1;overflow:visible;transform:none;background:transparent!important;border:0;box-shadow:none;animation:none;transition:transform .6s cubic-bezier(.16,1,.3,1),filter .5s}
.client-logo img{display:block;width:78%;height:68%;object-fit:contain;border-radius:8px;opacity:1;transform:none;animation:none;filter:drop-shadow(0 18px 25px rgba(2,8,54,.5)) drop-shadow(0 0 10px rgba(123,225,255,.2));transition:transform .6s cubic-bezier(.16,1,.3,1),filter .5s}
.client-logo:before{content:"";display:block;position:absolute;z-index:0;left:50%;top:50%;width:92%;height:82%;border-radius:50%;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.3);background:radial-gradient(ellipse,rgba(151,238,255,.34),rgba(62,141,255,.12) 38%,transparent 70%);filter:blur(12px);animation:constellationAura 1.8s calc(1.15s + var(--i)*.27s) ease-out both}
.client-logo:after{content:"";display:block;position:absolute;z-index:1;left:50%;top:50%;width:72%;height:54%;border:1px solid rgba(175,238,255,.32);border-radius:50%;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.25);animation:constellationRing 1.45s calc(1.15s + var(--i)*.27s) ease-out both}
.client-logo:hover{z-index:8;opacity:1;transform:none;box-shadow:none;animation-play-state:paused}
.client-logo:hover .client-logo-inner{transform:scale(1.12)}
.client-logo:hover img{transform:scale(1.04);filter:drop-shadow(0 24px 32px rgba(1,7,48,.62)) drop-shadow(0 0 26px rgba(141,239,255,.55))}
.client-logo-grid:has(.client-logo:hover) .client-logo:not(:hover){opacity:.3;filter:saturate(.55) brightness(.82);transition:opacity .45s,filter .45s}
@keyframes constellationReveal{0%{opacity:0;filter:blur(24px) brightness(1.8);transform:translate(var(--x),calc(var(--y) + 38px)) scale(.5)}55%{opacity:1;filter:blur(1px) brightness(1.25);transform:translate(var(--x),calc(var(--y) - 5px)) scale(1.055)}100%{opacity:1;filter:none;transform:translate(var(--x),var(--y)) scale(1)}}
@keyframes constellationAura{0%{opacity:0;transform:translate(-50%,-50%) scale(.25)}42%{opacity:1;transform:translate(-50%,-50%) scale(1.18)}100%{opacity:.42;transform:translate(-50%,-50%) scale(1)}}
@keyframes constellationRing{0%{opacity:0;transform:translate(-50%,-50%) scale(.15)}35%{opacity:.8}100%{opacity:0;transform:translate(-50%,-50%) scale(1.65)}}
@keyframes constellationFloat{0%,100%{transform:translate(var(--x),var(--y)) scale(1)}50%{transform:translate(var(--x),calc(var(--y) - 9px)) scale(1.012)}}
@media(max-width:1100px){.client-logo-section{align-items:flex-start;padding:50px 0 100px}.client-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:clamp(145px,20vw,190px)}}
@media(max-width:760px){.client-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(132px,35vw,176px);gap:10px}.client-logo{--x:0px!important;--y:0px!important}.client-logo-inner,.client-logo.logo-dark .client-logo-inner,.client-logo.logo-blue .client-logo-inner,.client-logo.logo-burgundy .client-logo-inner{inset:4%;width:92%;height:92%}.client-logo img{width:82%;height:72%}}
@media(max-width:430px){.client-logo-grid{grid-template-columns:1fr;grid-auto-rows:190px}.client-logo{max-width:360px;width:100%;justify-self:center}}
@media(prefers-reduced-motion:reduce){.client-logo{opacity:1;animation:none;transform:none}.client-logo:before{opacity:.28;transform:translate(-50%,-50%) scale(1);animation:none}.client-logo:after{display:none}}

/* V7.4 — Professionelle Markenwand, vertikaler Schwarz-Blau-Verlauf */
.logo-universe{background:linear-gradient(180deg,#000 0%,#010207 17%,#030b2b 36%,#071b67 57%,#0d32b4 79%,#174bff 100%)}
.logo-universe:before{opacity:.08;background-size:11vw 11vw;mask-image:linear-gradient(180deg,transparent 0%,#000 20%,#000 86%,transparent 100%)}
.logo-universe:after{background:linear-gradient(180deg,rgba(0,0,0,.22) 0%,transparent 36%,rgba(7,27,103,.08) 62%,rgba(23,75,255,.18) 100%)}
.logo-light{display:none}
.client-logo-section{min-height:calc(100svh - var(--header));display:flex;align-items:center;padding:clamp(38px,5vh,68px) 0 clamp(62px,7vh,92px)}
.client-logo-grid{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,clamp(132px,16.5vh,184px));gap:0;width:var(--wrap);overflow:hidden;border-top:1px solid rgba(255,255,255,.18);border-left:1px solid rgba(255,255,255,.18);perspective:none}
.client-logo-grid:before{content:"";position:absolute;z-index:5;left:0;right:0;top:-2px;height:2px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.96) 44%,#5ee8ff 55%,transparent);box-shadow:0 0 15px #fff,0 0 35px rgba(94,232,255,.75);animation:brandWallScan 3.6s .45s cubic-bezier(.3,.05,.2,1) both}
.client-logo{--x:0px!important;--y:0px!important;position:relative;aspect-ratio:auto;margin:0;padding:0;border:0;border-right:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);border-radius:0;background:rgba(255,255,255,.012);box-shadow:none;opacity:0;overflow:hidden;isolation:isolate;animation:brandWallReveal .86s calc(.72s + var(--i)*.115s) cubic-bezier(.16,1,.3,1) forwards;transition:background .42s,opacity .42s,filter .42s}
.client-logo-flipper{position:absolute;inset:0;transform:none!important;animation:none}
.client-logo-cover,.logo-fragment{display:none!important}
.client-logo-inner,.client-logo.logo-dark .client-logo-inner,.client-logo.logo-blue .client-logo-inner,.client-logo.logo-burgundy .client-logo-inner{position:absolute;z-index:2;inset:0;width:100%;height:100%;display:grid;place-items:center;padding:0;opacity:1;overflow:hidden;transform:none;background:transparent!important;border:0;border-radius:0;box-shadow:none;animation:none;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.client-logo img{display:block;width:var(--logo-w,72%);height:var(--logo-h,62%);object-fit:contain;object-position:center;border-radius:5px;opacity:1;transform:none;animation:none;filter:drop-shadow(0 14px 22px rgba(0,0,0,.42));transition:transform .5s cubic-bezier(.16,1,.3,1),filter .45s}
.client-logo:before{content:"";display:block;position:absolute;z-index:0;inset:0;width:auto;height:auto;border-radius:0;opacity:0;transform:none;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.065) 50%,transparent 75%);filter:none;animation:none;transition:opacity .4s}
.client-logo:after{display:none}
.client-logo:hover{z-index:3;opacity:1!important;filter:none!important;background:rgba(255,255,255,.075);animation-play-state:running}
.client-logo:hover:before{opacity:1}
.client-logo:hover .client-logo-inner{transform:scale(1.035)}
.client-logo:hover img{transform:none;filter:drop-shadow(0 18px 28px rgba(0,0,0,.52)) drop-shadow(0 0 14px rgba(116,213,255,.22))}
.client-logo-grid:has(.client-logo:hover) .client-logo:not(:hover){opacity:.58;filter:saturate(.72) brightness(.8)}
@keyframes brandWallScan{0%{top:-2px;opacity:0}7%{opacity:1}88%{opacity:.9}100%{top:calc(100% - 1px);opacity:0}}
@keyframes brandWallReveal{0%{opacity:0;filter:blur(7px) brightness(1.4);transform:translateY(14px) scale(.965)}100%{opacity:1;filter:none;transform:none}}
@media(max-width:1100px){.client-logo-section{align-items:flex-start;padding:50px 0 90px}.client-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:clamp(150px,20vw,195px)}}
@media(max-width:760px){.client-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(140px,36vw,180px)}.client-logo img{width:min(var(--logo-w,72%),84%);height:min(var(--logo-h,62%),74%)}}
@media(max-width:430px){.client-logo-grid{grid-template-columns:1fr;grid-auto-rows:190px}.client-logo{max-width:none;width:100%}}
@media(prefers-reduced-motion:reduce){.client-logo-grid:before{display:none}.client-logo{opacity:1;animation:none;transform:none;filter:none}}

/* V7.5 — Borderless Depth Launch: Logos fliegen aus der Tiefe nach vorn */
.logo-universe{background:linear-gradient(180deg,#000 0%,#01030b 18%,#041044 40%,#092586 65%,#1039c7 84%,#174bff 100%)}
.logo-universe:before{content:"";position:fixed;z-index:-2;display:block;inset:var(--header) 0 0;opacity:.42;pointer-events:none;background-image:radial-gradient(circle,rgba(145,216,255,.72) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(67,130,255,.6) 0 1px,transparent 1.5px);background-position:0 0,42px 58px;background-size:92px 92px,126px 126px;mask-image:linear-gradient(180deg,transparent 0%,#000 24%,#000 86%,transparent 100%);animation:referenceParticles 22s linear infinite}
.logo-universe:after{content:"";position:fixed;z-index:-1;display:block;inset:var(--header) 0 0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.15),transparent 35%,rgba(21,75,255,.13) 74%,rgba(47,115,255,.2)),linear-gradient(90deg,transparent 0%,rgba(24,79,255,.09) 32%,rgba(74,142,255,.18) 50%,rgba(24,79,255,.09) 68%,transparent 100%);animation:referenceLightCurtain 9s ease-in-out infinite alternate}
.client-logo-section{min-height:calc(100svh - var(--header));display:flex;align-items:center;padding:clamp(45px,5.5vh,72px) 0 clamp(68px,8vh,105px);perspective:1300px}
.client-logo-grid{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,clamp(136px,16.5vh,188px));gap:clamp(14px,1.5vw,24px);width:var(--wrap);overflow:visible;border:0;perspective:1400px;transform-style:preserve-3d}
.client-logo-grid:before,.client-logo-grid:after{display:none!important}
.client-logo{position:relative;aspect-ratio:auto;margin:0;padding:clamp(10px,1vw,16px);border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;opacity:0;overflow:visible;isolation:isolate;transform-style:preserve-3d;will-change:transform,filter,opacity;animation:logoDepthLaunch 2.05s calc(1s + var(--i)*.55s) cubic-bezier(.14,.82,.22,1) forwards;transition:opacity .42s,filter .42s}
.client-logo-flipper{position:absolute;inset:0;overflow:visible;transform:none!important;animation:none}
.client-logo-cover,.logo-fragment{display:none!important}
.client-logo-inner,.client-logo.logo-dark .client-logo-inner,.client-logo.logo-blue .client-logo-inner,.client-logo.logo-burgundy .client-logo-inner{position:absolute;z-index:2;inset:0;width:100%;height:100%;display:grid;place-items:center;padding:clamp(14px,1.35vw,23px);opacity:1;overflow:visible!important;transform:none;background:transparent!important;border:0;border-radius:0;box-shadow:none;animation:none;transition:transform .58s cubic-bezier(.16,1,.3,1),filter .45s}
.client-logo img{display:block;width:min(var(--logo-w,72%),76%);height:min(var(--logo-h,62%),70%);max-width:100%;max-height:100%;object-fit:contain;object-position:center;border:0;border-radius:4px;opacity:1;transform:none;animation:none;filter:drop-shadow(0 18px 25px rgba(0,0,0,.5));transition:transform .58s cubic-bezier(.16,1,.3,1),filter .45s}
.client-logo:before{content:"";display:block;position:absolute;z-index:0;left:50%;top:50%;width:58%;height:42%;border-radius:22%;opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.15);background:rgba(49,120,255,.72);filter:blur(34px);animation:logoDepthBloom 1.85s calc(1s + var(--i)*.55s) ease-out both}
.client-logo:after{content:"";display:block;position:absolute;z-index:3;left:19%;right:19%;top:25%;bottom:25%;border-radius:10px;opacity:0;pointer-events:none;transform:translateX(-150%) skewX(-18deg);background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.08) 37%,rgba(255,255,255,.75) 50%,rgba(120,221,255,.16) 64%,transparent 80%);filter:blur(2px);animation:logoSurfaceSweep 1.35s calc(1.65s + var(--i)*.55s) ease-in-out both}
.client-logo:hover{z-index:8;opacity:1!important;filter:none!important;background:transparent!important;animation-play-state:running}
.client-logo:hover .client-logo-inner{transform:translateZ(55px) scale(1.08)}
.client-logo:hover img{transform:none;filter:drop-shadow(0 24px 34px rgba(0,0,0,.62)) drop-shadow(0 0 22px rgba(105,206,255,.42))}
.client-logo-grid:has(.client-logo:hover) .client-logo:not(:hover){opacity:.42;filter:saturate(.64) brightness(.72) blur(1px)}
@keyframes logoDepthLaunch{0%{opacity:0;filter:blur(24px) brightness(2.1);transform:perspective(1100px) translateZ(-720px) rotateX(48deg) scale(.18)}45%{opacity:1;filter:blur(2px) brightness(1.55);transform:perspective(1100px) translateZ(92px) rotateX(-4deg) scale(1.08)}68%{opacity:1;filter:none;transform:perspective(1100px) translateZ(-28px) rotateX(1deg) scale(.975)}84%{transform:perspective(1100px) translateZ(13px) rotateX(0) scale(1.018)}100%{opacity:1;filter:none;transform:perspective(1100px) translateZ(0) rotateX(0) scale(1)}}
@keyframes logoDepthBloom{0%{opacity:0;transform:translate(-50%,-50%) scale(.12)}38%{opacity:.88;transform:translate(-50%,-50%) scale(1.25);filter:blur(24px)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.8);filter:blur(48px)}}
@keyframes logoSurfaceSweep{0%,18%{opacity:0;transform:translateX(-150%) skewX(-18deg)}38%{opacity:.92}100%{opacity:0;transform:translateX(155%) skewX(-18deg)}}
@keyframes referenceParticles{to{background-position:0 -92px,42px -68px}}
@keyframes referenceLightCurtain{from{opacity:.55;transform:translateY(-2%)}to{opacity:1;transform:translateY(3%)}}
@media(max-width:1100px){.client-logo-section{align-items:flex-start;padding:55px 0 100px}.client-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:clamp(155px,21vw,202px)}}
@media(max-width:760px){.client-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(145px,38vw,188px);gap:12px}.client-logo-inner,.client-logo.logo-dark .client-logo-inner,.client-logo.logo-blue .client-logo-inner,.client-logo.logo-burgundy .client-logo-inner{padding:13px}.client-logo img{width:min(var(--logo-w,72%),82%);height:min(var(--logo-h,62%),76%)}}
@media(max-width:430px){.client-logo-grid{grid-template-columns:1fr;grid-auto-rows:205px;gap:14px}.client-logo{max-width:none;width:100%}.client-logo img{width:min(var(--logo-w,72%),78%);height:min(var(--logo-h,62%),72%)}}
@media(prefers-reduced-motion:reduce){.logo-universe:before,.logo-universe:after{animation:none}.client-logo{opacity:1;animation:none;transform:none;filter:none}.client-logo:before,.client-logo:after{display:none}}

/* V7.7 — Hintergrund vollständig bereinigt */
.logo-universe:before,.logo-universe:after{display:none!important;background:none!important;animation:none!important}

/* V7.8 — randlose, bildbetonte Referenzwand */
.references-page{background:#000}
.references-page .logo-universe{overflow:hidden;background:linear-gradient(180deg,#000 0%,#01030b 16%,#041044 36%,#092586 60%,#1039c7 80%,#174bff 100%)}
.reference-showcase{position:relative;z-index:3;padding:clamp(80px,10vw,160px) clamp(10px,1vw,18px) clamp(10px,1vw,18px);background:linear-gradient(180deg,#174bff 0%,#0e31ad 9%,#030817 25%,#000 45%,#000 100%)}
.reference-mosaic{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;grid-auto-rows:clamp(42px,5vw,78px);gap:clamp(6px,.55vw,10px);max-width:1920px;margin:auto}
.reference-shot{position:relative;display:block;width:100%;min-height:0!important;margin:0;padding:0;border:0;border-radius:0!important;overflow:hidden;background:#05070c;cursor:zoom-in;box-shadow:none!important;isolation:isolate;opacity:0;transform:translateY(85px) scale(.965);transition:opacity 1.05s ease,transform 1.35s cubic-bezier(.16,1,.3,1)}
.reference-shot.is-visible{opacity:1;transform:none}
.reference-shot:before{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(125deg,rgba(29,75,255,.22),transparent 35%,transparent 72%,rgba(0,0,0,.22));opacity:.25;transition:opacity .7s}
.reference-shot:after{content:"";position:absolute;z-index:3;inset:-45%;background:linear-gradient(105deg,transparent 43%,rgba(255,255,255,.14) 50%,transparent 57%);transform:translateX(-55%);opacity:0;pointer-events:none}
.reference-shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0;filter:saturate(.9) contrast(1.03);transform:scale(1.015);transition:transform 1.3s cubic-bezier(.16,1,.3,1),filter .8s ease}
.reference-shot:hover img{transform:scale(1.065);filter:saturate(1.08) contrast(1.04)}
.reference-shot:hover:before{opacity:0}
.reference-shot:hover:after{opacity:1;animation:referenceSheen 1.15s ease forwards}
.reference-shot--hero{grid-column:span 8;grid-row:span 8}
.reference-shot--portrait{grid-column:span 4;grid-row:span 8}
.reference-shot--landscape{grid-column:span 7;grid-row:span 5}
.reference-shot--square{grid-column:span 5;grid-row:span 5}
.reference-shot--wide{grid-column:span 8;grid-row:span 5}
.reference-shot--tall{grid-column:span 4;grid-row:span 9}
.reference-shot--cinema{grid-column:1/-1;grid-row:span 6}
.reference-shot:nth-child(3n+2){transition-delay:.12s}.reference-shot:nth-child(3n){transition-delay:.22s}
@keyframes referenceSheen{0%{transform:translateX(-55%)}100%{transform:translateX(55%)}}
.references-page .project-lightbox{backdrop-filter:blur(18px);background:rgba(0,0,0,.9)}
.references-page .project-lightbox img{border-radius:0;max-width:94vw;max-height:90vh;object-fit:contain}
.references-page .lightbox-close{z-index:2;background:rgba(0,0,0,.55);backdrop-filter:blur(12px)}
@media(max-width:900px){.reference-mosaic{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:clamp(48px,9vw,74px)}.reference-shot--hero,.reference-shot--wide{grid-column:span 6}.reference-shot--portrait,.reference-shot--tall{grid-column:span 3}.reference-shot--landscape{grid-column:span 4}.reference-shot--square{grid-column:span 2}.reference-shot--cinema{grid-column:1/-1}}
@media(max-width:600px){.reference-showcase{padding:80px 6px 6px}.reference-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:24vw;gap:5px}.reference-shot--hero,.reference-shot--wide,.reference-shot--landscape,.reference-shot--cinema{grid-column:span 2;grid-row:span 2}.reference-shot--portrait,.reference-shot--tall{grid-column:span 1;grid-row:span 3}.reference-shot--square{grid-column:span 1;grid-row:span 2}}
@media(prefers-reduced-motion:reduce){.reference-shot{opacity:1;transform:none;transition:none}.reference-shot:hover:after{animation:none}}

/* V7.9 — vollständig weiß, ohne Sterne und Hintergrundeffekte */
.references-page,.references-page .logo-universe{background:#fff!important}
.references-page .logo-universe:before,.references-page .logo-universe:after,
.references-page .client-logo:before,.references-page .client-logo:after,
.references-page .client-logo-grid:before,.references-page .client-logo-grid:after,
.references-page .reference-shot:before,.references-page .reference-shot:after{display:none!important;content:none!important;background:none!important;animation:none!important}
.references-page .client-logo-section{background:#fff}
.references-page .client-logo{background:#fff!important;filter:none}
.references-page .client-logo-inner,.references-page .client-logo.logo-dark .client-logo-inner,.references-page .client-logo.logo-blue .client-logo-inner,.references-page .client-logo.logo-burgundy .client-logo-inner{background:#fff!important}
.references-page .client-logo img{filter:drop-shadow(0 12px 18px rgba(0,0,0,.12))}
.references-page .client-logo:nth-child(1) img{filter:brightness(0) drop-shadow(0 12px 18px rgba(0,0,0,.12))}
.references-page .client-logo:nth-child(2) img,.references-page .client-logo:nth-child(16) img{filter:invert(1) drop-shadow(0 12px 18px rgba(0,0,0,.12))}
.references-page .client-logo:hover img{filter:drop-shadow(0 18px 24px rgba(0,0,0,.17))}
.references-page .client-logo:nth-child(1):hover img{filter:brightness(0) drop-shadow(0 18px 24px rgba(0,0,0,.17))}
.references-page .client-logo:nth-child(2):hover img,.references-page .client-logo:nth-child(16):hover img{filter:invert(1) drop-shadow(0 18px 24px rgba(0,0,0,.17))}
.reference-showcase{background:#fff!important}
.reference-mosaic{background:#fff}
.reference-shot{background:#fff;box-shadow:none!important}
.reference-shot img{filter:none}
.reference-shot:hover img{filter:none}

/* V8.0 — gleich große Logo-Kacheln, sofort sichtbar */
.references-page .client-logo-section{padding:clamp(48px,6vw,88px) 0 clamp(72px,8vw,120px)}
.references-page .client-logo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:auto;gap:clamp(16px,1.7vw,28px);overflow:visible}
.references-page .client-logo{display:block;width:100%;aspect-ratio:1.38/1;margin:0;padding:0;opacity:1!important;transform:none;animation:none!important;overflow:visible;border-radius:12px!important;background:#fff!important;box-shadow:0 12px 34px rgba(13,31,72,.11),0 2px 8px rgba(13,31,72,.06)!important;transition:transform .52s cubic-bezier(.16,1,.3,1),box-shadow .52s ease!important;will-change:transform}
.references-page .client-logo-flipper{position:absolute;inset:0;overflow:hidden;border-radius:inherit}
.references-page .client-logo-inner,.references-page .client-logo.logo-dark .client-logo-inner,.references-page .client-logo.logo-blue .client-logo-inner,.references-page .client-logo.logo-burgundy .client-logo-inner{position:absolute;inset:0;width:100%;height:100%;padding:clamp(20px,2vw,34px);overflow:hidden!important;border-radius:inherit;background:#fff!important;transition:none}
.references-page .client-logo img{display:block;width:78%!important;height:68%!important;max-width:78%!important;max-height:68%!important;margin:auto;object-fit:contain;object-position:center;transform:none!important;animation:none!important}
.references-page .client-logo:hover{z-index:10;transform:translateY(-10px) scale(1.045);box-shadow:0 28px 58px rgba(13,31,72,.2),0 8px 20px rgba(13,31,72,.1)!important}
.references-page .client-logo:hover .client-logo-inner{transform:none!important}
.references-page .client-logo-grid:has(.client-logo:hover) .client-logo:not(:hover){opacity:1!important;filter:none!important}
@media(max-width:1100px){.references-page .client-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto}}
@media(max-width:760px){.references-page .client-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;gap:14px}.references-page .client-logo{aspect-ratio:1.25/1;border-radius:10px!important}.references-page .client-logo-inner,.references-page .client-logo.logo-dark .client-logo-inner,.references-page .client-logo.logo-blue .client-logo-inner,.references-page .client-logo.logo-burgundy .client-logo-inner{padding:17px}.references-page .client-logo:hover{transform:translateY(-6px) scale(1.025)}}
@media(max-width:430px){.references-page .client-logo-grid{grid-template-columns:1fr;grid-auto-rows:auto}.references-page .client-logo{max-width:none;aspect-ratio:1.5/1}}

/* V8.1 — stärkerer Tiefen-Hover */
.references-page .client-logo:hover{z-index:20;transform:translateY(-16px) scale(1.085);box-shadow:0 38px 78px rgba(13,31,72,.26),0 14px 30px rgba(13,31,72,.14)!important}
@media(max-width:760px){.references-page .client-logo:hover{transform:translateY(-9px) scale(1.045);box-shadow:0 26px 52px rgba(13,31,72,.22),0 9px 22px rgba(13,31,72,.12)!important}}

/* V8.2 — zusätzliche Kundenlogos */
.references-page .client-logo--portrait img{width:58%!important;height:76%!important;max-width:58%!important;max-height:76%!important}

/* V8.4 — neues Turkish-Airlines-Logo auf Weiß */
.references-page .client-logo:nth-child(1) img,.references-page .client-logo:nth-child(1):hover img{filter:drop-shadow(0 12px 18px rgba(0,0,0,.12))}

/* V8.6 — minimalistischer Referenzen-Head */
.reference-hero{position:relative;display:grid;place-items:center;min-height:clamp(540px,78svh,880px);padding:var(--header) var(--wrap-gap,24px) 0;overflow:hidden;background:#fff;isolation:isolate}
.reference-hero-glow{position:absolute;z-index:-1;left:50%;top:52%;width:min(82vw,1180px);height:min(48vw,620px);border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(ellipse,rgba(23,75,255,.16) 0%,rgba(23,75,255,.07) 35%,rgba(23,75,255,.025) 58%,transparent 74%);filter:blur(30px);animation:referenceHeroGlow 8s ease-in-out infinite alternate}
.reference-hero-mark{position:relative;width:min(72vw,1080px);opacity:0;transform:translateY(38px) scale(.94);animation:referenceHeroReveal 1.65s .25s cubic-bezier(.16,1,.3,1) forwards;will-change:transform,opacity}
.reference-hero-mark img{display:block;width:100%;height:auto;filter:brightness(0) saturate(100%) invert(15%) sepia(91%) saturate(4635%) hue-rotate(228deg) brightness(86%) contrast(111%);user-select:none}
.references-page .client-logo-section{position:relative;z-index:2}
@keyframes referenceHeroReveal{to{opacity:1;transform:none}}
@keyframes referenceHeroGlow{to{transform:translate(-50%,-48%) scale(1.09);opacity:.72}}
@media(max-width:760px){.reference-hero{min-height:66svh;padding-top:var(--header)}.reference-hero-mark{width:86vw}.reference-hero-glow{width:110vw;height:78vw;filter:blur(22px)}}
@media(prefers-reduced-motion:reduce){.reference-hero-mark{opacity:1;transform:none;animation:none}.reference-hero-glow{animation:none}}

/* V8.7 — Logo-Choreografie und Teamwork-Story */
.reference-hero{min-height:clamp(720px,92svh,980px);perspective:1600px}
.reference-hero-mark{z-index:3;position:absolute;left:50%;top:50%;width:min(70vw,1030px);opacity:1;transform:translate(-50%,-50%);transform-style:preserve-3d;animation:referenceLogoJourney 5.4s .35s cubic-bezier(.16,1,.3,1) forwards}
.reference-hero-mark img{filter:brightness(0) saturate(100%) invert(15%) sepia(91%) saturate(4635%) hue-rotate(228deg) brightness(86%) contrast(111%);animation:referenceLogoColor 2.3s .35s ease-in-out forwards}
.reference-hero-story{position:absolute;z-index:2;left:clamp(28px,5vw,90px);top:50%;width:min(46vw,720px);opacity:0;transform:translate(-42px,-44%);animation:referenceStoryReveal 1.4s 4.65s cubic-bezier(.16,1,.3,1) forwards}
.reference-team-image{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:16px;box-shadow:0 28px 75px rgba(13,31,72,.18)}
.reference-team-image:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.04),transparent 48%,rgba(0,0,0,.1));pointer-events:none}
.reference-team-image img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1);transform:scale(1.025);animation:referenceTeamDrift 9s 5s ease-in-out infinite alternate}
.reference-team-copy{max-width:660px;padding:clamp(22px,2vw,34px) clamp(4px,.7vw,12px) 0;color:#090b10}
.reference-team-copy h1{margin:0;font-size:clamp(34px,3.15vw,58px);line-height:.94;letter-spacing:-.055em;font-weight:700}
.reference-team-copy p{max-width:620px;margin:18px 0 0;color:#4e5665;font-size:clamp(14px,1.05vw,17px);line-height:1.65}
@keyframes referenceLogoColor{0%,35%{filter:brightness(0) saturate(100%) invert(15%) sepia(91%) saturate(4635%) hue-rotate(228deg) brightness(86%) contrast(111%)}100%{filter:brightness(0)}}
@keyframes referenceLogoJourney{0%,42%{left:50%;transform:translate(-50%,-50%) rotateX(0) rotateY(0) scale(1)}100%{left:76%;transform:translate(-50%,-50%) rotateX(8deg) rotateY(360deg) scale(.43)}}
@keyframes referenceStoryReveal{to{opacity:1;transform:translate(0,-44%)}}
@keyframes referenceTeamDrift{to{transform:scale(1.065) translate3d(-.7%,.5%,0)}}
@media(max-width:900px){.reference-hero{min-height:980px;display:block}.reference-hero-mark{top:18%;width:82vw;animation:referenceLogoJourneyMobile 4.9s .25s cubic-bezier(.16,1,.3,1) forwards}.reference-hero-story{left:20px;right:20px;top:39%;width:auto;transform:translateY(34px);animation-delay:4.25s}.reference-team-copy h1{font-size:clamp(35px,8vw,52px)}@keyframes referenceLogoJourneyMobile{0%,42%{left:50%;top:28%;transform:translate(-50%,-50%) rotateY(0) scale(1)}100%{left:50%;top:16%;transform:translate(-50%,-50%) rotateY(360deg) scale(.58)}}@keyframes referenceStoryReveal{to{opacity:1;transform:none}}}
@media(max-width:560px){.reference-hero{min-height:880px}.reference-hero-story{top:31%}.reference-team-image{aspect-ratio:4/3;border-radius:12px}.reference-team-copy{padding-top:22px}.reference-team-copy p{font-size:14px;line-height:1.55}.reference-hero-mark{width:90vw}}
@media(prefers-reduced-motion:reduce){.reference-hero-mark{left:76%;opacity:1;transform:translate(-50%,-50%) scale(.43);animation:none}.reference-hero-mark img{filter:brightness(0);animation:none}.reference-hero-story{opacity:1;transform:translate(0,-44%);animation:none}.reference-team-image img{animation:none}}

/* V8.8 — fünf tanzende Studiohelfer */
.studio-helper-stage{position:absolute;z-index:5;left:54%;right:3%;top:63%;height:138px;display:flex;align-items:flex-end;justify-content:center;gap:clamp(8px,1.15vw,20px);pointer-events:none;opacity:0;animation:helperStageReveal .25s 5.55s forwards}
.studio-helper{--dance:0deg;position:relative;display:block;width:clamp(43px,4.1vw,68px);height:clamp(76px,7.3vw,116px);border-radius:48% 48% 38% 38%;background:linear-gradient(90deg,#e4ad13,#ffd94f 35%,#ffe879 62%,#dca40b);box-shadow:inset -8px 0 12px rgba(117,72,0,.15),0 11px 16px rgba(0,0,0,.16);translate:var(--from) 0;animation:helperWalkIn 1.45s var(--delay) cubic-bezier(.2,.75,.25,1) forwards,helperDance .76s calc(var(--delay) + 1.45s) ease-in-out infinite alternate;transform-origin:50% 100%}
.studio-helper:before,.studio-helper:after{content:"";position:absolute;z-index:-1;bottom:-8px;width:42%;height:17px;border-radius:50%;background:#17191e}
.studio-helper:before{left:4%;transform:rotate(7deg)}.studio-helper:after{right:4%;transform:rotate(-7deg)}
.studio-helper b{position:absolute;left:8%;right:8%;bottom:0;height:46%;border-radius:7px 7px 22px 22px;background:linear-gradient(90deg,#1549a0,#2470d1 48%,#164a9f);border-top:3px solid #0d3a84}
.studio-helper b:before,.studio-helper b:after{content:"";position:absolute;top:-12px;width:7px;height:21px;background:#1c5bb5;border-radius:5px}.studio-helper b:before{left:12%;transform:rotate(-24deg)}.studio-helper b:after{right:12%;transform:rotate(24deg)}
.helper-eye{position:absolute;z-index:2;left:50%;top:22%;width:40%;aspect-ratio:1;border:5px solid #adb4bc;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #24272b;transform:translate(-50%,-50%)}
.helper-eye:after{content:"";position:absolute;left:50%;top:50%;width:34%;aspect-ratio:1;border-radius:50%;background:#4b321f;box-shadow:inset 0 0 0 3px #101216;transform:translate(-50%,-50%)}
.helper-eye:before{content:"";position:absolute;z-index:-1;left:-70%;right:-70%;top:42%;height:7px;background:#24272b}
.helper-two-eyes .helper-eye{width:32%;left:38%}.helper-two-eyes .helper-eye:before{left:-38%;right:-138%}.helper-two-eyes .helper-eye:after{width:30%}.helper-two-eyes .helper-eye{box-shadow:0 0 0 3px #24272b,clamp(23px,2vw,31px) 0 0 -1px #fff,clamp(23px,2vw,31px) 0 0 4px #adb4bc,clamp(23px,2vw,31px) 0 0 7px #24272b}
.helper-two{height:clamp(68px,6.7vw,104px)}.helper-three{height:clamp(82px,7.9vw,124px)}.helper-four{height:clamp(72px,7vw,110px)}
@keyframes helperStageReveal{to{opacity:1}}
@keyframes helperWalkIn{0%{translate:var(--from) 0;rotate:-7deg}22%{rotate:7deg;transform:translateY(-5px)}48%{rotate:-6deg;transform:translateY(0)}72%{rotate:5deg;transform:translateY(-4px)}100%{translate:0 0;rotate:0deg;transform:translateY(0)}}
@keyframes helperDance{0%{transform:translateY(0) rotate(-8deg) scaleY(1)}50%{transform:translateY(-13px) rotate(0) scaleY(.96)}100%{transform:translateY(0) rotate(8deg) scaleY(1.02)}}
@media(max-width:900px){.studio-helper-stage{left:8%;right:8%;top:23%;height:90px;gap:10px}.studio-helper{width:42px;height:72px}.helper-two{height:65px}.helper-three{height:78px}.helper-four{height:68px}.helper-two-eyes .helper-eye{box-shadow:0 0 0 3px #24272b,19px 0 0 -1px #fff,19px 0 0 4px #adb4bc,19px 0 0 7px #24272b}}
@media(prefers-reduced-motion:reduce){.studio-helper-stage{opacity:1;animation:none}.studio-helper{translate:0 0;transform:none;animation:none}}

/* V8.9 — gerenderte 3D-Filmfiguren statt CSS-Zeichnungen */
.studio-helper-stage{top:60%;height:178px;gap:clamp(2px,.45vw,8px);overflow:visible}
.studio-helper-stage .studio-helper{display:block;width:clamp(62px,5.5vw,94px);height:clamp(106px,9vw,154px);padding:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible;translate:var(--from) 0}
.studio-helper-stage .studio-helper:before,.studio-helper-stage .studio-helper:after,.studio-helper-stage .studio-helper b,.studio-helper-stage .helper-eye{display:none!important}
.studio-helper-stage .studio-helper img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 13px 12px rgba(0,0,0,.22));transform:translateZ(0)}
.studio-helper-stage .helper-one{height:clamp(112px,9.7vw,164px)}
.studio-helper-stage .helper-two{height:clamp(104px,9vw,152px)}
.studio-helper-stage .helper-three{height:clamp(122px,10.5vw,178px)}
.studio-helper-stage .helper-four{height:clamp(94px,8.2vw,138px)}
.studio-helper-stage .helper-five{height:clamp(114px,9.9vw,168px)}
@keyframes helperWalkIn{0%{translate:var(--from) 0;rotate:-7deg}18%{rotate:7deg;transform:translateY(-8px)}38%{rotate:-6deg;transform:translateY(0)}58%{rotate:6deg;transform:translateY(-7px)}78%{rotate:-4deg;transform:translateY(0)}100%{translate:0 0;rotate:0deg;transform:translateY(0)}}
@keyframes helperDance{0%{transform:translateY(0) rotate(-7deg) scale(1)}35%{transform:translateY(-17px) rotate(4deg) scale(.98,1.03)}70%{transform:translateY(-4px) rotate(8deg) scale(1.04,.96)}100%{transform:translateY(-12px) rotate(-2deg) scale(.98,1.02)}}
@media(max-width:900px){.studio-helper-stage{top:22%;height:104px;gap:2px}.studio-helper-stage .studio-helper{width:54px;height:88px}.studio-helper-stage .helper-one,.studio-helper-stage .helper-two,.studio-helper-stage .helper-three,.studio-helper-stage .helper-four,.studio-helper-stage .helper-five{height:clamp(76px,14vw,98px)}}

/* V9.0 — filmischere individuelle Charakterbewegungen */
.studio-helper-stage{perspective:900px;transform-style:preserve-3d}
.studio-helper-stage:after{content:"";position:absolute;left:10%;right:8%;bottom:2px;height:20px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.19),rgba(0,0,0,.07) 42%,transparent 72%);filter:blur(7px);opacity:0;animation:robotFloorReveal .5s 7.1s forwards;pointer-events:none}
.studio-helper-stage .studio-helper{will-change:transform,translate,rotate;backface-visibility:hidden}
.studio-helper-stage .studio-helper img{will-change:filter;animation:robotLightPulse 2.4s calc(var(--delay) + 1.4s) ease-in-out infinite alternate}
.studio-helper-stage .helper-one{animation:helperWalkIn 1.55s var(--delay) cubic-bezier(.2,.75,.25,1) forwards,robotDanceOne 1.15s calc(var(--delay) + 1.55s) cubic-bezier(.45,.05,.55,.95) infinite}
.studio-helper-stage .helper-two{animation:helperWalkIn 1.55s var(--delay) cubic-bezier(.2,.75,.25,1) forwards,robotDanceTwo 1.4s calc(var(--delay) + 1.55s) ease-in-out infinite}
.studio-helper-stage .helper-three{animation:helperWalkIn 1.55s var(--delay) cubic-bezier(.2,.75,.25,1) forwards,robotDanceThree 1.7s calc(var(--delay) + 1.55s) cubic-bezier(.5,0,.5,1) infinite}
.studio-helper-stage .helper-four{animation:helperWalkIn 1.55s var(--delay) cubic-bezier(.2,.75,.25,1) forwards,robotDanceFour 1.05s calc(var(--delay) + 1.55s) ease-in-out infinite}
.studio-helper-stage .helper-five{animation:helperWalkIn 1.55s var(--delay) cubic-bezier(.2,.75,.25,1) forwards,robotDanceFive 1.55s calc(var(--delay) + 1.55s) cubic-bezier(.4,0,.2,1) infinite}
@keyframes robotFloorReveal{to{opacity:1}}
@keyframes robotLightPulse{to{filter:drop-shadow(0 17px 15px rgba(0,0,0,.27)) brightness(1.08)}}
@keyframes robotDanceOne{0%,100%{transform:translate3d(0,0,0) rotateZ(-4deg) scale(1)}25%{transform:translate3d(6px,-18px,28px) rotateZ(8deg) scale(.97,1.04)}52%{transform:translate3d(1px,0,0) rotateZ(-2deg) scale(1.05,.94)}76%{transform:translate3d(-7px,-11px,18px) rotateZ(-9deg) scale(.98,1.02)}}
@keyframes robotDanceTwo{0%,100%{transform:translate3d(-5px,0,0) rotateY(-12deg) rotateZ(-3deg)}25%{transform:translate3d(8px,-7px,16px) rotateY(10deg) rotateZ(5deg)}50%{transform:translate3d(11px,0,0) rotateY(18deg) rotateZ(4deg) scale(.96,1.03)}75%{transform:translate3d(-8px,-9px,12px) rotateY(-18deg) rotateZ(-6deg)}}
@keyframes robotDanceThree{0%,100%{transform:translate3d(0,0,0) rotateY(0) scale(1)}20%{transform:translate3d(0,-22px,36px) rotateY(85deg) scale(.95,1.04)}45%{transform:translate3d(0,-8px,24px) rotateY(180deg) scale(1.02,.98)}70%{transform:translate3d(0,-24px,38px) rotateY(275deg) scale(.96,1.05)}90%{transform:translate3d(0,-5px,10px) rotateY(360deg)}}
@keyframes robotDanceFour{0%,100%{transform:translate3d(0,0,0) rotateZ(-7deg) scale(1)}30%{transform:translate3d(8px,-14px,18px) rotateZ(10deg) scale(.92,1.08)}58%{transform:translate3d(-2px,5px,0) rotateZ(-3deg) scale(1.08,.88)}82%{transform:translate3d(-8px,-12px,16px) rotateZ(-11deg) scale(.95,1.05)}}
@keyframes robotDanceFive{0%,100%{transform:translate3d(0,0,0) rotateY(-8deg) rotateZ(-2deg)}22%{transform:translate3d(-9px,-12px,24px) rotateY(-25deg) rotateZ(-8deg)}50%{transform:translate3d(4px,-25px,42px) rotateY(22deg) rotateZ(8deg) scale(.94,1.06)}74%{transform:translate3d(10px,-5px,12px) rotateY(28deg) rotateZ(5deg) scale(1.04,.97)}}
@media(prefers-reduced-motion:reduce){.studio-helper-stage:after,.studio-helper-stage .studio-helper img{animation:none}.studio-helper-stage .helper-one,.studio-helper-stage .helper-two,.studio-helper-stage .helper-three,.studio-helper-stage .helper-four,.studio-helper-stage .helper-five{translate:0 0;transform:none;animation:none}}

/* V9.1 — echte Roboter-Filmanimation */
.studio-helper-stage{z-index:4;left:auto;right:1.5%;top:60%;width:min(45vw,680px);height:auto;display:block;overflow:hidden;opacity:0;border-radius:18px;background:#fff;box-shadow:none;animation:robotVideoReveal 1s 5.45s cubic-bezier(.16,1,.3,1) forwards}
.studio-helper-stage:after{display:none!important;content:none!important}
.studio-helper-stage video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:0;border-radius:inherit;background:#fff;filter:contrast(1.025) brightness(1.025)}
@keyframes robotVideoReveal{0%{opacity:0;transform:translateX(-45px) scale(.96)}100%{opacity:1;transform:none}}
@media(max-width:900px){.studio-helper-stage{left:5%;right:5%;top:23%;width:90%;height:auto;border-radius:12px}.studio-helper-stage video{width:100%;height:auto}}
@media(prefers-reduced-motion:reduce){.studio-helper-stage{opacity:1;transform:none;animation:none}.studio-helper-stage video{display:block}}

/* V9.2 — freigestelltes Robotervideo */
.studio-helper-stage,.studio-helper-stage video{background:transparent!important}
.studio-helper-stage{overflow:visible}

/* V9.3 — sauberere Transparenz, kleiner und vor dem Logo */
.studio-helper-stage{z-index:6;right:3%;top:54%;width:min(38.25vw,578px);overflow:visible}
.studio-helper-stage video{width:100%;height:auto;object-fit:contain;object-position:center;background:transparent!important}
@media(max-width:900px){.studio-helper-stage{z-index:6;left:11.75%;right:11.75%;top:21%;width:76.5%;overflow:visible}.studio-helper-stage video{width:100%;height:auto;object-fit:contain}}

/* V9.5 — kuratierte Projektwand */
.references-page .reference-showcase{padding-left:clamp(6px,.65vw,12px);padding-right:clamp(6px,.65vw,12px);padding-bottom:clamp(6px,.65vw,12px)}
.references-page .reference-mosaic{gap:clamp(6px,.55vw,10px);background:#fff}
.references-page .reference-shot{border:0!important;outline:0;background:#f4f4f4;box-shadow:none!important}
.references-page .reference-shot img{transform:scale(1.002);transition:transform 1.15s cubic-bezier(.16,1,.3,1)}
.references-page .reference-shot:hover img{transform:scale(1.055)}
.references-page .reference-shot[data-full$="project-01.webp"] img{object-position:center 36%}
.references-page .reference-shot[data-full$="project-10.webp"] img{object-position:center 47%}
.references-page .reference-shot[data-full$="project-12.webp"] img{object-position:center 50%}
.references-page .reference-shot[data-full$="project-17.webp"] img{object-position:center 42%}
.references-page .reference-shot[data-full$="project-25.webp"],.references-page .reference-shot[data-full$="project-26.webp"]{background:#000}
.references-page .reference-shot[data-full$="project-25.webp"] img,.references-page .reference-shot[data-full$="project-26.webp"] img{object-fit:contain;transform:none}
.references-page .reference-shot[data-full$="project-25.webp"]:hover img,.references-page .reference-shot[data-full$="project-26.webp"]:hover img{transform:scale(1.025)}

/* V9.8 — geschlossene Bildwand ohne Zwischenräume */
.references-page .reference-showcase{padding:0!important;background:#000!important}
.references-page .reference-mosaic{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto;gap:0!important;width:100%;max-width:none;background:#000!important}
.references-page .reference-shot,.references-page .reference-shot--hero,.references-page .reference-shot--portrait,.references-page .reference-shot--landscape,.references-page .reference-shot--square,.references-page .reference-shot--wide,.references-page .reference-shot--tall,.references-page .reference-shot--cinema{grid-column:auto;grid-row:auto;width:100%;aspect-ratio:16/10;margin:0!important;border:0!important;border-radius:0!important;background:#000;overflow:hidden}
.references-page .reference-shot img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:700px){.references-page .reference-mosaic{grid-template-columns:1fr}.references-page .reference-shot,.references-page .reference-shot--hero,.references-page .reference-shot--portrait,.references-page .reference-shot--landscape,.references-page .reference-shot--square,.references-page .reference-shot--wide,.references-page .reference-shot--tall,.references-page .reference-shot--cinema{aspect-ratio:16/10}}

/* v6.4 – Leitgedanke */
.about-quote{position:relative;overflow:hidden;background:#02040a;padding-top:clamp(80px,10vw,155px);padding-bottom:clamp(85px,11vw,170px)}
.about-quote:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 42%,rgba(23,75,255,.14),transparent 34%),linear-gradient(90deg,rgba(76,226,255,.025),transparent 50%);pointer-events:none}
.about-quote-inner{position:relative;display:grid;grid-template-columns:clamp(70px,9vw,145px) minmax(0,1100px);gap:clamp(22px,4vw,65px);align-items:start}
.about-quote-mark{color:var(--cyan);font-size:clamp(105px,14vw,215px);font-weight:700;line-height:.72;letter-spacing:-.08em;text-shadow:0 0 45px rgba(76,226,255,.2)}
.about-quote blockquote{margin:0}
.about-quote blockquote p{margin:0;color:#f4f7ff;font-size:clamp(34px,4.45vw,74px);font-weight:650;line-height:1.08;letter-spacing:-.045em}
.about-quote blockquote footer{display:flex;align-items:center;gap:15px;margin-top:clamp(30px,4vw,52px);color:#9ba7bb;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.about-quote blockquote footer:before{content:"";width:42px;height:2px;background:var(--cyan)}
@media(max-width:700px){.about-quote-inner{grid-template-columns:1fr;gap:8px}.about-quote-mark{font-size:100px}.about-quote blockquote p{font-size:clamp(31px,9.2vw,48px)}}

/* ===== JOBS PAGE · v9.8.23 ===== */
.jobs-page{background:#05070d;color:#fff}.jobs-page main{overflow:hidden}.jobs-page .site-header{background:rgba(3,5,10,.82);backdrop-filter:blur(18px)}
.jobs-hero{position:relative;min-height:100svh;padding-top:var(--header);overflow:hidden;background:radial-gradient(circle at 78% 20%,rgba(28,70,255,.26),transparent 35%),linear-gradient(135deg,#03050a 0%,#071027 54%,#03050a 100%);isolation:isolate}
.jobs-hero-noise{position:absolute;inset:0;opacity:.08;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}
.jobs-orbit{position:absolute;border:1px solid rgba(112,152,255,.18);border-radius:50%;pointer-events:none;animation:jobsOrbit 14s linear infinite}.jobs-orbit:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#4ce2ff;box-shadow:0 0 24px #4ce2ff;top:12%;left:17%}.jobs-orbit--one{width:52vw;height:52vw;right:-14vw;top:-18vw}.jobs-orbit--two{width:28vw;height:28vw;right:5vw;top:5vw;animation-direction:reverse;animation-duration:10s}@keyframes jobsOrbit{to{transform:rotate(360deg)}}
.jobs-hero-inner{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;min-height:76svh;padding-top:clamp(70px,9vw,145px);padding-bottom:clamp(80px,10vw,150px)}
.jobs-kicker{display:flex;align-items:center;gap:14px;color:#aab6cc;font-size:11px;font-weight:800;letter-spacing:.19em;text-transform:uppercase}.jobs-kicker span{width:44px;height:1px;background:#4ce2ff;box-shadow:0 0 14px rgba(76,226,255,.7)}
.jobs-hero h1{max-width:1150px;margin:clamp(28px,4vw,55px) 0 0;font-size:clamp(58px,9.6vw,154px);font-weight:650;line-height:.83;letter-spacing:-.072em}.jobs-hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.68)}
.jobs-hero-bottom{display:grid;grid-template-columns:minmax(0,650px) auto;gap:40px;align-items:end;margin-top:clamp(45px,7vw,95px)}.jobs-hero-bottom p{margin:0;color:#b5bfd1;font-size:clamp(17px,1.45vw,22px);line-height:1.65}
.jobs-round-link{justify-self:end;width:128px;height:128px;border:1px solid rgba(255,255,255,.27);border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;transition:.45s cubic-bezier(.16,1,.3,1)}.jobs-round-link i{color:#4ce2ff;font-size:22px;font-style:normal}.jobs-round-link:hover{background:#fff;color:#071027;transform:scale(1.08)}
.jobs-hero-image{position:relative;z-index:2;width:100%;height:clamp(340px,44vw,710px);overflow:hidden}.jobs-hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,5,10,.18),transparent 35%,rgba(3,5,10,.72))}.jobs-hero-image img{width:100%;height:100%;object-fit:cover;object-position:center 43%;filter:saturate(.74) contrast(1.08);transform:scale(1.03)}.jobs-image-label{position:absolute;z-index:2;left:var(--wrap-gap,24px);right:var(--wrap-gap,24px);bottom:28px;display:flex;justify-content:space-between;color:#fff;font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.jobs-intro{background:#fff;color:#071027;padding-top:clamp(100px,12vw,185px);padding-bottom:clamp(100px,12vw,185px)}.jobs-intro-grid{display:grid;grid-template-columns:230px 1fr;gap:clamp(50px,8vw,130px)}.section-label{display:flex;gap:14px;color:#8290a8;font-size:10px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.section-label span{color:#174bff}.jobs-intro h2,.jobs-openings h2,.jobs-process h2{margin:0;font-size:clamp(48px,7vw,112px);font-weight:650;line-height:.92;letter-spacing:-.06em}.jobs-intro h2 span,.jobs-openings h2 span,.jobs-process h2 span{color:#174bff}.jobs-intro p{max-width:850px;margin:45px 0 0;color:#5f6b80;font-size:clamp(18px,1.45vw,23px);line-height:1.72}
.jobs-values{padding-top:clamp(100px,11vw,170px);padding-bottom:clamp(100px,11vw,170px);background:#071027}.jobs-values-head{display:grid;grid-template-columns:230px minmax(0,650px);gap:clamp(50px,8vw,130px);margin-bottom:clamp(55px,8vw,110px)}.jobs-values-head>p{margin:0;color:#b5bfd1;font-size:clamp(24px,3vw,46px);line-height:1.25;letter-spacing:-.03em}.jobs-value-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.14);border-left:1px solid rgba(255,255,255,.14)}.jobs-value-grid article{min-height:350px;padding:32px;border-right:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14);transition:.4s}.jobs-value-grid article:hover{background:rgba(23,75,255,.13);transform:translateY(-6px)}.jobs-value-grid article>span{color:#4ce2ff;font-size:11px;font-weight:800}.jobs-value-grid h3{margin:115px 0 18px;font-size:clamp(27px,2.4vw,39px);letter-spacing:-.04em}.jobs-value-grid p{margin:0;color:#95a2b8;line-height:1.65}
.jobs-openings{background:#f4f7fb;color:#071027;padding-top:clamp(100px,12vw,185px);padding-bottom:clamp(100px,12vw,185px)}.jobs-openings-head{display:grid;grid-template-columns:230px 1fr;gap:clamp(50px,8vw,130px);margin-bottom:clamp(70px,9vw,130px)}.jobs-role-list{border-top:1px solid #cbd3df}.jobs-role-list a{display:grid;grid-template-columns:70px minmax(220px,1.2fr) minmax(220px,1fr) 50px;gap:25px;align-items:center;padding:33px 8px;border-bottom:1px solid #cbd3df;color:#071027;text-decoration:none;transition:.35s}.jobs-role-list a:hover{padding-left:24px;padding-right:24px;background:#174bff;color:#fff}.jobs-role-list small{font-weight:800;color:#174bff}.jobs-role-list a:hover small{color:#4ce2ff}.jobs-role-list strong{font-size:clamp(23px,2.3vw,36px);letter-spacing:-.035em}.jobs-role-list span{color:#657086;font-size:14px}.jobs-role-list a:hover span{color:#dbe4ff}.jobs-role-list i{justify-self:end;font-size:26px;font-style:normal}.jobs-note{max-width:770px;margin:55px 0 0 auto;color:#68748a;font-size:16px;line-height:1.7}
.jobs-process{background:#fff;color:#071027;padding-top:clamp(100px,12vw,180px);padding-bottom:clamp(100px,12vw,180px)}.jobs-process-head{display:grid;grid-template-columns:230px 1fr;gap:clamp(50px,8vw,130px);margin-bottom:clamp(65px,9vw,125px)}.jobs-process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.jobs-process-grid article{position:relative;min-height:360px;padding:34px;background:#f2f5fa;overflow:hidden}.jobs-process-grid article:after{content:"";position:absolute;width:210px;height:210px;border:1px solid rgba(23,75,255,.13);border-radius:50%;right:-90px;bottom:-90px}.jobs-process-grid b{color:#174bff;font-size:12px}.jobs-process-grid h3{margin:125px 0 20px;font-size:clamp(27px,2.4vw,39px);letter-spacing:-.04em}.jobs-process-grid p{margin:0;color:#667287;line-height:1.68}
.jobs-apply{position:relative;padding:clamp(120px,15vw,230px) 0;background:#02040a;text-align:center;overflow:hidden}.jobs-apply-glow{position:absolute;width:760px;height:760px;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(23,75,255,.30),rgba(76,226,255,.06) 36%,transparent 68%);filter:blur(16px)}.jobs-apply-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.jobs-apply-inner>span{color:#4ce2ff;font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.jobs-apply h2{max-width:1150px;margin:30px auto 0;font-size:clamp(50px,8vw,128px);line-height:.91;letter-spacing:-.065em}.jobs-apply h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1.3px rgba(255,255,255,.68)}.jobs-apply p{max-width:700px;margin:38px auto 0;color:#a9b4c8;font-size:clamp(17px,1.35vw,21px);line-height:1.7}.jobs-apply-button{display:inline-flex;align-items:center;gap:60px;margin-top:45px;padding:21px 25px 21px 29px;border-radius:999px;background:#fff;color:#071027;text-decoration:none;font-size:13px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;transition:.35s}.jobs-apply-button i{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#174bff;color:#fff;font-size:20px;font-style:normal}.jobs-apply-button:hover{background:#4ce2ff;transform:translateY(-5px)}.jobs-apply small{margin-top:25px;color:#758197;font-size:10px;letter-spacing:.08em}
@media(max-width:980px){.jobs-intro-grid,.jobs-values-head,.jobs-openings-head,.jobs-process-head{grid-template-columns:1fr;gap:35px}.jobs-value-grid{grid-template-columns:repeat(2,1fr)}.jobs-role-list a{grid-template-columns:45px 1fr 40px}.jobs-role-list a span{grid-column:2}.jobs-role-list a i{grid-column:3;grid-row:1/3}.jobs-process-grid{grid-template-columns:1fr}.jobs-process-grid article{min-height:270px}.jobs-process-grid h3{margin-top:80px}}
@media(max-width:700px){.jobs-hero-inner{min-height:72svh}.jobs-hero h1{font-size:clamp(53px,17vw,84px)}.jobs-hero-bottom{grid-template-columns:1fr}.jobs-round-link{justify-self:start;width:105px;height:105px}.jobs-hero-image{height:390px}.jobs-value-grid{grid-template-columns:1fr}.jobs-value-grid article{min-height:290px}.jobs-value-grid h3{margin-top:85px}.jobs-role-list a{grid-template-columns:34px 1fr 30px;gap:12px;padding:27px 2px}.jobs-role-list a:hover{padding-left:10px;padding-right:10px}.jobs-role-list strong{font-size:23px}.jobs-role-list span{font-size:12px}.jobs-apply-button{gap:26px}.jobs-apply small{max-width:280px;line-height:1.5}.jobs-image-label{left:18px;right:18px}}
@media(prefers-reduced-motion:reduce){.jobs-orbit{animation:none}.jobs-round-link:hover,.jobs-value-grid article:hover,.jobs-apply-button:hover{transform:none}}

.jobs-featured-role{position:relative;margin-bottom:44px;padding:clamp(28px,4vw,58px);overflow:hidden;border-radius:28px;background:#071027;color:#fff;box-shadow:0 30px 80px rgba(12,27,64,.16)}.jobs-featured-role:before{content:"";position:absolute;right:-120px;top:-180px;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,rgba(23,75,255,.72),rgba(23,75,255,0) 68%);pointer-events:none}.jobs-featured-top{position:relative;display:flex;justify-content:space-between;gap:20px;padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,.16);color:#aebbd2;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.jobs-featured-badge{color:#4ce2ff}.jobs-featured-main{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:clamp(35px,7vw,110px);padding:clamp(38px,5vw,72px) 0}.jobs-featured-main small{display:block;margin-bottom:18px;color:#4ce2ff;font-weight:800}.jobs-featured-main h3{margin:0;font-size:clamp(38px,5vw,78px);line-height:.96;letter-spacing:-.055em}.jobs-featured-main h3 em{color:#4ce2ff;font-style:normal}.jobs-featured-main p{align-self:end;margin:0;color:#b7c2d6;font-size:clamp(16px,1.35vw,20px);line-height:1.7}.jobs-featured-facts{position:relative;display:grid;grid-template-columns:repeat(5,1fr);margin:0;border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16)}.jobs-featured-facts div{padding:25px 20px;border-right:1px solid rgba(255,255,255,.13)}.jobs-featured-facts div:first-child{padding-left:0}.jobs-featured-facts div:last-child{border-right:0}.jobs-featured-facts dt{margin-bottom:9px;color:#8795ad;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.jobs-featured-facts dd{margin:0;font-size:14px;font-weight:700}.jobs-featured-apply{position:relative;display:inline-flex;align-items:center;gap:30px;margin-top:36px;padding:17px 22px;border-radius:999px;background:#174bff;color:#fff;text-decoration:none;font-weight:800}.jobs-featured-apply i{font-size:20px;font-style:normal}.jobs-role-list--other{margin-top:30px}
@media(max-width:980px){.jobs-featured-main{grid-template-columns:1fr}.jobs-featured-main p{max-width:680px}.jobs-featured-facts{grid-template-columns:repeat(2,1fr)}.jobs-featured-facts div{border-bottom:1px solid rgba(255,255,255,.13)}.jobs-featured-facts div:nth-child(2n){border-right:0}.jobs-featured-facts div:first-child{padding-left:20px}.jobs-featured-facts div:last-child{grid-column:1/-1;border-bottom:0}}
@media(max-width:700px){.jobs-featured-role{border-radius:20px}.jobs-featured-top{align-items:flex-start;flex-direction:column}.jobs-featured-main h3{font-size:40px}.jobs-featured-facts{grid-template-columns:1fr}.jobs-featured-facts div,.jobs-featured-facts div:nth-child(2n){padding:20px 0;border-right:0}.jobs-featured-facts div:last-child{grid-column:auto}.jobs-featured-apply{width:100%;justify-content:space-between}}


/* v9.8.25 – Job-Anforderungs-Popup */
.jobs-featured-actions{position:relative;display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:36px}
.jobs-featured-actions .jobs-featured-apply{margin-top:0}
.jobs-expect-button{display:inline-flex;align-items:center;gap:30px;padding:17px 22px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(255,255,255,.06);color:#fff;font:inherit;font-weight:800;cursor:pointer;transition:background .3s,border-color .3s,transform .3s}
.jobs-expect-button i{font-size:20px;font-style:normal;color:#4ce2ff}.jobs-expect-button:hover,.jobs-expect-button:focus-visible{background:rgba(76,226,255,.12);border-color:#4ce2ff}
.job-expect-popup{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:clamp(14px,3vw,38px);visibility:hidden;opacity:0;transition:opacity .35s,visibility .35s}
.job-expect-popup.is-open{visibility:visible;opacity:1}.job-expect-backdrop{position:absolute;inset:0;background:rgba(1,3,8,.82);backdrop-filter:blur(16px)}
.job-expect-panel{position:relative;width:min(1050px,100%);max-height:min(88svh,900px);overflow:hidden;border:1px solid rgba(117,159,255,.28);border-radius:28px;background:linear-gradient(145deg,#071027,#030711 72%);box-shadow:0 34px 110px rgba(0,0,0,.55);transform:translateY(22px) scale(.975);transition:transform .4s cubic-bezier(.16,1,.3,1);outline:none}
.job-expect-popup.is-open .job-expect-panel{transform:none}.job-expect-scroll{max-height:min(88svh,900px);overflow:auto;padding:clamp(34px,6vw,82px)}
.job-expect-close{position:absolute;z-index:2;top:18px;right:18px;display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(2,5,12,.72);color:#fff;font-size:28px;line-height:1;cursor:pointer}
.job-expect-kicker{display:block;margin-bottom:18px;color:#4ce2ff;font-size:11px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}.job-expect-panel h2{max-width:760px;margin:0 0 30px;font-size:clamp(38px,5vw,72px);line-height:.95;letter-spacing:-.05em}.job-expect-panel p{max-width:900px;margin:0 0 20px;color:#bdc7d9;font-size:clamp(15px,1.3vw,19px);line-height:1.75}.job-expect-panel h3{margin:45px 0 22px;font-size:clamp(25px,3vw,38px)}
.job-expect-columns{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,55px)}.job-expect-columns ul{margin:0;padding:0;list-style:none}.job-expect-columns li{position:relative;padding:14px 0 14px 28px;border-bottom:1px solid rgba(255,255,255,.1);color:#eef3ff;line-height:1.5}.job-expect-columns li:before{content:"";position:absolute;left:2px;top:22px;width:8px;height:8px;border-radius:50%;background:#4ce2ff;box-shadow:0 0 15px rgba(76,226,255,.7)}
.job-expect-apply{display:inline-flex;align-items:center;gap:25px;margin-top:38px;padding:16px 22px;border-radius:999px;background:#174bff;color:#fff;text-decoration:none;font-weight:800}.job-expect-apply span{font-size:20px}
body.job-popup-open{overflow:hidden}
@media(max-width:700px){.jobs-featured-actions{display:grid}.jobs-expect-button,.jobs-featured-actions .jobs-featured-apply{width:100%;justify-content:space-between}.job-expect-popup{padding:8px}.job-expect-panel{max-height:94svh;border-radius:20px}.job-expect-scroll{max-height:94svh;padding:55px 24px 34px}.job-expect-columns{grid-template-columns:1fr}.job-expect-panel h2{font-size:40px}.job-expect-close{top:12px;right:12px}}
@media(hover:hover) and (pointer:fine){.jobs-featured-role:has(.jobs-expect-button:hover) .jobs-expect-button{background:rgba(76,226,255,.12);border-color:#4ce2ff}}

/* v9.9 Premium Jobs: multiple positions and dialogs */
.jobs-premium-grid{display:grid;gap:44px}.jobs-featured-role--ai:before{right:auto;left:-150px;top:-180px;background:radial-gradient(circle,rgba(76,226,255,.34),rgba(23,75,255,0) 70%)}
.jobs-offer-button{position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:16px 22px;border:1px solid rgba(255,255,255,.23);border-radius:999px;background:rgba(255,255,255,.06);color:#fff;font:inherit;font-weight:800;cursor:pointer;transition:.3s}
.jobs-offer-button:hover{border-color:#4ce2ff;background:rgba(76,226,255,.12)}.jobs-offer-button i{font-size:20px;font-style:normal}
.jobs-role-list--other:before{content:"Weitere Bereiche für Initiativbewerbungen";display:block;margin:0 0 18px;color:#71809a;font-size:11px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
body.job-popup-open{overflow:hidden}
@media(max-width:700px){.jobs-offer-button{width:100%}.jobs-premium-grid{gap:26px}}

/* V9.9.01 — Weiße Premium-Startseite */
.home-light .site-header{
  background:rgba(255,255,255,.96);
  border-bottom:1px solid rgba(5,12,28,.11);
  color:#050914;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.home-light .site-header .brand img{filter:brightness(0)}
.home-light .main-nav a{color:#050914}
.home-light .menu-btn{border-color:rgba(5,12,28,.2);background:#05070c;color:#fff}
.home-light .scroll-progress{background:linear-gradient(90deg,#174bff,#21aeea)}
.home-light .hero{
  min-height:100svh;
  background:#fff;
  color:#070a11;
  align-items:flex-end;
}
.home-light .hero-video{opacity:0;visibility:hidden}
.home-light .hero-shade{
  background:
    radial-gradient(circle at 72% 56%,rgba(23,75,255,.10),transparent 31%),
    linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,255,255,.82));
}
.home-light .hero-grid{display:none}
.home-light .hero:before{
  content:"";
  position:absolute;
  z-index:1;
  left:clamp(80px,8vw,150px);
  top:clamp(130px,14vh,190px);
  width:clamp(270px,27vw,450px);
  height:74px;
  background:linear-gradient(90deg,#1639da 0 22%,#1597db 22% 44%,#c8c8c8 44% 66%,#111 66% 88%,transparent 88%);
  background-size:100% 100%;
  clip-path:polygon(0 0,18% 0,18% 100%,0 100%,0 0,25% 0,43% 0,43% 100%,25% 100%,25% 0,50% 0,68% 0,68% 100%,50% 100%,50% 0,75% 0,93% 0,93% 100%,75% 100%);
}
.home-light .hero:after{content:none}
.home-light .hero-content{padding-bottom:8vh}
.home-light .eyebrow{color:#174bff}
.home-light .hero-title{
  position:relative;
  z-index:2;
  max-width:1120px;
  margin:22px 0 42px;
  font-size:clamp(62px,9.25vw,150px);
  line-height:.82;
  letter-spacing:-.065em;
  color:#05070c;
}
.home-light .hero-title .accent{
  color:transparent;
  -webkit-text-stroke:1.8px #174bff;
}
.home-light .hero-footer>p{color:#182033}
.home-light .round-cta{border-color:rgba(23,75,255,.55);color:#05070c}
.home-light .round-cta:hover{color:#fff;background:#174bff;border-color:#174bff}
.home-light .hero-tag{color:#174bff}
.home-light .scroll-cue{color:#174bff}
.home-light .scroll-cue span{background:#174bff}
.home-light .cursor{border-color:#111}
.home-light .cursor-dot{background:#111}

@media(max-width:980px){
  .home-light .hero:before{left:40px;top:125px;width:310px;height:55px}
  .home-light .hero-title{font-size:clamp(60px,11vw,118px)}
}
@media(max-width:650px){
  .home-light .hero:before{left:20px;top:104px;width:210px;height:36px}
  .home-light .hero-content{padding-top:155px;padding-bottom:9vh}
  .home-light .hero-title{font-size:16.5vw;line-height:.86;margin-bottom:32px}
  .home-light .hero-footer{gap:18px}
  .home-light .hero-footer>p{font-size:14px}
}

/* V9.9.03 — finale weiße Startseite */
.home-light .hero{
  background:#fff!important;
}
.home-light .hero-shade{
  background:#fff!important;
}
.home-light .hero:before,
.home-light .hero:after{
  content:none!important;
  display:none!important;
}
.home-light .hero-title{
  font-size:clamp(71px,10.64vw,173px);
}
@media(max-width:980px){
  .home-light .hero-title{font-size:clamp(69px,12.65vw,136px)}
}
@media(max-width:650px){
  .home-light .hero-content{padding-top:125px}
  .home-light .hero-title{font-size:18.98vw}
}

/* V9.9.04 — sichtbare Headline-Korrektur + Cache-Fix */
body.home-light .hero .hero-title{
  font-size:clamp(82px,12.24vw,199px)!important;
}
@media (max-width:980px){
  body.home-light .hero .hero-title{
    font-size:clamp(79px,14.55vw,156px)!important;
  }
}
@media (max-width:650px){
  body.home-light .hero .hero-title{
    font-size:21.83vw!important;
  }
}

/* V9.9.05 — definitive homepage headline correction */
.home-light .hero::before,
.home-light .hero:before{
  content:none !important;
  display:none !important;
  background:none !important;
}
.home-light .hero-title{
  font-size:clamp(71px,10.64vw,173px) !important;
}
@media (max-width:980px){
  .home-light .hero-title{font-size:clamp(62px,12.8vw,126px) !important;}
}
@media (max-width:700px){
  .home-light .hero-title{font-size:clamp(49px,14.8vw,82px) !important;}
}

/* V9.9.06 — exakt abgestimmte weiße Hero-Startseite */
body.home-light .hero{
  min-height:100svh;
  align-items:center;
  background:#fff!important;
}
body.home-light .hero-shade,
body.home-light .hero-grid{display:none!important}
body.home-light .hero-content{
  width:min(100% - 96px,1440px);
  padding:110px 0 30px;
}
body.home-light .eyebrow{
  margin-bottom:30px;
  font-size:11px;
  letter-spacing:.22em;
}
body.home-light .hero .hero-title{
  width:max-content;
  max-width:760px;
  margin:0 0 52px;
  font-size:clamp(58px,5.15vw,82px)!important;
  line-height:.84;
  letter-spacing:-.055em;
}
body.home-light .hero-title .accent{
  -webkit-text-stroke:1.6px #174bff;
}
body.home-light .hero-footer{
  width:100%;
  align-items:flex-end;
}
body.home-light .hero-footer>p{
  max-width:520px;
  font-size:clamp(17px,1.35vw,21px);
  line-height:1.48;
}
body.home-light .round-cta{
  width:150px;
  height:150px;
  padding:28px;
  margin-right:12px;
}
body.home-light .hero-tag{
  right:42px;
  top:43%;
  font-size:10px;
}
body.home-light .scroll-cue{
  left:48px;
  bottom:34px;
  font-size:9px;
}
@media(max-width:980px){
  body.home-light .hero-content{width:min(100% - 56px,900px);padding-top:105px}
  body.home-light .hero .hero-title{font-size:clamp(54px,7.3vw,72px)!important}
  body.home-light .round-cta{width:128px;height:128px;padding:23px}
}
@media(max-width:700px){
  body.home-light .hero{align-items:flex-start}
  body.home-light .hero-content{width:calc(100% - 32px);padding:150px 0 70px}
  body.home-light .eyebrow{margin-bottom:22px;font-size:9px}
  body.home-light .hero .hero-title{
    width:auto;
    max-width:none;
    margin-bottom:34px;
    font-size:clamp(43px,13.1vw,67px)!important;
    line-height:.86;
  }
  body.home-light .hero-footer{align-items:flex-start;gap:24px}
  body.home-light .hero-footer>p{font-size:15px;max-width:260px}
  body.home-light .round-cta{width:106px;height:106px;padding:18px}
}

/* V9.9.07 — Schwarz-Weiß-Film auf der freien Hero-Fläche */
body.home-light .hero-showreel{
  position:absolute;
  z-index:-1;
  top:48px;
  right:0;
  width:min(46vw,710px);
  height:auto;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#fff;
  border:0;
  box-shadow:none;
  isolation:isolate;
}
body.home-light .hero-showreel::after{
  content:none;
  display:none;
}
body.home-light .hero-showreel video{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  background:#fff;
}
body.home-light .hero-showreel-label{
  position:absolute;
  z-index:2;
  top:18px;
  right:20px;
  padding:7px 9px;
  background:rgba(255,255,255,.86);
  color:#070a11;
  font-size:8px;
  font-weight:800;
  letter-spacing:.18em;
}
@media(max-width:980px){
  body.home-light .hero-showreel{
    top:66px;
    right:0;
    width:47vw;
    height:auto;
  }
}
@media(max-width:700px){
  body.home-light .hero-showreel{
    position:relative;
    z-index:1;
    inset:auto;
    width:100%;
    height:auto;
    aspect-ratio:16/9;
    margin:-6px 0 28px;
  }
  body.home-light .hero-showreel-label{top:12px;right:12px}
}
/* V9.9.16 — Originalvideo auf passendem grauen Hero-Hintergrund */
body.home-light .hero{
  background:#b0b0b0!important;
}
body.home-light .site-header{
  background:rgba(176,176,176,.96);
}
body.home-light .hero-showreel--gray{
  right:clamp(58px,5vw,96px);
  background:#b0b0b0;
  border:0;
  box-shadow:none;
}
body.home-light .hero-showreel--gray video{
  background:#b0b0b0;
}
@media(max-width:700px){
  body.home-light .hero-showreel--gray{right:auto}
}

/* V9.9.17 — Schwarze Navigation mit weißer Schrift */
body.home-light .site-header{
  background:#000;
  color:#fff;
  border-bottom-color:rgba(255,255,255,.14);
}
body.home-light .site-header .brand img{
  filter:none;
}
body.home-light .main-nav a{
  color:#fff;
}
body.home-light .menu-btn{
  background:#000;
  color:#fff;
  border-color:rgba(255,255,255,.38);
}
body.home-light .menu-btn span{
  background:#fff;
}
@media(prefers-reduced-motion:reduce){
  body.home-light .hero-showreel video{display:none}
}

/* V9.9.21 — technische und responsive Stabilisierung */
html{width:100%;max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%}
body{width:100%;max-width:100%;overflow-x:hidden;position:relative}
*,*::before,*::after{box-sizing:border-box;min-width:0}
img,video,svg,canvas,iframe{max-width:100%;height:auto}
.wrap,main,section,header,footer{max-width:100%}
.form-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.form-note.is-success{color:#62e6a7}.form-note.is-error{color:#ff8f8f}
.primary-btn[disabled]{opacity:.62;cursor:wait;transform:none!important}

@media(max-width:980px){
  .site-header,.site-header.compact{width:100%;left:0;right:0}
  .header-inner{width:100%;padding-left:clamp(16px,4vw,30px);padding-right:clamp(16px,4vw,30px)}
  .menu-panel{max-width:min(92vw,520px);overflow-y:auto;overscroll-behavior:contain}
  .contact-title,.hero-title,.page-hero h1,.jobs-hero h1{overflow-wrap:anywhere;word-break:normal}
}
@media(max-width:700px){
  :root{--header:72px}
  body{touch-action:pan-y}
  .wrap{width:100%;padding-left:18px!important;padding-right:18px!important;margin-left:auto;margin-right:auto}
  .main-nav{display:none}
  .menu-btn{flex:0 0 auto}
  .menu-panel{width:min(92vw,430px);right:0;left:auto}
  .menu-overlay,.menu-backdrop{width:100%;max-width:100vw}
  .hero,.section,.contact,.footer{width:100%;overflow:hidden}
  .hero-title,.contact-title{max-width:100%;font-size:clamp(38px,11vw,66px);line-height:.94}
  .contact-title .contact-long{font-size:.72em;letter-spacing:-.045em}
  .contact-grid,.form-grid{grid-template-columns:1fr!important}
  .contact-card,.project-form{width:100%;max-width:100%}
  input,select,textarea,button{max-width:100%;font-size:16px}
  .round-cta,.magnetic{transform:none!important}
  .cursor,.cursor-dot{display:none!important}
  .reference-hero-glow{max-width:100vw}
  .hero-showreel,.hero-showreel--gray{max-width:100%!important;left:auto!important;right:auto!important}
}
@media(max-width:430px){
  .wrap{padding-left:14px!important;padding-right:14px!important}
  .brand img{max-width:118px}
  .menu-btn{padding-left:14px;padding-right:14px}
  .contact-title{font-size:clamp(35px,10.4vw,48px)}
  .primary-btn{width:100%;justify-content:space-between}
}
@media(prefers-reduced-motion:reduce){
  .reveal{opacity:1!important;transform:none!important}
  [data-count]{visibility:visible!important}
}