.elementor-13 .elementor-element.elementor-element-3f785d7{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--justify-content:center;--align-items:flex-end;--background-transition:0.3s;--margin-block-start:-90px;--margin-block-end:0px;--margin-inline-start:0px;--margin-inline-end:0px;--z-index:1;}.elementor-13 .elementor-element.elementor-element-3f785d7, .elementor-13 .elementor-element.elementor-element-3f785d7::before{--border-transition:0.3s;}.elementor-13 .elementor-element.elementor-element-562705e{--lottie-container-width:39%;}.elementor-13 .elementor-element.elementor-element-7e38ca0{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;--border-radius:50% 50% 50% 50%;--margin-block-start:0px;--margin-block-end:0px;--margin-inline-start:0px;--margin-inline-end:0px;--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:0px;--padding-inline-end:0px;--z-index:2;}.elementor-13 .elementor-element.elementor-element-7e38ca0, .elementor-13 .elementor-element.elementor-element-7e38ca0::before{--border-transition:0.3s;}.elementor-13 .elementor-element.elementor-element-12988ca .elementor-heading-title{color:#000000;font-family:"Poppins", Sans-serif;font-size:30px;font-weight:600;}.elementor-13 .elementor-element.elementor-element-12988ca{z-index:3;}.elementor-13 .elementor-element.elementor-element-64c7298{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--justify-content:center;--align-items:flex-start;--background-transition:0.3s;--margin-block-start:0%;--margin-block-end:0%;--margin-inline-start:0%;--margin-inline-end:0%;--padding-block-start:70px;--padding-block-end:70px;--padding-inline-start:0px;--padding-inline-end:0px;}.elementor-13 .elementor-element.elementor-element-64c7298:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-64c7298 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#BC7E6B;}.elementor-13 .elementor-element.elementor-element-64c7298, .elementor-13 .elementor-element.elementor-element-64c7298::before{--border-transition:0.3s;}.elementor-13 .elementor-element.elementor-element-752423c .elementor-heading-title{color:#FFFFFF;font-family:"Poppins", Sans-serif;font-size:44px;font-weight:600;}.elementor-13 .elementor-element.elementor-element-3f20f3f{color:#FFFFFF;font-family:"Poppins", Sans-serif;font-size:18px;font-weight:400;}.elementor-13 .elementor-element.elementor-element-75a9502{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;--padding-block-start:70px;--padding-block-end:70px;--padding-inline-start:0px;--padding-inline-end:0px;}.elementor-13 .elementor-element.elementor-element-f22bd24 .elementor-heading-title{color:#000000;font-family:"Poppins", Sans-serif;font-size:44px;font-weight:600;}.elementor-13 .elementor-element.elementor-element-9311d97{color:#000000;font-family:"Poppins", Sans-serif;font-size:18px;font-weight:400;}:root{--page-title-display:none;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:767px){.elementor-13 .elementor-element.elementor-element-12988ca .elementor-heading-title{font-size:20px;}}/* Start custom CSS for container, class: .elementor-element-3f785d7 */.video-animation .elementor-background-video-container {
  -webkit-mask-image: url('https://nina.dablju-konzept.de/wp-content/uploads/2024/02/circle-path.svg');
  mask-image: url('https://nina.dablju-konzept.de/wp-content/uploads/2024/02/circle-path.svg');
  -webkit-mask-size: 500px 500px;
  mask-size: 500px 500px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  
  /* Definiere eine Transition für die mask-size Eigenschaft */
  transition: -webkit-mask-size 0.5s ease-out, mask-size 0.5s ease-out;
}

.elementor-background-video-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.circle-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 500px; /* Anfangsgröße der SVG-Maske */
  height: 500px;
  cursor: pointer; /* Optional: Cursor ändern, um Interaktivität anzudeuten */
  --overlay-opacity: 0.6; /* Standardwert für die Opazität der Überlagerung */
}

.circle-container::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, var(--overlay-opacity)); /* Nutzt die CSS-Variable */
  border-radius: 50%; /* Wenn der Container kreisförmig sein soll */
  z-index: 2; /* Stellt sicher, dass die Überlagerung über dem Inhalt des Containers erscheint */
}
.mehr-entdecken {
  transition: opacity 0.5s ease-out; /* Definiert die Dauer und Art der Transition */
  opacity: 1; /* Start-Opacity, voll sichtbar */
}

.scroll-icon {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease-out, visibility 0s linear 0.5s; /* Verzögert die Änderung der Sichtbarkeit, um mit der Opacity-Transition zu synchronisieren */
}

@media (max-width: 600px) {
  .video-animation .elementor-background-video-container {
    -webkit-mask-size: 250px 250px;
    mask-size: 250px 250px;
  }

  .circle-container {
    width: 250px;
    height: 250px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64c7298 */.video-animation .elementor-background-video-container {
  -webkit-mask-image: url('https://nina.dablju-konzept.de/wp-content/uploads/2024/02/circle-path.svg');
  mask-image: url('https://nina.dablju-konzept.de/wp-content/uploads/2024/02/circle-path.svg');
  -webkit-mask-size: 500px 500px;
  mask-size: 500px 500px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  
  /* Definiere eine Transition für die mask-size Eigenschaft */
  transition: -webkit-mask-size 0.5s ease-out, mask-size 0.5s ease-out;
}

.elementor-background-video-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.circle-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 500px; /* Anfangsgröße der SVG-Maske */
  height: 500px;
  cursor: pointer; /* Optional: Cursor ändern, um Interaktivität anzudeuten */
}

.mehr-entdecken {
  transition: opacity 0.5s ease-out; /* Definiert die Dauer und Art der Transition */
  opacity: 1; /* Start-Opacity, voll sichtbar */
}

.scroll-icon {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease-out, visibility 0s linear 0.5s; /* Verzögert die Änderung der Sichtbarkeit, um mit der Opacity-Transition zu synchronisieren */
}

@media (max-width: 600px) {
  .video-animation .elementor-background-video-container {
    -webkit-mask-size: 250px 250px;
    mask-size: 250px 250px;
  }

  .circle-container {
    width: 250px;
    height: 250px;
  }
}/* End custom CSS */