/* =====================================================================
   Seite: Schadstoffsanierung Berlin – nur seitenspezifische Regeln.
   Gemeinsame Komponenten (Hero, Slider, .svc-card, .dark-sec/.acc, .cert-card,
   .split-card, .steps, .komp-dark, .form-*, .faq-*, .cta-banner) kommen aus style.css.
   ===================================================================== */

/* Sektionsabstände laut Handoff (Leistungen 20/90, Zertifikate 64, Full Service 84/90) */
.schad-svc-sec  { background: var(--white); padding: 20px 0 clamp(56px, 8vw, 90px); }
.schad-cert-sec { background: var(--white); padding: clamp(40px, 6vw, 64px) 0; }
.schad-fs-sec   { background: var(--white); padding: clamp(56px, 7vw, 84px) 0 clamp(56px, 8vw, 90px); }

/* Zertifikate: mittlere Urkunde liegt laut Handoff stärker im Schatten */
.schad-cert-imgs img:nth-child(2) { box-shadow: 0 6px 24px rgba(0, 0, 0, .45); }

/* Full-Service-Splits: nur der dritte Verlauf ist seitenspezifisch (ember/peach sind Aliasse in style.css) */
.split-pane--dusk { background: linear-gradient(120deg, #e08a5a 0%, #5b7fd4 55%, #4a90f2 100%); color: var(--white); }
.split-pane--dusk h3 { color: var(--white); }
.split-pane--dusk p { color: rgba(255, 255, 255, .92); }

/* Umsetzung: drei Stats mit langen Wörtern brauchen Platz – Bildspalte 340px statt 400px,
   Kärtchen etwas kompakter, lange Wörter dürfen an ­ bzw. notfalls beliebig umbrechen.
   Vorschlag für style.css: `.komp-dark { grid-template-columns: minmax(260px, 340px) minmax(0, 1fr); }` + `.stat .t { overflow-wrap: anywhere; }` */
@media (min-width: 981px) {
  .komp-dark { grid-template-columns: minmax(260px, 340px) minmax(0, 1fr); }
  .stats { gap: 12px; }
  .stat { padding: 18px 14px; }
}