/* Paritaet WPCodeBox #69: em-line-height, FF-IDs (#fluentform_11) und */

/* Selektor-Reihenfolge bleiben 1:1 (Frontend-Contract). */
/* stylelint-disable declaration-property-unit-allowed-list */
/* stylelint-disable selector-id-pattern */
/* stylelint-disable no-descending-specificity */

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

@media (max-width: 1024px) {

	.fluentform .ff-el-group input[type="checkbox"]::after,
	.fluentform .ff-el-group input[type="radio"]::after {
		margin-left: 0 !important;
	}
}

.fluentform input[type="number"]::-webkit-outer-spin-button,
.fluentform input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.fluentform input[type="number"] {
	-moz-appearance: textfield;
}

.fluentform textarea.ff-el-form-control {
	resize: vertical;
	line-height: 1.6em;
}

@media (min-width: 768px) {

	.frm-fluent-form div.ff-t-container {
		align-items: flex-start;
	}
}

.fluentform .frm-fluent-form .ff-el-input--label {
	font-size: 0.925rem;
	color: var(--inherit);
	margin-bottom: 5px;
	line-height: 1.6em;
}

.fluentform .frm-fluent-form div.ff-el-input--content .ff-el-form-control {
	border: 1px solid var(--primary-300);
	border-radius: 8px;
	font-size: 0.925rem;
	padding: 12px;
	color: var(--primary-500);
	font-family: inherit;
}

.fluentform .frm-fluent-form div.ff-el-input--content .ff-el-form-control:focus {
	outline: 0;
	border-color: var(--tertiary-500);
}

.fluentform .frm-fluent-form div .ff-el-form-control::placeholder {
	color: var(--primary-500);
	opacity: 0.5;
	font-size: 16px;
}

.fluentform .frm-fluent-form div .ff-el-form-control:focus::placeholder {
	opacity: 0.75;
}

.fluentform form.frm-fluent-form div.ff-el-group.ff_submit_btn_wrapper button.ff-btn-submit {
	width: 100%;
	background-color: var(--secondary-500);
	color: var(--white);
	border: 0;
	opacity: 1;
	border-radius: 8px;
	font-size: 0.925rem;
	font-weight: 500;
	padding: 0.75rem 1.25rem;
	margin-top: 20px;
	transition: all 0.25s ease-in-out 0s;
	white-space: normal;
}

.fluentform form.frm-fluent-form div.ff-el-group.ff_submit_btn_wrapper {
	margin-bottom: 0;
}

.fluentform form.frm-fluent-form div.ff-el-group.ff_submit_btn_wrapper button.ff-btn-submit:is(:hover,:focus) {
	background-color: var(--secondary-600);
	opacity: 1;
}

input[type="checkbox"]:checked {
	accent-color: var(--text-body);
}

.fluentform .ff-el-form-check-label .ff-el-form-check-input {
	width: 14px;
	height: 14px;
}

.ff-el-form-check-label .ff_t_c {
	font-size: 0.875rem;
	line-height: 1.5em;
	padding: 0 5px 0 5px;
}

.fluentform .ff-el-is-error div.error.text-danger {
	font-size: 0.825rem;
	margin-top: 0;
}

.fluentform .ff-el-is-error div .ff-el-form-control {
	border: 1px solid var(--status-abgelehnt);
}

.fluentform div.ff-message-success {
	position: relative;
	border: 0;
	color: var(--primary-300);
	margin-left: auto;
	margin-right: auto;
	box-shadow: none;
	font-size: 0.925rem;
	line-height: 1.4em;
	padding: 0;
	margin-top: 1rem;
}

.fluentform div.ff-message-success p {
	margin-bottom: 0;
}

.fluentform button.iti__selected-country:is(:hover,:focus) {
	background-color: var(--primary-100);
}

.iti__country-list {
	color: var(--text-body);
}

.fluentform .frm-fluent-form input.ff-el-form-control.ff-el-phone {
	padding-left: 60px;
}

select.ff-el-form-control:not([size]):not([multiple]) {
	height: 48px !important;
	padding: 12px !important;
	text-overflow: ellipsis;
	background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23878787%22%20d%3D%22M12%2014.975q%2D.2%200%2D.375%2D.062T11.3%2014.7l%2D4.6%2D4.6q%2D.275%2D.275%2D.275%2D.7t.275%2D.7t.7%2D.275t.7.275l3.9%203.9l3.9%2D3.9q.275%2D.275.7%2D.275t.7.275t.275.7t%2D.275.7l%2D4.6%204.6q%2D.15.15%2D.325.213t%2D.375.062%22%2F%3E%3C%2Fsvg%3E) no-repeat right 8px center !important;
	background-size: 22px auto !important;
	background-color: var(--base-3) !important;
	line-height: 1.3em;
}

select.ff-el-form-control:not([size]):not([multiple]):focus {
	border: 1px solid var(--tertiary-500);
	outline: 0;
}

.fluentform .frm-fluent-form .radio-btn-custom .ff-el-input--content {
	display: flex;
	gap: 0.75rem;
	flex-wrap: wrap;
	font-size: 0.925rem;
	line-height: 1.6em;
}

.fluentform .frm-fluent-form .ff-el-input--content .ff-el-form-check-input {
	transform: scale(1.2);
	margin-right: 6px;
	cursor: pointer;
	accent-color: var(--primary-500);
}

.fluentform .frm-fluent-form .radio-btn-custom div.ff-el-form-check {
	margin-bottom: 0;
}

.fluentform .frm-fluent-form .range-custom .ff-el-input--content {
	margin-top: 20px;
}

.fluentform .frm-fluent-form .range-custom .rangeslider__fill {
	background: var(--secondary-500);
}

.fluentform #fluentform_11.frm-fluent-form div .ff-el-form-control {
	background-color: var(--primary-500);
	color: var(--primary-200);
}

.fluentform #fluentform_11.frm-fluent-form div .ff-el-form-control:focus {
	outline: 0;
	background-color: var(--primary-600);
	border-color: var(--tertiary-500);
	color: var(--primary-100);
}

.fluentform #fluentform_11.frm-fluent-form div .ff-el-form-control::placeholder {
	color: var(--primary-200);
	opacity: 0.5;
	font-size: 16px;
}

.fluentform #fluentform_11.frm-fluent-form div .ff-el-form-control:focus::placeholder {
	opacity: 0.75;
}

.fluentform #fluentform_11.frm-fluent-form .ff-el-group:not(:last-child) {
	margin-bottom: 10px;
}

.fluentform #fluentform_11.frm-fluent-form div.ff-el-group.ff_submit_btn_wrapper button.ff-btn-submit {
	width: 100%;
	margin: 0;
	color: var(--white);
	background-color: var(--secondary-500);
}

.fluentform #fluentform_11.frm-fluent-form div.ff-el-group.ff_submit_btn_wrapper button.ff-btn-submit:is(:hover,:focus) {
	background-color: var(--secondary-600);
	opacity: 1;
}

.fluentform.fluentform_wrapper_11 div.ff-message-success {
	border: 0;
	color: var(--accent-2);
	font-size: 1.125rem;
	line-height: 1.4em;
	padding: 0;
	margin-top: 0;
	text-align: left;
}