.hero-slide video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--image-position,center);filter:saturate(.78);opacity:0;transition:opacity .7s}
.hero-slide video.is-playing,.hero-slide.is-video-playing video{opacity:1}
.has-hero-video .hero-slide img{animation:none;transform:none}
.hero-video-status{position:absolute;bottom:80px;left:50%;transform:translateX(-50%);z-index:4;max-width:calc(100% - 40px);color:#e4e7e8;font-size:11px;line-height:1.6;text-align:center}
.cleaning-detail .hero-slide video,.cleaning-detail .hero-slide>img{object-position:var(--image-position,50% 25%)}
.cleaning-detail .hero-content h1{font-size:clamp(34px,6.2vw,96px);letter-spacing:-.055em;hyphens:none;overflow-wrap:normal;max-width:100%;white-space:nowrap}
.cleaning-detail .hero-kicker{font-size:20px;line-height:1.6;letter-spacing:.04em;max-width:100%;margin-bottom:27px}
.cleaning-detail .hero-subtitle{font-size:19px;line-height:1.7;letter-spacing:.01em}
.cleaning-detail .service-opening{grid-template-columns:1.25fr .85fr;gap:75px;align-items:center}
.cleaning-detail .service-main-photo{height:690px}
.cleaning-detail .service-main-photo>img{object-position:55% 62%;filter:saturate(.9)}
.facade-opening-copy{padding-block:35px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.facade-opening-copy h3{font-size:clamp(27px,2.8vw,39px);line-height:1.15;margin-bottom:27px}
.facade-opening-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted);margin-top:19px}
.facade-sample{border-block:1px solid var(--line)}
.facade-sample-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}
.facade-sample-photo{margin:0}
.facade-sample-photo img{width:100%;height:590px;object-fit:cover;object-position:center 53%}
.facade-sample-photo figcaption{font-size:11px;color:var(--muted);padding-top:17px;line-height:1.6}
.facade-sample-copy h2{font-size:clamp(36px,4.1vw,59px);line-height:1.1}
.facade-sample-copy>p:not(.eyebrow){font-size:14px;color:var(--muted);margin-top:30px;max-width:480px}
.facade-sample-copy .button{margin-top:35px;font-size:13px;padding:20px 25px;gap:22px}
.facade-comparison{border-bottom:1px solid var(--line)}
.comparison{margin:0 auto;width:100%;max-width:var(--comparison-max-width,none);--comparison-position:50%}
.comparison-stage{position:relative;width:100%;aspect-ratio:4/3;max-height:760px;background:#30363b;overflow:hidden;touch-action:pan-y;cursor:ew-resize;user-select:none;-webkit-user-select:none}
.comparison-before,.comparison-after{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.comparison-before img,.comparison-after img{width:100%;height:100%;object-fit:cover;object-position:center;max-width:none;user-select:none;-webkit-user-drag:none}
.comparison-before img[data-comparison-transform],.comparison-after img[data-comparison-transform]{object-fit:fill;transform-origin:0 0}
.comparison-after{clip-path:inset(0 0 0 var(--comparison-position))}
.comparison-divider{position:absolute;top:0;bottom:0;left:var(--comparison-position);width:2px;background:#f4f5f3;transform:translateX(-50%);pointer-events:none;box-shadow:0 0 16px #0005}
.comparison-divider>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:11px;width:66px;height:66px;border:1px solid #ffffffb0;border-radius:50%;background:#24292dea;color:#f5f6f4;font-size:30px;line-height:1;box-shadow:0 8px 30px #0004}
.comparison-divider i{height:23px;width:1px;background:#ffffff60}
.comparison-label{position:absolute;top:24px;z-index:2;padding:9px 15px;border:1px solid #ffffff60;background:#1b1f23ce;font-size:11px;letter-spacing:.12em;text-transform:uppercase;pointer-events:none}
.comparison-label.is-before{left:24px}.comparison-label.is-after{right:24px}
.comparison-range-label{display:flex;justify-content:space-between;gap:20px;margin-top:24px;font-size:12px;line-height:1.6;color:#d1d6d8}
.comparison-range-label>span:last-child{color:var(--muted);white-space:nowrap}
.comparison input[type=range]{width:100%;height:32px;display:block;margin:5px 0 10px;accent-color:#d7dddd;cursor:ew-resize}
.comparison>figcaption{font-size:10px;line-height:1.7;color:var(--muted);margin-top:5px}
@media(max-width:1000px){.cleaning-detail .service-opening{gap:40px}.cleaning-detail .service-main-photo{height:610px}.facade-sample-grid{gap:45px}.facade-sample-photo img{height:540px}.facade-sample-copy h2{font-size:42px}}
@media(max-width:650px){.cleaning-detail .hero-slide video,.cleaning-detail .hero-slide>img{object-position:50% 50%}.cleaning-detail .hero-content h1{font-size:clamp(24px,6.65vw,43px);letter-spacing:-.055em}.cleaning-detail .hero-kicker{font-size:16px;line-height:1.6;letter-spacing:.025em;margin-bottom:25px}.cleaning-detail .hero-subtitle{font-size:15px;max-width:300px;line-height:1.7}.cleaning-detail .service-opening{grid-template-columns:1fr;gap:28px}.cleaning-detail .service-main-photo{height:auto;aspect-ratio:3/4}.facade-opening-copy{padding-block:27px}.facade-opening-copy h3{font-size:30px}.facade-opening-copy>p:not(.eyebrow){font-size:13px}.facade-sample-grid{grid-template-columns:1fr;gap:35px}.facade-sample-photo img{height:auto;aspect-ratio:3/4;object-fit:contain}.facade-sample-copy h2{font-size:38px}.facade-sample-copy>p:not(.eyebrow){font-size:13px;margin-top:24px}.facade-sample-copy .button{font-size:12px;gap:16px;padding:18px 20px;max-width:100%}.comparison-stage{aspect-ratio:4/3}.comparison-label{top:13px;padding:6px 9px;font-size:8px}.comparison-label.is-before{left:13px}.comparison-label.is-after{right:13px}.comparison-divider>span{width:48px;height:48px;font-size:23px;gap:7px}.comparison-divider i{height:19px}.comparison-range-label{font-size:10px;gap:10px}.comparison-range-label>span:last-child{font-size:9px}.comparison>figcaption{font-size:9px}.hero-video-status{font-size:10px;bottom:85px}}
@media(prefers-reduced-motion:reduce){.hero-slide video{transition:none}}

.scope-list.is-unnumbered>article{display:block}
.benefit-stack.is-unnumbered>article{padding:26px 0}
.graffiti-detail .service-main-photo{height:auto;width:100%;max-width:none;aspect-ratio:16/9;justify-self:center}
.graffiti-detail .service-main-photo>img{object-position:var(--service-image-position,50% 56%);filter:none}
.comparison-projects{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 28px}
.comparison-projects button{font-size:12px;line-height:1.5;border:1px solid #ffffff38;background:transparent;color:#c5ccd0;padding:13px 23px;transition:background .2s,color .2s}
.comparison-projects button[aria-pressed=true]{background:#dce0df;color:#1c2023;border-color:#dce0df}
.comparison-projects button:hover{border-color:#dce0df}
.facade-detail .comparison-stage{max-height:none}
.graffiti-detail .comparison-stage{max-height:none}
.comparison-stack{display:grid;gap:80px;max-width:720px;margin-inline:auto}
.comparison-case{width:100%;border-top:1px solid var(--line);padding-top:30px;min-width:0}
.comparison-case h3{font-size:clamp(25px,3vw,35px);line-height:1.2;margin:0 0 26px}
.facade-detail .comparison-stack{max-width:1040px}
@media(max-width:650px){.comparison-stack{gap:48px}.comparison-case{padding-top:24px}.comparison-case h3{margin-bottom:20px}}
@media(max-width:650px){.graffiti-detail .service-main-photo{height:auto;aspect-ratio:16/9}.comparison-projects{gap:9px;margin-bottom:22px}.comparison-projects button{font-size:11px;padding:12px 17px}}

.service-detail .service-main-photo{height:560px}
body .service-detail .service-main-photo>img{object-position:var(--service-image-position,center);filter:none}
.glasreinigung-detail .service-main-photo{max-width:420px;height:auto;aspect-ratio:3/4;justify-self:center}
.dachrinnenreinigung-detail .service-main-photo{max-width:440px;height:auto;aspect-ratio:2/3;justify-self:center}
.liegenschaftspflege-detail .service-main-photo{height:auto;aspect-ratio:3/2}
.service-feature{border-block:1px solid var(--line)}
.service-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px}
.service-feature-grid article{padding-top:29px;border-top:1px solid var(--line)}
.service-feature-grid h3{font-size:25px;margin-bottom:18px}
.service-feature-grid p{font-size:14px;line-height:1.85;color:var(--muted)}
.steps.is-unnumbered li{padding-top:24px}
.service-process-media{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:85px;align-items:center;margin:0 0 70px;padding-bottom:55px;border-bottom:1px solid var(--line)}
.service-process-media-photo{width:100%;max-width:430px;justify-self:center;padding:9px;border:1px solid #c0cbd13b;background:#20272b}
.service-process-media-photo img{display:block;width:100%;height:auto;max-height:650px;object-fit:contain;object-position:center}
.service-process-media figcaption{min-width:0;max-width:470px}
.service-process-media figcaption h3{font-size:clamp(29px,3vw,43px);line-height:1.17;letter-spacing:-.035em;margin-bottom:25px}
.service-process-media figcaption>p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted);white-space:pre-line}
.service-process-media figcaption .service-process-media-caption{font-size:11px;line-height:1.75;border-top:1px solid var(--line);padding-top:22px;margin-top:27px}
@media(max-width:1000px){.service-process-media{gap:45px}.service-process-media-photo{max-width:370px}}
@media(max-width:650px){.service-process-media{grid-template-columns:1fr;gap:29px;margin-bottom:46px;padding-bottom:35px}.service-process-media-photo{max-width:360px;padding:6px}.service-process-media-photo img{max-height:560px}.service-process-media figcaption{max-width:none}.service-process-media figcaption h3{font-size:31px;margin-bottom:20px}.service-process-media figcaption>p:not(.eyebrow){font-size:13px}.service-process-media figcaption .service-process-media-caption{font-size:11px;margin-top:22px;padding-top:18px}}
@media(max-width:1000px){.service-feature-grid{gap:28px}.service-feature-grid h3{font-size:22px}}
@media(max-width:650px){.service-detail .service-main-photo{height:auto;aspect-ratio:4/3}.glasreinigung-detail .service-main-photo{aspect-ratio:3/4}.dachrinnenreinigung-detail .service-main-photo{aspect-ratio:2/3}.liegenschaftspflege-detail .service-main-photo{aspect-ratio:3/2}.service-feature-grid{grid-template-columns:1fr;gap:25px}.service-feature-grid article{padding-top:24px}.service-feature-grid h3{font-size:24px;margin-bottom:13px}.service-feature-grid p{font-size:13px}}

/* Glasmotiv: großzügiger Ausschnitt auf Bürste, Glasfläche und Mitarbeiter. */
.glasreinigung-detail .service-opening{grid-template-columns:1.2fr 1fr;gap:65px}
.glasreinigung-detail .service-main-photo{width:100%;max-width:none;height:auto;aspect-ratio:1/1.03;justify-self:stretch;border:1px solid #c4ced038;box-shadow:0 20px 55px #0003}
.glasreinigung-detail .service-main-photo>img{width:100%;height:100%;object-fit:cover}
.dachrinnenreinigung-detail .service-main-photo{width:100%;max-width:500px;aspect-ratio:3/4}
@media(max-width:1000px){.glasreinigung-detail .service-opening{gap:38px}}
@media(max-width:650px){.glasreinigung-detail .service-opening{grid-template-columns:1fr;gap:30px}.glasreinigung-detail .service-main-photo{aspect-ratio:1/1.08}.dachrinnenreinigung-detail .service-main-photo{aspect-ratio:3/4}}


/* Ruhige Bewegung im Graffiti-Standbild; vorhandene Pause- und Bewegungseinstellungen gelten weiter. */
.graffiti-detail .hero-slide>img{animation-name:graffiti-photo-drift;animation-duration:44s;animation-timing-function:ease-in-out}
@keyframes graffiti-photo-drift{from{transform:scale(1.035) translate3d(-.15%,0,0)}to{transform:scale(1.075) translate3d(.25%,-.35%,0)}}
.service-scope-photo{margin:30px 0 28px;width:min(100%,340px)}
.service-scope-photo img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid #c5cdd133;background:#1c2023}
.service-scope-photo figcaption{margin-top:13px;color:#b6c0c6;font-size:11px;line-height:1.8}
.landing-main-link{padding:58px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.landing-main-link .eyebrow{margin-bottom:18px}
.landing-main-cta{display:flex;justify-content:space-between;align-items:center;gap:30px;font-size:clamp(23px,2.8vw,38px);line-height:1.3;letter-spacing:-.025em}
.landing-main-cta>span:last-child{font-size:38px;flex:none;color:#c8d0d4}
.landing-main-cta:hover{color:#cbd3d8}
@media(max-width:650px){.landing-main-link{padding:38px 0}.landing-main-cta{gap:20px;font-size:25px}.landing-main-cta>span:last-child{font-size:30px}.service-scope-photo{margin-top:27px}}