/*
*/ .gutter-sizer { width: 2%;} .card-model-container {width: 23.5%;} .list-view .card-model-container .teaser { margin: 0; padding: 0; } .list-view .card-model-container { width:100%; } .list-view .card-model .card { min-height: 12rem; } .card-model-container .card-model .card-body, .card-model-container .card-product .card-body { height: 25rem } .list-view .card-model-container .card-model .card-body, .list-view .card-model-container .card-product .card-body { height: initial; } .card-model .card-body .h2-style, .card-product .card-body .h2-style { font-size: 2.6rem; } .card-model-container .card-body.teaser{ height: 53rem; background-size: cover; background-position: center top; } .card-model-container .card-body.teaser.hatText { height: 39rem; } .list-view .card-model-container .card-body.teaser { width: 100%; height: 18rem !important; margin-left: 0; margin-top: 0; background-position: center center; } .card-model-container .card-body.teaser .text-container { position: absolute; bottom: 100px; display: block; left: 1.2rem; right: 1.2rem; background-color: rgba(255,255,255,0.5); padding: 2.2rem 2.3rem 0 2.3rem; } .product .card-model .img-wrapper .card-img-top{ height: 20rem; } .card-model .card-body p, .card-product .card-body p { max-height: calc(1em * 1.25 * 4); } .list-view .card-model .card-body p, .list-view .card-product .card-body p { max-height: calc(1em * 1.5 * 2); -webkit-line-clamp: 2; line-height: 1.4 !important; } .list-view .card-model .card-body p.card-text, .list-view .card-product .card-body p.card-text { display: none !important; } .list-view .product .badge { z-index: 1; } .list-view .product .card-model { height: 11rem; padding-top: 1rem; } .list-view .product .card-model .img-wrapper .card-img-top { height: auto; margin-top: -1rem; } .list-view .product .card-model .card-body { margin-top: 1rem; } .list-view .card-model .card-body, .list-view .card-model .product .card-body { width: 60%; } .teaser .card-model .card-footer { height: 14.2rem; } .teaser .card-model .card-footer.card-footer-teaser { height: auto; } .teaser .card-model .card-footer p{ border-top: 0; color: #fff; } .teaser .multiline-ellipsis::before { background: linear-gradient(90deg, transparent 20%, #605d5c) } .teaser .multiline-ellipsis::after { background: #605d5c; } .teaser .card-model .card-footer p span.text { -webkit-line-clamp: 3; height: calc(1em * 1.3 * 3); overflow: hidden; } .teaser .card-model .card-footer p span.h2-style { -webkit-line-clamp: 2; height: calc(1em * 1.1 * 2); overflow: hidden; } .list-view .card .card-img-top { max-width: 10rem; margin: 1rem; } .filters-button-group .btn-filter:hover { background-color: #cc0000; color:#fff; } .badge-add { position:absolute; top:0rem; right:0rem; } .badge-add-round { position:absolute; top: -1rem; right: -1rem; border-radius: 50%; width: 6rem; height: 6rem; } .list-view .badge-add { top:0; left:0; } .list-view .badge-add-round, .list-view .badge { top: -.4rem; left: -.8rem; right: auto; } .badge-add-round .badge-text { margin-top: 33%; text-align: center; } @media screen and (max-width: 992px) { .card-model-container {width: 32%;} .gutter-sizer { width: 2%; } .list-view .badge-add-round { top: -1.4rem; right: -.8rem; } } @media (min-width: 768px) { .list-view .card-model .card-body p.card-text, .list-view .card-product .card-body p.card-text { display: block !important; } .list-view .card.product .card-footer{ width: 20rem; position: absolute; right: 1.2rem; top: 0; } .catalogNavigationFullWidthList .card-model .card-footer, .list-view .card-model .card-footer { margin-top: 2rem; } .list-view .card.product .card-footer.card-footer-addtocart { margin-top: 1.4rem; } } @media (min-width: 768px) and (max-width: 992px) { .list-view .add-to-cart .card-model .card-body, .list-view .card-model .product .card-body { width: 50%; } } @media screen and (max-width: 700px) { .card-model-container {width: 49%;} .gutter-sizer { width: 2%; } } @media screen and (max-width: 576px) { .card-model-container {width: 100%;} .gutter-sizer { width: 0; } .card-model-container .card-body.teaser { height: 70rem; } .card-model-container .card-body.teaser.hatText { height: 50rem; } } /**/