.elementor-47731 .elementor-element.elementor-element-2d83b96{--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-47731 .elementor-element.elementor-element-510736d{text-align:center;}.elementor-47731 .elementor-element.elementor-element-510736d .elementor-heading-title{color:var( --e-global-color-astglobalcolor7 );}.elementor-47731 .elementor-element.elementor-element-8328f6e{--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;}/* Start custom CSS for everest-forms, class: .elementor-element-6743d7b *//* =================================================================== */
/*  CUSTOM STYLING FOR EVEREST FORM ID #evf-form-47730
/*  Designed to match the clean, minimalist example.
/* =================================================================== */

/* --- GENERAL FORM CONTAINER AND TITLE --- */

/* This targets your specific form */
#evf-form-47730 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    max-width: 550px; /* Adjust width as needed */
    margin: 0 auto;   /* Center the form */
}

/* 
  The title "Nachricht schreiben" is likely an Elementor Heading Widget
  placed ABOVE your form. Add this CSS class to that widget's
  Advanced > CSS Classes setting: clean-form-title
*/
.clean-form-title {
    font-size: 28px !important;
    font-weight: 600 !important;
    text-align: left !important;
    color: #222 !important;
    margin-bottom: 40px !important;
}


/* --- FIELD LABELS ("Abteilung auswählen", etc.) --- */

#evf-form-47730 .evf-field-label {
    display: block !important;
    font-size: 13px !important;
    color: #777 !important;
    margin-bottom: 8px !important;
    font-weight: 500 !important;
}

/* Hide the red asterisk (*) for a cleaner look */
#evf-form-47730 .evf-field-label .required {
    display: none !important;
}


/* --- STYLING FOR ALL INPUTS, SELECTS, AND TEXTAREAS --- */

#evf-form-47730 .input-text {
    width: 100% !important;
    height: auto !important; /* Reset default heights */
    padding: 14px 15px !important;
    font-size: 16px !important;
    color: #333 !important;
    background-color: #fff !important;
    border: 1px solid #dcdcdc !important;
    border-radius: 4px !important;
    box-shadow: none !important; /* Remove default shadows */
    box-sizing: border-box !important;
    transition: border-color 0.2s ease-in-out;
}

/* Style for when a field is focused (clicked on) */
#evf-form-47730 .input-text:focus {
    outline: none !important;
    border-color: #555 !important;
}


/* --- SPECIAL STYLING FOR THE DROPDOWN (SELECT) --- */

/* Make the container of the select field relative for positioning the arrow */
#evf-form-47730 .evf-field-select {
    position: relative;
}

/* Target the select dropdown specifically */
#evf-form-47730 select.input-text {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 40px !important; /* Make space for our custom arrow */
}

/* Add the custom arrow using a pseudo-element on the CONTAINER */
#evf-form-47730 .evf-field-select::after {
    content: '';
    position: absolute;
    top: calc(50% + 5px); /* Adjust vertical position of the arrow */
    right: 15px;
    width: 12px;
    height: 12px;
    pointer-events: none; /* Allows clicks to go through to the select box */
    z-index: 2;
    transform: translateY(-50%);
    /* A self-contained SVG for the up/down arrows */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 3.5L2.5 7h7L6 3.5zM6 8.5L2.5 5h7L6 8.5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}


/* --- SPECIAL STYLING FOR THE TEXTAREA --- */

#evf-form-47730 textarea.input-text {
    min-height: 160px;
    resize: vertical; /* Allow user to resize vertically only */
}


/* --- STYLING FOR THE SUBMIT BUTTON --- */

#evf-form-47730 .everest-forms-submit-button {
    width: auto !important; /* Or 100% for full-width button */
    padding: 12px 25px !important;
    font-size: 16px !important;
    font-weight: 600;
    color: #fff !important;
    background-color: #222 !important; /* Dark background */
    border: 1px solid #222 !important;
    border-radius: 4px !important;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

/* Button hover state */
#evf-form-47730 .everest-forms-submit-button:hover {
    background-color: #555 !important;
    border-color: #555 !important;
}

/* Remove margin from the submit container to align with fields */
#evf-form-47730 .evf-submit-container {
    padding-top: 10px;
}


/* =================================================================== */
/*  NEW: STYLING FOR THE 'Abschicken' SUBMIT BUTTON
/* =================================================================== */
#evf-form-47730 .evf-submit-container {
    padding-top: 20px !important;
    text-align: left; /* Aligns the button to the left */
}

#evf-form-47730 .everest-forms-submit-button {
    background-color: #000 !important; /* Solid black background */
    color: #fff !important;             /* White text */
    border: none !important;            /* No border */
    border-radius: 50px !important;     /* Pill shape for fully rounded corners */
    padding: 12px 35px !important;      /* Vertical and horizontal spacing */
    font-size: 16px !important;
    font-weight: 600 !important;        /* Semi-bold text weight */
    text-transform: none !important;    /* Ensures text isn't forced to uppercase */
    cursor: pointer;
    line-height: 1.2 !important;
    transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out;
}

/* Add a subtle hover effect */
#evf-form-47730 .everest-forms-submit-button:hover {
    background-color: #333 !important; /* Slightly lighter black on hover */
    transform: scale(1.03);            /* A slight zoom effect on hover */
}


/* Add this to the very end of your CSS to center the button */
#evf-form-47730 .evf-submit-container {
    text-align: center !important;
}/* End custom CSS */