.ablauf-widget .list-elements,
.ablauf-widget .list-elements .list-element {
    display: flex !important;
}

.ablauf-widget .list-elements {
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 30px normal;
}

.ablauf-widget .list-elements .list-element {
    width: calc( ( 100% - 60px ) / 4 ) ; /* we want the elements to have space between (30px: twice) */
    gap: 32px;
}

.ablauf-widget .list-elements .image-col img {
    width: 130px;
}

@media screen and (max-width: 767px) {
    .ablauf-widget .list-elements {
        flex-wrap: wrap;
        gap: 2rem normal;
    }

    .ablauf-widget .list-elements .list-element {
        width: 100% !important;
        padding: 0 1rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .ablauf-widget .list-elements .list-element {
        width: calc( ( 100% - 30px ) / 2 ) ; /* we want the elements to have space between (30px: once) */
    }
}