.elementor-2105 .elementor-element.elementor-element-2dde618{--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-2105 .elementor-element.elementor-element-ebd810f{margin:125px 25px calc(var(--kit-widget-spacing, 0px) + 25px) 25px;}/* Start custom CSS for shortcode, class: .elementor-element-ebd810f *//* Container Styling */
.wpcf7 {
    max-width: 1024px; /* Maximale Breite */
    margin: 0 auto; /* Zentriert das Formular */
    padding: 20px; /* Innenabstand */
    background-color: #f9f9f9; /* Hintergrundfarbe */
    border-radius: 10px; /* Abgerundete Ecken */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); /* Schatteneffekt */
}

/* Formularfeld Styling */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"], /* Hinzugefügt für Telefonnummer */
.wpcf7 input[type="number"], /* Hinzugefügt für Alter */
.wpcf7 textarea,
.wpcf7 contact-reason,
.wpcf7 input[type="submit"] {
    width: 100%; /* Füllt die gesamte Breite */
    padding: 15px; /* Innenabstand */
    margin: 10px 0; /* Abstand zwischen den Feldern */
    border: 1px solid #ccc; /* Graue Umrandung */
    border-radius: 5px; /* Abgerundete Ecken */
    box-sizing: border-box; /* Verhindert Layout-Probleme */
    font-size: 16px; /* Schriftgröße */
}

/* Formularfeld Styling */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"], /* Telefonnummer */
.wpcf7 input[type="number"], /* Alter */
.wpcf7 textarea,
.wpcf7 input[type="submit"],
.wpcf7 select { /* Hinzugefügt für Dropdown */
    width: 100%; /* Füllt die gesamte Breite */
    padding: 10px; /* Innenabstand */
    margin: 10px 0; /* Abstand zwischen den Feldern */
    border: 1px solid #ccc; /* Graue Umrandung */
    border-radius: 5px; /* Abgerundete Ecken */
    box-sizing: border-box; /* Verhindert Layout-Probleme */
    font-size: 16px; /* Schriftgröße */
}

/* Styling für das Dropdown (contact-reason) */
.wpcf7 select {
    appearance: none; /* Entfernt das standardmäßige Styling des Browsers */
    -webkit-appearance: none; /* Für Safari und Chrome */
    -moz-appearance: none; /* Für Firefox */
    background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"%3E%3Cpath d="M3 4l3 3 3-3" stroke="%23000" stroke-width="2" fill="none"%3E%3C/path%3E%3C/svg%3E') no-repeat right 10px center; /* Dropdown Pfeil */
    background-size: 12px; /* Pfeilgröße */
    background-color: #fff; /* Weißer Hintergrund */
    background-position: right 10px center; /* Position des Pfeils */
    background-repeat: no-repeat; /* Verhindert Wiederholung des Pfeils */
    height: 50px; /* Höhe des Dropdowns anpassen */
}



/* Textarea Styling */
.wpcf7 textarea {
    resize: vertical; /* Erlaubt das Vergrößern/Verkleinern */
}

/* Fokuszustand der Felder */
.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 textarea:focus {
    border-color: #0073e6; /* Blaue Umrandung beim Fokussieren */
    outline: none; /* Entfernt den Standard-Outline */
}

/* Submit-Button Styling */
.wpcf7 input[type="submit"] {
    background-color: #5DB638; /* Blaue Hintergrundfarbe */
    color: #fff; /* Weiße Schrift */
    border: none; /* Keine Umrandung */
    cursor: pointer; /* Zeigt den Cursor als Hand */
    font-size: 18px; /* Größere Schrift für den Button */
    transition: background-color 0.3s ease; /* Weicher Übergang bei Hover */
}

.wpcf7 input[type="submit"]:hover {
    background-color: #5D9A38; /* Dunkleres Blau bei Hover */
}

/* Fehlermeldung Styling */
.wpcf7 .wpcf7-not-valid-tip {
    color: red; /* Rote Textfarbe für Fehlermeldungen */
    font-size: 14px; /* Kleinere Schriftgröße */
}/* End custom CSS */