/* Leistungen-Bereich (Rechtsgebiete-Seite, Kanzlei-Seite) – includes/leistungen.php */
.lst{padding-block:clamp(48px,6vw,88px);background:var(--c-soft,#f3f6f7)}
.lst-head{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(16px,5vw,80px);align-items:end;margin-bottom:clamp(24px,3vw,40px)}
.content-page .lst-head h2{margin:0;font-size:var(--c-h2);font-weight:700;line-height:1.15;color:var(--k-ink)}
.lst-head p{margin:0;max-width:44em;color:var(--c-muted);font-size:1.0625rem;line-height:1.6}
.lst-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,22px)}
.lst-card{display:flex;flex-direction:column;padding:clamp(20px,2vw,28px);background:#fff;border:1px solid var(--k-rule);border-radius:14px}
.lst-no{display:block;margin-bottom:8px;font-size:.875rem;font-weight:700;letter-spacing:.08em;color:var(--k-brand);font-variant-numeric:tabular-nums}
.content-page .lst-card h3{margin:0 0 6px;font-size:1.1875rem;font-weight:700;line-height:1.25;color:var(--k-ink);hyphens:auto;overflow-wrap:break-word}
.lst-card>p{margin:0 0 14px;color:var(--c-muted);font-size:.9375rem;line-height:1.5}
.lst-card ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--k-rule)}
.lst-card li{border-bottom:1px solid var(--k-rule)}
.lst-card li:last-child{border-bottom:0}
.lst-card a{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:9px 0;color:var(--k-ink);font-size:.9375rem;line-height:1.4;text-decoration:none;transition:color .2s}
.lst-card a span{hyphens:auto;overflow-wrap:break-word}
.lst-card a b{flex:none;color:var(--k-brand);font-weight:700;transition:transform .2s}
.lst-card a:hover,.lst-card a:focus-visible{color:var(--k-brand)}
.lst-card a:hover b{transform:translateX(3px)}
@media (max-width:1000px){.lst-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.lst-head{grid-template-columns:1fr}.lst-grid{grid-template-columns:1fr}}

/* Variante „lst--wipe“ (Kanzlei-Seite): Hover-Fläche läuft von links nach rechts */
.lst--wipe .lst-card a{position:relative;isolation:isolate;overflow:hidden;margin:0 -12px;padding:9px 12px;transition:color .3s}
.lst--wipe .lst-card a::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--k-brand);clip-path:inset(0 100% 0 0);transition:clip-path .45s var(--k-ease,ease)}
.lst--wipe .lst-card a:hover,.lst--wipe .lst-card a:focus-visible{color:#fff}
.lst--wipe .lst-card a:hover::before,.lst--wipe .lst-card a:focus-visible::before{clip-path:inset(0 0 0 0)}
.lst--wipe .lst-card a:hover b,.lst--wipe .lst-card a:focus-visible b{color:#fff}
@media (prefers-reduced-motion:reduce){.lst--wipe .lst-card a::before{transition:none}.lst--wipe .lst-card a{transition:none}}