.elementor-8008 .elementor-element.elementor-element-f310349{--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;--flex-wrap:wrap;}#elementor-popup-modal-8008 .dialog-widget-content{animation-duration:0.8s;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-8008{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-8008 .dialog-message{width:480px;height:380px;align-items:flex-start;}#elementor-popup-modal-8008 .dialog-close-button{display:flex;}@media(min-width:768px){.elementor-8008 .elementor-element.elementor-element-f310349{--content-width:1600px;}}/* Start custom CSS *//* Overlay */
.secret-popup .dialog-widget-overlay {
  background: rgba(0, 0, 0, 0.42);
  backdrop-filter: blur(3px);
}

/* Popup-Grundstruktur */
.secret-popup .dialog-widget-content,
.secret-popup .dialog-message {
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  width: auto !important;
  max-width: none !important;
}

/* Gesamte Szene */
.secret-popup .secret-scene {
  position: relative;
  width: min(700px, 92vw);
  min-height: 370px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Bewegte Hintergrund-Elemente */
.secret-popup .cloud-bg {
  position: absolute;
  border-radius: 50%;
  background: rgba(247, 244, 235, 0.18);
  filter: blur(6px);
  z-index: 1;
}

.secret-popup .cloud-bg.bg1 {
  width: 180px;
  height: 110px;
  left: 40px;
  top: 70px;
  animation: bgFloat1 8s ease-in-out infinite;
}

.secret-popup .cloud-bg.bg2 {
  width: 130px;
  height: 90px;
  right: 70px;
  top: 45px;
  animation: bgFloat2 10s ease-in-out infinite;
}

.secret-popup .cloud-bg.bg3 {
  width: 150px;
  height: 95px;
  left: 120px;
  bottom: 55px;
  animation: bgFloat3 9s ease-in-out infinite;
}

/* Hauptwolke */
.secret-popup .secret-cloud {
  position: relative;
  z-index: 3;
  width: min(560px, 88vw);
  padding: 56px 54px 50px;
  background: #F7F4EB;
  border-radius: 110px;
  text-align: center;
  box-shadow:
    0 24px 50px rgba(0,0,0,0.16),
    0 10px 18px rgba(0,0,0,0.08),
    inset 0 1px 0 rgba(255,255,255,0.85);
  animation: cloudFloat 5.8s ease-in-out infinite;
}

/* Wolken-Bubbles */
.secret-popup .cloud-bubble,
.secret-popup .cloud-front {
  position: absolute;
  border-radius: 50%;
}

/* hintere Bubbles */
.secret-popup .cloud-bubble {
  background: #F7F4EB;
  z-index: -1;
  box-shadow: 0 10px 24px rgba(0,0,0,0.08);
}

.secret-popup .cloud-bubble.b1 {
  width: 118px;
  height: 118px;
  left: 40px;
  top: -38px;
  animation: bubbleBob1 4.8s ease-in-out infinite;
}

.secret-popup .cloud-bubble.b2 {
  width: 98px;
  height: 98px;
  left: 128px;
  top: -44px;
  animation: bubbleBob2 5.5s ease-in-out infinite;
}

.secret-popup .cloud-bubble.b3 {
  width: 126px;
  height: 126px;
  right: 48px;
  top: -44px;
  animation: bubbleBob1 5.2s ease-in-out infinite;
}

.secret-popup .cloud-bubble.b4 {
  width: 92px;
  height: 92px;
  right: 145px;
  top: -28px;
  animation: bubbleBob2 4.6s ease-in-out infinite;
}

.secret-popup .cloud-bubble.b5 {
  width: 84px;
  height: 84px;
  left: 220px;
  top: -52px;
  animation: bubbleBob1 5s ease-in-out infinite;
}

/* Vordergrund-Elemente für mehr Tiefe */
.secret-popup .cloud-front {
  background: rgba(255,255,255,0.38);
  z-index: 4;
  pointer-events: none;
  filter: blur(0.2px);
}

.secret-popup .cloud-front.f1 {
  width: 78px;
  height: 78px;
  right: 118px;
  top: -12px;
  animation: frontFloat1 4s ease-in-out infinite;
}

.secret-popup .cloud-front.f2 {
  width: 58px;
  height: 58px;
  left: 95px;
  top: 2px;
  animation: frontFloat2 4.6s ease-in-out infinite;
}

/* Schatten */
.secret-popup .cloud-shadow {
  position: absolute;
  z-index: 2;
  width: 360px;
  height: 60px;
  bottom: 42px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0,0,0,0.18);
  filter: blur(22px);
  border-radius: 50%;
  animation: shadowPulse 5.8s ease-in-out infinite;
}

/* Kleine Partikel */
.secret-popup .spark {
  position: absolute;
  z-index: 2;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(247, 244, 235, 0.8);
  box-shadow: 0 0 12px rgba(247, 244, 235, 0.45);
}

.secret-popup .spark.s1 {
  top: 78px;
  right: 145px;
  animation: sparkDrift1 6s ease-in-out infinite;
}

.secret-popup .spark.s2 {
  left: 95px;
  top: 160px;
  width: 6px;
  height: 6px;
  animation: sparkDrift2 7s ease-in-out infinite;
}

.secret-popup .spark.s3 {
  right: 88px;
  bottom: 92px;
  width: 5px;
  height: 5px;
  animation: sparkDrift3 5.5s ease-in-out infinite;
}

/* Text */
.secret-popup .secret-popup-kicker {
  position: relative;
  z-index: 5;
  margin-bottom: 12px;
  font-size: 12px;
  letter-spacing: 2.2px;
  text-transform: uppercase;
  color: #8A837A;
  font-weight: 600;
}

.secret-popup .secret-popup-text {
  position: relative;
  z-index: 5;
  font-size: 24px;
  line-height: 1.35;
  color: #1E1E1E;
  font-weight: 400;
}

/* Close Button */
.secret-popup .dialog-close-button {
  top: 18px !important;
  right: 18px !important;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: rgba(255,255,255,0.95) !important;
  color: #222 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 18px rgba(0,0,0,0.16);
  transition: transform 0.2s ease, background 0.2s ease;
}

.secret-popup .dialog-close-button:hover {
  transform: scale(1.06);
  background: #fff !important;
}

/* Animationen */
@keyframes cloudFloat {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-8px); }
}

@keyframes shadowPulse {
  0%, 100% { transform: translateX(-50%) scaleX(1); opacity: 0.18; }
  50% { transform: translateX(-50%) scaleX(0.93); opacity: 0.12; }
}

@keyframes bubbleBob1 {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-5px); }
}

@keyframes bubbleBob2 {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-8px); }
}

@keyframes frontFloat1 {
  0%, 100% { transform: translateY(0px) translateX(0px); }
  50% { transform: translateY(-4px) translateX(3px); }
}

@keyframes frontFloat2 {
  0%, 100% { transform: translateY(0px) translateX(0px); }
  50% { transform: translateY(3px) translateX(-2px); }
}

@keyframes bgFloat1 {
  0%, 100% { transform: translateY(0px) translateX(0px); opacity: 0.18; }
  50% { transform: translateY(-10px) translateX(8px); opacity: 0.26; }
}

@keyframes bgFloat2 {
  0%, 100% { transform: translateY(0px) translateX(0px); opacity: 0.14; }
  50% { transform: translateY(8px) translateX(-6px); opacity: 0.24; }
}

@keyframes bgFloat3 {
  0%, 100% { transform: translateY(0px) translateX(0px); opacity: 0.16; }
  50% { transform: translateY(-6px) translateX(10px); opacity: 0.22; }
}

@keyframes sparkDrift1 {
  0%, 100% { transform: translateY(0px); opacity: 0.4; }
  50% { transform: translateY(-10px); opacity: 0.9; }
}

@keyframes sparkDrift2 {
  0%, 100% { transform: translateY(0px) translateX(0px); opacity: 0.3; }
  50% { transform: translateY(8px) translateX(6px); opacity: 0.8; }
}

@keyframes sparkDrift3 {
  0%, 100% { transform: translateY(0px); opacity: 0.35; }
  50% { transform: translateY(-7px); opacity: 0.75; }
}

/* Mobile */
@media (max-width: 767px) {
  .secret-popup .secret-scene {
    min-height: 320px;
    width: 94vw;
  }

  .secret-popup .secret-cloud {
    width: 90vw;
    padding: 42px 26px 38px;
    border-radius: 70px;
  }

  .secret-popup .secret-popup-text {
    font-size: 20px;
    line-height: 1.4;
  }

  .secret-popup .secret-popup-kicker {
    font-size: 11px;
    letter-spacing: 1.7px;
  }

  .secret-popup .cloud-bubble.b1 {
    width: 82px; height: 82px; left: 20px; top: -24px;
  }

  .secret-popup .cloud-bubble.b2 {
    width: 68px; height: 68px; left: 82px; top: -28px;
  }

  .secret-popup .cloud-bubble.b3 {
    width: 88px; height: 88px; right: 24px; top: -28px;
  }

  .secret-popup .cloud-bubble.b4 {
    width: 62px; height: 62px; right: 98px; top: -18px;
  }

  .secret-popup .cloud-bubble.b5 {
    width: 58px; height: 58px; left: 150px; top: -30px;
  }

  .secret-popup .cloud-front.f1 {
    width: 54px; height: 54px; right: 68px; top: -6px;
  }

  .secret-popup .cloud-front.f2 {
    width: 42px; height: 42px; left: 52px; top: 6px;
  }

  .secret-popup .cloud-shadow {
    width: 240px;
    bottom: 58px;
  }

  .secret-popup .cloud-bg.bg1,
  .secret-popup .cloud-bg.bg2,
  .secret-popup .cloud-bg.bg3 {
    transform: scale(0.8);
  }
}/* End custom CSS */