
.doelgroepen-grid .wrapper {
    display: flex;
    flex-wrap: nowrap;
    gap: 36px;
}

.doelgroepen-grid .doelgroep-item{
    position: relative;
    text-align: center;
    width: 403px;
    background: linear-gradient(#BD2B82, #8F16FF);
}

.doelgroepen-grid .doelgroep-item .image-cirkle {
    position: absolute;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: 101px;
    height: 101px;
    background-color: white;
    opacity: 1;
    left: 50%;
    top: 0;
    transform: translate(-50%,-50%);
}

.doelgroepen-grid .doelgroep-item .image-cirkle > img {
    width: 61.59px;
    height: 61.59px;
}

.doelgroepen-grid .img-arrow {
    display: none !important;
}


.doelgroepen-grid .content {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    align-content: space-between;
    padding: 82px 40px 45px 40px;
}

.doelgroepen-grid .tekst {
    margin-bottom: 30px;
}

.doelgroepen-grid h1 {
    color: white;
    width: 100%;
    text-align: left;
    font: Rival, Bold;
    font-size: 36px;
    line-height: 44px;
    letter-spacing: 0px;
    opacity: 1;
}

.doelgroepen-grid p {
    color: white;
    font-size: 22px;
    line-height: 34px;
    text-align: left;
    margin-top:27px;
    width: 100%;
    font-family: Muli, Regular;
    letter-spacing: 0px;
    opacity: 1;
}


.doelgroepen-grid .content a {
    color: white;
    border: 1px solid white;
    width: 100%;
    font-size: 18px;
    padding: 17px;
}
.doelgroepen-grid a:hover {
    text-decoration: none;
}


@media screen and (max-width: 1180px) and (orientation: portrait),
screen and (max-width: 1024px) {
    .doelgroepen-grid {
        padding: 0px 5px;
    }

    .doelgroepen-grid .wrapper {
        display: flex;
        flex-wrap: nowrap;
        gap: 25px;
    }

    .doelgroepen-grid .content {
        padding: 82px 25px 45px 25px;
    }

    .doelgroepen-grid .doelgroep-item{
        position: relative;
        text-align: center;
        width: 403px;
        background: linear-gradient(#BD2B82, #8F16FF);
    }
    .doelgroepen-grid .doelgroep-item .image-cirkle {
        position: absolute;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        width: 101px;
        height: 101px;
        background-color: white;
        opacity: 1;
        left: 50%;
        top: 0;
        transform: translate(-50%,-50%);
    }
}

@media screen and (max-width: 767px) {
    
    .doelgroepen-grid {
        padding: 0px 18px;
    }
    
    .doelgroepen-grid .wrapper {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }

    
    .doelgroepen-grid .content {
        padding: 38px 30px 31px 41.3px;
    }

    .doelgroepen-grid .img-arrow {
        position: absolute;
        right: 10%;
        top: 0;
        display: inline !important;
        width: 25px;
        height: 16px;
        transform: translate(10%, 255%);
    }
    

    .doelgroepen-grid .doelgroep-item .image-cirkle {
        position: absolute;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        width: 48px;
        height: 48px;
        left: 9%;
        top: 0;
        transform: translate(9%, 60%);
        background-color: white;
        opacity: 1;
    }
    
    .doelgroepen-grid .doelgroep-item .image-cirkle > img {
        width: 29.27px;
        height: 29.27px;
    }

    .doelgroepen-grid h1 {
       	padding: 0px 50px;
        color: white;
        text-align: center;
        font-size: 26px;
        line-height: 30px;
        font-family: Rival, Regular;
    }

    .doelgroepen-grid p {
        color: white;
        text-align: left;
        margin:auto;
        width: 100%;
        margin-top: 50px;
        font-size: 22px;
        line-height: 34px;
        font-family: Muli, Regular;
    }

    .doelgroepen-grid .content a {
        color: white;
        border: 1px solid white;
        width: 100%;
        font-size: 18px;
        padding: 15px;
    }

}