/* CAREFUL HANDS · Service Dossier 03 · pixel-identische Leistungsdetailseiten */
:root{--sp-deep:#004638;--sp-green:#007a50;--sp-lime:#16a85c;--sp-ink:#263b37;--sp-muted:#667873;--sp-line:#dbe3df;--sp-soft:#f4f8f6;--sp-mint:#eaf3ef;--sp-shell:1280px}
.sp-main{--gutter:var(--chp-gutter,32px);--sans:var(--chp-sans,'Poppins',Arial,sans-serif)}.sp-main,.sp-main *{box-sizing:border-box}.sp-main a{text-decoration:none}
.sp-main{background:#fff;color:var(--sp-ink);font-family:var(--sans,'Poppins',Arial,sans-serif)}
.sp-shell{width:calc(100% - 2*var(--gutter));max-width:var(--sp-shell);margin-inline:auto}
.sp-crumb{display:flex;align-items:center;gap:13px;padding-top:28px;color:#667873;font-size:12px;line-height:1.4}
.sp-crumb a{display:inline-flex;align-items:center;gap:8px}.sp-crumb svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7}.sp-crumb i{font-style:normal;color:#9aa8a3}
.sp-kicker{display:inline-flex;align-items:center;gap:10px;color:var(--sp-green);font-size:10px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.sp-kicker:before{content:'';width:24px;height:1px;background:currentColor}
.sp-title{margin:14px 0 0;color:var(--sp-deep);font-size:clamp(48px,5.2vw,74px);line-height:1.02;letter-spacing:-.048em;font-weight:600}.sp-title em{font-style:normal;color:var(--sp-lime)}
.sp-lead{margin:22px 0 0;max-width:72ch;color:#344a44;font-size:17px;line-height:1.7}
.sp-btn{min-height:48px;padding:0 19px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;gap:11px;background:var(--sp-deep);color:#fff!important;font-size:12px;font-weight:600;transition:.2s ease}.sp-btn:hover{background:#00614b;transform:translateY(-1px)}
.sp-btn.light{background:#fff;color:var(--sp-deep)!important}.sp-btn.ghost{background:transparent;color:var(--sp-deep)!important;border:1px solid #a9bdb5}.sp-btn.ghost:hover{border-color:var(--sp-green);background:#f4f8f6}
.sp-section-title{margin:0;color:var(--sp-deep);font-size:clamp(34px,3.8vw,52px);line-height:1.08;letter-spacing:-.038em;font-weight:600}.sp-section-title em{font-style:normal;color:var(--sp-lime)}
.sp-copy{color:#415750;font-size:15px;line-height:1.78}.sp-copy p{margin:0 0 20px}.sp-copy strong{color:#23473d;font-weight:600}
.sp-rule{height:1px;background:var(--sp-line)}
.sp-eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#7b8984;font-weight:600}.sp-eyebrow--inverse{color:#bcd5cb}.s3-section-title--spaced{margin-top:14px}.sp-btn--inverse-outline{border:1px solid rgba(255,255,255,.32);background:transparent}.sp-btn--inverse-outline:hover{background:transparent}
.sp-link{display:inline-flex;align-items:center;gap:12px;color:var(--sp-green);font-size:12px;font-weight:600}.sp-link .arr{font-size:20px;line-height:1}
.sp-help{padding:72px 0;background:var(--sp-deep);color:#fff}.sp-help-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:50px;align-items:center}.sp-help h2{margin:10px 0 0;max-width:21ch;font-size:38px;line-height:1.14;letter-spacing:-.033em}.sp-help p{margin:12px 0 0;max-width:70ch;color:#cfdfd8;font-size:14px;line-height:1.65}.sp-help-actions{display:flex;gap:12px;flex-wrap:wrap}
@media(max-width:1020px){.sp-help-grid{grid-template-columns:1fr}.sp-help-actions{justify-content:flex-start}}
@media(max-width:760px){.sp-crumb{padding-top:20px;font-size:10.5px;gap:8px}.sp-title{font-size:40px}.sp-lead{font-size:15px}.sp-help{padding:56px 0}.sp-help h2{font-size:31px}.sp-btn{width:100%}}


.s3-hero{padding:48px 0 34px}.s3-head{display:grid;grid-template-columns:180px minmax(0,1fr);gap:60px;align-items:start}.s3-head-side{padding-top:13px}.s3-head-side .sp-eyebrow{display:block}.s3-head-side strong{display:block;margin-top:8px;color:var(--sp-green);font-size:12px}.s3-title{max-width:16ch}.s3-hero-meta{display:flex;gap:12px 28px;flex-wrap:wrap;margin-top:26px;color:#71817c;font-size:11px}.s3-media{width:calc(100% - 2*var(--gutter));max-width:1360px;margin:28px auto 0;position:relative}.s3-photo{height:560px;overflow:hidden}.s3-photo img{width:100%;height:100%;object-fit:cover;display:block;object-position:center 52%}.s3-caption{position:absolute;right:0;bottom:0;width:360px;min-height:170px;background:#fff;padding:27px 28px;border-top:3px solid var(--sp-green);box-shadow:0 14px 34px rgba(16,58,44,.09)}.s3-caption .sp-eyebrow{color:#73847e}.s3-caption strong{display:block;margin-top:12px;font-size:19px;line-height:1.4;color:#27483f}.s3-caption a{margin-top:18px}.s3-nav{border-bottom:1px solid var(--sp-line)}.s3-nav-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.s3-nav-title{font-size:12px;font-weight:600;color:#314d44}.s3-nav-links{display:flex;align-items:center;overflow:auto;scrollbar-width:none}.s3-nav-links::-webkit-scrollbar{display:none}.s3-nav-links a{white-space:nowrap;padding:23px 20px;border-left:1px solid var(--sp-line);font-size:11px;color:#667873}.s3-nav-links a:last-child{border-right:1px solid var(--sp-line)}.s3-nav-links a:hover{color:var(--sp-green);background:#f8faf9}.s3-body{padding:92px 0}.s3-layout{display:grid;grid-template-columns:240px minmax(0,760px);gap:80px;justify-content:center}.s3-aside{position:sticky;top:30px;align-self:start}.s3-aside strong{display:block;margin-top:8px;font-size:17px;line-height:1.45;color:#2c4c42}.s3-aside p{margin:10px 0 0;font-size:11px;line-height:1.65;color:#74837f}.s3-aside .sp-btn{margin-top:20px;width:100%}.s3-content>p{margin:25px 0 0;color:#496159;font-size:16px;line-height:1.8}.s3-divider{margin:50px 0 42px;height:1px;background:var(--sp-line)}.s3-numbered{display:grid;grid-template-columns:58px 1fr;gap:18px;padding:20px 0;border-top:1px solid var(--sp-line)}.s3-numbered:last-child{border-bottom:1px solid var(--sp-line)}.s3-numbered b{font-size:11px;color:var(--sp-green);padding-top:4px}.s3-numbered strong{display:block;font-size:18px;color:#28483f}.s3-numbered span{display:block;margin-top:6px;color:#6a7975;font-size:12px;line-height:1.65}.s3-stage{padding:84px 0;background:var(--sp-soft)}.s3-stage-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:78px}.s3-stage-copy p{margin:20px 0 0;color:#586d66;font-size:13px;line-height:1.7}.s3-timeline{border-top:1px solid #cad8d2}.s3-time{display:grid;grid-template-columns:82px 1fr;gap:25px;padding:22px 0;border-bottom:1px solid #cad8d2}.s3-time b{color:var(--sp-green);font-size:11px}.s3-time strong{display:block;color:#294a40;font-size:17px}.s3-time span{display:block;margin-top:6px;color:#6c7c77;font-size:12px;line-height:1.6}.s3-trust{padding:84px 0}.s3-trust-grid{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:80px;align-items:center}.s3-trust-photo{height:350px;overflow:hidden}.s3-trust-photo img{width:100%;height:100%;object-fit:cover;display:block}.s3-trust-copy blockquote{margin:24px 0 0;padding:0;font-size:21px;line-height:1.55;color:#315148}.s3-trust-copy p{margin:18px 0 0;color:#70807b;font-size:12px;line-height:1.65}
@media(max-width:1050px){.s3-head{grid-template-columns:1fr;gap:13px}.s3-head-side{padding-top:0}.s3-photo{height:460px}.s3-layout{grid-template-columns:1fr}.s3-aside{position:static;display:grid;grid-template-columns:1fr auto;gap:20px}.s3-aside .sp-btn{width:auto}.s3-stage-grid,.s3-trust-grid{grid-template-columns:1fr;gap:38px}.s3-nav-title{display:none}}
@media(max-width:760px){.s3-hero{padding:32px 0 22px}.s3-media{width:100%;margin-top:12px}.s3-photo{height:300px}.s3-caption{position:static;width:auto;min-height:0;box-shadow:none;border-top:0;background:var(--sp-deep);color:#fff}.s3-caption strong{color:#fff}.s3-caption .sp-eyebrow{color:#bcd5cb}.s3-caption .sp-link{color:#fff}.s3-nav-inner{display:block}.s3-nav-links a{padding:18px 15px}.s3-body{padding:62px 0}.s3-aside{grid-template-columns:1fr}.s3-aside .sp-btn{width:100%}.s3-stage,.s3-trust{padding:60px 0}.s3-stage-grid{grid-template-columns:1fr}.s3-trust-photo{height:270px}}


/* Leistungen-Hub · gleiche Dossier-Sprache */
.sd-hub-hero{padding:48px 0 34px}.sd-hub-head{display:grid;grid-template-columns:180px minmax(0,1fr);gap:60px}.sd-hub-head-side{padding-top:13px}.sd-hub-head-side span{display:block}.sd-hub-head-side strong{display:block;margin-top:8px;color:var(--sp-green);font-size:12px}.sd-hub-title{max-width:16ch}.sd-hub-media{width:calc(100% - 2*var(--gutter));max-width:var(--sp-shell);margin:28px auto 0;display:grid;grid-template-columns:minmax(0,1fr) 360px}.sd-hub-photo{height:480px;overflow:hidden;background:#e3ece8}.sd-hub-photo .ch-media-image,.sd-hub-photo img{width:100%;height:100%;object-fit:cover;display:block}.sd-hub-note{padding:36px 32px;background:var(--sp-deep);color:#fff;display:flex;flex-direction:column;justify-content:center}.sd-hub-note .sp-eyebrow{color:#bcd5cb}.sd-hub-note strong{display:block;margin-top:12px;font-size:24px;line-height:1.35}.sd-hub-note p{margin:12px 0 0;color:#cfe0d9;font-size:12px;line-height:1.7}.sd-hub-note a{margin-top:24px;color:#fff}.sd-hub-list{padding:82px 0}.sd-hub-list-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:60px}.sd-hub-list-label h2{margin:9px 0 0;color:#2c4c42;font-size:21px;line-height:1.35}.sd-hub-list-label p{margin:12px 0 0;color:#71817c;font-size:11px;line-height:1.65}.sd-service-list{border-top:1px solid var(--sp-line)}.sd-service-row{display:grid;grid-template-columns:64px minmax(0,1fr) 260px 32px;gap:22px;align-items:center;padding:23px 0;border-bottom:1px solid var(--sp-line);transition:background .2s}.sd-service-row:hover{background:#f8faf9}.sd-service-row>b{color:var(--sp-green);font-size:11px}.sd-service-row strong{display:block;color:#28483f;font-size:19px;line-height:1.35}.sd-service-row small{display:block;margin-top:5px;color:#7a8984;font-size:10px;text-transform:uppercase;letter-spacing:.07em}.sd-service-row p{margin:0;color:#667873;font-size:11.5px;line-height:1.6}.sd-service-row i{font-style:normal;color:var(--sp-green);font-size:20px}.sd-hub-process{padding:82px 0;background:var(--sp-soft)}.sd-hub-process-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:78px}.sd-hub-process-copy p{margin:18px 0 0;color:#60736c;font-size:12px;line-height:1.7}.sd-hub-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #cad8d2}.sd-hub-step{padding:22px 22px 24px 0;border-bottom:1px solid #cad8d2}.sd-hub-step:nth-child(3n+2),.sd-hub-step:nth-child(3n+3){padding-left:22px;border-left:1px solid #cad8d2}.sd-hub-step b{color:var(--sp-green);font-size:11px}.sd-hub-step strong{display:block;margin-top:12px;color:#294a40;font-size:16px;line-height:1.35}.sd-hub-step span{display:block;margin-top:6px;color:#6c7c77;font-size:11px;line-height:1.6}
@media(max-width:1050px){.sd-hub-head{grid-template-columns:1fr;gap:13px}.sd-hub-head-side{padding-top:0}.sd-hub-media{grid-template-columns:1fr}.sd-hub-note{min-height:190px}.sd-hub-list-grid,.sd-hub-process-grid{grid-template-columns:1fr;gap:32px}.sd-service-row{grid-template-columns:54px minmax(0,1fr) 210px 28px}.sd-hub-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.sd-hub-step:nth-child(n){padding-left:0;border-left:0}.sd-hub-step:nth-child(even){padding-left:22px;border-left:1px solid #cad8d2}}
@media(max-width:760px){.sd-hub-hero{padding:32px 0 22px}.sd-hub-media{width:100%;margin-top:12px}.sd-hub-photo{height:300px}.sd-hub-note{padding:30px 20px}.sd-hub-list,.sd-hub-process{padding:60px 0}.sd-hub-list-grid{gap:24px}.sd-service-row{grid-template-columns:40px minmax(0,1fr) 24px;gap:14px;padding:19px 0}.sd-service-row p{grid-column:2/3;margin-top:-7px}.sd-service-row i{grid-column:3;grid-row:1/3}.sd-hub-steps{grid-template-columns:1fr}.sd-hub-step:nth-child(n){padding:18px 0;border-left:0}}
@media(max-width:480px){.sd-hub-note strong{font-size:21px}.sd-service-row strong{font-size:17px}}

/* V0.12.15: Leistungen-Hub nutzt exakt die Service-Dossier-Geometrie statt einer separaten Hub-Welt. */
.s3-numbered-link{grid-template-columns:58px minmax(0,1fr) 24px;text-decoration:none;color:inherit;align-items:start}
.s3-numbered-link i{font-style:normal;color:var(--sp-green);font-size:20px;line-height:1.1;padding-top:1px;transition:transform .2s ease}
.s3-numbered-link:hover{background:#f8faf9}
.s3-numbered-link:hover i{transform:translateX(3px)}
@media(max-width:760px){.s3-numbered-link{grid-template-columns:44px minmax(0,1fr) 20px;gap:14px}}

/* Leistungen-Übersicht: Kernleistungen zuerst, Varianten und Module nachgelagert. */
.ch-service-groups{margin-top:18px}
.ch-service-group{padding:34px 0 38px;border-top:1px solid var(--sp-line)}
.ch-service-group:last-child{border-bottom:1px solid var(--sp-line)}
.ch-service-group-head{display:grid;grid-template-columns:58px minmax(0,1fr);gap:18px;align-items:start}
.ch-service-group-head>b{padding-top:5px;color:var(--sp-green);font-size:11px;letter-spacing:.06em}
.ch-service-group-kicker{display:block;margin-bottom:6px;color:#71817c;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.ch-service-group h3{margin:0;color:#28483f;font-size:clamp(22px,2.35vw,31px);line-height:1.18;letter-spacing:-.025em}
.ch-service-group-head p{max-width:660px;margin:10px 0 0;color:#64756f;font-size:13px;line-height:1.72}
.ch-service-primary-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:24px 0 0 76px}
.ch-service-primary-links>a,.ch-service-single-link{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 22px;gap:12px;padding:18px 19px;border:1px solid var(--sp-line);background:#fff;color:inherit;text-decoration:none;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.ch-service-primary-links>a:hover,.ch-service-single-link:hover{background:#f8faf9;border-color:#c8d8d1;transform:translateY(-1px)}
.ch-service-primary-links strong,.ch-service-single-link strong{display:block;color:#294a40;font-size:15px;line-height:1.35}
.ch-service-primary-links span,.ch-service-single-link span{grid-column:1/2;display:block;margin-top:5px;color:#6c7c77;font-size:11px;line-height:1.62}
.ch-service-primary-links i,.ch-service-single-link i{grid-column:2;grid-row:1/3;align-self:center;color:var(--sp-green);font-style:normal;font-size:18px}
.ch-service-subgroups{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin:24px 0 0 76px;padding-top:22px;border-top:1px solid #edf2ef}
.ch-service-subtitle{display:block;margin-bottom:10px;color:#71817c;font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.ch-service-chip-row{display:flex;flex-wrap:wrap;gap:8px}
.ch-service-chip-row a{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #dbe5e0;background:#fbfcfb;color:#35554b;font-size:11px;line-height:1.35;text-decoration:none}
.ch-service-chip-row a:hover{background:#f1f6f3;border-color:#bfd1c9}
.ch-service-single-link{margin:22px 0 0 76px}
@media(max-width:760px){
 .ch-service-group{padding:28px 0 32px}
 .ch-service-group-head{grid-template-columns:42px minmax(0,1fr);gap:12px}
 .ch-service-primary-links{grid-template-columns:1fr;margin-left:54px}
 .ch-service-subgroups{grid-template-columns:1fr;margin-left:54px;gap:20px}
 .ch-service-single-link{margin-left:54px}
}
@media(max-width:520px){
 .ch-service-primary-links,.ch-service-subgroups,.ch-service-single-link{margin-left:0}
 .ch-service-group-head{grid-template-columns:34px minmax(0,1fr)}
 .ch-service-primary-links>a,.ch-service-single-link{padding:16px}
}
