/* 
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
*/


/* ========================================
   MARQUEE SCROLL – FINAL + ELEMENTOR FIX
   ======================================== */

.c-marquee {
    overflow: hidden;
    width: 100%;
    position: relative;
}

.c-marquee_row {
    display: flex;
    flex-wrap: nowrap;
    width: fit-content;
    gap: 24px; /* Dein gewünschter Abstand ZWISCHEN Karten */
}

.c-marquee_group {
    display: flex;
    flex-shrink: 0;
    min-width: 100%;
    animation: marquee-scroll 20s linear infinite;
}

@keyframes marquee-scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

.c-marquee:hover .c-marquee_group {
    animation-play-state: paused;
}

/* ========================================
   ELEMENTOR FIX: Kein automatisches Gap!
   ======================================== */
.c-marquee .e-con > .e-con-inner,
.c-marquee_row .e-con > .e-con-inner,
.c-marquee_group .e-con > .e-con-inner {
    gap: 0 !important;
    padding-inline-start: 0 !important;
    padding-inline-end: 0 !important;
	max-width: 100% !important;
}

/* ========================================
   RESPONSIVE
   ======================================== */
@media (max-width: 991px) {
    .c-marquee_row { gap: 16px; }
    .c-marquee_group { animation-duration: 20s; }
}
@media (max-width: 767px) {
    .c-marquee_row { gap: 12px; }
    .c-marquee_group { animation-duration: 20s; }
}
@media (max-width: 479px) {
    .c-marquee_row {
        flex-wrap: wrap;
        justify-content: center;
        gap: 16px;
    }
    .c-marquee_group {
        animation: none;
        min-width: auto;
        width: 100%;
        flex-direction: column;
        align-items: center;
    }
}