.elementor-kit-13{--e-global-color-primary:#E30000;--e-global-color-secondary:#000000;--e-global-color-text:#7A7A7A;--e-global-color-accent:#E30000;--e-global-typography-primary-font-family:"Michroma";--e-global-typography-primary-font-weight:600;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-primary-letter-spacing:0.5px;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Michroma";--e-global-typography-accent-font-weight:700;line-height:30px;}.elementor-kit-13 e-page-transition{background-color:#FFBC7D;}.elementor-kit-13 h1{color:var( --e-global-color-primary );font-size:45px;line-height:55px;}.elementor-kit-13 h2{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-13 h3{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-13 h4{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-13 h5{color:var( --e-global-color-primary );font-family:"Montserrat", Sans-serif;font-weight:700;}.elementor-kit-13 h6{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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);}.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-kit-13 h2{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-13 h3{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-13 h4{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-13 h2{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-13 h3{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-13 h4{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =============================
   Einheitliche Höhe für alle Produktfotos
   ============================= */

/* Container mit fixer Höhe */
.jet-woo-products__item .jet-woo-product-image,
.jet-listing-dynamic-image__holder, .jet-woo-products .jet-woo-product-thumbnail {
    position: relative;
    font-size: 0;
    text-align: center;
    display: flex;
    align-items: center;
    overflow: hidden;
    height: 200px !important;
} 

/* Bilder proportional skalieren */
.jet-woo-products__item img,
.jet-listing-dynamic-image__image,  {
    width: auto;       /* Breite passt sich proportional an */
    height: 100%;      /* Höhe füllt Container */
    object-fit: contain; /* kein Zuschneiden */
    display: block;
    margin: 0 auto;
}

/* =============================
   Media Queries für Tablets & Mobile
   ============================= */

/* Tablets */
@media (max-width: 1024px) {
    .jet-woo-products__item .jet-woo-product-image,
    .jet-listing-dynamic-image__holder {
        height: 200px; /* kleinere Höhe für Tablet */
    }
}

/* Mobile */
@media (max-width: 767px) {
    .jet-woo-products__item .jet-woo-product-image,
    .jet-listing-dynamic-image__holder {
        height: 230px; /* noch kleinere Höhe für Handy */
    }
}



/* Regulärer Preis fett, wenn kein Aktionspreis*/
.jet-woo-products .jet-woo-product-price:not(:has(del)) {
    font-weight: 700;
}



/* Aufzählungen mit Balken*/

/* 1️⃣ Icons entfernen */
.custom-list .elementor-icon-list-item i {
    display: none !important;
}

/* 2️⃣ <ul> als flexibler Tag-Container */
.custom-list .elementor-icon-list-items {
    display: flex !important;
    flex-wrap: wrap;            /* Balken umbrechen bei Platzmangel */
    gap: 8px 12px;              /* 8px zwischen Zeilen, 12px zwischen Balken */
    padding: 0;
    margin: 0;
    list-style: none;
}

/* 3️⃣ <li> als Flex-Kind neutralisieren */
.custom-list .elementor-icon-list-item {
    display: block !important;  /* Flex-Kind ohne Stretch */
}

/* 4️⃣ Balken-Stil */
.custom-list .elementor-icon-list-text {
display: inline-block !important;  
background-color: #FF0000;    /* Rot */
color: #FFFFFF;               /* Weißer Text */
padding: 6px 12px;            /* Innenabstand */
border-radius: 0px;           /* abgerundete Balken */
line-height: 1.4;
    font-size: 14px;
    white-space: nowrap;          /* Text in einem Balken */
    transition: all 0.2s ease;    /* sanfte Hover-Animation */
    cursor: default;
}

/* 5️⃣ Hover-Effekt */
.custom-list .elementor-icon-list-text:hover {
    background-color: #cc0000;    /* dunkleres Rot beim Hover */
    transform: translateY(-2px);  /* leichtes „Hochheben“ */
    box-shadow: 0 2px 5px rgba(0,0,0,0.15);
}

/* 1️⃣ Icons entfernen */
.elementor-element-bbe4ee8 .elementor-icon-list-item i {
    display: none !important;
}

/* 2️⃣ <ul> als flexibler Container */
.elementor-element-bbe4ee8 .elementor-icon-list-items {
    display: flex !important;
    flex-wrap: wrap;             /* Zeilenumbruch bei Platzmangel */
    gap: 8px 12px;               /* Zeilenabstand 8px, Spaltenabstand 12px */
    padding: 0;
    margin: 0;
    list-style: none;
}

/* 3️⃣ <li> als Block (Flex-Kind neutralisieren) */
.elementor-element-bbe4ee8 .elementor-icon-list-item {
    display: block !important;
}

/* 4️⃣ Text-Balken */
.elementor-element-bbe4ee8 .elementor-icon-list-text {
    display: inline-block !important;  
    background-color: #FF0000;    /* Rot */
    color: #FFFFFF;               /* Weißer Text */
    padding: 6px 12px;            /* Innenabstand */
    border-radius: 0;             /* Ecken eckig */
    line-height: 1.4;
    font-size: 14px;
    white-space: nowrap;          /* Text bleibt in einem Balken */
  
  .elementor-widget-woocommerce-product-content .price {
    display: inline-block !important;
    color: #FF0000;       /* optional rot wie deine Balken */
    font-weight: bold;
    margin-top: 5px;
}/* End custom CSS */