.vergleich{padding-left:4rem;padding-right:4rem;background-color:#e4e4e4}.vergleich h1{text-align:center;font-weight:700;font-size:35px;position:relative}.vergleich h1 span{font-weight:200}.vergleich .image-gallary-container{width:100%;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;justify-content:space-around;gap:20px;margin:50px 0}.vergleich .image-gallary-container .image-gallary-card{height:200px;position:relative;overflow:hidden}.vergleich .image-gallary-container .image-gallary-card .card-overlay{position:absolute;bottom:-30%;left:0;width:100%;transition:.4s;display:flex;align-items:center;justify-content:center}.vergleich .image-gallary-container .image-gallary-card:hover .card-overlay{bottom:4%}.vergleich .image-gallary-container .image-gallary-card .image-gallary-card-image img{transition:.4s}.vergleich .image-gallary-container .image-gallary-card:hover .image-gallary-card-image img{scale:1.1}.vergleich .image-gallary-container .image-gallary-card .image-gallary-card-image{overflow:hidden;width:100%;height:100%}.vergleich .image-gallary-container .image-gallary-card img{width:100%;height:100%}.vergleich .main-para{font-size:22px;font-weight:500;text-align:center}.vergleich .main-image-card-container{width:100%;display:grid;grid-template-columns:repeat(2,1fr);align-items:center;justify-content:space-between;gap:20px;overflow:hidden;margin:30px 0}.vergleich .main-image-card-container .main-image-card{position:relative;overflow:hidden;width:100%;height:100%}.vergleich p{margin:0!important}.vergleich .main-image-card-container .main-image-card .main-card-overlay{position:absolute;bottom:-10%;left:0;width:100%;display:flex;align-items:center;justify-content:center;transition:.6s}.vergleich .main-image-card-container .main-image-card:hover .main-card-overlay{bottom:2%}.vergleich .main-image-card-container .main-image-card .main-image-container{width:100%;height:100%;overflow:hidden}.vergleich .main-image-card-container .main-image-card .main-image-container img{transition:.4s}.vergleich .main-image-card-container .main-image-card .main-image-container:hover img{scale:1.1}.vergleich .main-image-card-container .main-image-card .main-image-container img{width:100%;height:100%}@media only screen and (max-width: 1200px){.vergleich .image-gallary-container{grid-template-columns:repeat(3,1fr)}}@media only screen and (max-width: 767px){.vergleich{padding:10px}.vergleich .image-gallary-container{grid-template-columns:repeat(2,1fr)}.vergleich .main-image-card-container{grid-template-columns:repeat(1,1fr)}}@media only screen and (max-width: 500px){.vergleich .image-gallary-container{grid-template-columns:repeat(1,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/comparison.css.map */