.elementor-553 .elementor-element.elementor-element-39d56d21{--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;--row-gap:0px;--column-gap:0px;--overflow:hidden;}.elementor-553 .elementor-element.elementor-element-56f3b903{--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;}.elementor-553 .elementor-element.elementor-element-1b440609{--spacer-size:920px;}.elementor-553 .elementor-element.elementor-element-666dc18d{--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;}.elementor-553 .elementor-element.elementor-element-5c60c4a9{--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;}.elementor-553 .elementor-element.elementor-element-6c8e3d25{--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;}.elementor-553 .elementor-element.elementor-element-6c049cb1{--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:-920px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}body.elementor-page-553:not(.elementor-motion-effects-element-type-background), body.elementor-page-553 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(min-width:768px){.elementor-553 .elementor-element.elementor-element-56f3b903{--width:25%;}.elementor-553 .elementor-element.elementor-element-666dc18d{--width:25%;}.elementor-553 .elementor-element.elementor-element-5c60c4a9{--width:25%;}.elementor-553 .elementor-element.elementor-element-6c8e3d25{--width:25%;}}/* Start custom CSS */.kreis {
  position: absolute;
  border-radius: 50%;
  opacity: .8;
  filter: blur(40px);
}

.gelb {
 background: linear-gradient(111deg,rgba(230, 211, 69, 1) 38%, rgba(232, 190, 90, 1) 83%);
  height: 400px;
  width: 400px;
  left: 1%;
  top: 25%;
  animation: transform 10s linear infinite both alternate, movement 10s linear infinite both;
}

.orange {

  background: linear-gradient(111deg,rgba(232, 129, 32, 1) 38%, rgba(235, 102, 26, 1) 83%);
  height: 300px;
  width: 300px;
  left: 25%;
  top: 50%;
  animation: transform 15s linear infinite both alternate, movement 7s linear infinite both;
}

.pink {
 background: linear-gradient(111deg,rgba(232, 32, 225, 1) 34%, rgba(136, 22, 171, 1) 83%);
  height: 400px;
  height: 450px;
  width: 450px;
  left: 35%;
  top: 15%;
  animation: transform 13s linear infinite both alternate, movement 13s linear infinite both;
}

.cyan {
background: linear-gradient(111deg,rgba(152, 32, 232, 1) 34%, rgba(69, 22, 171, 1) 83%);
  height: 500px;
  width: 500px;
  left: 60%;
  top: 30%;
  animation: transform 11s linear infinite both alternate, movement 15s linear infinite both;
}

@keyframes transform {
    0%
   20% { border-radius: 37% 63% 51% 49% / 37% 35% 35% 63%; } 
   40% { border-radius: 36% 64% 64% 36% / 64% 48% 52% 26%; } 
   60% { border-radius: 37% 63% 51% 49% / 30% 30% 70% 73%; } 
   80% { border-radius: 40% 60% 42% 58% / 51% 51% 49% 59%; }
  100% { border-radius: 33% 67% 70% 30% / 30% 40% 70% 70%; } 
}

@keyframes movement
{
    0%,
  100% { transform: none; }
   50% { transform: translate(50%, 20%) rotateY(10deg) scale(1.25); }
}

@media screen and (max-width: 768px) {
  .gelb {
    left: 0;
    top: 40%;
    height: 200px;
    width: 200px;
  }
	
  .orange {
    height: 150px;
    width: 150px;
  }
  
  .pink {
    height: 225px;
    width: 225px;
  }
	
  .cyan {
    height: 200px;
    width: 200px;
  }   
}

@media screen and (max-width: 480px) {
  .gelb {
    height: 150px;
    width: 150px;
  } 
	
  .orange {
    height: 100px;
    width: 100px;
  }
	
  .pink {
    height: 175px;
    width: 175px;
  }
	
  .cyan {
    height: 150px;
    width: 150px;
  }
}/* End custom CSS */