/* ══════════════════════════════════════════════════
   WIDESCREEN CONSTRAINT — cap content to 1440 px
   Load this AFTER all inline <style> blocks so it
   overrides them via source-order cascade.
   At ≥ 1561 px: padding grows to keep content ≤ 1440 px wide.
   Formula: calc((100vw − 1440px) / 2)
   ══════════════════════════════════════════════════ */

@media (min-width: 1561px) {

  /* ── Navigation (accessibility.css) ── */
  body > nav,
  body > nav.is-scrolled {
    padding-left: calc((100vw - 1440px) / 2);
    padding-right: calc((100vw - 1440px) / 2);
  }

  /* ── index.html ── */
  .trust-bar,
  .hours-strip,
  .about-content,
  .how-section,
  .conditions-section,
  .pricing-section,
  .kurs-banner,
  .testimonials-section,
  .faq-section,
  .cta-section,
  .footer-bottom {
    padding-left: calc((100vw - 1440px) / 2);
    padding-right: calc((100vw - 1440px) / 2);
  }

  /* ── kurs-page.html ── */
  .kurs-hero-left,
  .kurs-intro,
  .kurs-pillars,
  .kurs-perspektive,
  .kurs-lernbereich,
  .kurs-pricing,
  .kurs-cta,
  body[data-page="kurs"] footer {
    padding-left: calc((100vw - 1440px) / 2);
    padding-right: calc((100vw - 1440px) / 2);
  }

  /* ── ueber-mich.html ── */
  .ueber-hero,
  .ueber-positioning,
  .ueber-ziel,
  .ueber-values,
  .ueber-cta,
  .mg-header {
    padding-left: calc((100vw - 1440px) / 2);
    padding-right: calc((100vw - 1440px) / 2);
  }
  /* Hero needs to keep its grid intact + ensure the right (visually left)
     image column still bleeds to the page edge feel via overflow hidden. */
  .ueber-hero {
    padding-top: calc(76px + env(safe-area-inset-top, 0px));
  }

  /* ── gutschein.html ── */
  .gutschein-hero,
  .gutschein-main {
    padding-left: calc((100vw - 1440px) / 2);
    padding-right: calc((100vw - 1440px) / 2);
  }
  /* Hero keeps its own padding-top intact */
  .gutschein-hero {
    padding-top: calc(62px + env(safe-area-inset-top, 0px));
  }

  /* ── fuer-wen.html ── */
  .fuerwen-contra,
  .fuerwen-alternative,
  .fuerwen-callout {
    padding-left: calc((100vw - 1440px) / 2);
    padding-right: calc((100vw - 1440px) / 2);
  }
}