.elementor-9831 .elementor-element.elementor-element-df93de8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--overlay-opacity:0.99;--padding-top:6em;--padding-bottom:7em;--padding-left:1em;--padding-right:1em;}.elementor-9831 .elementor-element.elementor-element-df93de8:not(.elementor-motion-effects-element-type-background), .elementor-9831 .elementor-element.elementor-element-df93de8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9831 .elementor-element.elementor-element-df93de8::before, .elementor-9831 .elementor-element.elementor-element-df93de8 > .elementor-background-video-container::before, .elementor-9831 .elementor-element.elementor-element-df93de8 > .e-con-inner > .elementor-background-video-container::before, .elementor-9831 .elementor-element.elementor-element-df93de8 > .elementor-background-slideshow::before, .elementor-9831 .elementor-element.elementor-element-df93de8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9831 .elementor-element.elementor-element-df93de8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-image:url("https://oxylis.de/wp-content/uploads/2024/04/Design-ohne-Titel-2.png");background-repeat:no-repeat;background-size:100% auto;}.elementor-9831 .elementor-element.elementor-element-df93de8:hover::before, .elementor-9831 .elementor-element.elementor-element-df93de8:hover > .elementor-background-video-container::before, .elementor-9831 .elementor-element.elementor-element-df93de8:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-9831 .elementor-element.elementor-element-df93de8 > .elementor-background-slideshow:hover::before, .elementor-9831 .elementor-element.elementor-element-df93de8 > .e-con-inner > .elementor-background-slideshow:hover::before{--background-overlay:'';}.elementor-9831 .elementor-element.elementor-element-df93de8:hover{--overlay-opacity:0.5;}.elementor-9831 .elementor-element.elementor-element-df93de8, .elementor-9831 .elementor-element.elementor-element-df93de8::before{--overlay-transition:0.3s;--border-transition:0.3s;}.elementor-9831 .elementor-element.elementor-element-398f8ea{--display:flex;--background-transition:0.3s;}@media(min-width:1025px){.elementor-9831 .elementor-element.elementor-element-df93de8::before, .elementor-9831 .elementor-element.elementor-element-df93de8 > .elementor-background-video-container::before, .elementor-9831 .elementor-element.elementor-element-df93de8 > .e-con-inner > .elementor-background-video-container::before, .elementor-9831 .elementor-element.elementor-element-df93de8 > .elementor-background-slideshow::before, .elementor-9831 .elementor-element.elementor-element-df93de8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9831 .elementor-element.elementor-element-df93de8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:fixed;}}/* Start custom CSS */.woocommerce-Price-amount {
    display: none;
}

.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button 

{
    display: none;
}


.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title
{
     position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(105,114,125,.8);
  color: white;
height: 370px;
width: 370px;
  opacity: 0; /* Der Titel wird standardmäßig ausgeblendet */
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
    display: flex;
  align-items: center;
  justify-content: center;
 
}


.elementor-products-grid ul.products.elementor-grid li.product a.woocommerce-loop-product__link 
 {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0); /* Das Overlay ist standardmäßig transparent */
  transition: background-color 0.3s ease-in-out;
}



.woocommerce ul.products li.product a img::hover .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title 
{
   transform: translateY(0); /* Der Titel wird bei Hover eingeblendet */
}





.elementor-products-grid ul.products.elementor-grid li.product a.woocommerce-loop-product__link {
  
    width: 370px;
    height: 370px;
}/* End custom CSS */