.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;}

.breadcrumb, .swipecontainer__instructions {display: none;}
h1 {margin-top: 20px !important;}
@media only screen and (max-width: 767px) {
    .rich-text div[style*="display: flex"] {
        flex-flow: column wrap !important;
        align-items: stretch !important;
        justify-content: center !important;
        gap: 0 !important;
    }
}

.promo:not(.blok-component-pttl).has-light-background {margin: 0;} 
.promo:not(.blok-component-pttl) span:not([class]) {background: #CA771B; line-height: 1; color: #FFF; font-family: 'Asap'; font-weight: 600; font-size: 14px; padding: 4px; 10px; border-radius: 4px; display: inline-flex;}
.promo:not(.blok-component-pttl).has-light-background .component-content {display: flex; flex-flow: row wrap; border-radius: 4px;}
.promo:not(.blok-component-pttl).has-light-background .component-content > div:not([class]) {flex: 1 0 auto; max-width: calc(100% - 120px); display: flex; align-items: center;}
.promo:not(.blok-component-pttl).has-light-background .field-promoicon {width: 120px; height: 120px; flex: 1; max-width: 120px; margin: 0;}
.promo:not(.blok-component-pttl).has-light-background .field-promoicon img {width: 100%; height: 100%; object-fit: cover; margin: 0; border-radius: 4px 0 0 4px;}
.promo:not(.blok-component-pttl).has-light-background .field-promolink {display: none;}
.promo:not(.blok-component-pttl).has-light-background h3 a {color: #0b6b6f;}

@media only screen and (max-width: 767px) {

    .container-fluid .row-splitter > .container-fluid .rich-text,
    .container-fluid .row-splitter > .container-fluid .promo:not([role="tabpanel"]),
    .container-fluid .row-splitter > .container-fluid .image  {padding-left: 0; padding-right: 0;}

    .columns-component-fullwidth.background-color- {padding-left: 10px; padding-right: 10px;}
    .container-dark-background .rich-text { padding-left: 30px !important; padding-right: 30px !important;}
    .promo:not(.blok-component-pttl).has-light-background .field-promoicon {width: 80px; height: 80px; max-width: 80px;}
    .promo:not(.blok-component-pttl).has-light-background span:not([class]) {font-size: 10px; font-weight: 400;}
    .promo:not(.blok-component-pttl).has-light-background h3 {font-size: 16px; line-height: 1.2}
    .promo:not(.blok-component-pttl).has-light-background .field-promotext {padding-left: 15px; padding-right: 15px;}

}


.external-app .container {width: 100%;}

.wizard-form-input-error, .external-app .feedback {display: none;}
.wizard-form-title-bar h3, .wizard-form-beschrijving, .wizard-form-collectief-zoekwoord .wizard-form-search .has-feedback .subtitel, .wizard-form-collectief-zoekwoord .wizard-form-search .has-feedback .subtitel, .collectief__header {color: #FFF !important;}
.wizard-form-title-bar svg, .wizard-collectief-selecteren svg {fill: #FFF !important;}
.wizard-form-title-bar {margin: 0 !important;}
.wizard-form-collectief-zoekwoord, .wizard-form-collectief-zoekwoord {padding: 0.5rem 0 0 0 !important;}
.wizard-form-beschrijving {margin-bottom: 1rem !important;}
.wizard-form-collectief-zoekwoord .feedback {margin: 0!important; display: block;}
.wizard-collectief-selecteren, .collectief__header {background: transparent !important; padding: 0 !important;}

    .container-dark-background {background: #0b6b6f; color: #FFF;}
    .container-color-background {background: #E1F8F7;}
    .container-clean-background {background: #FFF; box-shadow: 0px 2px 6px 0px rgba(51,51,51,0.35);}
    .container-dark-background,
    .container-color-background,
    .container-clean-background {padding: 0;  border-radius: 1rem; margin-top: 20px; margin-bottom: 20px;}

    .container-dark-background h2, .container-dark-background h3, .container-dark-background h4, .container-dark-background p {color: #FFF !important;}
    .container-dark-background .image, .container-color-background .image, .container-clean-background .image {padding: 0;}
    .container-dark-background img, .container-color-background img, .container-clean-background img {border-radius: 0 !important; font-style: itaic; vertical-align: middle;}
    main .container-dark-background ul.lijst-vinkjes li:before {color: #FFF;}
   .columns-component-onethirdtwothirds .image, .columns-component-twothirdsonethird .image {border-radius: 1rem; overflow: hidden;}

@media screen and (min-width: 1024px) {
.columns-component-onethirdtwothirds .col-md-4 .image {border-radius: 1rem 0 0 1rem;}
.columns-component-twothirdsonethird .col-md-4 .image {border-radius: 0 1rem 1rem 0;}
        .container-dark-background .rich-text, .container-color-background .rich-text, .container-clean-background .rich-text {padding: 10px 50px;}
       .container-dark-background .sitecore-form, .container-color-background .sitecore-form, .container-clean-background .sitecore-form {padding: 10px 50px;}
        .container-dark-background .columns-component-onethirdtwothirds, .container-color-background .columns-component-onethirdtwothirds, .container-dark-background .columns-component-twothirdsonethird, .container-color-background .columns-component-twothirdsonethird, .container-clean-background .columns-component-twothirdsonethird, .container-clean-background .columns-component-onethirdtwothirds{display: flex; align-items: center;}
       .container-dark-background, .container-color-background, .container-clean-background {margin-left: 30px;}
        .container-dark-background .link, .container-color-background .link, .container-clean-background .link {padding: 10px 50px;}
        .container-dark-background .link + .rich-text, .container-color-background .link + .rich-text, .container-clean-background .link + .rich-text {padding-top: 0;;}
        .container-dark-background .external-app {padding: 30px 40px;}
}

@media screen and (max-width: 1023px) {
        .container-dark-background .rich-text, .container-color-background .rich-text, .container-clean-background .rich-text {padding: 30px;}
        .container-dark-background .sitecore-form, .container-color-background .sitecore-form, .container-clean-background .sitecore-form {padding: 30px;}
        .container-dark-background .link, .container-color-background .link, .container-clean-background .link {padding:  30px;}
        .container-dark-background .link + .rich-text, .container-color-background .link + .rich-text, .container-clean-background .link + .rich-text {padding-top: 0;}
        .container-dark-background .external-app {padding: 30px;}
}