.page-intro{display:grid;grid-template-columns:1fr 1fr;min-height:540px}.page-intro>div:first-child{padding:40px 12% 65px 14%;display:flex;flex-direction:column;justify-content:center}.page-intro .breadcrumb{margin-bottom:40px}.page-intro .eyebrow{font-size:8px;color:#7f8f70;margin-bottom:25px}.page-intro h1{font-size:clamp(45px,5.3vw,82px);font-weight:300;letter-spacing:-.06em;line-height:1.07}.page-intro h1>span{color:#87957a}.page-intro>div>p{font-size:13px;color:#718367;line-height:1.95;margin-top:25px;max-width:440px}.page-art{background:#dce4d4;position:relative;min-height:540px;overflow:hidden}.system-hero{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:45px 15px}.art-footnote{position:absolute;bottom:20px;left:25px;right:20px;font-size:6px;letter-spacing:1px;color:#687c59;line-height:1.7}.page-body{padding:90px 10%}.split-copy{display:grid;grid-template-columns:1fr 1fr;gap:12%}.split-copy .eyebrow{color:#809570;font-size:7px;margin-bottom:25px}.split-copy h2{font-size:clamp(36px,3.8vw,58px)}.split-copy>div>p{font-size:14px;line-height:1.95;color:#718367;margin-bottom:22px}.split-copy .button{margin-top:10px}.window-cases{display:grid;grid-template-columns:1fr 1fr;background:#e8eee2}.window-cases article{padding:65px 17%}.window-cases article+article{border-left:1px solid #c2d0b5}.window-cases .eyebrow{font-size:8px;color:#819570;margin-bottom:25px}.window-cases h3{font-size:38px;font-weight:350;line-height:1.2}.window-cases p{font-size:13px;color:#75886a;line-height:1.9;margin:23px 0}.spec-section{padding:85px 10%}.spec-section>.eyebrow{font-size:8px;color:#82976f;margin-bottom:25px}.spec-section h2{font-size:clamp(38px,4vw,60px);margin-bottom:40px}.spec-section dl{margin:0}.spec-section dl>div{display:grid;grid-template-columns:1fr 1.4fr;gap:50px;border-top:1px solid var(--rule);padding:23px 0}.spec-section dl>div:last-child{border-bottom:1px solid var(--rule)}.spec-section dt{font-size:20px;font-weight:350;letter-spacing:-.4px}.spec-section dd{margin:0;font-size:13px;color:#718569;line-height:1.9}.spec-section>.link{margin-top:27px}.page-process{padding:75px 10%;background:var(--dark);color:var(--paper)}.page-process>.eyebrow{font-size:8px;color:#9eb58a;margin-bottom:25px}.page-process h2{font-size:clamp(38px,4vw,60px)}.page-process>div{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:45px}.page-process article>span{font-size:10px;color:#a3bd8d}.page-process h3{font-size:23px;letter-spacing:-.6px;margin:22px 0 17px;font-weight:350}.page-process p{font-size:13px;line-height:1.95;color:#a4b996}.page-faq{padding:85px 10%;display:grid;grid-template-columns:1fr 1.1fr;gap:12%}.page-faq .eyebrow{font-size:8px;color:#81996e;margin-bottom:25px}.page-faq h2{font-size:clamp(36px,3.8vw,57px)}.page-faq details{border-top:1px solid var(--rule);padding:20px 0}.page-faq details:last-child{border-bottom:1px solid var(--rule)}.page-faq summary{display:flex;justify-content:space-between;gap:20px;list-style:none;font-size:14px;cursor:pointer}.page-faq summary::-webkit-details-marker{display:none}.page-faq summary span{color:#839c6e}.page-faq details[open] summary span{transform:rotate(45deg)}.page-faq details p{font-size:13px;color:#74896a;line-height:1.95;margin-top:18px}.facade-study{position:absolute;inset:80px 45px 80px 55px;perspective:700px}.facade-study i{position:absolute;width:43%;height:85%;top:0;transform:rotateY(-28deg) skewY(-8deg);box-shadow:12px 14px 0 #53674410}.facade-study i:nth-child(1){left:0;background:repeating-linear-gradient(0deg,#a5b09b 0 36px,#7d8c70 37px 39px);border:2px solid #9ba68f}.facade-study i:nth-child(2){left:19%;top:5%;background:#d4d5bd;border:8px solid #c3c6a5}.facade-study i:nth-child(3){left:38%;top:10%;background:repeating-linear-gradient(0deg,transparent 0 9px,#b9c4ac 10px 11px),repeating-linear-gradient(90deg,#dbe1cf 0 9px,#b9c4ac 10px 11px);border:4px solid #b9c4ac}.facade-study i:nth-child(4){left:57%;top:15%;background:#eef0e7;border-right:7px solid #d9e0d0}.facade-study>span{position:absolute;bottom:-35px;left:0;font-size:8px;line-height:1.8;letter-spacing:1px;color:#687e58}.bath-study{position:absolute;inset:55px 35px 70px}.tile{position:absolute;box-shadow:15px 20px 25px #4f634024}.tile-one{width:65%;height:60%;left:5%;top:8%;background:linear-gradient(120deg,#d3d2c5,#f0eee3);transform:rotate(-7deg);border:1px solid #c4c7b7}.tile-two{width:57%;height:53%;right:0;top:28%;background:repeating-linear-gradient(90deg,#8c9b82 0 8px,#73836a 9px 10px);transform:rotate(8deg)}.tile-three{width:35%;height:37%;left:12%;bottom:0;background:linear-gradient(140deg,#d5d7cc,#b9bcb0);border:8px solid #dadfd1;transform:rotate(-2deg)}.bath-study>span{position:absolute;bottom:3%;right:5%;font-size:26px;font-weight:300;line-height:1.12;letter-spacing:-1px;color:#485d3c}.cover-photo{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center}.page-art:has(.cover-photo) .art-footnote{color:white;text-shadow:0 1px 4px #000;background:#0004;padding:4px;left:15px;right:15px;bottom:15px}.reference-feature{padding:85px 10%}.reference-feature>.eyebrow{font-size:8px;color:#82986f;margin-bottom:28px}.reference-feature>div:first-of-type{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;margin-bottom:35px;align-items:end}.reference-feature h2{font-size:clamp(37px,3.8vw,58px)}.reference-feature p{font-size:13px;color:#748969;line-height:1.95}.reference-feature>img{display:block;width:100%;max-height:650px;object-fit:cover}.reference-foot{display:flex;gap:60px;justify-content:space-between;align-items:flex-end;padding-top:25px}.reference-foot>p{font-size:11px;max-width:550px}.reference-foot .link{white-space:nowrap}.regional-art{position:absolute;inset:45px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #b3c6a0}.regional-art>span{font-size:9px;letter-spacing:3px;color:#7f996b}.regional-art>b{font-size:150px;font-weight:250;letter-spacing:-15px;line-height:1.3;color:#54743e;margin-left:-12px}.regional-art>div{font-size:8px;letter-spacing:2px;text-align:center;line-height:2;color:#788f67}.company-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;padding:60px 10%;background:#e8eee1}.company-facts article>span{font-size:9px;color:#809c69}.company-facts h3{font-size:25px;margin:22px 0 17px;font-weight:350}.company-facts p{font-size:13px;line-height:1.9;color:#758c68}.contact-card{position:absolute;inset:45px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.contact-card>.eyebrow{font-size:9px;color:#7c9768;margin-bottom:45px}.contact-card>a{font-size:clamp(20px,2.8vw,42px);letter-spacing:-1px;display:flex;gap:25px;align-items:center;line-height:1.2}.contact-card svg{width:25px;height:25px}.contact-card p{font-size:20px;font-weight:350;line-height:1.5;margin:35px 0 25px}.contact-card small{font-size:10px;color:#7e946c}.contact-services{padding:80px 10%}.contact-services>.eyebrow{font-size:8px;color:#839b70;margin-bottom:25px}.contact-services h2{font-size:clamp(38px,4vw,60px);margin-bottom:40px}.contact-service{background:none;border:0;border-top:1px solid var(--rule);display:grid;grid-template-columns:35px 1fr 30px;gap:25px;text-align:left;width:100%;padding:25px 0;align-items:center}.contact-service:last-child{border-bottom:1px solid var(--rule)}.contact-service>span{font-size:9px;color:#849d70}.contact-service h3{font-size:27px;font-weight:350;margin-bottom:9px}.contact-service p{font-size:12px;color:#7c9469}.contact-service svg{width:22px;height:22px}.contact-service:hover h3{color:#7f9c68}.local-note{font-size:10px;color:#899f77;line-height:1.9;margin-top:25px;max-width:750px}@media(max-width:1050px){.header-cta{display:none}nav{gap:18px;font-size:11px}}@media(max-width:960px){nav{display:none;position:absolute;left:0;right:0;top:105px;padding:25px 7%;background:var(--dark);color:white;flex-direction:column;align-items:stretch;gap:4px;font-size:14px;border-bottom:1px solid #596d49}nav.open{display:flex}nav a{padding:10px 0}.menu{background:none;border:0;width:28px;height:28px;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:3px}.menu>span{display:block;height:1px;width:23px;background:currentColor}.menu[aria-expanded="true"]>span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu[aria-expanded="true"]>span:last-child{transform:translateY(-3.5px) rotate(-45deg)}}@media(max-width:760px){nav{top:82px}.page-intro{grid-template-columns:1fr}.page-intro>div:first-child{padding:27px 7% 42px}.page-intro .breadcrumb{font-size:7px;margin-bottom:30px}.page-intro .eyebrow{font-size:7px;margin-bottom:23px}.page-intro h1{font-size:49px}.page-intro>div>p{font-size:12px;margin-top:23px}.page-art{min-height:400px}.system-hero{padding:35px 10px}.art-footnote{font-size:5px;left:20px;bottom:18px}.page-body{padding:55px 7%}.split-copy{grid-template-columns:1fr;gap:28px}.split-copy h2{font-size:39px}.split-copy .eyebrow{font-size:7px;margin-bottom:23px}.split-copy>div>p{font-size:13px}.split-copy .button{width:100%;font-size:11px}.window-cases{grid-template-columns:1fr}.window-cases article{padding:45px 7%}.window-cases article+article{border-left:0;border-top:1px solid #c2d0b5}.window-cases h3{font-size:35px}.window-cases p{font-size:12px}.spec-section{padding:55px 7%}.spec-section>.eyebrow{font-size:7px}.spec-section h2{font-size:39px;margin-bottom:30px}.spec-section dl>div{grid-template-columns:1fr;gap:12px;padding:21px 0}.spec-section dt{font-size:22px}.spec-section dd{font-size:12px}.page-process{padding:55px 7%}.page-process>.eyebrow{font-size:7px}.page-process h2{font-size:39px}.page-process>div{grid-template-columns:1fr;gap:28px;margin-top:35px}.page-process article{display:grid;grid-template-columns:28px 1fr;gap:0 17px}.page-process article>span{grid-row:1/3;padding-top:5px;font-size:8px}.page-process h3{font-size:23px;margin:0 0 13px}.page-process p{grid-column:2;font-size:12px}.page-faq{grid-template-columns:1fr;padding:55px 7%;gap:30px}.page-faq .eyebrow{font-size:7px}.page-faq h2{font-size:39px}.page-faq summary{font-size:13px}.page-faq details p{font-size:12px}.facade-study{inset:50px 30px 75px}.facade-study>span{font-size:6px;bottom:-40px}.bath-study{inset:35px 30px 60px}.bath-study>span{font-size:24px}.reference-feature{padding:55px 7%}.reference-feature>div:first-of-type{grid-template-columns:1fr;gap:24px}.reference-feature h2{font-size:37px}.reference-feature p{font-size:12px}.reference-feature>img{min-height:300px;object-position:center}.reference-foot{display:block;padding-top:20px}.reference-foot .link{white-space:normal;margin-top:20px}.reference-foot>p{font-size:10px}.regional-art{inset:30px}.regional-art>b{font-size:130px}.company-facts{grid-template-columns:1fr;gap:28px;padding:45px 7%}.company-facts article{border-bottom:1px solid #c4d3b5;padding-bottom:25px}.company-facts h3{margin:15px 0;font-size:25px}.company-facts p{font-size:12px}.contact-card{inset:30px}.contact-card>.eyebrow{margin-bottom:30px;font-size:8px}.contact-card>a{font-size:29px;gap:18px}.contact-card svg{width:22px}.contact-card p{font-size:21px;margin:25px 0}.contact-card small{font-size:10px}.contact-services{padding:55px 7%}.contact-services>.eyebrow{font-size:7px}.contact-services h2{font-size:40px;margin-bottom:30px}.contact-service{grid-template-columns:22px 1fr 22px;gap:15px;padding:23px 0}.contact-service h3{font-size:25px}.contact-service p{font-size:11px;line-height:1.8}.contact-service svg{width:20px}.local-note{font-size:9px}}
.reference-feature>img{display:block;width:100%;max-width:100%;height:auto;object-fit:cover}.contact-service>div{min-width:0}.contact-service h3{overflow-wrap:anywhere}.page-body>p{max-width:75ch;line-height:1.8;margin:20px 0 35px}.page-body>h2{margin-top:45px;font-size:30px}
/* Accessibility refinements: readable small copy, focus and control targets. */
.preview-bar{color:#4f6045;font-size:10px;letter-spacing:.5px}
main>section:not(.hero):not(.service-choice):not(.page-process) :is(p,dd,.eyebrow,.breadcrumb,.small-note,.technical-caption,.product-maker,.product-caption,.feature-list dt,.service-lines article>span,.location>div){color:#4f6045}
main>section:not(.hero) :is(.eyebrow,.breadcrumb,.small-note,.technical-caption,.product-maker,.product-caption,.feature-list dt,.service-lines article>span,.location>div){font-size:11px}
main>section:not(.hero) :is(p,dd){font-size:14px;line-height:1.85}
.page-intro h1>span{color:#66765c}
button,.link,.menu,.round-link,.save{min-height:44px}.round-link,.save{min-width:44px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #16270f;outline-offset:3px;box-shadow:0 0 0 6px #fff}
@media(max-width:700px){.preview-bar{font-size:8px;letter-spacing:0}.preview-bar span:last-child{max-width:45%;text-align:right}.product-maker,.product-caption{max-width:calc(100% - 60px);letter-spacing:.4px}.hero-caption{font-size:9px;letter-spacing:.5px}.hero-content .eyebrow{font-size:10px;letter-spacing:1.3px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
#overlay :is(p,dd,label,.eyebrow,.notice,.dialog-note,.saved-row span){color:#4f6045}#overlay :is(p,dd){font-size:14px;line-height:1.8}#overlay label{font-size:13px}#overlay .error{color:#8c3022}#overlay .form-fields input,#overlay .form-fields select,#overlay .form-fields textarea{font-size:16px}#overlay .query-progress{font-size:12px}
.page-art:not(:has(.cover-photo)) .art-footnote,.facade-study>span,.regional-art>span,.regional-art>div,.company-facts article>span,.contact-card small,.contact-service>span{color:#4f6045;font-size:11px}.page-faq summary span,.door-faq summary span,.door-details summary span{color:#4f6045}.filter-group button:not(.active),.save{color:#4f6045}
.detail-rows summary span{color:#4f6045}

/* Lesbarer Hinweis auf echten Projektfotos, unabhängig vom Bildhintergrund. */
.page-art:has(.cover-photo) .art-footnote{font-size:11px;line-height:1.5;letter-spacing:.5px;color:#fff;background:#26352b;text-shadow:none;padding:8px 10px}

.ib-legal{max-width:1050px;margin-inline:auto}.ib-legal h2{font-size:clamp(23px,2.4vw,32px);font-weight:400;margin:34px 0 16px}.ib-legal p{font-size:16px;line-height:1.9;max-width:820px}.ib-legal a{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.ib-legal code{overflow-wrap:anywhere;white-space:normal;font-size:.9em}