.teaser-product{overflow:hidden}.teaser-product h4{hyphens:auto;margin-top:0}.teaser-product .card-row{flex-wrap:nowrap;justify-content:flex-end}.teaser-product .card{box-sizing:border-box;height:100%;padding:1.5rem 1rem;position:relative}.teaser-product .card:not(.bg-color-white){background-color:var(--color-grey-7)}.teaser-product .card h5{hyphens:auto;margin:0 0 .5rem}.teaser-product .card p{hyphens:auto;margin:0}.teaser-product.count-single .col-headline{display:none}.teaser-product.count-single .card{-moz-column-gap:1rem;grid-template-rows:auto auto auto;grid-template-columns:33.3333% calc(66.6666% - 1rem);column-gap:1rem;padding:1rem 1.5rem 1.25rem;display:grid}.teaser-product.count-single .card .tag-holder{grid-area:2/2/auto/2;margin-top:1rem;position:relative;top:auto;left:auto;right:auto}.teaser-product.count-single .card .card-media{grid-area:1/1/4}.teaser-product.count-single .card .card-body{grid-column:2;margin-top:.5rem}.teaser-product.count-single .card .card-btn{grid-area:3/2;margin-top:1rem}.teaser-product.count-more .color-wrapper{background-color:var(--color-grey-7)}.teaser-product.count-more .card{background-color:var(--color-white)}.teaser-product a{height:100%;display:block}.teaser-product a h5{color:var(--color-darkblack)}.teaser-product a p{color:var(--color-grey-1)}.teaser-product .card-media{aspect-ratio:1;align-items:center;display:flex}.teaser-product .card-media img{width:100%;height:auto;display:block}.teaser-product .swiper{overflow:initial;padding-right:1rem}.teaser-product .swiper .swiper-wrapper{width:auto}.teaser-product .swiper .swiper-wrapper .swiper-slide{height:auto}.teaser-product .swiper.count-more{overflow:initial}.teaser-product .swiper.count-more .swiper-wrapper{justify-content:flex-start}.teaser-product .swiper.count-more:not(.counter-4) .swiper-wrapper{margin:0}.teaser-product .swiper.count-more:not(.counter-4) .swiper-wrapper .swiper-slide{padding:0}.teaser-product .swiper .swiper-controls{justify-content:space-between;margin-top:2rem;display:flex}.teaser-product .swiper .swiper-controls .swiper-pagination{margin:0}.teaser-product .swiper .swiper-controls .swiper-pagination .swiper-pagination-bullet{border-color:var(--color-grey-2)}.teaser-product .swiper .swiper-controls .swiper-pagination .swiper-pagination-bullet-active{background-color:var(--color-grey-2)}.teaser-product .swiper .swiper-controls .swiper-navigation{margin:0 -.5rem}.teaser-product .swiper .swiper-controls .swiper-navigation [class^=swiper-button-]{border:1px solid var(--color-grey-2);width:3rem;height:3rem;color:var(--color-grey-2);border-radius:50%;margin:0 .5rem;position:relative;top:auto;left:auto;right:auto}.teaser-product .swiper .swiper-controls .swiper-navigation [class^=swiper-button-]:after{display:none}.teaser-product .swiper .swiper-controls .swiper-navigation [class^=swiper-button-] svg{flex:none;width:auto;height:auto}.required-text-placeholer{height:var(--spacing-5)}.required-text-link{bottom:var(--spacing-4);color:var(--color-grey-2);font-size:var(--font-size-sm);cursor:pointer;background:0 0;border:0;outline:0;padding:0;text-decoration:underline;position:absolute;left:138px}.required-text-link:hover,.required-text-link:focus{color:var(--color-black)}@media (width>=576px){.teaser-product .card h5{hyphens:none}}@media (width>=768px){.teaser-product .card h5{margin-bottom:1rem}.teaser-product .card .tag-holder{position:absolute;top:1.5rem;left:1.5rem;right:1.5rem}.teaser-product .card{padding:4.5rem 1.5rem 1.5rem}.teaser-product .swiper{padding-right:0}.teaser-product .swiper:not(.count-more) .swiper-controls{display:none}.teaser-product .swiper:not(.count-more) .swiper-wrapper{transform:translate(0,0)!important}.teaser-product .swiper:not(.count-more) .swiper-wrapper .swiper-slide{margin:0!important}.teaser-product .swiper:not(.count-more){padding-right:0}.teaser-product .swiper:not(.count-more) .swiper-slide{width:33.3333%!important}.teaser-product .swiper.count-more .swiper-controls .swiper-pagination span{display:none}.teaser-product .swiper.count-more .swiper-controls .swiper-navigation{display:flex}.required-text-placeholer{height:var(--spacing-6)}.required-text-link{bottom:var(--spacing-4);left:var(--spacing-6)}.required-text-dialog{padding:var(--spacing-7)}.required-text-dialog .dialog-header{margin-bottom:var(--spacing-6)}}@media (width>=992px){.teaser-product .card h5{hyphens:auto}.teaser-product.count-single .card{-moz-column-gap:2rem;grid-template-columns:20% 25% 45%;column-gap:2rem}.teaser-product.count-single .card .tag-holder,.teaser-product.count-single .card .card-body{padding-top:2.5rem}.teaser-product.count-single .card .tag-holder{text-align:right;grid-area:1/1}.teaser-product.count-single .card .card-media{grid-column:2}.teaser-product.count-single .card .card-body{grid-column:3}.teaser-product.count-single .card .card-btn{grid-area:2/3;margin-top:2rem}.teaser-product .card-media img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.required-text-link{bottom:var(--spacing-6);left:var(--spacing-7);font-size:var(--font-size-md)}}@media (width>=1200px){.teaser-product .swiper.count-more.counter-4 .swiper-wrapper{transform:translate(0,0)!important}.teaser-product .swiper.count-more.counter-4 .swiper-wrapper .swiper-slide{margin:0;width:25%!important;margin:0!important}.teaser-product .swiper.count-more.counter-4 .swiper-controls{display:none}}@media (width>=1508px){.teaser-product .card h5{hyphens:none}}@media (width<=1199.98px){.teaser-product .swiper.count-more.counter-4 .swiper-wrapper{margin:0}.teaser-product .swiper.count-more.counter-4 .swiper-wrapper .swiper-slide{padding:0}}@media (width<=991.98px){.teaser-product .swiper .swiper-wrapper{justify-content:flex-start}}@media (width<=767.98px){.teaser-product .card{-moz-column-gap:1rem;grid-template-columns:90px calc(100% - 90px - 1rem);grid-auto-rows:auto 1fr;column-gap:1rem;display:grid}.teaser-product .card .card-media{grid-area:1/1/3/1}.teaser-product .card .tag-holder{grid-row-start:2;margin-bottom:2.5rem}.teaser-product .card .tag-holder .tag{text-overflow:ellipsis;white-space:nowrap;margin-bottom:0;display:inline-block;overflow:hidden}.teaser-product .swiper:not(.count-more) .swiper-wrapper{margin:0}.teaser-product .swiper:not(.count-more) .swiper-wrapper .swiper-slide{padding:0}.teaser-product .swiper .swiper-controls .swiper-navigation{display:none}}
