/* PFALLER cleaning: architectural image + visitor-controlled service detail. */
.green-page{background:#efede6}
.green-hero{padding-top:24px;padding-bottom:28px}
.green-hero .n-breadcrumb{font-size:10px;margin-bottom:20px}
.green-hero-line{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,.8fr);align-items:center;gap:45px}
.green-eyebrow{font-size:9px;line-height:1.5;letter-spacing:1.4px;color:#5a7580;margin:0 0 9px;text-transform:uppercase}
.green-page .green-hero h1{font-family:'Barlow Condensed',Barlow,Arial,sans-serif;font-size:clamp(40px,4.25vw,61px);font-weight:600;line-height:1.03;letter-spacing:-.5px;margin:0;text-transform:uppercase;text-wrap:normal}
.green-intro>p{font-size:14px;line-height:1.65;color:#536e79;margin:0}
.green-intro .n-context{margin:9px 0 0;padding:3px 8px;font-size:9px;border-color:#bac8c5}
.green-explorer{display:grid;grid-template-columns:minmax(0,1.48fr) minmax(340px,1fr);gap:38px;align-items:start;padding-bottom:38px}
.green-visual{min-width:0;position:sticky;top:158px}
.green-visual-head{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #afbfbd;padding:13px 0;font-size:10px;color:#526e7a}
.green-visual-head>span:last-child{text-transform:uppercase;font-size:8px;letter-spacing:1px}
.green-figure{margin:0;border:1px solid #c4cdc6;background:#efede6}
.green-image-map{position:relative;isolation:isolate}
.green-image-map>img{display:block;width:100%;height:auto}
.green-overlay{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible}
.green-hotspot{--green-color:#4c7f91;cursor:pointer;outline:none}
.green-hotspot[data-green-zone=dachrinne]{--green-color:#9b783e}
.green-hotspot[data-green-zone=aussen],.green-hotspot[data-green-zone=muellplatz]{--green-color:#64815a}
.green-hotspot[data-green-zone=grund]{--green-color:#9b8056}
.green-area{fill:var(--green-color);fill-opacity:.001;stroke:transparent;stroke-width:1.8;stroke-linejoin:round;vector-effect:non-scaling-stroke;pointer-events:all;transition:fill-opacity .18s,stroke .18s}
.green-hotspot.is-active .green-area,.green-hotspot:hover .green-area,.green-hotspot:focus-visible .green-area{fill-opacity:.22;stroke:var(--green-color)}
.green-hotspot:focus-visible{outline:none}
.green-hotspot:focus-visible .green-area{stroke-width:3;stroke-dasharray:6 4}
.green-marker circle{fill:#2e4a66;stroke:#f6f3ec;stroke-width:4;transition:fill .18s}
.green-marker text{fill:#fff;font:600 23px Barlow,Arial,sans-serif;pointer-events:none}
.green-hotspot.is-active .green-marker circle,.green-hotspot:hover .green-marker circle,.green-hotspot:focus-visible .green-marker circle{fill:var(--green-color);stroke-width:5}
.green-figure figcaption{padding:16px 19px 18px;border-top:1px solid #c4cdc6;background:#f6f4ee;min-height:106px}
.green-caption-kicker{display:block;text-transform:uppercase;font-size:8px;letter-spacing:1.1px;color:#627b82;margin-bottom:6px}
.green-figure figcaption strong{display:block;font-size:16px;line-height:1.4;color:#2e4a66;font-weight:600}
.green-figure figcaption p{font-size:12px;line-height:1.6;color:#536e79;margin:4px 0 0}
.green-image-notes{display:flex;justify-content:space-between;gap:12px;padding-top:10px;font-size:8px;line-height:1.5;color:#627981}
.green-services{min-width:0;border-top:1px solid #afbfbd}
.green-services-head{padding:14px 0 19px}
.green-page .green-services-head h2{font-size:30px;line-height:1.1;letter-spacing:-.2px;margin:0 0 8px}
.green-services-head>p:last-child{font-size:12px;color:#536e79;margin:0;line-height:1.5}
.green-service{border-top:1px solid #bcc9c4;--green-color:#456b7b;transition:background .18s;scroll-margin-top:158px}
.green-service:last-of-type{border-bottom:1px solid #bcc9c4}
.green-service>summary{display:flex;align-items:center;gap:13px;min-height:55px;padding:13px 6px 13px 3px;list-style:none;cursor:pointer;color:#2e4a66}
.green-service>summary::-webkit-details-marker{display:none}
.green-service-number{font-size:9px;letter-spacing:.5px;color:#647e85;flex:0 0 20px}
.green-page .green-service h3{font-family:Barlow,Arial,sans-serif;font-size:14px;line-height:1.4;font-weight:600;letter-spacing:0;text-transform:none;margin:0;min-width:0;text-wrap:normal}
.green-plus{margin-left:auto;font-size:21px;line-height:1;flex-shrink:0;font-weight:400;color:#70868b;transition:transform .18s}
.green-service[open] .green-plus{transform:rotate(45deg)}
.green-service.is-active,.green-service[open]{background:#e1e7df}
.green-service:hover{background:#e6eae2}
.green-service>summary:focus-visible{outline:2px solid #2e4a66;outline-offset:-2px}
.green-service-content{padding:0 18px 21px 36px}
.green-service-content>p{font-size:13px;line-height:1.75;margin:0 0 13px;color:#45616d}
.green-service-content ul{padding-left:16px;margin:0 0 15px;font-size:12px;line-height:1.7;color:#45616d}
.green-service-content li+li{margin-top:3px}
.green-service-inquiry{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid #9ab0b1;min-height:42px;font-size:12px;color:#2e4a66;font-weight:600}
.green-list-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:5px 15px;padding-top:15px;color:#607a81;font-size:10px}
.green-list-footer>a{display:inline-flex;align-items:center;gap:18px;min-height:42px;font-size:11px;color:#2e4a66;font-weight:600}
.green-next{display:flex;justify-content:space-between;align-items:center;gap:40px;padding-top:30px;padding-bottom:28px;border-top:1px solid #b9c8c2}
.green-page .green-next h2{font-size:32px;line-height:1.12;letter-spacing:-.2px;margin:0 0 9px}
.green-next p:not(.green-eyebrow){font-size:13px;line-height:1.7;color:#536e79;max-width:620px;margin:0}
.green-next>.n-button{flex-shrink:0}
.green-related{display:flex;align-items:center;flex-wrap:wrap;gap:12px 28px;border-top:1px solid #c1cdc6;padding-top:14px;padding-bottom:24px;color:#2e4a66;font-size:12px}
.green-related>span{margin-right:auto;font-size:10px;color:#617981}
.green-related a{display:inline-flex;align-items:center;min-height:42px}
.green-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px){.green-explorer{gap:25px;grid-template-columns:minmax(0,1.3fr) minmax(320px,1fr)}.green-hero-line{gap:25px;grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr)}.green-page .green-hero h1{font-size:48px}.green-intro>p{font-size:13px}.green-page .green-service h3{font-size:13px}.green-service>summary{gap:9px}.green-service-content{padding-left:28px}.green-figure figcaption{padding:14px;min-height:116px}}
@media(max-width:800px){.green-hero-line{display:block}.green-hero{padding-top:20px;padding-bottom:24px}.green-intro{margin-top:15px}.green-intro>p{font-size:14px}.green-intro .n-context{display:none}.green-explorer{grid-template-columns:1fr;gap:26px}.green-visual{position:static}.green-figure figcaption{min-height:100px}.green-services-head{padding-bottom:17px}.green-page .green-service h3{font-size:15px}.green-service>summary{min-height:60px;gap:12px}.green-service-content{padding-left:36px}.green-service-content>p{font-size:14px}.green-next{align-items:start;gap:25px}.green-page .green-next h2{font-size:28px}}
@media(max-width:700px){.green-hero .n-breadcrumb{font-size:9px;margin-bottom:18px}.green-eyebrow{font-size:8px;letter-spacing:1px}.green-page .green-hero h1{font-size:clamp(34px,10vw,46px);line-height:1.05}.green-explorer{padding-bottom:27px}.green-visual-head{font-size:10px;padding:11px 0}.green-marker{display:none}.green-figure figcaption{padding:13px 14px;min-height:111px}.green-figure figcaption strong{font-size:15px}.green-figure figcaption p{font-size:12px}.green-image-notes{font-size:8px}.green-page .green-services-head h2{font-size:29px}.green-service{scroll-margin-top:139px}.green-list-footer{font-size:11px}.green-list-footer>a{font-size:12px}.green-next{display:block;padding-top:25px;padding-bottom:24px}.green-next>.n-button{margin-top:20px}.green-related{gap:8px 21px}.green-related>span{flex-basis:100%}.green-related a{font-size:12px}.green-visual-head>span:last-child{font-size:8px}}
@media(prefers-reduced-motion:reduce){.green-area,.green-marker circle,.green-service,.green-plus{transition:none!important;animation:none!important}}
.green-map-return{display:none}.green-map-return[hidden]{display:none!important}.green-visual{scroll-margin-top:150px}
@media(max-width:800px){.green-map-return{display:flex;align-items:center;background:transparent;border:0;border-bottom:1px solid #9ab0b1;min-height:42px;padding:0;font:600 12px Barlow,Arial,sans-serif;color:#2e4a66;cursor:pointer;margin-top:9px}.green-visual{scroll-margin-top:139px}}

.green-hotspot[data-green-zone=brandschutz]{--green-color:#a46d66}.green-hotspot[data-green-zone=akustik]{--green-color:#7b8758}.green-hotspot[data-green-zone=rauminraum]{--green-color:#9b8056}.green-hotspot[data-green-zone=vorwand],.green-hotspot[data-green-zone=nassbereiche]{--green-color:#518992}


.green-hotspot{--green-color:#64815a}.green-hotspot[data-green-zone=pflaster],.green-hotspot[data-green-zone=einfassungen]{--green-color:#657c8b}.green-hotspot[data-green-zone=erdarbeiten]{--green-color:#9b8056}.green-hotspot[data-green-zone=zaeune]{--green-color:#527388}.green-hotspot[data-green-zone=beete]{--green-color:#91804d}