.elementor-243 .elementor-element.elementor-element-37f9dba{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:10;}body.elementor-page-243:not(.elementor-motion-effects-element-type-background), body.elementor-page-243 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1F1F1F;}@media(max-width:767px){.elementor-243 .elementor-element.elementor-element-37f9dba{--width:1600px;}}@media(min-width:768px){.elementor-243 .elementor-element.elementor-element-37f9dba{--width:100%;}}/* Start custom CSS *//* Dunkle Grundfarbe */
html { background: #0a1024; }

/* Eine einzige, große Ebene mit 2 sehr großen Farbflächen */
html::before {
  content: "";
  position: fixed;
  inset: -20vmax;
  pointer-events: none;
  /* sehr weiches, großflächiges Ausblenden */
  filter: blur(100px);
  opacity: 0.8;
  mix-blend-mode: screen;          /* für dunklen Grund: leuchtend additiv */
  background-repeat: no-repeat;

  /* Zwei riesige, weiche Farbfelder (Grün & Blau) */
  background-image:
    radial-gradient(60vmax 60vmax at 12% 85%, rgba(16,185,129,0.85) 0%, rgba(16,185,129,0) 60%),
    radial-gradient(75vmax 75vmax at 88% 18%, rgba(59,130,246,0.90) 0%, rgba(59,130,246,0) 60%);

  /* Start-Positionen der beiden Flächen (x y, x y) */
  background-position: 0% 80%, 95% 10%;
  /* Größen sind bereits in den Gradients definiert (60vmax/75vmax) */

  /* Sehr langsame, ruhige Bewegung */
  animation: mellowA 48s ease-in-out infinite alternate;
}

/* Optional: hauchzarte zweite Ebene für mehr Tiefe (kannst du auch weglassen) */
html::after {
  content: "";
  position: fixed;
  inset: -25vmax;
  pointer-events: none;
  filter: blur(120px);
  opacity: 0.35;
  mix-blend-mode: screen;
  background-repeat: no-repeat;

  background-image:
    radial-gradient(80vmax 80vmax at 50% 60%, rgba(34,211,238,0.7) 0%, rgba(34,211,238,0) 60%);
  background-position: 60% 50%;

  animation: mellowB 72s ease-in-out infinite alternate;
}

/* Langsame Positions-Änderung der Farbfelder */
@keyframes mellowA {
  from { background-position: 0% 80%, 95% 10%; }
  to   { background-position: 18% 65%, 55% 35%; }
}
@keyframes mellowB {
  from { background-position: 60% 50%; }
  to   { background-position: 45% 55%; }
}

/* Bewegungsreduktion respektieren */
@media (prefers-reduced-motion: reduce) {
  html::before, html::after { animation: none !important; }
}

/* Mobil: etwas weniger Blur für Performance */
@media (max-width: 767px) {
  html::before { filter: blur(70px); }
  html::after  { filter: blur(90px); }
}/* End custom CSS */