/* Terminbilder: quadratische Vorschau + Lightbox */
.wpem-event-image { display: block; flex: 0 0 auto; width: 64px; height: 64px; border-radius: 6px; overflow: hidden; cursor: zoom-in; background: #f3efe8; }
.wpem-event-image__img { display: block; width: 100%; height: 100%; object-fit: cover; }
.wpem-detail-image { width: 220px; height: 220px; margin: 0 0 12px; }

.wpem-lightbox {
    position: fixed; inset: 0; z-index: 100000; display: flex; flex-direction: column; align-items: center; justify-content: center;
    padding: 24px; background: rgba(15, 15, 15, .88); cursor: zoom-out;
}
.wpem-lightbox[hidden] { display: none; }
.wpem-lightbox__img { max-width: min(1200px, 100%); max-height: calc(100vh - 110px); width: auto; height: auto; object-fit: contain; box-shadow: 0 10px 40px rgba(0, 0, 0, .5); cursor: default; }
.wpem-lightbox__caption { margin: 12px 0 0; color: #fff; font-size: 15px; text-align: center; max-width: 900px; }
.wpem-lightbox__close {
    position: absolute; top: 12px; right: 16px; width: 44px; height: 44px; border: 0; border-radius: 50%;
    background: rgba(255, 255, 255, .15); color: #fff; font-size: 30px; line-height: 1; cursor: pointer;
}
.wpem-lightbox__close:hover, .wpem-lightbox__close:focus { background: rgba(255, 255, 255, .3); }
html.wpem-lightbox-open { overflow: hidden; }
.wpem-event-header > .wpem-event-image { margin-right: 16px; }