.elementor-3296 .elementor-element.elementor-element-72a467f{--display:flex;--padding-top:2vw;--padding-bottom:2vw;--padding-left:2vw;--padding-right:2vw;}.elementor-3296 .elementor-element.elementor-element-72a467f:not(.elementor-motion-effects-element-type-background), .elementor-3296 .elementor-element.elementor-element-72a467f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DFDAD6;}.elementor-3296 .elementor-element.elementor-element-cae3707 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}#elementor-popup-modal-3296{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-3296 .dialog-message{width:800px;height:auto;}#elementor-popup-modal-3296 .dialog-close-button{display:flex;}#elementor-popup-modal-3296 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(min-width:2400px){.elementor-3296 .elementor-element.elementor-element-72a467f{--padding-top:2vw;--padding-bottom:2vw;--padding-left:2vw;--padding-right:2vw;}#elementor-popup-modal-3296 .dialog-message{width:35vw;}}@media(max-width:1024px){.elementor-3296 .elementor-element.elementor-element-72a467f{--padding-top:4vw;--padding-bottom:4vw;--padding-left:4vw;--padding-right:4vw;}}@media(max-width:767px){.elementor-3296 .elementor-element.elementor-element-72a467f{--padding-top:014vw;--padding-bottom:4vw;--padding-left:4vw;--padding-right:4vw;}}/* Start custom CSS for wp-widget-gform_widget, class: .elementor-element-cae3707 *//* Sichert, dass das CSS nur in DIESEM Popup bleibt */
.elementor-3296 .elementor-element.elementor-element-cae3707 {
    --popup-bg: #DFDAD6; /* 🟢 Hier trägst du dein Wunsch-Grün ein */
}

/* ... DER REST DES CODES BLEIBT HAARGENAU GLEICH WIE OBEN ... */

/* 1. Unnötigen Kram ausblenden & kollabieren lassen */
.gform_wrapper .gfield_required_text,
.gform_wrapper .gform_required_legend,
.gform_wrapper .gform_submission_error,
.gform_wrapper .gfield_honey,
.gform_wrapper [class*="honey"] {
    display: none !important;
    position: absolute !important;
    left: -9999px !important;
    height: 0 !important;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* 2. 🚀 HIER REINGUCKEN: Hintergrund NUR für das GRÜNE Popup setzen */
#elementor-popup-modal .dialog-message {

    padding: 2vw !important;
    border-radius: 12px !important;
}
/* Falls das Formular nicht im Popup liegt, sondern normal: */
.gform_wrapper {
    padding: 2vw !important;
    border-radius: 12px !important;
}

/* 3. Text-Styling OBERER TITEL & ALLGEMEINE LABELS */
.gform_wrapper .gsection_title,
.gform_wrapper [class*="gsection_title"]{
    font-family: 'Roboto final', sans-serif !important;
    font-size: 23px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    color: #111111 !important;
    border: none !important;            
    border-top: none !important;
    border-bottom: none !important;
    padding-bottom: 0px !important;
    margin-bottom: 35px !important;     
}

.gform_wrapper h2.gsection_title,
.gform_wrapper .gsection{
    font-family: 'Roboto final', sans-serif !important;
    font-size: 20px !important;
    font-weight: 300 !important;
    line-height: 1.4 !important;
    color: #111111 !important;
    border: none !important;            
    border-top: none !important;
    border-bottom: none !important;
    padding-bottom: 0px !important;
    margin-bottom: 35px !important;     
}

.gform_wrapper .gfield_label,
.gform_wrapper label.gfield_label {
    font-family: 'Alpino', sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    color: #111111 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.2px !important;
    margin-bottom: 8px !important;
}

/* RADIKALER FIX: Fließtexte unten & der Abschluss-Satz */
.gform_wrapper .gfield_html,
.gform_wrapper .gfield_html *,
.gform_wrapper [class*="gfield_html"],
.gform_wrapper [class*="gfield_html"] p,
.gform_wrapper [class*="gfield_html"] span {
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    color: #222222 !important;
}

/* 4. Stylische Eingabefelder im "Soft-Card"-Look */
.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="date"],
.gform_wrapper input[type="number"],
.gform_wrapper select,
.gform_wrapper textarea {
    width: 100% !important;
    max-width: 100% !important;
    background-color: #fcfbfa !important;
    border: 2px solid transparent !important;
    border-radius: 8px !important;
    padding: 14px 12px !important;
    font-size: 15px !important;
    color: #000000 !important;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.06) !important;
    transition: all 0.25s ease-in-out !important;
    box-sizing: border-box !important;
}

.gform_wrapper input:focus,
.gform_wrapper textarea:focus {
    outline: none !important;
    background-color: #ffffff !important;
    border: 2px solid #000000 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
}

.gform_wrapper .gfield {
    margin-bottom: 25px !important;
}

/* 5. RADIKALER FIX: Perfekte Spalten & Schriftart für Vorname / Nachname */
.gform_wrapper .gfield_name_group {
    display: flex !important;
    gap: 15px !important;
}
.gform_wrapper .gfield_name_group span {
    flex: 1 !important;
}
.gform_wrapper .gfield_name_group label,
.gform_wrapper .gfield_name_group span label,
.gform_wrapper [class*="gfield_name_group"] label {
    font-family: 'Alpino', sans-serif !important;
    font-size: 20px !important;
    color: #444444 !important;
    text-transform: none !important;
    font-weight: 500 !important;
}

/* 6. Der markante Button */
.gform_wrapper .gform_footer {
    padding-top: 20px !important;
    margin-top: 25px !important;
    text-align: center !important;
    clear: both !important;
}

.gform_wrapper input[type="submit"],
.gform_wrapper button[type="submit"] {
    background: #000000 !important;
    color: #ffffff !important;
    border: 2px solid #000000 !important;
    padding: 16px 50px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    border-radius: 30px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.15) !important;
}

.gform_wrapper input[type="submit"]:hover,
.gform_wrapper button[type="submit"]:hover {
    background: #333333 !important;
    border-color: #333333 !important;
    transform: translateY(-1px);
}

/* 7. Die Dreier-Reihe für die Key-Fakten */
@media (min-width: 768px) {
    .gform_fields {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 0 20px !important;
    }
    .gform_wrapper .gfield {
        flex: 1 1 100% !important;
        width: 100% !important;
        clear: none !important;
    }
    .gform_wrapper [class*="gfield_type_date"],
    .gform_wrapper [class*="gfield_type_time"],
    .gform_wrapper [class*="gfield_type_select"],
    .gform_wrapper [class*="gfield_type_number"] {
        flex: 1 !important;
        width: 30% !important;
        max-width: 31% !important;
    }
}

/* 8. Uhrzeit-Eingabe */
.gform_wrapper .gfield_time_clear {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}
.gform_wrapper .gfield_time_hour, 
.gform_wrapper .gfield_time_minute {
    display: block !important;
    flex: 1 !important;
}
.gform_wrapper .gfield_time_hour label,
.gform_wrapper .gfield_time_minute label {
    display: none !important;
}
.gform_wrapper span.gfield_time_colon {
    font-weight: bold !important;
    font-size: 22px !important;
    color: #000000 !important;
}

.gform_wrapper [class*="gfield_html"]:last-of-type,
.gform_wrapper [class*="gfield_html"]:last-of-type * {
    margin-top: 40px !important;     
    border: none !important;          
    border-top: none !important;      
    border-bottom: none !important;
    padding-top: 0px !important;
}

/* DREI-SPALTEN-LAYOUT */
@media (min-width: 768px) {
    .gform_wrapper .gform_fields {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 0 20px !important;
    }
    .gform_wrapper .gfield {
        flex: 1 1 100% !important;
        width: 100% !important;
    }
    .gform_wrapper .gfield_price_container, 
    .gform_wrapper .gfield[class*="date"],
    .gform_wrapper .gfield[class*="time"],
    .gform_wrapper .gfield[class*="select"], 
    .gform_wrapper .gfield:nth-child(4), 
    .gform_wrapper .gfield:nth-child(6)  {
        flex: 1 !important;
        width: 30% !important;
        clear: none !important; 
    }
}

@media (max-width: 767px) {
    .gform_wrapper .gfield_time_clear {
        max-width: 100% !important;
    }
}

/* SCROLLLEISTEN-FIX */
.gform_wrapper, #elementor-popup-modal, .dialog-message { accent-color: #000000 !important; }
.gform_wrapper::-webkit-scrollbar, #elementor-popup-modal .dialog-message::-webkit-scrollbar, .dialog-message::-webkit-scrollbar { width: 0px !important; background: transparent !important; }
.gform_wrapper, #elementor-popup-modal .dialog-message { scrollbar-width: none !important; }

/* TABLET-ANSICHT */
@media (min-width: 768px) and (max-width: 1024px) {
    .gform_wrapper .gsection_title, .gform_wrapper [class*="gsection_title"] { font-size: 21px !important; }
    .gform_wrapper h2.gsection_title, .gform_wrapper .gsection { font-size: 18px !important; }
    .gform_wrapper .gfield_label, .gform_wrapper label.gfield_label { font-size: 13px !important; }
    .gform_wrapper .gfield_html, .gform_wrapper .gfield_html *, .gform_wrapper [class*="gfield_html"] p, .gform_wrapper [class*="gfield_html"] span { font-size: 15px !important; }
    .gform_wrapper input[type="text"], .gform_wrapper input[type="email"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="date"], .gform_wrapper input[type="number"], .gform_wrapper select, .gform_wrapper textarea { font-size: 14px !important; }
    .gform_wrapper .gfield_name_group label, .gform_wrapper .gfield_name_group span label, .gform_wrapper [class*="gfield_name_group"] label { font-size: 17px !important; }
    .gform_wrapper input[type="submit"], .gform_wrapper button[type="submit"] { font-size: 15px !important; padding: 14px 40px !important; }
}

/* MOBILANSICHT & GAP-FIX */
@media (max-width: 767px) {
    .gform_wrapper .gfield { margin-bottom: 12px !important; padding-top: 0px !important; padding-bottom: 0px !important; }
    .gform_wrapper .gform_fields { gap: 0 !important; }
    .gform_wrapper .gsection_title, .gform_wrapper [class*="gsection_title"] { font-size: 19px !important; margin-bottom: 20px !important; }
    .gform_wrapper h2.gsection_title, .gform_wrapper .gsection { font-size: 16px !important; margin-bottom: 20px !important; }
    .gform_wrapper .gfield_label, .gform_wrapper label.gfield_label { font-size: 12px !important; letter-spacing: 1px !important; margin-bottom: 5px !important; }
    .gform_wrapper .gfield_html, .gform_wrapper .gfield_html *, .gform_wrapper [class*="gfield_html"] p, .gform_wrapper [class*="gfield_html"] span { font-size: 14px !important; line-height: 1.5 !important; }
    .gform_wrapper input[type="text"], .gform_wrapper input[type="email"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="date"], .gform_wrapper input[type="number"], .gform_wrapper select, .gform_wrapper textarea { font-size: 14px !important; padding: 12px 10px !important; }
    .gform_wrapper .gfield_name_group label, .gform_wrapper .gfield_name_group span label, .gform_wrapper [class*="gfield_name_group"] label { font-size: 15px !important; }
    .gform_wrapper input[type="submit"], .gform_wrapper button[type="submit"] { font-size: 14px !important; padding: 14px 35px !important; width: 100% !important; border-radius: 8px !important; }
}/* End custom CSS */