.elementor-kit-17{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-17 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@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 *//* =============================================
   CSS für den "Unternehmen auf Website"-Abschnitt
   ============================================= */

/* 1. Hauptcontainer (der ganze grüne Bereich) */
.lead-gen-section {
    background-color: #2E4029; /* Dunkelgrüner Hintergrund */
    padding: 100px 20px;       /* Innenabstand oben/unten und seitlich */
    color: #FFFFFF;            /* Standard-Textfarbe ist Weiß */
    font-family: 'Poppins', sans-serif; /* Empfohlene Schriftart, an Ihr Theme anpassen */
    text-align: center;        /* Alle Inhalte zentrieren */
}

/* 2. Hauptüberschrift */
.lead-gen-section h2 {
    font-size: 2.8rem;         /* Schriftgröße */
    font-weight: 600;          /* Schriftstärke */
    margin: 0 auto 15px auto;  /* Abstände und Zentrierung */
    max-width: 850px;          /* Maximale Breite für große Bildschirme */
}

/* Das Wort "JETZT" wird im HTML mit <strong>JETZT</strong> hervorgehoben */
.lead-gen-section h2 strong {
    font-weight: 800; /* Noch fetter, falls gewünscht */
}

/* 3. Unterüberschrift / Beschreibungstext */
.lead-gen-section .subtitle {
    font-size: 1.1rem;
    color: #DDDDDD;            /* Leicht abgetöntes Weiß */
    margin: 0 auto 40px auto;  /* Abstand nach unten zum Formular */
    max-width: 600px;
}

/* 4. Das Formular selbst */
.lead-gen-form {
    max-width: 500px;          /* Maximale Breite des Formulars */
    margin: 0 auto 40px auto;  /* Zentrierung und Abstand nach unten */
}

/* 5. Die Eingabefelder (E-Mail und Website) */
.lead-gen-form input[type="email"],
.lead-gen-form input[type="url"] {
    width: 100%;               /* Volle Breite des Formular-Containers */
    padding: 15px;             /* Innenabstand für eine gute Optik */
    margin-bottom: 20px;       /* Abstand zwischen den Feldern */
    border: 1px solid #CCCCCC; /* Dünner grauer Rand */
    border-radius: 8px;        /* Abgerundete Ecken */
    font-size: 1rem;
    box-sizing: border-box;    /* Stellt sicher, dass Padding die Breite nicht beeinflusst */
}

/* 6. Der Absende-Button */
.lead-gen-form button {
    width: 100%;
    padding: 18px;
    background-color: #89A84E; /* Hellgrüner Button */
    color: #FFFFFF;
    border: none;
    border-radius: 8px;
    font-size: 1.1rem;
    font-weight: 700;          /* Fette Schrift */
    cursor: pointer;
    transition: background-color 0.3s ease; /* Sanfter Übergang für Hover-Effekt */
}

.lead-gen-form button:hover {
    background-color: #769441; /* Etwas dunkleres Grün beim Überfahren */
}

/* 7. Die Feature-Liste mit den Haken */
.features-list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;           /* Erlaubt Umbruch auf kleineren Bildschirmen */
    list-style: none;          /* Keine Aufzählungspunkte */
    padding: 0;
    margin: 0 auto 30px auto;
    max-width: 850px;
}

.features-list li {
    display: flex;
    align-items: center;
    margin: 5px 15px;          /* Abstand zwischen den Listenelementen */
    font-size: 0.95rem;
}

/* Der Haken vor dem Text */
.features-list .icon-check {
    color: #89A84E;            /* Hellgrüne Farbe für den Haken */
    margin-right: 8px;         /* Abstand zum Text */
    font-size: 16px;           /* Größe des Icons (benötigt Font Awesome) */
}

/* 8. Das DSGVO-Vertrauenssiegel am Ende */
.trust-badge {
    font-size: 0.9rem;
    color: #CCCCCC;
}

.trust-badge .icon-lock {
    color: #F0C419;            /* Goldene Farbe für das Schloss */
    margin-right: 8px;
}

/* 9. Responsive Anpassungen für mobile Geräte */
@media (max-width: 768px) {
    .lead-gen-section h2 {
        font-size: 2rem; /* Kleinere Schrift auf dem Handy */
    }

    .features-list {
        flex-direction: column; /* Features untereinander anordnen */
        align-items: flex-start; /* Links ausrichten */
        max-width: 300px;      /* Schmaler machen für Zentrierung */
    }

    .features-list li {
        margin: 8px 0; /* Mehr vertikaler Abstand */
    }
}


/* Die drei SChritte auf der Setie */
/* Grüne Zahlen - klein und dezent wie im Screenshot */
.elementor-widget-heading h1 {
    color: #66BB6A;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 1;
}

/* Überschriften - standard schwarz/dunkelgrau */
.elementor-widget-heading h2 {
    color: #333333;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
    line-height: 1.3;
}

/* Text-Editor Styling */
.elementor-text-editor {
    color: #555555;
    font-size: 16px;
    line-height: 1.6;
}

.elementor-text-editor strong {
    color: #333333;
}

.elementor-text-editor ul {
    list-style: none;
    padding-left: 0;
    margin-top: 15px;
}

.elementor-text-editor li {
    margin-bottom: 8px;
}

/* Sektionen */
.elementor-section {
    padding: 50px 20px;
}

/* Alternierende Hintergrundfarbe für Sektion 2 */
.elementor-section:nth-child(2) {
    background-color: #f8f9fa;
}

/* Bilder */
.elementor-widget-image img {
    border-radius: 8px;
    width: 100%;
    height: auto;
}

/* Responsive */
@media (max-width: 768px) {
    .elementor-widget-heading h1 {
        font-size: 24px;
    }
    
    .elementor-widget-heading h2 {
        font-size: 20px;
    }
    
    .elementor-section {
        padding: 30px 15px;
    }
}/* End custom CSS */