.elementor-4470 .elementor-element.elementor-element-faafa81{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4470 .elementor-element.elementor-element-236b35ed{--display:flex;--min-height:80vh;}.elementor-4470 .elementor-element.elementor-element-236b35ed:not(.elementor-motion-effects-element-type-background), .elementor-4470 .elementor-element.elementor-element-236b35ed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://weloftart.de/wp-content/uploads/2025/09/Kurse-Buchen-weLOFTart-Malschule-und-Zeichenschule.webp");background-position:center left;background-repeat:no-repeat;background-size:cover;}.elementor-4470 .elementor-element.elementor-element-4eb63169{--display:flex;--justify-content:center;--gap:0rem 0rem;--row-gap:0rem;--column-gap:0rem;--padding-top:0rem;--padding-bottom:0rem;--padding-left:2rem;--padding-right:2rem;}.elementor-4470 .elementor-element.elementor-element-f729461{padding:1rem 0rem 0rem 0rem;}#elementor-popup-modal-4470 .dialog-widget-content{animation-duration:0.35s;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-4470{background-color:#00000080;justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-4470 .dialog-message{width:60vw;height:80vh;align-items:center;}#elementor-popup-modal-4470 .dialog-close-button{display:flex;}@media(max-width:1024px){#elementor-popup-modal-4470 .dialog-message{width:80vw;}}@media(min-width:768px){.elementor-4470 .elementor-element.elementor-element-faafa81{--content-width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-4470 .elementor-element.elementor-element-faafa81{--content-width:100%;}}@media(max-width:767px){.elementor-4470 .elementor-element.elementor-element-faafa81{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;}.elementor-4470 .elementor-element.elementor-element-236b35ed{--min-height:10vh;}.elementor-4470 .elementor-element.elementor-element-4eb63169{--min-height:50vh;--padding-top:0rem;--padding-bottom:0rem;--padding-left:1rem;--padding-right:1rem;}#elementor-popup-modal-4470 .dialog-message{width:90vw;height:90vh;}#elementor-popup-modal-4470 .dialog-widget-content{border-radius:8px 8px 8px 8px;}}/* Start custom CSS for shortcode, class: .elementor-element-f729461 *//* =========================================================
   GRUNDLAYOUT
   ========================================================= */

.elementor-4470 .elementor-element.elementor-element-f729461 {
    padding: 0.5rem 0;
}

/* Abstände zwischen den Formularzeilen */
.elementor-4470 .elementor-element.elementor-element-f729461 p {
    margin: 0 0 0.75rem;
}

/* Überschrift */
.elementor-4470 .elementor-element.elementor-element-f729461 h2 {
    margin: 0;
}

/* Einheitliche Größenberechnung */
.elementor-4470 .elementor-element.elementor-element-f729461 .wpcf7-form *,
.elementor-4470 .elementor-element.elementor-element-f729461 .wpcf7-form *::before,
.elementor-4470 .elementor-element.elementor-element-f729461 .wpcf7-form *::after {
    box-sizing: border-box;
}


/* =========================================================
   FORMULARFELDER
   ========================================================= */

/* Formularfelder auf die verfügbare Breite begrenzen */
.elementor-4470 .elementor-element.elementor-element-f729461 .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}

.elementor-4470 .elementor-element.elementor-element-f729461 input[type="text"],
.elementor-4470 .elementor-element.elementor-element-f729461 input[type="email"],
.elementor-4470 .elementor-element.elementor-element-f729461 textarea {
    width: 100%;
    max-width: 100%;
}

/* Flächige Eingabefelder ohne sichtbaren Rand */
.elementor-4470 .elementor-element.elementor-element-f729461 input[type="text"],
.elementor-4470 .elementor-element.elementor-element-f729461 input[type="email"],
.elementor-4470 .elementor-element.elementor-element-f729461 textarea {
    background-color: #EFEFF0;
    border: 0;
    border-radius: 0.25rem;
    box-shadow: none;
    color: inherit;
    appearance: none;

    transition:
        box-shadow 180ms ease,
        background-color 180ms ease;
}

/* Platzhalter */
.elementor-4470 .elementor-element.elementor-element-f729461 input[type="text"]::placeholder,
.elementor-4470 .elementor-element.elementor-element-f729461 input[type="email"]::placeholder,
.elementor-4470 .elementor-element.elementor-element-f729461 textarea::placeholder {
    color: #666;
    opacity: 1;
}

/* Fokus während der Eingabe */
.elementor-4470 .elementor-element.elementor-element-f729461 input[type="text"]:focus,
.elementor-4470 .elementor-element.elementor-element-f729461 input[type="email"]:focus,
.elementor-4470 .elementor-element.elementor-element-f729461 textarea:focus {
    background-color: #EFEFF0;
    border: 0;
    outline: none;

    box-shadow:
        0 0 0 0.125rem rgba(249, 129, 135, 0.75),
        0 0 0.625rem rgba(249, 129, 135, 0.45);
}


/* =========================================================
   SENDEN-BUTTON
   ========================================================= */

/* Desktop: Button rechts mit halber Breite */
.elementor-4470 .elementor-element.elementor-element-f729461 input[type="submit"] {
    display: block;
    width: 50%;
    margin: 1.5rem 0 0 auto;
}


/* =========================================================
   CF7-BESTÄTIGUNG
   ========================================================= */

/*
 * Allgemeine Größenberechnung für die CF7-Ausgabebox.
 * Der normale Ruhezustand wird weiterhin von CF7 gesteuert.
 */
.elementor-4470 .elementor-element.elementor-element-f729461 .wpcf7-response-output {
    width: 100%;
    box-sizing: border-box;
}

/*
 * Erfolgreicher Versand:
 *
 * form.sent ist der reguläre CF7-Status.
 * weloftart-success wird von unserem JavaScript sofort gesetzt,
 * damit Farben und Abstände ohne Verzögerung erscheinen.
 */
.elementor-4470 .elementor-element.elementor-element-f729461 .wpcf7 form.sent .wpcf7-response-output,
.elementor-4470 .elementor-element.elementor-element-f729461 .wpcf7 .wpcf7-response-output.weloftart-success {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    width: 100% !important;
    height: auto !important;
    overflow: visible !important;

    margin: 0.75rem 0 0 !important;
    padding: 0.75rem 1rem !important;

    color: #155724 !important;
    background-color: #D4EDDA !important;
    border: 0.0625rem solid #C3E6CB !important;
    border-radius: 0.3125rem !important;

    font-weight: 700 !important;
    line-height: 1.35 !important;

    /*
     * Keine verzögerte Überblendung:
     * Die fertige Gestaltung soll sofort erscheinen.
     */
    transition: none !important;
}


/* =========================================================
   MOBILTELEFON
   ========================================================= */

@media (max-width: 767px) {

    .elementor-4470 .elementor-element.elementor-element-f729461 {
        padding: 0.25rem 0;
    }

    .elementor-4470 .elementor-element.elementor-element-f729461 h2 {
        margin: 0 0 0.25rem;
        font-size: 1.5625rem;
        line-height: 1.15;
    }

    .elementor-4470 .elementor-element.elementor-element-f729461 h2 + p {
        margin-bottom: 0.625rem;
    }

    .elementor-4470 .elementor-element.elementor-element-f729461 p {
        margin: 0 0 0.5rem;
    }

    .elementor-4470 .elementor-element.elementor-element-f729461 input[type="text"],
    .elementor-4470 .elementor-element.elementor-element-f729461 input[type="email"],
    .elementor-4470 .elementor-element.elementor-element-f729461 textarea {
        width: 100%;
        max-width: 100%;
        padding: 0.5625rem 0.75rem;
        font-size: 1rem;
        line-height: 1.35;
    }

    .elementor-4470 .elementor-element.elementor-element-f729461 textarea.wpcf7-textarea {
        height: 6.875rem;
        min-height: 6.875rem;
        resize: vertical;
    }

    /* Quiz-Antwort kompakt darstellen */
    .elementor-4470 .elementor-element.elementor-element-f729461 .wpcf7-quiz-label + input,
    .elementor-4470 .elementor-element.elementor-element-f729461 input.wpcf7-quiz {
        display: inline-block;
        width: 5.125rem;
        max-width: 5.125rem;
        margin-left: 0.5rem;
        vertical-align: middle;
    }

    /* Mobil: Senden-Button über die volle Breite */
    .elementor-4470 .elementor-element.elementor-element-f729461 input[type="submit"] {
        display: block;
        width: 100%;
        margin: 2rem 0 0;
        padding: 0.75rem 1.25rem;
    }

    /* Doppelte CF7-Ladeanzeige verhindern */
    .elementor-4470 .elementor-element.elementor-element-f729461 .wpcf7-spinner + .wpcf7-spinner {
        display: none;
    }

    /* Erfolgsmeldung mobil */
    .elementor-4470 .elementor-element.elementor-element-f729461 .wpcf7 form.sent .wpcf7-response-output,
    .elementor-4470 .elementor-element.elementor-element-f729461 .wpcf7 .wpcf7-response-output.weloftart-success {
        margin-top: 0.625rem !important;
        padding: 0.625rem 0.75rem !important;
        font-size: 0.875rem !important;
        line-height: 1.35 !important;
    }
}/* End custom CSS */