:root{--bg:#0b1115;--panel:#10191e;--line:#263239;--text:#edf3f5;--muted:#9baab2;--cyan:#5bdedb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid var(--line);background:var(--bg)}.brand{display:flex;align-items:baseline;font-size:30px;font-weight:800;letter-spacing:-1.5px;line-height:1}.brand span{font-size:11px;letter-spacing:2px;margin-left:9px}.brand i{width:6px;height:6px;background:var(--cyan);margin-left:6px}nav{display:flex;align-items:center;gap:32px;font-size:13px}nav a:hover,.text-link:hover{color:var(--cyan)}.nav-contact{padding:10px 16px;border:1px solid #47585e}.menu{display:none}.hero{padding:70px 6% 0;display:grid;grid-template-columns:1.15fr 1fr;gap:3%}.eyebrow{font-size:10px;font-weight:bold;letter-spacing:2px;color:var(--cyan);margin:0 0 24px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan);margin-right:8px}h1,h2,h3,p,figure{margin:0}h1{font-size:clamp(48px,5.7vw,89px);letter-spacing:-4px;line-height:1.05;font-weight:500;margin:30px 0}.cyan{color:var(--cyan)}.intro{color:#b8c4ca;font-size:18px;line-height:1.7;max-width:460px}.actions{display:flex;gap:26px;align-items:center;margin:32px 0 44px}.button{display:inline-flex;justify-content:space-between;gap:32px;background:var(--cyan);color:#071316;padding:15px 22px;font-size:13px;font-weight:bold;transition:background .2s}.button:hover{background:#9cf3ed}.text-link{font-size:12px;border-bottom:1px solid #617278;padding-bottom:5px}.hero-facts{display:flex;gap:48px}.hero-facts strong{display:block;font-size:23px;font-weight:500}.hero-facts span{font-size:11px;color:var(--muted)}.hero-image{position:relative;min-height:520px;overflow:hidden;border:1px solid #31424b}.hero-image img{width:100%;height:100%;object-fit:cover;position:absolute;filter:brightness(.63);object-position:40% center}.hero-image:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(3,15,21,.85))}.hero-image figcaption{position:absolute;z-index:2;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px}.image-note{position:absolute;bottom:35px;left:30px;z-index:2;font-size:28px;line-height:1.25;letter-spacing:-.7px}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:var(--muted);padding:30px 0;border-bottom:1px solid var(--line);margin-top:35px}.section{padding:100px 6%;scroll-margin-top:20px}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:12px 70px;margin-bottom:48px}.section-heading .eyebrow{grid-column:1/-1}h2{font-size:clamp(32px,3.3vw,50px);font-weight:400;letter-spacing:-1.8px;line-height:1.15}.section-heading>p:last-child{color:var(--muted);max-width:400px;align-self:end;font-size:15px}.services{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.services article{padding:30px 24px 32px;border-right:1px solid var(--line)}.services article:first-child{padding-left:0}.services article:last-child{border:0}.number{color:var(--cyan);font-size:11px}h3{font-size:21px;letter-spacing:-.5px;font-weight:400;line-height:1.3}.services h3{margin:32px 0 20px}.services p{font-size:13px;color:var(--muted);line-height:1.8;min-height:120px}.services ul{list-style:none;padding:20px 0 0;margin:0;font-size:11px;color:#c1ccd1}.services li{margin:7px 0}.services li:before{content:'↗';color:var(--cyan);margin-right:8px}.about{background:var(--panel);display:grid;grid-template-columns:1fr 1fr;gap:80px}.muted{color:var(--muted)}.about-copy p{color:var(--muted);font-size:15px;margin:0 0 24px}.about-copy .large{color:var(--text);font-size:23px;line-height:1.5}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.project-grid img{width:100%;height:330px;object-fit:cover;display:block}.project-grid figcaption{padding-top:22px;display:flex;justify-content:space-between}.project-grid figcaption p{font-size:12px;color:var(--muted);margin-top:8px}.project-grid figcaption>span{font-size:11px;color:var(--cyan)}.process{border-top:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:48px}.steps span{font-size:12px;color:var(--cyan)}.steps h3{margin:18px 0 12px}.steps p{color:var(--muted);font-size:14px;max-width:300px}.contact{background:var(--panel);display:grid;grid-template-columns:1.1fr 1fr;gap:100px;border-top:1px solid var(--line)}.contact h2{font-size:70px}.contact p{max-width:390px;color:var(--muted);margin:25px 0 32px;font-size:15px}.contact-details{align-self:center}.contact-details>a,.contact-details>div{display:block;padding:20px 0;border-bottom:1px solid var(--line)}small,.contact-details small{display:block;font-size:9px;letter-spacing:1.6px;color:var(--muted)}.contact-details span{font-size:23px}.contact-details a:hover span{color:var(--cyan)}.contact-details p{font-size:12px}footer{padding:40px 6%;display:flex;gap:30px;align-items:center;flex-wrap:wrap}footer p{font-size:11px;color:var(--muted);flex:1}footer button{color:var(--muted);background:none;border:0;font-size:11px}footer>small{width:100%;font-size:8px}dialog{background:var(--panel);color:var(--text);border:1px solid var(--line);max-width:560px;padding:40px;line-height:1.7}dialog::backdrop{background:#000b}dialog h2{font-size:32px;margin-bottom:24px}dialog p{margin-top:18px;font-size:14px}.close{position:absolute;right:14px;top:8px;background:none;border:0;color:white;font-size:28px}.skip{position:absolute;left:10px;top:-100px;padding:12px;background:var(--cyan);color:black;z-index:20}.skip:focus{top:10px}:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}@media(min-width:1600px){body{max-width:1600px;margin:auto}}@media(max-width:1000px){nav{gap:20px}.hero{gap:25px}.hero-image{min-height:480px}.actions{gap:15px;flex-wrap:wrap}h1{letter-spacing:-2.5px}.services{grid-template-columns:1fr 1fr}.services article{padding:30px!important}.services article:nth-child(2){border-right:0}.services article:nth-child(-n+2){border-bottom:1px solid var(--line)}.services p{min-height:0}.about,.contact{gap:40px}.project-grid img{height:260px}.contact-details span{font-size:19px}}@media(max-width:700px){header{height:76px;position:relative}.menu{display:block;background:none;border:1px solid var(--line);color:var(--text);padding:6px 12px;font-size:12px}.menu span{margin-left:15px}nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--panel);padding:25px 6%;z-index:10;align-items:stretch}nav.open{display:flex;flex-direction:column}.hero{padding-top:40px;grid-template-columns:1fr}.eyebrow{font-size:9px;letter-spacing:1.4px}h1{font-size:54px;margin:25px 0}.intro{font-size:16px}.hero-facts{margin-bottom:22px}.hero-image{min-height:340px;margin-top:15px}.hero-bottom{font-size:7px;margin-top:5px;gap:20px}.section{padding:64px 6%}.section-heading,.about,.contact{grid-template-columns:1fr;gap:25px}.section-heading{margin-bottom:30px}h2{font-size:36px}.services{grid-template-columns:1fr}.services article{padding:28px 0!important;border-right:0;border-bottom:1px solid var(--line)}.services h3{margin:18px 0 14px}.services ul{padding-top:10px}.project-grid{grid-template-columns:1fr;gap:38px}.project-grid img{height:270px}.steps{grid-template-columns:1fr;gap:30px;margin-top:30px}.steps p{max-width:none}.contact h2{font-size:56px}.contact-details span{font-size:22px}footer{gap:22px}footer p{flex-basis:65%}.hero-image figcaption{font-size:7px}.image-note{font-size:26px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:420px){h1{font-size:48px;letter-spacing:-2.5px}.hero-facts{gap:35px}.contact-details span{font-size:20px}}
/* Aktualisierte Bildstrecke und Touring */
.services{grid-template-columns:repeat(3,minmax(0,1fr))}.services article{padding:30px 24px!important}.services article:nth-child(3){border-right:0}.services article:nth-child(-n+3){border-bottom:1px solid var(--line)}.services article:last-child{grid-column:span 2}.services p{min-height:0}.hero-image img{filter:brightness(.8);object-position:50% 40%}.project-grid img{height:540px;object-position:center 58%}.project-grid figure:nth-child(2) img{object-position:center 65%}.detail-grid{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:24px;margin-top:50px;align-items:start}.detail-grid img{width:100%;height:310px;object-fit:cover}.detail-grid video{width:100%;aspect-ratio:16/9;display:block;background:#05090b}.detail-grid figcaption{color:var(--muted);font-size:11px;margin-top:14px}.film figcaption a{color:var(--cyan)}@media(max-width:1000px){.services{grid-template-columns:1fr 1fr}.services article:nth-child(3){border-right:1px solid var(--line)}.services article:nth-child(even){border-right:0}.services article:nth-child(4){border-bottom:1px solid var(--line)}.project-grid img{height:420px}.detail-grid{grid-template-columns:1fr 1fr}.film{grid-column:1/-1}}@media(max-width:700px){.services{grid-template-columns:1fr}.services article{padding:28px 0!important;border-right:0!important}.services article:last-child{grid-column:auto}.project-grid img{height:auto;max-height:600px;object-fit:contain;background:#080d11}.detail-grid{gap:16px}.detail-grid img{height:260px}}
.slide-stage{position:relative;height:540px;overflow:hidden;background:#080d11}.project-grid .slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.2s ease}.project-grid .slide.active{opacity:1}.slide-toggle{position:absolute;bottom:16px;right:16px;border:1px solid #ffffff66;background:#081117bb;color:white;width:40px;height:40px;z-index:2}.slide-dots{display:flex;align-items:center;gap:10px}.slide-dots button{width:12px;height:12px;padding:0;border:1px solid var(--cyan);border-radius:50%;background:transparent}.slide-dots button[aria-pressed=true]{background:var(--cyan)}.silent-film{margin-top:48px;max-width:860px;margin-inline:auto}.silent-film video{width:100%;display:block;aspect-ratio:16/9;background:#05090b}.silent-film figcaption{font-size:12px;color:var(--muted);margin-top:14px}@media(max-width:1000px){.slide-stage{height:420px}}@media(max-width:700px){.slide-stage{height:auto;aspect-ratio:9/16;max-height:600px}.project-grid .slide{object-fit:contain;max-height:none}}@media(prefers-reduced-motion:reduce){.project-grid .slide{transition:none}}
.integration{border-top:1px solid var(--line)}.integration-layout{display:grid;grid-template-columns:2fr 1fr;gap:32px}.comparison-images{display:grid;grid-template-columns:1fr 1fr;gap:16px}.comparison-images figure{position:relative;min-width:0}.comparison-images img{display:block;width:100%;aspect-ratio:9/16;object-fit:cover}.photo-label{position:absolute;top:14px;left:14px;padding:5px 10px;background:#0b1115e6;font-size:10px;font-weight:bold;letter-spacing:1.5px;border:1px solid #637179}.photo-label.after{color:#071316;background:var(--cyan);border-color:var(--cyan)}.comparison-images figcaption{font-size:12px;color:var(--muted);padding-top:12px}.image-context{font-size:11px;color:var(--muted);margin-top:18px}.rack-detail img{display:block;width:100%;aspect-ratio:9/16;object-fit:cover}.rack-detail figcaption{padding-top:14px}.rack-detail h3{font-size:20px}.rack-detail p{font-size:12px;color:var(--muted);margin-top:6px}.service-example{display:inline-block;margin-top:20px}@media(max-width:900px){.integration-layout{grid-template-columns:1fr;gap:35px}.rack-detail{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center}.rack-detail img{max-height:500px;object-fit:contain;background:#080d11}.rack-detail figcaption{padding-top:0}}@media(max-width:480px){.comparison-images{gap:10px}.photo-label{top:9px;left:9px;font-size:8px;padding:4px 6px}.comparison-images figcaption{font-size:10px}.rack-detail{gap:18px}.rack-detail h3{font-size:20px}}
/* Projektmotive mit integrierter Typografie */
.integration-layout{grid-template-columns:1fr 1fr;gap:28px}.image-card{position:relative;overflow:hidden;border:1px solid #31424b;background:#080d11;min-width:0;height:600px;display:block}.image-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(3,12,17,.65),transparent 28%,transparent 45%,rgba(3,12,17,.93));z-index:1}.image-card .slide-stage{height:100%;aspect-ratio:auto;max-height:none}.image-card>img,.project-grid .image-card>img,.rack-detail.image-card>img{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center;display:block}.image-card .card-kicker{position:absolute;top:24px;left:24px;right:24px;z-index:2;font-size:9px;letter-spacing:1.7px;color:#e4f5f7}.image-card figcaption,.project-grid .image-card figcaption,.rack-detail.image-card figcaption{position:absolute;left:26px;right:26px;bottom:30px;padding:0;z-index:2;display:flex;justify-content:space-between;align-items:end;gap:15px}.image-card figcaption h3,.rack-detail.image-card h3{font-size:32px;line-height:1.15;letter-spacing:-1px;max-width:360px;color:var(--text)}.image-card figcaption p,.project-grid .image-card figcaption p{font-size:12px;line-height:1.6;color:#c2d0d6;margin-top:12px}.image-card .slide-toggle{top:54px;bottom:auto;right:24px;z-index:3}.image-card .slide-dots{flex-shrink:0;padding-bottom:5px;z-index:3}.project-grid .image-card .slide{height:100%;object-fit:cover;max-height:none}.project-grid .live-card>img{object-position:center 62%}.image-card figcaption>span{color:var(--cyan)}.silent-film .film{position:relative}.silent-film figcaption{position:absolute;top:18px;left:20px;padding:5px 10px;background:#071217bb;color:#e5f2f4;pointer-events:none;margin:0}@media(max-width:1000px){.image-card{height:530px}.image-card figcaption h3{font-size:28px}}@media(max-width:700px){.integration-layout{grid-template-columns:1fr}.image-card{height:540px}.rack-detail.image-card{display:block}.image-card figcaption h3{font-size:30px}.image-card .card-kicker{font-size:8px;left:22px}.image-card figcaption{left:22px;right:22px}.silent-film figcaption{top:10px;left:10px;font-size:10px}}@media(max-width:380px){.image-card{height:480px}.image-card figcaption h3{font-size:27px}}
.image-card .slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.2s ease}.image-card .slide.active{opacity:1}@media(prefers-reduced-motion:reduce){.image-card .slide{transition:none}}
.rack-detail.image-card figcaption{display:block}.image-card figcaption>div:first-child{min-width:0}.rack-detail.image-card figcaption p{margin-top:12px}
.services article:last-child{grid-column:auto}.services article:nth-child(3n){border-right:0}@media(max-width:1000px) and (min-width:701px){.services article:nth-child(3){border-right:1px solid var(--line)}.services article:nth-child(even){border-right:0}}.about-copy strong{color:var(--text);font-weight:500}
.silent-film .film:after{content:"";position:absolute;inset:40% 0 62px;pointer-events:none;background:linear-gradient(transparent,rgba(3,12,17,.78));z-index:1}.silent-film .film figcaption{top:auto;bottom:78px;left:28px;right:28px;margin:0;padding:0;background:none;z-index:2;color:var(--text);pointer-events:none}.silent-film .film figcaption h3{font-size:32px;font-weight:400;line-height:1.15;letter-spacing:-1px}@media(max-width:700px){.silent-film .film figcaption{left:20px;bottom:62px}.silent-film .film figcaption h3{font-size:26px}.silent-film .film:after{bottom:48px}}@media(max-width:420px){.silent-film .film figcaption h3{font-size:23px}}
.silent-film .film:after{bottom:0}.silent-film .film figcaption{bottom:30px}@media(max-width:700px){.silent-film .film:after{bottom:0}.silent-film .film figcaption{bottom:24px}}
.legal-page{max-width:900px;margin:0 auto;padding:70px 6% 90px}.legal-page h1{font-size:clamp(38px,6vw,64px);letter-spacing:-2px;overflow-wrap:anywhere}.legal-page section{margin-top:38px}.legal-page h2{font-size:25px;letter-spacing:-.5px;margin-bottom:18px}.legal-page p{font-size:15px;color:#bcc9d0;margin:14px 0}.legal-page a{color:var(--cyan);text-decoration:underline;text-underline-offset:4px}.legal-note{display:block;padding:18px 22px;border-left:2px solid var(--cyan);background:var(--panel);font-size:13px;color:var(--muted);margin:26px 0;line-height:1.8}.legal-page .legal-stand{font-size:12px;margin-top:45px}footer>div{display:flex;gap:18px}footer>div>a{font-size:11px;color:var(--muted)}footer>div>a:hover{color:var(--cyan)}
/* Helleres Anthrazit, ruhige Bewegung und klare Tiefen */
:root{--bg:#20272b;--panel:#2a3338;--line:#435057;--text:#f3f6f7;--muted:#bcc8ce;--cyan:#65e1dc}
body{background:radial-gradient(ellipse at 8% 10%,#34424866,transparent 48%),var(--bg);transition:opacity .18s ease,transform .18s ease}
header{position:sticky;top:0;z-index:20;background:#20272bee;backdrop-filter:blur(16px);transition:background .3s,box-shadow .3s}
header.is-scrolled{background:#263035f5;box-shadow:0 6px 28px #080e1226}
.hero-image,.image-card{border-color:#526269;box-shadow:0 18px 42px #080f1426}
.hero-image img{will-change:transform}
.nav-contact{border-color:#687980;transition:border-color .25s,background .25s}
.nav-contact:hover{border-color:var(--cyan);background:#65e1dc0c}
.button{transition:background .2s,transform .25s,box-shadow .25s}
.button:hover{transform:translateY(-3px);box-shadow:0 8px 24px #65e1dc20}
.scroll-progress{height:2px;position:fixed;top:0;left:0;width:100%;transform:scaleX(0);transform-origin:left;z-index:100;background:var(--cyan);pointer-events:none}
.scroll-reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.65,.25,1)}
.scroll-reveal.revealed{opacity:1;transform:translateY(0)}
.services article:nth-child(3n+2),.steps>div:nth-child(2){transition-delay:.08s}
.services article:nth-child(3n),.steps>div:nth-child(3){transition-delay:.16s}
.project-grid>.image-card:nth-child(2),.integration-layout>.image-card:nth-child(2){transition-delay:.12s}
.page-leaving{opacity:0;transform:translateY(-6px)}
.hero-copy{animation:arrival .8s ease both}.hero-image{animation:arrival 1s .1s ease both}
@keyframes arrival{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}
footer>div>a,.text-link{transition:color .2s}
@media(max-width:700px){.scroll-reveal{transform:translateY(18px)}.services article,.steps>div,.project-grid>.image-card,.integration-layout>.image-card{transition-delay:0s!important}header{backdrop-filter:none}.hero-image img{will-change:auto}}
@media(prefers-reduced-motion:reduce){body{transition:none}.hero-copy,.hero-image{animation:none}.scroll-reveal{opacity:1;transform:none;transition:none}.button:hover{transform:none}.hero-image img{transform:none!important}.page-leaving{opacity:1;transform:none}}
/* Kompaktere Gestaltung, ursprüngliche dunkle Farbwelt */
:root{--bg:#0b1115;--panel:#10191e;--line:#263239;--text:#edf3f5;--muted:#aab8c0;--cyan:#5bdedb}
body{background:var(--bg);max-width:none}
header{height:76px;padding-inline:max(5%,calc((100vw - 1160px)/2));background:#0b1115ee}
header.is-scrolled{background:#10191ef5;box-shadow:0 5px 20px #0002}
.hero,.section,footer{padding-left:max(5%,calc((100vw - 1160px)/2));padding-right:max(5%,calc((100vw - 1160px)/2))}
.hero{padding-top:46px}
h1{font-size:clamp(44px,4.3vw,64px);letter-spacing:-2.8px;margin:22px 0}
h2{font-size:clamp(30px,2.7vw,40px);letter-spacing:-1.3px}
.hero .eyebrow{font-size:9px;letter-spacing:1.5px}
.intro{font-size:16px;line-height:1.65}
.actions{margin:25px 0 30px;gap:22px}
.button{padding:12px 18px}
.hero-facts{gap:36px}.hero-facts strong{font-size:21px}
.hero-image{min-height:410px}.hero-image .image-note{font-size:25px;bottom:28px;left:25px}
.hero-bottom{margin-top:24px;padding:22px 0}
.section{padding-top:68px;padding-bottom:68px}
.section-heading{gap:10px 50px;margin-bottom:32px}
.eyebrow{margin-bottom:18px}
.services article{padding:24px 22px!important}
.services h3{font-size:20px;margin:20px 0 14px}
.services p{font-size:13px;line-height:1.7}
.services ul{padding-top:12px}.services li{margin:5px 0}
.services article:last-child{grid-column:auto}
.service-example{margin-top:15px}
.about{gap:55px}.about-copy .large{font-size:21px}.about-copy p{font-size:14px;margin-bottom:20px}
.image-card{height:460px;box-shadow:none;border-color:#31424b}
.image-card figcaption h3,.rack-detail.image-card h3{font-size:27px}
.image-card figcaption,.project-grid .image-card figcaption,.rack-detail.image-card figcaption{left:22px;right:22px;bottom:25px}
.image-card .card-kicker{top:20px;left:22px;right:22px;font-size:8px}
.project-grid,.integration-layout{gap:24px}
.silent-film{max-width:760px;margin-top:32px}
.steps{margin-top:32px;gap:36px}.steps h3{font-size:20px;margin-top:12px}
.contact{gap:65px}.contact h2{font-size:54px}.contact p{font-size:14px;margin:20px 0 25px}
.contact-details span{font-size:21px}.contact-details>a,.contact-details>div{padding:15px 0}
footer{padding-top:28px;padding-bottom:28px}
.legal-page{padding-top:48px;padding-bottom:64px}
@media(min-width:1600px){body{max-width:none;margin:0}}
@media(max-width:1000px){.hero{gap:24px}.hero-image{min-height:390px}.hero-facts{gap:26px}.actions{gap:18px}.image-card{height:440px}}
@media(max-width:700px){header{height:68px}nav{top:68px}.hero{padding-top:30px}.hero,.section,footer{padding-left:6%;padding-right:6%}h1{font-size:46px;letter-spacing:-2.4px}h2{font-size:31px}.hero-image{min-height:300px}.hero-facts{margin-bottom:5px}.section{padding-top:46px;padding-bottom:46px}.section-heading{gap:18px;margin-bottom:24px}.services article{padding:22px 0!important}.image-card{height:440px}.image-card figcaption h3,.rack-detail.image-card h3{font-size:27px}.about,.contact{gap:27px}.about-copy .large{font-size:20px}.contact h2{font-size:46px}.steps{gap:24px}.contact-details span{font-size:20px}.silent-film{margin-top:24px}}
@media(max-width:380px){h1{font-size:42px}.image-card{height:410px}}