@charset "UTF-8";

/* Lightbox (Ersatz fuer fancyBox, siehe Resources/Public/JavaScript/wag.js) */
.wag-lightbox {
    max-width: none;
    max-height: none;
    margin: auto;
    padding: 15px;
    border: 0;
    border-radius: 4px;
    background: #f9f9f9;
    color: #000;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    overflow: visible;
}

/* Wie bisher bei fancyBox: kein abgedunkelter Hintergrund */
.wag-lightbox::backdrop {
    background: transparent;
}

.wag-lightbox__media {
    display: block;
    max-width: calc(100vw - 70px);
    max-height: calc(100vh - 70px);
    border: 0;
}

.wag-lightbox__close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 48px;
    height: 43px;
    padding: 0;
    border: 0;
    background: url('../Images/fancybox_sprite.png') 0 0 no-repeat;
    cursor: pointer;
}

.wag-lightbox__close:focus-visible {
    outline: 2px solid #000;
}