.teasers{--_teaser-width: 33.3333%;--_teaser-width-large: calc(var(--_teaser-width) * 2);display:flex;flex-wrap:wrap}.teaser{padding:15px;position:relative;background-color:#fff;flex:1 1 var(--_teaser-width);max-width:var(--_teaser-width)}.teaser a{box-shadow:0 1px 8px -4px #00000080;text-decoration:none;position:relative;display:block;height:100%;background-color:#fff}.teaser .text-box{padding:18px 22px 70px}.teaser .text-box .title{color:var(--color-1)}.teaser .btn{position:absolute;bottom:22px}.teaser .image-box{position:relative;display:block;overflow:hidden}.teaser .image-box:before{content:"";display:block;padding-top:60%}.teaser .image-box:after{position:absolute;display:block;top:0;left:0;right:0;bottom:0;transition:.3s ease;content:"";opacity:0}.teaser img{position:absolute;display:block;top:0;left:0;width:100%;height:100%;object-fit:cover;scale:1;transition:scale .15s ease-in-out}.teaser:hover .image-box img,.teaser:focus-visible .image-box img,.teaser:focus-within .image-box img{scale:1.1}.teaser:hover .btn,.teaser:focus-visible .btn,.teaser:focus-within .btn{background-color:#ce71ae;text-decoration:none;color:var(--color-1-invert)}@media (max-width: 767.98px){.teaser{flex:1 1 50%;max-width:50%}}@media (max-width: 767.98px){.teaser{flex:1 1 100%;max-width:100%}}@media (min-width: 992px){.teaser.large{flex:1 1 var(--_teaser-width-large);max-width:var(--_teaser-width-large);position:relative}.teaser.large .text-box{position:absolute;top:0;width:100%;pointer-events:none;padding:40px 30px 65px;font-size:14px;line-height:22px}.teaser.large .text-box .title{font-size:36px}.teaser.large .text-box .btn{bottom:0}.teaser.large .image-box:after{background-color:#f000}.teaser.large.black_layer .outer .image-box:after{background-image:linear-gradient(180deg,var(--black),rgba(255,0,0,0));opacity:.4}.teaser.large.black_layer .outer .text-box .title,.teaser.large.black_layer .outer .text-box p{color:var(--white)}.teaser.large.black_layer .outer .text-box .btn{border:2px solid var(--white)}.teaser.large.white_layer .outer .image-box:after{background-image:linear-gradient(180deg,var(--white),rgba(255,0,0,0));opacity:.8}.teaser.large.white_layer .outer .text-box p{color:var(--black)}.teaser.large.white_layer .outer .text-box .btn{border:2px solid var(--white)}}
