/* Scope the requested changes; the house module and existing photographs are retained. */
.service-page main,.about-page main{background:#f3f5ed}
.service-intro,.about-opening{position:relative;isolation:isolate}
.service-intro:before,.about-opening:before{content:"";position:absolute;inset:0 -20px;z-index:-1;background:linear-gradient(90deg,#f3f5edf5 0%,#f3f5edeb 40%,#f3f5ed9e 72%,#f3f5ed66),url('assets/rohbau-gebaeudetechnik-v6.webp') center 45%/cover;border-radius:0 0 28px 28px}
.about-opening:before{background-position:center 65%;opacity:.8}
.ambient-note{font-size:.66rem;color:#526358;margin:22px 0 0;letter-spacing:.015em}
.service-prep{background:linear-gradient(125deg,#e9eee2,#f3f5ed);border-radius:12px;padding-inline:32px}
.about-page .about-principles{background:#e4eadf}
.about-page .about-principles h2{color:#914828}.about-page .about-principles p{color:#344d3e}

.gallery-view-bar{display:flex;justify-content:flex-end;gap:4px;margin:12px 0 20px}
.gallery-view-bar[hidden],.fan-gallery[hidden]{display:none}
.gallery-view-bar button{min-height:44px;padding:9px 15px;border:1px solid #c0cbbc;border-radius:4px;background:#fffdf5;color:#253e32;font:600 .8rem/1.3 Arial,sans-serif;cursor:pointer}
.gallery-view-bar button[aria-pressed=true]{background:#203b31;color:#fff;border-color:#203b31}
#einblicke[data-gallery-view=fan]>.gallery-group{display:none}
.fan-gallery{padding:20px 24px 28px;border:1px solid #c8d0bf;border-radius:12px;background:radial-gradient(ellipse at 50% 40%,#fffef9,#e7ecdf);overflow:hidden}
.fan-stage{position:relative;height:470px;overflow:hidden;perspective:1200px}
.fan-deck{position:relative;height:100%;width:100%}
.fan-card{position:absolute;left:50%;top:30px;width:310px;height:395px;max-width:58%;border:9px solid #fffdf7;padding:0;background:#eeeade;border-radius:5px;box-shadow:0 14px 27px #1d342228;cursor:pointer;transform-origin:50% 80%;transition:transform .28s ease,box-shadow .28s ease;touch-action:pan-y pinch-zoom}
.fan-card img{width:100%;height:100%;object-fit:contain!important;object-position:center!important;display:block}
.fan-card[data-offset="0"]{transform:translateX(-50%);z-index:5;box-shadow:0 20px 35px #1d342235}
.fan-card[data-offset="-1"]{transform:translateX(-119%) rotate(-10deg) scale(.87);z-index:4}
.fan-card[data-offset="1"]{transform:translateX(19%) rotate(10deg) scale(.87);z-index:4}
.fan-card[data-offset="-2"]{transform:translateX(-177%) rotate(-18deg) scale(.72);z-index:3}
.fan-card[data-offset="2"]{transform:translateX(77%) rotate(18deg) scale(.72);z-index:3}
.fan-card:focus-visible,.fan-controls button:focus-visible,.gallery-view-bar button:focus-visible{outline:3px solid #a34829;outline-offset:4px}
.fan-caption{text-align:center;max-width:650px;margin:auto;min-height:53px}
.fan-title{font-size:1.15rem;line-height:1.35;letter-spacing:-.02em;margin:0 0 7px;color:#243a31}
.fan-hint{font-size:.77rem;color:#536456;line-height:1.6;margin:0}
.fan-controls{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:20px}
.fan-controls button{width:48px;height:48px;border:1px solid #9fb09c;border-radius:50%;background:#fffdf8;color:#294333;font-size:23px;cursor:pointer}
.fan-controls button:hover{background:#e3eadb}
.fan-position{font:600 .83rem/1.4 Arial,sans-serif;min-width:66px;text-align:center;color:#314739;letter-spacing:.06em}

.closing{background:#e2e8dc;color:#233b30;border-top:1px solid #cbd6c3}
.closing .eyebrow,.closing em{color:#914828}.closing p,.closing .quiet-link{color:#385244}
.closing .btn.primary{background:#a34829;border-color:#a34829;color:white}.closing .btn.primary:hover{background:#833a22}
.footer{background:#213a30;color:#edf1e9;padding-top:0;border-top:0}
.footer h2,.footer a{color:#edf1e9}.footer p{color:#c7d2c4}
.footer-social{padding-block:42px;margin-bottom:0;border-color:#536e5b}
.footer-social h2{color:#edcfb4}.footer-social p{color:#c7d2c4}
.footer .social-links .social-placeholder{display:flex;gap:10px;align-items:center;border:1px solid #b0bea7;padding:12px 15px;min-height:49px;font-size:.92rem;font-weight:600;line-height:1.4;background:#f0f3e9;border-radius:4px;color:#263c2e;cursor:default}
.footer .social-links .social-placeholder span{width:19px;text-align:center;color:#93492b;font-size:1.14rem}
.footer-top{padding-top:68px;padding-bottom:72px;gap:70px}
.footer-bottom{width:100%;max-width:none;margin:0;padding:25px max(24px,calc((100% - 1280px)/2));background:#14281f;border:0;color:#c8d2c3;min-height:76px}




.hero-v6 .hero-shade{z-index:1}.hero-v6 .hero-content{z-index:2}.hero-v6 .motif-note{z-index:3}



@media(max-width:850px){.fan-stage{height:430px}.fan-card{width:280px;height:360px}.footer-top{gap:42px}.service-intro:before,.about-opening:before{inset:0 -12px}}
@media(max-width:600px){.service-prep{padding-inline:20px}.ambient-note{font-size:.61rem;margin-top:16px}.gallery-view-bar{justify-content:flex-start}.fan-gallery{padding:10px 8px 24px;margin-inline:-4px}.fan-stage{height:345px}.fan-card{top:26px;width:224px;height:285px;max-width:72%;border-width:7px}.fan-card[data-offset="-2"],.fan-card[data-offset="2"]{display:none}.fan-card[data-offset="-1"]{transform:translateX(-116%) rotate(-9deg) scale(.84)}.fan-card[data-offset="1"]{transform:translateX(16%) rotate(9deg) scale(.84)}.fan-title{font-size:1rem;padding-inline:8px}.fan-hint{font-size:.71rem}.fan-caption{min-height:61px}.fan-controls{margin-top:16px;gap:24px}.footer-social{padding-block:32px;gap:20px}.footer .social-links .social-placeholder{font-size:.88rem}.footer-top{padding-top:48px;padding-bottom:52px;gap:36px}.footer-bottom{padding:23px 18px 31px;gap:9px;font-size:.65rem}}

@media(prefers-reduced-motion:reduce){.fan-card{transition:none}}
