.elementor-kit-422{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-3bdf175:#ED068C;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-422 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ===Pfeile Im Slider weiss============================ */

.e-font-icon-svg.e-eicon-chevron-right {
    fill: #ffffff !important;
}

.e-font-icon-svg.e-eicon-chevron-left {
    fill: #ffffff !important;
}



/* =========================================================
   ✅ HAUPTBILD-SLIDER (.wpgs-for) – ZENTRIERT, NICHT ZUGESCHNITTEN
   ========================================================= */

/* Slide nur als Flex-Container zum Zentrieren, OHNE feste Höhe */
.woocommerce-product-gallery .wpgs-for .slick-slide {
  display: flex !important;
  align-items: center !important;       /* vertikal zentriert */
  justify-content: center !important;   /* horizontal zentriert */
}

/* Bild: bestimmt die Höhe selbst */
.woocommerce-product-gallery .wpgs-for .slick-slide img {
  max-height: 500px !important;         /* 👉 maximale Höhe HAUPTBILD (Desktop) */
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  object-fit: contain !important;       /* nichts wird zugeschnitten */
  object-position: center center;
  display: block !important;
}

/* Slick darf keine feste Höhe erzwingen */
.woocommerce-product-gallery .wpgs-for .slick-list,
.woocommerce-product-gallery .wpgs-for .slick-track {
  height: auto !important;
}


/* =========================================================
   ✅ SLIDER FÜR WEITERE BILDER (.wpgs-nav) – EIGENE HÖHE
   ========================================================= */

.woocommerce-product-gallery .wpgs-nav .slick-slide {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.woocommerce-product-gallery .wpgs-nav .slick-slide img {
  max-height: 100px !important;         /* 👉 maximale Höhe für die weiteren Bilder */
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  object-fit: contain !important;
  object-position: center center;
  display: block !important;
}

.woocommerce-product-gallery .wpgs-nav .slick-list,
.woocommerce-product-gallery .wpgs-nav .slick-track {
  height: auto !important;
}


/* =========================================================
   ✅ MOBILE ANPASSUNG – HÖHEN GETRENNT
   ========================================================= */
@media (max-width: 768px) {

  /* Hauptbild auf Mobile */
  .woocommerce-product-gallery .wpgs-for .slick-slide img {
    max-height: 260px !important;
  }

  /* Weitere Bilder auf Mobile */
  .woocommerce-product-gallery .wpgs-nav .slick-slide img {
    max-height: 200px !important;
  }
}


/* =========================================================
   ✅ THUMBNAILS (falls separate thumbnail_image-Klasse genutzt wird)
   ========================================================= */

.woocommerce-product-gallery .thumbnail_image img {
  max-height: 180px;
  width: auto !important;
  height: auto !important;
  object-fit: contain;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .woocommerce-product-gallery .thumbnail_image img {
    max-height: 80px;
  }
}


/* Abstand Thumbnails zum Hauptbild */
div.wpgs-nav.slick-initialized.slick-slider {
  margin-top: 10px !important;
}

/* ------------------------------------------
   Produktbewertungen
------------------------------------------- */

#reviews h2 {
    display: none;
}

/* Labels */
#review_form label {
    font-weight: 600;
    font-size: 14px;
	margin-top: 25px;
    margin-bottom: 10px;
    display: block;

}

/* Avatar vollständig ausblenden */
.woocommerce #reviews .avatar {
    display: none !important;
}

/* Einzug der gesamten Kommentar-Liste entfernen */
.woocommerce #reviews ol.commentlist {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* Eintrag selbst nicht einrücken */
.woocommerce #reviews ol.commentlist li {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* Innenpadding der Bewertungsbox wieder herstellen */
.woocommerce #reviews .commentlist .comment-text {
    padding: 20px 25px !important;
    margin-left: 0 !important;
    border-radius: 4px;
}

/* Schwarzer Rahmen für jede Bewertung */
.woocommerce #reviews .commentlist .comment-text {
    border: 1.5px solid #000 !important;
    color: #000 !important;          /* Haupttext schwarz */
    padding: 20px 25px !important;  /* bleibt schön luftig */
    border-radius: 4px;
}

/* Meta-Text (Name + Datum) auch schwarz */
.woocommerce #reviews .commentlist .comment-text .meta {
    color: #000 !important;
}

/* Hinweistext wie "Purchase not verified" ebenfalls schwarz */
.woocommerce #reviews .commentlist .comment-text p {
    color: #000 !important;
}

/* Sterne optional auch schwarz */
.woocommerce #reviews .star-rating span::before {
    color: #000 !important;
}

/* Gefüllte Sterne (Rating-Wert) */
.woocommerce #reviews .star-rating span::before {
    color: #ED068C !important;
}

/* Leere Sterne (Hintergrund) */
.woocommerce #reviews .star-rating::before {
    color: #ED068C !important;
}

/* Pinke Sterne im Bewertungsformular */
#review_form .stars a {
    color: #ED068C !important;
}

/* Germanized Review Authenticity Hinweis entfernen */
.wc-gzd-additional-info.wc-gzd-review-authenticity-status {
    display: none !important;
}


/* H3 Content Heading */
h3.h3contentheading {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 20px; /* Desktop */
  padding-top: 18px;
}

/* Mobil */
@media (max-width: 767px) {
  h3.h3contentheading {
    font-size: 16px;
  }
}

/* Footer soll über dem Elementor-Popup-Banner liegen */
.elementor-location-footer,
footer,
.site-footer {
  position: relative;
  z-index: 9999999 !important;
}

/* Popup-Banner darunter stapeln */
#elementor-popup-modal-6565 {
  z-index: 1000 !important;
}
#elementor-popup-modal-6565 .dialog-widget-content {
  z-index: 1000 !important;
}

/* WooCommerce "Angebot!" / Sale Badge */
.woocommerce span.onsale,
.woocommerce-page span.onsale,
.woocommerce ul.products li.product .onsale,
.elementor-widget-woocommerce-product-images span.onsale {
  background-color: #ED068C !important;
  border-color: #ED068C !important;
  color: #fff !important; /* Textfarbe (optional) */
}/* End custom CSS */