ul {
    list-style: none;
}

#profil h3 {
    margin-bottom: 0.5em;
}

#profil h4 {
    margin-bottom: 0.25em;
    font-weight: 500;
}

#profil h4:not(:first-of-type) {
    margin-top: 0.5em;
}

#profil li {
    color: var(--secondary-text-color);
}

#kunden ul {
    margin-top: 2em;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em var(--page-content-element-gap);
}

#kunden ul.bullets li {
    position: relative;
    color: var(--primary-text-color);
    padding-right: 1em;
    font-weight: 600;
    flex: 0 1 calc(calc(100% - var(--page-content-element-gap) * 2) / 3);
    box-sizing: border-box;
}

ul.bullets li::before {
    display: block;
    position: absolute;
    margin-left: -1em;
    color: var(--hover-text-color);
    content: "chevron_right";
}

#kunden ul.bullets li.marco::after {
    font-weight: normal;
    opacity: 0.7;
    content: "looks_one";
}

#kunden ul.bullets li.viaone::after {
    font-weight: normal;
    opacity: 0.7;
    content: "looks_two";
}

#kunden div.marco h3::before {
    font-weight: normal;
    content: "looks_one";
}

#kunden div.viaone h3::before {
    font-weight: normal;
    content: "looks_two";
}

@media (max-width: 1200px) {
    #kunden ul.bullets li {
        flex: 0 1 calc(calc(100% - var(--page-content-element-gap)) / 2);
    }
}

@media (max-width: 768px) {
    #kunden ul.bullets li {
        flex: 0 1 100%
    }
}