.elementor-84 .elementor-element.elementor-element-3544d741{--display:flex;--min-height:1200px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-15em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;}.elementor-84 .elementor-element.elementor-element-3544d741.e-con{--align-self:center;}.elementor-84 .elementor-element.elementor-element-0d21539{--display:flex;--min-height:0px;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-84 .elementor-element.elementor-element-0d21539.e-con{--order:-99999 /* order start hack */;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-84 .elementor-element.elementor-element-5f929d2d{margin:0em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 0em;padding:0em 0em 0em 0em;text-align:center;}.elementor-84 .elementor-element.elementor-element-5f929d2d .elementor-heading-title{font-size:3em;font-weight:700;}.elementor-84 .elementor-element.elementor-element-1a45e5a5{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;}.elementor-84 .elementor-element.elementor-element-2d58f89{--display:flex;--min-height:12.5em;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:50% 50% 50% 50%;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;}.elementor-84 .elementor-element.elementor-element-2d58f89:not(.elementor-motion-effects-element-type-background), .elementor-84 .elementor-element.elementor-element-2d58f89 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #3F51B5 0%, #4DD0E1 100%);}.elementor-84 .elementor-element.elementor-element-41ceac0f .elementor-heading-title{font-size:4em;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-84 .elementor-element.elementor-element-2d58f89{--width:12.5em;}}@media(max-width:767px){.elementor-84 .elementor-element.elementor-element-5f929d2d .elementor-heading-title{font-size:2em;}}/* Start custom CSS for html, class: .elementor-element-d974cea */.elementor-84 .elementor-element.elementor-element-d974cea svg {
  width: 450px;
  height: auto;
  max-width: 100%;
  display: block;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5f929d2d */.elementor-84 .elementor-element.elementor-element-5f929d2d h2 {
       background: linear-gradient(135deg, #ffffff, #4DD0E1, #FF9800);
       -webkit-background-clip: text;
       -webkit-text-fill-color: transparent;
       background-clip: text;
   }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2d58f89 */.elementor-84 .elementor-element.elementor-element-2d58f89 { position: relative; animation: holoPulse 3s ease-in-out infinite; } @keyframes holoPulse { 0%, 100% { transform: scale(1); box-shadow: 0 0 3.75em rgba(77, 208, 225, 0.4), inset 0 0 1.875em rgba(255, 255, 255, 0.1); } 50% { transform: scale(1.05); box-shadow: 0 0 6.25em rgba(255, 152, 0, 0.6), inset 0 0 3.125em rgba(255, 255, 255, 0.2); } } .elementor-84 .elementor-element.elementor-element-2d58f89::before { content: ''; position: absolute; top: -8.25em; left: -5.25em; right: -1.25em; bottom: -1.25em; border: 0.125em solid rgba(77, 208, 225, 0.3); border-radius: 50%; animation: rotate 8s linear infinite; } .elementor-84 .elementor-element.elementor-element-2d58f89::after { content: ''; position: absolute; top: -10em; left: -10em; right: -10em; bottom: 10em; border: 0.0625em solid rgba(255, 152, 0, 0.2); border-radius: 50%; border-left: 0.0625em solid rgba(255, 152, 0, 0.8); animation: rotate 12s linear infinite reverse; } @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3544d741 */.elementor-84 .elementor-element.elementor-element-3544d741 {
  background-image:
   
    radial-gradient(480px 400px at 18% 20%, rgba(80, 200, 255, 0.18) 0%, rgba(80, 200, 255, 0) 60%),
    
    radial-gradient(600px 480px at 82% 78%, rgba(150, 120, 255, 0.15) 0%, rgba(150, 120, 255, 0) 65%),
    /* Basis-Gradient (deine V7-Version) */
    linear-gradient(
      135deg,
      #0f1a2e 0%,      /* dunkles Navy */
      #152f38 18%,     /* dezenter Teal links */
      #23355f 38%,     /* weiches Mittelblau */
      #403a8a 55%,     /* leicht abgeschwächtes hellviolett */
      #5c3da1 75%,     /* mittleres Violett */
      #261d42 100%     /* tiefes Dunkelviolett als Abschluss */
    );
  background-repeat: no-repeat;
  background-size: cover, cover, cover;
  background-position: center center, center center, center center;
}


.elementor-84 .elementor-element.elementor-element-3544d741 .shape{
  position: absolute;      /* Position & Größe machst du im UI */
  z-index: 1;
  pointer-events: none;
  opacity: 0.15;           /* Grundsichtbarkeit der Bubble */
}

/* Icon NICHT entfernen -> nur unsichtbar (sonst schrumpft der Wrapper) */
.elementor-84 .elementor-element.elementor-element-3544d741 .shape svg,
.elementor-84 .elementor-element.elementor-element-3544d741 .shape i{
  opacity: 0 !important;
  pointer-events: none;
}

/* Kreisfläche + Glows + KOMBINIERTE Animationen */
.elementor-84 .elementor-element.elementor-element-3544d741 .shape .elementor-icon{
  width: 100% !important;
  height: 100% !important;
  display: inline-block;
  border-radius: 50%;
  background: linear-gradient(135deg, #53d4ff 0%, #7c5cff 100%); /* Cyan → Violett */
  box-shadow:
    0 24px 60px rgba(0,0,0,0.25),       /* Basis-Tiefe */
    0 0 120px rgba(124,92,255,0.22),    /* Violett-Glow */
    0 0 80px  rgba(83,212,255,0.28);    /* Cyan-Glow */
  /* WICHTIG: nur eine Transform-Animation -> kein Konflikt */
  animation:
    floatAndPulse 10s ease-in-out infinite,  /* Move + Pulse (transform) */
    breathe       2.5s ease-in-out infinite, /* Helligkeit */
    hueShift      18s ease-in-out infinite;  /* sanfter Farbwechsel */
}

/* Shape 4 = Orange Akzent */
.elementor-84 .elementor-element.elementor-element-3544d741 .shape-4 .elementor-icon{
  background: linear-gradient(135deg, #FFA733 0%, #FF7A00 100%);
  box-shadow:
    0 24px 60px rgba(0,0,0,0.25),
    0 0 120px rgba(255,140,0,0.22),
    0 0 80px  rgba(255,167,51,0.28);
}

/* Leicht versetzte Timings je Shape (organischer Look) */
.elementor-84 .elementor-element.elementor-element-3544d741 .shape-1 .elementor-icon{ animation-duration: 15s, 6.5s, 18s; animation-delay: 0s,   0s,   0s; }
.elementor-84 .elementor-element.elementor-element-3544d741 .shape-2 .elementor-icon{ animation-duration: 21s, 7s,   19s; animation-delay: -.3s, -.2s, -.3s; }
.elementor-84 .elementor-element.elementor-element-3544d741 .shape-3 .elementor-icon{ animation-duration: 12s, 7.5s, 20s; animation-delay: -.6s, -.4s, -.8s; }
.elementor-84 .elementor-element.elementor-element-3544d741 .shape-4 .elementor-icon{ animation-duration: 13s, 6s,   21s; animation-delay: -.9s, -.6s, -1.2s; }

/* === Keyframes === */
/* Move + Pulse in EINER Transform-Animation (kein Überschreiben) */
@keyframes floatAndPulse{
  0%   { transform: translate3d(0,0,0)       scale(1);    }
  25%  { transform: translate3d(32px,-18px,0) scale(1.53); }
  50%  { transform: translate3d(-10px,14px,0) scale(1.55); }
  75%  { transform: translate3d(40px,-10px,0)  scale(0.985);}
  100% { transform: translate3d(0,0,0)       scale(1);    }
}
/* Helligkeits-Puls */
@keyframes breathe{
  0%,100% { filter: brightness(1);   }
  50%     { filter: brightness(1.12); }
}
/* Sehr dezenter Farbshift */
@keyframes hueShift{
  0%   { filter: hue-rotate(6deg);  }
  50%  { filter: hue-rotate(12deg);  } 
  100% { filter: hue-rotate(5deg);  }
}


@media (prefers-reduced-motion: reduce){
  .elementor-84 .elementor-element.elementor-element-3544d741 .shape .elementor-icon{
    animation: breathe 8s ease-in-out infinite;
  }
}/* End custom CSS */