/** Shopify CDN: Minification failed

Line 286:10 Unexpected "/"

**/
/* =========================================================
   FEATURED COLLECTION – Titel + Unterzeile (nur diese Sektion)
   ========================================================= */
#shopify-section-template--26463301108042__product_list_fa6P9H .text-block{ text-align:center; }
#shopify-section-template--26463301108042__product_list_fa6P9H .text-block h2{
  margin:0; text-transform:uppercase; letter-spacing:.12em;
  font-size:clamp(24px,3.5vw,32px); position:relative;
}
#shopify-section-template--26463301108042__product_list_fa6P9H .text-block h2::after{
  content:""; display:block; width:96px; height:2px; margin:12px auto 0;
  background:#5a8f3e; border-radius:2px;
}
#shopify-section-template--26463301108042__product_list_fa6P9H .text-block h5,
#shopify-section-template--26463301108042__product_list_fa6P9H .text-block h6{
  margin:10px 0 0; color:#4a4a4a; font-weight:500; font-size:clamp(14px,2.4vw,18px);
}

/* =========================================================
   FEATURED COLLECTION – Grid & Karten
   ========================================================= */
#shopify-section-template--26463301108042__product_list_fa6P9H .resource-list,
#shopify-section-template--26463301108042__product_list_fa6P9H .product-grid,
#shopify-section-template--26463301108042__product_list_fa6P9H [class*="resource-list"]{
  display:grid !important; grid-auto-rows:auto; justify-content:center;
  column-gap:32px !important; row-gap:36px !important;
}
@media (max-width: 749px){
  #shopify-section-template--26463301108042__product_list_fa6P9H .resource-list,
  #shopify-section-template--26463301108042__product_list_fa6P9H .product-grid{
    grid-template-columns:1fr !important;
  }
}
@media (min-width: 750px){
  #shopify-section-template--26463301108042__product_list_fa6P9H .resource-list,
  #shopify-section-template--26463301108042__product_list_fa6P9H .product-grid{
    grid-template-columns:repeat(2, minmax(280px, 1fr)) !important;
  }
}
@media (min-width: 1200px){
  #shopify-section-template--26463301108042__product_list_fa6P9H .resource-list,
  #shopify-section-template--26463301108042__product_list_fa6P9H .product-grid{
    grid-template-columns:repeat(3, minmax(300px, 1fr)) !important;
  }
}
#shopify-section-template--26463301108042__product_list_fa6P9H .product-card,
#shopify-section-template--26463301108042__product_list_fa6P9H .product-card__content{
  width:100% !important; max-width:none !important; box-sizing:border-box;
}

/* Bildrahmen: Quadrat + runde Ecken */
#shopify-section-template--26463301108042__product_list_fa6P9H .card-gallery{
  aspect-ratio:1 / 1; width:100%; height:auto; display:block;
  background:#f6f6f6; border-radius:10px; overflow:hidden;
}

/* Alles im Bildbereich vollflächig ziehen */
#shopify-section-template--26463301108042__product_list_fa6P9H .card-gallery a,
#shopify-section-template--26463301108042__product_list_fa6P9H .card-gallery slideshow-component,
#shopify-section-template--26463301108042__product_list_fa6P9H .card-gallery slideshow-container,
#shopify-section-template--26463301108042__product_list_fa6P9H .card-gallery slideshow-slides,
#shopify-section-template--26463301108042__product_list_fa6P9H .card-gallery .product-media-container,
#shopify-section-template--26463301108042__product_list_fa6P9H .card-gallery .product-media{
  width:100% !important; height:100% !important; display:block !important;
}

/* Produktbild einpassen (für randlos: cover setzen) */
#shopify-section-template--26463301108042__product_list_fa6P9H .card-gallery .product-media__image{
  width:100% !important; height:100% !important; object-fit:contain !important; padding:16px;
}
@media (max-width: 749px){
  #shopify-section-template--26463301108042__product_list_fa6P9H .card-gallery .product-media__image{ padding:12px; }
}

/* Mini-Slideshow deaktivieren + Hover-Zweitbild */
#shopify-section-template--26463301108042__product_list_fa6P9H .card-gallery slideshow-arrows{ display:none !important; }
#shopify-section-template--26463301108042__product_list_fa6P9H .card-gallery slideshow-slides{
  position:relative !important; overflow:hidden !important; scroll-snap-type:none !important; pointer-events:none !important;
}
#shopify-section-template--26463301108042__product_list_fa6P9H .card-gallery slideshow-slides::-webkit-scrollbar{ display:none; }
#shopify-section-template--26463301108042__product_list_fa6P9H .card-gallery slideshow-slide{
  position:absolute !important; inset:0 !important; opacity:0; transition:opacity .25s ease; pointer-events:none !important;
}
#shopify-section-template--26463301108042__product_list_fa6P9H .card-gallery slideshow-slide:first-child{ opacity:1; z-index:1; }
#shopify-section-template--26463301108042__product_list_fa6P9H .card-gallery:hover slideshow-slide:first-child{ opacity:0; }
#shopify-section-template--26463301108042__product_list_fa6P9H .card-gallery:hover slideshow-slide:nth-child(2){ opacity:1; z-index:2; }

/* =========================================================
   HERO – Mobile (<=749px): responsive Bild + Button unten zentriert
   ========================================================= */
@media (max-width: 749px){
  /* Section ohne feste Höhe – Bild bestimmt die Höhe */
  .hero, .hero-banner, .slideshow{
    height:auto !important; min-height:0 !important; padding:0 !important;
  }
  .hero__container{
    --padding-block-start:0 !important; --padding-block-end:0 !important;
  }
  /* Bild responsive */
  .hero__media-wrapper{
    position:relative !important; inset:auto !important;
    width:100% !important; height:auto !important;
  }
  .hero__image, .hero-banner img, .slideshow img{
    display:block !important; width:100% !important; height:auto !important;
    object-fit:unset !important; object-position:center center !important;
  }
  /* Content unten mittig auf dem Bild */
  .hero__content-wrapper{
    position:absolute !important; left:0 !important; right:0 !important; bottom:0 !important;
    transform:none !important; margin:0 auto !important; width:100% !important;
    display:flex !important; flex-direction:column !important;
    justify-content:flex-end !important; align-items:center !important; text-align:center !important;
    padding:0 16px 50px !important; /* << Button ~50px über unterem Rand */
    z-index:2;
  }
  /* Button kleiner & zentriert */
  .hero__content-wrapper .button-secondary{
    position:static !important; margin:0 auto !important; align-self:center !important;
    left:auto !important; right:auto !important; transform:none !important;
    font-size:12px !important; padding:10px 22px !important; border-width:1px !important; letter-spacing:2px !important;
  }
}

/* Desktop: optional Button anheben (wenn du das magst) */
@media (min-width: 750px){
  .hero .button-secondary{ top:-120px; }
}
/* ===== Header-Menü: Uppercase + Slide-Underline ===== */

/* Grundstil für Menülinks (Desktop + Mobile) */
#header-group nav a,
.header__inline-menu a,
.header .site-nav a,
.menu-drawer a,
.list-menu__item a {
  position: relative;
  display: inline-block;         /* nötig für das ::after-Underline */
  text-decoration: none !important;
  text-transform: uppercase;      /* GROSSBUCHSTABEN */
  letter-spacing: .11em;          /* leicht mehr Laufweite wie im Beispiel */
  font-weight: 600;               /* optional: kräftiger */
  line-height: 1.1;
  color: inherit;                 /* übernimmt Header-Farbe */
}

/* animierter, dünner Unterstrich – anfangs unsichtbar */
#header-group nav a::after,
.header__inline-menu a::after,
.header .site-nav a::after,
.menu-drawer a::after,
.list-menu__item a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;                   /* Abstand unter dem Text (ggf. -3px/-2px) */
  width: 100%;
  height: 1px;                    /* Dünner Strich */
  background: currentColor;       /* nimmt die Textfarbe */
  transform: scaleX(0);           /* Start: unsichtbar */
  transform-origin: left center;  /* Animation von links nach rechts */
  transition: transform .55s ease;
}

/* Hover/Focus/Active → Strich fährt ein */
#header-group nav a:hover::after,
#header-group nav a:focus-visible::after,
#header-group nav a[aria-current="page"]::after,
.header__inline-menu a:hover::after,
.header__inline-menu a:focus-visible::after,
.header__inline-menu a[aria-current="page"]::after,
.header .site-nav a:hover::after,
.header .site-nav a:focus-visible::after,
.menu-drawer a:hover::after,
.menu-drawer a:focus-visible::after,
.list-menu__item a:hover::after,
.list-menu__item a:focus-visible::after {
  transform: scaleX(1);
}

/* Optional: Abstand im Header verfeinern (Padding links/rechts) */
#header-group nav a,
.header__inline-menu a,
.header .site-nav a {
  padding: .5rem .9rem;           /* gerne an dein Layout anpassen */
}

/* Optional: Unterstrich etwas näher/weiter weg setzen je nach Header-Höhe */
@media (max-width: 749px){
  #header-group nav a::after,
  .menu-drawer a::after {
    bottom: -3px;                 /* mobile feintuning */
  }
}
/* ===== Text & Bilder Collage ===== */
.tmc { --tmc-gap: 24px; }
.tmc__grid {
  display: grid;
  gap: var(--tmc-gap);
  align-items: center;
}

/* Mobile: alles untereinander */
.tmc__text { max-width: 640px; }
.tmc__eyebrow { font-size: 1rem; letter-spacing: .08em; color: var(--color-foreground); opacity: .8; margin: 0 0 6px; }
.tmc__title { margin: 0 0 10px; line-height: 1.15; }
.tmc__rte { margin: 0 0 16px; }

/* Bilder: hübsch füllen */
.tmc__main img,
.tmc__thumbs img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 14px;
}

/* Desktop: 2 Spalten; großes Bild rechts über 2 Reihen */
@media (min-width: 990px){
  .tmc__grid {
    grid-template-columns: 5fr 7fr;
    grid-auto-rows: auto;
  }
  .tmc__main { grid-column: 2; grid-row: 1 / span 2; min-height: clamp(420px, 40vw, 640px); }
  .tmc__thumbs {
    grid-column: 1; grid-row: 2;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--tmc-gap);
  }
  /* Thumbs in leichtem Hochformat wirken sehr wertig */
  .tmc__thumbs img { aspect-ratio: 4 / 5; }
}

/* Mobile: Big image zuerst, dann zwei Kacheln nebeneinander */
@media (max-width: 989.98px){
  .tmc__thumbs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--tmc-gap);
  }
  .tmc__main img { aspect-ratio: 4 / 3; }  /* angenehme Höhe auf kleinen Screens */
  .tmc__thumbs img { aspect-ratio: 4 / 5; }
}
/* Text & Bilder Collage – mehr Innenabstand für die Text-Box */
.tmc__text{
  /* Mobile & Tablet */
  padding: 0 20px;              /* oben rechts unten links */
}

@media (min-width: 990px){
  .tmc__text{
    /* Auf Desktop links etwas mehr Abstand zur Kante */
    padding: 0 32px 0 28px;     /* oben rechts unten links */
    /* Wenn du nur links Abstand willst: padding: 0 0 0 32px; */
  }
}
.extended-description{
  margin-top:24px;
  padding:16px;
  background:#f9fafb;
  border:1px solid #e5e7eb;
  border-radius:10px;
  line-height:1.6;
}
/* Panels: Textspalte volle Höhe, rechteck/* Full-bleed für die erweiterte Beschreibung */
.product-information .extended-description{
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 24px 0;
  border-top: 1px solid #e5e7eb;
  border-bottom: 1px solid #e5e7eb;
}
.product-information .extended-description > *{
  max-width: 1200px;      /* gleiche Innenbreite wie Panels */
  margin: 0 auto;
  padding: 0 16px;
  line-height: 1.65;
}
ig, grau */
.gx-extended .gx-grid { align-items: stretch; }

.gx-extended .gx-panel--muted .gx-text{
  background:#f3f4f6;
  border:1px solid #e5e7eb;
  border-radius:0;         /* <— keine abgerundeten Ecken */
  padding:24px;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

/* Bild ebenfalls ohne Rundungen (falls das Theme welche setzt) */
.gx-extended .gx-media .gx-img{
  border-radius:0;         /* <— keine abgerundeten Ecken am Bild */
  /* optional, falls Bild & Text exakt gleich hoch wirken sollen: */
  /* height:100%; object-fit:cover; */
}

.price-legal{
  margin-top:8px;
  font-size:.95rem;
  color:#6b7280;        /* neutral grau */
}
.price-legal a{
  color:inherit;
  text-decoration:underline;
}
/* Aktuellen Preis fett */
span.price {
  font-weight: 900 !important;
  font-variation-settings: "wght" 700, "slnt" 0; /* für Inter/Variable Fonts */
}

/* Vergleichspreise NICHT fett (falls vorhanden) */
s.price, del.price,
.price--compare, .compare-at .price {
  font-weight: 600 !important;
  font-variation-settings: "wght" 600, "slnt" 0;
}
/* +2px (Alternative) */
span.price.price {
  font-size: calc(1em + 2px) !important;  /* 2px größer */
}