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

.vorteile-widget .list-elements {
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 3rem normal;
}

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

.vorteile-widget .list-elements .icon-col {
    margin-right: 30px;
}

.vorteile-widget .list-elements .icon-col svg {
    height: 70px;
    width: 70px;
}

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

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

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