/* 3D-Hintergründe und Interaktionen */

/* Wasserwellen-Hintergrund */
.wasserwellen-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 40vh;
  background: url('../images/wasserwellen.png') repeat-x;
  animation: wave 20s linear infinite;
  z-index: -1;
}

/* Balance-Kugel */
.balance-kugel {
  width: 80px;
  height: 80px;
  background: var(--balance);
  border-radius: 50%;
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translateX(-50%);
  animation: bounce 2s ease-in-out infinite;
}

/* 3D-Hover für Karten */
.saule:hover {
  transform: perspective(800px) rotateX(10deg) rotateY(10deg);
}