/* ================================================
   RESPONSIVE.CSS — Mobile & Tablet Design
   ================================================ */

/* --- TABLET (max. 1024px) --- */
@media (max-width: 1024px) {

  .footer-top {
    grid-template-columns: 1fr 1fr;
    gap: var(--space-lg);
  }

  .footer-brand {
    grid-column: 1 / -1;
  }
}

/* --- MOBILE (max. 768px) --- */
@media (max-width: 768px) {

  /* --- HERO --- */
  .hero-title {
    font-size: var(--text-3xl);
  }

  .hero-content {
    padding-top: 7rem;
  }

  .hero-actions {
    flex-direction: column;
  }

  .hero-actions a {
    text-align: center;
  }

  .hero-trust {
    flex-wrap: wrap;
    gap: var(--space-sm);
  }

  .hero-bg {
    background-position: 20% top;
  }
  .trust-item strong {
  font-size: var(--text-lg);
}

.trust-item span {
  font-size: 0.75rem;
}

  /* --- LEISTUNGEN --- */
  .accordion-trigger {
    padding: var(--space-sm) var(--space-md);
  }

  .accordion-number {
    font-size: var(--text-xl);
  }

  .accordion-title {
    font-size: var(--text-base);
  }

  .accordion-body {
    padding-left: var(--space-md);
  }

  /* --- ÜBER UNS --- */
  .about-cards {
    grid-template-columns: 1fr;
  }

  /* --- KONTAKT --- */
  .kontakt-wrapper {
    grid-template-columns: 1fr;
  }

  .form-row {
    grid-template-columns: 1fr;
  }

  /* --- FOOTER --- */
  .footer-top {
    grid-template-columns: 1fr;
  }

  .footer-bottom {
    flex-direction: column;
    gap: var(--space-sm);
    text-align: center;
  }

  /* --- SECTION TITLES --- */
  .section-title {
    font-size: var(--text-3xl);
  }
}

/* --- KLEINE MOBILE (max. 480px) --- */
@media (max-width: 480px) {

  .nav-logo img {
    height: 35px !important;
  }

  .nav-logo-text strong {
    font-size: 0.85rem;
  }

  .nav-logo-text span {
    font-size: 0.7rem;
  }

  .hero-title {
    font-size: var(--text-2xl);
  }

  .nav-pill {
    padding: 0.5rem 0.5rem 0.5rem 0.75rem;
  }

  .whatsapp-btn {
    bottom: 1.25rem;
    right: 1.25rem;
    width: 50px;
    height: 50px;
  }
}