:root {
  /* Globale Padding-Variablen */
  --fluid-side-padding-min: 1.25rem; /* 20px */
  --fluid-side-padding-max: 5rem;    /* 80px */

  --padding-standard-top-min: 6.875rem; /* 110px */
  --padding-standard-top-max: 7.5rem;   /* 120px */
}

/* Desktop (ab 1025px) – Smarte Höhen und Seitenabstände */
@media (min-width: 1025px) {
  .padding-standard {
    padding-top: clamp(var(--padding-standard-top-min), 1.087vw + 6.63rem, var(--padding-standard-top-max)) !important;
    padding-bottom: clamp(var(--padding-standard-top-min), 1.087vw + 6.63rem, var(--padding-standard-top-max)) !important;
    padding-left: clamp(var(--fluid-side-padding-min), 6.522vw - 0.217rem, var(--fluid-side-padding-max)) !important;
    padding-right: clamp(var(--fluid-side-padding-min), 6.522vw - 0.217rem, var(--fluid-side-padding-max)) !important;
  }
}

/* Tablet (769px–1024px) – Fester vertikaler Abstand */
@media (max-width: 1024px) and (min-width: 769px) {
  .padding-standard {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
    padding-left: clamp(var(--fluid-side-padding-min), 6.522vw - 0.217rem, var(--fluid-side-padding-max)) !important;
    padding-right: clamp(var(--fluid-side-padding-min), 6.522vw - 0.217rem, var(--fluid-side-padding-max)) !important;
  }
}

/* Mobile (bis 768px) – Kleiner vertikaler Abstand */
@media (max-width: 768px) {
  .padding-standard {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
    padding-left: clamp(var(--fluid-side-padding-min), 6.522vw - 0.217rem, var(--fluid-side-padding-max)) !important;
    padding-right: clamp(var(--fluid-side-padding-min), 6.522vw - 0.217rem, var(--fluid-side-padding-max)) !important;
  }
}