.introductie {
    position: relative;
}

.introductie-image img {
    border-radius: 20px;
}

.introductie-info {
    padding: 15px 20px 15px 20px;
    position: absolute;
    top: 20px;
    right: 0;
    width: 40%;
}

    .introductie-info p:last-child {
        margin-bottom: 0px
    }

    .introductie-info .itembox {
        border: 0px;
        padding: 0px;
        border-radius: 0px;
        font-size: 14px;
        line-height: 28px;
        margin-bottom: 0px;
    }

img.introductie-arrow {
    margin-right: 10px;
    margin-top: 20px;
    height: 60px;
}

.introductie-schijn:before {
    position: absolute;
}

.introductie-schijn.introductie-schijn-top-left:before {
    content: url(//img.unitedconsumers.com/www/images/algemeen/ico/ico-schijn-links.svg);
    width: 40px;
    height: 40px;
}


.container-service .introductie-schijn.introductie-schijn-top-left:before {
    left: -30px;
    top: -30px;
}

.container-service .introductie-info {
    font-size: 22px;
    line-height: 40px;
    padding: 30px;
    margin-top: 15px;
}

.page-separator > .container-service .introductie-schijn.introductie-schijn-top-left:before {
    content: none;
}

    .introductie-info strong {
        font-size: 17px;
    }



@media (max-width: 767px) {
    .container-introductie {
        padding: 0;
        overflow-x: hidden;
    }

    .container-service .introductie-info {
        margin-top: 175px;
        line-height: 30px;
    }


    .introductie-info {
        font-size: 14px;
        right: initial;
        width: calc(100vw - 30px);
        left: 15px;
        position: relative;
        top: 0;
        margin-top: 175px;
        border: 1px solid #ebebec;
    }

    .introductie-image {
        overflow-y: hidden;
        position: absolute;
        height: 375px;
        top: -175px;
    }

    .introductie-image img {
        border-radius: 0px;
        margin-left: -20%;
    }
}


@media (min-width: 768px) and (max-width: 991px) {
    .introductie-info {
        width: 60%;
        right: 30px;
    }

    .introductie-image img {
        width: 100%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    img.introductie-arrow {
        margin-right: 1px;
        margin-top: -21px;
        height: 60px;
    }
}