/** Shopify CDN: Minification failed

Line 12:6 Expected "]" to go with "["

**/
/* ==========================================================================
   DEFERRED BUNDLE - Kombiniert base-deferred.css und animation.css
   Lädt nach dem Initial Paint für bessere Performance
   ========================================================================== */

/* Inhalt von base-deferred.css */
[Hier den kompletten Inhalt von base-deferred.css einfügen]

/* ==========================================================================
   GLOBAL ANIMATION SYSTEM - INTEGRIERT
   ========================================================================== */

/* Animation Configuration */
:root {
  --animation-duration: 0.8s;
  --animation-distance: 40px;
  --animation-delay-increment: 0.1s;
  --animation-easing: cubic-bezier(0.4, 0, 0.2, 1);
}

/* First section (Hero) never animates */
#MainContent > .shopify-section:first-child {
  opacity: 1 !important;
  transform: none !important;
}

/* ALL other sections animate by default */
#MainContent > .shopify-section:not(:first-child):not(.no-animate) {
  opacity: 0;
  transform: translateY(var(--animation-distance));
  transition: opacity var(--animation-duration) var(--animation-easing),
              transform var(--animation-duration) var(--animation-easing);
  will-change: opacity, transform;
}

/* Visible state */
#MainContent > .shopify-section.is-visible {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

/* Animation Variants */
#MainContent > .shopify-section[data-animation="fade"] {
  transform: none;
}

#MainContent > .shopify-section[data-animation="slide-left"] {
  transform: translateX(var(--animation-distance));
}

#MainContent > .shopify-section[data-animation="slide-right"] {
  transform: translateX(calc(var(--animation-distance) * -1));
}

#MainContent > .shopify-section[data-animation="zoom"] {
  transform: scale(0.95);
}

/* Mobile Optimizations */
@media (max-width: 749px) {
  :root {
    --animation-distance: 20px;
    --animation-duration: 0.6s;
  }
}

/* Reduced Motion Support */
@media (prefers-reduced-motion: reduce) {
  #MainContent > .shopify-section {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

/* Theme Editor - Everything visible */
.shopify-design-mode #MainContent > .shopify-section {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

/* ==========================================================================
   ANIMATION UTILITY CLASSES
   ========================================================================== */

/* Opt-out Klasse für Sections ohne Animation */
.no-animate {
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
}

/* Staggered Child Animations */
.animate-children > * {
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.animate-children > *:nth-child(1) { transition-delay: 0.1s; }
.animate-children > *:nth-child(2) { transition-delay: 0.2s; }
.animate-children > *:nth-child(3) { transition-delay: 0.3s; }
.animate-children > *:nth-child(4) { transition-delay: 0.4s; }
.animate-children > *:nth-child(5) { transition-delay: 0.5s; }

.animate-children .is-visible > *,
.is-visible .animate-children > * {
  opacity: 1;
  transform: translateY(0);
}

/* Utility Klassen für einzelne Elemente */
.fade-in-up {
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.6s ease-out;
}

.fade-in-up.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* ==========================================================================
   ENDE DES DEFERRED BUNDLES
   ========================================================================== */