/* ==========================================
    modul-typ-id: 10 
    Modultyp: Galerie
========================================== */

/* Desktop */

.lc-m10-galerie {
    position: relative;
    width: 100%;
    height: 800px;

    background: #000;
    overflow: hidden;
}


/* Alle Bilder liegen übereinander */

.lc-10-galerie-bild {
    position: absolute;

    inset: calc(0.5 * var(--lc-basis-innenabstand));

    display: flex;

    justify-content: center;
    align-items: center;

    /* Platz für die Bildunterschrift reservieren */
    padding-bottom: 80px;
    box-sizing: border-box;

    margin: 0;

    opacity: 0;
    transition: opacity 1s ease;

    pointer-events: none;

    cursor: pointer;
}

.lc-10-galerie-bild figcaption:empty {
    display: none;
}

/* Sichtbares Bild */

.lc-10-galerie-bild.aktiv {
    opacity: 1;
    pointer-events: auto;
}


/* Bild */

.lc-10-galerie-bild img {
    display: block;
    flex: 1;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}


/* Bildunterschrift */

.lc-10-galerie-bild figcaption {
    position: absolute;

    left: 0;
    right: 0;
    bottom: 15px;

    margin: 0;

    text-align: center;

    font-size: 13px;
    line-height: 1.45;

    color: #d0d0d0;
}


/* Mobile Hochformat */

@media (max-width: 768px) and (orientation: portrait) {

    .lc-m10-galerie {
        height: 450px;
    }

    .lc-10-galerie-bild {
        inset: calc(0.25 * var(--lc-basis-innenabstand));

        /* Kein Platz für Bildunterschrift nötig */
        padding-bottom: 0;

    }

    .lc-10-galerie-bild figcaption {
        display: none;
    }

}


/* Mobile Querformat */

@media (orientation: landscape) and (max-height: 600px) {

    .lc-m10-galerie {
        height: 320px;
    }

    .lc-10-galerie-bild {


        inset: calc(0.25 * var(--lc-basis-innenabstand));
        padding-bottom: 0;
    }

    .lc-10-galerie-bild figcaption {
        display: none;
    }

}