.elementor-31964 .elementor-element.elementor-element-72eea04{--display:flex;--margin-top:-05px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-31964 .elementor-element.elementor-element-99e7c73{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-c836aab *//* =========================================================
   S & C – GLOBAL ARTICLE CSS
   Bereinigte Finalversion | Heading-safe
   - gleiche Funktionen wie im aktuellen Stand
   - Dubletten entfernt
   - Spät-Overrides sauber integriert
   - H1/Subline/H2-Titel typografisch nicht mehr global hart überschrieben
   ========================================================= */

/* ---------------------------------------------------------
   01) FOUNDATION
   --------------------------------------------------------- */
section[id^="ni-hero-"],
section[id^="ni-body-"]{
  --sc-bg:#f8fbff;
  --sc-panel:#ffffff;
  --sc-panel-soft:#f4f8fd;
  --sc-panel-soft-2:#eef5fc;

  --sc-border:#dbe7f3;
  --sc-border-strong:#cfdeed;

  --sc-ink:#1f2d3a;
  --sc-ink-strong:#243240;
  --sc-muted:#5d7187;

  --sc-blue:#2e67c7;
  --sc-blue-deep:#214f9f;
  --sc-blue-soft:rgba(46,103,199,.10);
  --sc-blue-soft-2:rgba(46,103,199,.18);

  --sc-shadow-soft:0 8px 20px rgba(17,24,39,.06);
  --sc-shadow-panel:0 10px 24px rgba(16,24,40,.06);
  --sc-shadow-strong:0 12px 26px rgba(16,24,40,.09);

  --sc-num-top:#4b6076;
  --sc-num-bottom:#243240;

  --sc-radius-sm:12px;
  --sc-radius-md:14px;
  --sc-radius-lg:16px;
}

/* ---------------------------------------------------------
   02) HERO / FOLD
   --------------------------------------------------------- */
section[id^="ni-hero-"]{
  background:var(--sc-bg) !important;
  color:var(--sc-ink) !important;
}

section[id^="ni-hero-"] .wrap{
  padding-top:18px !important;
  padding-bottom:4px !important;
}

/* Wichtig:
   H1/Subline werden bewusst NICHT mehr global in Größe/Breite/Zeilenhöhe
   festgelegt, damit artikel-spezifische Hero-Styles nicht zerstört werden. */
section[id^="ni-hero-"] .hgroup h1{
  color:var(--sc-ink-strong) !important;
}

section[id^="ni-hero-"] .hgroup .sub{
  color:var(--sc-muted) !important;
}

/* Lesezeit + Wörter ausblenden */
section[id^="ni-hero-"] .ni-meta,
section[id^="ni-hero-"] [id^="read-"],
section[id^="ni-hero-"] [id^="words-"],
section[id^="ni-hero-"] .ni-meta .dot{
  display:none !important;
}

/* Autorenbox */
section[id^="ni-hero-"] .sc-author-rail{
  margin:14px auto 18px !important;
}

section[id^="ni-hero-"] .sc-author-rail__inner{
  background:linear-gradient(180deg, #f9fcff 0%, #eef5fc 100%) !important;
  border:1px solid var(--sc-border-strong) !important;
  border-radius:15px !important;
  padding:12px 18px !important;
  box-shadow:0 6px 16px rgba(16,24,40,.05) !important;
}

section[id^="ni-hero-"] .sc-author-rail__name{
  color:#102133 !important;
}

section[id^="ni-hero-"] .sc-author-rail__role{
  color:#445b72 !important;
}

section[id^="ni-hero-"] .sc-author-rail__link{
  color:#18407a !important;
}

/* Hero-Bild */
section[id^="ni-hero-"] .hero{
  margin-bottom:8px !important;
  line-height:0 !important;
}

section[id^="ni-hero-"] .hero figure{
  border-radius:18px !important;
  border:1px solid rgba(207,222,237,.42) !important;
  background:transparent !important;
  outline:0 !important;
  overflow:hidden !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.18) !important;
}

section[id^="ni-hero-"] .hero figure::before,
section[id^="ni-hero-"] .hero figure::after{
  display:none !important;
  content:none !important;
}

section[id^="ni-hero-"] .hero img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  vertical-align:top !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}

/* Kapitel-Badge auf dem Bild */
section[id^="ni-hero-"] .badge{
  width:48px !important;
  height:48px !important;
  border-radius:15px !important;
  font-size:12px !important;
  background:linear-gradient(180deg, rgba(88,103,120,.92) 0%, rgba(36,50,64,.98) 100%) !important;
  border:2px solid rgba(255,255,255,.96) !important;
  box-shadow:
    0 10px 22px rgba(16,24,40,.22),
    inset 0 1px 0 rgba(255,255,255,.18) !important;
  color:#fff !important;
}

/* CTA-Bereich unter dem Bild */
section[id^="ni-hero-"] .ni-cta{
  padding:8px 12px 16px !important;
  gap:12px !important;
  background:rgba(248,251,255,.94) !important;
  border-bottom:1px solid var(--sc-border) !important;
  align-items:center !important;
}

section[id^="ni-hero-"] .ni-cta a{
  min-height:40px !important;
  padding:10px 17px !important;
  box-shadow:0 8px 18px rgba(16,24,40,.07) !important;
}

section[id^="ni-hero-"] .ni-cta .primary{
  background:linear-gradient(180deg, var(--sc-num-top) 0%, var(--sc-num-bottom) 100%) !important;
  color:#fff !important;
}

section[id^="ni-hero-"] .ni-cta .ghost{
  background:#fff !important;
  color:var(--sc-ink) !important;
  border:2px solid rgba(46,103,199,.16) !important;
}

section[id^="ni-hero-"] .ni-cta + .fold-spacer{
  height:8px !important;
}

/* ---------------------------------------------------------
   03) BODY / TYPO
   --------------------------------------------------------- */
section[id^="ni-body-"]{
  background:var(--sc-bg) !important;
  color:var(--sc-ink) !important;
}

section[id^="ni-body-"] .wrap{
  max-width:900px !important;
  font-size:clamp(16px,1.02vw,17.5px) !important;
  line-height:1.68 !important;
  padding-bottom:calc(28px + var(--safe-bottom, 0px)) !important;
}

section[id^="ni-body-"] p{
  margin:0 0 16px !important;
}

section[id^="ni-body-"] a{
  color:#18407a !important;
  text-decoration-thickness:1px !important;
  text-underline-offset:2px !important;
}

section[id^="ni-body-"] li,
section[id^="ni-body-"] p,
section[id^="ni-body-"] .legal-note{
  color:var(--sc-ink) !important;
}

/* ---------------------------------------------------------
   04) SUMMARY
   --------------------------------------------------------- */
section[id^="ni-body-"] .ni-summary{
  background:var(--sc-panel) !important;
  border:1px solid var(--sc-border) !important;
  border-radius:var(--sc-radius-sm) !important;
  padding:12px 16px 14px !important;
  box-shadow:var(--sc-shadow-soft), inset 0 0 0 1px rgba(36,50,64,.08) !important;
}

section[id^="ni-body-"] .ni-summary h2{
  font-size:20px !important;
  min-height:auto !important;
  padding-top:2px !important;
  color:#0f2233 !important;
}

section[id^="ni-body-"] .ni-summary ul{
  gap:10px !important;
}

section[id^="ni-body-"] .ni-summary li{
  background:var(--sc-panel-soft) !important;
  border-radius:12px !important;
  box-shadow:inset 0 0 0 1px var(--sc-border) !important;
  padding:13px 16px 13px 52px !important;
}

section[id^="ni-body-"] .ni-summary li::before{
  color:#1a7f37 !important;
}

/* ---------------------------------------------------------
   05) TOC
   --------------------------------------------------------- */
section[id^="ni-body-"] [id^="ni-toc-"]{
  margin:16px 0 18px !important;
}

section[id^="ni-body-"] [id^="ni-toc-"] .toc-panel{
  background:var(--sc-panel) !important;
  border:1px solid var(--sc-border) !important;
  border-radius:12px !important;
  box-shadow:var(--sc-shadow-soft), inset 0 0 0 1px rgba(36,50,64,.08) !important;
}

section[id^="ni-body-"] [id^="ni-toc-"] .toc-head{
  font-size:20px !important;
  padding:16px 16px 8px !important;
  min-height:auto !important;
  color:#0f2233 !important;
}

section[id^="ni-body-"] [id^="ni-toc-"] .toc-hint{
  margin-bottom:10px !important;
  font-size:12.5px !important;
  color:var(--sc-muted) !important;
}

section[id^="ni-body-"] [id^="ni-toc-"] .toc-list{
  gap:8px !important;
}

section[id^="ni-body-"] [id^="ni-toc-"] .toc-link{
  background:var(--sc-panel-soft) !important;
  border-radius:12px !important;
  box-shadow:inset 0 0 0 1px var(--sc-border) !important;
  padding:11px 14px !important;
  min-height:50px !important;
  color:var(--sc-ink) !important;
}

section[id^="ni-body-"] [id^="ni-toc-"] .toc-link:hover{
  box-shadow:inset 0 0 0 1px rgba(36,50,64,.14), 0 2px 6px rgba(0,0,0,.05) !important;
}

section[id^="ni-body-"] [id^="ni-toc-"] .toc-num{
  min-width:30px !important;
  height:26px !important;
  flex:0 0 30px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:999px !important;
  background:linear-gradient(180deg, var(--sc-num-top) 0%, var(--sc-num-bottom) 100%) !important;
  border:2px solid rgba(255,255,255,.95) !important;
  box-shadow:inset 0 -3px 6px rgba(0,0,0,.10) !important;
  color:#fff !important;
  font-size:12px !important;
  line-height:1 !important;
}

section[id^="ni-body-"] [id^="ni-toc-"] .toc-label{
  font-size:15px !important;
  line-height:1.2 !important;
  color:var(--sc-ink-strong) !important;
}

/* ---------------------------------------------------------
   06) STANDARD H2 / SECTION HEADERS
   --------------------------------------------------------- */
section[id^="ni-body-"] .ni-h2 .row{
  padding-bottom:16px !important;
}

section[id^="ni-body-"] .ni-h2 .row::after{
  background:rgba(46,103,199,.12) !important;
}

section[id^="ni-body-"] .ni-h2 .row > .num{
  background:linear-gradient(180deg, var(--sc-num-top) 0%, var(--sc-num-bottom) 100%) !important;
  color:#fff !important;
  border:3px solid rgba(255,255,255,.95) !important;
  box-shadow:inset 0 -6px 10px rgba(0,0,0,.16), 0 10px 24px rgba(17,34,54,.20) !important;
  text-shadow:0 1px 0 rgba(0,0,0,.22) !important;
}

/* Wichtig:
   H2-Titel werden bewusst nicht mehr global in Größe/Zeilenhöhe
   überschrieben, damit artikel-spezifische Sektionstitel stabil bleiben. */
section[id^="ni-body-"] .ni-h2 .title{
  color:var(--sc-ink-strong) !important;
}

section[id^="ni-body-"] .ni-h2 .h2-up{
  background:#fff !important;
  border:1px solid var(--sc-border-strong) !important;
  color:#46627f !important;
  border-radius:11px !important;
}

/* ---------------------------------------------------------
   07) FAQ
   --------------------------------------------------------- */
section[id^="ni-body-"] .ni-faq{
  background:var(--sc-panel) !important;
  border:1px solid var(--sc-border) !important;
  border-radius:16px !important;
  box-shadow:var(--sc-shadow-soft) !important;
}

section[id^="ni-body-"] .ni-faq h2{
  color:#0f2233 !important;
}

section[id^="ni-body-"] .faq-item{
  border-top:1px solid var(--sc-border) !important;
}

section[id^="ni-body-"] .faq-item summary{
  min-height:50px !important;
  font-size:15.5px !important;
  line-height:1.28 !important;
  color:#0f2130 !important;
}

section[id^="ni-body-"] .faq-item summary:hover{
  background:rgba(46,103,199,.06) !important;
}

section[id^="ni-body-"] .faq-item summary .chev{
  border-right-color:#173a6a !important;
  border-top-color:#173a6a !important;
}

/* ---------------------------------------------------------
   08) LINK-KACHELN UNTEN – PREMIUM MIT MEHR FARBTIEFE
   --------------------------------------------------------- */
section[id^="ni-body-"] .ni-links3{
  background:linear-gradient(180deg, #f6fbff 0%, #edf5fc 100%) !important;
  border:1px solid #d4e2ef !important;
  border-radius:18px !important;
  padding:14px !important;
  box-shadow:
    0 12px 28px rgba(16,24,40,.06),
    inset 0 0 0 1px rgba(255,255,255,.78) !important;
}

section[id^="ni-body-"] .ni-links3 .grid{
  gap:10px !important;
}

section[id^="ni-body-"] .link-card{
  background:linear-gradient(180deg, #ffffff 0%, #fcfdff 100%) !important;
  border-radius:16px !important;
  padding:15px 16px !important;
  align-items:center !important;
  box-shadow:
    inset 0 0 0 1px #d5e2ef,
    0 4px 12px rgba(16,24,40,.045) !important;
  transition:
    transform .14s ease,
    box-shadow .16s ease,
    border-color .16s ease !important;
}

@media (hover:hover) and (pointer:fine){
  section[id^="ni-body-"] .link-card:hover{
    transform:translateY(-1px) !important;
    box-shadow:
      inset 0 0 0 1px rgba(46,103,199,.22),
      0 12px 24px rgba(16,24,40,.075) !important;
  }
}

section[id^="ni-body-"] .link-meta{
  min-width:0 !important;
  flex:1 1 auto !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-self:center !important;
}

section[id^="ni-body-"] .link-ico{
  width:42px !important;
  height:42px !important;
  flex:0 0 42px !important;
  border-radius:14px !important;
  background:linear-gradient(180deg, #f7fbff 0%, #e3eef9 100%) !important;
  border:1px solid #cddded !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    0 7px 16px rgba(16,24,40,.08) !important;
  color:#245fc1 !important;
  display:grid !important;
  place-items:center !important;
}

section[id^="ni-body-"] .link-ico svg{
  width:18px !important;
  height:18px !important;
}

section[id^="ni-body-"] .ni-links3 .link-title{
  color:#0f2132 !important;
  font-size:15.8px !important;
  line-height:1.14 !important;
  font-weight:950 !important;
  margin:0 0 2px !important;
  letter-spacing:-.01em !important;
}

section[id^="ni-body-"] .ni-links3 .link-sub{
  color:#5a718d !important;
  font-size:13.6px !important;
  line-height:1.24 !important;
  font-weight:650 !important;
  margin:0 !important;
}

/* ---------------------------------------------------------
   09) LEGAL NOTE – IMMER WEISS
   --------------------------------------------------------- */
section[id^="ni-body-"] .legal-note{
  background:#ffffff !important;
  color:#142231 !important;
  border:2px solid #2b3948 !important;
  border-radius:16px !important;
  padding:18px 18px 16px !important;
  box-shadow:
    0 8px 22px rgba(17,24,39,.07),
    inset 0 1px 0 rgba(255,255,255,.9) !important;
}

section[id^="ni-body-"] .legal-note strong{
  color:#102133 !important;
}

section[id^="ni-body-"] #fazit .legal-note::before{
  background:#d6e3ef !important;
}

/* ---------------------------------------------------------
   10) SANFTE MODUL-POLISHES
   --------------------------------------------------------- */
section[id^="ni-body-"] .ni-steps,
section[id^="ni-body-"] .ni-checkgrid,
section[id^="ni-body-"] .ni-mistakes,
section[id^="ni-body-"] .ni-costmap,
section[id^="ni-body-"] .ni-scenarios,
section[id^="ni-body-"] .ni-callout,
section[id^="ni-body-"] .ni-sources{
  box-shadow:var(--sc-shadow-soft) !important;
}

section[id^="ni-body-"] .check-title,
section[id^="ni-body-"] .cost-card h3,
section[id^="ni-body-"] .sc-card h3,
section[id^="ni-body-"] .ni-step h3,
section[id^="ni-body-"] .mi-quote{
  color:var(--sc-ink-strong) !important;
}

section[id^="ni-body-"] .check-no,
section[id^="ni-body-"] .ni-step .num{
  background:linear-gradient(180deg, #4a6178 0%, #243240 100%) !important;
  color:#fff !important;
}

/* ---------------------------------------------------------
   11) PREMIUM-POLISH FÜR CHECK-/INFO-KARTEN
   --------------------------------------------------------- */
section[id^="ni-body-"] .check-card{
  position:relative !important;
  background:linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
  border:1px solid #dfeaf5 !important;
  border-radius:18px !important;
  padding:14px 15px 13px !important;
  box-shadow:
    0 8px 20px rgba(16,24,40,.05),
    inset 0 1px 0 rgba(255,255,255,.75) !important;
  overflow:hidden !important;
}

section[id^="ni-body-"] .check-card::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:14px !important;
  bottom:14px !important;
  width:3px !important;
  border-radius:999px !important;
  background:linear-gradient(180deg, rgba(46,103,199,.48), rgba(36,50,64,.30)) !important;
}

section[id^="ni-body-"] .check-head{
  display:flex !important;
  align-items:flex-start !important;
  gap:14px !important;
  margin-bottom:8px !important;
}

section[id^="ni-body-"] .check-no{
  width:42px !important;
  height:42px !important;
  flex:0 0 42px !important;
  border-radius:14px !important;
  background:linear-gradient(180deg, #4a6178 0%, #243240 100%) !important;
  border:2px solid rgba(255,255,255,.96) !important;
  box-shadow:
    inset 0 -5px 9px rgba(0,0,0,.14),
    0 8px 18px rgba(16,24,40,.12) !important;
  color:#fff !important;
  font-size:14px !important;
  font-weight:950 !important;
  text-shadow:0 1px 0 rgba(0,0,0,.2) !important;
}

section[id^="ni-body-"] .check-title{
  min-height:auto !important;
  padding-top:2px !important;
  font-size:19px !important;
  line-height:1.22 !important;
  font-weight:950 !important;
  color:#102133 !important;
  letter-spacing:-.01em !important;
}

section[id^="ni-body-"] .check-card p{
  color:#2d4156 !important;
  line-height:1.44 !important;
}

@media (hover:hover) and (pointer:fine){
  section[id^="ni-body-"] .check-card:hover{
    transform:translateY(-1px) !important;
    border-color:rgba(46,103,199,.20) !important;
    box-shadow:
      0 12px 26px rgba(16,24,40,.07),
      inset 0 1px 0 rgba(255,255,255,.8) !important;
  }
}

/* ---------------------------------------------------------
   12) MOBILE
   --------------------------------------------------------- */
@media (max-width:719px){
  section[id^="ni-body-"] .wrap{
    font-size:16px !important;
    line-height:1.66 !important;
    padding-bottom:calc(16px + var(--safe-bottom, 0px)) !important;
  }

  section[id^="ni-body-"] .ni-summary h2,
  section[id^="ni-body-"] [id^="ni-toc-"] .toc-head{
    font-size:19px !important;
  }

  section[id^="ni-body-"] .faq-item summary{
    font-size:15px !important;
  }

  section[id^="ni-body-"] .ni-links3{
    padding:12px !important;
    border-radius:16px !important;
  }

  section[id^="ni-body-"] .link-card{
    padding:14px 14px !important;
    border-radius:15px !important;
  }

  section[id^="ni-body-"] .link-ico{
    width:40px !important;
    height:40px !important;
    flex-basis:40px !important;
  }

  section[id^="ni-body-"] .link-ico svg{
    width:17px !important;
    height:17px !important;
  }

  section[id^="ni-body-"] .ni-links3 .link-title{
    font-size:15px !important;
  }

  section[id^="ni-body-"] .ni-links3 .link-sub{
    font-size:13px !important;
  }

  section[id^="ni-body-"] .legal-note{
    padding:16px 16px 14px !important;
    border-radius:15px !important;
  }

  section[id^="ni-body-"] [id^="fazit"] .legal-note{
    margin-bottom:4px !important;
  }

  section[id^="ni-body-"] .check-card{
    padding:13px 14px 12px !important;
    border-radius:16px !important;
  }

  section[id^="ni-body-"] .check-head{
    gap:12px !important;
    margin-bottom:7px !important;
  }

  section[id^="ni-body-"] .check-no{
    width:40px !important;
    height:40px !important;
    flex-basis:40px !important;
  }

  section[id^="ni-body-"] .check-title{
    font-size:17px !important;
    line-height:1.22 !important;
  }
}

/* Mobile: Autorenkachel kompakter machen */
@media (max-width:640px){
  section[id^="ni-hero-"] .sc-author-rail{
    width:min(560px, 86vw) !important;
    margin:12px auto 16px !important;
  }

  section[id^="ni-hero-"] .sc-author-rail__inner{
    width:100% !important;
    display:grid !important;
    grid-template-columns:44px minmax(0,1fr) !important;
    justify-items:start !important;
    align-items:center !important;
    column-gap:12px !important;
    row-gap:0 !important;
    padding:10px 12px !important;
    border-radius:14px !important;
  }

  section[id^="ni-hero-"] .sc-author-rail__avatarlink{
    width:44px !important;
    height:44px !important;
    border-radius:14px !important;
  }

  section[id^="ni-hero-"] .sc-author-rail__avatar{
    border-radius:14px !important;
  }

  section[id^="ni-hero-"] .sc-author-rail__content{
    width:auto !important;
    max-width:none !important;
    text-align:left !important;
  }

  section[id^="ni-hero-"] .sc-author-rail__name{
    margin:0 0 2px !important;
    font-size:14px !important;
    line-height:1.2 !important;
  }

  section[id^="ni-hero-"] .sc-author-rail__role{
    font-size:13px !important;
    line-height:1.32 !important;
  }

  section[id^="ni-hero-"] .sc-author-rail__meta{
    margin-top:3px !important;
    font-size:13px !important;
    line-height:1.25 !important;
  }
}

/* Abschluss unten etwas kompakter */
section[id^="ni-body-"] [id^="fazit"] .legal-note{
  margin-bottom:6px !important;
}

/* Elementor-/WordPress Seam-Fix unten */
.elementor-31964 .elementor-element.elementor-element-c836aab{
  position:relative !important;
  overflow:visible !important;
}

.elementor-31964 .elementor-element.elementor-element-c836aab::after{
  content:"";
  position:absolute;
  left:calc(50% - 50vw) !important;
  width:100vw !important;
  bottom:-10px !important;
  height:10px !important;
  background:#f8fbff !important;
  pointer-events:none !important;
  z-index:1 !important;
}

/* =========================================================
   TYPISCHE FEHLER / IN DER PRAXIS
   FINAL
   ========================================================= */

section[id^="ni-body-"] .ni-mistakes{
  padding:11px !important;
}

section[id^="ni-body-"] .ni-mistakes .grid{
  gap:11px !important;
  align-items:stretch !important;
}

section[id^="ni-body-"] .mi-card{
  min-width:0 !important;
  height:auto !important;
  min-height:0 !important;
  border-radius:18px !important;
  overflow:hidden !important;
}

/* obere Zone */
section[id^="ni-body-"] .mi-quotezone{
  position:relative !important;
  min-height:0 !important;
  padding:14px 16px 9px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.99) 0%, rgba(255,255,255,.985) 100%) !important;
}

/* roter Akzent sehr dezent */
section[id^="ni-body-"] .mi-quotezone::before{
  content:"" !important;
  position:absolute !important;
  left:16px !important;
  right:16px !important;
  top:0 !important;
  height:2px !important;
  border-radius:999px !important;
  background:linear-gradient(90deg, rgba(180,35,24,.34), rgba(180,35,24,.08)) !important;
  opacity:.55 !important;
}

section[id^="ni-body-"] .mi-quote{
  margin:0 !important;
  min-height:0 !important;
  font-size:clamp(15px,.92vw,16.7px) !important;
  line-height:1.13 !important;
  font-weight:840 !important;
  letter-spacing:-.01em !important;
  color:#1f2d3a !important;
  text-wrap:pretty !important;
  overflow-wrap:break-word !important;
  word-break:normal !important;
  hyphens:auto !important;
  -webkit-hyphens:auto !important;
  -ms-hyphens:auto !important;
}

/* Trennlinie */
section[id^="ni-body-"] .mi-divider{
  height:1px !important;
  margin:0 16px !important;
  background:rgba(215,230,245,.9) !important;
  border-radius:2px !important;
}

/* untere Zone */
section[id^="ni-body-"] .mi-answerzone{
  min-height:0 !important;
  padding:9px 16px 14px !important;
  background:linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(26,127,55,.018) 100%) !important;
}

section[id^="ni-body-"] .mi-kicker{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:22px !important;
  padding:0 9px !important;
  margin:0 0 8px !important;
  border-radius:999px !important;
  font-size:10.8px !important;
  line-height:1 !important;
  font-weight:820 !important;
  color:#4d6759 !important;
  background:rgba(26,127,55,.065) !important;
  border:1px solid rgba(26,127,55,.16) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72) !important;
}

section[id^="ni-body-"] .mi-fix{
  margin:0 !important;
  min-height:0 !important;
  font-size:clamp(14.9px,.90vw,16.4px) !important;
  line-height:1.35 !important;
  font-weight:690 !important;
  color:#243240 !important;
  text-wrap:pretty !important;
  overflow-wrap:break-word !important;
  word-break:normal !important;
  hyphens:auto !important;
  -webkit-hyphens:auto !important;
  -ms-hyphens:auto !important;
}

/* Hover */
@media (hover:hover) and (pointer:fine){
  section[id^="ni-body-"] .mi-card:hover{
    transform:translateY(-1px) !important;
    box-shadow:0 14px 30px rgba(16,24,40,.08) !important;
    border-color:rgba(47,111,218,.22) !important;
  }
}

/* Desktop */
@media (min-width:760px){
  section[id^="ni-body-"] .ni-mistakes{
    padding:12px !important;
  }

  section[id^="ni-body-"] .ni-mistakes .grid{
    gap:12px !important;
  }

  section[id^="ni-body-"] .mi-card{
    border-radius:18px !important;
  }

  section[id^="ni-body-"] .mi-quotezone{
    padding:14px 16px 9px !important;
  }

  section[id^="ni-body-"] .mi-quote{
    font-size:clamp(15px,.92vw,16.7px) !important;
    line-height:1.13 !important;
  }

  section[id^="ni-body-"] .mi-divider{
    margin:0 16px !important;
  }

  section[id^="ni-body-"] .mi-answerzone{
    padding:9px 16px 14px !important;
  }

  section[id^="ni-body-"] .mi-fix{
    font-size:clamp(14.9px,.90vw,16.4px) !important;
    line-height:1.35 !important;
  }
}

/* Mobile */
@media (max-width:759px){
  section[id^="ni-body-"] .ni-mistakes{
    padding:10px !important;
  }

  section[id^="ni-body-"] .ni-mistakes .grid{
    gap:10px !important;
  }

  section[id^="ni-body-"] .mi-card{
    border-radius:16px !important;
  }

  section[id^="ni-body-"] .mi-quotezone{
    padding:11px 14px 8px !important;
  }

  section[id^="ni-body-"] .mi-quotezone::before{
    left:14px !important;
    right:14px !important;
  }

  section[id^="ni-body-"] .mi-quote{
    font-size:14.2px !important;
    line-height:1.12 !important;
    font-weight:820 !important;
  }

  section[id^="ni-body-"] .mi-divider{
    margin:0 14px !important;
  }

  section[id^="ni-body-"] .mi-answerzone{
    padding:8px 14px 12px !important;
  }

  section[id^="ni-body-"] .mi-kicker{
    min-height:21px !important;
    padding:0 8px !important;
    margin:0 0 7px !important;
    font-size:10.6px !important;
  }

  section[id^="ni-body-"] .mi-fix{
    font-size:14.4px !important;
    line-height:1.33 !important;
    font-weight:680 !important;
  }
}









/* Grünpfeil + Text in den Fix-Zeilen sauber ausrichten */
section[id^="ni-body-"] .fix{
  display:grid !important;
  grid-template-columns:18px minmax(0,1fr) !important;
  column-gap:10px !important;
  align-items:start !important;
}

section[id^="ni-body-"] .fix .arr{
  width:18px !important;
  height:18px !important;
  flex:0 0 18px !important;
  display:grid !important;
  place-items:center !important;
  margin-top:2px !important;
}

section[id^="ni-body-"] .fix .arr svg{
  width:18px !important;
  height:18px !important;
  display:block !important;
}

section[id^="ni-body-"] .fix > span:last-child{
  display:block !important;
  min-width:0 !important;
  line-height:1.32 !important;
}/* End custom CSS */