/** Shopify CDN: Minification failed

Line 482:17 Unexpected "{"
Line 482:26 Expected ":"
Line 491:19 Unexpected "{"
Line 491:28 Expected ":"
Line 591:12 Unexpected "{"
Line 591:21 Expected ":"
Line 600:14 Unexpected "{"
Line 600:23 Expected ":"
Line 715:12 Unexpected "{"
Line 715:21 Expected ":"
... and 2 more hidden warnings

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:card-gallery (INDEX:6) */
.card-gallery__inner {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  /* ---------------- Kopfbereich (Heading + Description) ---------------- */
  .card-gallery__header {
    margin-bottom: 2rem;
  }

  .card-gallery__header.cg-w-XS { max-width: 16rem; }
  .card-gallery__header.cg-w-S  { max-width: 26rem; }
  .card-gallery__header.cg-w-M  { max-width: 40rem; }
  .card-gallery__header.cg-w-L  { max-width: 54rem; }
  .card-gallery__header.cg-w-XL { max-width: 72rem; }

  .card-gallery__header.cg-align-left   { text-align: left;   margin-right: auto; }
  .card-gallery__header.cg-align-center { text-align: center; margin-left: auto; margin-right: auto; }
  .card-gallery__header.cg-align-right  { text-align: right;  margin-left: auto; }

  @media screen and (max-width: 749px) {
    .card-gallery__header.cg-align-m-left   { text-align: left;   margin-right: auto; margin-left: 0; }
    .card-gallery__header.cg-align-m-center { text-align: center; margin-left: auto; margin-right: auto; }
    .card-gallery__header.cg-align-m-right  { text-align: right;  margin-left: auto; margin-right: 0; }
  }

  .card-gallery__heading {
    margin: 0 0 1.2rem;
  }

  .card-gallery__description {
    margin: 0;
    opacity: 0.9;
  }

  .card-gallery__description > :first-child { margin-top: 0; }
  .card-gallery__description > :last-child { margin-bottom: 0; }

  .card-gallery__empty {
    opacity: 0.7;
  }

  .card-gallery__grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(var(--cg-cols-mobile, 2), minmax(0, 1fr));
    gap: var(--cg-gap, 12px);
  }

  @media screen and (min-width: 750px) {
    .card-gallery__grid {
      grid-template-columns: repeat(var(--cg-cols, 6), minmax(0, 1fr));
    }
  }

  .card-gallery__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.4rem;
    /* Kachel erst zeigen, wenn ihr Bild wirklich geladen ist -> kein Flackern
       durch Broken-Image-Icons waehrend der Endungs-Pruefung und kein
       sichtbares Umspringen, wenn nicht vorhandene Nummern entfernt werden. */
    opacity: 0;
    transition: opacity 0.3s ease;
  }

  .card-gallery__item.is-ready {
    opacity: 1;
  }

  /* Kein JS / Sicherheitsnetz: nichts dauerhaft verstecken */
  .no-js .card-gallery__item {
    opacity: 1;
  }

  @media (prefers-reduced-motion: reduce) {
    .card-gallery__item { transition: none; }
  }

  .card-gallery__button {
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: zoom-in;
    border-radius: var(--cg-radius, 8px);
    overflow: hidden;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
  }

  .card-gallery__button:hover,
  .card-gallery__button:focus-visible {
    transform: translateY(-3px);
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18);
    outline: none;
  }

  .card-gallery__img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: rgba(0, 0, 0, 0.04);
  }

  .card-gallery__grid--portrait .card-gallery__img {
    aspect-ratio: 63 / 88;
  }

  .card-gallery__grid--square .card-gallery__img {
    aspect-ratio: 1 / 1;
  }

  .card-gallery__grid--landscape .card-gallery__img {
    aspect-ratio: 4 / 3;
  }
  /* ratio "natural" -> keine aspect-ratio, Originalverhaeltnis */

  .card-gallery__name {
    font-size: 1.3rem;
    line-height: 1.3;
    text-align: center;
    opacity: 0.85;
  }

  /* ---------------- Lightbox ---------------- */
  .card-gallery-lightbox {
    position: fixed;
    inset: 0;
    z-index: 2147483000;
    display: none;
    align-items: center;
    justify-content: center;
    padding: clamp(12px, 4vw, 48px);
    background: rgba(0, 0, 0, 0.82);
  }

  .card-gallery-lightbox.is-open {
    display: flex;
  }

  .card-gallery-lightbox__figure {
    margin: 0;
    max-width: 100%;
    max-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.8rem;
  }

  .card-gallery-lightbox__img {
    max-width: min(92vw, 900px);
    max-height: 82vh;
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 10px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
  }

  .card-gallery-lightbox__caption {
    color: #fff;
    font-size: 1.5rem;
    text-align: center;
  }

  .card-gallery-lightbox__close,
  .card-gallery-lightbox__nav {
    position: absolute;
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    border: 0;
    cursor: pointer;
    border-radius: 999px;
    line-height: 1;
    transition: background 0.15s ease;
  }

  .card-gallery-lightbox__close:hover,
  .card-gallery-lightbox__nav:hover {
    background: rgba(255, 255, 255, 0.28);
  }

  .card-gallery-lightbox__close {
    top: 16px;
    right: 20px;
    width: 44px;
    height: 44px;
    font-size: 28px;
  }

  .card-gallery-lightbox__nav {
    top: 50%;
    transform: translateY(-50%);
    width: 52px;
    height: 52px;
    font-size: 34px;
  }

  .card-gallery-lightbox__nav--prev {
    left: max(12px, 2vw);
  }

  .card-gallery-lightbox__nav--next {
    right: max(12px, 2vw);
  }

  @media screen and (max-width: 749px) {
    .card-gallery-lightbox__nav {
      width: 42px;
      height: 42px;
      font-size: 26px;
    }
  }
/* END_SECTION:card-gallery */

/* START_SECTION:cards-buy (INDEX:7) */
/* Nur was das Theme nicht nativ abdeckt */

.cb-group-title { padding: 1.2rem 1.5rem; }

.cb-grid {
  display: grid;
  grid-template-columns: 1fr 8rem 10rem 8rem;
  gap: 0.8rem 1.5rem;
  align-items: center;
}

.cb-error-text { color: rgb(var(--color-error, 176,0,32)); }

@media screen and (max-width: 749px) {
  .cb-grid--header { display: none; }

  .cb-grid--row {
    grid-template-columns: auto 1fr auto;
    grid-template-rows: auto auto;
    row-gap: 0.8rem;
  }

  .cb-grid--row > :first-child { grid-column: 1 / -1; }
  .cb-grid--row .cb-unit-price { white-space: nowrap; text-align: left; }
  .cb-grid--row .cb-line-total { white-space: nowrap; text-align: right; }
}

.cb-qty.field__input { text-align: right; }

.cb-summary-item { min-width: 0; }

/* Bonus-Code */
.cb-code-row {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
}

.cb-code-row .field { flex: 1; }

.cb-code-msg { margin-top: 0.6rem !important; }
.cb-code-msg--success { color: rgb(var(--color-success, 0,128,0)); }
.cb-code-msg--error   { color: rgb(var(--color-error,   176,0,32)); }

/* Versandhinweis */
.cb-shipping-notice {
  background-color: rgba(var(--color-foreground), 0.04);
}

.cb-accordion-icon {
  width: 1.5rem;
  height: 1.5rem;
  transition: transform 0.2s ease;
  flex-shrink: 0;
}

details[open] .cb-accordion-icon { transform: rotate(180deg); }
details > summary { list-style: none; }
details > summary::-webkit-details-marker { display: none; }

/* ── Tooltip ──────────────────────────────────────────────────────────────── */

.cb-name-wrap {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  flex-wrap: wrap;
}

.cb-tooltip-anchor {
  position: relative;
  display: inline-flex;
  align-items: center;
  color: rgba(var(--color-foreground), 0.4);
  cursor: default;
  flex-shrink: 0;
  line-height: 1;
}

.cb-tooltip-anchor:hover,
.cb-tooltip-anchor:focus-visible {
  color: rgba(var(--color-foreground), 0.75);
  outline: none;
}

.cb-tooltip {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.15s ease, visibility 0.15s ease;
  position: absolute;
  z-index: 100;
  bottom: calc(100% + 0.8rem);
  left: 0;
  width: 20rem;
  background: rgb(var(--color-background));
  border: 0.1rem solid rgba(var(--color-foreground), 0.08);
  border-radius: var(--text-boxes-radius);
  box-shadow: 0 0 1px 1px rgba(0,15,30,0.01), 0 6px 8px 0 rgba(0,15,30,0.03), 0 2px 4px 0 rgba(0,15,30,0.01);
  pointer-events: none;
  text-align: left;
}

.cb-tooltip::after {
  content: '';
  position: absolute;
  top: 100%;
  left: var(--cb-arrow-x, 0.9rem);
  border: 6px solid transparent;
  border-top-color: rgb(var(--color-background));
}

/* Von JS unterhalb des Ankers platziert (zu wenig Platz oben) -> Pfeil nach oben */
.cb-tooltip.cb-tooltip--below::after {
  top: auto;
  bottom: 100%;
  border-top-color: transparent;
  border-bottom-color: rgb(var(--color-background));
}

.cb-tooltip-anchor:hover .cb-tooltip,
.cb-tooltip-anchor:focus-visible .cb-tooltip,
.cb-tooltip-anchor.cb-open .cb-tooltip {
  visibility: visible;
  opacity: 1;
}

/* Sobald JS die Position uebernimmt: fix am Viewport, damit der
   overflow-hidden-Container (.content-container) nicht mehr abschneidet */
.cb-tooltip.cb-tooltip--floating {
  position: fixed;
  bottom: auto;
  margin: 0;
}

.cb-tooltip-img-wrap {
  margin: 0.6rem;
  overflow: hidden;
}

.cb-tooltip-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.cb-tooltip-text {
  display: block;
  padding: 0.6rem 0.8rem 0.8rem;
  font-size: 1.3rem;
  line-height: 1.5;
  color: rgba(var(--color-foreground), 0.85);
  white-space: pre-wrap;
}

.cb-tooltip--text-only .cb-tooltip-text {
  padding: 1rem;
}

@media screen and (max-width: 749px) {
  .cb-tooltip {
    width: 18rem;
  }
}

/* ── Upsell-Box (nach Formularversand) ───────────────────────────────────── */

.cb-upsell-box {
  background-color: rgba(var(--color-foreground), 0.04);
  border: 0.1rem solid rgba(var(--color-foreground), 0.08);
  border-radius: var(--text-boxes-radius);
  padding: 1.5rem;
  margin-top: 2rem;
  text-align: left;
}

.cb-whatsapp-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  margin-top: 1.5rem;
}

.cb-upsell-images {
  display: flex;
  gap: 1.5rem;
  margin-top: 1.5rem;
  justify-content: center;
  flex-wrap: wrap;
}

.cb-upsell-img-wrap {
  flex: 0 1 180px;
}

.cb-upsell-img-wrap img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: var(--text-boxes-radius);
}
/* END_SECTION:cards-buy */

/* START_SECTION:kartenlisten-uebersicht (INDEX:30) */
.kartenlisten-uebersicht__inner {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
  }

  .kartenlisten-uebersicht__hint {
    padding: 1.6rem;
    border: 1px dashed rgba(var(--color-foreground), 0.4);
    border-radius: 8px;
    font-size: 1.4rem;
  }

  .kartenlisten-grid__heading {
    margin: 0 0 0.8rem;
  }

  /* ---------------- Grid (gruppiert nach Aera) ---------------- */
  .kartenlisten-grid-groups {
    display: flex;
    flex-direction: column;
    gap: 2.8rem;
  }

  .kartenlisten-group {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
  }

  .kartenlisten-group__heading {
    margin: 0;
  }

  #kartenlisten-{{ section.id }} .kartenlisten-grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(var(--kl-cols-mobile, 2), minmax(0, 1fr));
    gap: 1.6rem;
  }
  @media screen and (min-width: 750px) {
    #kartenlisten-{{ section.id }} .kartenlisten-grid {
      grid-template-columns: repeat(var(--kl-cols, 4), minmax(0, 1fr));
    }
  }

  .kartenlisten-grid__item { display: block; }

  .kartenlisten-grid__link {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.8rem;
    height: 100%;
    padding: 2rem 1.6rem;
    text-align: center;
    text-decoration: none;
    color: rgb(var(--color-foreground));
    border: 1px solid rgba(var(--color-foreground), 0.12);
    border-radius: var(--border-radius, 8px);
    background: rgba(var(--color-background), 1);
    transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
  }
  .kartenlisten-grid__link:hover,
  .kartenlisten-grid__link:focus-visible {
    transform: translateY(-3px);
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.12);
    border-color: rgba(var(--color-foreground), 0.3);
    outline: none;
  }

  .kartenlisten-grid__logo-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 5.5rem;
  }

  /*
    Set-Logos kommen mit sehr unterschiedlichen Seitenverhaeltnissen
    (einzeilige breite Banner vs. zweizeilige, eher quadratische Logos).
    Eine feste Box + object-fit:contain liess dadurch manche Logos die
    Flaeche fast fuellen und andere winzig wirken. Stattdessen bekommt
    jedes Logo immer die volle Kartenbreite (einheitliche Groesse/Optik),
    die Hoehe skaliert proportional mit - max-height als Sicherheitsnetz
    gegen ungewoehnlich hochformatige Ausreisser.
  */
  .kartenlisten-grid__logo {
    display: block;
    width: 100%;
    height: auto;
    max-height: 8rem;
    object-fit: contain;
  }

  .kartenlisten-grid__logo--placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5.6rem;
    height: 5.6rem;
    border-radius: 50%;
    background: rgba(var(--color-foreground), 0.08);
    font-family: var(--font-heading-family);
    font-weight: var(--font-heading-weight);
    font-size: 1.8rem;
    text-transform: uppercase;
  }

  .kartenlisten-grid__name {
    font-family: var(--font-heading-family);
    font-weight: var(--font-heading-weight);
    font-size: 1.6rem;
    line-height: 1.3;
  }

  .kartenlisten-grid__date {
    font-size: 1.3rem;
    opacity: 0.7;
  }
/* END_SECTION:kartenlisten-uebersicht */

/* START_SECTION:set-kartenliste-lorcana (INDEX:73) */
.set-list__inner {
    display: flex;
    flex-direction: column;
    gap: 3.2rem;
  }

  .set-list__block { display: flex; flex-direction: column; gap: 1.6rem; }
  .set-list__block-heading { margin: 0; }

  .set-list__hint {
    padding: 1.6rem;
    border: 1px dashed rgba(var(--color-foreground), 0.4);
    border-radius: 8px;
    font-size: 1.4rem;
  }

  /* ---------------- Kartenraster (kompatibel mit card-gallery) ---------------- */
  #setlist-{{ section.id }} .card-gallery__grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(var(--sl-cols-mobile, 3), minmax(0, 1fr));
    gap: var(--sl-gap, 12px);
  }
  @media screen and (min-width: 750px) {
    #setlist-{{ section.id }} .card-gallery__grid {
      grid-template-columns: repeat(var(--sl-cols, 8), minmax(0, 1fr));
    }
  }

  .card-gallery__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.4rem;
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  .card-gallery__item.is-ready { opacity: 1; }
  .no-js .card-gallery__item { opacity: 1; }
  @media (prefers-reduced-motion: reduce) { .card-gallery__item { transition: none; } }

  .card-gallery__button {
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: zoom-in;
    border-radius: var(--sl-radius, 8px);
    overflow: hidden;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
  }
  .card-gallery__button:hover,
  .card-gallery__button:focus-visible {
    transform: translateY(-3px);
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18);
    outline: none;
  }

  .card-gallery__img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: rgba(0, 0, 0, 0.04);
  }
  .card-gallery__grid--portrait .card-gallery__img { aspect-ratio: 63 / 88; }

  /* ---------------- Lightbox (identisch zu card-gallery/set-kartenliste) ---------------- */
  .card-gallery-lightbox {
    position: fixed;
    inset: 0;
    z-index: 2147483000;
    display: none;
    align-items: center;
    justify-content: center;
    padding: clamp(12px, 4vw, 48px);
    background: rgba(0, 0, 0, 0.82);
  }
  .card-gallery-lightbox.is-open { display: flex; }
  .card-gallery-lightbox__figure {
    margin: 0;
    max-width: 100%;
    max-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.8rem;
  }
  .card-gallery-lightbox__img {
    max-width: min(92vw, 900px);
    max-height: 82vh;
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 10px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
  }
  .card-gallery-lightbox__caption { color: #fff; font-size: 1.5rem; text-align: center; }
  .card-gallery-lightbox__close,
  .card-gallery-lightbox__nav {
    position: absolute;
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    border: 0;
    cursor: pointer;
    border-radius: 999px;
    line-height: 1;
    transition: background 0.15s ease;
  }
  .card-gallery-lightbox__close:hover,
  .card-gallery-lightbox__nav:hover { background: rgba(255, 255, 255, 0.28); }
  .card-gallery-lightbox__close { top: 16px; right: 20px; width: 44px; height: 44px; font-size: 28px; }
  .card-gallery-lightbox__nav { top: 50%; transform: translateY(-50%); width: 52px; height: 52px; font-size: 34px; }
  .card-gallery-lightbox__nav--prev { left: max(12px, 2vw); }
  .card-gallery-lightbox__nav--next { right: max(12px, 2vw); }
  @media screen and (max-width: 749px) {
    .card-gallery-lightbox__nav { width: 42px; height: 42px; font-size: 26px; }
  }
/* END_SECTION:set-kartenliste-lorcana */

/* START_SECTION:set-kartenliste (INDEX:74) */
.set-list__inner {
    display: flex;
    flex-direction: column;
    gap: 3.2rem;
  }

  .set-list__block { display: flex; flex-direction: column; gap: 1.6rem; }
  .set-list__block-heading { margin: 0; }

  .set-list__hint {
    padding: 1.6rem;
    border: 1px dashed rgba(var(--color-foreground), 0.4);
    border-radius: 8px;
    font-size: 1.4rem;
  }

  /* ---------------- Kartenraster (kompatibel mit card-gallery) ---------------- */
  #setlist-{{ section.id }} .card-gallery__grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(var(--sl-cols-mobile, 3), minmax(0, 1fr));
    gap: var(--sl-gap, 12px);
  }
  @media screen and (min-width: 750px) {
    #setlist-{{ section.id }} .card-gallery__grid {
      grid-template-columns: repeat(var(--sl-cols, 8), minmax(0, 1fr));
    }
  }

  .card-gallery__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.4rem;
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  .card-gallery__item.is-ready { opacity: 1; }
  .no-js .card-gallery__item { opacity: 1; }
  @media (prefers-reduced-motion: reduce) { .card-gallery__item { transition: none; } }

  .card-gallery__button {
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: zoom-in;
    border-radius: var(--sl-radius, 8px);
    overflow: hidden;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
  }
  .card-gallery__button:hover,
  .card-gallery__button:focus-visible {
    transform: translateY(-3px);
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18);
    outline: none;
  }

  .card-gallery__img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: rgba(0, 0, 0, 0.04);
  }
  .card-gallery__grid--portrait .card-gallery__img { aspect-ratio: 63 / 88; }

  /* ---------------- Lightbox (identisch zu card-gallery) ---------------- */
  .card-gallery-lightbox {
    position: fixed;
    inset: 0;
    z-index: 2147483000;
    display: none;
    align-items: center;
    justify-content: center;
    padding: clamp(12px, 4vw, 48px);
    background: rgba(0, 0, 0, 0.82);
  }
  .card-gallery-lightbox.is-open { display: flex; }
  .card-gallery-lightbox__figure {
    margin: 0;
    max-width: 100%;
    max-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.8rem;
  }
  .card-gallery-lightbox__img {
    max-width: min(92vw, 900px);
    max-height: 82vh;
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 10px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
  }
  .card-gallery-lightbox__caption { color: #fff; font-size: 1.5rem; text-align: center; }
  .card-gallery-lightbox__close,
  .card-gallery-lightbox__nav {
    position: absolute;
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    border: 0;
    cursor: pointer;
    border-radius: 999px;
    line-height: 1;
    transition: background 0.15s ease;
  }
  .card-gallery-lightbox__close:hover,
  .card-gallery-lightbox__nav:hover { background: rgba(255, 255, 255, 0.28); }
  .card-gallery-lightbox__close { top: 16px; right: 20px; width: 44px; height: 44px; font-size: 28px; }
  .card-gallery-lightbox__nav { top: 50%; transform: translateY(-50%); width: 52px; height: 52px; font-size: 34px; }
  .card-gallery-lightbox__nav--prev { left: max(12px, 2vw); }
  .card-gallery-lightbox__nav--next { right: max(12px, 2vw); }
  @media screen and (max-width: 749px) {
    .card-gallery-lightbox__nav { width: 42px; height: 42px; font-size: 26px; }
  }
/* END_SECTION:set-kartenliste */