.product-tegel-wrapper {
    position: relative;
}

div.product-tegel {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

    div.product-tegel:first-child {
        padding-left: 15px;
    }

    div.product-tegel:last-child {
        padding-right: 15px;
    }

.product-tegel-body {
    background: #ffffff;
    padding: 15px;
    cursor: pointer;
    border-radius: 20px;
    margin-top: 36px;
    z-index: 1;
    border: 2px solid #ffffff;
}

.product-tegel .product-tegel-body:hover:not(.product-tegel-disabled),
.product-tegel .product-tegel-body.active {
    border: 2px solid #f47929;
}

.product-tegel-disabled {
    background: #ebebec;
    border-color: #6d6e71;
    cursor: default;
}

.product-tegel-body p {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px;
}

@media (max-width:320px) {
    .product-tegel-stars img {
        width: 16px;
        height: 16px;
    }
}

.product-tegel-naam {
    font-family: Font1Light;
    font-weight: bold;
    font-size: 16px;
}

.product-tegel-radio-wrapper {
}

.product-tegel-radio {
    width: 25px;
    height: 25px;
    margin: 0 auto;
}

    .product-tegel-radio:before {
        content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAYAAACN1PRVAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuM4zml1AAAAFwSURBVEhLvdZdT8IwFAZg/v+/UyeCERmIeIGYICZws9Q8lRJdRJo5+iZlaXfOez57xiAH+/0+bDbvca1Wr8eVzrw/iHbHdvsRSedPi/AweQzD0ThcV7fh6qaKT3vn3pMjf1DNB0/X67cwrWehGt6FybSO+91uF5qmCeBp79x7cuTtsyPl3XL5Ekbj+1DP5pEwB+TI06N/NkoCi8VzTBEPu4AefTwnDQqdRwQV/T+gjwffrynlkRR0jaiN73wHE18QruLKeZ/Ah/dHOrWtbspthlzgw4s/GpJT90T7XgJ48cfaKaaL2Vet2sCLn51ozCToO4UJePFHY/KpTdNk6Bt48ce6+THrLgn8R2PFIitaMz/FurHoPQP5LDJBoOhsBLktMvVBTot9z0C4Rb7UCQR4JAVynts05MjTo3/WUILQeai4ukn72iNMk8bT3rn35Mjbn0zdX+CdtnVPXEyTQIp6/d/YBk8V3UKaVjrLi2Qw+AQBiwHY87jnVgAAAABJRU5ErkJggg==');
    }

.product-tegel-body.active .product-tegel-radio:before,
.product-tegel a.active .product-tegel-radio:before {
    content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuM4zml1AAAAF4SURBVEhLvZZNTsMwEEZ9nd6Ca7GuOAqbnqArxJYNEiptoQWVxkgVrfqPmlU08IyDFDNWSaT4SZZle+aLPTNOYs6x3e0ks+/yPJnKYDiSh8Gj6xkzz7o3rc/HciXD8ZPM3uayXm8kz3MpikKAnjHzrGOHvXc9z+mUy+TlVeaZdUL/ATvsp99++HspncPx6ELBDpuAH/7oeMkq7ACD/f7gXZqBPzrqiQhR0xOEoIOel/6BpBHTGCR6ORuLvb8Ve9d3PeOyEDTQqxQD1RFL8maRib25lu3VhXxedn4bY+ZZ10APXfcA6pwy1EBg0etWxMPGeuxB6Lp7xIXSckEo2KkmHDbstNChi77h5mqhIuZhiGINO+xD0EXfUG7aLkiuJhhr2Iegi77hXaRBFWlisYa9BvppTpIkJ0mqK8k9gdZvPCR5d0Hrb2FI8j2B1r+MJeyg6Tcev+gJNEga1UEZskOEykTTM2aedez+JLkO1DkXiptLKOr/dxnzBXscSJR8rDwxAAAAAElFTkSuQmCC');
}

.product-tegel-body p.product-tegel-percent {
    line-height: 18px;
}


.product-tegel-wrapper-geen {
    margin-left: -15px;
    margin-right: -15px;
}

    .product-tegel-wrapper-geen .product-tegel .product-tegel-body {
        margin-top: 30px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

        .product-tegel-wrapper-geen .product-tegel .product-tegel-body .btn-app {
            margin-top: 0px;
        }

        .product-tegel-wrapper-geen .product-tegel .product-tegel-body.active {
            padding-top: 29px;
            padding-bottom: 29px;
        }


.product-tegel-body.active .product-tegel-naam {
}

.product-tegel-body.disabled .product-tegel-naam {
    background: none;
    color: #6d6e71;
}

.product-tegel-logo img {
    width: 150px;
    height: 44px;
}

.product-tegel-sep {
    border-top: 1px solid #ebebec;
    margin-top: 15px;
    margin-bottom: 15px;
}
.product-tegel-disabled .product-tegel-sep {
    border-top-color: white;
}

.product-tegel-meestgekozen-flag {
    text-transform: uppercase;
    background: #5dc4bf;
    padding: 5px 10px 5px 10px;
    border-radius: 10px;
    color: #fff;
    position: absolute;
    right: 0px;
    z-index: 5;
    top: -15px;
}

.product-tegel-meestgekozen-flag-back {
    background: #148e88;
    padding: 5px 10px 5px 10px;
    border-radius: 10px;
    color: #148e88;
    position: absolute;
    top: 5px;
    right: 2px;
    z-index: 0;
    transform: rotate(-15deg);
}

@media (min-width: 992px) and (max-width: 1199px) {
    .product-tegel-logo img {
        width: 140px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .product-tegel-logo img {
        width: 180px;
    }
}


@media (max-width: 600px) {
    div .product-tegel {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 5px;
        margin-top: 0px;
        left: 0%;
    }
}

div.product-tegel-eigenrisico {
    border-radius: 7px;
}

    div.product-tegel-eigenrisico a {
        text-decoration: none;
    }

ul.product-tegel,
ul.product-tegel > li ul,
ul.verzekerden-list {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
}

    ul.product-tegel > li,
    ul.product-tegel > li ul li {
        display: block;
    }

    ul.product-tegel > li {
        overflow: hidden;
        margin-top: 5px;
        position: relative;
    }

        ul.product-tegel > li.space {
            margin-top: 10px;
        }

    ul.product-tegel li > a {
        cursor: pointer;
        display: block;
        padding: 10px 15px 10px 5px;
        text-align: center;
        border-radius: 10px;
        text-decoration: none;
        background: #ffffff;
        border: 2px solid #ffffff;
        min-height: 80px;
    }

        ul.product-tegel li > a:hover {
            border: 2px solid #f47929;
            color: #333;
        }

        ul.product-tegel li > a > div.row {
            margin: 0;
        }

    ul.product-tegel > li .product-tegel-radio,
    ul.product-tegel > li .geen-aanvullend {
        padding-top: 15px;
    }

ul.product-tegel-eigenrisico li > a {
    margin-right: 15px;
}

ul.product-tegel li > a ul li {
    display: inline-block;
    vertical-align: middle;
}


ul.product-tegel > li > a.active {
    border: 2px solid #f47929;
}

    ul.product-tegel > li > a.active .text-orange {
    }

ul.product-tegel-pakket > li > a {
    text-align: left;
}

.tegel-inactive ul.product-tegel li > a,
.tegel-inactive ul.product-tegel li > a .text-orange,
.tegel-inactive ul.product-tegel > li > a.active .text-orange {
    color: #6d6e71;
}

    .tegel-inactive ul.product-tegel li > a:hover,
    .tegel-inactive ul.product-tegel li > a:hover .text-orange {
        color: #6d6e71;
    }

ul.product-tegel li > a.nohover:hover,
ul.product-tegel li > a.nohover.active {
    border: 2px solid #ffffff;
    color: #333;
}

ul.product-tegel.product-tegel-white li > a {
    background: #ffffff;
    color: #333;
}


@media (max-width: 767px) {
    ul.product-tegel li > a > div.row {
        margin-left: -15px;
        margin-right: -15px;
    }

    ul.product-tegel li > a {
        border: 2px solid #ebebec;
    }

    ul.product-tegel > li .product-tegel-radio,
    ul.product-tegel > li .geen-aanvullend {
        padding-top: 0px;
    }

    .tegel-inactive ul.product-tegel li > a {
        color: #333;
    }

        .tegel-inactive ul.product-tegel li > a,
        .tegel-inactive ul.product-tegel li > a .text-orange,
        .tegel-inactive ul.product-tegel > li > a.active .text-orange {
            color: #d1d3d4;
        }

    ul.product-tegel > li > a:hover {
        border: 2px solid #ebebec;
    }

    ul.product-tegel > li > a.active:hover {
        border: 2px solid #f47929;
    }

    ul.product-tegel li > a,
    ul.product-tegel li:last-child > a {
        margin-right: 5px;
        padding-top: 4px;
    }
}

@media (max-width: 320px) {
    ul.product-tegel li > a,
    ul.product-tegel li:last-child > a {
        font-size: 12px;
    }
}

@media (max-width: 376px) {
    ul.product-tegel-eigenrisico > li {
        width: 33%;
        float: left;
    }
}

@media (min-width: 377px) {
    ul.product-tegel-eigenrisico > li {
        width: 16.6%;
        float: left;
    }
}

@media (min-width: 600px) {
    ul.product-tegel > li {
        float: left;
    }

    ul.product-tegel-eigenrisico > li {
        width: 16.6%;
    }

    ul.product-tegel-pakket-1 > li {
        width: 100%;
    }

    ul.product-tegel-pakket-3 > li {
        width: 33.33%;
    }

    ul.product-tegel-pakket-4 > li {
        width: 50%;
    }
}

.product-tegel-option-button {
    padding-top: 4px;
}

.product-tegel-option-vink .icon-ico-vink {
    font-size: 50px;
}

.product-tegel .product-tegel-option-vink {
    display: none;
}

.product-tegel-body.active .product-tegel-option-vink {
    display: block;
}

.product-tegel-body.active .product-tegel-option-button {
    display: none;
}

ul.product-tegel > li > a.active div.pakket-koffer,
ul.product-tegel > li > a.active div.pakket-tand,
ul.product-tegel > li > a.active div.pakket-alles1een {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABh0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC4zjOaXUAAAAgBJREFUKFNtkltrE1EQx/ereEt97afwI6gPIr7ogyBVsdU+JSWWpBeaVNH4EAiFNJAHtQHTJpCANiTRWqExtyYtJGva0M1uYm7b9AK/7p6W2oIDA3Nm/v9zZv5zpIu2sbGB1+tlcnISt9uN0+kU52q1yhnksgUCATwejwD0+32Oj4/pdDqUy2Xm5uYwLzyDntrs7CyhUIjBYMDh4SEHeo+DfV3ER0dHdLtdrFYr6XT6lJjNZpmZmaHX66G3Nepf3pKw3Sbw6h4/lnzoSpV9vY+qqkxNTVGv15F8Ph/FYlG0JC+52HlqoT02RPOFhezDK3x/fZfe7raoJxIJwuEwksPhQFEUuprCp5Fb/B0dovvy5rkXH19D/blC15gvn89jPiJNT0/TNhLt2hbRR8N0xv4RTK+N3ED+aGCaGru7dTGKZCpTqci0VI3P43doPLecE1qjFiojQ7S++mlpTdbXf7G4GEBaWFhgbW0NzUj+KWTw3x+m+uQ6ikH+9uAqvz88Q6tVRH15eYVIJIJkqmEuUZZl1EYDRd4mHXxH6v04lXQEdacq8rlcDpvNJgQRssfjcebn3xiL3GLPEGVvTxHiKEpDxJlMhomJCUql0uUFJ5NJ7Ha70cIyqVSazc0Sq6sJsXRTrEKh8P+vpGka0WgUv9+Py+UiGAwSi8XQdf0CQZJOAL5KzU45jT7qAAAAAElFTkSuQmCC');
}

ul.product-tegel > li > a.active:hover div.pakket-geen {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABh0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC4zjOaXUAAAAgBJREFUKFNtkltrE1EQx/ereEt97afwI6gPIr7ogyBVsdU+JSWWpBeaVNH4EAiFNJAHtQHTJpCANiTRWqExtyYtJGva0M1uYm7b9AK/7p6W2oIDA3Nm/v9zZv5zpIu2sbGB1+tlcnISt9uN0+kU52q1yhnksgUCATwejwD0+32Oj4/pdDqUy2Xm5uYwLzyDntrs7CyhUIjBYMDh4SEHeo+DfV3ER0dHdLtdrFYr6XT6lJjNZpmZmaHX66G3Nepf3pKw3Sbw6h4/lnzoSpV9vY+qqkxNTVGv15F8Ph/FYlG0JC+52HlqoT02RPOFhezDK3x/fZfe7raoJxIJwuEwksPhQFEUuprCp5Fb/B0dovvy5rkXH19D/blC15gvn89jPiJNT0/TNhLt2hbRR8N0xv4RTK+N3ED+aGCaGru7dTGKZCpTqci0VI3P43doPLecE1qjFiojQ7S++mlpTdbXf7G4GEBaWFhgbW0NzUj+KWTw3x+m+uQ6ikH+9uAqvz88Q6tVRH15eYVIJIJkqmEuUZZl1EYDRd4mHXxH6v04lXQEdacq8rlcDpvNJgQRssfjcebn3xiL3GLPEGVvTxHiKEpDxJlMhomJCUql0uUFJ5NJ7Ha70cIyqVSazc0Sq6sJsXRTrEKh8P+vpGka0WgUv9+Py+UiGAwSi8XQdf0CQZJOAL5KzU45jT7qAAAAAElFTkSuQmCC');
}

ul.product-tegel > li > a.active div.pakket-geen {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABh0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC4zjOaXUAAAAgBJREFUKFNtkltrE1EQx/ereEt97afwI6gPIr7ogyBVsdU+JSWWpBeaVNH4EAiFNJAHtQHTJpCANiTRWqExtyYtJGva0M1uYm7b9AK/7p6W2oIDA3Nm/v9zZv5zpIu2sbGB1+tlcnISt9uN0+kU52q1yhnksgUCATwejwD0+32Oj4/pdDqUy2Xm5uYwLzyDntrs7CyhUIjBYMDh4SEHeo+DfV3ER0dHdLtdrFYr6XT6lJjNZpmZmaHX66G3Nepf3pKw3Sbw6h4/lnzoSpV9vY+qqkxNTVGv15F8Ph/FYlG0JC+52HlqoT02RPOFhezDK3x/fZfe7raoJxIJwuEwksPhQFEUuprCp5Fb/B0dovvy5rkXH19D/blC15gvn89jPiJNT0/TNhLt2hbRR8N0xv4RTK+N3ED+aGCaGru7dTGKZCpTqci0VI3P43doPLecE1qjFiojQ7S++mlpTdbXf7G4GEBaWFhgbW0NzUj+KWTw3x+m+uQ6ikH+9uAqvz88Q6tVRH15eYVIJIJkqmEuUZZl1EYDRd4mHXxH6v04lXQEdacq8rlcDpvNJgQRssfjcebn3xiL3GLPEGVvTxHiKEpDxJlMhomJCUql0uUFJ5NJ7Ha70cIyqVSazc0Sq6sJsXRTrEKh8P+vpGka0WgUv9+Py+UiGAwSi8XQdf0CQZJOAL5KzU45jT7qAAAAAElFTkSuQmCC');
}


.product-tegel-pakket-alles ul li.pakket-image {
    width: 20px;
}

.product-tegel-pakket-alles ul li.pakket-omschrijving {
}

.product-tegel-pakket-alles ul li.pakket-stars {
}


@media (max-width: 767px) {
    ul.product-tegel li > a {
        margin-bottom: 20px;
    }
    .swiper-slide .product-tegel,
    .swiper-slide .product-tegel:first-child,
    .swiper-slide .product-tegel:last-child {
        padding-left: 30px;
        padding-right: 30px;
    }
    .product-tegel-wrapper-geen {
        margin-left: 0px;
        margin-right: 0px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    ul.product-tegel li > a {
        margin-bottom: 30px;
    }
}