/* Integration with existing direct-image and pinned-kicker banner variants. */
html body #inhoud section.unified-banner.unified-banner--card::before { content:none !important; display:none !important; }
html body #inhoud section.unified-banner.unified-banner--card > .unified-banner-copy {
  box-sizing:border-box !important;
  flex:none !important;
  text-shadow:none !important;
  overflow:visible !important;
}
html body #inhoud section.unified-banner.unified-banner--card .unified-banner-copy > .unified-banner-kicker {
  display:block !important;
  letter-spacing:0 !important;
  transform:none !important;
}
html body #inhoud section.unified-banner.unified-banner--card .unified-banner-copy h1 {
  text-shadow:none !important;
  letter-spacing:0 !important;
  max-width:100% !important;
}
html body #inhoud section.unified-banner.unified-banner--card .unified-banner-actions {
  display:flex !important;
  flex-wrap:wrap !important;
  gap:14px 20px !important;
}
html body #inhoud section.unified-banner.unified-banner--card .unified-banner-visit { display:inline-flex !important; }
html body #inhoud section.unified-banner.unified-banner--card .unified-banner-media,
html body #inhoud section.unified-banner.unified-banner--card .unified-banner-media img {
  filter:none !important;
  opacity:1 !important;
}
html body #inhoud section.unified-banner.unified-banner--card .unified-banner-copy a:focus-visible {
  outline:2px solid #ffda32 !important;
  outline-offset:4px !important;
}
@media(min-width:768px) {
  html body #inhoud section.unified-banner.unified-banner--card.unified-banner--long-title .unified-banner-copy h1 { font-size:34px !important; }
  html body #inhoud section.unified-banner.unified-banner--card.unified-banner--extended-title .unified-banner-copy h1 { font-size:var(--banner-title-size,28px) !important; }
  html body #inhoud section.unified-banner.unified-banner--card > img.unified-banner-media {
    object-fit:cover !important;
    object-position:var(--banner-pos-desktop,50% 50%) !important;
  }
}
@media(max-width:767px) {
  html body #inhoud #bc-hero-comfort.unified-banner--card,
  html body #inhoud #rs-hero-plan.unified-banner--card {
    background:#fff !important;
    padding:0 0 8px !important;
  }
  html body #inhoud #bc-hero-comfort.unified-banner--card > .unified-banner-media,
  html body #inhoud #rs-hero-plan.unified-banner--card > .unified-banner-media {
    order:0 !important;
    height:320px !important;
    aspect-ratio:auto !important;
  }
  html body #inhoud #bc-hero-comfort.unified-banner--card > .unified-banner-media img,
  html body #inhoud #rs-hero-plan.unified-banner--card > .unified-banner-media img {
    height:100% !important;
    aspect-ratio:auto !important;
    object-position:var(--banner-pos-mobile,50% 35%) !important;
  }
  html body #inhoud #bc-hero-comfort.unified-banner--card > .unified-banner-copy,
  html body #inhoud #rs-hero-plan.unified-banner--card > .unified-banner-copy {
    order:1 !important;
    width:auto !important;
    margin:-56px 16px 0 !important;
    padding:22px 18px !important;
    z-index:2 !important;
  }
  html body #inhoud section.unified-banner.unified-banner--card > img.unified-banner-media {
    object-fit:cover !important;
    object-position:var(--banner-pos-mobile,50% 35%) !important;
  }
  html body #inhoud section.unified-banner.unified-banner--card .unified-banner-copy h1 {
    font-size:30px !important;
    line-height:1.08 !important;
    overflow-wrap:break-word;
  }
  html body #inhoud section.unified-banner.unified-banner--card.unified-banner--long-title .unified-banner-copy h1 { font-size:28px !important; }
}
@media(min-width:1101px) {
  html body #inhoud #rs-hero-plan.unified-banner--card > .unified-banner-media {
    inset:0 !important;
    width:100% !important;
  }
  html body #inhoud #rs-hero-plan.unified-banner--card > .unified-banner-media img {
    object-position:var(--banner-pos-desktop,25% 50%) !important;
  }
}