@page :first {
    margin: 0 0 1.5cm 0;

}

@page {
    margin: 1cm 0 1.5cm;
}


header {
    position: static;
    height: auto !important;      /* nur so hoch wie der Inhalt (Logo) → kein Weißraum oben */
    padding: 0 0 0.4cm 0 !important;
    margin-bottom: 0.7cm;         /* Abstand zwischen Trennlinie und erster Headline */
    border-bottom: 1px solid #828282;  /* Briefkopf-Trennlinie unter dem GESAMTEN Header */
}

/* Die Navbar-Trennlinie verursachte die Linie, die mitten durch die Headline lief. */
header .navbar {
    border-bottom: none !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Header steht im Druck im normalen Fluss → der Platzhalter (nur für den fixierten
   Header gedacht) erzeugt sonst zusätzlichen Weißraum oben. */
.header-space {
    display: none !important;
}


.site-title-holder {
    position: absolute;
    right: 0;
}

/*
.chart-container {
    display: inline-block !important;
    width: 100% !important;
    position: relative !important;
    max-width: 18cm !important;

}

.chart-container > div {
    height: auto !important;
    min-height: auto !important;
    min-width: auto !important;
    width: 100% !important;
    max-width: 18cm !important;
    display: flex !important;
}

.chart-container > div > div {
    width: 18cm !important;
    max-width: 18cm !important;
    height: auto !important;
    position: static !important;
}

.chart-container > div > div > svg {
    width: 17cm !important;
    max-width: 17cm !important;
    height: auto !important;
    position: static !important;

}*/

.vorwort-header-img {
    bottom: -0.98cm !important;
}

.page-break {
    page-break-before: always;
    break-before: page; /* moderner Standard */
}

.ccm-image-block-wrapper.nachweis-wrapper {
    page-break-inside: avoid;
    break-inside: avoid;
}

.bildunterschrift,
.bildnachweis {
    page-break-inside: avoid;
    break-inside: avoid;
}

.content-area hr {
    display: none;
}

.ccm-page .opener-topic .row {
    display: block !important;
}


.ccm-page .opener-topic {
    margin-bottom: 0 !important;
}

.ccm-page .opener-topic p.lead {
    margin-bottom: 0;
}

.ccm-page .opener-topic .topic-digit,
.ccm-page .opener-topic h1 {
    font-size: 26pt !important;
    margin: 0 !important;
}


.counter-to,
.counter-to + span {
    font-size: 16pt !important;
}

.post-details a {
    color: #fff !important;
}

.post-details .fs-4,
.post-details .themen-number {
    color: red !important;
    z-index: 1000 !important;
}


.post-details {
    border: 0.1cm solid red;

}

.post-details .ccm-block-page-list-page-entry-thumbnail img,
.post-details .ccm-block-page-list-page-entry-thumbnail .img-fluid,
.ccm-block-page-list-page-entry-video {
    opacity: 0;
    display: none;
}


.text-white {
    color: #fff !important;
    opacity: 1 !important;
}

.counter-to {
    animation: none !important;
    transition: none !important;
}

.chart-container {
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    page-break-inside: avoid;
    break-inside: avoid;
}

.chart-container img {
    display: block;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
}

.apexcharts-canvas,
.apexcharts-svg {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: none !important;
}

[id^="chart_"] {
    min-height: 0 !important;
    height: auto !important;
}