/** Shopify CDN: Minification failed

Line 21:11 Unexpected "{"
Line 21:20 Expected ":"
Line 28:11 Unexpected "{"
Line 28:20 Expected ":"
Line 35:11 Unexpected "{"
Line 35:20 Expected ":"
Line 43:11 Unexpected "{"
Line 43:20 Expected ":"
Line 46:11 Unexpected "{"
Line 46:20 Expected ":"
... and 40 more hidden warnings

**/


/* CSS from section stylesheet tags */
.foxkit-flashsale.style-2{background:#fdefee;padding:30px 0}.foxkit-flashsale.style-2 .prod__countdown{background:none !important;border:none !important;padding:0 !important;justify-content:center}.foxkit-flashsale.style-2 .prod__countdown-heading{font-weight:400;color:#000 !important}.foxkit-flashsale.style-2 .prod__countdown-heading,.foxkit-flashsale.style-2 .time-block span{font-size:32px;color:#DA3F3F}.foxkit-flashsale.style-2 .time-block:not(:last-child):after{top:5px;color:#DA3F3F}.foxkit-flashsale.style-1{padding:10px 1rem 2rem}.foxkit-flashsale.style-1 .prod__countdown-timer,.foxkit-flashsale.style-1 .prod__countdown-header{width:100%;justify-content:center}.foxkit-flashsale.style-1 .prod__countdown-heading{font-size:2rem;color:#000;margin-bottom:1rem}
/* Hintergrund & Grundlayout */
#timeline-{{ section.id }}.timeline-section {
  background-color: var(--bg) !important;
  color: var(--fg);
  padding: 48px 0;
}

/* Innerer Container */
#timeline-{{ section.id }} .timeline-container {
  margin: 0 auto;
  padding: 0 16px;
  max-width: var(--maxw);
}

/* Titel */
#timeline-{{ section.id }} .timeline-title {
  text-align: center;
  font-size: 2rem;
  line-height: 1.2;
  margin: 0 0 28px;
}

/* Events: jede Karte = eigene Zeile */
#timeline-{{ section.id }} .timeline-items { 
  display: block; 
}
#timeline-{{ section.id }} .timeline-item { 
  margin: 32px 0; 
}

/* 2-Spalten-Layout pro Event (50% | 50%) */
#timeline-{{ section.id }} .timeline-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: var(--gap);
  align-items: center;
  justify-items: start;
}

/* Bild: responsiv, max 350px Desktop */
#timeline-{{ section.id }} .timeline-image {
  width: 100%;
  max-width: 350px;
}
#timeline-{{ section.id }} .timeline-image img {
  width: 100%;
  height: auto;
  border-radius: var(--radius);
  display: block;
}

/* Text */
#timeline-{{ section.id }} .timeline-text { text-align: left; }
#timeline-{{ section.id }} .timeline-text p { margin: 0; }
#timeline-{{ section.id }} .timeline-date { margin: 0 0 4px; font-size: 1.3rem; color: #fff; }
#timeline-{{ section.id }} .timeline-item-title { margin: 0 0 6px; font-size: 1.25rem; }
#timeline-{{ section.id }} .timeline-desc { margin: 0; }

/* Desktop-Ausrichtung */
#timeline-{{ section.id }} .timeline-item.left  .timeline-image { grid-column: 1; grid-row: 1; justify-self: end; }
#timeline-{{ section.id }} .timeline-item.left  .timeline-text  { grid-column: 2; grid-row: 1; }

#timeline-{{ section.id }} .timeline-item.right .timeline-text  { grid-column: 1; grid-row: 1; }
#timeline-{{ section.id }} .timeline-item.right .timeline-image { grid-column: 2; grid-row: 1; justify-self: start; }

/* === Mobile: 1 Spalte, Bild 100%, dann Text 100% === */
@media (max-width: 989px) {
  /* Einspaltig: Grid deaktivieren und untereinander stapeln */
  #timeline-{{ section.id }} .timeline-content {
    display: block;
  }

  /* Desktop-Positionierungen aufheben */
  #timeline-{{ section.id }} .timeline-item.left  .timeline-image,
  #timeline-{{ section.id }} .timeline-item.right .timeline-image,
  #timeline-{{ section.id }} .timeline-item.left  .timeline-text,
  #timeline-{{ section.id }} .timeline-item.right .timeline-text {
    grid-column: auto !important;
    grid-row: auto !important;
    justify-self: stretch !important;
  }

  /* Bild volle Breite mobil */
  #timeline-{{ section.id }} .timeline-image {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 12px 0;
  }
  #timeline-{{ section.id }} .timeline-image img {
    width: 100%;
    height: auto;
  }

  /* Text volle Breite mobil */
  #timeline-{{ section.id }} .timeline-text {
    width: 100%;
  }
}