/* Cross-component scaling for large and extra-large screens */

@media (min-width: 1200px) {
  body {
    font-size: 1.1rem;
  }

  .intro-text,
  .contact,
  .angebot-cards div,
  #aufnahme-text {
    font-size: 1.15rem;
    line-height: 1.7;
  }

  h1,
  h2 {
    font-size: 2.2rem;
  }

  .contact h2 {
    font-size: 2.2rem; /* match or slightly smaller than main h1s */
  }
  .contact img {
    width: 280px;
    height: 280px;
  }
}

@media (min-width: 1600px) {
  body {
    font-size: 1.25rem;
  }

  .intro-text,
  .contact,
  .angebot-cards div,
  #aufnahme-text {
    font-size: 1.3rem;
    line-height: 1.75;
  }

  h1,
  h2 {
    font-size: 2.5rem;
  }

  .contact h2 {
    font-size: 2.5rem; /* match or slightly smaller than main h1s */
  }

  .angebot-cards {
    max-width: 1100px;
  }
}