/* ==========================================================
   Bellemann - Spacing Block
   Adds responsive vertical space between sections
========================================================== */

/* Default desktop spacing */
.bellemann-abstand {
  width: 100%; /* Always full width */
  height: var(--spacing-desktop, 80px); /* Default 80px if no custom value set */
}

/* Tablet breakpoint (≤ 1024px) */
@media (max-width: 1024px) {
  .bellemann-abstand {
    height: var(--spacing-tablet, 60px); /* Default 60px */
  }
}

/* Mobile breakpoint (≤ 600px) */
@media (max-width: 600px) {
  .bellemann-abstand {
    height: var(--spacing-mobile, 60px); /* Default 60px */
  }
}