/* nt-article v2 — Blockformat fuer Semalt-Artikel. Generiert, nicht von Hand aendern. */
.blog-article-content,.blog-post-article,.blog-article-body,.article-body,.post-content,.article-content{--nt-accent:#F6C927;--nt-accent-ink:#8A6B00}
:root{--nt-accent:#F6C927;--nt-accent-ink:#8A6B00;--nt-ink:#16181d;--nt-body:#3f444d;--nt-muted:#6b7280;--nt-line:#e6e8ec;--nt-soft:#f7f8fa}

/* --- Lede --- */
p.article-lede{font-size:1.22rem;line-height:1.65;color:var(--nt-ink);font-weight:500;margin:0 0 1.9rem;padding:0 0 1.4rem;border-bottom:1px solid var(--nt-line)}

/* --- Kicker ueber h2 --- */
.nt-kicker{display:inline-block;margin:2.6rem 0 .35rem;font-size:.74rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--nt-accent-ink)}
.nt-kicker+h2{margin-top:.2rem!important}

/* --- Kapitelkarte --- */
.nt-chapter{margin:2rem 0;border:1px solid var(--nt-line);border-radius:16px;background:#fff;overflow:hidden}
.nt-chapter-head{display:flex;gap:18px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;padding:22px 24px;background:var(--nt-soft);border-bottom:1px solid var(--nt-line)}
.nt-chapter-kicker{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--nt-muted);margin-bottom:6px}
h3.nt-chapter-title{margin:0 0 6px!important;font-size:1.28rem;line-height:1.3;color:var(--nt-ink);font-weight:700}
p.nt-chapter-desc{margin:0!important;font-size:.97rem;line-height:1.6;color:var(--nt-body)}
.nt-chapter-body{padding:22px 24px}
.nt-chapter-body>*:first-child{margin-top:0}
.nt-chapter-body>*:last-child{margin-bottom:0}

/* --- Tag --- */
.nt-tag{display:inline-block;white-space:nowrap;padding:7px 13px;border-radius:999px;font-size:.8rem;font-weight:700;line-height:1.2}
.nt-tag-paid{background:var(--nt-accent);color:#fff}
.nt-tag-free{background:#e8f5ee;color:#146c43;border:1px solid #bfe3cd}

/* --- Kennzahlen --- */
.nt-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:1.6rem 0}
.nt-metric{padding:16px 14px;border:1px solid var(--nt-line);border-radius:12px;background:#fff;text-align:center}
.nt-metric .v{font-size:1.6rem;font-weight:800;line-height:1.15;color:var(--nt-ink);letter-spacing:-.01em}
.nt-metric .v.accent{color:var(--nt-accent-ink)}
.nt-metric .v.good{color:#146c43}
.nt-metric .v.signal{color:#b4530a}
.nt-metric .k{margin-top:6px;font-size:.79rem;line-height:1.35;color:var(--nt-muted)}

/* --- Kartenraster --- */
.nt-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:1.8rem 0}
.nt-card{padding:20px;border:1px solid var(--nt-line);border-radius:14px;background:#fff}
.nt-card .kx{display:inline-block;margin-bottom:8px;font-size:.7rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--nt-accent-ink)}
.nt-card h3,.nt-card h4{margin:0 0 8px!important;font-size:1.06rem;line-height:1.35;color:var(--nt-ink);font-weight:700;letter-spacing:0}
.nt-card p{margin:0 0 10px!important;font-size:.95rem;line-height:1.65;color:var(--nt-body)}
ul.nt-card-list{margin:0!important;padding-left:18px;list-style:disc}
ul.nt-card-list li{margin:0 0 5px;font-size:.9rem;line-height:1.55;color:var(--nt-body)}

/* --- Thesenliste --- */
ul.nt-points{list-style:none;margin:1.5rem 0!important;padding:0!important}
ul.nt-points li{position:relative;margin:0 0 12px;padding:0 0 0 26px;line-height:1.7;color:var(--nt-body)}
ul.nt-points li::before{content:"";position:absolute;left:4px;top:.62em;width:8px;height:8px;border-radius:50%;background:var(--nt-accent)}
ul.nt-points li b{color:var(--nt-ink)}
ul.nt-points li span{display:inline}

/* --- Hinweiskasten --- */
.note{margin:1.6rem 0;padding:16px 18px;border-left:4px solid var(--nt-accent);border-radius:0 12px 12px 0;background:var(--nt-soft);font-size:.98rem;line-height:1.7;color:var(--nt-body)}
.note b{color:var(--nt-ink)}
.note-good{border-left-color:#16a34a;background:#f1f9f4}
.note-warn{border-left-color:#d97706;background:#fdf6ec}

/* --- Tabelle --- */
.blog-article-content table,.blog-post-article table,.blog-article-body table,.article-body table,.post-content table,.article-content table{width:100%;border-collapse:collapse;margin:1.7rem 0;font-size:.94rem}
.blog-article-content th,.blog-post-article th,.blog-article-body th,.article-body th,.post-content th,.article-content th{background:var(--nt-soft);text-align:left;font-weight:700;color:var(--nt-ink)}
.blog-article-content th,.blog-article-content td,.blog-post-article th,.blog-post-article td,.blog-article-body th,.blog-article-body td,.article-body th,.article-body td,.post-content th,.post-content td,.article-content th,.article-content td{padding:11px 13px;border:1px solid var(--nt-line);vertical-align:top;line-height:1.6}

/* --- FAQ-Akkordeon --- */
details.nt-acc{margin:10px 0;border:1px solid var(--nt-line);border-radius:12px;background:#fff;overflow:hidden}
details.nt-acc>summary{list-style:none;cursor:pointer;padding:15px 46px 15px 18px;position:relative;font-weight:700;color:var(--nt-ink);line-height:1.45}
details.nt-acc>summary::-webkit-details-marker{display:none}
details.nt-acc>summary::after{content:"";position:absolute;right:20px;top:50%;width:9px;height:9px;margin-top:-6px;border-right:2px solid var(--nt-accent);border-bottom:2px solid var(--nt-accent);transform:rotate(45deg);transition:transform .2s}
details.nt-acc[open]>summary::after{transform:rotate(-135deg);margin-top:-2px}
details.nt-acc[open]>summary{border-bottom:1px solid var(--nt-line)}
.nt-acc-body{padding:15px 18px}
.nt-acc-body p{margin:0 0 .8rem!important;line-height:1.75;color:var(--nt-body)}
.nt-acc-body p:last-child{margin-bottom:0!important}

/* --- CTA --- */
.nt-cta{display:inline-block;margin:.4rem 0;padding:13px 24px;border-radius:10px;background:var(--nt-accent);color:#fff!important;font-weight:700;text-decoration:none!important;line-height:1.3}
.nt-cta:hover{filter:brightness(.93)}

@media(max-width:720px){
 .nt-cards{grid-template-columns:1fr}
 .nt-chapter-head{padding:18px 16px}
 .nt-chapter-body{padding:18px 16px}
 p.article-lede{font-size:1.1rem}
 .nt-metric .v{font-size:1.35rem}
 .blog-article-content table,.blog-post-article table,.blog-article-body table,.article-body table,.post-content table,.article-content table{display:block;overflow-x:auto;white-space:nowrap}
}

/* verwandte Artikel am Fussende */
.nt-related{margin:2.6rem 0 .5rem;padding:1.4rem 1.5rem;border:1px solid var(--nt-rule,#e3e3e3);
  border-radius:10px;background:var(--nt-soft,#fafafa)}
.nt-related h2{margin:0 0 .85rem!important;font-size:1.02rem!important;letter-spacing:.02em;
  text-transform:uppercase;color:var(--nt-ink2,#666)!important;border:0!important;padding:0!important}
.nt-related ul{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.nt-related li{margin:0;padding:0}
.nt-related li::before{content:"→";margin-right:.5rem;color:var(--nt-accent,#888);font-weight:700}
.nt-related a{font-weight:600;text-decoration:none;border-bottom:1px solid transparent;
  line-height:1.45;color:var(--nt-accent,#333)}
.nt-related a:hover{border-bottom-color:currentColor}
@media(max-width:600px){.nt-related{padding:1.1rem 1.1rem}}

/* Verfasserzeile mit Datum */
.nt-byline{display:flex;flex-wrap:wrap;align-items:baseline;gap:.55rem .85rem;
  margin:0 0 1.5rem;padding-bottom:.85rem;border-bottom:1px solid var(--nt-line,#e6e8ec);
  font-size:.845rem;line-height:1.5;color:var(--nt-muted,#6b7280)}
.nt-byline .nt-by{font-weight:700;color:var(--nt-accent-ink,#444);letter-spacing:.01em}
.nt-byline time{font-variant-numeric:tabular-nums}
.nt-byline .nt-upd{font-size:.79rem;opacity:.8}
.nt-byline .nt-upd::before{content:"·";margin-right:.55rem}

/* Erklaerende Grafik im Fliesstext */
.nt-fig{margin:2rem 0;padding:1.15rem 1.2rem .95rem;border:1px solid var(--nt-line,#e6e8ec);
  border-radius:8px;background:var(--nt-soft,#f7f8fa)}
.nt-fig svg{display:block;width:100%;height:auto;overflow:visible}
.nt-fig figcaption{margin-top:.75rem;padding-top:.7rem;border-top:1px dashed var(--nt-line,#e6e8ec);
  font-size:.82rem;line-height:1.55;color:var(--nt-muted,#6b7280)}
.nt-f-ax{stroke:var(--nt-line,#d8dbe0);stroke-width:1.5;fill:none}
.nt-f-gd{stroke:var(--nt-line,#e6e8ec);stroke-width:1;fill:none}
.nt-f-bar{fill:var(--nt-accent,#888)}
.nt-f-bar2{fill:var(--nt-accent,#888);fill-opacity:.28}
.nt-f-barx{fill:var(--nt-accent,#888);fill-opacity:.3;stroke:var(--nt-accent,#888);stroke-width:2}
.nt-f-band{fill:var(--nt-accent,#888);fill-opacity:.11}
.nt-f-box{fill:none;stroke:var(--nt-accent,#888);stroke-width:1.6}
.nt-f-fill{fill:var(--nt-accent,#888);fill-opacity:.14;stroke:var(--nt-accent,#888);stroke-width:1.6}
.nt-f-dot{fill:var(--nt-accent,#888)}
.nt-f-arw{stroke:var(--nt-muted,#9aa0aa);stroke-width:1.4;fill:none}
.nt-f-hd{fill:var(--nt-ink,#16181d);font-size:14px;font-weight:700;
  font-family:inherit;letter-spacing:.01em}
.nt-f-val{fill:var(--nt-ink,#16181d);font-size:16px;font-weight:700;
  font-family:inherit;font-variant-numeric:tabular-nums}
.nt-f-lbl{fill:var(--nt-body,#4a5058);font-size:13px;font-family:inherit}
.nt-f-sub{fill:var(--nt-muted,#8b919b);font-size:11.5px;font-family:inherit;letter-spacing:.03em}
@media(max-width:600px){.nt-fig{padding:.9rem .85rem .8rem}.nt-f-lbl{font-size:12px}.nt-f-sub{font-size:10.5px}}