/* ===== sfc-viz.css — interaktive Ratgeber-Visualisierungen (first-party, kein externes Lib) ===== */
.sfc-viz{margin:30px 0}
.sfc-viz--ready .sfc-viz-fallback{display:none}
.sfc-viz-fallback{}

/* ---- Rechner ---- */
.sfc-calc{background:#fff;border:1px solid #dce4ef;border-radius:18px;padding:26px 30px;
  box-shadow:0 1px 2px rgba(16,28,52,.05),0 18px 36px -24px rgba(16,40,90,.26)}
.sfc-calc__head{display:flex;align-items:flex-start;gap:13px;margin:0 0 20px}
.sfc-calc__head::before{content:"";flex:none;width:30px;height:30px;border-radius:9px;margin-top:1px;background:#eef5fd
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230057B7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='2' width='16' height='20' rx='2'/%3E%3Cline x1='8' y1='6' x2='16' y2='6'/%3E%3Cline x1='8' y1='10' x2='10' y2='10'/%3E%3Cline x1='12' y1='10' x2='16' y2='10'/%3E%3Cline x1='8' y1='14' x2='10' y2='14'/%3E%3Cline x1='12' y1='14' x2='16' y2='14'/%3E%3Cline x1='8' y1='18' x2='10' y2='18'/%3E%3C/svg%3E") center/17px no-repeat}
.sfc-calc__title{font-size:1.18rem;font-weight:800;color:#16203a;line-height:1.25;margin:0}
.sfc-calc__sub{font-size:.9rem;color:#5b6884;margin:3px 0 0;line-height:1.45}
.sfc-calc__grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 28px;margin-bottom:6px}
@media(max-width:560px){.sfc-calc__grid{grid-template-columns:1fr}}
.sfc-calc__field{min-width:0}
.sfc-calc__field label{display:flex;justify-content:space-between;align-items:baseline;font-size:.9rem;font-weight:600;color:#3a4660;margin-bottom:8px;gap:10px}
.sfc-calc__field label b{color:#0057B7;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.sfc-calc__field input[type=range]{width:100%;-webkit-appearance:none;appearance:none;height:6px;border-radius:6px;background:#dde7f3;outline:none;cursor:pointer}
.sfc-calc__field input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#0057B7;border:3px solid #fff;box-shadow:0 1px 4px rgba(0,87,183,.5);cursor:pointer}
.sfc-calc__field input[type=range]::-moz-range-thumb{width:17px;height:17px;border-radius:50%;background:#0057B7;border:3px solid #fff;box-shadow:0 1px 4px rgba(0,87,183,.5);cursor:pointer}
.sfc-calc__check{display:flex;align-items:center;gap:10px;font-size:.92rem;font-weight:600;color:#3a4660;cursor:pointer;user-select:none;align-self:end;padding-bottom:6px}
.sfc-calc__check input{width:19px;height:19px;accent-color:#0057B7;cursor:pointer}
.sfc-calc__select{width:100%;font:inherit;font-size:.95rem;font-weight:600;color:#16203a;background:#fff
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230057B7' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") right 11px center/16px no-repeat;
  border:1px solid #cdd9e8;border-radius:10px;padding:10px 38px 10px 13px;cursor:pointer;-webkit-appearance:none;appearance:none;outline:none}
.sfc-calc__select:focus{border-color:#0057B7;box-shadow:0 0 0 3px rgba(0,87,183,.14)}
.sfc-calc__results{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0 18px}
@media(max-width:560px){.sfc-calc__results{grid-template-columns:1fr 1fr}.sfc-calc__out.is-primary{grid-column:1/-1}}
.sfc-calc__out{background:#f6f9fd;border:1px solid #e9eef6;border-radius:13px;padding:15px 14px;text-align:center}
.sfc-calc__out.is-primary{background:linear-gradient(150deg,#0f1a2e,#0b1320);border:0}
.sfc-calc__out .v{font-size:1.55rem;font-weight:800;color:#16203a;font-variant-numeric:tabular-nums;line-height:1.05;letter-spacing:-.01em}
.sfc-calc__out .l{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:#5b6884;margin-top:5px;font-weight:700}
.sfc-calc__out.is-primary .v{color:#fff}
.sfc-calc__out.is-primary .l{color:#9fc0ec}
.sfc-calc__out--text .v{font-size:1.04rem;font-weight:700;line-height:1.2;letter-spacing:0}
.sfc-calc__bar{display:flex;height:32px;border-radius:9px;overflow:hidden;margin:0 0 9px;background:#eef2f7}
.sfc-calc__bar span{display:flex;align-items:center;justify-content:center;color:#fff;font-size:.76rem;font-weight:700;min-width:0;overflow:hidden;transition:flex-basis .45s cubic-bezier(.22,1,.36,1)}
.sfc-calc__barleg{display:flex;gap:18px;flex-wrap:wrap;font-size:.82rem;color:#5b6884;margin-bottom:20px}
.sfc-calc__barleg i{width:11px;height:11px;border-radius:3px;display:inline-block;margin-right:6px;vertical-align:-1px}
.sfc-calc__barleg b{color:#16203a;font-variant-numeric:tabular-nums}
.sfc-calc__cta{display:inline-flex;align-items:center;gap:7px;background:#0057B7;color:#fff !important;font-weight:700;
  padding:13px 26px;border-radius:11px;text-decoration:none !important;font-size:.97rem;box-shadow:0 8px 20px -8px rgba(0,87,183,.55);transition:background .2s}
.sfc-calc__cta:hover{background:#0a4a93}
.sfc-calc__note{font-size:.77rem;color:#687085;margin:14px 0 0;line-height:1.5}

/* ---- Stat-Highlight-Band (Count-up-Kacheln) ---- */
.sfc-statband{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:14px;margin:28px 0}
.sfc-statband__tile{background:#f6f9fd;border:1px solid #e6edf6;border-radius:15px;padding:21px 16px 18px;text-align:center}
.sfc-statband__v{font-size:2rem;font-weight:800;color:#0057B7;font-variant-numeric:tabular-nums;line-height:1.02;letter-spacing:-.015em}
.sfc-statband__l{font-size:.83rem;color:#3a4660;margin-top:9px;font-weight:600;line-height:1.32}
.sfc-statband__s{font-size:.67rem;color:#687085;margin-top:6px;text-transform:uppercase;letter-spacing:.04em;font-weight:700}
.sfc-statband--risk .sfc-statband__tile{background:#fcf3f1;border-color:#f3dcd6}
.sfc-statband--risk .sfc-statband__v{color:#c0392b}
.sfc-statband--dark .sfc-statband__tile{background:linear-gradient(160deg,#0f1a2e,#0b1320);border:0}
.sfc-statband--dark .sfc-statband__v{color:#fff}
.sfc-statband--dark .sfc-statband__l{color:#cdd9ee}
.sfc-statband--dark .sfc-statband__s{color:#7f93b5}

/* ---- Grenzwert-Gauge ---- */
.sfc-gauge{background:#fff;border:1px solid #dce4ef;border-radius:18px;padding:24px 28px 26px;text-align:center;
  box-shadow:0 1px 2px rgba(16,28,52,.05),0 18px 36px -24px rgba(16,40,90,.26)}
.sfc-gauge .sfc-calc__title,.sfc-gauge .sfc-calc__sub{text-align:center}
.sfc-gauge__svg{width:100%;max-width:300px;height:auto;margin:8px auto 0;display:block}
.sfc-gauge__svg line{transition:transform .55s cubic-bezier(.22,1,.36,1);transform-box:view-box}
.sfc-gauge__val{margin:2px 0 0;line-height:1}
.sfc-gauge__val b{font-size:2.4rem;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.sfc-gauge__val span{display:block;font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;color:#687085;font-weight:700;margin-top:3px}
.sfc-gauge__zone{font-size:1.02rem;font-weight:800;margin:13px 0 3px;line-height:1.25}
.sfc-gauge__action{font-size:.86rem;color:#5b6884;line-height:1.45;max-width:42ch;margin:0 auto}
.sfc-gauge__sliderlab{font-size:.8rem;font-weight:600;color:#3a4660;margin:20px 0 8px}
.sfc-gauge__slider{width:100%;max-width:340px;-webkit-appearance:none;appearance:none;height:6px;border-radius:6px;
  background:linear-gradient(90deg,#1f7a44,#d8b020,#e07b1a,#c0392b);outline:none;cursor:pointer}
.sfc-gauge__slider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#16203a;border:3px solid #fff;box-shadow:0 1px 5px rgba(16,32,58,.5);cursor:pointer}
.sfc-gauge__slider::-moz-range-thumb{width:19px;height:19px;border-radius:50%;background:#16203a;border:3px solid #fff;cursor:pointer}

/* ---- Donut-Chart ---- */
.sfc-donut{background:#fff;border:1px solid #dce4ef;border-radius:18px;padding:24px 28px;
  box-shadow:0 1px 2px rgba(16,28,52,.05),0 18px 36px -24px rgba(16,40,90,.26);
  display:grid;grid-template-columns:170px 1fr;gap:8px 26px;align-items:center}
.sfc-donut .sfc-calc__title{grid-column:1/-1}
@media(max-width:520px){.sfc-donut{grid-template-columns:1fr;justify-items:center;text-align:center}}
.sfc-donut__ring{position:relative;width:170px;height:170px}
.sfc-donut__svg{width:170px;height:170px;display:block}
.sfc-donut__svg circle{transition:stroke-dasharray .7s cubic-bezier(.22,1,.36,1)}
.sfc-donut__center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none}
.sfc-donut__center b{font-size:1.85rem;font-weight:800;color:#16203a;line-height:1;font-variant-numeric:tabular-nums}
.sfc-donut__center span{font-size:.68rem;color:#5b6884;font-weight:700;margin-top:4px;max-width:96px;line-height:1.2}
.sfc-donut__leg{display:flex;flex-direction:column;gap:9px}
.sfc-donut__li{display:flex;align-items:center;gap:9px;font-size:.88rem;color:#3a4660}
.sfc-donut__li i{flex:none;width:12px;height:12px;border-radius:4px}
.sfc-donut__ll{flex:1;min-width:0}
.sfc-donut__li b{color:#16203a;font-variant-numeric:tabular-nums;font-weight:800}

/* ---- Vergleichs-Toggle ---- */
.sfc-compare{margin:6px 0}
.sfc-compare__grid{border:1px solid #dce4ef;border-radius:16px;overflow:hidden;background:#fff;
  box-shadow:0 1px 2px rgba(16,28,52,.05),0 18px 36px -26px rgba(16,40,90,.24)}
.sfc-compare__row{display:grid;grid-template-columns:1.15fr repeat(var(--cols,2),1fr);border-top:1px solid #eef2f7}
.sfc-compare__row:first-child{border-top:0}
.sfc-compare__row--head{background:#f6f9fd}
.sfc-compare__rl{padding:13px 16px;font-size:.84rem;font-weight:700;color:#3a4660;display:flex;align-items:center;background:#fbfcfe}
.sfc-compare__col{padding:14px 16px;text-align:center}
.sfc-compare__ct{font-size:1.02rem;font-weight:800;color:#0057B7;line-height:1.2}
.sfc-compare__cb{font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;color:#687085;font-weight:700;margin-top:3px}
.sfc-compare__cell{padding:13px 16px;font-size:.88rem;color:#3a4660;text-align:center;line-height:1.4;border-left:1px solid #eef2f7}
.sfc-compare__row.is-same .sfc-compare__cell{background:#f1faf4;color:#1f7a44;font-weight:600}
.sfc-compare__row.is-same .sfc-compare__rl{color:#1f7a44}
@media(max-width:560px){
  .sfc-compare__row{grid-template-columns:1fr}
  .sfc-compare__rl{background:#eef3fa;font-size:.8rem;padding:9px 14px}
  .sfc-compare__cell{border-left:0;border-top:1px solid #f0f3f8;text-align:left;display:flex;justify-content:space-between}
  .sfc-compare__row--head .sfc-compare__rl{display:none}
  .sfc-compare__col{border-top:1px solid #eef2f7}
}

/* ---- Range-Bar-Chart ---- */
.sfc-rangebar{background:#fff;border:1px solid #dce4ef;border-radius:18px;padding:24px 28px 22px;
  box-shadow:0 1px 2px rgba(16,28,52,.05),0 18px 36px -24px rgba(16,40,90,.26)}
.sfc-rb__rows{display:flex;flex-direction:column;gap:15px;margin-top:18px}
.sfc-rb__row{display:grid;grid-template-columns:135px 1fr auto;gap:15px;align-items:center}
.sfc-rb__label{font-size:.86rem;font-weight:600;color:#3a4660;line-height:1.25}
.sfc-rb__track{position:relative;height:15px;background:#eef2f7;border-radius:8px}
.sfc-rb__bar{position:absolute;top:0;height:15px;border-radius:8px;min-width:6px;transition:width .7s cubic-bezier(.22,1,.36,1)}
.sfc-rb__val{font-size:.83rem;font-weight:700;color:#16203a;font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}
@media(max-width:520px){
  .sfc-rb__row{grid-template-columns:1fr auto;gap:5px 12px}
  .sfc-rb__label{grid-column:1/-1}
  .sfc-rb__track{order:2}
  .sfc-rb__val{order:3}
}

/* ---- Prozess-Stepper ---- */
.sfc-stepper{background:#fff;border:1px solid #dce4ef;border-radius:18px;padding:24px 28px 20px;
  box-shadow:0 1px 2px rgba(16,28,52,.05),0 18px 36px -24px rgba(16,40,90,.26)}
.sfc-step__list{margin-top:16px}
.sfc-step{position:relative;display:grid;grid-template-columns:38px 1fr;gap:16px;padding-bottom:22px}
.sfc-step:last-child{padding-bottom:0}
.sfc-step::before{content:"";position:absolute;left:18px;top:38px;bottom:0;width:2px;background:#dde7f3}
.sfc-step:last-child::before{display:none}
.sfc-step__num{width:38px;height:38px;border-radius:50%;background:#0057B7;color:#fff;font-weight:800;font-size:1.02rem;
  display:flex;align-items:center;justify-content:center;position:relative;z-index:1;box-shadow:0 3px 8px -2px rgba(0,87,183,.5)}
.sfc-step__title{font-size:1.02rem;font-weight:800;color:#16203a;line-height:1.3;display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:6px}
.sfc-step__badge{font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#0057B7;background:#e8f1fc;padding:3px 9px;border-radius:20px}
.sfc-step__badge.is-danger{color:#fff;background:#c0392b}
.sfc-step__detail{font-size:.9rem;color:#5b6884;line-height:1.5;margin-top:6px}

/* Schutz: News-Body-Card-Regel darf die Stepper-Schritte NICHT als Kästchen rendern (flacher Timeline-Look) */
.sfc-news-detail-body .sfc-step,
.sfc-news-detail-body .sfc-step__body{
  border:0!important;border-radius:0!important;box-shadow:none!important;background:none!important}
.sfc-news-detail-body .sfc-step{padding:0 0 22px!important}
.sfc-news-detail-body .sfc-step__body{padding:0!important}

/* ---- Interaktive Matrix (filterbare Tabelle) ---- */
.sfc-matrix{margin:28px 0}
.sfc-matrix__chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 16px}
.sfc-matrix__chip{font:inherit;font-size:.81rem;font-weight:700;color:#3a4660;background:#eef3fa;border:1px solid #dce6f3;
  border-radius:20px;padding:7px 15px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.sfc-matrix__chip:hover{background:#e1ecfa}
.sfc-matrix__chip.is-active{background:#0057B7;color:#fff;border-color:#0057B7}
.sfc-matrix__scroll{overflow-x:auto;border-radius:14px;box-shadow:0 1px 2px rgba(16,28,52,.04),0 22px 42px -30px rgba(16,40,90,.30)}
.sfc-matrix__table{width:100%;border-collapse:separate;border-spacing:0;font-size:.9rem;background:#fff;border:1px solid #e3eaf3;border-radius:14px;overflow:hidden}
.sfc-matrix__table th{background:#0f1a2e;color:#fff;text-align:left;font-weight:700;font-size:.74rem;text-transform:uppercase;letter-spacing:.03em;padding:13px 16px}
.sfc-matrix__table td{padding:12px 16px;border-top:1px solid #eef2f7;color:#3a4660;line-height:1.45;vertical-align:top}
.sfc-matrix__table td:first-child{font-weight:600;color:#16203a}
.sfc-matrix__table tbody tr:nth-child(even){background:#f7f9fd}
.sfc-matrix__table tbody tr:hover{background:#eef5ff}
.sfc-matrix__pill{display:inline-block;padding:3px 11px;border-radius:20px;font-size:.79rem;font-weight:700;background:#e8f1fc;color:#0057B7;white-space:nowrap}
.sfc-matrix__pill.is-short{background:#fcebe8;color:#c0392b}
.sfc-matrix__pill.is-long{background:#eaf6ef;color:#1f7a44}

/* ---- Key-Facts (Auf einen Blick) ---- */
.sfc-keyfacts{background:linear-gradient(162deg,#eff6ff,#e7f0fc);border:1px solid #d6e4f6;border-radius:16px;padding:22px 26px;margin:26px 0}
.sfc-keyfacts__head{display:flex;align-items:center;gap:11px;margin-bottom:15px}
.sfc-keyfacts__head::before{content:"";flex:none;width:26px;height:26px;border-radius:8px;background:#0057B7
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 22h4M12 2a7 7 0 0 0-4 12.7c.6.5 1 1.3 1 2.1h6c0-.8.4-1.6 1-2.1A7 7 0 0 0 12 2z'/%3E%3C/svg%3E") center/16px no-repeat}
.sfc-keyfacts__title{font-size:1.05rem;font-weight:800;color:#0f1a2e;letter-spacing:-.01em}
.sfc-keyfacts__list{display:flex;flex-direction:column;gap:12px}
.sfc-keyfacts__item{display:flex;gap:12px;align-items:flex-start}
.sfc-keyfacts__ico{flex:none;width:21px;height:21px;margin-top:1px;border-radius:50%;background:#0057B7
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/12px no-repeat;box-shadow:0 1px 3px rgba(0,87,183,.35)}
.sfc-keyfacts__txt{font-size:.97rem;line-height:1.52;color:#27324b}
.sfc-keyfacts__txt b{color:#0f1a2e;font-weight:800}

/* ---- Praxisbeispiel / Case-Study aufgewertet (bestehende .sfc-case-study) ---- */
.sfc-news-detail-body .sfc-case-study{padding:26px 30px 24px!important;background:#fff!important;
  border:1px solid #e3eaf3!important;border-radius:16px!important;margin:32px 0!important;
  box-shadow:0 1px 2px rgba(16,28,52,.04),0 24px 44px -32px rgba(16,40,90,.30)!important}
.sfc-news-detail-body .sfc-case-study > h2:first-child,
.sfc-news-detail-body .sfc-case-study > h3:first-child{margin:0 0 18px!important;padding:1px 0 0 36px!important;border:0!important;
  font-size:1.2rem!important;line-height:1.32!important;color:#0f1a2e!important;position:relative;min-height:26px}
.sfc-news-detail-body .sfc-case-study > h2:first-child::before,
.sfc-news-detail-body .sfc-case-study > h3:first-child::before{content:"";position:absolute;left:0;top:0;
  width:26px;height:26px;border-radius:8px;background:#0057B7
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='7' width='20' height='14' rx='2'/%3E%3Cpath d='M16 7V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2'/%3E%3C/svg%3E") center/15px no-repeat}
.sfc-news-detail-body .sfc-case-study > div:first-of-type{background:#f6f9fd!important;border-radius:11px!important;
  padding:16px 20px!important;margin:0 0 18px!important;gap:9px 28px!important}
.sfc-news-detail-body .sfc-case-study p{max-width:none}
.sfc-news-detail-body .sfc-case-study > *:last-child{margin-bottom:0!important}

/* ============================================================================
   EDITORIAL (ZEIT-Stil) — universell für ALLE Wissen-Artikel
   ============================================================================ */

/* ---- Redaktionelle Tabellen (statt Grid-Wüste) ---- */
.sfc-news-detail-body table{width:100%;border-collapse:separate!important;border-spacing:0!important;margin:30px 0;
  font-size:.92rem;border:1px solid #e3eaf3!important;border-radius:14px!important;overflow:hidden;background:#fff;
  box-shadow:0 1px 2px rgba(16,28,52,.04),0 22px 42px -30px rgba(16,40,90,.30)}
.sfc-news-detail-body table th{background:#0f1a2e!important;color:#fff!important;text-align:left!important;font-weight:700!important;
  font-size:.76rem!important;text-transform:uppercase;letter-spacing:.03em;padding:13px 16px!important;border:0!important;line-height:1.3}
.sfc-news-detail-body table td{padding:12px 16px!important;border:0!important;border-top:1px solid #eef2f7!important;
  vertical-align:top;line-height:1.5;color:#3a4660}
.sfc-news-detail-body table tbody tr:first-child td{border-top:0!important}
.sfc-news-detail-body table tbody tr:nth-child(even){background:#f7f9fd}
.sfc-news-detail-body table tbody tr:hover{background:#eef5ff}
.sfc-news-detail-body table td:first-child{font-weight:600;color:#16203a}
.sfc-news-detail-body table caption{caption-side:top;text-align:left;font-weight:700;color:#16203a;font-size:1rem;margin-bottom:10px}
@media(max-width:600px){.sfc-news-detail-body table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}}

/* ---- Pull-Quote (Experten-Zitat) ---- */
.sfc-news-detail-body blockquote{margin:36px auto!important;padding:4px 10px 0!important;border:0!important;
  max-width:none!important;text-align:center;background:none!important;position:relative}
.sfc-news-detail-body blockquote::before{content:"\201C";display:block;font-family:Georgia,"Times New Roman",serif;
  font-size:3.6rem;line-height:.5;color:#0057B7;margin:0 0 8px}
.sfc-news-detail-body blockquote p{font-family:"Plus Jakarta Sans",sans-serif!important;font-size:1.32rem!important;
  line-height:1.5!important;font-weight:600!important;color:#16203a!important;margin:0 auto;max-width:36ch}
.sfc-news-detail-body blockquote cite,.sfc-news-detail-body blockquote footer{display:block;margin-top:14px;
  font-size:.85rem;color:#5b6884;font-style:normal;font-weight:700;letter-spacing:.01em}
.sfc-news-detail-body blockquote cite::before{content:"— "}

/* ---- Lead-Absatz (erster Absatz nach dem Teaser) ---- */
.sfc-news-detail-body > p:first-of-type{font-size:1.16rem;line-height:1.62;color:#28324c}

/* ---- Lesefluss: Textspalte begrenzen, Figuren bleiben breit ---- */
.sfc-news-detail-body > p,.sfc-news-detail-body > ul,.sfc-news-detail-body > ol{max-width:74ch}

/* ============================================================================
   ZEIT-EDITORIAL-RHYTHMUS (2026-06-24) — Listen verdichten · Marker refinen · Absatz-Rhythmus
   Quelle: Recon gegen zeit.de (li-Abstand ~halbe Zeilenhöhe, ruhige kleine Marker, Whitespace
   an die Struktur statt zwischen jeden Absatz geschmiert). sfc-viz.css lädt zuletzt via f:asset.
   ============================================================================ */

/* --- Absatz-Rhythmus: 1.8/24px war geschmierte Wüste → 1.65/16px (kein !important nötig, spät geladen) --- */
.sfc-news-detail-body p{line-height:1.65;margin:0 0 16px}
.sfc-news-detail-body > p:first-of-type{font-size:1.17rem;line-height:1.55;color:#28324c;margin-bottom:20px}

/* --- Checklist (.sfc-checklist): Marker-Leak fixen (war 6px-Blaupunkt aus sfc-news.css:1148) + verdichten --- */
.sfc-news-detail-body ul.sfc-checklist{display:grid!important;gap:7px!important;margin:16px 0!important;padding-left:0!important;list-style:none!important}
.sfc-news-detail-body ul.sfc-checklist li{position:relative!important;padding-left:30px!important;line-height:1.5!important;margin:0!important;font-size:17px;color:#27324b}
.sfc-news-detail-body ul.sfc-checklist li::before{content:""!important;position:absolute!important;left:0!important;top:2px!important;width:19px!important;height:19px!important;border-radius:50%!important;
  background:#1E9E6A url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/11px no-repeat!important;
  box-shadow:0 1px 2px rgba(15,90,60,.3)!important}

/* --- Maß: 760→704 (DESIGN.md 68ch · impeccable/ui-ux-pro-max 65-75 CPL · ZEIT-Recon 660px) --- */
.sfc-news-detail-content{max-width:704px!important;margin-inline:auto}
/* --- A11y: Fine-Print war 3.08:1 (< WCAG 4.5:1) → #687085 ≈ 5:1 --- */
/* --- Standfirst/Teaser: CI-Seitenstrich (impeccable-Verbot) raus → ruhiger ZEIT-Lead (muted, größer, kein Rahmen) --- */
.sfc-news-detail-teaser{border:0!important;border-left:0!important;padding-left:0!important;background:none!important;
  font-size:1.22rem!important;line-height:1.55!important;color:#3a4660!important;font-weight:400!important;margin:8px 0 30px!important;max-width:66ch}

/* --- Plain ul: kleiner ruhiger Punkt (Halo weg), enge Items, Marker an die Grundlinie --- */
.sfc-news-detail-body li:not(.checklist li):not(.sfc-key-takeaways li):not(.sfc-checklist li){line-height:1.55!important;margin:0 0 5px!important;padding-left:22px!important}
.sfc-news-detail-body ul:not(.checklist):not(.sfc-checklist){margin:14px 0!important}
.sfc-news-detail-body ul:not(.checklist):not(.sfc-checklist) > li::before{left:2px!important;top:.62em!important;width:6px!important;height:6px!important;background:#0057B7!important;box-shadow:none!important;border-radius:50%!important}

/* --- Ol: kleinerer, flacherer Zahlmarker, enge Items --- */
.sfc-news-detail-body ol{margin:14px 0!important}
.sfc-news-detail-body ol > li{margin:0 0 6px!important}
.sfc-news-detail-body ol > li::before{width:23px!important;height:23px!important;top:.06em!important;font-size:.72rem!important;box-shadow:0 2px 4px -1px rgba(0,87,183,.3)!important}

/* --- Verschachtelte Listen noch enger --- */
.sfc-news-detail-body li ul,.sfc-news-detail-body li ol{margin:6px 0 4px!important}
.sfc-news-detail-body li li{margin-bottom:3px!important}

/* ============================================================================
   TACTILE + FOCUS (taste-skill Rule 5 · ui-ux-pro-max press-feedback/focus-states)
   Interaktive Elemente brauchen Press-Feedback (translate/scale) + Keyboard-Fokus-Ring.
   Nur transform/opacity animiert (Performance), respektiert reduced-motion.
   ============================================================================ */
.sfc-calc__cta{transition:background .2s,transform .12s cubic-bezier(.22,1,.36,1),box-shadow .2s}
.sfc-calc__cta:active{transform:translateY(1px) scale(.985)}
.sfc-calc__cta:focus-visible{outline:3px solid rgba(0,87,183,.45);outline-offset:2px}
.sfc-matrix__chip{transition:background .15s,color .15s,border-color .15s,transform .1s}
.sfc-matrix__chip:active{transform:translateY(1px)}
.sfc-matrix__chip:focus-visible{outline:2px solid #0057B7;outline-offset:2px}
.sfc-calc__select:focus-visible{outline:2px solid #0057B7;outline-offset:1px}
.sfc-gauge__slider:focus-visible,.sfc-calc__field input[type=range]:focus-visible{outline:2px solid rgba(0,87,183,.55);outline-offset:3px}
.sfc-calc__cta:active,.sfc-matrix__chip:active{transition-duration:.05s}
@media(prefers-reduced-motion:reduce){
  .sfc-calc__cta,.sfc-matrix__chip{transition:background .15s,color .15s}
  .sfc-calc__cta:active,.sfc-matrix__chip:active{transform:none}
}

/* ============================================================================
   TABELLEN-UMBRÜCHE + BREITE FIGUREN (ZEIT „schmaler Text, breite Figuren")
   Bei 704px-Textmaß quetschten 5-Spalten-Matrizen lange Komposita mitten ins Wort.
   Matrix bricht auf 900px aus, Zellen trennen sauber per Silbentrennung (lang=de).
   ============================================================================ */
.sfc-news-detail-body .sfc-viz[data-viz="matrix"]{width:min(900px,94vw);max-width:none;margin-left:50%;transform:translateX(-50%)}
.sfc-news-detail-body table td,.sfc-news-detail-body table th{
  word-break:normal!important;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}
/* erste Spalte (Bauteil-Namen) etwas mehr Luft, damit sie selten brechen muss */
.sfc-news-detail-body .sfc-matrix__table td:first-child{min-width:130px}

/* ============================================================================
   INLINE-ARTIKEL-CTA (.cta-box) — war flach-CI-blau + dunkler Text auf Blau
   (Kontrast-Bruch, DESIGN.md „Dark-bg erzwingt #fff") + zentriert + padding:0.
   → Navy-Gradient, durchgehend helle Schrift, linksbündig, echtes weißes Pill.
   ============================================================================ */
.sfc-news-detail-body .cta-box{background:linear-gradient(145deg,#0F1724,#0a3b78)!important;color:#fff!important;
  text-align:left!important;padding:28px 32px!important;border-radius:18px!important;margin:32px 0!important;border:0!important;
  box-shadow:0 1px 2px rgba(16,28,52,.06),0 28px 52px -30px rgba(0,45,130,.55)!important}
.sfc-news-detail-body .cta-box *{color:#d8e3f4!important;text-align:left!important}
.sfc-news-detail-body .cta-box > :first-child,.sfc-news-detail-body .cta-box h2,.sfc-news-detail-body .cta-box h3,.sfc-news-detail-body .cta-box h4{
  font-size:1.3rem!important;font-weight:800!important;color:#fff!important;margin:0 0 12px!important;line-height:1.3!important}
.sfc-news-detail-body .cta-box strong{color:#fff!important}
.sfc-news-detail-body .cta-box a[href^="tel"]{color:#fff!important;text-decoration:underline;text-underline-offset:2px}
.sfc-news-detail-body .cta-box a:not([href^="tel"]){display:inline-block!important;background:#fff!important;color:#0057B7!important;
  font-weight:700!important;padding:12px 24px!important;border-radius:11px!important;text-decoration:none!important;margin-top:14px!important;
  box-shadow:0 8px 20px -8px rgba(2,12,30,.4);transition:transform .12s,box-shadow .2s}
.sfc-news-detail-body .cta-box a:not([href^="tel"]):hover{box-shadow:0 10px 24px -8px rgba(2,12,30,.5)}
.sfc-news-detail-body .cta-box a:not([href^="tel"]):active{transform:translateY(1px)}

/* ============================================================================
   B1 — Haftungshinweis (.sfc-disclaimer): padding:0 (Inhalt am Rand) + flaches Grau
   → kühl getöntes Surface + Padding + Lesefarbe. (Quellen/Autor-Bio waren ok.)
   ============================================================================ */
.sfc-news-detail-body .sfc-disclaimer{padding:18px 22px!important;background:#f4f7fb!important;border:1px solid #e6edf6!important;
  border-radius:12px!important;color:#3a4660!important;font-size:.88rem!important;line-height:1.6!important;margin:26px 0!important}
.sfc-news-detail-body .sfc-disclaimer strong{color:#16202C!important}
.sfc-news-detail-body .sfc-disclaimer a{color:#0057B7!important}

/* ============================================================================
   B3 — Stat-Band: gleich große bordierte Kacheln = „identical card grid"-Cliché
   (impeccable/ui-ux/taste-skill). → EIN Container, Hairline-getrennte Datenfelder
   (kein Karten-Grid). Tone via Zahlfarbe (Risiko=rot), nicht via Kachel-Box.
   ============================================================================ */
.sfc-news-detail-body .sfc-statband{gap:1px!important;background:#e6edf6!important;border:1px solid #e6edf6!important;border-radius:14px!important;overflow:hidden!important}
.sfc-news-detail-body .sfc-statband__tile{background:#f8fafd!important;border:0!important;border-radius:0!important;padding:20px 16px 18px!important}
.sfc-news-detail-body .sfc-statband--risk{background:#f1d9d3!important;border-color:#f1d9d3!important}
.sfc-news-detail-body .sfc-statband--risk .sfc-statband__tile{background:#fdf4f2!important}
.sfc-news-detail-body .sfc-statband--risk .sfc-statband__v{color:#c0392b!important}
.sfc-news-detail-body .sfc-statband--dark{background:#0b1320!important;border-color:#1e2c44!important}
.sfc-news-detail-body .sfc-statband--dark .sfc-statband__tile{background:linear-gradient(160deg,#0f1a2e,#0b1320)!important}

/* ============================================================================
   B2-Pilot — Pull-Quote (»…«) je Sektion: Kernsatz als visueller Ruhepunkt.
   ZEIT-Stil, linksbündig, großes CI-» + Hairlines oben/unten (KEIN Seitenstrich).
   ============================================================================ */
.sfc-news-detail-body .sfc-pullquote{margin:34px 0!important;padding:20px 0 20px 48px!important;position:relative;
  border-top:1px solid #dce4ef!important;border-bottom:1px solid #dce4ef!important;background:none!important;max-width:none!important}
.sfc-news-detail-body .sfc-pullquote::before{content:"\00BB";position:absolute;left:0;top:12px;font-size:3rem;line-height:1;color:#0057B7;font-weight:800}
.sfc-news-detail-body .sfc-pullquote p{font-size:1.5rem!important;line-height:1.38!important;font-weight:700!important;
  color:#16202C!important;margin:0!important;max-width:none!important;letter-spacing:-.012em!important}
@media(max-width:560px){.sfc-news-detail-body .sfc-pullquote p{font-size:1.26rem!important}}