/** Shopify CDN: Minification failed

Line 117:0 Expected "}" to go with "{"

**/
/* Fullscreen fixed container */
.fixed-layout {
  position: fixed;
  top: 0; left: 0;
  width: 100vw; height: 100vh;
  pointer-events: none;
  z-index: 1000;
}

/* Basis für alle drei Bereiche: sanfte Farb-Transition + Lesbarkeit */
.fixed-left,
.fixed-center,
.fixed-right {
  font-family: 'Inter Medium', sans-serif;
  font-size: 9px;
  font-weight: 400;
  text-transform: uppercase;
  white-space: nowrap;

  /* hier kommt der smooth color-wechsel her: */
  transition: color 0.4s ease-in-out, text-shadow 0.4s ease-in-out;

  /* leichte Kante, damit schwarzer Text auf hellem BG noch lesbarer bleibt */
  text-shadow: 0 0 2px rgba(255,255,255,0.6),
               0 0 2px rgba(0,0,0,0.6);
}

/* Center text */
.fixed-center {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  color: #000; /* initial */
}

/* Left/Right counters */
.fixed-left,
.fixed-right {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #000; /* initial */
}
.fixed-left { left: 10%; }
.fixed-right { right: 10%; }
.fixed-layout .fixed-left,
.fixed-layout .fixed-center,
.fixed-layout .fixed-right {
  /* sorgt für sanften Farbwechsel */
  transition: color 0.5s ease-in-out;
}

/* zwei Farb-Zustände via Klasse auf .fixed-layout */
.fixed-layout.light-text .fixed-left,
.fixed-layout.light-text .fixed-center,
.fixed-layout.light-text .fixed-right {
  color: #fff;
}

.fixed-layout.dark-text .fixed-left,
.fixed-layout.dark-text .fixed-center,
.fixed-layout.dark-text .fixed-right {
  color: #000;
}
/* Remove any text-shadow/glow on fixed text */
.fixed-layout .fixed-left,
.fixed-layout .fixed-center,
.fixed-layout .fixed-right {
  text-shadow: none !important;
}
.fixed-bottom-left,
.fixed-bottom-right {
  position: absolute;
  font-family: 'Inter Medium', sans-serif;
  font-size: 9px;
  font-weight: 400;
  text-transform: uppercase;
  transition: color 0.5s ease-in-out;
}

.fixed-bottom-left {
  left: 10%;
  bottom: 20%; /* weiter nach oben */
  color: inherit;
}

.fixed-bottom-right {
  right: 10%;
  bottom: 20%; /* weiter nach oben */
  color: inherit;
}
/* Fixed-Element: alle Texte immer schwarz, kein Transition */
.fixed-layout .fixed-left,
.fixed-layout .fixed-center,
.fixed-layout .fixed-right,
.fixed-layout .fixed-bottom-left,
.fixed-layout .fixed-bottom-right {
  color: #000 !important;
  transition: none !important;
}
/* auf allen Product Pages ausblenden */
body.template-product .fixed-layout {
  display: none !important;
}
.fixed-center {
  text-transform: none !important;
}
.fixed-center,
.fixed-bottom-left,
.fixed-bottom-right {
  text-transform: none !important;