/* ==========================================================================
   40 — Gravity Forms
   bradentonbroker.de

   Lag urspruenglich als WPCode-Snippet 837 vor. Das Snippet ist deaktiviert,
   weil WPCode Code-Aenderungen beim Speichern verworfen hat. Wenn diese Datei
   laeuft, kann Snippet 837 geloescht werden.

   Gravity Forms 2.9 nutzt das Orbital-Theme mit CSS-Variablen. Buttonfarben
   lassen sich nur ueber diese Variablen zuverlaessig aendern — einfache Regeln
   auf .gform_button verlieren gegen die Theme-Defaults.
   ========================================================================== */

.gform_wrapper.gform-theme,
.gform_wrapper.gform-theme--framework,
.gform_wrapper.gform-theme--orbital {
	--gf-color-primary: var(--color-teal-deep);
	--gf-color-primary-rgb: 14, 74, 99;
	--gf-color-primary-contrast: #FFFFFF;
	--gf-color-primary-contrast-rgb: 255, 255, 255;
	--gf-color-primary-darker: #0A3A4E;
	--gf-color-primary-lighter: var(--color-teal-mid);
	--gf-ctrl-btn-bg-color-primary: var(--color-teal-deep);
	--gf-ctrl-btn-bg-color-hover-primary: var(--color-teal-mid);
	--gf-ctrl-btn-bg-color-active-primary: #0A3A4E;
	--gf-ctrl-btn-border-color-primary: var(--color-teal-deep);
	--gf-ctrl-btn-border-color-hover-primary: var(--color-teal-mid);
	--gf-ctrl-btn-border-color-active-primary: #0A3A4E;
	--gf-ctrl-btn-color-primary: #FFFFFF;
	--gf-ctrl-btn-color-hover-primary: #FFFFFF;
	--gf-ctrl-btn-color-active-primary: #FFFFFF;
}

/* Absende-Button. Weiss auf #0E4A63 ergibt 9,64:1. */
.gform_wrapper .gform_footer input[type="submit"],
.gform_wrapper .gform_button,
.gform_wrapper.gform-theme .gform_footer button.gform_button,
.gform_wrapper.gform-theme--framework .gform_footer button.gform_button {
	background-color: var(--color-teal-deep);
	border: 1px solid var(--color-teal-deep);
	color: #FFFFFF;
	border-radius: 4px;
	padding: 14px 30px;
	font-weight: 600;
	letter-spacing: 0.02em;
	transition: background-color 0.2s ease, border-color 0.2s ease;
}

.gform_wrapper .gform_footer input[type="submit"]:hover,
.gform_wrapper .gform_button:hover,
.gform_wrapper.gform-theme .gform_footer button.gform_button:hover,
.gform_wrapper.gform-theme--framework .gform_footer button.gform_button:hover {
	background-color: var(--color-teal-mid);
	border-color: var(--color-teal-mid);
}

.gform_wrapper .gform_footer input[type="submit"]:focus-visible,
.gform_wrapper .gform_button:focus-visible {
	outline: 3px solid var(--color-bronze);
	outline-offset: 2px;
}

/* Der Datenschutz-Link im Consent-Feld hatte dieselbe Farbe wie der Fliesstext
   und keine Unterstreichung — als Link nicht erkennbar. */
.gform_wrapper .gfield_consent_label a,
.gform_wrapper .gfield_description a,
.gform_wrapper .gform-field-label a {
	color: var(--color-teal-mid);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.gform_wrapper .gfield_consent_label a:hover,
.gform_wrapper .gfield_consent_label a:focus {
	color: var(--color-teal-deep);
}

/* Eingabefelder */
.gform_wrapper .gform_fields input[type="text"],
.gform_wrapper .gform_fields input[type="email"],
.gform_wrapper .gform_fields input[type="tel"],
.gform_wrapper .gform_fields select,
.gform_wrapper .gform_fields textarea {
	border: 1px solid #8A939C;
	border-radius: 4px;
	background-color: #FFFFFF;
}

.gform_wrapper .gform_fields input:focus,
.gform_wrapper .gform_fields select:focus,
.gform_wrapper .gform_fields textarea:focus {
	border-color: var(--color-teal-mid);
	box-shadow: 0 0 0 2px rgba(16, 120, 140, 0.28);
	outline: none;
}

/* Auswahlfelder etwas luftiger */
.gform_wrapper .gfield--type-checkbox .gchoice,
.gform_wrapper .gfield--type-radio .gchoice {
	margin-bottom: 6px;
}

.gform_wrapper .gform_validation_errors {
	border-color: #A3341C;
	background-color: #FBEDEA;
}

/* Turnstile nicht abschneiden */
.gform_wrapper .gfield--type-turnstile {
	overflow: visible;
	margin-top: 8px;
}

@media (max-width: 767px) {

	.gform_wrapper .gform_footer input[type="submit"],
	.gform_wrapper .gform_button {
		width: 100%;
	}

	.gform_wrapper,
	.gform_wrapper .gform_fields {
		max-width: 100%;
		overflow-x: hidden;
	}
}