.widget--banner_update .banner{display:grid;gap:32px;grid-template-columns:repeat(12, 1fr);border-radius:8px;overflow:hidden;background-color:var(--banner-color-background)}.widget--banner_update .banner[data-column_orientation="content-image"] .banner__media{grid-column:7 / 13;grid-row:1 / 2}.widget--banner_update .banner[data-column_orientation="content-image"] .banner__content{grid-column:1 / 6;grid-row:1 / 2}.widget--banner_update .banner[data-column_orientation="image-content"] .banner__media{grid-column:span 6;grid-row:1 / 2}.widget--banner_update .banner[data-column_orientation="image-content"] .banner__media.banner__media--blend:after{transform:rotate(180deg)}.widget--banner_update .banner[data-column_orientation="image-content"] .banner__content{grid-column:8 / 13;grid-row:1 / 2}.widget--banner_update .banner .banner__media{position:relative;display:grid}.widget--banner_update .banner .banner__media .banner__image{margin:0;align-self:center;justify-self:center}.widget--banner_update .banner .banner__media .banner__image.top{align-self:start}.widget--banner_update .banner .banner__media .banner__image.right{justify-self:end}.widget--banner_update .banner .banner__media .banner__image.bottom{align-self:end}.widget--banner_update .banner .banner__media .banner__image.left{justify-self:start}.widget--banner_update .banner .banner__media .banner__image.stretch{width:100%;height:100%;object-fit:cover}.widget--banner_update .banner .banner__media.banner__media--blend:after{content:'';position:absolute;width:100%;height:100%;background:linear-gradient(to right, var(--banner-color-background) 0%, transparent 100%)}.widget--banner_update .banner .banner__content{display:flex;flex-direction:column;justify-content:space-between;padding:var(--banner-padding-desktop)}.widget--banner_update .banner .banner__content .banner__text .banner__headline{color:var(--banner-color-text);margin:0 0 24px 0}.widget--banner_update .banner .banner__content .banner__text .banner__copy{color:var(--banner-color-text)}.widget--banner_update .banner .banner__content .banner__buttons{display:flex;gap:16px;flex-wrap:wrap;margin:24px 0 0 0}@media screen and (max-width: 800px){.widget--banner_update .banner{gap:24px}.widget--banner_update .banner[data-column_orientation="content-image"] .banner__media,.widget--banner_update .banner[data-column_orientation="image-content"] .banner__media{grid-column:1 / 13;grid-row:2 / 3}.widget--banner_update .banner[data-column_orientation="content-image"] .banner__media.banner__media--blend:after,.widget--banner_update .banner[data-column_orientation="image-content"] .banner__media.banner__media--blend:after{transform:rotate(0deg);background:linear-gradient(to bottom, var(--banner-color-background) 0%, transparent 100%)}.widget--banner_update .banner[data-column_orientation="content-image"] .banner__content,.widget--banner_update .banner[data-column_orientation="image-content"] .banner__content{grid-column:1 / 13;grid-row:1 / 2}}