

/* BREADCRUMB */
.breadcrumb-wrapper {
    background: #ffffff;
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative;
}

    .breadcrumb-wrapper ul {
        border-radius: 0px;
        margin: 0;
        list-style: none;
        padding-left: 8px;
        padding-right: 8px;
    }

    .breadcrumb-wrapper::after {
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0l.6.9 29.9 29.9c1.7 1.7 4.3 1.7 6 0L66.5.9c.3-.3.5-.6.7-.9H0z' fill='%23ebebec'/%3E%3C/svg%3E");
        content: "";
        width: 67px;
        height: 33px;
        position: absolute;
        left: calc(((100% - 1170px) / 2) + 30px);
        bottom: -32px;
    }

    .breadcrumb-wrapper ul > li {
        float: left;
        color: #f47929;
    }

        .breadcrumb-wrapper ul > li span.breadcrumb-back,
        .breadcrumb-wrapper ul > li span.breadcrumb-ico {
            font-size: 24px;
            line-height: 28px;
            float: left;
        }

        .breadcrumb-wrapper ul > li span.breadcrumb-home-ico {
            font-size: 18px;
        }

        .breadcrumb-wrapper ul > li a {
            font-size: 14px;
            color: #f47929;
            font-weight: normal;
            text-decoration: none;
        }

        .breadcrumb-wrapper ul > li:first-child a {
            font-weight: bold;
            font-family: Font1Bold;
        }

        .breadcrumb-wrapper ul > li a:hover {
            text-decoration: none;
        }

        .breadcrumb-wrapper ul > li:after {
            color: #f47929;
            content: "|";
            padding-left: 10px;
            padding-right: 10px;
        }

        .breadcrumb-wrapper ul > li:last-child:after {
            content: "";
        }

.body-wrapper-applicatie .breadcrumb-wrapper,
.body-wrapper-informatie .breadcrumb-wrapper,
.body-wrapper-over-ons .breadcrumb-wrapper {
    background: #ebebec;
}

.body-wrapper-mijn-uc .breadcrumb-wrapper {
    padding-top: 6px;
    padding-bottom: 6px;
}

    .body-wrapper-mijn-uc .breadcrumb-wrapper::after {
        content: none;
    }

    .body-wrapper-mijn-uc .breadcrumb-wrapper ul > li a,
    .body-wrapper-mijn-uc .breadcrumb-wrapper ul > li span {
        font-size: 12px;
    }

        .body-wrapper-mijn-uc .breadcrumb-wrapper ul > li span.breadcrumb-back {
            font-size: 20px;
            font-weight: bold;
            font-family: Font1Bold;
            padding-right: 2px;
        }

        .body-wrapper-mijn-uc .breadcrumb-wrapper ul > li span.breadcrumb-home-ico {
            font-size: 17px;
        }

    .body-wrapper-mijn-uc .breadcrumb-wrapper ul > li:last-child span {
        font-weight: bold;
        font-family: Font1Bold;
    }

        .body-wrapper-mijn-uc .breadcrumb-wrapper ul > li:first-child a,
        .body-wrapper-mijn-uc .breadcrumb-wrapper ul > li:last-child span + span {
            font-weight: normal;
            font-family: Font1;
        }


    .body-wrapper-mijn-uc .breadcrumb-wrapper ul > li:first-child:after {
        padding-left: 30px;
        padding-right: 20px;
    }

    .body-wrapper-mijn-uc .breadcrumb-wrapper ul > li:not(:first-child):not(:last-child):after {
        content: "/";
    }

/* product over uc page */
.body-wrapper-product-over-unitedconsumers .breadcrumb-wrapper::after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0l.6.9 29.9 29.9c1.7 1.7 4.3 1.7 6 0L66.5.9c.3-.3.5-.6.7-.9H0z' fill='%23fff'/%3E%3C/svg%3E");
}

.body-wrapper-product-over-unitedconsumers .breadcrumb-wrapper ul > li::after,
.body-wrapper-product-over-unitedconsumers .breadcrumb-wrapper ul > li,
.body-wrapper-product-over-unitedconsumers .breadcrumb-wrapper ul > li a,
.body-wrapper-product-over-unitedconsumers .breadcrumb-wrapper ul > li span,
.body-wrapper-product-over-unitedconsumers .breadcrumb-wrapper ul > li a span {
    float: left;
}

@media (min-width: 992px) {
    .body-wrapper-informatie .breadcrumb-wrapper .container {
        width: 970px;
    }
    .body-wrapper-over-ons .breadcrumb-wrapper .container {
        width: 970px;
    }
 }

@media (min-width: 992px) and (max-width: 1199px) {
    .breadcrumb-wrapper::after {
        left: calc(((100% - 970px) / 2) + 30px);
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .breadcrumb-wrapper::after {
        left: calc(((100% - 750px) / 2) + 30px);
    }

    .body-wrapper-informatie .breadcrumb-wrapper::after,
    .body-wrapper-over-ons .breadcrumb-wrapper::after {
        left: calc(((100% - 750px) / 2) + 30px);
    }
}

@media (max-width: 767px) {
    .breadcrumb-wrapper {
        padding-top: 10px;
        padding-bottom: 10px;
    }

        .breadcrumb-wrapper::after,
        .body-wrapper-informatie .breadcrumb-wrapper::after
        .body-wrapper-over-ons.breadcrumb-wrapper::after {
            left: 30px;
            bottom: auto;
        }

        .breadcrumb-wrapper ul {
            padding-left: 0px;
            padding-right: 0px;
        }

            .breadcrumb-wrapper ul > li > span {
                padding-left: 5px;
                padding-right: 5px;
            }

    .body-wrapper-applicatie .breadcrumb-wrapper {
        background: #ffffff;
    }

        .body-wrapper-applicatie .breadcrumb-wrapper::after {
            background: url('data:image/svg+xml;utf8,<svg xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path d="m0 0l0.6 0.9 29.9 29.9c1.7 1.7 4.3 1.7 6 0l30-29.9c0.3-0.3 0.5-0.6 0.7-0.9h-67.2z" fill="#ffffff"/></svg>');
            /* z-index: 1; */
        }

    .body-wrapper-over-uc.body-wrapper-product-over-unitedconsumers .breadcrumb-wrapper {
        background: #ebebec;
    }

    .body-wrapper-over-uc.body-wrapper-product-over-unitedconsumers .breadcrumb-wrapper::after {
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0l.6.9 29.9 29.9c1.7 1.7 4.3 1.7 6 0L66.5.9c.3-.3.5-.6.7-.9H0z' fill='%23ebebec'/%3E%3C/svg%3E");
    }

    .breadcrumb-wrapper ul > li:after {
        content: none !important;
    }
}

@media (min-width: 1200px) {
    .body-wrapper-informatie .breadcrumb-wrapper::after,
    .body-wrapper-over-ons .breadcrumb-wrapper::after {
        left: calc(((100% - 970px) / 2) + 30px);
    }
}
