.elementor-kit-12{--e-global-color-primary:#4A1810;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#FFB84D;--e-global-color-1942fda:#B3452D;--e-global-color-6f164c5:#4A1810;--e-global-color-e0d160b:#FFB84D;--e-global-color-777b7bf:#FF6A00;--e-global-color-d6503df:#D35400;--e-global-color-28cb7fb:#FF6A00;--e-global-color-e7c9a03:#9C2C0B;--e-global-color-98ede10:#E85C00;--e-global-color-fe83977:#FFFFFF;--e-global-color-cfb7e00:#D4A373;--e-global-color-72c8b10:#E6C9A8;--e-global-color-5410484:#F5E6D3;--e-global-color-d1f3f01:#EADBC8;--e-global-color-0f81e3a:#EBEBE2;--e-global-color-f2ea369:#FAFAEC;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto";--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-12 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1800px;}.e-con{--container-max-width:1800px;}.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: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 *//* -----------------------------
   Elementor Lightbox - Profi Setup
   - Overlay 40% transparent
   - PNG ohne weißen Kasten
   - Fast Vollbild
   - Zoom / Fade-Effekt
------------------------------*/

/* Overlay halbtransparent */
.elementor-lightbox-overlay {
    background-color: rgba(0, 0, 0, 0.4) !important;
}

/* Weißen Hintergrund hinter PNGs entfernen */
.elementor-lightbox img {
    background: transparent !important;
}

/* Lightbox Bildcontainer zentrieren, fast Vollbild */
.elementor-lightbox .dialog-lightbox-content {
    max-width: 95% !important;
    max-height: 95% !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Mobile Anpassung */
@media (max-width: 768px) {
    .elementor-lightbox .dialog-lightbox-content {
        max-width: 90% !important;
        max-height: 90% !important;
    }
}

/* Optional: Zoom-Fade Animation */
.elementor-lightbox .dialog-lightbox-content img {
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.elementor-lightbox.open .dialog-lightbox-content img {
    transform: scale(1);
    opacity: 1;
}

/* Nur Lightbox für das Produktseiten-Karussell */
.single-product .elementor-image-carousel .elementor-lightbox .dialog-widget-content {
    background-color: rgba(0, 0, 0, 0.7) !important; /* halbtransparent schwarz */
    border: none !important; /* entfernt jegliche Rahmen */
    box-shadow: none !important; /* entfernt Schatten */
    padding: 0 !important; /* kein Abstand um das Bild */
}

/* Bild selbst nur sichtbar, kein Hintergrund, kein Rahmen, kein Schatten */
.single-product .elementor-image-carousel .elementor-lightbox .dialog-lightbox-content img {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    display: block;
    max-width: 100%;
    height: auto;
}

/* Bild zentrieren */
.single-product .elementor-image-carousel .elementor-lightbox .dialog-lightbox-content {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0 !important;
}/* End custom CSS */