.LeistungenShowcase-module__ipDkjG__showcase{aspect-ratio:16/10;isolation:isolate;background:#0d0d0d;border:1px solid #ffffff1a;width:100%;min-height:430px;position:relative;overflow:hidden}.LeistungenShowcase-module__ipDkjG__browser{aspect-ratio:16/10;background:#f2f0eb;border:1px solid #ffffff29;width:86%;position:absolute;top:7%;left:3%;overflow:hidden;box-shadow:0 32px 80px #00000073,0 10px 24px #00000047}.LeistungenShowcase-module__ipDkjG__browserChrome{color:#ffffff5c;background:#151515;grid-template-columns:1fr 2fr 1fr;align-items:center;height:34px;padding:0 13px;font-size:7px;display:grid}.LeistungenShowcase-module__ipDkjG__browserDots{gap:5px;display:flex}.LeistungenShowcase-module__ipDkjG__browserDots span{background:#fff3;border-radius:999px;width:6px;height:6px}.LeistungenShowcase-module__ipDkjG__browserAddress{letter-spacing:.08em;justify-self:center}.LeistungenShowcase-module__ipDkjG__browserIndex{letter-spacing:.14em;justify-self:end}.LeistungenShowcase-module__ipDkjG__viewport{background:#f1efe9;height:calc(100% - 34px);position:relative;overflow:hidden}.LeistungenShowcase-module__ipDkjG__track{width:100%}.LeistungenShowcase-module__ipDkjG__hero{color:#111;background:#f1efe9;min-height:470px;padding:20px 22px 18px}.LeistungenShowcase-module__ipDkjG__nav{grid-template-columns:1fr auto 1fr;align-items:start;display:grid}.LeistungenShowcase-module__ipDkjG__logo{letter-spacing:-.035em;font-size:10px;font-weight:700;line-height:.86}.LeistungenShowcase-module__ipDkjG__navLinks{text-transform:uppercase;letter-spacing:.1em;gap:22px;font-size:6px;font-weight:500;display:flex}.LeistungenShowcase-module__ipDkjG__language{text-transform:uppercase;justify-self:end;font-size:6px}.LeistungenShowcase-module__ipDkjG__heroContent{border-top:1px solid #0000001f;grid-template-columns:.9fr 1.1fr;height:365px;margin-top:20px;display:grid}.LeistungenShowcase-module__ipDkjG__heroCopy{flex-direction:column;justify-content:flex-end;padding:28px 22px 24px 0;display:flex}.LeistungenShowcase-module__ipDkjG__eyebrow{color:#0000006b;text-transform:uppercase;letter-spacing:.17em;margin:0 0 16px;font-size:6px;font-weight:500}.LeistungenShowcase-module__ipDkjG__heroCopy h3{letter-spacing:-.06em;margin:0;font-size:clamp(30px,3.4vw,58px);font-weight:500;line-height:.87}.LeistungenShowcase-module__ipDkjG__heroDescription{color:#0000008f;max-width:270px;margin-top:18px;font-size:9px;line-height:1.65}.LeistungenShowcase-module__ipDkjG__demoLink{border-bottom:1px solid #111;align-items:center;gap:24px;width:fit-content;margin-top:18px;padding-bottom:4px;font-size:8px;font-weight:500;display:flex}.LeistungenShowcase-module__ipDkjG__heroVisual{background-image:linear-gradient(#00000003,#0000001c),url(/images/werkraum-architecture-hero-frankfurt.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative;overflow:hidden}.LeistungenShowcase-module__ipDkjG__visualLabel{color:#ffffffe6;text-transform:uppercase;letter-spacing:.12em;text-shadow:0 1px 10px #00000073;justify-content:space-between;font-size:5px;display:flex;position:absolute;bottom:13px;left:14px;right:14px}.LeistungenShowcase-module__ipDkjG__heroFooter{color:#00000061;text-transform:uppercase;letter-spacing:.13em;gap:20px;margin-top:15px;font-size:5px;display:flex}.LeistungenShowcase-module__ipDkjG__scrollLabel{margin-left:auto}.LeistungenShowcase-module__ipDkjG__statement{color:#fff;background:#171717;grid-template-columns:1.1fr .9fr;align-items:end;gap:40px;min-height:300px;padding:46px 38px;display:grid}.LeistungenShowcase-module__ipDkjG__sectionLabel{color:#ffffff57;text-transform:uppercase;letter-spacing:.17em;margin:0;font-size:6px;font-weight:500}.LeistungenShowcase-module__ipDkjG__statement h3{letter-spacing:-.055em;margin:18px 0 0;font-size:clamp(28px,3vw,46px);font-weight:500;line-height:.95}.LeistungenShowcase-module__ipDkjG__statement>p{color:#ffffff8c;max-width:290px;margin:0;font-size:9px;line-height:1.75}.LeistungenShowcase-module__ipDkjG__project{color:#111;background:#edeae3;grid-template-columns:1.25fr .75fr;min-height:365px;display:grid}.LeistungenShowcase-module__ipDkjG__projectVisual{background-image:linear-gradient(#0000,#0003),url(/images/werkraum-haus-am-hang-project.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:365px;position:relative;overflow:hidden}.LeistungenShowcase-module__ipDkjG__projectCaption{color:#ffffffe0;text-transform:uppercase;letter-spacing:.13em;text-shadow:0 1px 10px #00000073;justify-content:space-between;font-size:5px;display:flex;position:absolute;bottom:13px;left:15px;right:15px}.LeistungenShowcase-module__ipDkjG__projectContent{flex-direction:column;justify-content:center;padding:28px;display:flex}.LeistungenShowcase-module__ipDkjG__projectContent .LeistungenShowcase-module__ipDkjG__sectionLabel{color:#0006}.LeistungenShowcase-module__ipDkjG__projectContent h3{letter-spacing:-.055em;margin:18px 0 0;font-size:clamp(30px,3vw,48px);font-weight:500;line-height:.9}.LeistungenShowcase-module__ipDkjG__projectDetails{gap:10px;margin-top:28px;display:grid}.LeistungenShowcase-module__ipDkjG__projectDetails div{border-top:1px solid #0000001f;justify-content:space-between;padding-top:7px;font-size:6px;display:flex}.LeistungenShowcase-module__ipDkjG__projectDetails span{color:#0006}.LeistungenShowcase-module__ipDkjG__projectDetails strong{font-weight:500}.LeistungenShowcase-module__ipDkjG__phone{z-index:5;aspect-ratio:.49;opacity:0;background:#090909;border:1px solid #ffffff2e;border-radius:24px;width:18%;padding:5px;position:absolute;bottom:6%;right:2.5%;overflow:hidden;transform:translate(45px,28px)rotate(3deg)scale(.94);box-shadow:0 28px 70px #0009,0 8px 20px #0006}.LeistungenShowcase-module__ipDkjG__phoneNotch{z-index:4;background:#050505;border-radius:999px;width:34%;height:13px;position:absolute;top:9px;left:50%;transform:translate(-50%)}.LeistungenShowcase-module__ipDkjG__phoneScreen{color:#111;background:#efede7;border-radius:19px;height:100%;overflow:hidden}.LeistungenShowcase-module__ipDkjG__mobileNav{text-transform:uppercase;justify-content:space-between;align-items:center;height:13%;padding:14px 10px 8px;font-size:5px;font-weight:600;line-height:.86;display:flex}.LeistungenShowcase-module__ipDkjG__mobileVisual{background-image:linear-gradient(#0000,#0000001a),url(/images/werkraum-architecture-hero-frankfurt.webp);background-position:65%;background-repeat:no-repeat;background-size:cover;height:48%}.LeistungenShowcase-module__ipDkjG__mobileContent{padding:12px 10px}.LeistungenShowcase-module__ipDkjG__mobileContent>span{color:#0006;text-transform:uppercase;letter-spacing:.13em;font-size:4px}.LeistungenShowcase-module__ipDkjG__mobileContent h3{letter-spacing:-.055em;margin:7px 0 0;font-size:clamp(15px,1.7vw,25px);font-weight:500;line-height:.9}.LeistungenShowcase-module__ipDkjG__mobileContent p{color:#00000080;margin-top:8px;font-size:5px;line-height:1.45}.LeistungenShowcase-module__ipDkjG__mobileButton{color:#fff;background:#111;width:fit-content;margin-top:9px;padding:6px 8px;font-size:4px}.LeistungenShowcase-module__ipDkjG__caption{z-index:2;color:#ffffff57;text-transform:uppercase;letter-spacing:.14em;gap:17px;font-size:6px;display:flex;position:absolute;bottom:3.5%;left:4%}.LeistungenShowcase-module__ipDkjG__endScene{z-index:20;opacity:0;pointer-events:none;background:#0b0b0b;place-items:center;display:grid;position:absolute;inset:0}.LeistungenShowcase-module__ipDkjG__endSceneContent{text-align:center}.LeistungenShowcase-module__ipDkjG__endBrand{color:#ffffff6b;text-transform:uppercase;letter-spacing:.28em;margin-bottom:18px;font-size:8px;font-weight:500;display:block}.LeistungenShowcase-module__ipDkjG__endSceneContent p{color:#fff;letter-spacing:-.045em;margin:0;font-size:clamp(28px,3.4vw,54px);font-weight:500;line-height:1.02}.LeistungenShowcase-module__ipDkjG__isActive .LeistungenShowcase-module__ipDkjG__browser{animation:none}.LeistungenShowcase-module__ipDkjG__isActive .LeistungenShowcase-module__ipDkjG__track{animation:15s cubic-bezier(.65,0,.35,1) infinite LeistungenShowcase-module__ipDkjG__websiteScroll}.LeistungenShowcase-module__ipDkjG__isActive .LeistungenShowcase-module__ipDkjG__phone{animation:15s cubic-bezier(.22,1,.36,1) infinite LeistungenShowcase-module__ipDkjG__phoneReveal}.LeistungenShowcase-module__ipDkjG__isActive .LeistungenShowcase-module__ipDkjG__caption{animation:15s infinite LeistungenShowcase-module__ipDkjG__captionReveal}.LeistungenShowcase-module__ipDkjG__isActive .LeistungenShowcase-module__ipDkjG__endScene{animation:15s infinite LeistungenShowcase-module__ipDkjG__endScene}@keyframes LeistungenShowcase-module__ipDkjG__websiteScroll{0%,5%{transform:translateY(0)}60%,78%{transform:translateY(-56%)}to{transform:translateY(-56%)}}@keyframes LeistungenShowcase-module__ipDkjG__phoneReveal{0%,45%{opacity:0;transform:translate(45px,28px)rotate(3deg)scale(.94)}55%,77%{opacity:1;transform:translate(0)rotate(0)scale(1)}82%,to{opacity:0;transform:translate(8px,8px)scale(.98)}}@keyframes LeistungenShowcase-module__ipDkjG__endScene{0%,82%{opacity:0}87%,97%{opacity:1}to{opacity:0}}@keyframes LeistungenShowcase-module__ipDkjG__captionReveal{0%,10%{opacity:0;transform:translateY(5px)}18%,85%{opacity:1;transform:translateY(0)}95%,to{opacity:0}}@media (max-width:1100px){.LeistungenShowcase-module__ipDkjG__showcase{aspect-ratio:16/11;min-height:440px}.LeistungenShowcase-module__ipDkjG__browser{width:90%;top:6%;left:2.5%}.LeistungenShowcase-module__ipDkjG__phone{width:20%;bottom:5%;right:1.5%}.LeistungenShowcase-module__ipDkjG__hero{min-height:420px}.LeistungenShowcase-module__ipDkjG__heroContent{height:320px}.LeistungenShowcase-module__ipDkjG__statement{min-height:275px;padding:38px 30px}.LeistungenShowcase-module__ipDkjG__project,.LeistungenShowcase-module__ipDkjG__projectVisual{min-height:330px}}@media (max-width:767px){.LeistungenShowcase-module__ipDkjG__showcase{aspect-ratio:auto;min-height:430px}.LeistungenShowcase-module__ipDkjG__browser{aspect-ratio:.96;width:92%;animation:none;top:5%;left:4%}.LeistungenShowcase-module__ipDkjG__browserChrome{height:28px;padding:0 10px;font-size:5px}.LeistungenShowcase-module__ipDkjG__viewport{height:calc(100% - 28px)}.LeistungenShowcase-module__ipDkjG__track{animation:none}.LeistungenShowcase-module__ipDkjG__isActive .LeistungenShowcase-module__ipDkjG__track{animation:15s cubic-bezier(.65,0,.35,1) infinite LeistungenShowcase-module__ipDkjG__websiteScrollMobile}.LeistungenShowcase-module__ipDkjG__hero{min-height:405px;padding:14px}.LeistungenShowcase-module__ipDkjG__nav{grid-template-columns:1fr 1fr}.LeistungenShowcase-module__ipDkjG__navLinks{display:none}.LeistungenShowcase-module__ipDkjG__language{justify-self:end}.LeistungenShowcase-module__ipDkjG__heroContent{grid-template-rows:1.15fr .85fr;grid-template-columns:1fr;height:325px;margin-top:14px}.LeistungenShowcase-module__ipDkjG__heroVisual{grid-row:1}.LeistungenShowcase-module__ipDkjG__heroCopy{grid-row:2;padding:14px 0 0}.LeistungenShowcase-module__ipDkjG__eyebrow{margin-bottom:8px;font-size:5px}.LeistungenShowcase-module__ipDkjG__heroCopy h3{font-size:27px}.LeistungenShowcase-module__ipDkjG__heroDescription{display:none}.LeistungenShowcase-module__ipDkjG__demoLink{margin-top:11px;font-size:6px}.LeistungenShowcase-module__ipDkjG__heroFooter{display:none}.LeistungenShowcase-module__ipDkjG__statement{min-height:280px;padding:32px 20px;display:block}.LeistungenShowcase-module__ipDkjG__statement h3{font-size:31px}.LeistungenShowcase-module__ipDkjG__statement>p{margin-top:26px;font-size:8px}.LeistungenShowcase-module__ipDkjG__project{grid-template-columns:1fr;min-height:390px}.LeistungenShowcase-module__ipDkjG__projectVisual{min-height:230px}.LeistungenShowcase-module__ipDkjG__projectContent{padding:22px}.LeistungenShowcase-module__ipDkjG__projectContent h3{font-size:30px}.LeistungenShowcase-module__ipDkjG__phone{display:none}.LeistungenShowcase-module__ipDkjG__caption{justify-content:space-between;gap:6px;font-size:4px;bottom:2.5%;left:6%;right:6%}}@keyframes LeistungenShowcase-module__ipDkjG__websiteScrollMobile{0%,28%{transform:translateY(0)}48%,58%{transform:translateY(-26%)}75%,to{transform:translateY(-47%)}}@media (prefers-reduced-motion:reduce){.LeistungenShowcase-module__ipDkjG__showcase.LeistungenShowcase-module__ipDkjG__isActive .LeistungenShowcase-module__ipDkjG__browser,.LeistungenShowcase-module__ipDkjG__showcase.LeistungenShowcase-module__ipDkjG__isActive .LeistungenShowcase-module__ipDkjG__track,.LeistungenShowcase-module__ipDkjG__showcase.LeistungenShowcase-module__ipDkjG__isActive .LeistungenShowcase-module__ipDkjG__phone,.LeistungenShowcase-module__ipDkjG__showcase.LeistungenShowcase-module__ipDkjG__isActive .LeistungenShowcase-module__ipDkjG__caption,.LeistungenShowcase-module__ipDkjG__showcase.LeistungenShowcase-module__ipDkjG__isActive .LeistungenShowcase-module__ipDkjG__endScene{animation:none}.LeistungenShowcase-module__ipDkjG__phone{opacity:1;transform:none}.LeistungenShowcase-module__ipDkjG__track{transform:translateY(0)}.LeistungenShowcase-module__ipDkjG__endScene{display:none}}