.ui-banner{min-height:19rem;padding-block:var(--ui-space-8);padding-inline:var(--ui-gutter);background:var(--ui-warm-bg);align-items:flex-end;display:flex}.ui-banner--beeld{padding:0;position:relative;overflow:hidden}.ui-banner__image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ui-banner__body{gap:var(--ui-space-2);flex-direction:column;max-width:34rem;display:flex}.ui-banner__title{font-family:var(--ui-font-display);font-weight:var(--ui-weight-bold);font-size:var(--ui-text-display);line-height:var(--ui-leading-display);color:var(--ui-primary);margin:0}.ui-banner__action{margin-top:var(--ui-space-4)}.ui-banner.ui-banner--actie{min-height:0}.ui-banner--actie .ui-banner__title{font-size:var(--ui-text-h2);line-height:var(--ui-leading-h2)}.ui-banner__text{font-family:var(--ui-font-body);font-size:var(--ui-text-body);line-height:var(--ui-leading-body);color:var(--ui-ink);margin:0}@media (max-width:47.9375rem){.ui-banner{min-height:12rem;padding-block:var(--ui-space-6)}}@media (min-width:48rem){.ui-banner{--ui-banner-uitsteek:var(--ui-space-8);margin-inline:calc(max(var(--ui-gutter-desktop), (100% - var(--ui-content-max)) / 2) - var(--ui-banner-uitsteek));border-radius:var(--ui-radius);padding-inline:var(--ui-banner-uitsteek)}}