/**
 * Desktop Enhancements
 * Additives CSS für Screens ab 768px
 * Mobile-Styles bleiben unverändert
 * @version 1.0.0
 */

/* ===== TABLET/DESKTOP: Ab 768px ===== */
@media (min-width: 768px) {
  /* Breiterer Container */
  .container {
    max-width: 680px;
    padding: 2rem;
  }

  /* Header etwas größer */
  header {
    padding: 2rem 0 2.5rem;
  }

  .practice-name {
    font-size: 2rem;
  }

  /* Action Grid: Etwas mehr Platz */
  .action-grid {
    gap: 1.25rem;
  }

  .action-card {
    padding: 2rem 1.5rem;
  }

  /* Team Grid: 2 Spalten */
  .team-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
  }

  .team-card {
    height: 100%;
  }

  /* Services Grid: 2 Spalten */
  .services-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
  }

  .service-card {
    height: 100%;
    display: flex;
    flex-direction: column;
  }

  .service-description {
    flex: 1;
  }

  /* Contact Grid: 2 Spalten (Kontakt-Seite) */
  .contact-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem;
  }

  .contact-card {
    height: 100%;
  }

  /* Full-width für E-Mail Karte (3. Karte) */
  .contact-grid .contact-card:nth-child(3) {
    grid-column: 1 / -1;
  }

  /* Info Card: Mehr Raum */
  .info-card {
    padding: 2rem;
    gap: 2rem;
  }

  /* Content Card (Impressum, Datenschutz) */
  .content-card {
    padding: 2rem;
  }

  /* Hours Card */
  .hours-card {
    padding: 2rem;
  }

  /* Map Card */
  .map-placeholder {
    height: 250px;
  }

  /* Content Sections */
  .content-section {
    padding: 2.5rem 2rem;
  }

  /* Page Descriptions: Mehr Lesbarkeit */
  .page-description {
    max-width: 540px;
  }

  /* CTA Card */
  .cta-card {
    padding: 2.5rem 2rem;
  }

  /* Footer Links: Mehr Abstand */
  .footer-links {
    gap: 2rem;
  }
}

/* ===== DESKTOP: Ab 1024px ===== */
@media (min-width: 1024px) {
  .container {
    max-width: 800px;
  }

  /* Services Grid: 3 Spalten */
  .services-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  /* Contact Grid: 3 Spalten */
  .contact-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .contact-grid .contact-card:nth-child(3) {
    grid-column: auto;
  }

  /* Team bleibt bei 2 Spalten (besser lesbar) */
}