.elementor-564 .elementor-element.elementor-element-4f48253:not(.elementor-motion-effects-element-type-background), .elementor-564 .elementor-element.elementor-element-4f48253 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://seidl-heizung.de/wp-content/uploads/2025/06/Teamfoto-vor-allen-Fahrzeugen-1-scaled.webp");background-position:0px -352px;background-size:100% auto;}.elementor-564 .elementor-element.elementor-element-4f48253 > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(90deg, #09031D 20%, #2B1A6600 100%);opacity:0.8;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-564 .elementor-element.elementor-element-4f48253 > .elementor-container{min-height:250px;}.elementor-564 .elementor-element.elementor-element-4f48253{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:90px 0px 80px 0px;}.elementor-564 .elementor-element.elementor-element-aef1d4b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-564 .elementor-element.elementor-element-f27e6fe{width:100%;max-width:100%;}.elementor-564 .elementor-element.elementor-element-fe8660a > .elementor-container{max-width:907px;}.elementor-564 .elementor-element.elementor-element-fe8660a{margin-top:50px;margin-bottom:50px;padding:0px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-564 .elementor-element.elementor-element-3e48e40.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-564 .elementor-element.elementor-element-3e48e40.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-564 .elementor-element.elementor-element-3e48e40 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:20px 20px 20px 20px;}.elementor-564 .elementor-element.elementor-element-3e48e40 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-564 .elementor-element.elementor-element-dbda5c7 .elementor-heading-title{color:var( --e-global-color-8fcbbce );}.elementor-564 .elementor-element.elementor-element-33840ba > .elementor-widget-container{margin:0px 0px -10px 0px;}.elementor-564 .elementor-element.elementor-element-33840ba{font-family:var( --e-global-typography-text-font-family ), Sans-Serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-8fcbbce );}.elementor-564 .elementor-element.elementor-element-cb2d584{--display:flex;}.elementor-564 .elementor-element.elementor-element-68f4fa3 .elementor-field-group{padding-right:calc( 12px/2 );padding-left:calc( 12px/2 );margin-bottom:15px;}.elementor-564 .elementor-element.elementor-element-68f4fa3 .elementor-form-fields-wrapper{margin-left:calc( -12px/2 );margin-right:calc( -12px/2 );margin-bottom:-15px;}.elementor-564 .elementor-element.elementor-element-68f4fa3 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-564 .elementor-element.elementor-element-68f4fa3 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-564 .elementor-element.elementor-element-68f4fa3 .elementor-labels-inline .elementor-field-group > label{padding-left:4px;}body:not(.rtl) .elementor-564 .elementor-element.elementor-element-68f4fa3 .elementor-labels-inline .elementor-field-group > label{padding-right:4px;}body .elementor-564 .elementor-element.elementor-element-68f4fa3 .elementor-labels-above .elementor-field-group > label{padding-bottom:4px;}.elementor-564 .elementor-element.elementor-element-68f4fa3 .elementor-field-group > label, .elementor-564 .elementor-element.elementor-element-68f4fa3 .elementor-field-subgroup label{color:var( --e-global-color-8fcbbce );}.elementor-564 .elementor-element.elementor-element-68f4fa3 .elementor-field-type-html{padding-bottom:0px;color:var( --e-global-color-text );}.elementor-564 .elementor-element.elementor-element-68f4fa3 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-color:var( --e-global-color-8fcbbce );}.elementor-564 .elementor-element.elementor-element-68f4fa3 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-color:var( --e-global-color-8fcbbce );}.elementor-564 .elementor-element.elementor-element-68f4fa3 .elementor-field-group .elementor-select-wrapper::before{color:var( --e-global-color-8fcbbce );}.elementor-564 .elementor-element.elementor-element-68f4fa3 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-564 .elementor-element.elementor-element-68f4fa3 .elementor-button[type="submit"]{color:#ffffff;}.elementor-564 .elementor-element.elementor-element-68f4fa3 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-564 .elementor-element.elementor-element-68f4fa3 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-564 .elementor-element.elementor-element-68f4fa3 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-564 .elementor-element.elementor-element-68f4fa3 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-564 .elementor-element.elementor-element-68f4fa3 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-564 .elementor-element.elementor-element-68f4fa3 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-564 .elementor-element.elementor-element-68f4fa3{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-564 .elementor-element.elementor-element-ae8b534{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:120px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-564 .elementor-element.elementor-element-a1c1751 iframe{height:302px;}:root{--page-title-display:none;}@media(max-width:1024px) and (min-width:768px){.elementor-564 .elementor-element.elementor-element-3e48e40{width:100%;}}@media(max-width:1024px){.elementor-564 .elementor-element.elementor-element-4f48253:not(.elementor-motion-effects-element-type-background), .elementor-564 .elementor-element.elementor-element-4f48253 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center left;}.elementor-564 .elementor-element.elementor-element-4f48253{padding:50px 0px 50px 30px;}.elementor-564 .elementor-element.elementor-element-fe8660a{padding:0px 20px 20px 20px;}.elementor-564 .elementor-element.elementor-element-3e48e40 > .elementor-element-populated{margin:50px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-564 .elementor-element.elementor-element-33840ba{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-564 .elementor-element.elementor-element-4f48253 > .elementor-container{min-height:65px;}.elementor-564 .elementor-element.elementor-element-4f48253:not(.elementor-motion-effects-element-type-background), .elementor-564 .elementor-element.elementor-element-4f48253 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-564 .elementor-element.elementor-element-4f48253{padding:50px 20px 50px 20px;}.elementor-564 .elementor-element.elementor-element-fe8660a{padding:0px 0px 020px 0px;}.elementor-564 .elementor-element.elementor-element-dbda5c7 > .elementor-widget-container{padding:10px 5px 0px 5px;}.elementor-564 .elementor-element.elementor-element-33840ba > .elementor-widget-container{padding:10px 5px 0px 05px;}.elementor-564 .elementor-element.elementor-element-33840ba{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-564 .elementor-element.elementor-element-68f4fa3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-564 .elementor-element.elementor-element-ae8b534{--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for form, class: .elementor-element-68f4fa3 */.elementor-field-subgroup label {
    font-size: 14px; /* Schriftgröße anpassen */
    line-height: 1.5; /* Optional: Zeilenhöhe anpassen */
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-3e48e40 */<!-- Kontaktformular CSS für Kontaktseite - Seidl Design System -->
<style>
    /* Container Column Styling */
    .elementor-element-3e48e40 {
        background: transparent !important;
        padding: 0 !important;
    }

    /* Überschrift Styling */
    .elementor-element-dbda5c7 .elementor-heading-title {
        font-family: var(--e-global-typography-secondary-font-family), Sans-serif !important;
        font-size: 2rem !important;
        font-weight: var(--e-global-typography-secondary-font-weight) !important;
        color: #222222 !important;
        margin-bottom: 15px !important;
    }

    /* Beschreibungstext */
    .elementor-element-33840ba p {
        font-family: var(--e-global-typography-text-font-family), Sans-serif !important;
        font-size: var(--e-global-typography-text-font-size) !important;
        color: #626262 !important;
        line-height: 1.6 !important;
        margin-bottom: 30px !important;
    }

    /* Form Container */
    .elementor-element-cb2d584 {
        background: white !important;
        border-radius: 16px !important;
        box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06) !important;
        border: 1px solid #f0f0f0 !important;
        padding: 40px !important;
        position: relative !important;
        overflow: hidden !important;
        transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    }

    /* Top Accent Line */
    .elementor-element-cb2d584::before {
        content: '' !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        height: 4px !important;
        background: linear-gradient(90deg, #D7382E 0%, #ff6b5b 100%) !important;
    }

    /* Hover Effect für Container */
    .elementor-element-cb2d584:hover {
        transform: translateY(-5px) !important;
        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1) !important;
        border-color: rgba(215, 56, 46, 0.2) !important;
    }

    /* Form Fields Wrapper */
    .elementor-element-68f4fa3 .elementor-form-fields-wrapper {
        display: flex !important;
        flex-wrap: wrap !important;
        margin: 0 -10px !important;
    }

    /* Field Groups */
    .elementor-element-68f4fa3 .elementor-field-group {
        margin-bottom: 25px !important;
        padding: 0 10px !important;
    }

    /* Labels */
    .elementor-element-68f4fa3 .elementor-field-label {
        font-family: "Outfit", Sans-serif !important;
        font-size: 0.95rem !important;
        font-weight: 600 !important;
        color: #222222 !important;
        margin-bottom: 8px !important;
        display: block !important;
        letter-spacing: 0.3px !important;
    }

    /* Required Asterisk */
    .elementor-element-68f4fa3 .elementor-mark-required .elementor-field-label::after {
        content: " *" !important;
        color: #D7382E !important;
        font-weight: 700 !important;
    }

    /* All Input Fields */
    .elementor-element-68f4fa3 .elementor-field-textual,
    .elementor-element-68f4fa3 .elementor-field {
        width: 100% !important;
        padding: 14px 16px !important;
        border: 1px solid #e0e0e0 !important;
        border-radius: 8px !important;
        font-family: var(--e-global-typography-text-font-family), Sans-serif !important;
        font-size: 1rem !important;
        color: #222222 !important;
        background: #fafafa !important;
        transition: all 0.3s ease !important;
        box-shadow: none !important;
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        appearance: none !important;
    }

    /* Textarea Specific */
    .elementor-element-68f4fa3 textarea.elementor-field-textual {
        resize: vertical !important;
        min-height: 140px !important;
        font-family: var(--e-global-typography-text-font-family), Sans-serif !important;
    }

    /* Focus State */
    .elementor-element-68f4fa3 .elementor-field-textual:focus,
    .elementor-element-68f4fa3 .elementor-field:focus {
        outline: none !important;
        border-color: #D7382E !important;
        background: white !important;
        box-shadow: 0 0 0 4px rgba(215, 56, 46, 0.08) !important;
    }

    /* Hover State */
    .elementor-element-68f4fa3 .elementor-field-textual:hover,
    .elementor-element-68f4fa3 .elementor-field:hover {
        border-color: rgba(215, 56, 46, 0.3) !important;
        background: white !important;
    }

    /* Placeholder */
    .elementor-element-68f4fa3 .elementor-field::placeholder {
        color: #999 !important;
        opacity: 0.7 !important;
    }

    /* Checkbox Container */
    .elementor-element-68f4fa3 .elementor-field-type-acceptance {
        margin-top: 10px !important;
        margin-bottom: 30px !important;
    }

    .elementor-element-68f4fa3 .elementor-field-subgroup {
        display: flex !important;
        align-items: flex-start !important;
        gap: 12px !important;
    }

    /* Custom Checkbox */
    .elementor-element-68f4fa3 .elementor-acceptance-field {
        flex-shrink: 0 !important;
        width: 22px !important;
        height: 22px !important;
        margin: 0 !important;
        margin-top: 2px !important;
        cursor: pointer !important;
        position: relative !important;
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        appearance: none !important;
        border: 2px solid #e0e0e0 !important;
        border-radius: 5px !important;
        background: white !important;
        transition: all 0.3s ease !important;
    }

    .elementor-element-68f4fa3 .elementor-acceptance-field:hover {
        border-color: #D7382E !important;
        background: rgba(215, 56, 46, 0.05) !important;
    }

    .elementor-element-68f4fa3 .elementor-acceptance-field:checked {
        background: #D7382E !important;
        border-color: #D7382E !important;
    }

    /* Checkmark */
    .elementor-element-68f4fa3 .elementor-acceptance-field:checked::after {
        content: '' !important;
        position: absolute !important;
        left: 7px !important;
        top: 3px !important;
        width: 6px !important;
        height: 12px !important;
        border: solid white !important;
        border-width: 0 2px 2px 0 !important;
        transform: rotate(45deg) !important;
    }

    /* Checkbox Label */
    .elementor-element-68f4fa3 .elementor-field-subgroup label {
        font-family: var(--e-global-typography-text-font-family), Sans-serif !important;
        font-size: 0.9rem !important;
        color: #626262 !important;
        line-height: 1.6 !important;
        cursor: pointer !important;
    }

    .elementor-element-68f4fa3 .elementor-field-subgroup label a {
        color: #D7382E !important;
        text-decoration: none !important;
        font-weight: 600 !important;
        transition: all 0.3s ease !important;
        border-bottom: 1px solid transparent !important;
    }

    .elementor-element-68f4fa3 .elementor-field-subgroup label a:hover {
        border-bottom-color: #D7382E !important;
    }

    /* Submit Button */
    .elementor-element-68f4fa3 .elementor-button[type="submit"] {
        background: linear-gradient(135deg, #D7382E, #ff6b5b) !important;
        color: white !important;
        border: none !important;
        padding: 18px 45px !important;
        border-radius: 8px !important;
        font-family: "Outfit", Sans-serif !important;
        font-size: 1.1rem !important;
        font-weight: 600 !important;
        cursor: pointer !important;
        text-transform: uppercase !important;
        letter-spacing: 0.8px !important;
        width: 100% !important;
        margin-top: 20px !important;
        position: relative !important;
        overflow: hidden !important;
        box-shadow: 0 8px 30px rgba(215, 56, 46, 0.25) !important;
        transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    }

    /* Button Shine Effect */
    .elementor-element-68f4fa3 .elementor-button[type="submit"]::before {
        content: '' !important;
        position: absolute !important;
        top: 0 !important;
        left: -100% !important;
        width: 100% !important;
        height: 100% !important;
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.25), transparent) !important;
        transition: left 0.6s ease !important;
    }

    .elementor-element-68f4fa3 .elementor-button[type="submit"]:hover {
        transform: translateY(-3px) !important;
        box-shadow: 0 12px 40px rgba(215, 56, 46, 0.35) !important;
    }

    .elementor-element-68f4fa3 .elementor-button[type="submit"]:hover::before {
        left: 100% !important;
    }

    .elementor-element-68f4fa3 .elementor-button[type="submit"]:active {
        transform: translateY(-1px) !important;
    }

    /* Button Content */
    .elementor-element-68f4fa3 .elementor-button-content-wrapper {
        position: relative !important;
        z-index: 1 !important;
    }

    /* Loading State */
    .elementor-element-68f4fa3 .elementor-button[type="submit"].sending {
        pointer-events: none !important;
        opacity: 0.7 !important;
    }

    .elementor-element-68f4fa3 .elementor-button[type="submit"].sending .elementor-button-text {
        visibility: hidden !important;
    }

    .elementor-element-68f4fa3 .elementor-button[type="submit"].sending::after {
        content: '' !important;
        position: absolute !important;
        width: 20px !important;
        height: 20px !important;
        top: 50% !important;
        left: 50% !important;
        margin-left: -10px !important;
        margin-top: -10px !important;
        border: 2px solid white !important;
        border-top-color: transparent !important;
        border-radius: 50% !important;
        animation: button-loading-spinner 1s linear infinite !important;
    }

    @keyframes button-loading-spinner {
        from {
            transform: rotate(0deg);
        }
        to {
            transform: rotate(360deg);
        }
    }

    /* Success/Error Messages */
    .elementor-element-68f4fa3 .elementor-message {
        margin: 20px 0 0 0 !important;
        padding: 16px 20px !important;
        border-radius: 8px !important;
        font-family: var(--e-global-typography-text-font-family), Sans-serif !important;
        font-size: 0.95rem !important;
        line-height: 1.5 !important;
        animation: slideDown 0.3s ease !important;
    }

    .elementor-element-68f4fa3 .elementor-message-success {
        background: #e8f5e9 !important;
        color: #2e7d32 !important;
        border: 1px solid #4caf50 !important;
    }

    .elementor-element-68f4fa3 .elementor-message-danger {
        background: #ffebee !important;
        color: #c62828 !important;
        border: 1px solid #ef5350 !important;
    }

    @keyframes slideDown {
        from {
            opacity: 0;
            transform: translateY(-10px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    /* Responsive Design */
    @media (max-width: 768px) {
        .elementor-element-cb2d584 {
            padding: 30px 20px !important;
        }

        .elementor-element-dbda5c7 .elementor-heading-title {
            font-size: 1.75rem !important;
        }

        .elementor-element-68f4fa3 .elementor-field-group {
            padding: 0 !important;
        }

        .elementor-element-68f4fa3 .elementor-col-50 {
            width: 100% !important;
        }

        .elementor-element-68f4fa3 .elementor-form-fields-wrapper {
            margin: 0 !important;
        }

        .elementor-element-68f4fa3 textarea.elementor-field-textual {
            min-height: 120px !important;
        }
    }

    @media (max-width: 480px) {
        .elementor-element-cb2d584 {
            padding: 25px 15px !important;
            border-radius: 12px !important;
        }

        .elementor-element-dbda5c7 .elementor-heading-title {
            font-size: 1.5rem !important;
        }

        .elementor-element-33840ba p {
            font-size: 0.95rem !important;
            margin-bottom: 20px !important;
        }

        .elementor-element-68f4fa3 .elementor-field-textual,
        .elementor-element-68f4fa3 .elementor-field {
            padding: 12px 14px !important;
            font-size: 16px !important; /* Prevents zoom on iOS */
        }

        .elementor-element-68f4fa3 .elementor-button[type="submit"] {
            padding: 16px 30px !important;
            font-size: 1rem !important;
        }

        .elementor-element-68f4fa3 .elementor-field-label {
            font-size: 0.9rem !important;
        }

        .elementor-element-68f4fa3 .elementor-field-subgroup label {
            font-size: 0.85rem !important;
        }

        .elementor-element-68f4fa3 .elementor-field-group {
            margin-bottom: 20px !important;
        }
    }

    /* Animation für fadeInUp */
    @keyframes fadeInUp {
        from {
            opacity: 0;
            transform: translateY(20px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
</style>/* End custom CSS */