.o-product-teaser{box-shadow:0 4px 8px 0 rgba(0,0,0,.75);container-name:o-product-teaser;container-type:inline-size;position:relative}.o-product-teaser__container{display:grid;grid-template-columns:100%;grid-template-rows:100%;height:100%}.o-product-teaser__container::after{background:linear-gradient(0deg,#243c4b,#243c4b 10%,rgba(36,60,75,.65) 30%,rgba(0,0,0,0) 70%);content:'';height:100%;position:absolute;width:100%}@container o-product-teaser (min-width:351px){.o-product-teaser__container::after{background:linear-gradient(0deg,#243c4b,#243c4b 0,rgba(36,60,75,.6) 20%,rgba(0,0,0,0) 40%)}}.o-product-teaser__content{align-self:end;display:grid;grid-area:1/1;hyphens:auto;justify-content:center;padding:10px;row-gap:10px;text-align:center;z-index:1}@container o-product-teaser (min-width:351px){.o-product-teaser__content{column-gap:10px;grid-template-columns:1fr auto;text-align:left}}.o-product-teaser__cta{justify-self:center}.o-product-teaser__cta:focus,.o-product-teaser__cta:hover{border-color:#fff!important}@container o-product-teaser (min-width:351px){.o-product-teaser__cta{align-self:end}}.o-product-teaser__headline{color:#fff;font-size:1.5rem;line-height:1;margin:0}.o-product-teaser__headline-wrapper{align-self:end;display:inline-grid;row-gap:8px}.o-product-teaser__image{height:100%;object-fit:cover;width:100%}.o-product-teaser__image-container{grid-area:1/1;height:100%;width:100%}.o-product-teaser__subheadline{color:#fff;display:none;font-size:1.125rem}@media (min-width:576px){.o-product-teaser__subheadline{display:inline-block}}.o-product-teaser-container{container-name:o-product-teaser-container;container-type:inline-size}.o-product-teaser-grid{container-type:inline-size;display:grid;gap:20px;grid-auto-flow:dense;grid-auto-rows:240px;grid-template-columns:1fr}@container o-product-teaser-container (min-width:576px){.o-product-teaser-grid{gap:30px;grid-template-columns:repeat(2,1fr)}.o-product-teaser-grid .o-product-teaser--landscape{grid-column:span 2}.o-product-teaser-grid .o-product-teaser--portrait{grid-row:span 2}}@container o-product-teaser-container (min-width:768px){.o-product-teaser-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.o-product-teaser-grid--2-cols{grid-gap:20px 30px;grid-template-columns:repeat(2,minmax(300px,1fr))}}.o-product-teaser-grid--single-row{gap:30px;grid-auto-rows:320px}