.elementor-28966 .elementor-element.elementor-element-72eea04{--display:flex;--margin-top:-05px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-28966 .elementor-element.elementor-element-11e62573{--display:flex;}.elementor-28966 .elementor-element.elementor-element-11e62573:not(.elementor-motion-effects-element-type-background), .elementor-28966 .elementor-element.elementor-element-11e62573 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #F6F8FB 0%, #F6F8FB 100%);}.elementor-28966 .elementor-element.elementor-element-c8ce250 > .elementor-widget-container{margin:-27px 0px 0px 0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-c836aab *//* ============================================================
   BUSINESS–ELITE WHITEGOLD v13 | Final Feinanpassung (FINAL)
   – TOC & Summary: identischer, sehr softer Außenrahmen
   – Unterstrich bei Box-H2 noch dichter (bottom: .2em)
   – Hinweisbox: symmetrisches Padding, kein Gold-Pin
============================================================ */

/* ---------- Tokens ---------- */
#ni-hero-a, #ni-body-a{
  --anth:#243240;        /* CI Anthrazit-Blau */
  --ink:#111827;         /* Primärtext */
  --muted:#4B5563;       /* Sekundärtext */
  --ice:#F7FAFD;         /* Seiten-Grund */
  --white:#FFFFFF;

  /* Hellblau-Palette für Panels/Kacheln */
  --sum-bg:#FBFEFF;      /* Panel-Hintergrund */
  --sum-item:#F3F8FE;    /* Item-Hintergrund */
  --sum-border:#E3EFF9;  /* Rahmen */

  /* TOC-Zahlenkreise (anthrazitblau) */
  --toc-chip-top:#3B4A5C;
  --toc-chip-btm:#243240;

  /* Gold-Akzent */
  --gold:#B8912C;
  --gold-10:rgba(184,145,44,.10);
  --gold-12:rgba(184,145,44,.12);
  --gold-15:rgba(184,145,44,.15);
  --gold-18:rgba(184,145,44,.18);
}

/* Seiten-Grund */
#ni-hero-a, #ni-body-a{
  background:var(--ice);
  color:var(--ink);
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}

/* ============================================================
   1) Summary ("In diesem Artikel erfahren Sie")
============================================================ */
#ni-body-a .ni-summary{
  background: var(--sum-bg) !important;
  border: 1px solid var(--sum-border) !important;
  /* Sehr softer Außenrahmen in Anthrazitblau (sichtbar, aber dezent) */
  box-shadow: 0 8px 20px rgba(17,24,39,.06), 0 0 0 1px rgba(36,50,64,.20) !important;
  border-radius:12px !important;
  padding:10px 16px 12px;
}
#ni-body-a .ni-summary li{
  background: var(--sum-item) !important;
  border-radius: 12px;
  box-shadow: inset 0 0 0 1px var(--sum-border);
}
#ni-body-a .ni-summary li::before{ color:#1A7F37 !important; }

/* Unterstrich im Summary-Header – dichter an der Zeile */
#ni-body-a .ni-summary > h2{ position:relative; }
#ni-body-a .ni-summary > h2::after{
  content:"";
  position:absolute;
  left:0; right:0;          /* volle Breite */
  height:2px;
  bottom:.2em;              /* dichter an der Baseline als zuvor */
  background:linear-gradient(90deg, transparent, var(--gold-18), transparent);
  border-radius:2px;
}

/* ============================================================
   2) Inhaltsverzeichnis (weiß + hellblaue Items)
============================================================ */
#ni-toc-a .toc-panel{
  background:#fff !important;
  border:1px solid var(--sum-border) !important;
  /* EXAKT gleicher Außenrahmen wie Summary – inkl. !important */
  box-shadow: 0 8px 20px rgba(17,24,39,.06), 0 0 0 1px rgba(36,50,64,.20) !important;
  border-radius:12px !important;
}

/* TOC-Kacheln */
#ni-toc-a .toc-link{
  background: var(--sum-item) !important;
  box-shadow: inset 0 0 0 1px var(--sum-border);
  border-radius:12px;
  transition: box-shadow .15s ease, transform .12s ease;
}
#ni-toc-a .toc-link:hover{
  box-shadow: inset 0 0 0 1px rgba(36,50,64,.15), 0 2px 6px rgba(0,0,0,.05);
  transform: translateY(-1px);
}

/* TOC-Zahlenkreise anthrazitblau */
#ni-toc-a .toc-num{
  display:grid; place-items:center; line-height:1;
  background:linear-gradient(180deg,var(--toc-chip-top) 0%,var(--toc-chip-btm) 100%) !important;
  color:#fff;
  border:2px solid rgba(255,255,255,.95) !important;
  box-shadow:inset 0 -3px 6px rgba(0,0,0,.10);
}

/* Unterstrich im TOC-Header – dichter an der Zeile */
#ni-toc-a .toc-head{ position:relative; }
#ni-toc-a .toc-head::after{
  content:"";
  position:absolute;
  left:0; right:0;          /* volle Breite */
  height:2px;
  bottom:.2em;              /* dichter an der Baseline als zuvor */
  background:linear-gradient(90deg, transparent, var(--gold-18), transparent);
  border-radius:2px;
}

/* ============================================================
   3) Artikel-Nummern 01–14 (Anthrazit + Gold-Ecke)
============================================================ */
#ni-body-a .ni-h2 .num{
  position:relative;
  background:linear-gradient(180deg,#33465A 0%,var(--anth) 100%) !important;
  color:#fff !important;
  border:3px solid rgba(255,255,255,.95) !important;
  box-shadow:inset 0 -6px 10px rgba(0,0,0,.18), 0 10px 24px rgba(17,24,39,.18) !important;
  overflow:hidden;
}
#ni-body-a .ni-h2 .num::after{
  content:""; position:absolute; top:-1px; left:-1px;
  width:9px; height:9px; border-top-left-radius:9px;
  background:var(--gold);
  border-top:1px solid rgba(255,255,255,.65);
  border-left:1px solid rgba(255,255,255,.65);
  filter:drop-shadow(0 1px 0 rgba(0,0,0,.06));
}

/* Steps (Badges) */
#ni-body-a .ni-step .num{
  background:linear-gradient(180deg,#33465A 0%,var(--anth) 100%) !important;
  color:#fff !important;
  border:3px solid rgba(255,255,255,.98) !important;
  box-shadow:inset 0 -6px 10px rgba(0,0,0,.18), 0 12px 26px rgba(17,24,39,.24) !important;
}

/* ============================================================
   4) H2 Header (Baseline anthrazit)
============================================================ */
#ni-body-a .ni-h2 .title{ color:var(--anth); text-decoration:none; padding-bottom:0; }
#ni-body-a .ni-h2 .row{ padding-bottom:18px; }
#ni-body-a .ni-h2 .row::after{
  content:""; position:absolute; left:0; right:var(--up-gap); bottom:0; height:2px;
  background:rgba(36,50,64,.28); border-radius:2px; pointer-events:none;
}

/* ============================================================
   5) Bullets – neutral, kein Gold-Hover
============================================================ */
#ni-body-a .ni-h2:not(.ni-faq) > ul > li::before{
  background:radial-gradient(120% 120% at 30% 30%,#C9DDF2,#A7C4E2);
  box-shadow:0 0 0 1.5px #E2EAF3;
}
#ni-body-a .ni-h2:not(.ni-faq) > ul > li:hover::before{
  background:radial-gradient(120% 120% at 30% 30%,#C9DDF2,#A7C4E2) !important;
  box-shadow:0 0 0 1.5px #E2EAF3 !important;
}

/* ============================================================
   6) FAQ – Panel reinweiß, kein Blau, kein Gold-Pin
============================================================ */
#ni-body-a .ni-faq{
  background:#fff !important;
  border:1px solid var(--sum-border) !important;
  box-shadow:0 8px 22px rgba(17,24,39,.06) !important;
  position:relative;
}
#ni-body-a .ni-faq::before{ content:none !important; }  /* Pin sicher entfernt */

/* ============================================================
   7) Hinweisbox – symmetrisch, sauber
============================================================ */
#fazit .legal-note{
  background:#fff !important;
  border:2px solid var(--anth) !important;
  box-shadow:0 8px 22px rgba(17,24,39,.08), inset 0 0 0 1px var(--gold-10) !important;
  color:var(--ink);
  position:relative;
  padding:18px !important;      /* oben = unten = links = rechts identisch */
  line-height:1.58 !important;
}
#fazit .legal-note::before,
#fazit .legal-note::after{ content:none !important; }
#fazit .legal-note p{ margin:0 !important; }
#fazit .legal-note p + p{ margin-top:.6rem !important; } /* falls mehrere Absätze */
#fazit .legal-note p strong:first-child{ text-decoration:none !important; }

/* ============================================================
   8) Links & Fokus-Stati
============================================================ */
#ni-body-a a{ color:var(--anth); text-decoration-thickness:1px; text-underline-offset:2px; }
#ni-body-a a:hover{ text-decoration-color:var(--gold); }

#ni-toc-a .toc-link:focus-visible,
#ni-hero-a .ni-cta a:focus-visible,
#ni-body-a a:focus-visible{
  outline:2px solid var(--gold-15);
  outline-offset:3px;
  border-radius:8px;
}

/* Fehler-Karten / "Bessere Option" neutral einzeilig */
#ni-body-a .mistake .fix{
  display:flex; align-items:center; flex-wrap:nowrap;
}
#ni-body-a .mistake .fix::before{
  content:"Bessere Option";
  white-space:nowrap; margin-right:.55rem;
  font-weight:800; font-size:.74rem; color:#344054;
  background:#F2F4F7; border:1px solid #D0D5DD; border-radius:999px; padding:.18rem .6rem;
}
#ni-body-a .fix .arr{ color:#1A7F37; }
#ni-body-a .fix .arr svg{ stroke:currentColor; }

/* ============================================================
   9) Feintuning – Steps & Badges-Abstand
============================================================ */
#ni-body-a .ni-step h3{
  text-decoration:underline;
  text-decoration-color: var(--gold-18);
  text-underline-offset:.20em;
  text-decoration-thickness:2px;
}
#ni-body-a .ni-step .num{ left:14px; top:-16px; }
#ni-body-a .ni-step h3{ margin-top:0; margin-left:0; }
@media (max-width: 600px){
  #ni-body-a .ni-step{ padding:18px 16px 14px 18px; }
  #ni-body-a .ni-step .num{ left:14px; top:-12px; }
}

/* ============================================================
   10) Mobile-Only Fix – goldene Pins an Step-Badges (01–03) entfernen
   (Minimal-invasiv, Basis bleibt unverändert)
============================================================ */
@media (max-width: 740px){
  #ni-body-a .ni-step .num::after,
  #ni-body-a .ni-steps .num::after{
    content:none !important;
  }
}

/* ============================================================
   11) CTA – BKV‑Rechner Button in SOFT GOLD
   – Außenrand bleibt ANTHRAZIT
   – KEIN innerer weißer Schein (inset entfernt)
   – background-clip hält Gold strikt innerhalb des Randes
============================================================ */
#ni-hero-a .ni-cta a[href*="bkv-rechner"]{
  background:linear-gradient(180deg, rgba(184,145,44,.12) 0%, rgba(184,145,44,.18) 100%) !important;
  border:2px solid var(--anth) !important;     /* anthrazitfarbener Rand */
  color:var(--anth) !important;
  background-clip: padding-box;                /* verhindert Durchscheinen unter dem Rand */
  box-shadow: 0 6px 14px rgba(17,24,39,.10) !important;   /* nur neutraler Außenschatten */
}
#ni-hero-a .ni-cta a[href*="bkv-rechner"]:hover{
  transform:translateY(-1px);
  box-shadow: 0 8px 18px rgba(17,24,39,.14) !important;    /* ebenfalls neutral; KEIN inset */
}/* End custom CSS */