.elementor-773 .elementor-element.elementor-element-51071c5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-773 .elementor-element.elementor-element-f2025dc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-773 .elementor-element.elementor-element-6924783{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-773 .elementor-element.elementor-element-ca452be{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-773 .elementor-element.elementor-element-b25764f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-773 .elementor-element.elementor-element-1991cb0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-72b8fb5 */.findes-dropdown-menu {
        display: none !important; /* Versteckt das Flex-Layout standardmäßig */
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        background: #fff;
        box-shadow: 0 4px 15px rgba(0,0,0,0.1);
        border-radius: 6px;
        min-width: 200px;
        flex-direction: column;
        padding: 10px 0 !important;
        margin-top: 20px !important;
        gap: 0 !important;
        z-index: 1000;
    }

    /* NEU: Die unsichtbare Brücke */
    .findes-dropdown-menu::after {
        content: '';
        position: absolute;
        top: -20px; 
        left: 0;
        width: 100%;
        height: 20px;
        background: transparent;
    }

    /* Kleiner Pfeil nach oben für das Dropdown */
    .findes-dropdown-menu::before {
        content: '';
        position: absolute;
        top: -6px;
        left: 50%;
        transform: translateX(-50%);
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #fff;
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ad9e9b6 */<style>
    /* CSS Variables */
    :root {
        --primary: #0066B3;
        --primary-light: rgba(0, 102, 179, 0.08);
        --primary-hover: #005291;
        --text-dark: #1E293B;
        --text-gray: #475569;
        --bg-light: #F8FAFC;
        --bg-alert: #FEF2F2;
        --color-alert: #DC2626;
        --bg-success: #F0FDF4;
        --color-success: #16A34A;
        --white: #ffffff;
        --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
        --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
        --shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.05), 0 10px 10px -5px rgba(0, 0, 0, 0.02);
        --shadow-hover: 0 25px 50px -12px rgba(0, 102, 179, 0.15);
        --border: #E2E8F0;
        --radius: 16px;
    }

    /* Reset & Base Styles */
    .findes-lp {
        font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
        color: var(--text-gray);
        line-height: 1.6;
        background-color: var(--white);
        -webkit-font-smoothing: antialiased;
        overflow-x: hidden;
    }
    
    .findes-lp * {
        box-sizing: border-box;
    }

    .findes-lp h1, .findes-lp h2, .findes-lp h3, .findes-lp h4 { 
        color: var(--text-dark); 
        line-height: 1.2; 
        font-weight: 700; 
        margin-top: 0;
        margin-bottom: 1rem;
        letter-spacing: -0.02em;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }
    
    .findes-lp p { 
        margin-top: 0;
        margin-bottom: 1.2rem; 
        font-size: 1.05rem;
    }
    
    .findes-lp img {
        max-width: 100%;
        height: auto;
    }

    /* Layout Utilities */
    .findes-lp .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
    .findes-lp .section { padding: 100px 0; }
    .findes-lp .bg-light { background-color: var(--bg-light); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
    .findes-lp .text-center { text-align: center; }

    /* Buttons */
    .findes-lp .btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: var(--primary);
        color: var(--white);
        padding: 14px 32px;
        border-radius: 8px;
        text-decoration: none;
        font-weight: 600;
        font-size: 16px;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        box-shadow: 0 4px 12px rgba(0, 102, 179, 0.2);
        max-width: 100%;
    }
    .findes-lp .btn:hover { 
        background: var(--primary-hover); 
        transform: translateY(-2px); 
        box-shadow: 0 8px 20px rgba(0, 102, 179, 0.3);
    }

    /* Section Headers */
    .findes-lp .section-header { max-width: 700px; margin: 0 auto 60px; text-align: center; }
    .findes-lp .section-header h2 { font-size: clamp(24px, 4vw, 40px); color: var(--text-dark); margin-bottom: 1rem; }
    .findes-lp .section-header p { font-size: clamp(15px, 2vw, 1.15rem); color: var(--text-gray); }
    
    .findes-lp .badge {
        display: inline-flex;
        align-items: center;
        background: var(--primary-light);
        color: var(--primary);
        padding: 6px 16px;
        border-radius: 24px;
        font-size: 14px;
        font-weight: 700;
        margin-bottom: 20px;
        letter-spacing: 0.5px;
        text-transform: uppercase;
    }

    /* Grids */
    .findes-lp .grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; }
    .findes-lp .grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 32px; }
    .findes-lp .grid-4 { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 24px; }
    .findes-lp .grid-6 { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 16px; }

    /* Cards */
    .findes-lp .card {
        background: var(--white);
        padding: 32px;
        border-radius: var(--radius);
        box-shadow: var(--shadow);
        border: 1px solid var(--border);
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        height: 100%;
        display: flex;
        flex-direction: column;
    }
    .findes-lp .card:hover { 
        transform: translateY(-5px); 
        box-shadow: var(--shadow-hover); 
        border-color: rgba(0, 102, 179, 0.2);
    }
    .findes-lp .card i.icon-large { font-size: 42px; color: var(--primary); margin-bottom: 24px; display: inline-block; }
    .findes-lp .card i.icon-medium { font-size: 28px; color: var(--primary); margin-bottom: 20px; }

    /* Lists */
    .findes-lp .check-list { list-style: none; padding: 0; margin-top: 15px; }
    .findes-lp .check-list li { 
        margin-bottom: 12px; 
        padding-left: 32px; 
        position: relative; 
        font-size: 1rem; 
        color: var(--text-dark);
    }
    .findes-lp .check-list li::before { 
        content: "\f00c"; 
        font-family: "Font Awesome 6 Free"; 
        font-weight: 900; 
        color: var(--primary); 
        position: absolute; 
        left: 0; 
        top: 2px;
        background: var(--primary-light);
        width: 20px;
        height: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        font-size: 10px;
    }

    /* Problem / Solution Boxes */
    .findes-lp .split-box { padding: 48px; border-radius: var(--radius); height: 100%; }
    .findes-lp .split-box h3 { font-size: 24px; display: flex; align-items: center; gap: 12px; margin-bottom: 24px; }
    .findes-lp .box-problem { background-color: var(--bg-alert); border: 1px solid rgba(220, 38, 38, 0.2); }
    .findes-lp .box-problem h3 { color: var(--color-alert); }
    .findes-lp .box-solution { background-color: var(--bg-success); border: 1px solid rgba(22, 163, 74, 0.2); box-shadow: var(--shadow-lg); }
    .findes-lp .box-solution h3 { color: var(--color-success); }

    /* Icon Tags */
    .findes-lp .icon-box { 
        text-align: center; 
        padding: 24px 16px; 
        background: var(--white); 
        border-radius: 12px; 
        border: 1px solid var(--border); 
        transition: all 0.2s;
    }
    .findes-lp .icon-box:hover {
        border-color: var(--primary);
        background: var(--primary-light);
    }
    .findes-lp .icon-box i { font-size: 28px; color: var(--primary); margin-bottom: 12px; display: block; }
    .findes-lp .icon-box span { font-size: 14px; font-weight: 600; color: var(--text-dark); }

    /* Workflow Steps */
    .findes-lp .workflow-step { 
        position: relative;
        text-align: center; 
        padding-top: 24px;
        border-top: 3px solid var(--border);
        transition: all 0.3s;
    }
    .findes-lp .workflow-step:hover { border-top-color: var(--primary); }
    .findes-lp .step-num { 
        font-size: 24px; 
        color: var(--white); 
        background: var(--primary);
        width: 40px; height: 40px;
        display: flex; align-items: center; justify-content: center;
        border-radius: 50%;
        font-weight: bold; 
        margin: -44px auto 16px; 
        box-shadow: 0 4px 10px rgba(0, 102, 179, 0.3);
    }

    /* Hero */
    .findes-lp .hero { 
        text-align: center; 
        padding: 120px 20px; 
        background: radial-gradient(circle at top right, var(--bg-light) 0%, #E2E8F0 100%); 
        position: relative;
        overflow: hidden;
    }
    .findes-lp .hero::before {
        content: '';
        position: absolute;
        top: 0; left: 0; right: 0; bottom: 0;
        background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PGNpcmNsZSBjeD0iMiIgY3k9IjIiIHI9IjIiIGZpbGw9InJnYmEoMCwgMTAyLCAxNzksIDAuMDUpIi8+PC9zdmc+') repeat;
        opacity: 0.5;
        z-index: 0;
    }
    .findes-lp .hero .container { position: relative; z-index: 1; }
    .findes-lp .hero h1 { font-size: clamp(28px, 5vw, 56px); color: var(--text-dark); margin-bottom: 24px; letter-spacing: -0.03em; }
    .findes-lp .hero h1 span { color: var(--primary); }
    
    /* CTA */
    .findes-lp .cta-box { 
        background: linear-gradient(135deg, var(--primary) 0%, #00447A 100%); 
        color: var(--white); 
        padding: 80px 40px; 
        border-radius: 24px; 
        text-align: center; 
        margin: 60px 0;
        box-shadow: var(--shadow-lg);
        overflow: hidden;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }
    .findes-lp .cta-box h2 { color: var(--white); font-size: clamp(22px, 4vw, 36px); margin-bottom: 20px; }
    .findes-lp .cta-box p { 
        word-wrap: break-word; 
        overflow-wrap: break-word; 
        max-width: 100%; 
    }
    .findes-lp .btn-white { background: var(--white); color: var(--primary); box-shadow: 0 10px 25px rgba(0,0,0,0.1); }
    .findes-lp .btn-white:hover { background: var(--bg-light); color: var(--primary-hover); }

    /* ======== REFERENCE LOGO MARQUEE ======== */
    .references-section { padding: 80px 0; background: var(--white); overflow: hidden; }
    .logo-carousel {
        position: relative;
        width: 100%;
        overflow: hidden;
        margin: 40px 0;
        padding: 20px 0;
    }
    .logo-carousel::before, .logo-carousel::after {
        content: "";
        position: absolute;
        top: 0;
        width: 100px;
        height: 100%;
        z-index: 2;
    }
    .logo-carousel::before { left: 0; background: linear-gradient(to right, var(--white) 0%, transparent 100%); }
    .logo-carousel::after { right: 0; background: linear-gradient(to left, var(--white) 0%, transparent 100%); }
    
    .logo-track {
        display: inline-flex;
        align-items: center;
        gap: 60px;
        animation: marquee 30s linear infinite;
        padding-left: 60px;
    }
    .logo-track:hover { animation-play-state: paused; }
    
    @keyframes marquee {
        0% { transform: translateX(0); }
        100% { transform: translateX(-50%); }
    }
    
    .reference-logo img {
        height: 50px;
        width: auto;
        object-fit: contain;
        filter: grayscale(100%) opacity(0.6);
        transition: all 0.3s ease;
    }
    .reference-logo img:hover {
        filter: grayscale(0%) opacity(1);
        transform: scale(1.05);
    }

    .reference-bottom {
        display: flex;
        justify-content: center;
        gap: 60px;
        margin-top: 40px;
        flex-wrap: wrap;
    }
    .reference-stat { text-align: center; }
    .reference-stat strong {
        display: block;
        font-size: 36px;
        color: var(--primary);
        line-height: 1;
        margin-bottom: 8px;
    }
    .reference-stat span {
        font-size: 14px;
        color: var(--text-gray);
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    /* ======== TICKET SECTION ======== */
    .findes-ticket-section {
        background: linear-gradient(135deg, #0066B3 0%, #00447A 100%);
        padding: 100px 20px;
        text-align: center;
    }
    .findes-ticket-section h2 {
        color: var(--white);
        font-size: clamp(24px, 4vw, 42px);
        margin-bottom: 15px;
    }
    .findes-ticket-section .header-subtitle {
        color: rgba(255, 255, 255, 0.9);
        font-size: clamp(16px, 2.5vw, 20px);
        margin-bottom: 60px;
    }
    .findes-ticket-card {
        background: var(--white);
        max-width: 1000px;
        margin: 0 auto;
        border-radius: 20px;
        overflow: hidden;
        box-shadow: 0 25px 50px -12px rgba(0,0,0,0.3);
        display: grid;
        grid-template-columns: 1fr 1fr;
        text-align: left;
    }
    .findes-ticket-image {
        width: 100%;
        height: 100%;
        background: var(--bg-light);
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .findes-ticket-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .findes-ticket-content {
        padding: 60px 40px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .findes-ticket-content h3 {
        color: var(--text-dark);
        font-size: 28px;
        margin-bottom: 20px;
    }
    .findes-ticket-content p {
        font-size: 18px;
        color: var(--text-gray);
        margin-bottom: 30px;
    }

    /* ============================================================
       RESPONSIVE – TABLET (bis 992px)
    ============================================================ */
    @media (max-width: 992px) {
        .findes-lp .section { padding: 60px 0; }
        .findes-lp .container { padding: 0 20px; }
        .findes-lp .section-header { margin-bottom: 40px; }
        
        .findes-lp .hero { padding: 80px 20px; }
        
        .findes-lp .grid-2 { 
            grid-template-columns: 1fr; 
            gap: 24px; 
        }
        .findes-lp .grid-3 { 
            grid-template-columns: repeat(2, 1fr); 
            gap: 20px; 
        }
        .findes-lp .grid-6 { 
            grid-template-columns: repeat(3, 1fr); 
            gap: 12px; 
        }
        
        .findes-lp .split-box { padding: 32px; }
        
        .findes-ticket-card { 
            grid-template-columns: 1fr; 
            max-width: 600px;
        }
        .findes-ticket-content { 
            padding: 32px 24px; 
            text-align: center;
            align-items: center;
        }
        .findes-ticket-image img { max-height: 300px; }
        .findes-ticket-section { padding: 60px 20px; }
        
        .findes-lp .cta-box { 
            padding: 48px 24px; 
            margin: 40px 0;
            border-radius: 16px;
        }
        
        .reference-bottom { gap: 24px; }
        .reference-stat strong { font-size: 28px; }
    }

    /* ============================================================
       RESPONSIVE – MOBILE (bis 600px)
    ============================================================ */
    @media (max-width: 600px) {
        .findes-lp .hero { padding: 60px 16px; }
        .findes-lp .hero > .container > p {
            font-size: 16px !important;
            margin-bottom: 36px !important;
        }
        
        .findes-lp .section { padding: 48px 0; }
        .findes-lp .container { padding: 0 16px; }
        .findes-lp .section-header { margin-bottom: 32px; }
        
        .findes-lp .grid-2,
        .findes-lp .grid-3,
        .findes-lp .grid-4 { 
            grid-template-columns: 1fr !important; 
            gap: 16px !important;
        }
        .findes-lp .grid-6 { 
            grid-template-columns: repeat(2, 1fr) !important; 
            gap: 10px !important;
        }
        
        /* Cards */
        .findes-lp .card { padding: 24px 20px; }
        .findes-lp .card h3 { font-size: 18px; }
        .findes-lp .card i.icon-large { font-size: 32px; margin-bottom: 16px; }
        .findes-lp .card i.icon-medium { font-size: 24px; margin-bottom: 14px; }
        
        /* Check-Listen */
        .findes-lp .check-list li { 
            font-size: 14px; 
            padding-left: 28px;
            margin-bottom: 10px;
        }
        
        /* Split-Boxen */
        .findes-lp .split-box { padding: 24px 20px; }
        .findes-lp .split-box h3 { font-size: 20px; }
        
        /* Buttons */
        .findes-lp .btn { 
            padding: 12px 24px; 
            font-size: 15px;
            width: 100%;
        }
        
        /* Badge */
        .findes-lp .badge { font-size: 12px; padding: 5px 12px; }
        
        /* Grid-in-Grid Fix (CRM, HR) */
        .findes-lp .grid-2 .grid-2,
        .findes-lp .grid-2 .grid-3,
        .findes-lp .grid-2 .grid-4 {
            grid-template-columns: 1fr !important;
            gap: 16px !important;
        }
        .findes-lp .card[style*="grid-column: span 2"] {
            grid-column: span 1 !important;
        }
        
        /* Inline-Padding entfernen */
        .findes-lp .grid-2 > div[style*="padding-left"] {
            padding-left: 0 !important;
        }
        
        /* Icon-Boxen */
        .findes-lp .icon-box { padding: 16px 12px; }
        .findes-lp .icon-box i { font-size: 22px; margin-bottom: 8px; }
        .findes-lp .icon-box span { font-size: 12px; }
        
        /* Workflow Steps */
        .findes-lp .workflow-step { padding-top: 20px; }
        .findes-lp .step-num { 
            width: 32px; height: 32px; 
            font-size: 16px; 
            margin-top: -36px; 
        }
        
        /* Ticket Section */
        .findes-ticket-section { padding: 48px 16px; }
        .findes-ticket-card { border-radius: 12px; }
        .findes-ticket-content { padding: 28px 20px; }
        .findes-ticket-content h3 { font-size: 20px; }
        .findes-ticket-content p { font-size: 15px; }
        
        /* DMS-Bereich (Inline-Style Override) */
        .findes-lp .grid-2[style*="padding: 48px"] {
            padding: 24px 20px !important;
            border-radius: 12px !important;
        }
        
        /* CTA Box */
        .findes-lp .cta-box { 
            padding: 36px 20px; 
            border-radius: 12px;
            margin: 30px 0;
        }
        .findes-lp .cta-box p {
            font-size: 15px !important;
            margin-bottom: 24px !important;
            max-width: 100% !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
        }
        
        /* Referenzen */
        .references-section { padding: 48px 0; }
        .reference-bottom { 
            flex-direction: column; 
            gap: 20px;
            align-items: center;
        }
        .reference-stat strong { font-size: 28px; }
        .reference-stat span { font-size: 12px; }
        
        .logo-carousel::before, .logo-carousel::after { width: 40px; }
        .logo-track { gap: 40px; }
        .reference-logo img { height: 35px; }
        
        /* Wissensmanagement */
        .findes-lp .container[style*="max-width: 800px"] {
            max-width: 100% !important;
        }
        
        /* Gesetzeskonform-Box (HR) */
        .findes-lp div[style*="background: var(--bg-success)"] {
            margin: 20px 0 !important;
            padding: 20px !important;
        }
    }
    
    /* ============================================================
       RESPONSIVE – KLEINE PHONES (bis 380px)
    ============================================================ */
    @media (max-width: 380px) {
        .findes-lp .card { padding: 20px 16px; }
        .findes-lp .split-box { padding: 20px 16px; }
        .findes-lp .cta-box { padding: 28px 16px; }
        .findes-lp .grid-6 { grid-template-columns: 1fr 1fr !important; }
    }
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-26e6d4e */.references-section {
  padding: 110px 0;
  background: linear-gradient(180deg, #f5f7fb 0%, #eef3f9 100%);
  overflow: hidden;
}

.container {
  width: 90%;
  max-width: 1400px;
  margin: 0 auto;
}

.section-header {
  text-align: center;
  margin-bottom: 70px;
}

.section-tag {
  display: inline-block;
  margin-bottom: 15px;
  color: #2563eb;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 13px;
}

.section-header h2 {
  font-size: 44px;
  margin-bottom: 20px;
  color: #0f172a;
}

.section-header p {
  max-width: 760px;
  margin: 0 auto;
  color: #475569;
  line-height: 1.7;
  font-size: 18px;
}

.logo-carousel {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin-bottom: 90px;
}

/* Fade links/rechts */
.logo-carousel::before,
.logo-carousel::after {
  content: "";
  position: absolute;
  top: 0;
  width: 180px;
  height: 100%;
  z-index: 2;
  pointer-events: none;
}

.logo-carousel::before {
  left: 0;
  background: linear-gradient(to right, #eef3f9 0%, transparent 100%);
}

.logo-carousel::after {
  right: 0;
  background: linear-gradient(to left, #eef3f9 0%, transparent 100%);
}

.logo-track {
  display: flex;
  gap: 28px;
  width: max-content;
  animation: infiniteScroll 40s linear infinite;
}

.logo-carousel:hover .logo-track {
  animation-play-state: paused;
}

.reference-logo {
  width: 260px;
  height: 140px;
  flex-shrink: 0;

  background: rgba(255,255,255,0.88);
  border: 1px solid #dbe4f0;

  border-radius: 34px;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 30px;

  backdrop-filter: blur(10px);

  box-shadow:
    0 10px 35px rgba(15, 23, 42, 0.05),
    inset 0 1px 0 rgba(255,255,255,0.7);

  transition: all 0.25s ease;
}

.reference-logo:hover {
  transform: translateY(-6px);
  border-color: #2563eb;

  box-shadow:
    0 18px 45px rgba(37, 99, 235, 0.12),
    inset 0 1px 0 rgba(255,255,255,0.9);
}

.reference-logo img {
  max-width: 100%;
  max-height: 65px;
  object-fit: contain;
  transition: transform 0.25s ease;
}

.reference-logo:hover img {
  transform: scale(1.04);
}

.reference-bottom {
  display: flex;
  justify-content: center;
  gap: 90px;
  flex-wrap: wrap;
}

.reference-stat {
  text-align: center;
}

.reference-stat strong {
  display: block;
  font-size: 38px;
  margin-bottom: 10px;
  color: #0f172a;
}

.reference-stat span {
  color: #64748b;
  font-size: 15px;
}

@keyframes infiniteScroll {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(calc(-288px * 10));
  }
}

@media (max-width: 900px) {

  .section-header h2 {
    font-size: 34px;
  }

  .reference-logo {
    width: 220px;
    height: 120px;
    border-radius: 28px;
  }

  .reference-bottom {
    gap: 45px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-113b89f */.reference-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  display: block;
}

/* Individuelle Skalierung pro Logo - scale-Wert nach Bedarf anpassen */

.reference-logo img[alt="SWBM"] {
  transform: scale(2.5);
}

.reference-logo img[alt="Aquametasil"] {
  transform: scale(1.0);
}

.reference-logo img[alt="WGSeG"] {
  transform: scale(1.5);
}

.reference-logo img[alt="Niro"] {
  transform: scale(1.0);
}

.reference-logo img[alt="Karl Wilhelm"] {
  transform: scale(1.0);
}

.reference-logo img[alt="Elektro Oerter"] {
  transform: scale(2.2);
}

.reference-logo img[alt="Jürgen Schlösser Armaturen"] {
  transform: scale(2.0);
}

.reference-logo img[alt="Dornbach"] {
  transform: scale(2.5);
}

.reference-logo img[alt="Schauerte"] {
  transform: scale(3.0);
}

.reference-logo img[alt="Privat Institut für Finanzen"] {
  transform: scale(3.0);
}

.reference-logo img[alt="Systemhaus Ruhr"] {
  transform: scale(2.5);
}

.reference-logo img[alt="Sorg Motorsport"] {
  transform: scale(3.0);
}

.reference-logo img[alt=""] {
  transform: scale(2.8);
}/* End custom CSS */