.elementor-kit-5{--e-global-color-primary:#202530;--e-global-color-secondary:#FF7043;--e-global-color-text:#BFBFBF;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-weight:400;--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:#202530;color:#BFBFBF;font-family:"Poppins", Sans-serif;font-size:18px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;}.elementor-kit-5 a{color:#1976D2;font-family:"Poppins", Sans-serif;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;}.elementor-kit-5 a:hover{color:#FF7043;font-family:"Poppins", Sans-serif;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;}.elementor-kit-5 h1{font-family:"Poppins", Sans-serif;}.elementor-kit-5 h2{font-family:"Poppins", Sans-serif;}.elementor-kit-5 h3{font-family:"Poppins", Sans-serif;}.elementor-kit-5 h4{font-family:"Poppins", Sans-serif;}.elementor-kit-5 h5{font-family:"Poppins", Sans-serif;}.elementor-kit-5 h6{font-family:"Poppins", Sans-serif;}.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 *//* Verbesserte Eingangsanimationen. Füge diesen Code einfach in ein "Custom CSS" Feld ein. Mehr Elementor Tricks auf https://robert-leitinger.com/ */

@keyframes fadeDown {
    from {
        opacity: 0;
        transform: translate3d(0,-30px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInDown {
    animation-name: fadeDown
}

@keyframes fadeLeft {
    from {
        opacity: 0;
        transform: translate3d(-30px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInLeft {
    animation-name: fadeLeft
}

@keyframes fadeRight {
    from {
        opacity: 0;
        transform: translate3d(30px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInRight {
    animation-name: fadeRight
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translate3d(0,30px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInUp {
    animation-name: fadeUp
}

/* Verbesserte Eingangsanimationen. Füge diesen Code einfach in ein "Custom CSS" Feld ein. Mehr Elementor Tricks auf https://robert-leitinger.com/ */

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translate3d(0,-30px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.slideInDown {
    animation-name: slideDown
}

@keyframes slideLeft {
    from {
        opacity: 0;
        transform: translate3d(-30px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.slideInLeft {
    animation-name: slideLeft
}

@keyframes slideRight {
    from {
        opacity: 0;
        transform: translate3d(30px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.slideInRight {
    animation-name: slideRight
}

@keyframes slideUp {
    from {
        opacity: 0;
        transform: translate3d(0,30px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.slideInUp {
    animation-name: slideUp
}
/* 🎀 Mobile-Optimierung für kreative Buttons */
@media (max-width: 768px) {
  .ekit_creative_button {
    display: block;
    margin: 10px 0;
    padding: 12px 20px;
    font-size: 18px;
    text-align: center;
    transition: all 0.3s ease;
  }
  
  .ekit_creative_button:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    background-color: #263040;
  }
}/* End custom CSS */