/* ============ Breakpoints ============ */
@media (min-width: 48em) {
  :root { --container: 70vw; }
  .container { padding-inline: var(--s-4); }

  .hero__inner {
    grid-template-columns: 1fr 1.2fr;
    align-items: stretch;
    max-width: var(--container);
    padding-inline: var(--s-4);
  }
  .hero h1 { font-size: clamp(2rem, 3.4vw, 3.4rem); }
  .hero__text {
    padding: var(--s-6) var(--s-5) var(--s-6) 0;
    margin-inline: 0;
    max-width: none;
    align-self: center;
  }
  .hero__text > * { max-width: 32rem; }

  .availability__inner {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: var(--s-5);
  }

  .values__grid { grid-template-columns: repeat(3, 1fr); gap: 0; }
  .value-col + .value-col { border-left: 1px solid var(--line); }

  .offer-split__inner {
    grid-template-columns: 1.05fr 1fr;
    max-width: var(--container);
    padding-inline: var(--s-4);
  }
  .offer-split__content {
    margin-inline: 0;
    max-width: none;
    padding-left: 0;
    padding-right: var(--s-5);
  }
  .offer-split__content > * { max-width: 40rem; }
  .offer-features { grid-template-columns: repeat(3, 1fr); gap: 0; }
  .offer-feature + .offer-feature { border-left: 1px solid var(--line); }
  .offer-split__media { min-height: 100%; }

  .principles__grid { grid-template-columns: repeat(3, 1fr); row-gap: var(--s-4); column-gap: 0; }
  .principle + .principle { border-left: 1px solid var(--line); }
  .principles__grid .principle:nth-child(4) { border-left: none; }

  .quotes__grid { grid-template-columns: repeat(3, 1fr); }

  /* Zwei Hälften: links Bild + Über mich, rechts der Kontaktbereich */
  .meet__grid { grid-template-columns: 1fr 1fr; gap: var(--s-5); align-items: start; }
  .meet__intro { grid-template-columns: 0.85fr 1.15fr; gap: var(--s-4); align-items: start; }

  .about-grid { grid-template-columns: 0.9fr 1.3fr; gap: var(--s-6); }

  .location__grid { grid-template-columns: 1fr 1.1fr; gap: var(--s-6); }

  .site-footer__grid { grid-template-columns: repeat(2, 1fr); }

  .cookie-banner__inner { flex-direction: row; align-items: center; justify-content: space-between; }

  .contact-page__grid { grid-template-columns: 1fr 1.3fr; }

  .form__row { grid-template-columns: 1fr 1fr; }

}

@media (min-width: 68.75em) {
  .nav-toggle { display: none; }

  .site-nav {
    position: static;
    display: block;
    background: none;
    border: none;
    box-shadow: none;
    padding: 0;
  }

  .site-nav ul { flex-direction: row; align-items: center; justify-content: flex-end; gap: var(--s-3); }

  .site-nav a { padding: 0.4rem 0.2rem; font-size: 0.95rem; }

  .site-nav a[aria-current="page"] {
    box-shadow: inset 0 -2px 0 var(--gold-dark);
    padding-left: 0.2rem;
  }

  .site-nav .nav-cta { margin: 0 0 0 var(--s-2); }

  .principles__grid { grid-template-columns: repeat(6, 1fr); }
  .principles__grid .principle:nth-child(4) { border-left: 1px solid var(--line); }

  .site-footer__grid { grid-template-columns: 1.6fr 1fr 1fr 1fr; }

  .meet__grid {
    /* Linke Hälfte: Bild + Über mich | Rechte Hälfte: kompletter Kontaktbereich inkl. Formular */
    grid-template-columns: 1fr 1fr;
    column-gap: var(--s-6);
    align-items: start;
  }
  .meet__intro { grid-template-columns: 0.95fr 1.05fr; gap: var(--s-5); align-items: center; }

  .section { padding-block: var(--s-6); }
}