/* am-artikel-einbau.css · Anpassungen für den Einbau in Divi/Echo KB · Probelauf Staging 17.10.2026 */
/* Das gemeinsame Stylesheet am-artikel.css bleibt unverändert; hier steht nur, was der Einbau zusätzlich braucht. */

/* Genau eine H1: den Titel von Echo KB ausblenden, die H1 aus der Artikeldatei bleibt */
.am-artikel-seite #eckb-article-content h1.eckb-article-title { display:none !important; }

/* Divi-Grundwerte innerhalb des Artikels neutralisieren (gemessen am 17.10.2026 gegen am-artikel.css allein):
   Divi setzt p{padding-bottom:1em}, h1–h6{padding-bottom:10px;line-height:1em}, Listen-Einzug 30px, Schriftstärke 500 */
.am-artikel-seite .am-artikel { font-weight:400; }
.am-artikel-seite .am-artikel p { padding-bottom:0; }
.am-artikel-seite .am-artikel h1,
.am-artikel-seite .am-artikel h2,
.am-artikel-seite .am-artikel h3 { line-height:inherit; }
.am-artikel-seite .am-artikel h1,
.am-artikel-seite .am-artikel h3 { padding-bottom:0; }
.am-artikel-seite .am-artikel h2.section { padding-bottom:9px; }
.am-artikel-seite .am-artikel h1 { font-weight:700;margin-top:0.67em; }
/* Echo KB setzt Listen über #eckb-article-content #eckb-article-content-body ul (padding-left 30px, line-height 26px, disc) */
#eckb-article-content #eckb-article-content-body .am-artikel ul,
#eckb-article-content #eckb-article-content-body .am-artikel ol,
#eckb-article-content #eckb-article-content-body .am-artikel li { line-height:inherit; }
#eckb-article-content #eckb-article-content-body .am-artikel ul { padding-left:22px;list-style-type:disc; }
#eckb-article-content #eckb-article-content-body .am-artikel ul.sym { padding-left:0;list-style:none; }
#eckb-article-content #eckb-article-content-body .am-artikel .box ol { padding-left:24px; }
/* Ergänzt beim Einbau aller 40 Artikel (17./18.10.2026): Stellen ohne Regel in am-artikel.css
   auf Browser-Grundwerte zurücksetzen – so sehen sie in der Einzeldatei und im PDF aus.
   Nummerierte Listen außerhalb von Boxen (Art. 28, 37, 39), Hochstellungen (Art. 29),
   Links im Fließtext (Art. 37); Links im Quellenverzeichnis behalten #1f4e8c. */
#eckb-article-content #eckb-article-content-body .am-artikel ol:not(.box ol) { margin-top:revert;margin-bottom:revert;padding-left:revert;line-height:inherit; }
.am-artikel-seite .am-artikel sup,
.am-artikel-seite .am-artikel sub { font-size:revert;vertical-align:revert;line-height:revert; }
#eckb-article-content #eckb-article-content-body .am-artikel a:not(table.refs a) { color:revert; }

/* Handy (Dr. Kern, 18.10.2026, zweite Fassung):
   – Rand der Textspalte 16 px je Seite statt 44 px (20 px Echo KB + 24 px am-artikel), Text 343 statt 287 px bei 375 px
   – Hauptüberschrift 22 px (Desktop 34 px); automatische Silbentrennung für Überschriften (Seite ist lang="de")
   – Notbremse: ein zu langes Wort darf umbrechen, damit nie etwas über den Rand ragt
   – Zwischenüberschriften linksbündig statt Blocksatz; Fließtext bleibt im Blocksatz, Schrift unverändert */
@media only screen and (max-width: 600px) {
  .am-artikel-seite #eckb-article-page-container-v2 #eckb-article-content { padding-left:16px;padding-right:16px; }
  .am-artikel-seite .am-artikel { padding-left:0;padding-right:0; }
  .am-artikel-seite .am-artikel h1 { font-size:22px; }
  .am-artikel-seite .am-artikel h1,
  .am-artikel-seite .am-artikel h2,
  .am-artikel-seite .am-artikel h3 { -webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word; }
  .am-artikel-seite .am-artikel h2,
  .am-artikel-seite .am-artikel h3 { text-align:left; }
  /* Autorenzeile von Echo KB („Von Medizinisch-wissenschaftliche Redaktion …“) darf umbrechen,
     sonst ist die Seite breiter als der Bildschirm (Echo KB setzt white-space:nowrap) */
  .am-artikel-seite .eckb-article-content-author-container { min-width:0;max-width:100%; }
  .am-artikel-seite #eckb-article-page-container-v2 #eckb-article-body #eckb-article-content #eckb-article-content-header-v2 .eckb-article-content-author-container .eckb-meta-data-feature-value { white-space:normal;min-width:0; }
}

/* PDF-Download in der Seitenspalte, oben im mitlaufenden Inhaltsverzeichnis (Dr. Kern, 18.10.2026).
   Der Button wird per Skript aus functions.php in .eckb-article-toc der Seitenspalte gesetzt. */
.am-artikel-seite a.am-pdf-seitenspalte { display:block;margin:0 0 12px;padding:8px 12px;border:2px solid #143c78;border-radius:8px;background:#fff;color:#143c78;font-family:Georgia,'Times New Roman',serif;font-size:15px;line-height:1.4;font-weight:700;text-align:center;text-decoration:none; }
.am-artikel-seite a.am-pdf-seitenspalte:hover,
.am-artikel-seite a.am-pdf-seitenspalte:focus { background:#143c78;color:#fff; }
/* Handy/schmale Fenster: keine Seitenspalte, kein Button – auch wenn Echo KB das Inhaltsverzeichnis in den Artikel verschiebt */
#eckb-article-content a.am-pdf-seitenspalte { display:none !important; }
@media only screen and (max-width: 768px) {
  .am-artikel-seite a.am-pdf-seitenspalte { display:none !important; }
}

/* Drucken der Webseite (Strg+P): nur der Artikel – ohne Button, Seitenspalten, Menü, Fußbereich */
@media print {
  .am-artikel-seite a.am-pdf-seitenspalte,
  .am-artikel-seite #eckb-article-left-sidebar,
  .am-artikel-seite #eckb-article-right-sidebar,
  .am-artikel-seite #eckb-article-header,
  .am-artikel-seite #main-header,
  .am-artikel-seite #top-header,
  .am-artikel-seite #main-footer,
  .am-artikel-seite #aerzte-footer,
  .am-artikel-seite #wpadminbar,
  .am-artikel-seite #vue-app,
  .am-artikel-seite #epkb-fe__editor { display:none !important; }
  .am-artikel-seite #page-container { padding-top:0 !important; }
  .am-artikel-seite #eckb-article-page-container-v2 #eckb-article-body { display:block !important;width:100% !important; }
  .am-artikel-seite #eckb-article-content { width:100% !important;max-width:none !important; }
  /* Echo KB blendet beim Drucken jedes <footer> aus; die Fußzeile des Artikels gehört zum Text und bleibt */
  .am-artikel-seite .am-artikel footer { display:block !important; }
}

/* Interne Querverweise (Artikel N): wie im Paket, Dunkelblau #1f4e8c (Entscheidung Dr. Kern 03.11.2026) mit Unterstreichung */
#eckb-article-content #eckb-article-content-body .am-artikel a.am-xref { color:#1f4e8c;text-decoration:underline; }

/* Quellen- und Vergleichstabellen auf dem Handy: lange Adressen/Wörter dürfen umbrechen, damit die Seite
   nie breiter als der Bildschirm wird (Prüfbericht 03.11.2026: Art. 3, 7, 8, 13, 32 liefen 65–120 px über). */
@media only screen and (max-width: 600px) {
  .am-artikel-seite .am-artikel table { width:100%;max-width:100%; }
  .am-artikel-seite .am-artikel table th,
  .am-artikel-seite .am-artikel table td { min-width:0;overflow-wrap:anywhere; }
}
