/* sell-exit.css – Vertragsübernahme (Off-Plan) /<l>/sell/exit/ (tools/sell-exit-page.mjs, Update 3 Strang D). Baut auf site.css auf.
   Handy zuerst, logische Eigenschaften (RTL fa/ar/he), Schrift ≥ 12 px, Tippflächen ≥ 44 px, keine Emojis, kein Live-Blur. */
.is-exit{background:radial-gradient(1000px 600px at 90% -10%,rgba(214,178,112,.10),transparent 60%),radial-gradient(800px 600px at 0% 55%,rgba(47,184,176,.06),transparent 70%),var(--bg)}
.is-exit p{text-wrap:pretty}
.is-exit svg{width:18px;height:18px}
.ex-crumb{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;font-size:.8rem;color:var(--muted);margin:0 0 1.2rem}
.ex-crumb a{color:var(--gold2);min-height:44px;min-width:24px;justify-content:center;display:inline-flex;align-items:center}
.ex-h1{max-width:20ch}
.ex-hero{padding-bottom:1.4rem}
.ex-hero .lead{margin-bottom:1.3rem}
.ex-ctas{display:flex;flex-wrap:wrap;gap:.7rem}
.ex-ctas .btn{min-height:48px;white-space:normal}
.ex-pay-x{display:flex;gap:.6rem;align-items:flex-start;max-width:44rem;margin:1.3rem 0 0;padding:.85rem 1rem;border-radius:16px;border:1px solid rgba(214,178,112,.4);background:rgba(214,178,112,.07);font-size:.92rem;line-height:1.6}
.ex-pay svg,.ex-fee svg,.ex-disc svg{margin-top:.15rem;color:var(--gold)}
.ex-steps{list-style:none;padding:0;margin:0;display:grid;gap:.6rem;counter-reset:x}
.ex-steps li{display:flex;gap:.8rem;align-items:flex-start;padding:.8rem .9rem;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.03);font-size:.95rem;line-height:1.6}
.ex-n{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(214,178,112,.15);color:var(--gold2);font-weight:800;font-size:.85rem}
@media (min-width:1000px){.ex-steps{grid-template-columns:repeat(5,minmax(0,1fr))}.ex-steps li{flex-direction:column}}
.ex-cards{display:grid;gap:1rem}
@media (min-width:760px){.ex-cards{grid-template-columns:1fr 1fr}}
@media (min-width:1100px){.ex-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ex-card{border:1px solid var(--line);border-radius:var(--r-lg);background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));padding:1.1rem}
.ex-card h3{display:flex;align-items:center;gap:.6rem;font-size:1.05rem;font-weight:800;margin:0 0 .6rem}
.ex-card h3 svg{width:22px;height:22px;color:var(--gold)}
.ex-card p{margin:0 0 .6rem;font-size:.92rem;color:#d9d4cb;line-height:1.65}
.ex-card-pay{border-color:rgba(214,178,112,.45)}
.ex-warn{color:var(--text)!important;font-weight:600}
.ex-docs{list-style:none;padding:0;margin:0;display:grid;gap:.4rem}
.ex-docs li{display:flex;gap:.5rem;align-items:flex-start;font-size:.9rem;color:#d9d4cb}
.ex-docs svg{margin-top:.2rem;color:var(--gold)}
.ex-link{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;color:var(--gold2);font-weight:700;font-size:.9rem}
[dir=rtl] .ex-link svg,[dir=rtl] .ex-ctas svg{transform:scaleX(-1)}
.ex-rules ul{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}
.ex-rules li{display:grid;gap:.1rem;font-size:.88rem}
.ex-rules small{color:var(--muted);font-size:.75rem}
/* Rechner */
.ex-ch{display:flex;gap:.8rem;align-items:flex-start;margin-bottom:1.2rem}
.ex-ch .h3{margin:0 0 .2rem}
.ex-ch p{margin:0;font-size:.9rem}
.ex-ci{display:grid;place-items:center;width:46px;height:46px;flex:none;border-radius:14px;background:rgba(214,178,112,.12);color:var(--gold2)}
.ex-ci svg{width:24px;height:24px}
.ex-form{border:1px solid var(--line);border-radius:var(--r-lg);background:rgba(255,255,255,.03);padding:1.1rem}
.ex-grid{display:grid;gap:.8rem}
@media (min-width:640px){.ex-grid{grid-template-columns:1fr 1fr}}
@media (min-width:1100px){.ex-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ex-f{display:grid;gap:.3rem;align-content:end;font-size:.82rem;font-weight:700;color:#d9d4cb}
.ex-f input{width:100%;min-height:48px;padding:.6rem .8rem;border-radius:12px;border:1px solid var(--line2);background:rgba(7,9,13,.65);font-size:16px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}
.ex-f input:focus{outline:2px solid var(--gold);outline-offset:1px;border-color:transparent}
.ex-fee{display:flex;gap:.5rem;align-items:flex-start;font-size:.82rem;color:var(--muted);margin:.9rem 0 0}
.ex-hint{margin:1rem 0 0;font-size:.85rem;color:var(--gold2)}
.ex-out{display:grid;gap:.8rem;margin-top:1.1rem}
@media (min-width:860px){.ex-out{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ex-col{border:1px solid var(--line);border-radius:18px;padding:.9rem 1rem;background:rgba(7,9,13,.45)}
.ex-col-x{border-color:rgba(214,178,112,.45)}
.ex-col h3{font-size:1rem;font-weight:800;margin:0 0 .5rem;color:var(--gold2)}
.ex-col dl{margin:0;display:grid;gap:.45rem}
.ex-col dl div{display:flex;justify-content:space-between;gap:.8rem;align-items:baseline;font-size:.86rem}
.ex-col dt{color:var(--muted)}
.ex-col dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;direction:ltr;unicode-bidi:isolate}
.ex-col .ex-key{padding-top:.45rem;border-top:1px solid var(--line)}
.ex-col .ex-key dd{font-size:1.05rem}
.ex-col dd.neg{color:#ff9f8f}.ex-col dd.pos{color:var(--ready)}
.ex-stopn{margin:.6rem 0 0;font-size:.78rem;color:var(--muted);line-height:1.5}
.ex-disc{display:flex;gap:.55rem;align-items:flex-start;font-size:.85rem;line-height:1.6;margin:1rem 0 .3rem}
.ex-tax{font-size:.8rem;margin:0}
.ex-reset{min-height:44px;margin-top:.4rem;padding:.4rem 0;border:0;background:none;color:var(--muted);text-decoration:underline;text-underline-offset:3px;font-size:.85rem;cursor:pointer}
.ex-ctain{max-width:760px}
.ex-ctain p{color:#d9d4cb;margin:0 0 1rem}
/* R3FIX (18.10.): Hinweis am Feld (Minus, > 100 %, bezahlt > Kaufpreis) */
.ex-vh{display:block;margin-top:.35rem;font-size:max(12px,.8rem);line-height:1.35;color:#f6b9a8;font-weight:600}.ex-vh[hidden]{display:none}
.ex-f input[aria-invalid]{border-color:rgba(246,185,168,.75)}