.mutig-pdf-button[download] {
    display: inline-flex;
    align-items: center;
    gap: .5em;
}

.mutig-pdf-button[download]::after {
    content: "";
}

/* --- Seitenumbruch-Modul ---------------------------------------------
 * Im Frontend unsichtbar und ohne Platzbedarf. Der Hinweis erscheint nur im
 * Builder-Customizer, erkennbar am Attribut aus element.php — damit
 * entscheidet CSS und nicht PHP, was wo sichtbar ist.
 */

.mutig-pdf-break-marker {
    display: block;
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
}

.mutig-pdf-break-hint {
    display: none;
}

/* Steht der Umbruch als erstes Element einer Spalte, rückt das nächste
 * Element nicht auf Platz 1 nach — UIkits `* + .uk-margin` gibt ihm dann
 * 40 px Abstand nach oben (gemessen 05.10.2026 an „Auf einen Blick"). Den
 * nehmen wir zurück: die Seite sieht aus wie ohne Umbruch, und im PDF
 * beginnt die neue Seite direkt mit der Überschrift.
 * `!important`, weil UIkit den Abstand selbst mit `!important` setzt;
 * (0,2,0) schlägt dessen (0,1,0). */
.mutig-pdf-break-marker:first-child + * {
    margin-top: 0 !important;
}

.mutig-pdf-break-marker[data-mutig-customizer] {
    height: auto;
    overflow: visible;
}

.mutig-pdf-break-marker[data-mutig-customizer] .mutig-pdf-break-hint {
    display: block;
    padding: .4em .8em;
    border-top: 2px dashed #c0a57f;
    color: #8a7a5f;
    font-size: .75rem;
    letter-spacing: .08em;
    text-transform: uppercase;
}