.usp span {
    font-size: 13px;
}

div.usp-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto; /* Hiermee centreer je de container horizontaal op de pagina */
    background-color: white;
    text-align: center;
    border-left: 1px solid #d3d6d7;
    border-right: 1px solid #d3d6d7;
    border-bottom: 1px solid #d3d6d7;
}

div.usp-header .usp {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 200px;
    display: block;
    text-decoration: none;
    margin: 7px 0;
}

.usp span span {
    color: #ff7c2e;
    font-weight: bold;
}

.usp img {
    width: 22px;
    vertical-align: middle;
    margin-right: 5px;
}

@media screen and (max-width: 600px) {
    div.usp-header {
        position: relative;
        min-height: 35px;
    }

    div.usp-header a {
        display: none;
        position: absolute; /* Zorg dat ze over elkaar liggen */
        opacity: 0; /* Start met onzichtbare links */

        left: 0; /* Zet de link helemaal links in de container */
        right: 0; /* Zet de link helemaal rechts in de container */
        width: 100%; /* Zorg dat het a-element 100% van de breedte inneemt */
        text-align: center; /* Zorg dat de tekst gecentreerd blijft */
        pointer-events: none;
        box-sizing: border-box; /* Inclusief padding in de totale breedte */
        white-space: normal; /* Tekst mag meerdere regels beslaan */
        word-wrap: break-word; /* Breek woorden als ze te lang zijn */
    }

    div.usp-header .usp.visible {
        pointer-events: auto;
        display: block;
        opacity: 1;
    }

    div.usp-header .usp.hidden {
        display: block;
        opacity: 0; /* Verminder de opacity naar 0 voor het uit-faden */
    }
}

/** FOOTER HOME */
div.usp-footer img.usp-image,
div.usp-footer-categorie img.usp-image {
    z-index: 2;
}

div.usp-footer {
    padding-top: 114px;
}

div.usp-footer a.usp,
div.usp-footer div.usp,
div.usp-footer-categorie a.usp,
div.usp-footer-categorie div.usp{
    display: block;
    text-decoration: none;
    font-weight: bold;
    margin-left: 20px;
    position: relative;
    z-index: 3;
    margin-bottom: 5px;
}

div.usp-footer a.usp span,
div.usp-footer div.usp span {
    font-size: 17px;
}

div.usp-footer a.usp img,
div.usp-footer div.usp img {
    margin-top: -4px;
}

div.usp-header a.usp img,
div.usp-header div.usp img {
    margin-top: -3px;
}

div.usp-footer-categorie {
    min-height: 252px;
}

div.home-bottom-usp div.usp-container {
    margin-top: 60px;
    width: 70%;
    text-indent: -27px;
    margin-left: 22px;
}

div.home-bottom-usp div.usp-footer {
    min-height: 300px;
}

div.usp-footer-categorie img.usp-image {
    position: absolute;
    top: 0;
    right: 0;
}


div.usp-footer-categorie div.usp-container {
    margin-top: 30px;
    margin-left: 10px;
}

div.usp-footer-categorie div.usp-container .usp {
    width: 70%;
    display: block;
    text-indent: -27px;
    margin-left: 22px;
    text-decoration: none;
}

div.usp-footer-categorie div.usp-container .usp span {
    font-size: 17px;
}

div.usp-footer-categorie div.usp-container .usp img {
    margin-top: -7px;
}

@media only screen and (min-width: 550px) and (max-width: 916px) {
    .row.home-bottom-usp .column {
        width: auto;
        float: none;
    }

    .column + .column {
        margin-left: 0;
    }

    .row.category-banner .column {
        width: auto;
        float: none;
    }
}