/* ============================================================
   goldenroom yoga | Layout
   Seitengerüst: Container, generische Section-Abstände.
   Komponenten-spezifisches Layout steht in components.css.
   ============================================================ */

.container {
  max-width: var(--container-max);
  margin-inline: auto;
  padding-inline: var(--space-section-x);
}

/* Generischer Section-Rhythmus: gilt für alle Content-Sections nach
   dem Header. Einzelne Bausteine (Sticky-Image, Sticky-Spalten, …)
   überschreiben das bei Bedarf in components.css. */
main > section {
  padding-block: var(--space-section-y);
}

main > section + section {
  padding-top: 0; /* Section-Hintergrundwechsel übernimmt die optische Trennung, keine doppelten Abstände */
}

/* Header ist jetzt sticky – Anker-Ziele brauchen einen Versatz,
   sonst verschwindet die Section-Überschrift beim Hinspringen
   darunter. Zwei Werte, weil der Header ohne Nav-Zeile (mobil,
   Burger-Menü) niedriger ist als mit. */
main > section[id] {
  scroll-margin-top: 155px;
}

@media (max-width: 1024px) {
  main > section[id] {
    scroll-margin-top: 105px;
  }
}