/* Leistungen – Aufbau nach bad-elemente.de/leistungen. */

/* Hero */
.lst-hero{position:relative;min-height:min(560px,70vh);display:flex;align-items:center;justify-content:center;text-align:center;background:var(--ink);color:#fff;overflow:hidden}
.lst-hero>img{position:absolute;inset:0;width:100%;height:100%}
.lst-hero:after{content:'';position:absolute;inset:0;background:#0008}
.lst-hero-inner{position:relative;z-index:1;padding-block:100px}
.lst-hero h1{max-width:820px;margin:0 auto;font-size:clamp(40px,5vw,72px);font-weight:500;line-height:1.08}
.lst-hero p:last-child{margin-top:20px;color:#ffffffd9;font-size:17px}

/* Text-Bild-Abschnitte */
.split{display:grid;grid-template-columns:1fr 1fr;min-height:600px;background:var(--paper)}
.split-copy{align-self:center;justify-self:end;width:100%;max-width:640px;padding:80px 64px}
.split-reverse .split-copy{order:2;justify-self:start}
.split h2{font-size:clamp(32px,3.4vw,50px);margin-bottom:24px}
.split-copy>p:not(.eyebrow){margin-bottom:32px}
.split-copy .button-row{margin-top:0}
.split-media{position:relative;min-height:420px}
.split-media img{position:absolute;inset:0;width:100%;height:100%}

/* 3D-Badplanung */
.lst-planning{position:relative;display:grid;place-items:center;padding:110px var(--layout-gutter);overflow:hidden;background:var(--ink)}
.lst-planning>img{position:absolute;inset:-30px;width:calc(100% + 60px);height:calc(100% + 60px);filter:blur(14px) brightness(.75)}
.lst-planning-card{position:relative;max-width:640px;padding:56px 48px;text-align:center;background:#fffffff2;border-radius:0 0 55px 0}
.lst-planning-card h2{font-size:clamp(30px,3.2vw,46px);margin-bottom:20px}
.lst-planning-card p:not(.eyebrow){margin-bottom:30px}

/* FAQ */
.lst-faq{padding-block:96px}
.lst-faq h2{text-align:center;margin-bottom:40px}
.lst-faq .accordion{max-width:820px;margin-inline:auto}
.lst-faq-more{margin-top:48px;text-align:center}
.lst-faq-more h3{margin-bottom:18px}


@media(max-width:900px){
  .split,.split-reverse{grid-template-columns:1fr;min-height:0}
  .split .split-copy,.split-reverse .split-copy{order:2;max-width:none;justify-self:stretch;padding:48px var(--layout-gutter) 56px}
  .split-media{order:1;min-height:0;aspect-ratio:4/3}
  .lst-planning{padding:64px var(--layout-gutter)}
  .lst-planning-card{padding:40px 24px}
  .lst-faq{padding-block:64px}
}