/* Mobile Optimierung — WebMenü */
@media (max-width: 767px) {
  /* Kompaktere Sections */
  .py-16 { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; }
  .py-20 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
  .mb-12 { margin-bottom: 2rem !important; }
  .mb-16 { margin-bottom: 2.5rem !important; }
  .gap-12 { gap: 2rem !important; }
  .gap-8 { gap: 1.5rem !important; }

  /* Testimonial-Karten: weniger Padding */
  .testimonial-card, [class*="hover:shadow-lg"] {
    padding: 1rem !important;
  }

  /* Warum-Kunden / Feature-Karten: Text auf 3 Zeilen kürzen */
  .feature-clamp p, .warum-grid p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  /* Testimonial Carousel on Mobile */
  .testimonial-carousel {
    display: flex !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    gap: 1rem !important;
    padding-bottom: 1rem;
    scrollbar-width: none;
  }
  .testimonial-carousel::-webkit-scrollbar {
    display: none;
  }
  .testimonial-carousel > div {
    flex: 0 0 85%;
    min-width: 0;
    scroll-snap-align: center;
  }

  /* Stats-Balken kompakter auf Mobile */
  .stat-number, [class*="text-4xl"][class*="font-bold"] {
    font-size: 1.5rem !important;
  }
}