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

/* START FLUENT FORMS STYLES */

/* label style */
.fluentform .frm-fluent-form .ff-el-input--label {
  font-size: 14px;
  font-weight: 300;
  color: var(--contrast-2);
  margin-bottom: 0;
}

/* field style */
.fluentform .frm-fluent-form .ff-el-form-control {
  border: 1px solid var(--base);
  border-radius: 2px;
  font-size: 16px;
  padding: 10px 20px;
}

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

/* 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;
}

/* DSGVO text style */
.ff-el-form-check-label .ff_t_c {
	font-size: 16px;
	color: var(--contrast-2);
}
.ff-el-form-check-label .ff_t_c a {
	color: var(--accent);
}
.ff-el-form-check-label .ff_t_c a:hover {
	color: var(--contrast-2);
	text-decoration: underline;
}

/* placeholder text style */
.fluentform .frm-fluent-form .ff-el-form-control::placeholder {
  color: var(--base);
  font-size: 16px;
}

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

/* button style */
.fluentform .frm-fluent-form .ff-btn-submit {
  background-color: var(--accent) !important;
  color: var(--white);
  opacity: 100%;
  border-radius: 2px;
  font-size: 16px;
  font-weight: 700;
  padding: 12px 24px;
  transition: all 0.3s ease 0s;
}

/* button hover style */
.fluentform .frm-fluent-form .ff-btn-submit:hover {
  background-color: var(--contrast-3) !important;
  box-shadow: 0 10px 20px 0 rgba(11, 143, 53, 0.3);
  opacity: 1;
}

/* full width buttons */
form.fluent_form_3 .ff-btn-submit, form.fluent_form_4 .ff-btn-submit {
	width: 100%;
}

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

/* top align email form */
.frm-fluent-form .ff-t-cell .ff_submit_btn_wrapper_custom {
  margin-top: 0px !important;
}

/* success message style */
.fluentform .ff-message-success {
  position: relative;
  border: none;
  box-shadow: none;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  padding: 0px;
  margin-top: 20px;
}

/* button upload style */
.ff-el-group .ff-el-input--content .ff_file_upload_holder span.ff_upload_btn {
	width: 100%;
	border-radius: 2px;
	background-color: var(--base-2);
border: 1px solid var(--contrast-2);
	color: var(--contrast-2);
	transition: all 0.3s ease 0s;
	display: flex;
	justify-content: center;
	align-items: center;
}
.ff-el-group .ff-el-input--content .ff_file_upload_holder span.ff_upload_btn:hover {
	border: 1px solid var(--accent);
	color: var(--accent);
}

/* phone style */
.fluentform .iti__selected-flag {
	padding-left: 15px;
	background: transparent !important;
}
.fluentform .frm-fluent-form input.ff-el-form-control.ff-el-phone {
	padding-left: 60px;
}

/* END FLUENT FORMS STYLES */

/* START ROTATE ANIMATION */
.cogwheel-1 {
    position: absolute;
    bottom: -20px;
    right: -200px;
    animation: spin-dec 45s linear infinite;
}
@media screen and (min-width: 767px) {
	.cogwheel-1 {
		bottom: 40px;
	}
}


.cogwheel-2 {
    position: absolute;
    bottom: 220px;
    right: 300px;
    animation: spin-inc 15s linear infinite;
}

.cogwheel-3 {
    position: absolute;
    top: 30px;
    right: 130px;
    animation: spin-inc 35s linear infinite;
}

.cogwheel-4 {
    position: absolute;
    bottom: -670px;
    left: -80px;
    animation: spin-inc 80s linear infinite;
}

@media screen and (min-width: 1301px) {
	.cogwheel-4 {left: 150px;}
}


@keyframes spin-inc {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@keyframes spin-dec {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(-360deg);
    }
}
/* END ROTATE ANIMATION */