.elementor-2660 .elementor-element.elementor-element-3872f55{--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-2660 .elementor-element.elementor-element-3872f55:not(.elementor-motion-effects-element-type-background), .elementor-2660 .elementor-element.elementor-element-3872f55 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-2660 .elementor-element.elementor-element-64c3f31{--spacer-size:84px;}.elementor-2660 .elementor-element.elementor-element-dfa17bd{--spacer-size:106px;}/* Start custom CSS for html, class: .elementor-element-35e11cc *//* Website-Checkliste Funnel CSS - WordPress Version */

/* Reset und Base Styles für WordPress-Kompatibilität */
#lk-website-checkliste-funnel-wp * {
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

#lk-website-checkliste-funnel-wp {
    font-family: 'Montserrat', sans-serif !important;
    background: #121212 !important;
    color: #ffffff !important;
    line-height: 1.6 !important;
    max-width: 800px !important;
    margin: 0 auto !important;
    padding: 40px 20px !important;
    min-height: 100vh !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    position: relative !important;
    z-index: 1 !important;
}

/* Google Fonts Import */
@import url('https://lukaskimmelde7cf74.zapwp.com/m:0/a:https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600;700&family=Montserrat:wght@300;400;500;600;700&display=swap');

/* Progress Bar */
#lk-website-checkliste-funnel-wp .lk-progress-container {
    margin-bottom: 40px !important;
    text-align: center !important;
}

#lk-website-checkliste-funnel-wp .lk-progress-text {
    font-family: 'Oswald', sans-serif !important;
    font-size: 14px !important;
    color: #cccccc !important;
    margin-bottom: 15px !important;
    letter-spacing: 1px !important;
}

#lk-website-checkliste-funnel-wp .lk-progress-bar {
    width: 100% !important;
    height: 4px !important;
    background: rgba(255, 255, 255, 0.1) !important;
    border-radius: 2px !important;
    overflow: hidden !important;
}

#lk-website-checkliste-funnel-wp .lk-progress-fill {
    height: 100% !important;
    background: linear-gradient(90deg, #07ab35, #06a030) !important;
    border-radius: 2px !important;
    transition: width 0.8s ease !important;
    width: 0%; /* Startwert – wird durch JS später auf 100% gesetzt */
}


/* Steps */
#lk-website-checkliste-funnel-wp .lk-step {
    display: none !important;
    opacity: 0 !important;
    transition: opacity 0.5s ease !important;
}

#lk-website-checkliste-funnel-wp .lk-step.lk-active {
    display: block !important;
    opacity: 1 !important;
}

/* Step 1 - Lead Form */
#lk-website-checkliste-funnel-wp .lk-step-1 {
    text-align: center !important;
}

#lk-website-checkliste-funnel-wp .lk-main-headline {
    font-family: 'Oswald', sans-serif !important;
    font-size: clamp(32px, 5vw, 48px) !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin-bottom: 20px !important;
    line-height: 1.2 !important;
}

#lk-website-checkliste-funnel-wp .lk-main-headline .lk-highlight {
    color: #07ab35 !important;
}

#lk-website-checkliste-funnel-wp .lk-sub-headline {
    font-size: 18px !important;
    color: #cccccc !important;
    margin-bottom: 40px !important;
    max-width: 600px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

#lk-website-checkliste-funnel-wp .lk-form-container {
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 16px !important;
    padding: 40px !important;
    margin-bottom: 30px !important;
    backdrop-filter: blur(10px) !important;
}

#lk-website-checkliste-funnel-wp .lk-form-group {
    margin-bottom: 25px !important;
    text-align: left !important;
}

#lk-website-checkliste-funnel-wp .lk-form-label {
    display: block !important;
    font-family: 'Oswald', sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #ffffff !important;
    margin-bottom: 8px !important;
    letter-spacing: 0.5px !important;
}

#lk-website-checkliste-funnel-wp .lk-required {
    color: #07ab35 !important;
}

#lk-website-checkliste-funnel-wp .lk-form-input {
    width: 100% !important;
    padding: 16px 20px !important;
    background: rgba(255, 255, 255, 0.05) !important;
    border: 2px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 12px !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-family: 'Montserrat', sans-serif !important;
    transition: all 0.3s ease !important;
    outline: none !important;
    position: relative !important;
    z-index: 2 !important;
}

#lk-website-checkliste-funnel-wp .lk-form-input:focus {
    border-color: #07ab35 !important;
    background: rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 0 0 4px rgba(7, 171, 53, 0.1) !important;
}

#lk-website-checkliste-funnel-wp .lk-form-input.lk-error {
    border-color: #ff4444 !important;
}

#lk-website-checkliste-funnel-wp .lk-form-input.lk-success {
    border-color: #07ab35 !important;
}

#lk-website-checkliste-funnel-wp .lk-form-input::placeholder {
    color: #888888 !important;
}

#lk-website-checkliste-funnel-wp .lk-cta-button {
    width: 100% !important;
    padding: 18px 30px !important;
    background: linear-gradient(135deg, #07ab35, #06a030) !important;
    border: none !important;
    border-radius: 12px !important;
    color: #ffffff !important;
    font-family: 'Oswald', sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    z-index: 2 !important;
}

#lk-website-checkliste-funnel-wp .lk-cta-button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(7, 171, 53, 0.3) !important;
}

#lk-website-checkliste-funnel-wp .lk-cta-button:disabled {
    opacity: 0.7 !important;
    cursor: not-allowed !important;
    transform: none !important;
}

#lk-website-checkliste-funnel-wp .lk-cta-button.lk-loading {
    color: transparent !important;
}

#lk-website-checkliste-funnel-wp .lk-cta-button.lk-loading::after {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 20px !important;
    height: 20px !important;
    border: 2px solid transparent !important;
    border-top: 2px solid #ffffff !important;
    border-radius: 50% !important;
    animation: lk-spin 1s linear infinite !important;
}

@keyframes lk-spin {
    0% { transform: translate(-50%, -50%) rotate(0deg) !important; }
    100% { transform: translate(-50%, -50%) rotate(360deg) !important; }
}

#lk-website-checkliste-funnel-wp .lk-trust-element {
    text-align: center !important;
    margin-top: 25px !important;
    padding: 20px !important;
    background: rgba(7, 171, 53, 0.05) !important;
    border-radius: 12px !important;
    border: 1px solid rgba(7, 171, 53, 0.2) !important;
}

/* Social Proof Styling */
#lk-website-checkliste-funnel-wp .lk-social-proof {
    margin-bottom: 15px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 12px !important;
}

#lk-website-checkliste-funnel-wp .lk-avatars-container {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: -8px !important;
    margin-bottom: 8px !important;
}

#lk-website-checkliste-funnel-wp .lk-avatar {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    border: 3px solid #07ab35 !important;
    background-size: cover !important;
    background-position: center !important;
    position: relative !important;
    margin-left: -8px !important;
    transition: transform 0.3s ease !important;
}

#lk-website-checkliste-funnel-wp .lk-avatar:first-child {
    margin-left: 0 !important;
}

#lk-website-checkliste-funnel-wp .lk-avatar:hover {
    transform: scale(1.1) !important;
    z-index: 2 !important;
}

/* Avatar Backgrounds - Professionelle Business-Personen */
#lk-website-checkliste-funnel-wp .lk-avatar-1 {
    background: linear-gradient(135deg, #4a90e2, #357abd) !important;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><circle cx="20" cy="15" r="6" fill="%23fff" opacity="0.9"/><path d="M8 35c0-6.6 5.4-12 12-12s12 5.4 12 12" fill="%23fff" opacity="0.9"/></svg>') !important;
}

#lk-website-checkliste-funnel-wp .lk-avatar-2 {
    background: linear-gradient(135deg, #e74c3c, #c0392b) !important;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><circle cx="20" cy="15" r="6" fill="%23fff" opacity="0.9"/><path d="M8 35c0-6.6 5.4-12 12-12s12 5.4 12 12" fill="%23fff" opacity="0.9"/></svg>') !important;
}

#lk-website-checkliste-funnel-wp .lk-avatar-3 {
    background: linear-gradient(135deg, #9b59b6, #8e44ad) !important;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><circle cx="20" cy="15" r="6" fill="%23fff" opacity="0.9"/><path d="M8 35c0-6.6 5.4-12 12-12s12 5.4 12 12" fill="%23fff" opacity="0.9"/></svg>') !important;
}

#lk-website-checkliste-funnel-wp .lk-avatar-4 {
    background: linear-gradient(135deg, #f39c12, #e67e22) !important;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><circle cx="20" cy="15" r="6" fill="%23fff" opacity="0.9"/><path d="M8 35c0-6.6 5.4-12 12-12s12 5.4 12 12" fill="%23fff" opacity="0.9"/></svg>') !important;
}

#lk-website-checkliste-funnel-wp .lk-avatar-more {
    background: linear-gradient(135deg, #07ab35, #06a030) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: 'Oswald', sans-serif !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    color: #ffffff !important;
}

/* Rating Styling */
#lk-website-checkliste-funnel-wp .lk-rating-container {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 4px !important;
}

#lk-website-checkliste-funnel-wp .lk-stars {
    display: flex !important;
    gap: 2px !important;
    margin-bottom: 4px !important;
}

#lk-website-checkliste-funnel-wp .lk-star {
    color: #ffd700 !important;
    font-size: 18px !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
    animation: lk-starGlow 2s ease-in-out infinite alternate !important;
}

#lk-website-checkliste-funnel-wp .lk-star:nth-child(1) { animation-delay: 0s !important; }
#lk-website-checkliste-funnel-wp .lk-star:nth-child(2) { animation-delay: 0.2s !important; }
#lk-website-checkliste-funnel-wp .lk-star:nth-child(3) { animation-delay: 0.4s !important; }
#lk-website-checkliste-funnel-wp .lk-star:nth-child(4) { animation-delay: 0.6s !important; }
#lk-website-checkliste-funnel-wp .lk-star:nth-child(5) { animation-delay: 0.8s !important; }

@keyframes lk-starGlow {
    0% { opacity: 0.8; transform: scale(1); }
    100% { opacity: 1; transform: scale(1.05); }
}

#lk-website-checkliste-funnel-wp .lk-rating-text {
    font-size: 13px !important;
    color: #cccccc !important;
    font-weight: 500 !important;
    font-family: 'Montserrat', sans-serif !important;
}

#lk-website-checkliste-funnel-wp .lk-trust-text {
    font-size: 14px !important;
    color: #cccccc !important;
}

#lk-website-checkliste-funnel-wp .lk-error-message {
    color: #ff4444 !important;
    font-size: 14px !important;
    margin-top: 5px !important;
    display: none !important;
}

/* Checkbox Styling */
#lk-website-checkliste-funnel-wp .lk-checkbox-group {
    margin-bottom: 30px !important;
}

#lk-website-checkliste-funnel-wp .lk-checkbox-label {
    display: flex !important;
    align-items: flex-start !important;
    cursor: pointer !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

#lk-website-checkliste-funnel-wp .lk-checkbox-input {
    display: none !important;
}

#lk-website-checkliste-funnel-wp .lk-checkbox-custom {
    width: 20px !important;
    height: 20px !important;
    border: 2px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 4px !important;
    margin-right: 12px !important;
    margin-top: 2px !important;
    flex-shrink: 0 !important;
    position: relative !important;
    transition: all 0.3s ease !important;
}

#lk-website-checkliste-funnel-wp .lk-checkbox-input:checked + .lk-checkbox-custom {
    background: #07ab35 !important;
    border-color: #07ab35 !important;
}

#lk-website-checkliste-funnel-wp .lk-checkbox-input:checked + .lk-checkbox-custom::after {
    content: '✓' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    color: white !important;
    font-size: 12px !important;
    font-weight: bold !important;
}

#lk-website-checkliste-funnel-wp .lk-checkbox-text {
    color: #cccccc !important;
    flex: 1 !important;
}

#lk-website-checkliste-funnel-wp .lk-privacy-link {
    color: #07ab35 !important;
    text-decoration: none !important;
}

#lk-website-checkliste-funnel-wp .lk-privacy-link:hover {
    text-decoration: underline !important;
}

/* Step 2 - Success */
#lk-website-checkliste-funnel-wp .lk-step-2 {
    text-align: center !important;
}

#lk-website-checkliste-funnel-wp .lk-success-icon {
    width: 80px !important;
    height: 80px !important;
    background: linear-gradient(135deg, #07ab35, #06a030) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto 30px !important;
    font-size: 40px !important;
}

#lk-website-checkliste-funnel-wp .lk-success-headline {
    font-family: 'Oswald', sans-serif !important;
    font-size: clamp(28px, 4vw, 36px) !important;
    font-weight: 700 !important;
    color: #07ab35 !important;
    margin-bottom: 20px !important;
}

#lk-website-checkliste-funnel-wp .lk-success-description {
    font-size: 16px !important;
    color: #cccccc !important;
    margin-bottom: 40px !important;
    max-width: 500px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

#lk-website-checkliste-funnel-wp .lk-download-button {
    display: inline-block !important;
    padding: 20px 40px !important;
    background: linear-gradient(135deg, #07ab35, #06a030) !important;
    color: #ffffff !important;
    text-decoration: none !important;
    border-radius: 12px !important;
    font-family: 'Oswald', sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    transition: all 0.3s ease !important;
}

#lk-website-checkliste-funnel-wp .lk-download-button:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 10px 30px rgba(7, 171, 53, 0.4) !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    #lk-website-checkliste-funnel-wp {
        padding: 20px 15px !important;
    }

    #lk-website-checkliste-funnel-wp .lk-form-container {
        padding: 25px 20px !important;
    }

    #lk-website-checkliste-funnel-wp .lk-main-headline {
        font-size: 28px !important;
    }

    #lk-website-checkliste-funnel-wp .lk-sub-headline {
        font-size: 16px !important;
    }

    #lk-website-checkliste-funnel-wp .lk-form-input {
        padding: 14px 16px !important;
        font-size: 16px !important;
    }

    #lk-website-checkliste-funnel-wp .lk-cta-button {
        padding: 16px 25px !important;
        font-size: 16px !important;
    }

    #lk-website-checkliste-funnel-wp .lk-download-button {
        padding: 18px 30px !important;
        font-size: 16px !important;
    }

    /* Mobile Avatar Anpassungen */
    #lk-website-checkliste-funnel-wp .lk-avatar {
        width: 35px !important;
        height: 35px !important;
        margin-left: -6px !important;
    }

    #lk-website-checkliste-funnel-wp .lk-avatar-more {
        font-size: 16px !important;
    }

    #lk-website-checkliste-funnel-wp .lk-stars {
        gap: 1px !important;
    }

    #lk-website-checkliste-funnel-wp .lk-star {
        font-size: 16px !important;
    }

    #lk-website-checkliste-funnel-wp .lk-rating-text {
        font-size: 12px !important;
    }
}

/* WordPress Theme Overrides */
#lk-website-checkliste-funnel-wp input[type="text"],
#lk-website-checkliste-funnel-wp input[type="email"],
#lk-website-checkliste-funnel-wp input[type="tel"],
#lk-website-checkliste-funnel-wp input[type="url"] {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 2px solid rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
    font-family: 'Montserrat', sans-serif !important;
}

#lk-website-checkliste-funnel-wp button {
    background: linear-gradient(135deg, #07ab35, #06a030) !important;
    border: none !important;
    color: #ffffff !important;
    font-family: 'Oswald', sans-serif !important;
}

/* WordPress Content Area Overrides */
.entry-content #lk-website-checkliste-funnel-wp,
.post-content #lk-website-checkliste-funnel-wp,
.page-content #lk-website-checkliste-funnel-wp {
    background: #121212 !important;
    color: #ffffff !important;
    padding: 40px 20px !important;
    border-radius: 0 !important;
    margin: 0 !important;
}

/* Elementor/Divi Overrides */
.elementor-widget-container #lk-website-checkliste-funnel-wp,
.et_pb_module #lk-website-checkliste-funnel-wp {
    background: #121212 !important;
    color: #ffffff !important;
}



.lk-avatar-img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid #06AC35;
    object-fit: cover;
    margin-right: 5px;
}/* End custom CSS */