/* Lead-Gate Reiseplanung – Optik an Child-Theme und Enfold-Variablen angelehnt */

#top .gal-gate {
	padding: clamp(40px, 8vw, 96px) 20px;
}

#top .gal-gate__card {
	max-width: 620px;
	margin: 0 auto;
	padding: clamp(24px, 5vw, 48px);
	background: #fff;
	border: 1.5px solid #f0efeb;
	border-radius: 1.2em;
	box-shadow: 0 1px 0 rgba(60, 60, 60, .12);
	color: var(--enfold-main-color-color, #383838);
}

#top .gal-gate__title {
	margin: 0 0 .6em;
	font-family: var(--enfold-font-family-heading);
	font-size: clamp(28px, 4.2vw, 40px);
	line-height: 1.15;
	letter-spacing: 1px;
	text-transform: none;
	color: var(--enfold-main-color-heading, #00add0);
}

#top .gal-gate__intro {
	margin: 0 0 1.6em;
	font-size: 1.0625rem;
	line-height: 1.65;
}

/* Formular */

#top .gal-gate .gal-gate-form fieldset {
	display: flex;
	flex-direction: column;
	gap: 1.1em;
}

#top .gal-gate .gal-gate-form .form_element {
	float: none;
	width: 100%;
	margin: 0;
	padding: 0;
}

#top .gal-gate .gal-gate-form label {
	display: block;
	margin: 0 0 .35em;
	font-weight: 600;
	font-size: 1rem;
	color: var(--enfold-main-color-color, #383838);
}

#top .gal-gate .gal-gate-form abbr.required {
	text-decoration: none;
	color: inherit;
}

#top .gal-gate .gal-gate-form .text_input {
	width: 100%;
	margin: 0;
	padding: .8em 1em;
	font-size: 1rem;
	line-height: 1.4;
	color: #383838;
	background: #fff;
	border: 1.5px solid #cdcdcd;
	border-radius: .6em;
	box-shadow: none;
}

#top .gal-gate .gal-gate-form .text_input:focus {
	border-color: var(--enfold-main-color-primary, #00add0);
}

#top .gal-gate .gal-gate-form .text_input:focus-visible,
#top .gal-gate .gal-gate-form .input_checkbox:focus-visible,
#top .gal-gate .gal-gate-form input[type='submit']:focus-visible,
#top .gal-gate a:focus-visible {
	outline: 2px solid var(--enfold-main-color-primary, #00add0);
	outline-offset: 2px;
}

#top .gal-gate .gal-gate-form .error .text_input,
#top .gal-gate .gal-gate-form [aria-invalid='true'] {
	border-color: #b3261e;
}

/* Checkbox Datenschutz */

#top .gal-gate .gal-gate-form p:has(> .input_checkbox) {
	display: grid;
	grid-template-columns: auto 1fr;
	column-gap: .7em;
	align-items: start;
}

#top .gal-gate .gal-gate-form .input_checkbox {
	width: 1.15em;
	height: 1.15em;
	margin: .2em 0 0;
	accent-color: var(--enfold-main-color-primary, #00add0);
}

#top .gal-gate .gal-gate-form .input_checkbox_label {
	margin: 0;
	font-weight: 400;
	font-size: .9375rem;
	line-height: 1.5;
}

#top .gal-gate .gal-gate-form p:has(> .input_checkbox) .gal-gate__error {
	grid-column: 2;
}

#top .gal-gate .gal-gate-form .error .input_checkbox_label {
	color: #b3261e;
}

/* Fehlermeldungen am Feld */

#top .gal-gate__error {
	display: block;
	margin-top: .4em;
	font-size: .875rem;
	line-height: 1.4;
	color: #b3261e;
}

#top .gal-gate__error[hidden] {
	display: none;
}

/* Absenden */

#top .gal-gate .gal-gate-form input[type='submit'] {
	width: auto;
	min-width: 60%;
	margin-top: .4em;
	cursor: pointer;
}

#top .gal-gate .gal-gate-form .av-sending-button,
#top .gal-gate .gal-gate-form input[type='submit'][disabled] {
	opacity: .7;
	cursor: progress;
}

#top .gal-gate .ajaxresponse {
	margin: 0;
	padding: 0;
	font-size: 1rem;
}

#top .gal-gate .avia-form-error {
	color: #b3261e;
}

#top .gal-gate__success {
	margin: 0 0 .8em;
	font-weight: 600;
}

/* Kleingedrucktes und Telefon */

#top .gal-gate__fine {
	margin: 1.8em 0 0;
	font-size: .875rem;
	line-height: 1.6;
	color: #5c5c5c;
}

#top .gal-gate__phone {
	margin: 1em 0 0;
	padding-top: 1em;
	border-top: 1.5px solid #f0efeb;
	font-size: 1rem;
}

#top .gal-gate__phone a {
	font-weight: 600;
	white-space: nowrap;
	color: var(--enfold-main-color-primary, #00add0);
}

@media (max-width: 767px) {
	#top .gal-gate {
		padding: 24px 12px 48px;
	}

	#top .gal-gate .gal-gate-form input[type='submit'] {
		width: 100%;
	}
}