.elementor-11 .elementor-element.elementor-element-d780360{--display:flex;--min-height:100vh;--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;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-931f177{--display:flex;--min-height:100vh;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-around;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;--z-index:100;}.elementor-11 .elementor-element.elementor-element-931f177:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-931f177 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center center, var( --e-global-color-primary ) 0%, #C2FF00 100%);}.elementor-11 .elementor-element.elementor-element-931f177.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-11 .elementor-element.elementor-element-1d41876{--display:flex;}.elementor-widget-text-path{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-11 .elementor-element.elementor-element-ade4611{--alignment:center;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;top:50%;z-index:1000;--width:50%;font-family:"Helvetica", Sans-serif;font-size:56px;font-weight:900;letter-spacing:1px;word-spacing:0px;--word-spacing:20px;--text-color:#000000;--transition:2.7s;}body:not(.rtl) .elementor-11 .elementor-element.elementor-element-ade4611{left:60%;}body.rtl .elementor-11 .elementor-element.elementor-element-ade4611{right:60%;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-8ab7827{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;z-index:1000;}.elementor-11 .elementor-element.elementor-element-8ab7827 .elementor-icon-wrapper{text-align:center;}.elementor-11 .elementor-element.elementor-element-8ab7827.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-11 .elementor-element.elementor-element-8ab7827.elementor-view-framed .elementor-icon, .elementor-11 .elementor-element.elementor-element-8ab7827.elementor-view-default .elementor-icon{color:#000000;border-color:#000000;}.elementor-11 .elementor-element.elementor-element-8ab7827.elementor-view-framed .elementor-icon, .elementor-11 .elementor-element.elementor-element-8ab7827.elementor-view-default .elementor-icon svg{fill:#000000;}.elementor-11 .elementor-element.elementor-element-8ab7827.elementor-view-stacked .elementor-icon:hover{background-color:#4A2892;}.elementor-11 .elementor-element.elementor-element-8ab7827.elementor-view-framed .elementor-icon:hover, .elementor-11 .elementor-element.elementor-element-8ab7827.elementor-view-default .elementor-icon:hover{color:#4A2892;border-color:#4A2892;}.elementor-11 .elementor-element.elementor-element-8ab7827.elementor-view-framed .elementor-icon:hover, .elementor-11 .elementor-element.elementor-element-8ab7827.elementor-view-default .elementor-icon:hover svg{fill:#4A2892;}.elementor-11 .elementor-element.elementor-element-8ab7827 .elementor-icon{font-size:40vw;}.elementor-11 .elementor-element.elementor-element-8ab7827 .elementor-icon svg{height:40vw;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-11 .elementor-element.elementor-element-ef705d9 .elementor-button:hover, .elementor-11 .elementor-element.elementor-element-ef705d9 .elementor-button:focus{background-color:#000000;color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-ef705d9.elementor-element{--align-self:center;}.elementor-11 .elementor-element.elementor-element-ef705d9 .elementor-button{font-family:"Helvetica", Sans-serif;font-weight:800;}.elementor-11 .elementor-element.elementor-element-ef705d9 .elementor-button:hover svg, .elementor-11 .elementor-element.elementor-element-ef705d9 .elementor-button:focus svg{fill:var( --e-global-color-primary );}:root{--page-title-display:none;}body.elementor-page-11{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-11 .elementor-element.elementor-element-d780360{--content-width:100%;}.elementor-11 .elementor-element.elementor-element-931f177{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-11 .elementor-element.elementor-element-931f177{--width:100%;}.elementor-11 .elementor-element.elementor-element-1d41876{--width:100%;}}@media(max-width:1024px){.elementor-11 .elementor-element.elementor-element-931f177{--min-height:50vh;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-11 .elementor-element.elementor-element-3f1eae1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:159px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-1d41876{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}body:not(.rtl) .elementor-11 .elementor-element.elementor-element-ade4611{left:65%;}body.rtl .elementor-11 .elementor-element.elementor-element-ade4611{right:65%;}.elementor-11 .elementor-element.elementor-element-ade4611{top:54%;--width:50%;}.elementor-11 .elementor-element.elementor-element-8ab7827 .elementor-icon{font-size:60vw;}.elementor-11 .elementor-element.elementor-element-8ab7827 .elementor-icon svg{height:60vw;}}@media(max-width:767px){.elementor-11 .elementor-element.elementor-element-931f177{--justify-content:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-11 .elementor-element.elementor-element-3f1eae1{padding:50% 0% 0% 0%;}.elementor-11 .elementor-element.elementor-element-1d41876{--min-height:0vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}body:not(.rtl) .elementor-11 .elementor-element.elementor-element-ade4611{left:60%;}body.rtl .elementor-11 .elementor-element.elementor-element-ade4611{right:60%;}.elementor-11 .elementor-element.elementor-element-ade4611{top:55%;--width:50%;}.elementor-11 .elementor-element.elementor-element-8ab7827 .elementor-icon{font-size:80vw;}.elementor-11 .elementor-element.elementor-element-8ab7827 .elementor-icon svg{height:80vw;}.elementor-11 .elementor-element.elementor-element-8ab7827 .elementor-icon i, .elementor-11 .elementor-element.elementor-element-8ab7827 .elementor-icon svg{transform:rotate(0deg);}}/* Start custom CSS for text-path, class: .elementor-element-ade4611 *//* =========================================
   ROTATING CIRCULAR TEXT – ELEMENTOR PRO
========================================= */

.rotate-circle-text svg {
  animation: circleSpin 14s linear infinite;
  transform-origin: center center;
  will-change: transform;
}

/* Rotation */
@keyframes circleSpin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }

    
}

.rotate-circle-text svg:hover {
  animation-play-state: paused;
}/* End custom CSS */
/* Start custom CSS *//* =========================================
   TOXIC NEON – 3 BLOBS (RESPONSIVE CONTAINER)
   Works inside any container
   Height reduced: 50vh
========================================= */

/* Apply this class to your Elementor container or a wrapper div */
.fluid-gradient {
  position: relative;
  width: 100%;        /* responsive */
  min-height: 50vh;   /* reduced from 100vh */
  overflow: hidden;
  background: #ecffe6;
}

/* Soft base wash so blobs blend nicely */
.fluid-gradient::before {
  content: "";
  position: absolute;
  inset: -12%;
  z-index: 0;
  pointer-events: none;

  background: radial-gradient(1200px 1000px at 50% 55%,
    rgba(28, 255, 0, 0.35) 0%,
    rgba(28, 255, 0, 0.20) 40%,
    rgba(28, 255, 0, 0.00) 75%
  );

  filter: blur(30px) saturate(260%) brightness(135%);
}

/* ===== BLOBS ===== */
.fluid-gradient .blob {
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 999px;
  transform: translate(-50%, -50%);
  will-change: transform;
  mix-blend-mode: screen;
}

/* Use clamp() so blob sizes scale with container/viewport nicely */
.fluid-gradient .blob.blob-1 {
  width: clamp(260px, 55%, 560px);
  height: clamp(260px, 55%, 560px);
  background: radial-gradient(circle at 30% 30%,
    rgba(28, 255, 0, 1) 0%,
    rgba(28, 255, 0, 0.95) 28%,
    rgba(28, 255, 0, 0.70) 48%,
    rgba(28, 255, 0, 0.35) 65%,
    rgba(28, 255, 0, 0.00) 82%
  );
  filter: blur(28px) saturate(320%) brightness(155%);
  animation: blobMove1 4.2s linear infinite;
}

.fluid-gradient .blob.blob-2 {
  width: clamp(220px, 46%, 480px);
  height: clamp(220px, 46%, 480px);
  background: radial-gradient(circle at 65% 35%,
    rgba(28, 255, 0, 0.95) 0%,
    rgba(28, 255, 0, 0.70) 40%,
    rgba(28, 255, 0, 0.32) 62%,
    rgba(28, 255, 0, 0.00) 80%
  );
  filter: blur(26px) saturate(300%) brightness(145%);
  opacity: 0.95;
  animation: blobMove2 3.6s linear infinite;
}

.fluid-gradient .blob.blob-3 {
  width: clamp(150px, 30%, 320px);
  height: clamp(150px, 30%, 320px);
  background: radial-gradient(circle at 50% 50%,
    rgba(255, 210, 0, 0.95) 0%,
    rgba(255, 210, 0, 0.55) 42%,
    rgba(255, 210, 0, 0.20) 66%,
    rgba(255, 210, 0, 0.00) 82%
  );
  filter: blur(20px) saturate(220%) brightness(150%);
  opacity: 0.8;
  animation: blobMove3 2.8s linear infinite;
}

/* Movement paths (percent-based so they adapt to container size) */
@keyframes blobMove1 {
  0%   { transform: translate(-50%, -50%) translate(-18%, -10%) scale(1.10); }
  25%  { transform: translate(-50%, -50%) translate( 15%, -14%) scale(1.25); }
  50%  { transform: translate(-50%, -50%) translate( 18%,  12%) scale(1.12); }
  75%  { transform: translate(-50%, -50%) translate(-14%,  16%) scale(1.28); }
  100% { transform: translate(-50%, -50%) translate(-18%, -10%) scale(1.10); }
}

@keyframes blobMove2 {
  0%   { transform: translate(-50%, -50%) translate( 18%,  12%) scale(1.02); }
  25%  { transform: translate(-50%, -50%) translate( 10%, -18%) scale(1.16); }
  50%  { transform: translate(-50%, -50%) translate(-20%, -10%) scale(1.06); }
  75%  { transform: translate(-50%, -50%) translate(-12%,  18%) scale(1.18); }
  100% { transform: translate(-50%, -50%) translate( 18%,  12%) scale(1.02); }
}

@keyframes blobMove3 {
  0%   { transform: translate(-50%, -50%) translate(-10%,  16%) scale(0.92); }
  25%  { transform: translate(-50%, -50%) translate( 18%,  10%) scale(1.05); }
  50%  { transform: translate(-50%, -50%) translate( 10%, -18%) scale(0.95); }
  75%  { transform: translate(-50%, -50%) translate(-18%,  -6%) scale(1.08); }
  100% { transform: translate(-50%, -50%) translate(-10%,  16%) scale(0.92); }
}

/* Strong grain */
.fluid-gradient::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='6' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");
  background-size: 65px 65px;

  mix-blend-mode: hard-light;
  opacity: 0.9;

  animation: grainMove 0.4s steps(6) infinite;
}

@keyframes grainMove {
  0%   { transform: translate(0, 0); }
  20%  { transform: translate(-8px, 6px); }
  40%  { transform: translate(7px, -8px); }
  60%  { transform: translate(-6px, -6px); }
  80%  { transform: translate(8px, 7px); }
  100% { transform: translate(0, 0); }
}

/* =========================================
   RESPONSIVE LAYOUT FOR FLUID CONTAINER
========================================= */

/* Desktop: nebeneinander */
.fluid-gradient {
  width: 50vw;
  min-height: 100vh;
}

/* Tablet & kleiner: untereinander */
@media (max-width: 1024px) {
  .fluid-gradient {
    width: 100vw;
    min-height: 50vh;
  }
}

/* Image float animation */
.float-image {
  animation: floatY 6s ease-in-out infinite;
  will-change: transform;
}

@keyframes floatY {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-12px);
  }
  100% {
    transform: translateY(0);
  }
}/* End custom CSS */