/* pt-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.lackys.at/wp-content/fonts/pt-sans-v17-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* pt-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: url('https://www.lackys.at/wp-content/fonts/pt-sans-v17-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-semi-condensed-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.lackys.at/wp-content/fonts/barlow-semi-condensed-v15-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* xxxxxxxxxxxxxxxxxxxxxxx */
/* START FLUENT FORMS STYLES */
/* xxxxxxxxxxxxxxxxxxxxxxx */

.fluentform textarea { 
	resize: vertical;
}

/* label style */
.fluentform .frm-fluent-form .ff-el-input--label {
	font-size: 1rem;
	font-weight: 400;
	color: var(--text-base);
	margin-bottom: 5px;
}

/* Newsletter Form */
.fluentform .frm-fluent-form.fluent_form_2 .ff-el-input--label {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	border: 0;
	padding: 0;

	white-space: nowrap;
	clip-path: inset(100%);
	clip: rect(0 0 0 0);
	overflow: hidden;
}

/* field style */
.fluentform .frm-fluent-form div .ff-el-form-control {
	background-color: var(--white);
	border-radius: 0px;
	font-size: 1.125rem;
	padding: 15px;
	color: var(--text-base);
	border: 1px solid rgba(0,0,0,0.25);
}

/* field style */
.fluentform .frm-fluent-form.fluent_form_2 div .ff-el-form-control {
	font-size: 1rem;
}

/* focus field style */
.fluentform .frm-fluent-form div .ff-el-form-control:focus {
	color: var(--text-base);
	border: 1px solid  var(--can-can);
	box-shadow: var(--can-can) 0px 8px 24px;
	outline: none;
}

/* placeholder text style */
.fluentform .frm-fluent-form div .ff-el-form-control::placeholder {
	color: var(--text-base);
	opacity: 0.5;
	font-size: 1.125rem;
}

.fluentform .frm-fluent-form.fluent_form_2 div .ff-el-form-control::placeholder {
	font-size: 1rem;
}

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

/* button style */
.fluentform form.frm-fluent-form div.ff-el-group.ff_submit_btn_wrapper button.ff-btn-submit {
	background-color: var(--cold-purple);
	color: var(--white);
	font-weight: 400;
	border: 1px solid var(--background-body);
	opacity: 1;
	border-radius: 0;
	font-size: 1.125rem;
	padding: 10px 25px;
	margin-top: 40px;
	transition: all 0.3s ease 0s;
}
.fluentform form.frm-fluent-form div.ff-el-group.ff_submit_btn_wrapper {
	margin-bottom: 0;
}

.fluentform form.frm-fluent-form.fluent_form_2 div.ff-el-group.ff_submit_btn_wrapper button.ff-btn-submit {
	margin-top: 0;
	width: 100%;
	font-size: 1rem;
}

/* button hover style */
.fluentform form.frm-fluent-form div.ff-el-group.ff_submit_btn_wrapper button.ff-btn-submit:is(:hover, :focus) {
	background-color: var(--deco);
	color: var(--text-base);
	opacity: 1;
	letter-spacing: 0.04em;
}
.fluentform form.frm-fluent-form div.ff-el-group.ff_submit_btn_wrapper button.ff-btn-submit:focus {
	outline: auto;
}

/* DSGVO text style */
input[type=checkbox]:checked {
	accent-color: var(--can-can);
}
.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: 16px;
}

/* form error text style */
.fluentform .ff-el-is-error div.error.text-danger {
	font-size: 14px;
	margin-top: 0px;
}

/* form error field style */
.fluentform .ff-el-is-error div .ff-el-form-control {
	border: 1px solid #f56c6c;
}

/* success message style */
.fluentform .ff-message-success {
	position: relative;
	border: 1px solid var(--contrast);
	color: var(--contrast);
	box-shadow: none;
	font-size: 1.5rem;
	line-height: 1.3em;
	padding: 20px;
	margin-top: 30px;
	text-align: center;
}

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

/* phone style */
.fluentform .iti__selected-flag {
	padding-left: 15px;
	background: transparent !important;
}

.iti__country-list {
	color: var(--background-body);
}
.fluentform .frm-fluent-form input.ff-el-form-control.ff-el-phone {
	padding-left: 60px;
}

/* dropdown field */
select.ff-el-form-control:not([size]):not([multiple]) {
	height: 53.5px !important;
	padding: 15px!important;
	text-overflow: ellipsis;

	background-color: #fff !important; /* белый фон */
	background-image: 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');
	background-repeat: no-repeat !important;
	background-position: right 8px center !important;
	background-size: 22px auto !important;

	line-height: 1.3em;
}
select.ff-el-form-control:not([size]):not([multiple]):focus {
  outline: none;
}

/* Turnliste */
div.ff-el-turnstile.cf-turnstile {
	text-align: center;
}

@media (min-width: 220px) {}

@media (max-width: 767px) {
	/* field style */
.fluentform .frm-fluent-form div .ff-el-form-control {
		font-size: 1rem;
	}
	
	/* placeholder text style */
.fluentform .frm-fluent-form div .ff-el-form-control::placeholder {
		font-size: 1rem;
	}
}

@media (min-width: 768px) {
	.fluentform .ff-message-success {
		font-size: 2rem;
	}
}



@media (min-width: 1025px) {

}

/* END FLUENT FORMS STYLES */