.elementor-2974 .elementor-element.elementor-element-0f742df{--display:flex;}.elementor-2974 .elementor-element.elementor-element-abfdadc{padding:100px 0px 100px 0px;font-family:"Open Sans", Sans-serif;font-size:48px;font-weight:500;color:var( --e-global-color-24cd29a );}/* Start custom CSS for html, class: .elementor-element-c79f336 */.container-for-pendel {
  perspective: 700px; /* Die Perspektive für den 3D-Effekt */
  /* Optional: Zentrierung des Pendels im Container */
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 130px; /* Oder eine andere Höhe, um den Container sichtbar zu machen */
}

.rotateY-pendel {
  display: inline-block;
  animation: rotateY_Pendel 28s linear infinite; /* Gesamtlaufzeit 28s pro Zyklus, unendlich oft wiederholt */
  transform-style: preserve-3d;
}

.rotateY-pendel img {
  width: 1100px; /* Passe die Breite deines Bildes an */
  height: auto; /* Behält das Seitenverhältnis bei */
  display: block; /* Entfernt zusätzlichen Platz unter dem Bild */
}


@keyframes rotateY_Pendel {
  /* 1. Drehung von 0deg bis 360deg in 6 Sekunden gleichmäßig (startet und endet sanft entfernt) */
  0%    { transform: rotateY(0deg); } /* animation-timing-function: ease-in; } /* Sanfter Start */
  21.4% { transform: rotateY(360deg); } /* animation-timing-function: ease-out; } /* Sanftes Abbremsen vor dem Übergang */

  /* 2. Von 360deg bis 390deg langsam abbremsen */
  21.5% { transform: rotateY(360deg); animation-timing-function: ease-in; } /* Sanfter Start nach erster Phase */
  35.7% { transform: rotateY(390deg); animation-timing-function: ease-out; } /* Sanftes Abbremsen vor 390deg */

  /* 3. Bei 390deg eine Pause von 0,5 Sekunden */
  35.8% { transform: rotateY(390deg); } /* Start der 0.5s Pause */
  37.5% { transform: rotateY(390deg); } /* Anhalten für 0.5s */

  /* 4. Von 390deg noch langsamer zurück auf 360deg (startet und endet sanfter) */
  37.6% { transform: rotateY(390deg); animation-timing-function: ease-in; } /* Sanfter Start der Rückdrehung */
  60%   { transform: rotateY(360deg); animation-timing-function: ease-out; } /* Sanftes Abbremsen vor der Endpause */

  /* 5. Bei 360deg eine Pause von 7 Sekunden einlegen bis der Loop wieder neu beginnt */
  60.1% { transform: rotateY(360deg); } /* Start der 7s Pause */
  100%  { transform: rotateY(360deg); } /* Hält bis zum Ende */
}/* End custom CSS */