/** Shopify CDN: Minification failed

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

**/
/* Bestehende CSS-Regeln */
.hdt-content.hdt-place-self-center.hdt-text-center.md\:hdt-place-self-center-start.md\:hdt-text-start.lg\:hdt-place-self-center.lg\:hdt-text-left {
  padding: 30px 30px;
}

.hdt-content_wrap.hdt-grid.md\:hdt-order-last {
  padding: 30px 30px;
}

fieldset.hdt-product-form__input.is-style-other .hdt-product-form__label {
  display: none !important;
}

.hdt-product-form__buttons .hdt-product-form__submit[disabled],
.hdt-sticky-atc__submit[disabled] {
  background: black;
  color: white;
  opacity: 1;
  cursor: not-allowed;
}

.hdt-card-product.hdt-pr-style11 .hdt-product-btns .hdt-card-product__btn-ultra {
  background: #ffc62c;
  border: 1px solid rgb(var(--color-secondary-button-text));
  color: rgb(var(--color-secondary-button-text));
  box-shadow: none;
  border-radius: var(--rounded-button);
}

.hdt-card-product.hdt-pr-style11 .hdt-product-btns .hdt-card-product__btn-ultra:hover {
  color: rgb(var(--color-accent));
  background-color: black;
  border-color: rgb(var(--color-accent));
}

h2 {
  font-size: 40px;
  font-weight: bold;
}

@media (max-width: 768px) {
  h2 {
    font-size: 24px;
    font-weight: bold;
  }
}

h3 {
  font-size: 28px;
  font-weight: regular;
}

@media (max-width: 768px) {
  h3 {
    font-size: 18px;
    font-weight: regular;
  }
}

.hdt-text-lg {
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
}

h1 {
  font-size: 60px;
  font-weight: bold;
}

@media (max-width: 768px) {
  h1 {
    font-size: 24px;
    font-weight: bold;
  }
}
h5 {
  font-size: 60px;
  font-weight: bold;
}

@media (max-width: 768px) {
  h5 {
    font-size: 24px;
    font-weight: bold;
  }
}

h4 {
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
}

.hdt-product-btns.hdt-pr-btns-group2.hdt-absolute {
  display: none !important;
}

.hdt-h2 {
  font-size: 40px;
  font-weight: bold;
}

@media (max-width: 768px) {
  .hdt-h2 {
    font-size: 24px;
    font-weight: bold;
  }
}

.hdt-mobile_group_icons.hdt-flex.hdt-align-start {
  display: none;
}
body #template--26943302566152__image_with_text_xAKDin {
  background-color: black !important;
  width: 100vw !important;
  position: relative !important;
  left: 50% !important;
  right: 50% !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
}
/* Produktnamen vollständig anzeigen */
.product-card__title,
.product-title,
[class*="product"][class*="title"],
.product-item__title {
  display: block !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
  overflow: visible !important;
  text-overflow: unset !important;
  white-space: normal !important;
  max-height: none !important;
}
/* Produktkarte als Flexbox-Container - mit höherer Priorität */
.hdt-card-product {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

/* Wrapper innerhalb der Karte */
.hdt-card-product__wrapper {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  flex-grow: 1 !important;
}

/* Info-Bereich soll den verfügbaren Platz nutzen */
.hdt-card-product__info {
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
}

/* Buttons nach unten schieben */
.hdt-product-btns.hdt-pr-btns-group1 {
  margin-top: auto !important;
}
.collection-description h1, 
.collection-description h2, 
.collection-description .hdt-text-lg {
  font-size: 16px !important;
  font-weight: normal !important;
  text-transform: none !important;
}

strong, b {
  font-weight: 700 !important;
}

/* Alle Header-Elemente im Karussell zentrieren */
.jdgm-carousel-wrapper > *:first-child {
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}
/* 1. ERZWINGUNG DER THEME-AUSRICHTUNG FÜR DEN TEXT-BLOCK */
.hdt-s-text2.rte {
  text-align: inherit !important;
  display: block !important;
}

/* 2. UMWANDLUNG DER LISTE IN EIN FLEXIBLES WORT */
.hdt-s-text2.rte ul, 
.hdt-s-text2.rte ol {
  display: inline-block !important;
  width: fit-content !important; 
  text-align: left !important; 
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 1.5rem !important;
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
  vertical-align: top !important;
  max-width: 100%;
}

/* 3. WIEDERHERSTELLUNG DER ECHTEN PUNKTE/ZAHLEN */
.hdt-s-text2.rte ul { list-style-type: disc !important; }
.hdt-s-text2.rte ol { list-style-type: decimal !important; }

.hdt-s-text2.rte ul li, 
.hdt-s-text2.rte ol li { 
  display: list-item !important; 
  list-style-position: outside !important; 
  margin-bottom: 0.2rem !important; 
  text-align: left !important;
}

/* Zerstört die unsichtbaren Theme-Icons über den Zahlen */
.hdt-s-text2.rte ul li::before, .hdt-s-text2.rte ol li::before,
.hdt-s-text2.rte ul li::after, .hdt-s-text2.rte ol li::after { 
  display: none !important; 
  content: none !important;
}


/* --- UPDATE: MOBILE TABS -> HORIZONTAL SCROLL --- */
@media (max-width: 767px) {
  /* 1. Container als horizontale Scroll-Leiste definieren */
  .hdt-product-tab__wrap hdt-tab.hdt-product-tab__main {
    display: flex !important;
    flex-direction: row !important; /* Horizontale Ausrichtung */
    flex-wrap: nowrap !important; /* Verhindert Umbrüche in die nächste Zeile */
    overflow-x: auto !important; /* Erlaubt horizontales Scrollen */
    overflow-y: hidden !important; /* Verhindert vertikales Wackeln */
    -webkit-overflow-scrolling: touch !important; /* Weiches Scrollen auf iOS */
    scroll-snap-type: x mandatory !important;
    padding: 0 15px !important; 
    gap: 25px !important; /* Abstand zwischen den einzelnen Tabs */
    margin-bottom: 20px !important;
  } /* <-- DIESE KLAMMER HAT GEFEHLT */
} /* <-- UND DIESE KLAMMER HAT GEFEHLT */


/* --- PRODUKT-TABS & PFEIL (NUR MOBILE) --- */
@media (max-width: 767px) {
  
  /* 1. Horizontales Scrollen aktivieren */
  .hdt-product-tab__wrap hdt-tab.hdt-product-tab__main::-webkit-scrollbar {
    display: none !important; 
  }

  /* 2. Styling der einzelnen Tabs */
  .hdt-product-tab__wrap hdt-tab.hdt-product-tab__main button {
    flex: 0 0 auto !important; 
    width: auto !important;
    white-space: nowrap !important; 
    padding: 10px 0 !important;
    border: none !important; 
    font-size: 1.125rem !important;
    scroll-snap-align: start !important; 
    color: rgba(0,0,0,0.6) !important;
  }

  /* 3. Hervorhebung des aktiven Tabs */
  .hdt-product-tab__wrap hdt-tab.hdt-product-tab__main button[aria-current="true"] {
    font-weight: bold !important;
    color: #000 !important;
    border-bottom: 2px solid #000 !important; 
  }

  /* 4. Sicherheits-Reset: Verhindert Theme-Konflikte */
  .hdt-product-tab__wrap hdt-tab.hdt-product-tab__main button::after,
  .hdt-product-tab__wrap hdt-tab.hdt-product-tab__main button::before {
    display: none !important;
    content: none !important;
  }

  /* 5. NEU: STYLING FÜR DEN ECHTEN HTML-PFEIL (MOBILE) --- */
@media (max-width: 767px) {
  .mobile-scroll-arrow {
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    
    /* HIER IST DIE KORREKTUR */
    bottom: auto !important; /* Stoppt die Ausdehnung nach unten über den Text */
    height: 50px !important; /* Beschränkt den Verlauf exakt auf die Höhe der Tab-Leiste */
    
    width: 60px !important;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%) !important;
    display: flex !important;
    align-items: center !important; /* Zentriert den Pfeil jetzt nur noch innerhalb der 50px */
    justify-content: flex-end !important;
    padding-right: 5px !important;
    font-family: "Arial", sans-serif !important;
    font-size: 28px !important;
    font-weight: bold !important;
    color: #666666 !important;
    pointer-events: none !important; 
    z-index: 99 !important;
    transition: opacity 0.3s ease !important; 
  }
  
  .mobile-scroll-arrow.is-hidden {
    opacity: 0 !important;
  }
}
/* GLOBALER LISTEN-FIX FÜR DEN GESAMTEN SHOP */

/* 1. Spricht alle Listen innerhalb von Text-Editoren (RTE) an */
[class*="rte"] ul, 
[class*="rte"] ol {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0px !important; /* Eliminiert moderne Zwischenabstände */
}

/* 2. Verengt alle Listenpunkte global */
[class*="rte"] ul li, 
[class*="rte"] ol li {
  margin-bottom: 4px !important; /* Dein Standard-Abstand */
  margin-top: 0px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  line-height: 1.4 !important;
}

/* 3. Bereinigt alle Absätze, die Shopify automatisch in Listen wirft */
[class*="rte"] li > p,
[class*="rte"] li > span {
  margin: 0 !important;
  padding: 0 !important;
  display: inline !important;
}

/* MASSIVER RESET: Entfernt den Theme-Header komplett auf der Landingpage */
.template-suffix-landingpage #shopify-section-header,
.template-suffix-landingpage .shopify-section-header-sticky,
.template-suffix-landingpage [id*="shopify-section-template--"][id*="__header"],
.template-suffix-landingpage .hdt-header-wrapper,
.template-suffix-landingpage header {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Entfernt auch den Abstandshalter (Placeholder), den das Theme oft für Sticky-Header lässt */
.template-suffix-landingpage .hdt-header-height-placeholder,
.template-suffix-landingpage [data-header-height] {
    display: none !important;
    height: 0 !important;
}
/* Anpassungen Umfrage App */
.califaktur-survey-box {
    background-color: #FFFFFF; /* oder var(--x-default-color-background) */
    border-radius: 8px; /* oder var(--x-border-radius-base) */
    padding: 20px; /* oder var(--x-spacing-large-200) */
}