.elementor-kit-24{--e-global-color-primary:#0D0D0D;--e-global-color-secondary:#54595F;--e-global-color-text:#FFFFFF;--e-global-color-accent:#FFFFFF;--e-global-color-50f2798:#FA505F;--e-global-color-9dce5ce:#FFDFBA;--e-global-color-b3ba86f:#FFFFBA;--e-global-color-e0ab799:#BAE1FF;--e-global-color-761f7c4:#BAFFC9;--e-global-color-e0c87d1:#212224;--e-global-color-096d4ab:#8588BD;--e-global-color-b16342d:#171717;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-weight:500;background-color:#0D0D0D;}.elementor-kit-24 e-page-transition{background-color:#FFBC7D;}.elementor-kit-24 h2{font-family:"Poppins", Sans-serif;font-weight:300;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1400px;}.e-con{--container-max-width:1400px;}.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);}@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 */@media only screen and (max-width: 768px) {
    .wrapper {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch; /* Sanftes Scrollen auf mobilen Geräten */
        align-items: stretch; /* Sorgt dafür, dass alle Container die gleiche Höhe haben */
        scroll-snap-type: x mandatory; /* Snap für bessere UX */
    }

    .wrapper .wrapper-container {
        min-width: 90%;
        flex-shrink: 0; /* Verhindert, dass Container kleiner als 100% werden */
        display: flex;
        flex-direction: column;
        scroll-snap-align: start; /* Snap jedes Containers */
    }

    /* Optional: Entfernen der horizontalen Scrollleiste */
    .wrapper::-webkit-scrollbar {
        display: none;
    }
}

@keyframes loadBar {
    0% {
        width: 0%;
    }
    33.33% {
        width: 100%;
    }
    100% {
        width: 100%;
    }
}

.elementor-cta .elementor-cta__bg-wrapper { 
border-radius: 30px!important;
}/* End custom CSS */