.elementor-kit-11448{--e-global-color-primary:#D95073;--e-global-color-secondary:#EFB218;--e-global-color-text:#565656;--e-global-color-accent:#D95073;--e-global-color-e6f688d:#D95073;--e-global-color-61cbc5a:#808080;--e-global-color-b70be8c:#EFB218;--e-global-color-9169ffd:#686457;--e-global-color-5f7a869:#FFFDF8;--e-global-color-0f047f2:#F8F4EA;--e-global-color-6ae733a:#FFA7BD;--e-global-color-3ccbdf5:#FFDBE5;--e-global-color-48e9f77:#FFFDFE;--e-global-color-4fef23f:#F56589;--e-global-color-eeaf057:#FCA6BC;--e-global-color-a80c107:#FFC942;--e-global-color-1811218:#FCD983;--e-global-color-13861e4:#565656;--e-global-color-cc87098:#6B6B6B;--e-global-color-7b314fc:#3B3B3B;--e-global-color-7c4dbb3:#FFD468;--e-global-color-d3e1c68:#FC7899;--e-global-color-86bafd8:#16911F;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-weight:300;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-weight:700;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-weight:300;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-weight:500;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;}.elementor-kit-11448 e-page-transition{background-color:#FFBC7D;}.elementor-kit-11448 a{font-family:"Poppins", Sans-serif;font-weight:500;}.elementor-kit-11448 h1{font-family:"Poppins", Sans-serif;font-weight:700;}.elementor-kit-11448 h2{font-family:"Poppins", Sans-serif;font-weight:700;}.elementor-kit-11448 h3{font-family:"Poppins", Sans-serif;font-weight:700;}.elementor-kit-11448 h4{font-family:"Poppins", Sans-serif;font-weight:700;}.elementor-kit-11448 h5{font-family:"Poppins", Sans-serif;font-weight:500;}.elementor-kit-11448 h6{font-family:"Poppins", Sans-serif;font-weight:500;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1340px;}.e-con{--container-max-width:1340px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:991px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:480px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Nur im Elementor-Shortcode-Widget */
.elementor-widget-shortcode { position: relative; }
.elementor-widget-shortcode img { display:block; width:100%; height:auto; }

.elementor-widget-shortcode img.hover-image{
  position:absolute; inset:0;
  width:100%; height:100%; object-fit:cover;
  opacity:0; transition:opacity .35s ease; z-index:2;
}
.elementor-widget-shortcode:hover img.hover-image{ opacity:1; }

/* BeRocket-Labels im Zweifel drüber halten */
.elementor-widget-shortcode .berocket_ba_wrapper{ position:absolute; z-index:5; }

/* ==============================================
   PRODUKT HOVER BILD – DESKTOP mit Auto-Höhe
   ============================================== */
.product-thumb {
  position: relative;
  overflow: hidden;
}

/* Beide Bild-Widgets (Wrapper) */
.product-thumb .img-1,
.product-thumb .img-2 {
  transition: opacity 0.35s ease;
}

/* Erstes Bild: bestimmt die Höhe */
.product-thumb .img-1 img {
  display: block;
  width: 100%;
  height: auto;
}

/* Zweites Bild: liegt darüber */
.product-thumb .img-2 {
  position: absolute;
  inset: 0;
  opacity: 0;
  z-index: 2;
  pointer-events: none;
}

.product-thumb .img-2 img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Hover-Swap nur auf Desktop */
@media (hover: hover) and (pointer: fine) {
  .product-thumb:hover .img-1 {
    opacity: 0;
  }
  .product-thumb:hover .img-2 {
    opacity: 1;
  }
}

/* Fallback, wenn kein Hover-Bild */
.product-thumb .img-2 img[src=""],
.product-thumb .img-2 img:not([src]) {
  display: none;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://huepfburg-guenstig-kaufen.de/wp-content/uploads/2026/01/Poppins-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://huepfburg-guenstig-kaufen.de/wp-content/uploads/2026/01/Poppins-Bold.woff2') format('woff2');
}
/* End Custom Fonts CSS */