.renovation-partners{background:#fff;color:#282c26}
.renovation-partners h2{margin:0 0 48px;text-align:left}
.renovation-partner-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 48px;list-style:none;margin:0;padding:0}
.renovation-partner-grid li{min-width:0}
.renovation-partner{display:flex;align-items:center;justify-content:center;min-height:160px;padding:16px;background:#fff;text-decoration:none}
.renovation-partner img{display:block;width:auto;height:auto;max-width:min(100%,230px);max-height:112px;object-fit:contain;filter:grayscale(1) contrast(1.3);transition:opacity .2s}
.renovation-partner.partner-prestle img{max-height:128px;filter:grayscale(1) brightness(.78) contrast(1.8)}
.renovation-partner.partner-brenner img{filter:grayscale(1) contrast(.8) brightness(1.4)}
.renovation-partner.partner-bertele img{width:230px;filter:brightness(0)}
.renovation-partner.partner-bihler img{max-height:112px}
.renovation-partner:hover img{opacity:.7}
.renovation-partner:focus-visible{outline:2px solid #738561;outline-offset:4px}
@media(max-width:760px){
 .renovation-partners h2{margin-bottom:24px}
 .renovation-partner-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px}
 .renovation-partner{min-height:112px;padding:8px}
 .renovation-partner img{max-width:100%;max-height:80px}
 .renovation-partner.partner-prestle img{max-height:96px}
 .renovation-partner.partner-bihler img{max-height:80px}
}
@media(prefers-reduced-motion:reduce){.renovation-partner img{transition:none}}

/* Blend baked-in white image backgrounds into the mobile page surface. */
@media(max-width:760px){
 .renovation-partners{background:var(--bg);isolation:isolate}
 .renovation-partner{background:transparent}
 .renovation-partner img{mix-blend-mode:multiply}
}

/* KSZ and Bihler: uniform brand ink, with white image areas made transparent. */
.renovation-partner.partner-ksz img,
.renovation-partner.partner-bihler img{filter:url("#partner-logo-ink");mix-blend-mode:normal}

/* Six compact partners: three columns and two rows on mobile. */
@media(max-width:760px){
 .renovation-partner-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
 .renovation-partner{min-height:72px;padding:4px}
 .renovation-partner img{max-width:100%;max-height:48px}
 .renovation-partner.partner-prestle img{max-height:56px}
 .renovation-partner.partner-bihler img{max-height:48px}
}