/* PKV Sparrechner – page-specific layer on top of the live SSOT styles.css */
.page-beitragsstabilisierung { background:#fff; }
.page-beitragsstabilisierung .spar-hero {
  position:relative; min-height:430px; padding:74px 0 68px; display:grid; align-items:center; overflow:hidden; background:#ebeff8;
}
.page-beitragsstabilisierung .spar-hero::after { content:""; position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.97) 40%,rgba(255,255,255,.78) 55%,rgba(235,239,248,.2) 73%,rgba(235,239,248,.04) 100%); }
.page-beitragsstabilisierung .spar-hero-photo { position:absolute; inset:0 0 0 auto; width:58%; height:100%; object-fit:cover; object-position:center; z-index:0; }
.page-beitragsstabilisierung .spar-hero-inner { position:relative; z-index:2; width:min(1180px,calc(100% - 40px)); margin:0 auto; }
.page-beitragsstabilisierung .spar-hero-copy { max-width:690px; }
.page-beitragsstabilisierung .eyebrow {
  display:inline-flex; width:fit-content; max-width:max-content; align-items:center; justify-content:center;
  padding:8px 14px; border:1px solid #e8b93f; border-radius:999px; background:#fff1bf; color:#002e5b;
  box-shadow:none; font-size:.76rem; font-weight:800; letter-spacing:.11em; line-height:1.1; text-align:center; text-transform:uppercase;
}
.page-beitragsstabilisierung .spar-hero .eyebrow { margin:0 0 24px; }
.page-beitragsstabilisierung .spar-hero h1 { max-width:730px; margin:0; color:#002e5b; font-family:"Montserrat","Lato",Arial,sans-serif; font-size:clamp(2.65rem,4.35vw,4.7rem); line-height:1.08; font-weight:800; }
.page-beitragsstabilisierung .spar-hero .lead { max-width:680px; margin:24px 0 0; color:#274a66; font-size:1.18rem; line-height:1.65; }
.page-beitragsstabilisierung .spar-hero-trust { display:flex; flex-wrap:wrap; gap:14px 24px; margin:30px 0 0; padding:0; list-style:none; }
.page-beitragsstabilisierung .spar-hero-trust li { display:flex; align-items:center; gap:9px; color:#002e5b; font-size:.94rem; font-weight:700; }
.page-beitragsstabilisierung .spar-check { display:inline-grid; width:22px; height:22px; place-items:center; flex:0 0 22px; border-radius:999px; background:#19db23; }
.page-beitragsstabilisierung .spar-check::before { content:""; width:10px; height:6px; border-left:2px solid #fff; border-bottom:2px solid #fff; transform:rotate(-45deg) translate(1px,-1px); }
.page-beitragsstabilisierung .spar-section { padding:66px 0; }
.page-beitragsstabilisierung .spar-section-muted { background:#ebeff8; }
.page-beitragsstabilisierung .spar-container { width:min(1180px,calc(100% - 40px)); margin:0 auto; }
.page-beitragsstabilisierung .spar-section-head { max-width:820px; margin:0 0 30px; }
.page-beitragsstabilisierung .spar-section-head .eyebrow { margin:0 0 18px; }
.page-beitragsstabilisierung .spar-section-head h2 { margin:0; color:#002e5b; font-family:"Montserrat","Lato",Arial,sans-serif; font-size:clamp(2.25rem,4vw,4.25rem); line-height:1.12; font-weight:760; }
.page-beitragsstabilisierung .spar-section-head p { max-width:720px; margin:18px 0 0; color:#274a66; font-size:1.04rem; line-height:1.65; }
.page-beitragsstabilisierung .spar-layout { display:grid; grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr); gap:24px; align-items:start; }
.page-beitragsstabilisierung .spar-card { border:1px solid rgba(12,63,115,.16); border-radius:18px; background:#fff; box-shadow:0 18px 38px rgba(0,46,91,.07); }
.page-beitragsstabilisierung .spar-form-card { padding:30px; }
.page-beitragsstabilisierung .spar-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.page-beitragsstabilisierung .spar-field { display:grid; gap:8px; }
.page-beitragsstabilisierung .spar-field-wide { grid-column:1/-1; }
.page-beitragsstabilisierung .spar-field span { color:#002e5b; font-size:.9rem; font-weight:700; }
.page-beitragsstabilisierung .spar-field input,
.page-beitragsstabilisierung .spar-field select { width:100%; min-height:50px; padding:12px 15px; border:1px solid #b8cbe0; border-radius:10px; background:#e8f0fe; color:#002e5b; font:inherit; font-weight:400; outline:none; }
.page-beitragsstabilisierung .spar-field input:focus,
.page-beitragsstabilisierung .spar-field select:focus { border-color:#e8b93f; box-shadow:0 0 0 3px rgba(232,185,63,.16); }
.page-beitragsstabilisierung .spar-calc { width:100%; margin-top:22px; }
.page-beitragsstabilisierung .spar-result { padding:30px; position:sticky; top:112px; }
.page-beitragsstabilisierung .spar-result .eyebrow { margin:0 0 18px; }
.page-beitragsstabilisierung .spar-result h3 { margin:0; color:#002e5b; font-family:"Montserrat","Lato",Arial,sans-serif; font-size:1.45rem; line-height:1.25; font-weight:760; }
.page-beitragsstabilisierung .spar-result-intro { margin:12px 0 22px; color:#274a66; }
.page-beitragsstabilisierung .spar-metric { display:grid; grid-template-columns:46px 1fr auto; gap:12px; align-items:center; padding:15px 0; border-top:1px solid rgba(12,63,115,.12); }
.page-beitragsstabilisierung .spar-metric-icon { display:inline-grid; width:44px; height:44px; place-items:center; border-radius:14px; background:#ebeff8; border:1px solid rgba(12,63,115,.17); color:#002e5b; font-weight:800; }
.page-beitragsstabilisierung .spar-metric span { color:#274a66; font-size:.88rem; }
.page-beitragsstabilisierung .spar-metric strong { color:#002e5b; text-align:right; font-size:1.02rem; }
.page-beitragsstabilisierung .spar-metric strong.positive { color:#18863a; }
.page-beitragsstabilisierung .spar-disclaimer { margin:20px 0 0; padding:16px 18px; border:1px solid #e8b93f; border-left:4px solid #e8b93f; border-radius:12px; background:#fff9df; color:#274a66; font-size:.86rem; line-height:1.55; }
.page-beitragsstabilisierung .spar-result-actions { display:grid; gap:10px; margin-top:20px; }
.page-beitragsstabilisierung .spar-benefit-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.page-beitragsstabilisierung .spar-benefit { min-height:210px; padding:26px; }
.page-beitragsstabilisierung .spar-icon { display:inline-grid; width:44px; height:44px; place-items:center; border-radius:14px; background:#ebeff8; border:1px solid rgba(12,63,115,.17); color:#002e5b; font-size:1.15rem; font-weight:800; box-shadow:none; }
.page-beitragsstabilisierung .spar-benefit h3 { margin:18px 0 12px; color:#002e5b; font-family:"Montserrat","Lato",Arial,sans-serif; font-size:1.08rem; line-height:1.28; font-weight:800; }
.page-beitragsstabilisierung .spar-benefit p { margin:0; color:#274a66; font-size:.98rem; line-height:1.55; }
.page-beitragsstabilisierung .spar-process { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px; }
.page-beitragsstabilisierung .spar-step { position:relative; min-height:220px; padding:24px 22px 30px; }
.page-beitragsstabilisierung .spar-step-number { position:absolute; top:18px; right:18px; display:grid; width:30px; height:30px; place-items:center; border-radius:999px; background:#0c3f73; color:#fff; font-size:.82rem; font-weight:800; }
.page-beitragsstabilisierung .spar-step h3 { margin:18px 0 10px; color:#002e5b; font-size:1rem; font-weight:800; }
.page-beitragsstabilisierung .spar-step p { margin:0; color:#274a66; font-size:.91rem; line-height:1.55; }
.page-beitragsstabilisierung .spar-security { display:grid; grid-template-columns:1fr auto; gap:28px; align-items:center; padding:26px 30px; border:1px solid #e8b93f; border-left:4px solid #e8b93f; border-radius:18px; background:#fff9df; box-shadow:0 18px 38px rgba(0,46,91,.06); }
.page-beitragsstabilisierung .spar-security h3 { margin:0 0 6px; color:#002e5b; font-size:1.15rem; font-weight:800; }
.page-beitragsstabilisierung .spar-security p { margin:0; color:#274a66; }
.page-beitragsstabilisierung .spar-security-list { display:flex; flex-wrap:wrap; gap:12px 22px; margin-top:16px; }
.page-beitragsstabilisierung .spar-security-list span { display:flex; align-items:center; gap:8px; color:#002e5b; font-size:.9rem; font-weight:700; }
.page-beitragsstabilisierung .spar-cta { padding:56px 0; background:#002e5b; }
.page-beitragsstabilisierung .spar-cta-inner { width:min(1180px,calc(100% - 40px)); margin:0 auto; text-align:center; }
.page-beitragsstabilisierung .spar-cta .eyebrow { margin:0 0 18px; }
.page-beitragsstabilisierung .spar-cta h2 { margin:0 auto; max-width:900px; color:#fff; font-size:clamp(2rem,3.2vw,3.3rem); line-height:1.15; }
.page-beitragsstabilisierung .spar-cta p { max-width:760px; margin:18px auto 26px; color:#cfe0ea; }
@media(max-width:980px){
  .page-beitragsstabilisierung .spar-hero { min-height:520px; padding:54px 0; }
  .page-beitragsstabilisierung .spar-hero-photo { width:62%; opacity:.92; }
  .page-beitragsstabilisierung .spar-hero::after { background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.96) 50%,rgba(255,255,255,.55) 72%,rgba(235,239,248,.06) 100%); }
  .page-beitragsstabilisierung .spar-hero-copy { max-width:100%; }
  .page-beitragsstabilisierung .spar-hero h1 { max-width:680px; font-size:clamp(2.25rem,7vw,3.6rem); }
  .page-beitragsstabilisierung .spar-layout { grid-template-columns:1fr; }
  .page-beitragsstabilisierung .spar-result { position:static; }
  .page-beitragsstabilisierung .spar-benefit-grid { grid-template-columns:1fr; }
  .page-beitragsstabilisierung .spar-process { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:680px){
  .page-beitragsstabilisierung .spar-container,.page-beitragsstabilisierung .spar-hero-inner,.page-beitragsstabilisierung .spar-cta-inner { width:min(100% - 32px,1180px); }
  .page-beitragsstabilisierung .spar-hero { min-height:auto; padding:44px 0 250px; }
  .page-beitragsstabilisierung .spar-hero-photo { width:100%; height:245px; top:auto; bottom:0; object-position:center 35%; }
  .page-beitragsstabilisierung .spar-hero::after { background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.99) 57%,rgba(255,255,255,.9) 67%,rgba(235,239,248,.08) 100%); }
  .page-beitragsstabilisierung .spar-hero h1 { font-size:clamp(2rem,10vw,2.8rem); }
  .page-beitragsstabilisierung .spar-hero .lead { font-size:1.05rem; }
  .page-beitragsstabilisierung .spar-section { padding:52px 0; }
  .page-beitragsstabilisierung .spar-form-card,.page-beitragsstabilisierung .spar-result { padding:22px 20px; }
  .page-beitragsstabilisierung .spar-form-grid { grid-template-columns:1fr; }
  .page-beitragsstabilisierung .spar-field-wide { grid-column:auto; }
  .page-beitragsstabilisierung .spar-process { grid-template-columns:1fr; }
  .page-beitragsstabilisierung .spar-security { grid-template-columns:1fr; padding:22px 20px; }
}