/* Leasing-Seite – ergänzt css/index-neu.css */

.ls-hero .nx-hero-sub{max-width:620px}

/* Intro */
.ls-intro{text-align:center}
.ls-intro .nx-wrap{max-width:820px}
.ls-intro .nx-kicker{justify-content:center}
.ls-intro .nx-h2{margin-bottom:20px}
.ls-intro .nx-lead{margin:0 auto;max-width:640px}

/* Benefits (3 Karten) */
.ls-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-top:56px}
.ls-benefit-card{background:var(--bg);padding:36px 30px;transition:background .3s}
.ls-benefit-card:hover{background:var(--graphite)}
.ls-benefit-icon{font-size:32px;display:block;margin-bottom:18px}
.ls-benefit-card h3{font-size:19px;font-weight:700;margin-bottom:10px}
.ls-benefit-card p{color:var(--muted);font-size:14.5px;line-height:1.65}

/* Zielgruppen (Arbeitgeber/Arbeitnehmer/Selbstständige) */
.ls-split{padding:clamp(72px,9vw,120px) 0}
.ls-split-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(32px,5vw,80px);align-items:center}
.ls-split-grid.is-reverse{grid-template-columns:1.1fr 1fr}
.ls-split-grid.is-reverse .ls-split-img{order:2}
.ls-split-img{border-radius:14px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 30px 60px -30px rgba(20,26,51,.35)}
.ls-split-img img{width:100%;height:100%;object-fit:cover}
.ls-split-content p{color:var(--off-muted);margin:18px 0 22px;line-height:1.7;font-size:16px}
.nx-dark .ls-split-content p{color:var(--muted)}
.ls-check-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:28px}
.ls-check-list li{display:flex;align-items:flex-start;gap:12px;font-size:15px;font-weight:500}
.ls-check-list li::before{content:"✓";flex:0 0 auto;width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center;margin-top:1px}

/* Steps */
.ls-steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-top:56px}
.ls-step-card{background:var(--off);padding:36px 30px}
.ls-step-card span{display:block;font-family:var(--display);font-weight:800;font-size:40px;color:var(--accent);opacity:.6;margin-bottom:14px}
.ls-step-card h3{font-size:18px;font-weight:700;margin-bottom:8px;color:var(--off-ink)}
.ls-step-card p{color:var(--off-muted);font-size:14.5px;line-height:1.6}

/* Leasingrechner */
.ls-calc{padding:clamp(72px,9vw,120px) 0}
.ls-calc-head{max-width:640px;margin-bottom:48px}
.ls-calc-panel{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.ls-calc-left,.ls-calc-right{background:var(--graphite);color:var(--ink);padding:clamp(28px,4vw,44px)}
.ls-calc-left label{display:block;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:18px}
.ls-calc-price{font-family:var(--display);font-weight:800;font-size:clamp(34px,4vw,48px);letter-spacing:-.02em;margin-bottom:22px;color:var(--ink)}
.ls-calc-left input[type="range"]{width:100%;accent-color:var(--accent);height:6px;cursor:pointer}
.ls-calc-steps{display:flex;justify-content:space-between;margin-top:10px;color:var(--muted);font-size:13px}
.ls-calc-result-main{padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--line)}
.ls-calc-result-main span{display:block;font-size:13px;color:var(--muted);margin-bottom:8px}
.ls-calc-result-main strong{display:block;font-family:var(--display);font-weight:800;font-size:clamp(38px,4.4vw,56px);letter-spacing:-.02em;color:var(--accent-soft)}
.ls-calc-result-main p{color:var(--muted);font-size:14px;margin-top:6px}
.ls-calc-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}
.ls-calc-result-card{background:rgba(255,255,255,.05);border-radius:10px;padding:16px;color:var(--ink)}
.ls-calc-result-card span{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}
.ls-calc-result-card strong{font-size:19px;font-weight:700;color:var(--ink)}
.ls-calc-result-card.is-highlight{background:rgba(216,58,57,.14)}
.ls-calc-result-card.is-highlight strong{color:var(--accent-soft)}
.ls-calc-info{color:var(--muted);font-size:12.5px;line-height:1.6}

/* Berater-Mini-Karten */
.ls-experts{padding:clamp(56px,7vw,88px) 0}
.ls-experts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.ls-expert-card{display:flex;align-items:center;gap:18px;background:#fff;border-radius:12px;padding:20px 22px;box-shadow:0 0 0 1px rgba(20,20,20,.06)}
.ls-expert-card img{width:64px;height:64px;border-radius:50%;object-fit:cover;flex:0 0 auto}
.ls-expert-body{flex:1 1 auto;min-width:0}
.ls-expert-body span{display:block;font-size:12.5px;color:var(--off-muted);margin-bottom:2px}
.ls-expert-body strong{display:block;font-size:16px;font-weight:700}
.ls-expert-actions{display:flex;gap:8px;flex:0 0 auto}
.ls-expert-actions a{width:38px;height:38px;border-radius:50%;background:var(--off);display:grid;place-items:center;font-size:16px;transition:background .2s,transform .2s}
.ls-expert-actions a:hover{background:var(--accent);transform:translateY(-2px)}

/* Partner-Marquee */
.ls-partner{padding:clamp(72px,9vw,120px) 0}
.ls-partner-head{text-align:center;max-width:640px;margin:0 auto 48px}
.ls-partner-head .nx-kicker{justify-content:center}
.ls-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.ls-marquee-track{display:flex;gap:16px;width:max-content;animation:lsMarqueeScroll 38s linear infinite;padding:6px 0}
.ls-marquee:hover .ls-marquee-track{animation-play-state:paused}
.ls-logo-card{flex:0 0 auto;width:160px;height:90px;background:#fff;border-radius:10px;box-shadow:0 0 0 1px rgba(20,20,20,.07);display:flex;align-items:center;justify-content:center;padding:18px}
.ls-logo-card img{max-width:100%;max-height:100%;object-fit:contain}
@keyframes lsMarqueeScroll{to{transform:translateX(calc(-50% - 8px))}}

@media(prefers-reduced-motion:reduce){
  .ls-marquee-track{animation:none}
}
@media(max-width:1000px){
  .ls-benefit-grid,.ls-steps-grid{grid-template-columns:1fr}
  .ls-split-grid,.ls-split-grid.is-reverse{grid-template-columns:1fr}
  .ls-split-grid.is-reverse .ls-split-img{order:0}
  .ls-calc-panel{grid-template-columns:1fr}
  .ls-experts-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .ls-calc-result-grid{grid-template-columns:1fr}
}