.effect-page{background:#171a17}.effect-page .preview-bar{background:#111611;color:#8da488;font-size:8px;letter-spacing:1.7px}.effect-page .site-header{border-bottom:1px solid #ffffff0b;background:transparent}.effect-page .brand>img{width:43px;height:43px}.effect-page .site-header nav{font-size:11px}.effect-story{height:280vh;min-height:1900px;position:relative}.effect-stage{height:100svh;min-height:720px;position:sticky;top:0;overflow:hidden;background:radial-gradient(ellipse at 76% 46%,#29382a 0%,#141b16 47%,#101411 80%)}.effect-grain{position:absolute;inset:0;opacity:.12;pointer-events:none;background-image:url('/assets/muster-original.webp');background-size:cover;mix-blend-mode:screen}.effect-glow{position:absolute;width:65vw;height:65vw;right:-5vw;top:-10vw;background:radial-gradient(ellipse,#42c03315,transparent 65%);pointer-events:none}.effect-ghost{position:absolute;top:27%;left:4%;right:0;font-size:clamp(90px,13vw,230px);font-weight:800;letter-spacing:-10px;color:#ffffff25;opacity:.12;line-height:1;white-space:nowrap;pointer-events:none}.scene{position:absolute;inset:0;z-index:2;touch-action:pan-y}.scene canvas{display:block;width:100%;height:100%}.scene-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35}.scene.ready .scene-fallback{display:none}.effect-copy{position:absolute;z-index:4;left:max(56px,calc((100vw - 1200px)/2));top:24%;width:460px;pointer-events:none}.effect-copy a{pointer-events:auto}.effect-copy>.eyebrow{font-size:9px;letter-spacing:2.5px;color:#bdd4b6}.effect-copy>.eyebrow:before{width:28px;height:2px}.effect-panels{position:relative;height:360px;margin-top:24px}.effect-panel{position:absolute;inset:0;opacity:0;transform:translateY(18px);transition:opacity .45s,transform .45s;visibility:hidden;pointer-events:none}.effect-panel.active{opacity:1;transform:none;visibility:visible}.effect-kicker{font-size:12px;color:#a0ae9d;letter-spacing:.3px;margin-bottom:19px}.effect-panel h1,.effect-panel h2{font-size:74px;font-weight:500;line-height:1.02;letter-spacing:-3.7px;margin:0 0 24px}.effect-panel em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#75d468;letter-spacing:-3px}.effect-panel>p:last-child{font-size:13px;color:#bdc6ba;line-height:1.85}.effect-call{min-width:238px;padding:15px 23px;gap:17px;box-shadow:0 7px 35px #42c03315}.effect-call>span:first-of-type{font-size:11px}.effect-call strong{display:block;font-size:18px;margin-top:4px}.effect-call>span:last-child{font-size:23px}.effect-links{display:flex;gap:24px;margin-top:19px;font-size:10px;color:#b3c2af}.effect-links a:hover{color:#75d468}.scene-toolbar{position:absolute;z-index:5;right:max(56px,calc((100vw - 1200px)/2));top:160px;display:flex;align-items:center;gap:14px;color:#a4b19f;font-size:9px}.scene-toolbar>span{margin-right:8px}.material-switch{display:flex;border:1px solid #ffffff20;border-radius:30px;padding:3px;background:#121a12b3}.material-switch button{border:0;padding:8px 13px;font-size:9px;color:#a7b7a0;background:transparent;border-radius:20px}.material-switch button[aria-pressed=true]{background:#d8e4d1;color:#1b2818}.motion-toggle{border:1px solid #ffffff25;background:transparent;color:#c9d7c3;border-radius:50%;width:32px;height:32px;font-size:13px}.scene-caption{position:absolute;right:7%;bottom:21%;display:flex;align-items:center;gap:13px;font:8px/1.8 monospace;letter-spacing:1.8px;color:#c3d3ba;z-index:3;pointer-events:none}.scene-caption small{font-size:7px;letter-spacing:.5px;color:#6e8465}.scene-caption-line{width:60px;height:1px;background:#75d46877}.effect-bottom{position:absolute;left:max(56px,calc((100vw - 1200px)/2));right:max(56px,calc((100vw - 1200px)/2));bottom:34px;display:flex;align-items:center;justify-content:space-between;gap:25px;z-index:5;font-size:9px;color:#8b9c83}.effect-bottom>a:first-child{display:flex;align-items:center;gap:18px}.effect-bottom>a:first-child>span{color:#75d468;font-size:20px}.effect-progress{display:flex;gap:7px}.effect-progress i{height:2px;width:35px;background:#ffffff1f;transition:background .3s}.effect-progress i.active{background:#75d468}.practice-section{padding:85px 0;background:#1e231e;border-top:1px solid #ffffff0a}.practice-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:90px;align-items:center}.practice-grid h2{font-size:43px;line-height:1.12;margin:21px 0 25px}.practice-grid p:not(.eyebrow){font-size:13px;line-height:1.85;color:#bdc6ba;max-width:350px}.practice-grid .text-link{margin-top:22px;font-size:11px}.practice-video{border-radius:8px;overflow:hidden;background:#101610;border:1px solid #ffffff14}.practice-video video{display:block;width:100%;aspect-ratio:848/480}.practice-video>span{display:block;font-size:9px;padding:15px 18px;color:#a1b09b;letter-spacing:.2px}.effect-page .about{border-top:1px solid #ffffff09}
@media(min-width:1700px){.effect-copy{top:25%}.effect-panels{height:400px}.effect-panel h1,.effect-panel h2{font-size:88px}}
@media(max-width:1100px){.effect-copy{left:36px;width:380px;top:25%}.effect-panel h1,.effect-panel h2{font-size:63px}.effect-panels{height:330px}.scene-toolbar{right:35px;top:145px}.scene-toolbar>span{display:none}.scene-caption{right:5%;bottom:24%}.effect-bottom{left:36px;right:36px}.practice-grid{gap:45px}.effect-ghost{letter-spacing:-6px}}
@media(max-width:760px){.effect-story{height:260vh;min-height:1900px}.effect-stage{height:100svh;min-height:760px}.effect-page .site-header{height:82px}.effect-page .brand>img{width:36px;height:36px}.effect-page .brand strong{font-size:16px}.effect-page .brand>span{font-size:9px}.effect-page .header-call{min-height:36px;font-size:9px;padding:10px}.effect-copy{top:auto;bottom:111px;left:25px;right:25px;width:auto}.effect-copy>.eyebrow{font-size:8px;letter-spacing:1.5px}.effect-copy>.eyebrow:before{width:22px}.effect-panels{height:198px;margin-top:16px}.effect-kicker{font-size:10px;margin-bottom:12px}.effect-panel h1,.effect-panel h2{font-size:43px;letter-spacing:-1.7px;line-height:1.04;margin-bottom:14px}.effect-panel h1 br:nth-child(1){display:none}.effect-panel em{letter-spacing:-1.6px}.effect-panel>p:last-child{font-size:11px;line-height:1.65}.effect-call{min-width:217px;min-height:48px;padding:11px 17px;gap:14px}.effect-call strong{font-size:17px;margin-top:2px}.effect-call>span:first-of-type{font-size:9px}.effect-call svg{width:19px}.effect-links{font-size:9px;margin-top:14px;gap:23px}.scene-toolbar{top:115px;right:20px;gap:9px}.material-switch button{padding:7px 11px;font-size:8px}.motion-toggle{width:28px;height:28px;font-size:11px}.scene-caption{right:25px;bottom:53%;font-size:6px;letter-spacing:1px;line-height:1.5;opacity:.8}.scene-caption small{display:none}.scene-caption-line{width:26px}.effect-ghost{top:29%;left:18px;font-size:78px;letter-spacing:-5px}.effect-bottom{left:25px;right:25px;bottom:85px;font-size:8px;gap:15px}.effect-bottom>a:last-child{display:none}.effect-progress i{width:27px}.effect-bottom>a:first-child{gap:12px}.effect-bottom>a:first-child span{font-size:15px}.practice-section{padding:55px 0}.practice-grid{grid-template-columns:1fr;gap:30px}.practice-grid h2{font-size:35px;margin:18px 0 22px}.practice-grid p:not(.eyebrow){font-size:12px}.effect-page .hero h1 br{display:block}}
@media(max-height:790px) and (min-width:761px){.effect-copy{top:20%}.effect-panels{height:285px}.effect-panel h1,.effect-panel h2{font-size:59px}.scene-toolbar{top:135px}.scene-caption{bottom:17%}}
@media(prefers-reduced-motion:reduce){.effect-story{height:100svh;min-height:760px}.effect-stage{position:relative}.effect-panel{transition:none}.effect-bottom>a:first-child{font-size:0}.effect-bottom>a:first-child:before{content:'Weiter zur Praxis';font-size:9px}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

/* Each scroll phase owns its layout; no overlapping crossfade text. */
.effect-panels{display:grid;height:auto!important;min-height:360px}.effect-panel{position:relative;inset:auto;grid-area:1/1;opacity:1;transform:none;transition:none;visibility:hidden}.effect-panel.active{visibility:visible}.material-switch{display:none}
@media(min-width:1700px){.effect-panels{min-height:400px}}
@media(max-width:1100px){.effect-panels{min-height:330px}}
@media(max-height:790px) and (min-width:761px){.effect-panels{min-height:305px}}
@media(max-width:760px){.effect-panels{min-height:230px}.scene-caption{display:none}}

/* One continuous studio background throughout the page. */
.effect-page{background:#101411;isolation:isolate}
.effect-page:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 76% 46%,#29382a 0%,#141b16 47%,#101411 80%)}
.effect-page:after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:url('/assets/muster-original.webp') center/cover;opacity:.12;mix-blend-mode:screen}
.effect-page .effect-stage,.effect-page .practice-section,.effect-page .pattern,.effect-page .services,.effect-page .reference-teaser,.effect-page footer{background:transparent}
.effect-page .effect-grain,.effect-page .effect-glow{display:none}
.effect-page .service-grid li,.effect-page .contact-card,.effect-page .form-panel{background:#1c281dcc}
.effect-page .contact-card.preferred{background:linear-gradient(140deg,#42c03315,#1c281dcc 65%)}
.effect-page .service-grid li:hover{background:#283c29cc}
.effect-page .site-header{background:#10141170}.effect-page .mobile-nav{top:82px;background:#152018}.effect-page .form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.effect-page .legal-copy{overflow-wrap:anywhere}.effect-page .legal-copy h2,.effect-page .legal-copy h3{line-height:1.3}.effect-page .legal-copy p{margin-bottom:1em}
@media(min-width:761px){.effect-page .mobile-nav{top:120px}}
@media(max-width:760px){.effect-page .form-grid{grid-template-columns:1fr}.effect-page .form-grid .full{grid-column:auto}}
.effect-page .legal h1{overflow-wrap:anywhere;hyphens:auto;line-height:1.15}.effect-page .legal-copy{min-width:0}.effect-page .legal-copy img{max-width:100%;height:auto}
.effect-page .subhero{background:transparent}

/* Photo introduction followed by the interactive section within the page. */
.effect-page .hero{height:100svh;min-height:700px}.effect-page .hero-shade{background:linear-gradient(180deg,#07110966,#07110955 60%,#101411)}.effect-page .hero .hero-content{padding-top:50px}.effect-page .hero .scroll-cue{bottom:35px}.effect-story .effect-copy{top:18%}.effect-story .scene-toolbar{top:48px}.effect-story .effect-bottom{bottom:34px}
@media(max-height:790px) and (min-width:761px){.effect-story .effect-copy{top:16%}}
@media(max-width:760px){.effect-page .hero{height:100svh;min-height:720px}.effect-page .hero .hero-content{padding-top:35px;padding-bottom:105px}.effect-page .hero .scroll-cue{bottom:95px}.effect-story .effect-copy{top:auto;bottom:111px}.effect-story .scene-toolbar{top:25px}.effect-story .effect-bottom{bottom:85px}}

/* More restrained photo CTA and a continuous transition into the page. */
.effect-page .hero .hero-call{min-width:218px;padding:12px 19px;gap:13px;min-height:58px}
.effect-page .hero .hero-call>span:not(.arrow){font-size:11px}.effect-page .hero .hero-call strong{font-size:17px}.effect-page .hero .hero-call svg:not(.link-arrow){width:20px;height:20px}.effect-page .hero .hero-call .arrow{font-size:20px}
.effect-page .hero .hero-background{inset:-15%}
.effect-page .hero .hero-shade{background:linear-gradient(180deg,#07110955 0%,#07110944 45%,#10141144 62%,#101411c9 85%,#101411 100%)}
.effect-page .hero:after{content:'';position:absolute;inset:auto 0 0;height:24%;background:linear-gradient(transparent,#101411);pointer-events:none}
.effect-page .hero + .services{position:relative;background:linear-gradient(#101411,transparent 220px);border-top:0}
.effect-page .hero .scroll-cue{z-index:3}
.effect-story .effect-bottom{justify-content:center}
@media(max-width:760px){.effect-page .hero .hero-call{min-width:205px;padding:11px 17px;min-height:55px}.effect-page .hero .hero-call strong{font-size:17px}.effect-page .hero .hero-background{inset:-18%}.effect-page .hero .hero-promise{margin-bottom:23px}}

/* Compact call action and readable, restrained overlays on the photo. */
.effect-page .hero .hero-call{min-width:0;min-height:44px;padding:11px 19px;gap:13px;font-size:12px;border-radius:5px}
.effect-page .hero .hero-call>span:not(.arrow){font-size:12px;font-weight:600}.effect-page .hero .hero-call svg:not(.link-arrow){width:18px;height:18px}.effect-page .hero .hero-call .arrow{font-size:17px}
.effect-page .hero .hero-promise{display:table;margin:0 auto 24px;padding:10px 19px;border:1px solid #ffffff18;border-radius:6px;background:#0d1712c7;color:#fff;text-shadow:0 1px 3px #0005;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.effect-page .hero .hero-alternatives{gap:12px;margin-top:18px}.effect-page .hero .hero-alternatives a{padding:10px 14px;border:1px solid #ffffff2b;background:#0d1712c7;border-radius:5px;color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.effect-page .hero .hero-alternatives a:hover{background:#243725;color:#fff;border-color:#75d46888}
@media(max-width:760px){.effect-page .hero .hero-call{min-width:0;min-height:44px;padding:11px 18px}.effect-page .hero .hero-promise{max-width:320px;padding:10px 14px;font-size:12px;line-height:1.7}.effect-page .hero .hero-alternatives{gap:9px;flex-wrap:wrap}.effect-page .hero .hero-alternatives a{padding:10px 12px;font-size:10px}}

.effect-page .service-note .service-promise{font-size:15px;line-height:1.75;color:#e8eee5;margin:0 auto 22px;max-width:620px}.effect-page .hero .hero-call{margin-top:4px}@media(max-width:760px){.effect-page .service-note .service-promise{font-size:13px;max-width:310px;margin-bottom:20px}}