/* Gemeinsame Atelier-Sprache: warme Materialien, klare Typografie, ruhige Kontraste. */
:root{--atelier-ink:#28221e;--atelier-paper:#f6f0e8;--atelier-sand:#e8d9ca;--atelier-copper:#ad623c;--atelier-night:#241e1a;--atelier-muted:#716258}
body{background:var(--atelier-paper);color:var(--atelier-ink)}
.site-header{background:rgba(250,246,240,.98);border-bottom-color:rgba(57,43,33,.13)}
.nav a{color:#332b26}.nav a:after{background:var(--atelier-copper)}.nav a:hover,.nav a[aria-current=page]{color:#88452d}
.paint-hero,.services-hero,.bath-hero,.about-hero,.page-title{min-height:590px;display:flex;align-items:center;background-position:center;isolation:isolate}
.paint-hero:before,.services-hero:before,.bath-hero:before,.about-hero:before,.page-title:before{z-index:-1;background:linear-gradient(92deg,rgba(22,18,15,.93),rgba(42,31,25,.72) 49%,rgba(99,61,40,.28))}
.paint-hero .wrap,.services-hero .wrap,.bath-hero .wrap,.about-hero .wrap,.page-title .wrap{padding-top:76px;padding-bottom:66px}
.paint-hero h1,.services-hero h1,.bath-hero h1,.about-hero h1,.page-title h1{max-width:760px;margin:18px 0 20px;font-family:Outfit,Arial,sans-serif;font-size:clamp(52px,6.2vw,88px);line-height:.91;letter-spacing:-.068em;text-shadow:none}
.paint-hero p,.services-hero p,.bath-hero p{max-width:530px;color:#eadcd0;font-size:17px;line-height:1.68}
.paint-hero .eyebrow,.services-hero .eyebrow,.bath-hero .eyebrow,.about-hero .eyebrow{display:inline-flex;align-items:center;gap:11px;padding:0;background:transparent;color:#edbd95;font-size:10px;letter-spacing:.18em}.paint-hero .eyebrow:before,.services-hero .eyebrow:before,.bath-hero .eyebrow:before,.about-hero .eyebrow:before{content:'';width:34px;height:1px;background:#cf9067}
.section,.content,.service-stage,.bath-intro,.about-statement{background:var(--atelier-paper)!important}.section.tint{background:var(--atelier-sand)!important}
.section h2,.content h2,.service-stage h2,.bath-intro h2,.about-statement h2{color:var(--atelier-ink);font-family:Outfit,Arial,sans-serif;letter-spacing:-.055em;line-height:.98}
.eyebrow{color:#91472b}.lead{color:#594d45!important}
.service-item,.bath-point,.contact-box{background:#fcf9f5!important;border-color:rgba(69,49,37,.14)!important;box-shadow:none!important}
.service-item{border-left:3px solid var(--atelier-copper)!important}.bath-point{border-top:3px solid var(--atelier-copper)!important}.contact-box{box-shadow:18px 18px 0 rgba(173,98,60,.12)!important}
.service-cta,.cta,.about-closing{background:linear-gradient(115deg,#1c1815,#38271f 62%,#68412d)!important}.service-cta .eyebrow,.about-closing .eyebrow{color:#e6b087}
.footer{background:#1c1916}.footer h3{color:#dfa678}
@media(max-width:760px){.paint-hero,.services-hero,.bath-hero,.about-hero,.page-title{min-height:485px;align-items:flex-end}.paint-hero .wrap,.services-hero .wrap,.bath-hero .wrap,.about-hero .wrap,.page-title .wrap{padding-top:58px;padding-bottom:43px}.paint-hero h1,.services-hero h1,.bath-hero h1,.about-hero h1,.page-title h1{font-size:clamp(43px,12vw,61px)}.paint-hero p,.services-hero p,.bath-hero p{font-size:15px;line-height:1.55}.section,.content,.service-stage,.bath-intro,.about-statement{padding-top:58px!important;padding-bottom:58px!important}}

/* Die Seiten bringen ältere Einzelstile mit – diese Regeln halten den gemeinsamen Charakter zusammen. */
.paint-hero,.services-hero,.bath-hero,.about-hero,.page-title{min-height:590px!important;align-items:center!important;background-position:center!important}.paint-hero:before,.services-hero:before,.bath-hero:before,.about-hero:before,.page-title:before{background:linear-gradient(92deg,rgba(22,18,15,.93),rgba(42,31,25,.72) 49%,rgba(99,61,40,.28))!important}.paint-hero h1,.services-hero h1,.bath-hero h1,.about-hero h1,.page-title h1{font-family:Outfit,Arial,sans-serif!important;font-size:clamp(52px,6.2vw,88px)!important;line-height:.91!important;letter-spacing:-.068em!important;text-shadow:none!important}.paint-hero p,.services-hero p,.bath-hero p{color:#eadcd0!important}.section,.content,.service-stage,.bath-intro,.about-statement{background:var(--atelier-paper)!important}.section.tint{background:var(--atelier-sand)!important}.service-item{border-left-color:var(--atelier-copper)!important}.bath-point{border-top-color:var(--atelier-copper)!important}.service-cta,.cta,.about-closing{background:linear-gradient(115deg,#1c1815,#38271f 62%,#68412d)!important}@media(max-width:760px){.paint-hero,.services-hero,.bath-hero,.about-hero,.page-title{min-height:485px!important;align-items:flex-end!important}.paint-hero h1,.services-hero h1,.bath-hero h1,.about-hero h1,.page-title h1{font-size:clamp(43px,12vw,61px)!important}}

/* Mobile: Bilder behalten Wirkung, nehmen aber nicht den ganzen Bildschirm ein. */
@media(max-width:760px){.photo{height:255px!important}.about-aside,.about-photo{min-height:300px!important;height:300px!important}.about-luxury .owner-feature>img{height:250px!important}.bath-gallery img,.bath-gallery figure:first-child img,.new-bath-gallery img{height:235px!important}.spachtel-images img{height:190px!important}.home-feature{min-height:315px!important}.featured-project-image{min-height:320px!important}.project-compare{min-height:245px!important}.craft-grid img,.craft-grid figure:first-child img,.living-grid img,.living-grid .living-feature img,.aurea-grid img,.aurea-grid figure:first-child img{height:230px!important}.craft-grid,.living-grid{gap:10px!important}.aurea-grid{gap:9px!important}}

/* Projektverlauf: abwechslungsreiche Bildfolge statt einer gleichförmigen Fotowand. */
.bath-gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:13px;counter-reset:phase}.bath-gallery figure{grid-column:span 4;min-height:245px;border:1px solid rgba(88,62,46,.16);box-shadow:none;background:#29231f}.bath-gallery figure:first-child{grid-column:span 7;grid-row:span 2}.bath-gallery figure:nth-child(2),.bath-gallery figure:nth-child(3){grid-column:span 5}.bath-gallery figure:nth-child(4){grid-column:span 4}.bath-gallery figure:nth-child(5){grid-column:span 8}.bath-gallery figure:nth-child(6),.bath-gallery figure:nth-child(7),.bath-gallery figure:nth-child(8){grid-column:span 4}.bath-gallery figure:nth-child(9){grid-column:span 6}.bath-gallery figure:nth-child(10),.bath-gallery figure:nth-child(11){grid-column:span 3}.bath-gallery figure:after{counter-increment:phase;content:counter(phase,decimal-leading-zero);position:absolute;z-index:2;right:15px;top:14px;display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,244,234,.62);border-radius:50%;color:#fff7f0;background:rgba(35,26,21,.32);font-family:Outfit,Arial,sans-serif;font-size:11px;font-weight:800;backdrop-filter:blur(4px)}.bath-gallery img{height:245px;filter:saturate(.82) contrast(1.04);transition:transform .65s ease,filter .45s ease}.bath-gallery figure:first-child img{height:503px}.bath-gallery figure:hover img{transform:scale(1.04);filter:saturate(1) contrast(1.04)}.bath-gallery figcaption{padding:52px 18px 16px;background:linear-gradient(transparent,rgba(25,20,17,.9));font-size:10px;letter-spacing:.12em}.bath-gallery figure:first-child figcaption{font-size:12px}@media(max-width:760px){.bath-gallery{grid-template-columns:1fr;gap:10px}.bath-gallery figure,.bath-gallery figure:first-child,.bath-gallery figure:nth-child(2),.bath-gallery figure:nth-child(3),.bath-gallery figure:nth-child(4),.bath-gallery figure:nth-child(5),.bath-gallery figure:nth-child(6),.bath-gallery figure:nth-child(7),.bath-gallery figure:nth-child(8),.bath-gallery figure:nth-child(9),.bath-gallery figure:nth-child(10),.bath-gallery figure:nth-child(11){grid-column:auto;grid-row:auto;min-height:220px}.bath-gallery img,.bath-gallery figure:first-child img{height:220px!important}.bath-gallery figcaption{font-size:9px;padding:44px 15px 14px}.bath-gallery figure:after{right:12px;top:11px;width:30px;height:30px;font-size:10px}}

/* HardRock ist ein fugenloses System, keine allgemeine Dekortechnik. */
.hardrock-systems{background:#e9dfd3!important}.hardrock-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:32px}.hardrock-grid article{display:grid;grid-template-columns:40% 1fr;min-height:270px;background:#fffaf5;box-shadow:0 18px 38px rgba(46,32,22,.1)}.hardrock-grid img{width:100%;height:100%;object-fit:cover}.hardrock-grid div{padding:30px}.hardrock-grid span{font-size:10px;font-weight:800;letter-spacing:.14em;color:#a65e3b}.hardrock-grid h3{margin:10px 0;font-family:Outfit,Arial,sans-serif;font-size:29px;line-height:1;letter-spacing:-.04em}.hardrock-grid p{margin:0;line-height:1.55;color:#554b44}@media(max-width:760px){.hardrock-grid{grid-template-columns:1fr;gap:12px}.hardrock-grid article{grid-template-columns:115px 1fr;min-height:195px}.hardrock-grid div{padding:22px 18px}.hardrock-grid h3{font-size:24px}.hardrock-grid p{font-size:14px}}