/* ------------------------------------------------------------
 | Bilder / Formeln / Legenden
 * ------------------------------------------------------------ */

.hb-page-body img {
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    display: inline-block !important;
    margin: 2px auto 3px !important;
    vertical-align: middle !important;
}

.hb-page-body p.HGrafik img,
.hb-page-body .HGrafik img,
.hb-page-body .hb-figure-group img,
.hb-page-body .hb-figure-table img {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Wichtig:
   Keine pauschale 100%-Skalierung für DocuGlobe-Bilder.
   Sonst werden kleine Tabellen-/Grafikbilder riesig. */
.hb-page-body .hb-figure-table.hb-table-figure-composite .HGrafik {
    width: auto !important;
    max-width: 100% !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    text-align: center !important;
}

.hb-page-body .hb-figure-table.hb-table-figure-composite .HGrafik img {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.hb-page-body .hb-formula {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    max-width: 100% !important;
    line-height: 1 !important;
    vertical-align: -0.12em !important;
}

.hb-page-body .hb-formula-img {
    display: inline-block !important;
    width: auto !important;
    max-width: 100% !important;
    max-height: 1.15em !important;
    height: 1.05em !important;
    margin: 0 1px !important;
    vertical-align: middle !important;
}

.hb-page-body .HGrafik {
    text-align: center !important;
    margin: 3px 0 4px !important;
    line-height: 1.05 !important;
}

.hb-page-body .HLegendeBuchstabe,
.hb-page-body .HLegendeZahl,
.hb-page-body .legende,
.hb-page-body .bildunterschrift,
.hb-page-body .caption,
.hb-page-body .hb-caption-like {
    font-size: 7.6px !important;
    line-height: 1.24 !important;
    margin: 2px 0 4px !important;
    break-inside: avoid !important;
    page-break-inside: avoid !important;
}

/* ------------------------------------------------------------
 | Listen / Nummerierungen
 * ------------------------------------------------------------ */

.hb-page-body ol,
.hb-page-body ul {
    padding-left: 1.45em !important;
    margin-left: 0 !important;
}

.hb-page-body li + li {
    margin-top: 2px !important;
}

.hb-page-body .HTextListeZahl,
.hb-page-body .HTextListeBuchstabe,
.hb-page-body .HTextListeQuadrat,
.hb-page-body .HTextListeQuadrat2 {
    line-height: 1.3 !important;
    margin-top: 0 !important;
    margin-bottom: 3.5px !important;
    font-size: 8.05px !important;
}

.hb-page-body .hb-action-step {
    display: block !important;
    position: relative !important;
    margin: 0 0 3.5px !important;
    padding-left: 17px !important;
    text-indent: 0 !important;
    line-height: 1.3 !important;
    break-inside: avoid !important;
    page-break-inside: avoid !important;
}

.hb-page-body .hb-action-step-number {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    min-width: 14px !important;
    font-weight: 700 !important;
}

.hb-page-body .hb-faux-bullet,
.hb-page-body .hb-square-bullet,
.hb-page-body .HTextListeQuadrat,
.hb-page-body .HTextListeQuadrat2,
.hb-page-body .HHinweisListeQuadrat {
    position: relative !important;
    display: block !important;
    padding-left: 11px !important;
    margin-left: 0 !important;
    text-indent: 0 !important;
}

.hb-page-body .hb-faux-bullet::before,
.hb-page-body .hb-square-bullet::before,
.hb-page-body .HTextListeQuadrat::before,
.hb-page-body .HTextListeQuadrat2::before {
    content: "■";
    position: absolute;
    left: 0;
    top: 0.18em;
    font-size: 0.58em;
    line-height: 1;
    color: #111827;
}

.hb-page-body .hb-faux-bullet .numbering-span,
.hb-page-body .hb-square-bullet .numbering-span,
.hb-page-body .HTextListeQuadrat .numbering-span,
.hb-page-body .HTextListeQuadrat2 .numbering-span,
.hb-page-body .HHinweisListeQuadrat .numbering-span,
.hb-page-body .hb-faux-bullet img[src$="empty.gif"],
.hb-page-body .hb-square-bullet img[src$="empty.gif"],
.hb-page-body .HTextListeQuadrat img[src$="empty.gif"],
.hb-page-body .HTextListeQuadrat2 img[src$="empty.gif"],
.hb-page-body .HHinweisListeQuadrat img[src$="empty.gif"] {
    display: none !important;
}