/* =====================================================
   MAIN STYLES - EQ Detailing 2026 Redesign
   Mobile-First, Performance-Optimiert, SEO-Ready
   ===================================================== 
   
   NEUE MODULARE STRUKTUR:
   - modern-base.css:      Reset, CSS Variables, Typography (Mobile-First)
   - modern-nav.css:       Navigation mit Mobile-First Ansatz
   - modern-hero.css:      Hero Section (GPU-optimiert)
   - modern-sections.css:  Alle Sections (About, Packages, Gallery, Contact)
   - modern-footer.css:    Footer
   - modern-utilities.css: Animations, Floating Buttons
   
   PERFORMANCE-OPTIMIERUNGEN:
   ✓ CSS Custom Properties für Theme-Konsistenz
   ✓ Mobile-First Media Queries (min-width statt max-width)
   ✓ GPU-beschleunigte Animationen (will-change, transform)
   ✓ Reduced Motion Support für Barrierefreiheit
   ✓ Safe Area Insets für iOS
   ✓ Touch-optimierte Targets (min 44px)
   ===================================================== */

/* Modern Mobile-First CSS */
@import url('css/modern-base.css');
@import url('css/modern-nav.css');
@import url('css/modern-hero.css');
@import url('css/modern-sections.css');
@import url('css/modern-gallery.css');
@import url('css/modern-footer.css');
@import url('css/modern-utilities.css');
@import url('css/modern-legal.css');

/* New components */
@import url('css/footer-new.css');
@import url('css/cookie-banner.css');
@import url('css/contact-section.css');
@import url('css/social-follow.css');
@import url('css/gallery-carousel.css');
@import url('css/success-check.css');