.bb-article { font-family:'Source Sans 3', Georgia, serif; color:#1a1a1a; line-height:1.65; max-width:820px; margin:0 auto; font-size:17px; padding:0 20px 60px; }
  .bb-article h1 { font-family:'Merriweather', Georgia, serif; font-weight:900; font-size:2.1em; margin:36px 0 18px; color:#0f2b3d; line-height:1.25; }
  .bb-article h2 { font-family:'Merriweather', Georgia, serif; font-weight:900; font-size:1.75em; margin:48px 0 20px; color:#0f2b3d; }
  .bb-article h3 { font-family:'Merriweather', Georgia, serif; font-weight:700; font-size:1.25em; margin:32px 0 14px; color:#0f2b3d; }
  .bb-article p  { margin:0 0 20px; }
  .bb-article a  { color:#5798b6; font-weight:600; }

  /* Autoren-Bar */
  .bb-author-bar { display:flex; align-items:center; gap:24px; padding:20px 0 24px; border-bottom:1px solid #e5e5e5; margin-bottom:32px; flex-wrap:wrap; }
  .bb-author { display:flex; align-items:center; gap:12px; }
  .bb-author-initials { width:56px; height:56px; border-radius:50%; background:#eaf3f7; color:#0f2b3d; display:flex; align-items:center; justify-content:center; font-weight:700; font-family:'Merriweather', Georgia, serif; }
  .bb-author-name { font-weight:700; color:#0f2b3d; display:block; font-size:0.95em; }
  .bb-author-role { color:#666; font-size:0.85em; }
  .bb-badge { background:#e8f4ea; color:#2e7d3a; padding:6px 12px; border-radius:20px; font-size:0.82em; font-weight:600; margin-left:auto; }

  /* Quick Facts */
  .bb-quickfacts { background:#f5f9fb; border-left:4px solid #5798b6; padding:24px; margin:32px 0; border-radius:6px; }
  .bb-quickfacts-title { font-family:'Merriweather', Georgia, serif; font-weight:700; font-size:1.1em; color:#0f2b3d; margin-bottom:16px; }
  .bb-quickfacts-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(160px,1fr)); gap:14px; }
  .bb-quickfact { background:#fff; padding:14px; border-radius:6px; }
  .bb-quickfact-num { font-family:'Merriweather', Georgia, serif; font-weight:900; font-size:1.6em; color:#5798b6; display:block; }
  .bb-quickfact-label { font-size:0.88em; color:#555; }

  /* Kurz-Antwort */
  .quick-answer, .bb-shortanswer { background:#eaf3f7; border:1px solid #b6d5e3; padding:20px 24px; border-radius:8px; margin:24px 0 32px; }
  .quick-answer strong, .bb-shortanswer strong { color:#0f2b3d; }

  /* Sofort-Hilfe-Box */
  .bb-sofort { background:#fff7ec; border:2px solid #f2a340; padding:24px; border-radius:8px; margin:32px 0; }
  .bb-sofort-title { font-family:'Merriweather', Georgia, serif; font-weight:700; font-size:1.15em; color:#a15806; margin-bottom:12px; display:flex; align-items:center; gap:8px; }
  .bb-sofort ol { margin:0; padding-left:22px; }
  .bb-sofort li { margin-bottom:8px; }

  /* Kernerkenntnisse-Box */
  .bb-kern { background:#eaf3f7; border:2px solid #5798b6; padding:24px; border-radius:8px; margin:32px 0; }
  .bb-kern-title { font-family:'Merriweather', Georgia, serif; font-weight:700; font-size:1.15em; color:#0f2b3d; margin-bottom:12px; display:flex; align-items:center; gap:8px; }
  .bb-kern ul { margin:0; padding-left:22px; }
  .bb-kern li { margin-bottom:8px; }

  /* Inhaltsverzeichnis (TOC) */
  .bb-toc { background:#fff; border:1px solid #d9e3e8; padding:24px 28px; border-radius:8px; margin:28px 0 36px; }
  .bb-toc-title { font-family:'Merriweather', Georgia, serif; font-weight:700; font-size:1.05em; color:#0f2b3d; text-transform:uppercase; letter-spacing:1px; margin-bottom:14px; padding-bottom:10px; border-bottom:1px solid #eee; }
  .bb-toc ul { list-style:none; padding:0; margin:0; }
  .bb-toc li { margin-bottom:10px; display:flex; align-items:flex-start; }
  .bb-toc li::before { content:"→"; color:#5798b6; font-weight:700; margin-right:10px; }
  .bb-toc a { color:#0f2b3d; text-decoration:none; font-weight:600; }
  .bb-toc a:hover { color:#5798b6; text-decoration:underline; }

  /* Callouts */
  .bb-callout { padding:16px 20px; border-radius:6px; margin:24px 0; border-left:4px solid; }
  .bb-callout-info    { background:#eaf3f7; border-color:#5798b6; }
  .bb-callout-success { background:#e8f4ea; border-color:#2e7d3a; }
  .bb-callout-warn    { background:#fff3cd; border-color:#e6a700; }

  /* Tabelle */
  .bb-table { width:100%; border-collapse:collapse; margin:24px 0; font-size:0.95em; }
  .bb-table th { background:#5798b6; color:#fff; padding:12px; text-align:left; font-weight:600; }
  .bb-table td { padding:12px; border-bottom:1px solid #e5e5e5; }
  .bb-table tr:nth-child(even) td { background:#f8fafb; }

  /* (Zahlen-Grafik/figure.diagram entfernt 2026-08-04 — CSS bleibt ungenutzt, schadet nicht) */
  .diagram, .bb-studie { background:#f5f9fb; padding:28px; border-radius:8px; margin:32px 0; border:0; }
  .bb-studie-title { font-family:'Merriweather', Georgia, serif; font-weight:700; font-size:1.2em; color:#0f2b3d; margin-bottom:20px; }
  .bb-bar-row { margin-bottom:14px; }
  .bb-bar-label { display:flex; justify-content:space-between; font-size:0.9em; margin-bottom:4px; color:#333; }
  .bb-bar-track { background:#dde7ec; height:14px; border-radius:7px; overflow:hidden; }
  .bb-bar-fill { background:#5798b6; height:100%; border-radius:7px; }
  .bb-studie-source { font-size:0.82em; color:#666; margin-top:16px; font-style:italic; }

  /* Buy-Box / Produkt-Platzhalter */
  .bb-box { margin:36px 0; }
  .bb-box-demo { background:#0f2b3d; color:#fff; padding:32px; border-radius:10px; text-align:center; }
  .bb-box-hook { font-family:'Merriweather', Georgia, serif; font-size:1.4em; font-weight:900; margin-bottom:8px; }
  .bb-box-sub { font-size:16px; margin-bottom:16px; opacity:0.9; }
  .bb-box-checks { font-size:14.5px; margin-bottom:20px; opacity:0.85; }
  .bb-box-btn { display:inline-block; background:#5798b6; color:#fff; padding:14px 32px; border-radius:8px; font-weight:700; text-decoration:none; font-size:1.05em; }

  /* FAQ */
  .bb-faq { margin:32px 0; }
  .faq-item, .bb-faq-item { border-bottom:1px solid #e5e5e5; padding:18px 0; }
  .faq-item:first-child, .bb-faq-item:first-child { border-top:1px solid #e5e5e5; }
  .bb-faq-q { font-family:'Merriweather', Georgia, serif; font-weight:700; font-size:1.05em; color:#0f2b3d; margin:0 0 10px; cursor:pointer; display:flex; justify-content:space-between; align-items:flex-start; gap:12px; }
  .bb-faq-q::after { content:"+"; color:#5798b6; font-weight:900; font-size:1.4em; flex-shrink:0; line-height:1; }
  .faq-item[open] .bb-faq-q::after, .bb-faq-item[open] .bb-faq-q::after { content:"−"; }
  .bb-faq-a { color:#333; margin:0; padding-top:4px; }
  .bb-faq-a p:last-child { margin-bottom:0; }

  /* Quellen */
  .sources, .bb-quellen { background:#fafbfc; border-top:2px solid #e5e5e5; padding:24px 0 8px; margin:48px 0 0; font-size:0.9em; }
  .bb-quellen-title { font-family:'Merriweather', Georgia, serif; font-weight:700; font-size:1em; color:#0f2b3d; text-transform:uppercase; letter-spacing:1px; margin-bottom:14px; }
  .bb-quellen ol { padding-left:22px; color:#555; margin:0; }
  .bb-quellen li { margin-bottom:10px; line-height:1.5; }
  .bb-quellen a { color:#5798b6; word-break:break-word; }

  /* Bilder kommen NACHTRÄGLICH über den Bild-Lauf */
  .bb-fig { margin:32px 0; border-radius:10px; overflow:hidden; box-shadow:0 2px 16px rgba(0,0,0,.08); }
  .bb-hero { position:relative; left:50%; transform:translateX(-50%); width:min(1000px,94vw); }
  .bb-fig img { width:100%; height:auto; display:block; }
  .bb-fig figcaption { background:#fff; font-size:13.5px; color:#666; padding:11px 16px; text-align:center; }

.bb-article{font-family:var(--font);color:var(--t);font-size:18px;line-height:1.65;max-width:760px;padding:0 24px 96px}
.bb-article h1,.bb-article h2,.bb-article h3{font-family:var(--font);font-weight:600;letter-spacing:-.02em;color:var(--t)}
.bb-article h1{font-size:44px;line-height:48px;margin:0 0 24px}
.bb-article h2{font-size:30px;line-height:36px;margin:56px 0 16px}
.bb-article a{color:var(--accent-ink)}
.bb-author-initials{background:var(--accent-soft);color:var(--accent-ink);font-family:var(--font)}
.bb-author-name{color:var(--t)}
.bb-toc-title,.bb-kern-title,.bb-faq-q{font-family:var(--font);color:var(--t)}
.bb-toc li::before,.bb-faq-q::after{color:var(--accent-ink)}
.bb-toc a{color:var(--t)}.bb-toc a:hover{color:var(--accent-ink)}
.quick-answer,.bb-shortanswer,.bb-kern{background:var(--accent-soft);border-color:#c9c0ff}
.quick-answer strong,.bb-shortanswer strong{color:var(--t)}
.bb-article>ul,.bb-kern ul{list-style:disc}
.bb-article>ul,.bb-article>ol{padding-left:22px;margin:0 0 20px}
.bb-article li{margin-bottom:8px}
.bb-faq-q{list-style:none}.bb-faq-q::-webkit-details-marker{display:none}
.tablewrap{overflow-x:auto;margin:24px 0}
.tablewrap .bb-table{margin:0}
.bb-table th{background:var(--accent-ink)}
.bb-table td{min-width:96px}
.seopal-diagramm{max-width:100%;overflow-x:auto}
.seopal-diagramm svg{max-width:100%;height:auto}
@media(max-width:600px){.seopal-diagramm svg{min-width:560px;max-width:none}}
.lead-img{display:block;width:100%;height:auto;border-radius:16px;margin:0 0 32px}
.crumbs{max-width:760px;margin:0 auto;padding:24px 24px 0;font-size:14px;line-height:20px;color:var(--t2)}
.crumbs ol{display:flex;flex-wrap:wrap;gap:4px 8px;list-style:none}
.crumbs li+li::before{content:"/";margin-right:8px}
.crumbs a{color:var(--accent-ink);font-weight:500}
@media(max-width:820px){.bb-article h1{font-size:34px;line-height:40px}.bb-article h2{font-size:26px;line-height:32px}}