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

.fluentform textarea { 
	resize: vertical;
}

/* label style */
.fluentform .frm-fluent-form .ff-el-input--label {
	position: absolute!important;
	width: 1px!important;
	height: 1px!important;
	margin: -1px!important;
	border: 0!important;
	padding: 0!important;
	overflow: hidden!important;
	clip: rect(0,0,0,0)!important;
	white-space: nowrap!important;
}

/* field style */
.fluentform .frm-fluent-form div .ff-el-form-control {
	border: 1px solid transparent;
	border-radius: .25rem;
	padding: 10px 15px;
	color: var(--contrast);
	font-size: 1.125rem;
	font-family: "Figtree";
}

/* focus field style */
.fluentform .frm-fluent-form div .ff-el-form-control:focus {
	border: 1px solid var(--);
	color: var(--accent-2);
	outline: none;
	font-family: "Figtree";
}

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

/* placeholder focus text style */
.fluentform .frm-fluent-form div .ff-el-form-control:focus::placeholder {
	color: var(--contrast);
}

/* DSGVO text style */
input[type=checkbox]:checked {
	accent-color: var(--accent-3);
}
.fluentform .ff-el-form-check-label {
	color: var(--base-3);
}
.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;
}

/* button style */
.fluentform form.frm-fluent-form div.ff-el-group.ff_submit_btn_wrapper button.ff-btn-submit {
	background-color: var(--accent-3);
	border-radius: .125rem;
	color: var(--base-3);
	display: inline-flex;
	font-size: 1.0625rem;
	font-weight: 600;
	justify-content: center;
	padding: .75rem 1.5rem;
	text-align: center;
	transition: all 0.5s ease 0s;
}

/* button hover style */
.fluentform form.frm-fluent-form div.ff-el-group.ff_submit_btn_wrapper button.ff-btn-submit:hover,
.fluentform form.frm-fluent-form div.ff-el-group.ff_submit_btn_wrapper button.ff-btn-submit:focus {
	color: var(--accent-3);
	background-color: var(--tint-3);
	opacity: 1;
}

/* mobile full width button */
@media (max-width: 768px) {
  .fluentform .frm-fluent-form .ff-btn-submit {
    width: 100%;
  }
}

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

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

/* 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: 60px;
	text-align: center;
}

/* 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: 41px !important;
	padding: 10px 20px!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;
	line-height: 1.3em;
}
select.ff-el-form-control:not([size]):not([multiple]):focus {
	border: 1px solid  var(--accent);
  outline: none;
}

.fluentform span.ff_upload_btn.ff-btn {
	width: 100%;
	text-align: center;
	border-radius: .25rem;
	background-color: var(--tint-2);
	color: var(--contrast);
	transition: all 0.5s ease;
}
.fluentform span.ff_upload_btn.ff-btn:hover,
.fluentform span.ff_upload_btn.ff-btn:focus{
	background-color: var(--accent-3);
	color: var(--base-3);
}

.fluentform .ff-el-input--content .ff-el-turnstile.cf-turnstile {
	text-align: center;
}

/* END FLUENT FORMS STYLES */











/* figtree-300 - 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: 'Figtree';
  font-style: normal;
  font-weight: 300;
  src: url('https://ponez.at/wp-content/fonts/figtree-v6-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* figtree-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: 'Figtree';
  font-style: normal;
  font-weight: 400;
  src: url('https://ponez.at/wp-content/fonts/figtree-v6-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* figtree-600 - 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: 'Figtree';
  font-style: normal;
  font-weight: 600;
  src: url('https://ponez.at/wp-content/fonts/figtree-v6-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* figtree-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: 'Figtree';
  font-style: normal;
  font-weight: 700;
  src: url('https://ponez.at/wp-content/fonts/figtree-v6-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}