/* Allgemeine Abstände und Scroll */
html {
  scroll-behavior: smooth;
}
section {
  scroll-margin-top: 80px; /* Header-Offset */
}

/* Responsive Text & Padding */
@media (max-width: 640px) {
  #services h2 { font-size: 2rem; margin-bottom: 1.5rem; }
  #services p { font-size: 0.875rem; margin-bottom: 1.5rem; }
  #services div > span { font-size: 3rem; }
  #services div { padding-inline: 0.5rem; }
}
@media (min-width: 641px) and (max-width: 1024px) {
  #services h2 { font-size: 2.5rem; }
  #services div > span { font-size: 4rem; }
}
/* Allgemein */
#technical-details h2 {
  text-align: center;
}
#technical-details p {
  margin: 0 auto 2rem auto;
}

/* Technische Details Responsive */
@media (max-width: 640px) {
  #technical-details .max-w-5xl {
    padding: 2rem 1rem; /* weniger Rand auf kleinen Screens */
  }
  #technical-details h2 {
    font-size: 1.75rem; /* kleiner Überschrift */
    margin-bottom: 1.5rem;
  }
  #technical-details p {
    font-size: 0.875rem; /* kleinere Textabsätze */
    margin-bottom: 1rem;
  }
  #technical-details ul li {
    font-size: 0.875rem;
  }
}

@media (min-width: 641px) and (max-width: 1024px) {
  #technical-details h2 {
    font-size: 2.25rem;
  }
  #technical-details p {
    font-size: 1rem;
  }
  #technical-details ul li {
    font-size: 1rem;
  }
}
.footer-links a:not(:last-child)::after {
  content: "|";
  color: #9ca3af; /* hellgrau, an Tailwind gray-400 angelehnt */
  margin-left: 0.75rem; /* Abstand rechts vom Link */
  margin-right: 0.75rem; /* Abstand links vom nächsten Link */
}