/** Shopify CDN: Minification failed

Line 113:0 Unexpected "/"
Line 128:0 Unexpected "}"

**/
/* =========================================================
   EXA STORE CUSTOM CSS
   Theme: Horizon 4.1.1
   Version: 1.0
   Erstellt: 01.07.2026

   Alle individuellen Anpassungen für EXA STORE.
   Shopify-Standarddateien bleiben unverändert.
   Beginn der eigenen Anpassungen
   Stand vor Entfernung von Weglot

   Bereiche:
   - Produktkarten
   - Produktseite
   - Header
   - Startseite
   - Kategorien
   - Mobiloptimierung

   ========================================================= */
/* Weglot alten Sprachumschalter ausblenden */
.wg-default,
.wg-drop,
.wg-li,
.wgcurrent,
.weglot-container,
.weglot_switcher,
.country-selector {
  display: none !important;
  visibility: hidden !important;
  }
/* =========================================================
   EXA STORE - ELFSIGHT SPRACHE NEBEN WÄHRUNG
========================================================= */

/* Desktop */
@media screen and (min-width: 750px) {
  div[class*="ElfsightPortalNest"],
  div[class*="eapps-website-translator"] {
    position: absolute !important;
    top: 50px !important;
    right: 265px !important;
    left: auto !important;
    bottom: auto !important;
    z-index: 999999 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

/* Mobile */
@media screen and (max-width: 749px) {
  div[class*="ElfsightPortalNest"],
  div[class*="eapps-website-translator"] {
    position: absolute !important;
    top: 100px !important;
    right: 10px !important;
    left: auto !important;
    bottom: auto !important;
    z-index: 999999 !important;
  }
}
/* =========================================================
   PRODUKTKARTEN
   ========================================================= */

/* Einheitlicher Bildradius */
.product-media__image,
.collection-card__image {
  border-radius: 10px;
}
/* Produkttitel auf maximal 3 Zeilen begrenzen */
product-card p[role="heading"],
.product-card__title,
.product-card .product-title,
.card__heading,
.product-grid__card h3,
.product-grid__card .h3 {
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  line-height: 1.2 !important;
  min-height: 3.5em !important;
}
/* =========================================================
   Produkttitel Linkfarbe & Hover
   ========================================================= */

/* Standardfarbe */
product-card a,
.product-card a {
  color: #111111;
  transition: color .2s ease;
}
/* Hoverfarbe normale Produktkarten */
product-card a:hover,
.product-card a:hover,
.card__heading a:hover {
  color: #38CC89 !important;
}
/* Ergänzende Produkte immer EXA-Grün */
a.contents.user-select-text p[role="heading"] {
  color: #38CC89 !important;
}
/
  .product-card button svg,
  product-card button svg,
  quick-add button svg {
    width: 16px !important;
    height: 16px !important;
    flex: 0 0 16px !important;
  }

  .product-card button span,
  product-card button span,
  quick-add button span {
    display: inline-flex !important;
    align-items: center !important;
  }
}
}
/* =========================================================
   PRODUKTSEITE - Kundenbewertungen
   ========================================================= */

/* Ganzer Judge.me Bewertungsblock an Seitenbreite anpassen */
main[data-template="product"] .jdgm-widget-revamp {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 40px !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}
/* Judge.me Titel und Texte nicht abschneiden */
.jm-review-content__title,
.jm-review-body-wrapper,
.jm-review-content__title[data-v-6d928e9f] {
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: unset !important;
  max-height: none !important;
  overflow: visible !important;
  text-overflow: unset !important;
  display: block !important;
}
/* =========================================================
   FUSSZEILE Desktop optimieren
   ========================================================= */

@media screen and (min-width: 990px) {
  footer .group-block-content.layout-panel-flex--row {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    gap: 260px !important;
    width: fit-content !important;
    margin-left: 10px !important;
  }

  footer h2,
  footer h3 {
    font-size: 1.45rem !important;
    font-weight: 600 !important;
    margin-bottom: 1.5rem !important;
  }

  footer a,
  footer li,
  footer p {
    font-size: 1.2rem !important;
    line-height: 1.9 !important;
  }

  footer [class*="ai-contact-info__content"] {
    min-width: 280px !important;
  }

  footer [class*="ai-contact-info__content"]::before {
    content: "Kontakt" !important;
    display: block !important;
    font-size: 1.45rem !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    margin-bottom: 1.5rem !important;
    color: #111111 !important;
  }
}

/* =========================================================
   FUSSZEILE Mobile optimieren
   ========================================================= */

@media screen and (max-width: 989px) {
  footer [class*="ai-contact-info__content"] {
    margin-left: -15px !important;
    padding-left: 0 !important;
    text-align: left !important;
  }

  footer [class*="ai-contact-info__content"]::before {
    content: "Kontakt" !important;
    display: block !important;
    font-size: inherit !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    margin-bottom: 1rem !important;
    color: #111111 !important;
  }
}
/* =========================================================
   OPERATION FUSSZEILE
   EXA STORE GMBH
   Juni 2026
   =========================================================

   Ausgangslage:
   Die Fusszeile sollte etwas schöner aussehen.

   Projektdauer: 4 Tage
   Screenshots: ca. 80
   Browser-Zoom-Fallen: 1
   KI-Unfälle: mehrere
   Verzweiflungsgrad: hoch
   Kaffeeverbrauch: unbekannt

   Aufwand:
   - unzählige CSS-Anpassungen
   - mehrere DevTools-Sitzungen
   - diverse KI-Experimente
   - Shopify KI nicht unbeaufsichtigt an die Fusszeile lassen.
   - 1 Browser-Zoom-Falle (nicht auf 100%)
   - Browser immer zuerst auf 100 % stellen.

   Feststellungen:
   - Shopify Horizon besitzt einen eigenen Willen.
   - KI-generierte Kontaktblöcke sind mit Vorsicht zu geniessen.
   - Browser-Zoom vor jeder Fehlersuche kontrollieren.
   - Die Fusszeile gewinnt nur, wenn man aufgibt.

   Erfolgreich umgesetzt:
   ✓ Desktop-Fusszeile optimiert
   ✓ Mobile-Fusszeile optimiert
   ✓ Kontaktblock integriert
   ✓ Kontaktüberschrift ergänzt
   ✓ Abstände korrigiert
   ✓ Schriftgrössen vereinheitlicht
   ✓ Einrückungen korrigiert

   Letzte bekannte funktionierende Werte:
   Desktop:
   margin-left: 10px;

   Mobile:
   margin-left: -10px;

   Warnung:
   Falls alles korrekt angezeigt wird,
   diesen Bereich möglichst nicht mehr anfassen.

   Historischer Vermerk:
   Die Fusszeile war am Ende nicht das Problem.
   Der Browser-Zoom war es.

   Gez.
   Angelika Suppan & ChatGPT

   Status:
   ABGESCHLOSSEN 🍻

========================================================= */
/* Produktkategorien: alle Karten sichtbar, kleiner und ohne horizontalen Scroll */
.editorial-collection__grid,
.resource-list--editorial,
[data-testid="collections-list-grid"] {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  overflow: visible !important;
}

.editorial-collection__grid > *,
.resource-list--editorial > *,
[data-testid="collections-list-grid"] > * {
  width: 100% !important;
  max-width: none !important;
}

.collection-card__image,
.collection-card img {
  border-radius: 10px !important;
}
/* Mobile: oberes doppeltes Kategorien-Raster ausblenden */
@media screen and (max-width: 749px) {
  .resource-list:not(.resource-list__carousel) {
    display: none !important;
  }
}
/* =========================================================
   STARTSEITE - Einheitliche Rundungen
   EXA STORE GMBH
   ========================================================= */

/* Produktbilder und Kategoriekarten */
.template-index .product-media__image,
.template-index .product-card img,
.template-index .collection-card__image,
.template-index .collection-card img,
.template-index .resource-card img {
  border-radius: 10px !important;
  overflow: hidden !important;
}

/* Kategoriekarten-Container */
.template-index .collection-card,
.template-index .resource-card {
  border-radius: 10px !important;
  overflow: hidden !important;
}

/* YouTube / Video */
.template-index iframe[src*="youtube"],
.template-index .video-section iframe,
.template-index .video-wrapper iframe {
  border-radius: 10px !important;
  overflow: hidden !important;
}

/* Newsletter Eingabefeld */
.template-index input[type="email"],
.template-index .newsletter input,
.template-index .newsletter-form__field-wrapper,
.template-index .field,
.template-index .field__input {
  border-radius: 10px !important;
}

/* Bewertungen / Review-Karten */
.template-index .jdgm-widget,
.template-index .jdgm-carousel,
.template-index .jdgm-carousel-item,
.template-index [class*="review"],
.template-index [class*="testimonial"] {
  border-radius: 10px !important;
}

/* Buttons bewusst stärker rund lassen */
.template-index button,
.template-index .button,
.template-index a.button,
.template-index .shopify-payment-button__button {
  border-radius: 999px !important;
}
/* =========================================================
   EXA STORE - BUTTON SYSTEM
   Produktbuttons: Grün bleibt, Schrift/Icon wechselt
========================================================= */

button,
.button,
a.button,
.shopify-payment-button__button,
.product-form button,
.product-form .button,
quick-add button,
quick-add .button,
.add-to-cart-button,
button[name="add"] {
  background: #38CC89 !important;
  color: #111111 !important;
  border-color: #38CC89 !important;
  border-radius: 999px !important;
}

button svg,
.button svg,
.product-form button svg,
quick-add button svg,
.add-to-cart-button svg,
button[name="add"] svg {
  color: #111111 !important;
  stroke: #111111 !important;
}

/* Hover / Aktiv / Klick */
button:hover,
.button:hover,
a.button:hover,
.product-form button:hover,
quick-add button:hover,
.add-to-cart-button:hover,
button[name="add"]:hover,
button[aria-busy="true"],
button.loading,
.button.loading {
  background: #38CC89 !important;
  color: #ffffff !important;
  border-color: #38CC89 !important;
}

button:hover svg,
.button:hover svg,
.product-form button:hover svg,
quick-add button:hover svg,
.add-to-cart-button:hover svg,
button[name="add"]:hover svg,
button[aria-busy="true"] svg,
button.loading svg,
.button.loading svg {
  color: #ffffff !important;
  stroke: #ffffff !important;
}

/* Erfolgszustand / Haken */
button[aria-label*="hinzugefügt"],
button[aria-label*="added"],
button.is-added,
.button.is-added,
.add-to-cart-button.is-added {
  background: #38CC89 !important;
  color: #ffffff !important;
  border-color: #38CC89 !important;
}
/* =========================================================
   EXA STORE - MOBILE MENÜ SCHRIFTGRÖSSE HORIZON 4.1.1
========================================================= */

@media screen and (max-width: 749px) {
  .header__drawer[ref="headerDrawerContainer"] a,
  .header__drawer[ref="headerDrawerContainer"] summary,
  .header__drawer[ref="headerDrawerContainer"] button {
    font-size: 1.25rem !important;
    line-height: 1.25 !important;
  }

  .header__drawer[ref="headerDrawerContainer"] li li a,
  .header__drawer[ref="headerDrawerContainer"] li li summary,
  .header__drawer[ref="headerDrawerContainer"] li li button {
    font-size: 1.05rem !important;
    line-height: 1.25 !important;
  }
}
/* =========================================================
   OPERATION STARTSEITE
   EXA STORE GMBH
   Juni 2026

   Ergebnis:
   ✓ Hero optimiert
   ✓ Kategorien optimiert
   ✓ Mobile Kategorien korrigiert
   ✓ Newsletter optimiert
   ✓ Video integriert
   ✓ Bewertungen geprüft
   ✓ Chat geprüft

   Historischer Vermerk:
   Das Bento-Layout wurde feierlich verabschiedet.

   Status:
   ABGESCHLOSSEN 🍻
========================================================= */