/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

/* Fix: Entferne doppelte Bullet-Points von ekit-stylish-list */
.ekit-stylish-list,
.ekit-stylish-list li {
    list-style: none !important;
    list-style-type: none !important;
    list-style-image: none !important;
}

.ekit-stylish-list li::marker {
    content: none !important;
    display: none !important;
}

.ekit-stylish-list {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* Fix: Mobile Breite der ekit-stylish-list Elemente */
@media (max-width: 767px) {
    .ekit-stylish-list-content-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .ekit-stylish-list-content {
        width: 100% !important;
    }
    .ekit-stylish-list-content-text {
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }
    .ekit-stylish-list-content-title {
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
    }
}

/* Fix: Verhindere horizontales Scrollen auf Mobile */
@media (max-width: 767px) {
    .elementor-section, .elementor-container, .e-con, .e-con-inner, .elementor-column {
        max-width: 100vw !important;
    }
}

/* Fix: Preis-Karten und Tabellen auf Mobile */
@media (max-width: 767px) {
    .pricing-tables,
    .pricing-tables.e-con,
    .pricing-tables > .e-con-inner {
        --flex-direction: column !important;
        flex-direction: column !important;
        flex-wrap: wrap !important;
    }
    .pricing-tables .e-con-inner {
        --flex-direction: column !important;
        flex-direction: column !important;
        align-items: stretch !important;
    }
    .pricing-tables .elementor-element {
        width: 100% !important;
        max-width: 100% !important;
        --width: 100% !important;
    }
    .ekit_table {
        overflow-x: auto !important;
        display: block !important;
    }
    .ekit_table table {
        min-width: 100% !important;
    }
}