/* ─────────────────────────────────────────────────────────────────────────────
 * Wissensdatenbank — Artikel-Popup (Finding M6 Teil 4 / L10b, 2026-08-06).
 *
 * Zuvor per JavaScript als <style> eingefuegt, weil die Akzentfarbe interpoliert
 * wurde. Sie kommt jetzt aus --acc-1, das theme.js aus dem Mandanten- bzw.
 * Standort-Branding setzt. Damit ist das CSS statisch UND folgt erstmals dem
 * tatsaechlichen Branding statt einer fest verdrahteten Zwei-Firmen-Abfrage.
 *
 * Muss NACH styles.css/theme.css eingebunden werden.
 * ───────────────────────────────────────────────────────────────────────────── */

/* Modal-Popup — alle Texte garantiert lesbar auf dunklem Hintergrund */
    #wdb-art-popup .wp-content,
    #wdb-art-popup .wp-content p,
    #wdb-art-popup .wp-content li,
    #wdb-art-popup .wp-content span,
    #wdb-art-popup .wp-content div,
    #wdb-art-popup .wp-content font,
    #wdb-art-popup .wp-content u
      { color:var(--dm-tx)!important; opacity:1!important; }
    #wdb-art-popup .wp-content h1{
      font-size:24px!important;font-weight:800!important;
      color:#fff!important;opacity:1!important;
      margin:1.6em 0 .6em!important;padding:.4em 0 .4em 1em!important;
      border-left:5px solid var(--acc-1)!important;line-height:1.2!important;letter-spacing:-.3px!important;
      background:none!important;text-transform:none!important;
      display:block!important;
    }
    #wdb-art-popup .wp-content h2{
      font-size:18px!important;font-weight:700!important;
      color:#fff!important;opacity:1!important;
      margin:1.4em 0 .45em!important;padding:.2em 0 .2em .85em!important;
      border-left:3px solid var(--acc-1)!important;line-height:1.3!important;letter-spacing:-.15px!important;
      background:none!important;text-transform:none!important;
      display:block!important;
    }
    #wdb-art-popup .wp-content h3{
      font-size:11px!important;font-weight:700!important;
      color:var(--acc-1)!important;opacity:1!important;
      margin:1.2em 0 .3em!important;text-transform:uppercase!important;letter-spacing:.14em!important;
      padding:0!important;border:none!important;background:none!important;
      display:block!important;
    }
    #wdb-art-popup .wp-content h1 *,
    #wdb-art-popup .wp-content h2 *{color:inherit!important;opacity:1!important}
    #wdb-art-popup .wp-content h3 *{color:var(--acc-1)!important;opacity:1!important}
    #wdb-art-popup .wp-content p{margin-bottom:.75em;color:var(--dm-tx)!important}
    #wdb-art-popup .wp-content ul,#wdb-art-popup .wp-content ol{margin:.4em 0 .8em 1.4em;color:var(--dm-tx)!important}
    #wdb-art-popup .wp-content li{margin-bottom:.3em;color:var(--dm-tx)!important}
    #wdb-art-popup .wp-content li *{color:var(--dm-tx)!important;opacity:1!important}
    #wdb-art-popup .wp-content a{color:var(--acc-1)!important;text-decoration:underline;opacity:1!important}
    #wdb-art-popup .wp-content strong,#wdb-art-popup .wp-content b{font-weight:700;color:#fff!important;opacity:1!important}
    #wdb-art-popup .wp-content em,#wdb-art-popup .wp-content i{font-style:italic;color:var(--dm-tx)!important;opacity:1!important}
    #wdb-art-popup .wp-content table{width:100%;border-collapse:collapse;margin:.8em 0}
    #wdb-art-popup .wp-content th{background:var(--dm-active);padding:7px 11px;text-align:left;font-weight:700;border:1px solid var(--dm-bdr);font-size:13px;color:#fff!important;opacity:1!important}
    #wdb-art-popup .wp-content td{padding:6px 11px;border:1px solid var(--dm-bdr);font-size:13.5px;color:var(--dm-tx)!important;opacity:1!important}
    #wdb-art-popup .wp-content td *,#wdb-art-popup .wp-content th *{color:inherit!important;opacity:1!important}
    #wdb-art-popup .wp-content hr{border:none;border-top:1px solid rgba(255,255,255,.12);margin:1.5em 0}
    #wdb-art-popup .wp-content img{max-width:100%;border-radius:6px;display:block;opacity:1!important}
    #wdb-art-popup .wp-content blockquote{border-left:3px solid rgba(255,255,255,.2);padding-left:12px;color:var(--dm-tx2)!important;font-style:italic;margin:.6em 0}