/* 2026-10-20 Steinreinigung Richter: shared project-detail design only. */
main.sp-reference-page.sr-project-detail-v2{
  --sr-green:#65a30d;--sr-deep:#4d8006;--sr-ink:#0b3042;--sr-copy:#526879;--sr-stroke:#e3e9e6;--sr-soft:#f5f9f6;
  color:var(--sr-ink);font-family:Nunito,'Nunito Sans',Arial,sans-serif
}
main.sr-project-detail-v2 *{box-sizing:border-box}
main.sr-project-detail-v2 .sr-v2-container{width:min(1120px,calc(100% - 48px));margin-inline:auto}
main.sr-project-detail-v2 .sr-v2-breadcrumb{margin:0 0 23px;display:flex;gap:9px;flex-wrap:wrap;align-items:center;color:#647983;font-size:12px}
main.sr-project-detail-v2 .sr-v2-breadcrumb a{color:var(--sr-deep);text-decoration:none}
main.sr-project-detail-v2 .sr-v2-hero{background:linear-gradient(135deg,#f6faf7,#ecf3f3);padding:39px 0 55px}
main.sr-project-detail-v2 .sr-v2-hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:39px;align-items:center}
main.sr-project-detail-v2 .sr-v2-eyebrow{font:800 11px/1.4 Nunito,Arial,sans-serif;letter-spacing:.085em;text-transform:uppercase;color:var(--sr-deep);margin:0 0 14px}
main.sr-project-detail-v2 .sr-v2-hero h1{font:900 clamp(30px,3vw,41px)/1.15 Nunito,Arial,sans-serif;letter-spacing:-.03em;margin:0 0 18px;color:var(--sr-ink)}
main.sr-project-detail-v2 .sr-v2-lead{font:500 15px/1.76 Nunito,Arial,sans-serif;color:#425f6b;margin:0 0 24px}
main.sr-project-detail-v2 .sr-v2-benefits{display:flex;flex-wrap:wrap;gap:10px 15px;margin:0 0 26px;padding:0;list-style:none}
main.sr-project-detail-v2 .sr-v2-benefits li{display:flex;align-items:center;gap:6px;font:800 12px/1.5 Nunito,Arial,sans-serif;color:#2b4d4e}
main.sr-project-detail-v2 .sr-v2-benefits li::before{content:"✓";display:grid;place-items:center;width:17px;height:17px;border:1px solid var(--sr-green);border-radius:100%;color:var(--sr-deep);font-size:12px}
main.sr-project-detail-v2 .sr-v2-actions{display:flex;flex-wrap:wrap;gap:10px}
main.sr-project-detail-v2 .sr-v2-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:43px;padding:10px 17px;background:var(--sr-green);color:#fff!important;font:900 12.5px/1.25 Nunito,Arial,sans-serif;text-decoration:none!important;border:1px solid var(--sr-green);border-radius:7px;transition:filter .18s,transform .18s}
main.sr-project-detail-v2 .sr-v2-button:hover{filter:brightness(.94);transform:translateY(-1px)}
main.sr-project-detail-v2 .sr-v2-button.is-outline{color:var(--sr-deep)!important;background:#fff;border:1px solid #9abf74}
main.sr-project-detail-v2 .sr-v2-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}
main.sr-project-detail-v2 .sr-v2-compare figure{margin:0;background:#fff;border:1px solid #d8e4dc;border-radius:10px;overflow:hidden;box-shadow:0 7px 22px #0e303514}
main.sr-project-detail-v2 .sr-v2-compare img{display:block;width:100%;height:235px;object-fit:cover}
main.sr-project-detail-v2 .sr-v2-compare figcaption{padding:10px 11px;font:900 12px/1.4 Nunito,Arial,sans-serif;color:var(--sr-ink)}
main.sr-project-detail-v2 .sr-v2-compare figcaption span{display:inline-block;margin-right:5px;width:7px;height:7px;border-radius:50%;background:#405b67}
main.sr-project-detail-v2 .sr-v2-compare figure:last-child figcaption span{background:var(--sr-green)}
main.sr-project-detail-v2 .sr-v2-photo-note{grid-column:1/-1;margin:4px 0 0;font:500 11px/1.6 Nunito,Arial,sans-serif;color:#687f88}
main.sr-project-detail-v2 .sr-v2-proof{padding:22px 0;background:#fff;border-bottom:1px solid var(--sr-stroke)}
main.sr-project-detail-v2 .sr-v2-proof-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
main.sr-project-detail-v2 .sr-v2-proof-item{display:flex;flex-direction:column;gap:5px}
main.sr-project-detail-v2 .sr-v2-proof-item strong{font:900 12.5px/1.4 Nunito,Arial,sans-serif;color:var(--sr-ink)}
main.sr-project-detail-v2 .sr-v2-proof-item span{font:500 12px/1.5 Nunito,Arial,sans-serif;color:var(--sr-copy)}
main.sr-project-detail-v2 .sr-v2-section{padding:58px 0}
main.sr-project-detail-v2 .sr-v2-section.is-soft{background:var(--sr-soft)}
main.sr-project-detail-v2 .sr-v2-section h2{font:900 clamp(24px,2.25vw,31px)/1.22 Nunito,Arial,sans-serif;color:var(--sr-ink);margin:0 0 13px;letter-spacing:-.018em}
main.sr-project-detail-v2 .sr-v2-section-intro{max-width:760px;font:500 14px/1.75 Nunito,Arial,sans-serif;color:var(--sr-copy);margin:0 0 28px}
main.sr-project-detail-v2 .sr-v2-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
main.sr-project-detail-v2 .sr-v2-gallery figure{margin:0;min-width:0;background:#fff;border:1px solid var(--sr-stroke);border-radius:9px;overflow:hidden}
main.sr-project-detail-v2 .sr-v2-gallery a{display:block;overflow:hidden}
main.sr-project-detail-v2 .sr-v2-gallery img{display:block;width:100%;height:155px;object-fit:cover;transition:transform .2s}
main.sr-project-detail-v2 .sr-v2-gallery a:hover img{transform:scale(1.025)}
main.sr-project-detail-v2 .sr-v2-gallery figcaption{padding:10px 12px;min-height:56px;font:700 11.5px/1.45 Nunito,Arial,sans-serif;color:#526978}
main.sr-project-detail-v2 .sr-v2-gallery-footnote{font:500 11.5px/1.65 Nunito,Arial,sans-serif;color:#6b7f85;margin:17px 0 0}
main.sr-project-detail-v2 .sr-v2-story{display:grid;grid-template-columns:1.2fr .8fr;gap:52px;align-items:start}
main.sr-project-detail-v2 .sr-v2-story p{font:500 14px/1.85 Nunito,Arial,sans-serif;color:#445d6a;margin:0 0 16px}
main.sr-project-detail-v2 .sr-v2-story-aside{border:1px solid #dae7d3;border-left:4px solid var(--sr-green);background:#f7faf6;padding:21px;border-radius:8px}
main.sr-project-detail-v2 .sr-v2-story-aside h3{font:900 17px/1.35 Nunito,Arial,sans-serif;color:var(--sr-ink);margin:0 0 11px}
main.sr-project-detail-v2 .sr-v2-story-aside p{font-size:12.5px;line-height:1.7}
main.sr-project-detail-v2 .sr-v2-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;counter-reset:workstep}
main.sr-project-detail-v2 .sr-v2-step{border-top:2px solid #b4d09b;padding-top:16px}
main.sr-project-detail-v2 .sr-v2-step .sr-v2-num{color:var(--sr-deep);font:900 19px/1.2 Nunito,Arial,sans-serif;margin-bottom:10px}
main.sr-project-detail-v2 .sr-v2-step h3{font:900 15px/1.35 Nunito,Arial,sans-serif;color:var(--sr-ink);margin:0 0 9px}
main.sr-project-detail-v2 .sr-v2-step p{font:500 12.5px/1.75 Nunito,Arial,sans-serif;color:#586b76;margin:0}
main.sr-project-detail-v2 .sr-v2-cta-wrap{padding:0 0 64px;background:#fff}
main.sr-project-detail-v2 .sr-v2-cta{background:linear-gradient(125deg,#0e3546,#092739);padding:41px 46px;border-radius:12px;display:flex;align-items:center;gap:35px;justify-content:space-between}
main.sr-project-detail-v2 .sr-v2-cta h2{font:900 clamp(24px,2.4vw,31px)/1.25 Nunito,Arial,sans-serif;color:#fff;margin:0 0 12px}
main.sr-project-detail-v2 .sr-v2-cta p{font:500 14px/1.7 Nunito,Arial,sans-serif;color:#d4e4e8;margin:0;max-width:645px}
main.sr-project-detail-v2 .sr-v2-cta-buttons{display:flex;flex-direction:column;gap:10px;flex:0 0 240px}
main.sr-project-detail-v2 .sr-v2-cta-buttons .sr-v2-button.is-outline{background:transparent;color:#fff!important;border-color:#a5c3a6}
main.sr-project-detail-v2 .sr-v2-back{display:inline-block;margin-top:18px;font:800 12px/1.5 Nunito,Arial,sans-serif;color:var(--sr-deep);text-decoration:none}
@media(max-width:1060px){
 main.sr-project-detail-v2 .sr-v2-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:22px}
 main.sr-project-detail-v2 .sr-v2-compare img{height:185px}
 main.sr-project-detail-v2 .sr-v2-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
 main.sr-project-detail-v2 .sr-v2-gallery img{height:190px}
}
@media(max-width:760px){
 main.sr-project-detail-v2 .sr-v2-container{width:min(100% - 36px,620px)}
 main.sr-project-detail-v2 .sr-v2-hero{padding:27px 0 36px}
 main.sr-project-detail-v2 .sr-v2-hero-grid,main.sr-project-detail-v2 .sr-v2-story{grid-template-columns:1fr;gap:25px}
 main.sr-project-detail-v2 .sr-v2-hero h1{font-size:30px}
 main.sr-project-detail-v2 .sr-v2-compare img{height:175px}
 main.sr-project-detail-v2 .sr-v2-proof-list{gap:13px}
 main.sr-project-detail-v2 .sr-v2-proof-item strong{font-size:11.5px}
 main.sr-project-detail-v2 .sr-v2-proof-item span{font-size:11px}
 main.sr-project-detail-v2 .sr-v2-section{padding:40px 0}
 main.sr-project-detail-v2 .sr-v2-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
 main.sr-project-detail-v2 .sr-v2-cta{flex-direction:column;align-items:stretch;padding:29px 24px;gap:22px}
 main.sr-project-detail-v2 .sr-v2-cta-buttons{flex:0 0 auto}
 main.sr-project-detail-v2 .sr-v2-cta-wrap{padding-bottom:46px}
}
@media(max-width:480px){
 main.sr-project-detail-v2 .sr-v2-breadcrumb{font-size:11px}
 main.sr-project-detail-v2 .sr-v2-hero h1{font-size:27px}
 main.sr-project-detail-v2 .sr-v2-compare{gap:6px}
 main.sr-project-detail-v2 .sr-v2-compare img{height:140px}
 main.sr-project-detail-v2 .sr-v2-compare figcaption{font-size:11px;padding:9px}
 main.sr-project-detail-v2 .sr-v2-proof-list{grid-template-columns:1fr;gap:9px}
 main.sr-project-detail-v2 .sr-v2-gallery{gap:9px}
 main.sr-project-detail-v2 .sr-v2-gallery img{height:130px}
 main.sr-project-detail-v2 .sr-v2-gallery figcaption{padding:9px;min-height:60px}
 main.sr-project-detail-v2 .sr-v2-actions{flex-direction:column}
 main.sr-project-detail-v2 .sr-v2-actions .sr-v2-button{width:100%}
}