@charset "UTF-8";
.productelement{padding-top:1rem;overflow-x:clip}.productelement .product-link-wrapper:focus{outline:3px solid #FFED00 !important;outline-offset:4px;border-radius:0.5rem;display:block}.productelement .product-link-wrapper{transition:outline 0.2s ease}.productelement .subtitle{margin-bottom:1rem !important;line-height:1rem}.productelement .headline__area{margin-top:0 !important;padding-bottom:0% !important;padding-top:0% !important}.productelement .mb-4{margin-bottom:1.5rem !important;padding-bottom:0% !important}.productelement .mt-3{margin-top:0 !important;padding-bottom:0% !important;padding-top:0% !important}.productelement .button-container{margin-top:2rem !important;margin-bottom:1rem !important}.productelement .product__card--item{background-color:#d9e9df;border-radius:30px;padding:40px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:640px;position:relative;transition:background-image 0.3s ease-in-out}@media (max-width:768px){.productelement .product__card--item{height:480px;width:230px;padding:40px}}.productelement .product-body{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.productelement .product-title{margin:20px 0;font-size:1.5rem;font-weight:bold;overflow:hidden}@media (max-width:768px){.productelement .product-title{width:200px;height:auto;word-break:break-word}}.productelement .product__card--image{margin:20px 0;flex:1;display:flex;align-items:center;height:250px;object-fit:cover;mask-image:url("/resources/themes/immogarten/images/contentStyling/MaskImage.svg");mask-position:center;mask-repeat:no-repeat}@media (max-width:768px){.productelement .product__card--image{width:200px;height:200px}}.productelement .product-description{margin:20px 0;font-size:1rem;opacity:1;visibility:visible;transition:opacity 0.3s ease-in-out, visibility 0.3s ease-in-out}@media (max-width:768px){.productelement .product-description{width:200px}}.productelement .product-description{overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;max-width:100%;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.productelement .product-button{display:none;margin:20px 0;padding:10px 20px;background-color:#ffdd00;color:var(--primary-color) !important;border:none;border-radius:20px;cursor:pointer;transition:display 0.3s ease-in-out;margin-bottom:0.25rem !important}.productelement a{text-decoration:none !important}.productelement .product-row{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:60px}.productelement .product-row .col-lg-4{flex:1 1 calc(33.333% - 30px);max-width:calc(33.333% - 30px)}.productelement .product-row .col-lg-4:nth-child(3n+2){transform:translateY(100px)}.productelement .product-row .col-lg-4:nth-child(3n+3){transform:translateY(50px)}@media (max-width:992px){.productelement .product__card--item{height:480px;width:100%}.productelement .product-row .col-md-6{flex:1 1 calc(50% - 30px);max-width:calc(50% - 30px)}.productelement .product-row .col-md-6:nth-child(2){transform:translateY(50px)}.productelement .product-row .col-md-6:nth-child(3){transform:translateY(25px)}.productelement .product__card--image{display:block}.productelement .swiper-scrollbar{margin-top:2rem;width:800px;height:8px;background-color:#E1E1E1;margin-right:10px;margin-bottom:3rem}.productelement .swiper-scrollbar-custom{width:800px;position:relative;height:8px;background-color:#E1E1E1;border-radius:999px !important}.productelement .swiper-scrollbar-drag{border-radius:999px !important}}@media (max-width:768px){.productelement .product-row .col-12{flex:1 1 100%;max-width:100%;padding:15px}.productelement .swiper-slide{margin-bottom:20px;height:480px;width:230px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;background-color:#d9e9df;border-radius:30px;transition:background-image 0.3s ease-in-out}}.productelement .product__card--item:hover{background-color:var(--primary-color);background-size:cover;background-position:center}.productelement .product__card--item:hover .product-description{opacity:0;visibility:hidden;transition:display 0.1s ease-in-out}.productelement .product__card--item:hover .product-button{display:block;border:none;border-radius:20px;cursor:pointer;transition:display 0.3s ease-in-out;margin:0 !important;color:#ffdd00}.productelement .product__card--item:hover .product-title{color:var(--white)}.productelement .swiper-container-product{width:100%;height:100%;position:relative}.productelement .swiper-slide{display:flex;justify-content:center;align-items:center}.productelement .swiper-button-next,.productelement .swiper-button-prev{color:#000;position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background-color:#fff;border:1px solid #ddd;border-radius:50%;display:flex;justify-content:center;align-items:center;z-index:10;font-size:1.25rem;font-family:"Font Awesome 5 Free"}.productelement .swiper-button-prev{left:10px;font-size:1.25rem;font-weight:300}.productelement .swiper-button-next{right:10px;font-size:1.25rem;font-weight:300}.productelement .swiper-button-prev::after{font-family:"Font Awesome 5 Pro", "Font Awesome 5 Brands";content:""}.productelement .swiper-button-next::after{font-family:"Font Awesome 5 Pro", "Font Awesome 5 Brands";content:""}.productelement .swiper-button-prev:hover,.productelement .swiper-button-next:hover{border:1px solid var(--primary-color);background-color:var(--primary-color)}.productelement .swiper-button-prev:hover::after,.productelement .swiper-button-next:hover::after{color:#fff}.productelement .swiper-pagination-bullet{display:none}