/* === STATIC IMAGE BOX STYLES === */
.static-image-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, 35vh);
  border-radius: 30px;
  overflow: hidden;
  position: relative;
  background-color: #eee; /* Platzhalter */
  cursor: pointer;
}
.static-image-box .static-image-bg {
  position: absolute; width: 100%; height: 100%; top: 0; left: 0;
  z-index: 0;
  background-size: cover; background-position: center center; background-repeat: no-repeat;
  transform: scale(1);
  transition: transform 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
  will-change: transform;
  /* background-image wird per Inline-Style gesetzt */
}
.static-image-box.hover-zoom:hover .static-image-bg {
  transform: scale(1.1);
}
.static-image-box > .content {
  position: relative; /* Lässt Flexbox aus custom.css wirken */
  /* pointer-events: none; */ /* Aktiv lassen, falls Inhalt klickbar sein soll */
}