/* USP's */
.usp-bottom__row { margin-left: 0; margin-right: 0; padding-top: 30px; padding-bottom: 15px; }
.usp-bottom__item { padding: 0 30px 30px 0; display: flex; flex-flow: column wrap; align-items: flex-start; justify-content: flex-start; gap: 15px; }
.usp-bottom__item:last-of-type() { padding: 0 15px 15px 0; }
.usp-bottom__item * { margin: 0; }
.usp-bottom__item p a { font-size: 1rem; }

/* Overige aanpassingen template */

img[src*="default-collectief.png"] {display: none;}
.background-color-1.background-color-2[sc-part-of="placeholder rendering"] .background-color-1.background-color-2[style*="display: none"] {display: block !important;}

.promo .field-promotext2 .button.secondary {text-decoration: none; margin-top: 15px;}
.background-color-1.background-color-2:has(.background-color-1.background-color-2[style*="display: none"]) {margin: 0; padding: 0;}
.rich-text h2 > img {height: 45px !important; width: auto !important;}
.rich-text h2:has(img) {display: flex; gap: 15px; align-items: center;}
.col-md-4 .rich-text ul.lijst-vinkjes li:first-child {margin-top: 0;}
.col-md-4 .rich-text ul.lijst-vinkjes li {border-bottom: 1px solid rgba(51,51,51,0.1); margin-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1.5rem}
.col-md-4 .rich-text ul.lijst-vinkjes li:last-child {padding-bottom: 0; border:0;}

.compare__discount {display: flex; flex-flow: column wrap; align-items: flex-start; font-weight: 700 !important;}
.compare__discount-label {display: inline-flex; width: auto; background: #0B6B6F; color: #FFF; padding: 4px 6px;}

.swipecontainer__instructions, .swipecontainer__controls {display: none;}
.swipecontainer__slides.init>div {opacity: 1 !important;}

.container.bootstrap-2-forward-compatible {width: 100%}
.container.bootstrap-2-forward-compatible > .container.content {width: 100%;}
.columns-component-fullwidth.background-color-1.background-color-2 {background: #daecf7;}

.collectief.wizard-collectief-selecteren.wizard-form-collectief-selectie {background: transparent !important; padding: 0 !important;}
.collectief.wizard-collectief-selecteren.wizard-form-collectief-selectie .cvgz-link-button {display: none;}
.collectief__header.collectief__header--img.header {display: none;}
.wizard-form-beschrijving {display: none !important;}

#header .component.image img {height: 55px !important; width: auto !important; margin: 10px !important;}
@media (min-width: 992px) {#header.container {width: 910px;}}
@media (min-width: 1200px) {#header.container {width: 1110px;}}

#content > .columns-component-fullwidth > .col-xs-12 > .row-splitter > .container-fluid:nth-of-type(2) {height: 0; max-height: 0; overflow: hidden;}
hr {width: 100%; height: 1px; background: #333; opacity: 0.1;}

.hero {position: relative;}
.hero__title {padding: 15px;}
.hero + img {position: absolute; bottom: 20px; }

.hero + img {right: 0; width: auto; max-width: 360px; border-radius: 10px 10px 0 0; overflow: hidden; background: #FFF; padding: 20px 20px 0 20px;}
@media screen and (max-width:767px) {.hero + img {max-width: 40vw; max-height: 120px;}}
@media screen and (min-width:768px) {.hero + img {max-height: 160px;}}

.hero .component-content .hero-image img {vertical-align: middle; font-style: italic;  }
.promo.has-shadow .component-content {box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;}

@media screen and (max-width:767px) {
.container-fluid {padding-left: 0; padding-right: 0;}
.columns-component-fullwidth {padding-left: 15px; padding-right: 5px;}
}

.swipecontainer {margin-bottom: 30px;}
.background-color-2 .swipecontainer__slides {background: transparent;}

[data-elastic-exclude] .columns-component-fullwidth.background-color-2 {position: absolute; top: 0; padding: 0 !important; height: 40px; display: flex; align-items: center; z-index: 1002;}
[data-elastic-exclude] .columns-component-fullwidth.background-color-2 .lijst-vinkjes {margin: 0 !important; padding: 0 15px 0 0 !important; display: flex;} 
[data-elastic-exclude] .columns-component-fullwidth.background-color-2 .lijst-vinkjes li {flex: 1 0 33.3334%;  width: 33.3334%; font-size: 14px; margin:0; padding: 0; display: inline-flex; justify-content: center;}
[data-elastic-exclude] .columns-component-fullwidth.background-color-2 .lijst-vinkjes li:first-child {justify-content: flex-start; }
[data-elastic-exclude] .columns-component-fullwidth.background-color-2 .lijst-vinkjes li:last-child {justify-content: flex-end;}
[data-elastic-exclude] .columns-component-fullwidth.background-color-2 .lijst-vinkjes li:before {position: relative; margin-right: 10px;}

.container-fluid.equalized-content .promo.has-light-background .component-content {background-color: #fff0f3 !important;}
.container-fluid.equalized-content .swipecontainer__slides {background: transparent no-repeat 0 80px; background-image: linear-gradient(0deg, #fff0f3 0%, #fff0f3 100%)};
.container-fluid.equalized-content .promo .button.secondary,
.container-fluid.equalized-content .promo .button.secondary:hover {background: #FFF; border-color: #d41a4d  !important; color: #d41a4d  !important;}
.container-fluid.equalized-content .compare__discount-label {background: #d41a4d; }

@media screen and (min-width: 1024px) {
    .container-dark-background, .container-color-background, .container-clean-background {margin-left: 15px;}
    .container-fluid {padding-left: 0; padding-right: 0;}
}

.wizard-collectief-selecteren .card {margin-top: 0 !important;}
.theme-vgz .cvgz-card.boxshadow {border-radius: 20px  !important; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px  !important; padding: 15px 15px 25px 15px  !important;}

@media screen and (max-width: 767px) {
    .hero .component-content .hero-image img {max-width: 100vw; width: auto; height: auto; min-height: 200px; object-fit: cover; object-position: center;}
    .external-app {margin: 0 -20px;  width: auto;}
    .container-dark-background, .container-color-background, .container-clean-background {margin: 20px 0 20px 20px;}
}

.hero {margin-bottom: 20px;}
.cvgz-card[_ngcontent-ng-c1713162161] {padding: 5px 10px 20px 10px;}

@media screen and (min-width: 1200px) {

    .external-app {width: calc(100% + 45px);}
    .card[_ngcontent-ng-c1874531503] {margin: 0 30px 0 0;}
    .columns-component-threethirds {width: calc(100% + 15px);}
    .card-list--two[_ngcontent-ng-c1874531503] .card[_ngcontent-ng-c1874531503] {flex: 0 1 calc(50% - 30px)}

    .swipecontainer__slides>div:first-of-type:last-of-type, 
    .swipecontainer__slides>div:first-of-type:nth-last-of-type(2), 
    .swipecontainer__slides>div:nth-of-type(2):last-of-type {max-width: 578px; flex: 0 0 578px;}
    .swipecontainer__slides>div:first-of-type:nth-last-of-type(3),
    .swipecontainer__slides>div:first-of-type:nth-last-of-type(3)~div {max-width: 370px;}

    .container-fluid.equalized-content .swipecontainer__slides>div:first-of-type:last-of-type, 
    .container-fluid.equalized-content .swipecontainer__slides>div:first-of-type:nth-last-of-type(2), 
    .container-fluid.equalized-content .swipecontainer__slides>div:nth-of-type(2):last-of-type {max-width: 370px;}

}

header {position: absolute; top: 40px; width: 100%; box-shadow: 0 0 4px rgba(0,0,0,0.2);}
#header img {vertical-align: middle;}
#header {padding: 6px 0;}

@media (min-width: 1200px){
    #header.container {width: 1140px;}
}

.hero {width: calc(100vw + 20px);}
.swipecontainer__slides {width: calc(100vw + 20px); max-width: calc(100vw + 20px);}

@media (min-width: 1200px){
    .hero {width: calc(100vw + 30px);}
    .swipecontainer__slides {width: calc(100vw + 30px); max-width: calc(100vw + 30px);}
}

.columns-component-fullwidth.background-color-2 .swipecontainer {margin: 0;}
.columns-component-fullwidth.background-color-2 .swipecontainer__slides {padding: 0;}

@media (max-width: 1024px){
    [data-elastic-exclude] .columns-component-fullwidth.background-color-2 .rich-text {padding-left: 0; padding-right: 0;}
    [data-elastic-exclude] .columns-component-fullwidth.background-color-2 .lijst-vinkjes {overflow: scroll; -ms-overflow-style: none;  scrollbar-width: none; gap: 40px; align-items: center; justify-content: center;}
    [data-elastic-exclude] .columns-component-fullwidth.background-color-2 .lijst-vinkjes::-webkit-scrollbar {display: none;}
    [data-elastic-exclude] .columns-component-fullwidth.background-color-2 .lijst-vinkjes li {width: auto !important; flex: 1 0 auto !important; justify-content: center !important;}
}

@media screen and (min-width: 1024px) {
    .container-dark-background .rich-text, .container-color-background .rich-text, .container-clean-background .rich-text {
        padding: 20px 50px;
    }
}

/* Fixes 11-06-2025 */

.navigation__top, .navigation {display: none;}
body {padding-top: 127px}
#wrapper > .header {padding-top: 10px; padding-bottom: 10px; position: absolute; top: 40px;}
.hero { width: calc(100vw + 30px); margin-left: calc(-50vw - 20px); }
@media (min-width: 1200px) {
    .hero { width: calc(100vw + 30px); margin-left: calc(-50vw - 15px); }
}
.grid {display: flex; gap: 10px; padding-top: 10px;}