/*
 * Bildunterschrift der PhotoSwipe-Lightbox (Klick-Vergroesserung, content.textmedia).
 *
 * HANDGEPFLEGT — diese Datei hat KEINE Sass-Quelle (anders als default.css,
 * vbsh.css, ostwind-2022.css …, die aus Resources/Private/Sass/ erzeugt werden).
 * Wer hier etwas aendert, aendert es hier. Gleiches Vorgehen wie bei zonenplan.css.
 *
 * WARUM ES SIE GIBT: Plugins/photoswipe.css ist die unveraenderte Datei des
 * Herstellers und kennt keine .pswp__caption — PhotoSwipe 5 ueberlaesst die
 * Beschriftung dem Einbindenden. Das Element registriert
 * Javascripts/photoswipe-init.js; hier steht nur, wie es aussieht. Die
 * Hersteller-Datei bleibt bewusst unberuehrt, damit ein Versionswechsel ein
 * blosses Ersetzen bleibt.
 *
 * Das Element wird IMMER angelegt, auch wenn das Bild keinen Titel hat. Dann
 * bleibt es leer, und :empty blendet es aus — so braucht das JS keinen eigenen
 * Zustand dafuer.
 */
.pswp__caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    padding: 12px 20px;
    /* Schriftgroesse bewusst absolut: die Lightbox liegt ueber der Seite und soll
       von deren Kontext-Schriftgroessen unabhaengig bleiben. */
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, .6);
    /* Ein langer Titel darf die Lightbox nicht zuschuetten. */
    max-height: 30%;
    overflow-y: auto;
}

.pswp__caption:empty {
    display: none;
}