:root{--bannerblock-padding: var(--space-48) var(--space-24);--bannerblock-padding-desktop: var(--space-80) var(--space-64);--bannerblock-with-image-padding-desktop: var(--space-48);--bannerblock-background-color: var(--theme-surface);--bannerblock-font-color: var(--theme-on-surface);--bannerblock-with-image-content-max-width: 500px;--bannerblock-content-max-width: var(--grid-body-text-width);--bannerblock-image-max-height: 250px;--bannerblock-image-max-height-tablet: 350px}.banner-block[data-background=none],.banner-block[data-background=none] [data-background=none]{background:var(--bannerblock-background-color);color:var(--bannerblock-font-color)}.banner-block{position:relative;align-content:center;isolation:isolate;width:100%;height:100%;overflow:visible}@media screen and (min-width: 48rem){.banner-block{text-align:center}}@media screen and (min-width: 64rem){.banner-block{padding:var(--bannerblock-padding-desktop)}}.banner-block[data-banner-block-image=true]{display:flex;flex-direction:column-reverse;text-align:left}@media screen and (min-width: 64rem){.banner-block[data-banner-block-image=true]{margin-right:auto}}[data-banner-block-image=true] .banner-block__background-image{display:grid;position:relative}[data-banner-block-image=true] .banner-block__background-image>div{width:100%;height:100%}[data-banner-block-image=true] .banner-block__background-image img{width:100%;height:100%;max-height:var(--bannerblock-image-max-height);object-fit:cover}@media screen and (min-width: 48rem){[data-banner-block-image=true] .banner-block__background-image img{max-height:var(--bannerblock-image-max-height-tablet)}}@media screen and (min-width: 64rem){[data-banner-block-image=true] .banner-block__background-image{position:absolute;top:0;left:0;padding:0;width:100%;height:100%;overflow:hidden}[data-banner-block-image=true] .banner-block__background-image img{max-height:none}}.banner-block__content-container{display:flex;align-items:center;height:100%}[data-banner-block-image=true] .banner-block__content-container{margin:0 auto;width:100%;max-width:var(--grid-site-width)}.banner-block__container{position:relative;z-index:1;padding:var(--bannerblock-padding)}@media screen and (min-width: 64rem){.banner-block__container{margin:0 auto;padding:0;max-width:var(--bannerblock-content-max-width)}}@media screen and (min-width: 64rem){[data-banner-block-image=true] .banner-block__container{margin:0;padding:var(--bannerblock-with-image-padding-desktop);max-width:var(--bannerblock-with-image-content-max-width)}}.banner-block__cta{margin-top:var(--space-32)}
