/** Shopify CDN: Minification failed

Line 348:0 Unexpected "}"
Line 514:18 Unexpected "{"
Line 514:27 Expected ":"

**/
/* Typo */

:root {
  /* Standard-Fonts */
  --font-body-family: "Inter", sans-serif;
  --font-body-style: normal;
  --font-body-weight: 400;

  /* Headings global */
  --font-heading-family: "larken", sans-serif !important;
  --font-heading-style: normal;
  --font-heading-weight: 300;

  /* H1 */
  --font-h1-family: "Inter", sans-serif;
  --font-h1-style: normal;
  --font-h1-weight: 700;
  --font-h1-size: 64px;
  --font-h1-line-height: 72px;
  --font-h1-case: uppercase;

  /* H2 */
  --font-h2-family: "larken", sans-serif !important;
  --font-h2-style: italic;
  --font-h2-weight: 300;
  --font-h2-size: 64px;
  --font-h2-line-height: 72px;

  /* H3 */
  --font-h3-family: "Inter", sans-serif;
  --font-h3-style: normal;
  --font-h3-weight: 700;
  --font-h3-size: 40px;
  --font-h3-line-height: 45px;

  /* H4 */
  --font-h4-family: "larken", sans-serif !important;
  --font-h4-style: italic;
  --font-h4-weight: 300;
  --font-h4-size: 40px;
  --font-h4-line-height: 45px;

  /* H5 */
  --font-h5-family: "Inter", sans-serif;
  --font-h5-style: normal;
  --font-h5-weight: 700;
  --font-h5-size: 28px;
  --font-h5-line-height: 36px;
  --font-h5-case: uppercase;

  /* H6 */
  --font-h6-family: "Inter", sans-serif;
  --font-h6-style: normal;
  --font-h6-weight: 700;
  --font-h6-size: 16px;
  --font-h6-line-height: 20px;

  /* Paragraph */
  --font-paragraph-family: "Inter", sans-serif;
  --font-paragraph-size: 16px;
  --font-paragraph-line-height: 20px;
}



/* Header */

:root {
  --logo-height-desktop: 85px;     /* Logohöhe Desktop */
  --logo-overhang-desktop: 15px;   /* Überhang nach unten Desktop */

  --header-pad-y-mobile: 6px;
  --logo-height-mobile: 60px;      /* Logohöhe Mobil */
  --logo-overhang-mobile: 12px;    /* Überhang nach unten Mobil */
}

/* Header kompakter + erlaubt Überhang */
.shopify-section-header,
.header,
.header__inner,
.header-wrapper {
  padding-top: var(--header-pad-y) !important;
  padding-bottom: var(--header-pad-y) !important;
  padding-left: var(--header-pad-x);
  padding-right: var(--header-pad-x);
  overflow: visible !important;
  position: relative;
  z-index: 20;
}

.header-logo__image,
.header-logo__image img,
.header-logo__image svg,
.header-logo__svg {
  display: block;
  height: var(--logo-height-desktop) !important;
  max-height: none !important;
  width: auto !important;
  position: relative;
  top: var(--logo-overhang-desktop);
  margin-bottom: calc(var(--logo-overhang-desktop) * -1);
  z-index: 80;
}

/* Mobile Variante */
@media (max-width: 749px) {
  .shopify-section-header,
  .header,
  .header__inner,
  .header-wrapper {
    padding-top: var(--header-pad-y-mobile) !important;
    padding-bottom: var(--header-pad-y-mobile) !important;
  }

    .header-logo__image,
  .header-logo__image img,
  .header-logo__image svg,
  .header-logo__svg {
    height: var(--logo-height-mobile) !important;
    top: var(--logo-overhang-mobile);
    margin-bottom: calc(var(--logo-overhang-mobile) * -1);
  }
}

/* ==== Logo: Standard-Farben (Seiten ohne Alt-Style) ==== */
.header-logo svg .logo-square { fill: #9999ff; }     /* Quadrat (dein Standard) */
.header-logo svg .logo-letters { fill: #fbfbf9; }    /* helle Buchstaben */
.header-logo svg .logo-letters-inverted { fill: #262422; } /* dunkle Buchstaben für inverse */

/* ==== Logo: Produkt-Farbwelt im Alt-Style ==== */
.product-information.alt-style-enabled .header-logo svg .logo-square {
  fill: var(--edition-primaerfarbe, #9999ff) !important;
}
.product-information.alt-style-enabled .header-logo svg .logo-letters,
.product-information.alt-style-enabled .header-logo svg .logo-letters-inverted {
  fill: var(--alt-text, #fcfcfa) !important;
}

/* ==== Logo: Produkt-Farbwelt im Alt-Style auch im Header ==== */
body.template-product .product-information.alt-style-enabled ~ .shopify-section-header .header-logo svg .logo-square,
body.template-product .product-information.alt-style-enabled ~ .header .header-logo svg .logo-square {
  fill: var(--edition-primaerfarbe, #9999ff) !important;
}

body.template-product .product-information.alt-style-enabled ~ .shopify-section-header .header-logo svg .logo-letters,
body.template-product .product-information.alt-style-enabled ~ .header .header-logo svg .logo-letters,
body.template-product .product-information.alt-style-enabled ~ .shopify-section-header .header-logo svg .logo-letters-inverted,
body.template-product .product-information.alt-style-enabled ~ .header .header-logo svg .logo-letters-inverted {
  fill: var(--alt-text, #fcfcfa) !important;
}

/* ==== Logo: Produkt-Farbwelt im Alt-Style (via body-Klasse) ==== */
body.alt-style-active .header-logo svg .logo-square {
  fill: var(--edition-primaerfarbe, #9999ff) !important;
}

body.alt-style-active .header-logo svg .logo-letters,
body.alt-style-active .header-logo svg .logo-letters-inverted {
  fill: var(--alt-text, #fcfcfa) !important;
}


/* ================================================================
   HEADER-OVERLAYS, SUCHE & KONTO – neutrale Darstellung (Weiß)
   ================================================================ */

/* -------------------------
   1. Grundfarben (Overlays)
   ------------------------- */

.account-popover__panel,
.account-drawer,
.customer-popup,
.localization-wrapper.right-bound,
.predictive-search,
.predictive-search-component,
.predictive-search-form__header,
.predictive-search-form__content-wrapper {
  background-color: #FBFBF9 !important; /* Weiß */
  color: #262422 !important;            /* Schwarz */
}

.account-popover__panel *,
.account-drawer *,
.customer-popup *,
.localization-wrapper *,
.predictive-search *,
.predictive-search-form__header *,
.predictive-search-form__content-wrapper * {
  color: #262422 !important;
}

/* -------------------------
   2. Color-Scheme Overrides
   ------------------------- */

.account-popover__panel[class*="color-scheme-"],
.account-drawer [class*="color-scheme-"],
.customer-popup [class*="color-scheme-"],
.predictive-search[class*="color-scheme-"],
.predictive-search-component[class*="color-scheme-"] {
  --color-background: #FBFBF9 !important;
  --color-foreground: #262422 !important;
  --color-border: #262422 !important;
  --color-primary: var(--edition-primaerfarbe, #9999ff);
  --color-primary-background: var(--edition-primaerfarbe, #9999ff);
  --color-primary-foreground: #ffffff;
}

/* ================================================================
   BUTTONS – Primär & Sekundär (einheitliches Verhalten)
   ================================================================ */

/* -------------------------
   3. Primäre Buttons (gefüllt)
   ------------------------- */

.account-popover__panel .button:not(.button-secondary),
.account-drawer .button:not(.button-secondary),
.customer-popup .button:not(.button-secondary),
.predictive-search .button:not(.button-secondary) {
  --_primary: var(--edition-primaerfarbe, #9999ff);
  background-color: var(--_primary) !important;
  border: 1px solid var(--_primary) !important;
  color: #fff !important;
  border-radius: 1px;
  outline: none;
  transition: filter 0.15s ease;
}

/* Text & Icons im Primärbutton */
.account-popover__panel .button:not(.button-secondary) *,
.account-drawer .button:not(.button-secondary) *,
.customer-popup .button:not(.button-secondary) *,
.predictive-search .button:not(.button-secondary) * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
.account-popover__panel .button:not(.button-secondary) svg path,
.account-drawer .button:not(.button-secondary) svg path,
.customer-popup .button:not(.button-secondary) svg path,
.predictive-search .button:not(.button-secondary) svg path {
  stroke: #fff !important;
  fill: none !important;
}

.account-popover__panel .button:not(.button-secondary):hover,
.account-drawer .button:not(.button-secondary):hover,
.customer-popup .button:not(.button-secondary):hover,
.predictive-search .button:not(.button-secondary):hover {
  filter: brightness(0.92);
}

/* -------------------------
   4. Sekundäre Buttons (transparent)
   ------------------------- */

.account-popover__panel .button-secondary,
.account-drawer .button-secondary,
.customer-popup .button-secondary,
.predictive-search .button-secondary {
  --_primary: var(--edition-primaerfarbe, #9999ff);
  background: transparent !important;
  border: 1px solid var(--_primary) !important;
  color: var(--_primary) !important;
  border-radius: 1px;
  transition: background-color 0.15s ease, color 0.15s ease;
}

/* Sekundäre Buttons – Icons */
.account-popover__panel .button-secondary svg path,
.account-drawer .button-secondary svg path,
.customer-popup .button-secondary svg path,
.predictive-search .button-secondary svg path {
  stroke: var(--edition-primaerfarbe, #9999ff) !important;
  fill: none !important;
}

/* Hover: gefüllt mit Weiß */
.account-popover__panel .button-secondary:hover,
.account-drawer .button-secondary:hover,
.customer-popup .button-secondary:hover,
.predictive-search .button-secondary:hover {
  background: var(--edition-primaerfarbe, #9999ff) !important;
  color: #fff !important;
}
.account-popover__panel .button-secondary:hover svg path,
.account-drawer .button-secondary:hover svg path,
.customer-popup .button-secondary:hover svg path,
.predictive-search .button-secondary:hover svg path {
  stroke: #fff !important;
}

/* -------------------------
   5. Border-Rendering-Optimierung (gegen weiße Linien)
   ------------------------- */

.account-popover__panel .button,
.account-drawer .button,
.customer-popup .button,
.predictive-search .button {
  border: 1px solid transparent !important;
  box-shadow: 0 0 0 1px var(--edition-primaerfarbe, #9999ff) inset !important;
}

/* ================================================================
   LÄNDERAUSWAHL
   ================================================================ */

.localization-form__list-item[aria-current="true"],
.localization-form__list-item:hover {
  --_accent: var(--edition-primaerfarbe, #9999ff);
  background-color: color-mix(in srgb, var(--_accent) 20%, transparent) !important;
  color: #262422 !important;
  transition: background-color 0.2s ease, color 0.2s ease;
}




/*  Produktdetails – Altersanzeige (custom.age) */
.age-display {
  font-family: var(--font-heading-family, "larken"), sans-serif;
  font-style: italic;                 /* kursiv */
  font-weight: 300;                   /* light */
  font-size: 32px;
  line-height: 1.2;
  color: var(--alt-text, #262422);    /* passt sich Hell/Dunkel-Kontext an */
  letter-spacing: 0.01em;
}

.age--small {
  font-family: var(--font-h6-family);
  font-style: var(--font-h6-style);
  font-weight: var(--font-h6-weight);
  font-size: var(--font-h6-size);
  line-height: var(--font-h6-line-height);
  color: #262422;
  letter-spacing: 0.01em;
}
}
.age--highlight {
  font-size: 32px;
  font-style: italic;
  color: var(--edition-primaerfarbe);
}

/* === Product Specs Tabelle (Horizon) === */

.product-specs {
  --specs-border: var(--edition-sekundaerfarbe, #8aa98d);
  --specs-label: var(--edition-primaerfarbe, #0a472e);
  --specs-bg: var(--color-background, #fff);
}

.product-specs__grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  border-collapse: collapse;
}

.product-specs__item {
  background: var(--specs-bg);
  padding: 12px 16px;
  font-size: 16px;
  border: 2px solid var(--specs-border);
  margin: -2px 0 0 -2px; /* Überlappung verhindert doppelte Linien */
}

.product-specs__label {
  display: block;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--specs-label);
  margin-bottom: 4px;
  letter-spacing: 0.02em;
  font-size: 16px;
}

.product-specs__value {
  font-family: "larken", sans-serif;
  font-weight: 300;
  font-style: normal;
  line-height: 1.35;
  font-size: 20px;
}

@media (min-width: 1200px) {
  .product-specs__item {
    padding: 14px 18px;
  }
  }




/* ===== Destille Section (full-bleed) ===== */

.destille-section {
  width: 100vw; /* volle Fensterbreite */
  margin-left: calc(-50vw + 50%); /* zentrieren, wenn Section innerhalb von page-width steckt */
  background-color: var(--edition-primaerfarbe, #2f6b55);
  color: #fff;
}

.destille-wrap.page-width {
  max-width: var(--page-content-width, var(--normal-content-width, 1200px)) !important;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 0;
  margin-bottom: 0;
}

.destille-title {
  font-family: "larken", serif;
  font-style: italic;
  font-weight: 300;
  font-size: clamp(28px, 3.5vw, 40px);
  line-height: 1.2;
  
  color: #fff;
}

.destille-text {
  color: #fff;
  opacity: 0.95;
  max-width: 1200px;
  margin: 0 0 18px;
}

/* Basis für Alt-Style Buttons */
body.alt-style-active .button:hover,
body.alt-style-active button:hover {
  filter: brightness(0.92);
}

/* ===== Destille: 3er-Galerie ===== */
.destille-gallery {
  display: grid;
  grid-template-columns: 1fr 1fr; 
  grid-template-rows: 1fr 1fr;    
  gap: 0;  /* Beispiel: null Abstand */
  height: clamp(320px, 50vh, 640px);
}

.destille-gallery .gallery-1 { grid-column: 1 / 2; grid-row: 1 / 2; }
.destille-gallery .gallery-2 { grid-column: 1 / 2; grid-row: 2 / 3; }
.destille-gallery .gallery-3 { grid-column: 2 / 3; grid-row: 1 / 3; }

.gallery-item {
  margin: 0;      /* Standard-Margin von <figure> killen */
  padding: 0;
  position: relative; 
  overflow: hidden;
}

.destille-gallery img,
.gallery-item > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;  /* entfernt whitespace unter Bildern */
}

/* Mobile: untereinander stacken */
@media (max-width: 990px) {
  .destille-gallery {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    height: auto; /* auf kleinen Screens nicht zwangsweise 50vh */
  }
  .destille-gallery .gallery-1,
  .destille-gallery .gallery-2,
  .destille-gallery .gallery-3 {
    grid-column: auto;
    grid-row: auto;
  }
}

/* CO2 Dokumentation */
.co2-content {
  font-family: var(--font-paragraph-family, "Inter", sans-serif);
  font-size: 18px;
  line-height: 1.5;
}
.co2-section .co2-value {
  margin-top: 1rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  color: var(--color-foreground, #262422);
  display: block;
  /* Einrückung analog zu Rich-Text-Stichpunkten */
  margin-left: 2em;
}

/* Produktinformationen für Alt Layout */

/* ============================================================
   PRODUCT PAGE — ALT-STYLE
   ============================================================ */

/* Hintergrund der gesamten Section (Primärfarbe aus Metafeldern) */
#shopify-section-{{ section.id }}.alt-style-enabled .section-background {
  background-color: var(--edition-primaerfarbe, #2f6b55) !important;
}

/* Alt-Style: Textfarb-Variable (kommt vom Customizer: text-light/text-dark) */
.product-information.alt-style-enabled.text-light { --alt-text: #fcfcfa; }
.product-information.alt-style-enabled.text-dark  { --alt-text: #262422; }

/* Alt-Style: Grundtext – gezielt (ohne Wildcards!) */
.product-information.alt-style-enabled,
.product-information.alt-style-enabled h1,
.product-information.alt-style-enabled h2,
.product-information.alt-style-enabled h3,
.product-information.alt-style-enabled .price,
.product-information.alt-style-enabled .price-per-unit {
  color: var(--alt-text) !important;
}

/* Produktbeschreibung / Fließtext im Details-Block */
.product-information.alt-style-enabled .product-details {
  color: var(--alt-text) !important;
}

/* --------------------------------------------
   QUANTITY (– / +) bleibt bei Alt-Text-Farbe
   -------------------------------------------- */
.product-information.alt-style-enabled .product-details quantity-selector-component.quantity-selector,
.product-information.alt-style-enabled .product-details .quantity-selector,
.product-information.alt-style-enabled .product-details .quantity {
  border: 1px solid var(--alt-text);
  background-color: var(--edition-quartaerfarbe, transparent);
  color: var(--alt-text);
  display: inline-flex;
  align-items: stretch;
  border-radius: 1px;
  overflow: hidden;
}

.product-information.alt-style-enabled .quantity__input {
  background: transparent;
  color: inherit;
  border: none;
  text-align: center;
}

/* Buttons in Quantity */
.product-information.alt-style-enabled .quantity-input button {
  border: 1px solid var(--alt-text) !important;
  background: transparent !important;
  color: var(--alt-text) !important;
}

/* Plus/Minus Icons – Outline, nicht gefüllt */
.product-information.alt-style-enabled .quantity-input button svg,
.product-information.alt-style-enabled .quantity-input button svg path {
  stroke: var(--alt-text) !important;
  fill: none !important;
}

/* --------------------------------------------
   MEDIAGALERIE: transparenter Hintergrund
   -------------------------------------------- */
.product-information.alt-style-enabled .product-media,
.product-information.alt-style-enabled .product-media-container,
.product-information.alt-style-enabled .media-gallery__grid,
.product-information.alt-style-enabled .product-media__image {
  background: transparent !important;
}

/* ----------------------------------------------------------
   KAUF-BUTTONS (Add-to-Cart + unbranded Payment)
   Textfarbe ausschließlich über --button-text-color (Metafeld)
   ---------------------------------------------------------- */

/* Add-to-Cart: ausschließlich den SUBMIT-Button treffen */
.product-information.alt-style-enabled form[action*="/cart/add"] button[type="submit"] {
  --button-color: var(--button-text-color);
  --button-background-color: var(--edition-tertiaerfarbe, #4caf50) !important;
  --button-border-color: var(--edition-tertiaerfarbe, #4caf50) !important;
  color: var(--button-text-color) !important;       /* falls Theme direkt color setzt */
  border-radius: 1px !important;
}

/* Kinder IM Add-to-Cart-Button: Textfarbe erben (schlägt globale Regeln) */
.product-information.alt-style-enabled form[action*="/cart/add"] button[type="submit"] * {
  color: inherit !important;
}

/* Icons IM Add-to-Cart-Button: Outline in Buttontextfarbe */
.product-information.alt-style-enabled form[action*="/cart/add"] button[type="submit"] svg {
  fill: none !important;
  stroke: currentColor !important;
}

/* Hover */
.product-information.alt-style-enabled form[action*="/cart/add"] button[type="submit"]:hover {
  filter: brightness(0.92);
}

/* Shopify Payment (unbranded) – gleiche Systematik */
.product-information.alt-style-enabled .product-form-buttons .shopify-payment-button__button--unbranded {
  --button-color: var(--button-text-color);
  --button-background-color: var(--edition-tertiaerfarbe, #4caf50) !important;
  --button-border-color: var(--edition-tertiaerfarbe, #4caf50) !important;
  color: var(--button-text-color) !important;
  border-radius: 1px !important;
}
.product-information.alt-style-enabled .product-form-buttons .shopify-payment-button__button--unbranded * {
  color: inherit !important;
}
.product-information.alt-style-enabled .product-form-buttons .shopify-payment-button__button--unbranded svg {
  fill: none !important;
  stroke: currentColor !important;
}
.product-information.alt-style-enabled .product-form-buttons .shopify-payment-button__button--unbranded:hover {
  filter: brightness(0.92);
}

/* =======================================
   Sticky Quick Add (Bottom Corner)
   ======================================= */
.product-quick-add {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 50;
  transform: translateY(150%);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1),
            transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Sichtbar */
.product-quick-add.is-visible {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}

/* Wenn Footer erreicht wurde → ausblenden */
.product-quick-add.is-hidden-near-footer {
  transform: translateY(150%);
  opacity: 0;
  pointer-events: none;
}

/* Innerer Container */
.product-quick-add__inner {
  background: var(--color-background, #fff);
  border: 1px solid rgb(var(--color-border-rgb, 0 0 0) / 0.08);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
  padding: 10px 14px;
  border-radius: 10px;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 30px;
  align-items: center;
  max-width: 600px;
}

/* Produkt-Meta */
.product-quick-add__meta {
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 30px;
  align-items: center;
}

.product-quick-add__thumb img {
  display: block;
  width: 56px;
  height: 56px;
  object-fit: cover;
  border-radius: 6px;
}

.product-quick-add__title {
  display: block;
  font-weight: 700;
  color: inherit;
  text-decoration: none;
  line-height: 1.2;
}

.product-quick-add__price {
  opacity: 0.8;
  font-size: 0.9rem;
}

/* Buttons */
.product-quick-add__actions {
  display: flex;
  align-items: center;
}

.product-quick-add__actions .button {
  min-width: 160px;
  border-radius: 1px;
  font-weight: 600;
  transition: filter 0.25s ease;
}

/* Hover */
.product-quick-add__actions .button:hover {
  filter: brightness(0.92);
}

/* ===== Alternative Layout aktiv ===== */
body.alt-style-active .product-quick-add__actions .button {
  background-color: var(--edition-tertiaerfarbe, #2f7d68) !important;
  border-color: var(--edition-tertiaerfarbe, #2f7d68) !important;
  color: var(--alt-text, #fcfcfa) !important;
}

body.alt-style-active .product-quick-add__actions .button:hover {
  filter: brightness(0.92);
}

/* ===== Mobile Anpassung ===== */
@media (max-width: 749px) {
  .product-quick-add {
    right: 12px;
    bottom: 12px;
  }

  .product-quick-add__inner {
    grid-template-columns: 1fr;
    gap: 8px;
    max-width: 300px;
  }

  .product-quick-add__actions .button {
    width: 100%;
  }
}