.elementor-33797 .elementor-element.elementor-element-72eea04{--display:flex;--margin-top:-05px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-c836aab *//* =========================================================
   S & C – GLOBAL ARTICLE CSS
   Finale Gesamtversion | Heading-safe
   03-Look als Master für 04 / 05 / 06
   06 gezielt etwas größer
   03 zusätzlich stabilisiert (nur Struktur / Alignment)
   ========================================================= */

/* ---------------------------------------------------------
   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;

  /* 03-Familie / Shell */
  --sc-shell-top:#f6fbff;
  --sc-shell-bottom:#edf5fc;
  --sc-shell-border:#d4e2ef;

  --sc-card-top:#ffffff;
  --sc-card-bottom:#fbfdff;
  --sc-card-border:#dbe7f3;
}

/* ---------------------------------------------------------
   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-servicegrid,
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-"] .ck-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;
}

/* ---------------------------------------------------------
   10A) SERVICEGRID – 03 STABILISIERT
   Fix für sauberere Überschriften / gleichmäßigere Header-Ausrichtung
   --------------------------------------------------------- */
section[id^="ni-body-"] .ni-servicegrid{
  background:linear-gradient(180deg, #f6fbff 0%, #edf5fc 100%) !important;
  border:1px solid #d4e2ef !important;
  border-radius:20px !important;
  padding:16px !important;
  box-shadow:
    0 12px 28px rgba(16,24,40,.06),
    inset 0 1px 0 rgba(255,255,255,.80) !important;
}

section[id^="ni-body-"] .ni-servicegrid .grid{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:14px !important;
  align-items:stretch !important;
}

@media (min-width:760px){
  section[id^="ni-body-"] .ni-servicegrid .grid{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }
}

section[id^="ni-body-"] .sv-card{
  position:relative !important;
  min-width:0 !important;
  height:100% !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
  background:linear-gradient(180deg, var(--sc-card-top) 0%, var(--sc-card-bottom) 100%) !important;
  border:1px solid var(--sc-card-border) !important;
  border-radius:18px !important;
  padding:16px 16px 15px !important;
  box-shadow:
    0 8px 20px rgba(16,24,40,.045),
    inset 0 1px 0 rgba(255,255,255,.84) !important;
}

section[id^="ni-body-"] .sv-card::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:0 !important;
  height:4px !important;
  background:linear-gradient(90deg, #8eb2ea 0%, #6f8ea8 42%, #4b6076 72%, #243240 100%) !important;
  border-radius:18px 18px 0 0 !important;
}

section[id^="ni-body-"] .sv-head{
  display:grid !important;
  grid-template-columns:42px minmax(0,1fr) !important;
  column-gap:12px !important;
  align-items:center !important;
  margin:0 0 10px !important;
}

section[id^="ni-body-"] .sv-ico{
  width:42px !important;
  height:42px !important;
  flex:0 0 42px !important;
  border-radius:14px !important;
  display:grid !important;
  place-items:center !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;
}

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

section[id^="ni-body-"] .sv-meta{
  min-width:0 !important;
  display:block !important;
  align-self:center !important;
}

section[id^="ni-body-"] .sv-kicker{
  margin:0 0 4px !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  color:#607089 !important;
}

section[id^="ni-body-"] .sv-card h3{
  margin:0 !important;
  color:#243240 !important;
  font-size:20px !important;
  line-height:1.28 !important;
  font-weight:950 !important;
  letter-spacing:-.01em !important;
  text-wrap:pretty !important;
}

section[id^="ni-body-"] .sv-copy{
  margin:0 !important;
  color:#344b63 !important;
  line-height:1.56 !important;
  font-weight:500 !important;
}

@media (hover:hover) and (pointer:fine){
  section[id^="ni-body-"] .sv-card:hover{
    transform:translateY(-1px) !important;
    border-color:rgba(46,103,199,.18) !important;
    box-shadow:
      0 14px 28px rgba(16,24,40,.06),
      inset 0 1px 0 rgba(255,255,255,.86) !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) 03-FAMILIE ALS MASTER FÜR 04 / 05 / 06
   --------------------------------------------------------- */

/* GEMEINSAME AUSSENKACHEL */
section[id^="ni-body-"] .ni-scenarios,
section[id^="ni-body-"] .ni-checkgrid,
section[id^="ni-body-"] .ni-mistakes{
  position:relative !important;
  overflow:hidden !important;
  background:linear-gradient(180deg, var(--sc-shell-top) 0%, var(--sc-shell-bottom) 100%) !important;
  border:1px solid var(--sc-shell-border) !important;
  border-radius:20px !important;
  box-shadow:
    0 12px 28px rgba(16,24,40,.06),
    inset 0 1px 0 rgba(255,255,255,.80) !important;
}

section[id^="ni-body-"] .ni-scenarios::after,
section[id^="ni-body-"] .ni-checkgrid::after,
section[id^="ni-body-"] .ni-mistakes::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  border-radius:inherit !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.84) !important;
  pointer-events:none !important;
}

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

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

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

/* ---------------------------------------------------------
   12A) SCENARIOS – 04
   --------------------------------------------------------- */
section[id^="ni-body-"] .ni-scenarios .board-head{
  position:relative !important;
  z-index:1 !important;
  margin:0 0 14px !important;
  padding:2px 2px 0 !important;
}

section[id^="ni-body-"] .ni-scenarios .eyebrow{
  margin:0 0 7px !important;
  color:#5d7187 !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}

section[id^="ni-body-"] .ni-scenarios .board-copy{
  margin:0 !important;
  max-width:780px !important;
  color:#344b63 !important;
  font-size:15px !important;
  line-height:1.5 !important;
}

section[id^="ni-body-"] .ni-scenarios .grid{
  position:relative !important;
  z-index:1 !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:14px !important;
  align-items:stretch !important;
}

@media (min-width:820px){
  section[id^="ni-body-"] .ni-scenarios .grid{
    grid-template-columns:repeat(3, minmax(0,1fr)) !important;
  }
}

/* ---------------------------------------------------------
   12B) CHECKGRID – 05
   --------------------------------------------------------- */
section[id^="ni-body-"] .ni-checkgrid .grid{
  position:relative !important;
  z-index:1 !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:14px !important;
  align-items:stretch !important;
}

@media (min-width:760px){
  section[id^="ni-body-"] .ni-checkgrid .grid{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }
}

/* ---------------------------------------------------------
   12C) MISTAKES – 06
   Außenkachel im 03-Look, innen bewusst mit Rot/Grün
   --------------------------------------------------------- */
section[id^="ni-body-"] .ni-mistakes .grid{
  position:relative !important;
  z-index:1 !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:12px !important;
  align-items:stretch !important;
}

@media (min-width:760px){
  section[id^="ni-body-"] .ni-mistakes .grid{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:13px !important;
  }
}

/* ---------------------------------------------------------
   12D) GEMEINSAME INNENKARTEN 04 / 05
   --------------------------------------------------------- */
section[id^="ni-body-"] .sc-card,
section[id^="ni-body-"] .ck-card{
  position:relative !important;
  min-width:0 !important;
  height:100% !important;
  overflow:hidden !important;
  background:linear-gradient(180deg, var(--sc-card-top) 0%, var(--sc-card-bottom) 100%) !important;
  border:1px solid var(--sc-card-border) !important;
  border-radius:18px !important;
  box-shadow:
    0 8px 20px rgba(16,24,40,.045),
    inset 0 1px 0 rgba(255,255,255,.84) !important;
}

section[id^="ni-body-"] .sc-card::before,
section[id^="ni-body-"] .ck-card::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:0 !important;
  height:4px !important;
  background:linear-gradient(90deg, #8eb2ea 0%, #6f8ea8 42%, #4b6076 72%, #243240 100%) !important;
  border-radius:18px 18px 0 0 !important;
}

@media (hover:hover) and (pointer:fine){
  section[id^="ni-body-"] .sc-card:hover,
  section[id^="ni-body-"] .ck-card:hover{
    transform:translateY(-1px) !important;
    border-color:rgba(46,103,199,.18) !important;
    box-shadow:
      0 14px 28px rgba(16,24,40,.06),
      inset 0 1px 0 rgba(255,255,255,.86) !important;
  }
}

/* 04 Karten */
section[id^="ni-body-"] .sc-card{
  display:flex !important;
  flex-direction:column !important;
  padding:16px 16px 15px !important;
}

section[id^="ni-body-"] .sc-card.is-1,
section[id^="ni-body-"] .sc-card.is-2,
section[id^="ni-body-"] .sc-card.is-3{
  --accent:#4b6076 !important;
  --accent-soft:rgba(75,96,118,.10) !important;
  --accent-ink:#243240 !important;
}

section[id^="ni-body-"] .sc-head{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  margin:0 0 12px !important;
  padding-left:0 !important;
}

section[id^="ni-body-"] .sc-tag{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:24px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  background:#f3f7fc !important;
  border:1px solid #d6e2ee !important;
  color:#4a6177 !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:900 !important;
  white-space:nowrap !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.74) !important;
}

section[id^="ni-body-"] .sc-card h3{
  margin:0 0 10px !important;
  padding-left:0 !important;
  color:#243240 !important;
  font-size:20px !important;
  line-height:1.28 !important;
  font-weight:950 !important;
  letter-spacing:-.01em !important;
  text-wrap:balance !important;
}

section[id^="ni-body-"] .sc-copy{
  margin:0 !important;
  padding-left:0 !important;
  color:#344b63 !important;
  line-height:1.56 !important;
  font-weight:500 !important;
}

/* 05 Karten */
section[id^="ni-body-"] .ck-card{
  padding:16px 16px 15px !important;
}

section[id^="ni-body-"] .ck-head{
  display:grid !important;
  grid-template-columns:38px minmax(0,1fr) !important;
  column-gap:12px !important;
  align-items:start !important;
  margin:0 0 10px !important;
}

section[id^="ni-body-"] .ck-num{
  width:38px !important;
  height:38px !important;
  flex:0 0 38px !important;
  border-radius:13px !important;
  display:grid !important;
  place-items:center !important;
  align-self:start !important;
  margin-top:0 !important;
  background:linear-gradient(180deg, #4b6076 0%, #243240 100%) !important;
  color:#fff !important;
  font-size:13px !important;
  font-weight:950 !important;
  box-shadow:
    0 8px 18px rgba(17,34,54,.18),
    inset 0 1px 0 rgba(255,255,255,.14) !important;
}

section[id^="ni-body-"] .ck-meta{
  min-width:0 !important;
  display:block !important;
  min-height:0 !important;
  align-self:start !important;
}

section[id^="ni-body-"] .ck-card h3{
  margin:0 !important;
  display:block !important;
  min-height:0 !important;
  color:#243240 !important;
  font-size:18px !important;
  line-height:1.28 !important;
  font-weight:950 !important;
  letter-spacing:-.01em !important;
  text-wrap:balance !important;
}

section[id^="ni-body-"] .ck-copy{
  margin:0 !important;
  color:#344b63 !important;
  line-height:1.52 !important;
  font-weight:500 !important;
}

/* ---------------------------------------------------------
   12E) 06 – TYPISCHE FEHLER / IN DER PRAXIS
   Behält rote obere Zone + grüne Lösungszone
   Nur hier gezielt größer
   --------------------------------------------------------- */
section[id^="ni-body-"] .mi-card{
  position:relative !important;
  min-width:0 !important;
  height:auto !important;
  min-height:0 !important;
  border-radius:18px !important;
  overflow:hidden !important;
  background:linear-gradient(180deg, var(--sc-card-top) 0%, var(--sc-card-bottom) 100%) !important;
  border:1px solid var(--sc-card-border) !important;
  box-shadow:
    0 8px 20px rgba(16,24,40,.045),
    inset 0 1px 0 rgba(255,255,255,.84) !important;
}

section[id^="ni-body-"] .mi-card::before{
  display:none !important;
  content:none !important;
}

@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;
  }
}

/* obere Zone */
section[id^="ni-body-"] .mi-quotezone{
  position:relative !important;
  min-height:0 !important;
  padding:16px 18px 10px !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:18px !important;
  right:18px !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(15.8px,.98vw,17.6px) !important;
  line-height:1.16 !important;
  font-weight:850 !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 18px !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:10px 18px 16px !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:24px !important;
  padding:0 10px !important;
  margin:0 0 9px !important;
  border-radius:999px !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:830 !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(15.4px,.94vw,16.9px) !important;
  line-height:1.37 !important;
  font-weight:700 !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;
}

/* ---------------------------------------------------------
   13) 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;
  }
}

/* Mobile: 04 / 05 / 06 */
@media (max-width:819px){
  section[id^="ni-body-"] .ni-scenarios,
  section[id^="ni-body-"] .ni-checkgrid,
  section[id^="ni-body-"] .ni-mistakes{
    border-radius:18px !important;
  }

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

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

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

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

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

  section[id^="ni-body-"] .sc-card::before,
  section[id^="ni-body-"] .ck-card::before,
  section[id^="ni-body-"] .sv-card::before{
    border-radius:16px 16px 0 0 !important;
  }

  section[id^="ni-body-"] .sv-card,
  section[id^="ni-body-"] .sc-card{
    padding:15px 14px 14px !important;
  }

  section[id^="ni-body-"] .sv-head,
  section[id^="ni-body-"] .sc-head{
    margin-bottom:10px !important;
  }

  section[id^="ni-body-"] .sv-card h3,
  section[id^="ni-body-"] .sc-card h3{
    font-size:18px !important;
    line-height:1.26 !important;
  }

  section[id^="ni-body-"] .sv-copy,
  section[id^="ni-body-"] .sc-copy{
    font-size:15px !important;
    line-height:1.48 !important;
  }
}

@media (max-width:759px){
  section[id^="ni-body-"] .ni-checkgrid .grid{
    gap:12px !important;
  }

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

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

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

  section[id^="ni-body-"] .ck-head{
    grid-template-columns:36px minmax(0,1fr) !important;
    column-gap:11px !important;
    margin-bottom:9px !important;
  }

  section[id^="ni-body-"] .ck-num{
    width:36px !important;
    height:36px !important;
    flex-basis:36px !important;
    border-radius:12px !important;
    font-size:12px !important;
  }

  section[id^="ni-body-"] .ck-card h3{
    font-size:17px !important;
    line-height:1.26 !important;
  }

  section[id^="ni-body-"] .ck-copy{
    font-size:15px !important;
    line-height:1.48 !important;
  }

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

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

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

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

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

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

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

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

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

  section[id^="ni-body-"] .sv-head{
    grid-template-columns:40px minmax(0,1fr) !important;
    column-gap:11px !important;
    margin-bottom:9px !important;
  }

  section[id^="ni-body-"] .sv-ico{
    width:40px !important;
    height:40px !important;
    border-radius:13px !important;
  }

  section[id^="ni-body-"] .sv-card h3{
    font-size:17px !important;
    line-height:1.26 !important;
  }

  section[id^="ni-body-"] .sv-copy{
    font-size:15px !important;
    line-height:1.48 !important;
  }
}

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

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

.elementor-33797 .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;
}/* End custom CSS */