/* blocks-layout: Container-Breite */
@media (min-width: 768px) {
    .list-blocks {
        display: flex;
        flex-wrap: wrap;
        margin:5px
    }

    .list-blocks .files-li {
        flex-basis: 556px;
        flex-grow: 1;
        margin:5px
    }

    .list-blocks:after {
        content: '';
        flex-grow: 1;
        flex-basis:366px
    }

    .list-blocks .name {
        font-size:16px
    }
}

/* blocks-layout: image-thumbnails */
.list-blocks .img-wrapper {
    flex-basis: 224px;
    min-width: 224px;
    height: 224px;
    background-color:#F8F9Fa
}

/* grid-layout: image-thumbnails */
.list-grid.list-large {
    grid-template-columns:repeat(auto-fill, minmax(300px, 1fr))
}

/* columns-layout: Spaltenbreite */
.list-columns {
    columns: 504px;
    column-gap: 10px;
    margin:10px
}