/* Jemke Systems · gemeinsame Abschlussstrecke der Unterseiten (Nutzen, Ablauf, FAQ, Lead, Weiterführendes) */
.sx{--sx-bg:#faf8f4;--sx-card:#fff;--sx-ink:#161821;--sx-mute:#585b6a;--sx-line:#e4e1da;--sx-ac:#6366f1;--sx-ac2:#34d399;--sx-night:#0b1118;
  font-family:'DM Sans',system-ui,sans-serif;font-size:18px;line-height:1.65;color:var(--sx-ink)}
.sx *{box-sizing:border-box}
.sx h2,.sx h3{font-family:'Manrope','DM Sans',system-ui,sans-serif;letter-spacing:-.02em;margin:0;line-height:1.15;font-weight:800}
.sx a{color:var(--sx-ac)}
.sx-wrap{max-width:1120px;margin:0 auto;padding:0 22px}
.sx-sec{padding:96px 0}
.sx-sec--light{background:var(--sx-bg)}
.sx-sec--tint{background:#f0eefb}
.sx-sec--dark{background:var(--sx-night);color:#e8ecf3}
.sx-kicker{color:var(--sx-ac);font-weight:700;font-size:15px;margin:0 0 12px}
.sx-sec--dark .sx-kicker{color:#a5b4fc}
.sx h2{font-size:clamp(28px,4.2vw,44px);margin-bottom:28px}
.sx-sec--dark h2,.sx-sec--dark h3{color:#fff}
.sx h3{font-size:21px;margin-bottom:8px;font-weight:700}
.sx-lead{font-size:clamp(18px,2.1vw,21px);color:#c4cad8;margin:0 0 28px;max-width:600px}
.sx-btn{display:inline-block;background:var(--sx-ac);color:#fff!important;padding:15px 28px;border-radius:999px;font-weight:600;text-decoration:none;border:1.5px solid var(--sx-ac);transition:transform .15s,filter .15s;font-family:inherit;font-size:17px;cursor:pointer}
.sx-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}
.sx-btn--ghost{background:transparent;color:var(--sx-ac)!important}
.sx-sec--dark .sx-btn--ghost{color:#c7d2fe!important;border-color:rgba(199,210,254,.5)}
.sx-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.sx a:focus-visible,.sx-btn:focus-visible{outline:3px solid #a5b4fc;outline-offset:3px}

/* Nutzen */
.sx-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.sx-card{background:var(--sx-card);border:1.5px solid var(--sx-line);border-radius:22px;padding:28px;border-top:4px solid var(--sx-ac)}
.sx-card:nth-child(2){border-top-color:#8b5cf6}.sx-card:nth-child(3){border-top-color:var(--sx-ac2)}
.sx-card p{margin:0;color:var(--sx-mute);font-size:17px}

/* Ablauf */
.sx-steps{list-style:none;margin:0 0 36px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:sx}
.sx-steps li{counter-increment:sx;border-top:3px solid var(--sx-ac);padding-top:14px}
.sx-steps li::before{content:counter(sx);font:700 15px 'Manrope',sans-serif;color:#a5b4fc}
.sx-steps b{display:block;color:#fff;font:700 19px 'Manrope',sans-serif;margin:2px 0 6px}
.sx-steps p{margin:0;color:#b9c1d0;font-size:16px;line-height:1.5}
.sx-trust{list-style:none;display:flex;flex-wrap:wrap;gap:10px 28px;margin:0 0 30px;padding:0;color:#cfd5e2;font-size:15px}
.sx-trust li{position:relative;padding-left:22px}
.sx-trust li::before{content:"";position:absolute;left:0;top:.45em;width:12px;height:7px;border-left:2.5px solid var(--sx-ac2);border-bottom:2.5px solid var(--sx-ac2);transform:rotate(-45deg)}

/* FAQ */
.sx-narrow{max-width:760px}
.sx-faq{display:grid;gap:10px}
.sx-faq details{background:#fff;border:1.5px solid var(--sx-line);border-radius:16px;padding:0 22px}
.sx-faq summary{cursor:pointer;list-style:none;padding:18px 28px 18px 0;font:700 18px 'Manrope',sans-serif;position:relative;color:var(--sx-ink)}
.sx-faq summary::-webkit-details-marker{display:none}
.sx-faq summary::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:24px;color:var(--sx-ac);transition:transform .2s}
.sx-faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.sx-faq details p{margin:0 0 18px;color:var(--sx-mute);font-size:17px}

/* Lead */
.sx-lead-sec{position:relative;overflow:hidden;background:var(--sx-night);color:#fff;padding:104px 0}
.sx-lead-sec::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 80% at 15% 0%,rgba(99,102,241,.28),transparent 60%),radial-gradient(50% 70% at 95% 100%,rgba(52,211,153,.18),transparent 60%)}
.sx-lead-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.sx-lead-grid>*{min-width:0}
.sx-next{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:12px}
.sx-next li{display:flex;gap:14px;align-items:center;color:#dfe4ee;font-size:17px}
.sx-next b{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(165,180,252,.18);color:#c7d2fe;font-size:14px}
.sx-direct{display:flex;flex-wrap:wrap;gap:14px}
.sx-direct a{display:block;text-decoration:none;color:#fff!important;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:14px 20px}
.sx-direct a:hover{background:rgba(255,255,255,.14)}
.sx-direct small{display:block;color:#a9b2c3;font-size:13px}
.sx-direct b{font-size:19px}
.sx-form{background:#fff;color:var(--sx-ink);border-radius:26px;padding:32px;box-shadow:0 40px 80px -30px rgba(0,0,0,.6)}
.sx-form h3{font-size:26px;margin-bottom:16px;color:var(--sx-ink)!important}
.sx-chips{border:0;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.sx-chips legend{font-weight:600;font-size:15px;margin-bottom:10px;padding:0}
.sx-chips label{cursor:pointer}
.sx-chips input{position:absolute;opacity:0;pointer-events:none}
.sx-chips span{display:inline-block;padding:8px 14px;border:1.5px solid var(--sx-line);border-radius:999px;font-size:15px;color:var(--sx-mute);transition:all .15s}
.sx-chips input:checked+span{background:var(--sx-ac);border-color:var(--sx-ac);color:#fff}
.sx-chips input:focus-visible+span{outline:3px solid #a5b4fc;outline-offset:2px}
.sx-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sx-grid label{display:flex;flex-direction:column;gap:5px;font-size:14px;font-weight:600;color:var(--sx-mute)}
.sx-grid .full{grid-column:1/-1}
.sx-form input[type=text],.sx-form input[type=email],.sx-form input[type=tel],.sx-form textarea{width:100%;font:400 16px 'DM Sans',sans-serif;padding:12px 14px;border:1.5px solid var(--sx-line);border-radius:12px;background:#fbfaf8;color:var(--sx-ink)}
.sx-form input:focus,.sx-form textarea:focus{outline:none;border-color:var(--sx-ac);box-shadow:0 0 0 3px rgba(99,102,241,.18)}
.sx-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.sx-check{display:flex;gap:10px;align-items:flex-start;margin:16px 0 8px;font-size:14px;color:var(--sx-mute);line-height:1.5;cursor:pointer}
.sx-check input{margin-top:3px;width:18px;height:18px;accent-color:var(--sx-ac);flex:none}
.sx-err{min-height:20px;color:#c0392b;font-size:14px}
.sx-submit{width:100%}
.sx-submit:disabled{opacity:.6;cursor:default}
.sx-status{display:none;margin-top:14px;padding:14px 16px;border-radius:12px;font-size:15px}
.sx-status.show{display:block}
.sx-status.ok{background:#e6f7ee;border:1px solid #a7e3c3;color:#14532d}
.sx-status.err{background:#fdecea;border:1px solid #f5b5ad;color:#8a1f12}
.sx-fine{margin:12px 0 0;font-size:13px;color:var(--sx-mute);text-align:center}

/* Weiterführendes */
.sx-related{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:26px}
.sx-rel{display:flex;flex-direction:column;background:#fff;border:1.5px solid var(--sx-line);border-radius:22px;padding:26px;text-decoration:none;color:var(--sx-ink)!important;transition:transform .2s,box-shadow .2s,border-color .2s}
.sx-rel:hover{transform:translateY(-4px);border-color:var(--sx-ac);box-shadow:0 24px 40px -24px rgba(79,70,229,.45)}
.sx-rel h3{font-size:20px}
.sx-rel p{margin:0 0 14px;color:var(--sx-mute);font-size:16px;flex:1}
.sx-rel span{color:var(--sx-ac);font-weight:600;font-size:15px}

/* Mobile-Leiste */
.sx-mbar{display:none}

/* Shell-Leiste: CTA */
.v3-shell-nav__cta{padding:.5rem .9rem;border-radius:999px;background:#6366f1;color:#fff!important;font:700 .78rem 'DM Sans','Space Grotesk',sans-serif;white-space:nowrap;transition:filter .18s}
.v3-shell-nav__cta:hover{filter:brightness(1.12)}

.sx-rv-on .sx-rv{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.sx-rv-on .sx-rv.in{opacity:1;transform:none}

@media (max-width:980px){
  .sx-cards,.sx-related{grid-template-columns:1fr}
  .sx-steps{grid-template-columns:repeat(2,1fr)}
  .sx-lead-grid{grid-template-columns:1fr;gap:32px}
}
@media (max-width:640px){
  .sx-sec{padding:64px 0}
  .sx-lead-sec{padding:72px 0}
  .sx-steps{grid-template-columns:1fr}
  .sx-grid{grid-template-columns:1fr}
  .sx-form{padding:24px 18px}
  .sx-btn{white-space:normal;text-align:center}
  body.sx-body{padding-bottom:70px}
  .sx-mbar{display:flex;gap:10px;position:fixed;left:0;right:76px;bottom:0;z-index:150;padding:10px 12px;background:rgba(11,17,24,.94);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);transition:transform .25s}
  .sx-mbar--hide{transform:translateY(110%)}
  .sx-mbar__call{flex:none;display:grid;place-items:center;width:48px;border-radius:14px;border:1.5px solid rgba(255,255,255,.35);color:#fff!important}
  .sx-mbar__main{flex:1;text-align:center;background:#6366f1;color:#fff!important;border-radius:14px;padding:13px 10px;font-weight:700;text-decoration:none;font-size:15px}
  .v3-shell-nav__tone{display:none}
}
@media (prefers-reduced-motion:reduce){.sx-rv-on .sx-rv{opacity:1;transform:none;transition:none}}
@media (max-width:640px){
  .v3-shell-nav__brand,.v3-shell-nav__all{white-space:nowrap}
  .v3-shell-nav{gap:.5rem}
  .v3-shell-nav__all{padding:.4rem .5rem;font-size:.6rem}
}