/* === PARALLAX BOX STYLES === */
.parallax-box {
  display: block; text-decoration: none;
  /* margin: 10px auto; */   /* Entfernt */
  margin-bottom: 20px; /* Vertikaler Abstand */
  /* width: calc(100% - 20px); */ /* Entfernt */
  width: 100%;
  height: var(--h, 60vh);
  border-radius: 30px;
  overflow: hidden;
  position: relative;
  transform-style: preserve-3d;
  backface-visibility: hidden;
  cursor: pointer;
}

.parallax-box > .jarallax-img {
  position: absolute; top: 0; left: 0; width: 100%;
  height: calc(100% + var(--parallax-bleed, 80%));
  background-size: cover; background-position: center center; background-repeat: no-repeat;
  transform: translate3d(0, 0, 0) scale(1.0001); backface-visibility: hidden;
  will-change: transform; pointer-events: none;
  /* Transition für Hover wird im JS gesteuert */
}

.parallax-box > .content {
   position: absolute; top: 0; left: 0; /* Lässt Flexbox aus custom.css wirken */
   pointer-events: none; /* Klicks gehen zum Link durch */
}