/* --- Bildplatz ---------------------------------------------------------
   Rahmen fuer ein Foto. Die Motive liefert das Marketing; bis dahin steht
   der Rahmen leer und nennt im Text, was hineingehoert. */

.epi-figure {
    display: grid;
    gap: var(--wp--preset--spacing--md);
    margin: 0;
}

.epi-figure__frame {
    margin: 0;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-radius: var(--radius-lg);
    box-shadow: var(--standard-box-shadow);
    background-color: var(--color-secondary-20);
    aspect-ratio: var(--epi-figure-ratio, 460 / 408);
}

.epi-figure__frame img {
    display: block;
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
}

.epi-figure figcaption {
    margin: 0;
    font-size: 1rem;
    line-height: 1.5;
    color: var(--color-secondary);
}