.elementor-1185 .elementor-element.elementor-element-30341c7{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1185 .elementor-element.elementor-element-30341c7:not(.elementor-motion-effects-element-type-background), .elementor-1185 .elementor-element.elementor-element-30341c7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c06855c );}.elementor-1185 .elementor-element.elementor-element-31707ad{--display:flex;--min-height:104px;--margin-top:32px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1185 .elementor-element.elementor-element-359e2ff{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:0px 64px;--row-gap:0px;--column-gap:64px;--padding-top:0px;--padding-bottom:160px;--padding-left:0px;--padding-right:0px;}.elementor-1185 .elementor-element.elementor-element-b3431b9{--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:10px 0px;--row-gap:10px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}@media(min-width:768px){.elementor-1185 .elementor-element.elementor-element-b3431b9{--width:100%;}}@media(max-width:1024px){.elementor-1185 .elementor-element.elementor-element-30341c7{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1185 .elementor-element.elementor-element-359e2ff{--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:32px 0px;--row-gap:32px;--column-gap:0px;--padding-top:80px;--padding-bottom:160px;--padding-left:16px;--padding-right:16px;}}@media(max-width:767px){.elementor-1185 .elementor-element.elementor-element-30341c7{--margin-top:0px;--margin-bottom:16px;--margin-left:0px;--margin-right:0px;}.elementor-1185 .elementor-element.elementor-element-359e2ff{--gap:32px 0px;--row-gap:32px;--column-gap:0px;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}}/* Start custom CSS for container, class: .elementor-element-30341c7 */.CHover {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.CHover:hover {
  transform: scale(1.03);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}/* End custom CSS */
/* Start custom CSS */.hero-container {
  position: fixed;
  top: 60%;
  left: 2.5%;
  width: 50vw;
  height: auto;
  padding: 30px;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  transition: all 0.4s ease;
  z-index: 9999;
  border-radius: 30px;

  display: flex;
  align-items: center;
  justify-content: center;

  transform: translateY(-50%) scale(1); /* wichtig für die Atmung */
}



.hero-container.shrinked {
  top: auto;
  left: 20px;
  bottom: 20px;
  right: auto;
  width: 60px;
  height: 60px;
  padding: 0;
  border-radius: 50%;
  border: 3px solid white;
  background: #161134; /* ← kräftiges Blau wieder rein */
  box-shadow: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: impatient-bounce 12s ease-in-out infinite;

  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;

  transform-origin: center;
  overflow: hidden; /* wichtig für sauberen Hover-Bereich */
}

/* Dramatische Schrumpf-Animation */
.hero-container.dramatic {
  animation: dramatic-shrink 2s ease-out;
  animation-fill-mode: forwards;
}

/* Expand-Animation beim Aufklappen */
.hero-container.expand-animation {
  animation: expandPop 0.4s ease;
}

/* Hover-Pulse */
.hero-container.breathing-ball:hover {
  animation: hover-pulse-glow 0.8s ease-in-out infinite;
  transform-origin: left bottom;
}

/* Inhalt */
.hero-content {
  opacity: 1;
  transition: opacity 0.3s ease 0.5s;
}
.hero-container.shrinked .hero-content {
  opacity: 0;
  transition: opacity 0.1s ease 0s;
}



/* Animations */

@keyframes dramatic-shrink {
  0% {
    transform: translateY(0) scale(1);
    border-radius: 20px;
  }
  10% {
    transform: translateY(-80px) scale(1.3, 0.8);
    border-radius: 40px;
  }
  20% {
    transform: translateY(0) scale(1.1, 1.2);
    border-radius: 45px;
  }
  30% {
    transform: translateY(-60px) scale(1.2, 0.85);
    border-radius: 55px;
  }
  40% {
    transform: translateY(0) scale(1, 1.2);
    border-radius: 60px;
  }
  50% {
    transform: translateY(-45px) scale(1.1, 0.9);
    border-radius: 60px;
  }
  60% {
    transform: translateY(0) scale(1, 1.1);
    border-radius: 60px;
  }
  70% {
    transform: translateY(-30px) scale(1, 0.9);
    border-radius: 60px;
  }
  80% {
    transform: translateY(0) scale(0.95, 1.05);
    border-radius: 60px;
  }
  90% {
    transform: translateY(-15px) scale(1, 0.95);
    border-radius: 60px;
  }
  100% {
    transform: translateY(0) scale(1);
    border-radius: 50%;
  }
}

@keyframes calm-pulse {
  0%, 97%, 100% { transform: scale(1); }
  98.5% { transform: scale(1.05); }
  99.5% { transform: scale(0.98); }
}

@keyframes expandPop {
  0% {
    transform: translateY(-50%) scale(0.9);
    opacity: 0.8;
  }
  100% {
    transform: translateY(-50%) scale(1);
    opacity: 1;
  }
}

@keyframes hover-pulse-glow {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 rgba(22, 17, 52, 0);
    border-radius: 50%;
  }
  50% {
    transform: scale(2.0, 1.7) skewX(4deg) skewY(2deg);
    box-shadow: 0 0 30px rgba(22, 17, 52, 0.35);
    border-radius: 60% 40% 50% 70% / 60% 70% 50% 40%;
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 rgba(22, 17, 52, 0);
    border-radius: 50%;
  }
}

/* Responsive */
@media (max-width: 1024px) {
  .hero-container {
    width: 95%;
  }
}
@media (max-width: 768px) {
  .hero-container {
    width: 95%;
  }
}


.hero-container.shrinked:hover {
  animation: hover-pulse-glow 0.8s ease-in-out infinite;
  transform-origin: left bottom;
}

/* Entferne Hover auf breathing-ball, falls noch da */
.breathing-ball:hover {
  animation: none !important;
}

@keyframes impatient-bounce {
  0%, 92%, 100%   { margin-bottom: 0; }
  93%             { margin-bottom: 5px; }
  94%             { margin-bottom: -3px; }
  95%             { margin-bottom: 3px; }
  96%             { margin-bottom: -1px; }
  97%, 99%        { margin-bottom: 2px; }
}/* End custom CSS */