/* ═══════════════════════════════════════════════════════════════════════════
   EHNES HeartBit — Druckansicht
   ---------------------------------------------------------------------------
   Bewusst nur eine Stilvorlage, kein eigener Renderpfad. Gedruckt wird exakt
   das, was ohnehin schon im Dokument steht. Bei einem gesperrten Beitrag ist
   das der Anriss — mehr war nie da. Ein serverseitiger "Druck-Renderer" waere
   der bequemste Weg, die Sperre komplett auszuhebeln.

   Eingebunden mit media="print", laeuft also nie im Bildschirm-Layout mit.
   ═══════════════════════════════════════════════════════════════════════════ */

@page {
    margin: 18mm 16mm 20mm;
}

body {
    background: #fff !important;
    color: #000;
    font-size: 11pt;
}

/* Alles, was auf Papier nichts verloren hat. */
header.tj-header-area,
.tj-header-area,
#header,
footer.tj-footer-area,
.tj-footer-area,
#footer,
.hb-aside,
.hb-inline-card,
.hb-print,
.hb-topbar,
.hb-topbar__sentinel,
.mpw-paywall__cta,
.mpw-paywall__fade,
#cmplz-cookiebanner-container,
.cmplz-cookiebanner,
#pojo-a11y-toolbar,
.pojo-a11y-toolbar-toggle,
.hb-foot {
    display: none !important;
}

.hb-shell,
.hb-shell--split,
.hb-shell--single,
.hb-head__grid,
.hb-main {
    display: block !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.hb-head {
    padding: 0 0 8pt;
}

.hb-head__title {
    font-size: 22pt;
    line-height: 1.2;
}

.hb-head__intro {
    font-size: 12pt;
}

.hb-head__figure {
    max-height: 70mm;
    overflow: hidden;
}

.hb-head__figure img {
    aspect-ratio: auto !important;
    max-height: 70mm;
    object-fit: cover;
}

.hb-summary {
    border-top: 1pt solid #999;
    padding-top: 8pt;
    break-inside: avoid;
    page-break-inside: avoid;
}

.hb-summary__title {
    font-size: 14pt;
}

.hb-content,
.hb-summary__text {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 11pt;
    line-height: 1.55;
}

/* Ueberschriften nicht allein am Seitenfuss stehen lassen. */
.hb-content h2,
.hb-content h3 {
    break-after: avoid;
    page-break-after: avoid;
}

.hb-content h2 {
    break-before: page;
    page-break-before: always;
    font-size: 15pt;
}

/* Die erste Ueberschrift soll keinen leeren Vorspann erzeugen. */
.hb-content > h2:first-child {
    break-before: auto;
    page-break-before: auto;
}

.hb-content p,
.hb-content li,
.hb-keypoints {
    orphans: 3;
    widows: 3;
}

.hb-keypoints {
    break-inside: avoid;
    page-break-inside: avoid;
    border: 1pt solid #999;
    border-left-width: 3pt;
    background: none;
}

.hb-content img {
    max-width: 100%;
    break-inside: avoid;
    page-break-inside: avoid;
}

/* Auf Papier hilft nur die ausgeschriebene Adresse. */
.hb-content a[href^="http"]::after {
    content: " (" attr(href) ")";
    font-size: 9pt;
    color: #444;
    word-break: break-all;
}