.elementor-5641 .elementor-element.elementor-element-0e49cd9{--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;}.elementor-5641 .elementor-element.elementor-element-42a06e7{--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;--gap:0px 0px;--background-transition:0.3s;}.elementor-5641 .elementor-element.elementor-element-aaa26d4 .acf-image{max-width:100%;}.elementor-5641 .elementor-element.elementor-element-1f701e2 .acf-image{max-width:100%;}.elementor-5641 .elementor-element.elementor-element-40531b6{--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;}.elementor-5641 .elementor-element.elementor-element-4dd2af3{--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;--gap:0px 0px;--background-transition:0.3s;}.elementor-5641 .elementor-element.elementor-element-1f6a942 .acf-image{max-width:100%;}.elementor-5641 .elementor-element.elementor-element-1f6a942.elementor-element{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-5641 .elementor-element.elementor-element-10d6428 .acf-image{max-width:100%;}.elementor-5641 .elementor-element.elementor-element-10d6428.elementor-element{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-5641 .elementor-element.elementor-element-ca32900.elementor-element{--align-self:stretch;}/* Start custom CSS for html, class: .elementor-element-ee651c1 */.elementor-5641 .elementor-element.elementor-element-ee651c1{
    position: absolute;   
    top:50%;
    left: 0;
    right: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0e49cd9 */.elementor-5641 .elementor-element.elementor-element-0e49cd9 img,
.dynamic-content-for-elementor-acf
.dynamic-content-for-elementor-acf div{
    width: 100% !important;
    flex-flow: 1;
}

.vorher{
    position: relative;
}

.nachher-img{
    position: absolute;
    left: 0;
    clip-path: inset(0 50% 0 0);
    box-shadow: 100px 100px  20px; #000;
}

.slider {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  width: 4p !important;
  height: 40px !important;
  background: #000;
  border-radius: 2px;
  cursor: ew-resize;
  margin-top: -18px; /* optisch zentrieren */
}

.slider::-moz-range-thumb {
  width: 4px;
  height: 40px;
  background: #007aff;
  border-radius: 2px;
  cursor: ew-resize;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ca32900 */.elementor-5641 .elementor-element.elementor-element-ca32900{
    position: absolute;   
    top:50%;
    left: 0;
    right: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-40531b6 */.before-after-container {
  position: relative;
  width: 100%;
  overflow: hidden;
  user-select: none;
}

.before-img,
.after-img{
  pointer-events: none;
}

.before-after-container img {
  width: 100%;
  height: auto;
  display: block;

}

.after-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  clip-path: inset(0 50% 0 0); /* Start bei 50 % sichtbar */
  z-index: 2;
}

.slider-handle {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1.2rem;
  height: 1.2rem;
  background: #fff;
  border: 1px solid black;
  border-radius: 100%;
  transform: translateX(-50%) translateY(-50%);
  cursor: ew-resize;
  z-index: 30;
}/* End custom CSS */