/* Mobile-Offset für fixierten Header */
@media (max-width: 640px){
  :root { --header-h: 32px; }                 /* bei Bedarf 64–88px */
  body { padding-top: var(--header-h) !important; }

  /* Falls der erste Wrapper pt-0 hat: kompensieren */
  section.flex-1 > div.pt-0 { 
    padding-top: var(--header-h) !important;
  }

  /* Alternativ/zusätzlich: nur die erste farbige Sektion unter #intro schieben */
  #intro + .bg-gray-100 {
    /* padding-top: calc(2rem + var(--header-h)) !important; /* aus py-8 -> + Headerhöhe */
  }
}

/* Angenehme Anker-Sprünge (#intro etc.) */
html { scroll-padding-top: 80px; }
:target { scroll-margin-top: 80px; }