@media screen and (max-width: 915px) {


    .memberDisplayHtml {
        display: flex;
        gap: 15px;
    }

    .profileImageHolder {
        flex: 0;
    }

    .memberDisplayName {
        flex: 1;
        line-height: 30px;
        font-size: 15px;
        font-family: Roboto;
    }


    .profileImageDisplay {
        width: 30px;
        height: 30px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 100%;


    }










    #topFilter .filter {

        display: flex;
        flex-direction: row;
        gap: 10px;
        align-items: center;
    }


    #topFilter .filter input {
        border: 0px;
        flex: 1;
    }

    #topFilter .filter .filter_search {

        font-size: 14px;
        padding: 9px 4px 9px 40px;
        background: #FFFFFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'%3E%3C/path%3E%3C/svg%3E") no-repeat 3px center;

    }

    #topFilter .filter .filter_search::placeholder {
        color: #bbb;
    }

    #topFilter .filter .switchHolder {
        border: 0px;
        flex: 0;
    }
    #topFilter .filter .switchLabel {
        color: #ccc;
    }

    #topFilter .filter button {
        white-space: nowrap;
        height: 32px;
        background: #E7E9ED;
        border: 0px;
        border-radius: 4px;
        flex: 0;
    }


    #topFilter .filter button.new {
        white-space: nowrap;
        background: #144361;
        color: #FFFFFF;
        font-weight: bold;
    }

    #topFilter .filter select {
        border: 0px;
        flex: 1;
    }

    .checkRow {
        width: 40px;
        text-align: center;
    }
    .checkRow input {
        height: 14px;
        width: 14px;
        padding: 0px;
        margin: 6px;
        margin-top: 7px;

    }

    .pointer {
        cursor: pointer;
    }
    .cursorDefault {
        cursor: default;
    }




    .profileImageContact {
        width: 100%;
        height: 35vh;
        display: block;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 10px;
        border: 0px;
        margin-top: 30px;
    }

    .contactInfo .info {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 10px;
        margin: 8px 0;
        font-size: 16px;
        color: #333;
    }

    .contactInfo .icon {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .contactInfo .icon svg {
        width: 20px;
        height: 20px;
        fill: #333; /* eventueel aanpassen voor kleurtint */
    }

    .contactInfo .info a {
        text-decoration: none;
        color: #000; /* Blauw zoals een link */
        transition: color 0.2s ease;
    }

    .contactInfo .info a:hover {
        color: #000; /* Donkerder blauw bij hover */
    }





    .button-group {
        margin-top: 20px;
        display: flex;
        justify-content: space-between;
        gap: 12px;
    }

    .action-btn {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        text-decoration: none;
        font-size: 16px;
        padding: 10px;
        border-radius: 8px;
        font-weight: 600;
        color: white;
        transition: background-color 0.2s ease, transform 0.2s ease;
    }


    /*  button */
    .call-btn,
    .mail-btn {
        background-color: #007BFF;
    }


    /* SVG icon styling inside buttons */
    .action-btn svg {
        width: 20px;
        height: 20px;
        fill: white;
    }



}