/****************************************************************************
 * Container
 ****************************************************************************/
.typo_gallery-with-text {
    --typo-gallery-with-text-columns-per-row: auto;
    padding: 0rem 0rem 1rem;
    cursor: pointer;
    visibility: hidden;
}

.typo_gallery-with-text .typo_gallery-with-text_item{
    flex: 0 0 100%;
    width: 100%;
}
.typo_gallery-with-text .typo_gallery-with-text_inner{
    position: relative; width: 100%;
}

/****************************************************************************
 * Image
 ****************************************************************************/
.typo_gallery-with-text .typo_gallery-with-text_image{
    padding: 0 0 56.25%; margin: 0 0 .5rem;
    padding-bottom: 100%;
}

.typo_gallery-with-text .fa-external-link::before {
    content: "" !important;
}


/****************************************************************************
 * Title
 ****************************************************************************/
.typo_gallery-with-text .typo_gallery-with-text_titles{
    font-size: 1rem; margin: 0 0 .5rem;
}
.typo_gallery-with-text .typo_gallery-with-text_titles .typo_gallery-with-text_title{
    font-size: 1.25em;
}


@media screen and (min-width:25em){
    /****************************************************************************
     * Container
     ****************************************************************************/
     .typo_gallery-with-text {
        --typo-gallery-with-text-columns-per-row: 2;
    }

    .typo_gallery-with-text .typo_gallery-with-text_item{
/*        flex: 0 0 auto; */
    }

    .typo_gallery-with-text .typo_gallery-with-text_image{
        width: 100%;
    }

    .typo_gallery-with-text div:not(last) {
        margin-right: 1rem;
    }

}


@media screen and (min-width:48em){
    /****************************************************************************
     * Container
     ****************************************************************************/     
     .typo_gallery-with-text {
        --typo-gallery-with-text-columns-per-row: 3;
    }

    .typo_gallery-with-text .typo_gallery-with-text_item{
    }
}

@media screen and (min-width:84em){
    /****************************************************************************
     * Container
     ****************************************************************************/
     .typo_gallery-with-text {
        --typo-gallery-with-text-columns-per-row: 5;
    }

    .typo_gallery-with-text .typo_gallery-with-text_item{
    }
}