/* Project photographs: adjust their display without changing source pixels,
   perspective, glass geometry or fittings. Bright daylight stays unchanged. */
img[src*="assets/lujo-projekt-dusche-"]{--photo-brightness:1.10;--photo-contrast:.99;--photo-saturation:.98}
img[src*="walk-in-raumhoch-"]{--photo-brightness:1.08;--photo-contrast:.99}
img[src*="walk-in-rillenglas-schwarz-"]{--photo-brightness:1.07;--photo-contrast:.99}
img[src*="muenster-dusche-grauglas-korrigiert-"]{--photo-brightness:1.04;--photo-saturation:.99}
img[src*="bad-gruener-stein-"]{--photo-brightness:1.06;--photo-contrast:.99}
img[src*="nische-xl-optimiert-"]{--photo-brightness:1.04}
img[src*="spiegel-hinterleuchtet-"]{--photo-brightness:1.04;--photo-contrast:.99}
img[src*="spiegel-dachschraege-wandarmatur-"]{--photo-brightness:1.03}
img[src*="kirch-brombach-"]{--photo-brightness:1.07;--photo-contrast:.99}
img[src*="assets/referenzen/"],img[src*="assets/slider/"],img[src*="assets/lujo-projekt-"],.design-hero .bad-slide img{
 filter:contrast(var(--photo-contrast,1)) brightness(var(--photo-brightness,1)) saturate(var(--photo-saturation,1));
}

/* One reading rhythm across the homepage and product introductions. */
.design-home .section-pad{padding-block:clamp(48px,4.6vw,64px)}
.design-home .design-statement{padding-block:clamp(48px,4.6vw,64px)}
.design-home .design-section-heading{gap:32px;margin-bottom:32px}
.design-home h2{font-size:clamp(32px,3.2vw,46px);line-height:1.16;text-wrap:balance}
.design-home h3,.series-page h1,.mirror-intro h1{hyphens:none;overflow-wrap:normal;word-break:normal;text-wrap:balance}
.keep-word{white-space:nowrap}
.design-hero h1{font-size:clamp(38px,3.6vw,58px);line-height:1.12}
.design-hero-copy{padding-top:60px;padding-bottom:36px}
.design-hero .eyebrow{margin-bottom:24px}
.design-hero .design-lead{line-height:1.7;max-width:38ch}
.design-hero .bad-slider{height:clamp(590px,49vw,720px);align-self:center}
.design-project-feature[data-project-gallery]{column-gap:6%;row-gap:10px}
.design-project-feature[data-project-gallery]>.design-project-photo{min-height:0;max-height:640px;background:transparent}
.design-project-feature[data-project-gallery]>.design-project-photo img{max-height:640px;width:100%;height:auto;object-fit:contain}
.design-project-copy h3{font-size:clamp(30px,3vw,42px);line-height:1.16;margin-bottom:22px;max-width:19ch}
.design-project-copy>p:not(.eyebrow){max-width:46ch;line-height:1.7}
.design-home .design-project-pair,.design-home .design-form-projects{margin-top:52px}
.design-form-projects{gap:28px}
.project-gallery-thumbs{gap:7px}
.project-gallery-thumbs button{width:60px;height:70px}
.design-steps h3{margin-top:18px;margin-bottom:12px;line-height:1.4}
.design-steps p{line-height:1.65}
.mirror-page .regional-mirrors{margin-top:48px}
.product-advice .advice-grid{margin-bottom:44px;gap:28px 48px}
.product-advice h2{line-height:1.2;text-wrap:balance}
.catalog-intro h1{hyphens:none;overflow-wrap:normal;word-break:normal;text-wrap:balance}

@media(max-width:1000px){
 .design-hero-copy{padding-top:44px}
 .design-project-copy h3{font-size:clamp(30px,3.4vw,38px)}
 .design-home .design-section-heading{gap:24px}
}
@media(max-width:800px){
 .design-home .section-pad,.design-home .design-statement{padding-block:44px}
 .design-hero-copy{padding:36px 6% 30px}
 .design-hero .bad-slider{height:auto;align-self:auto}
 .design-home h2{font-size:clamp(30px,6.8vw,40px)}
 .design-home .design-section-heading{margin-bottom:26px}
 .design-section-heading>p{margin-top:16px;max-width:48ch}
 .design-project-feature[data-project-gallery]>.design-project-photo{max-height:none}
 .design-project-feature[data-project-gallery]>.design-project-photo img{max-height:none}
 .design-project-copy h3{font-size:clamp(30px,7vw,38px);max-width:22ch}
 .design-home .design-project-pair,.design-home .design-form-projects,.design-project-secondary{margin-top:40px}
 .design-home .design-steps{gap:24px}
 .project-gallery-thumbs button{width:54px;height:64px}
 .project-gallery-caption{font-size:13px!important;line-height:1.55!important}
 .mirror-page .regional-mirrors{margin-top:36px}
}
@media(max-width:650px){
 .design-hero h1{font-size:clamp(32px,9vw,42px)}
 .design-hero .eyebrow{margin-bottom:18px}
 .design-hero .design-lead{font-size:16px;line-height:1.65}
 .design-form-projects{gap:36px}
 .catalog-intro h1{font-size:clamp(28px,7.4vw,40px)}
 .mirror-intro h1{font-size:clamp(34px,8.2vw,46px)}
 .product-advice .advice-grid{gap:24px;margin-bottom:36px}
}