.kandidaten {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.kandidaten_element {
    flex: 0 0 calc((100% - 60px) / 4);
    box-sizing: border-box;
}

.kandidaten_element img {
    display: block;
    width: 100%;
    height: auto;
}

/* 3 Spalten */
@media (max-width: 992px) {
    .kandidaten_element {
        flex-basis: calc((100% - 40px) / 3);
    }
}

/* 2 Spalten */
@media (max-width: 768px) {
    .kandidaten_element {
        flex-basis: calc((100% - 20px) / 2);
    }
}

/* 1 Spalte */
@media (max-width: 480px) {
    .kandidaten_element {
        flex-basis: 100%;
    }
}