/* Nur die große Objektgalerie auf Mobilgeräten; PC-Ansicht bleibt unverändert. */
@media (max-width: 767px), (max-width: 1024px) and (pointer: coarse) {
    .xanten-mobile-gallery.mfp-wrap {
        position: fixed !important;
        top: 0 !important;
        height: 100% !important;
        background: #111;
    }

    .xanten-mobile-gallery .mfp-container {
        padding: 0;
    }

    .xanten-mobile-gallery .mfp-content {
        width: 100%;
    }

    .xanten-mobile-gallery img.mfp-img {
        width: 100%;
        height: 100vh;
        height: 100dvh;
        max-height: none !important;
        object-fit: contain;
        /* Die gesamte Bildschirmhöhe nutzen, auch im Querformat. */
        padding: 0;
    }

    .xanten-mobile-gallery .mfp-figure::after {
        display: none;
    }

    .xanten-mobile-gallery .mfp-bottom-bar {
        position: absolute;
        top: auto;
        bottom: env(safe-area-inset-bottom, 0px);
        margin: 0;
        padding: 10px 12px;
        background: rgba(17, 17, 17, 0.65);
    }

    .xanten-mobile-gallery .mfp-title {
        padding-right: 65px;
        font-size: 13px;
        line-height: 18px;
    }

    .xanten-mobile-gallery .mfp-counter {
        top: 10px;
        right: 12px;
    }

    .xanten-mobile-gallery .mfp-close {
        position: fixed;
        top: env(safe-area-inset-top, 0px);
        right: env(safe-area-inset-right, 0px);
        width: 48px;
        height: 48px;
        padding: 0;
        text-align: center;
        opacity: 1;
        background: rgba(17, 17, 17, 0.5);
    }
}