/* raleway-500 - 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: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: url('https://holzbau-stur.at/wp-content/fonts/raleway-v34-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-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: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('https://holzbau-stur.at/wp-content/fonts/raleway-v34-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* work-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: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  src: url('https://holzbau-stur.at/wp-content/fonts/work-sans-v19-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* work-sans-500 - 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: 'Work Sans';
  font-style: normal;
  font-weight: 500;
  src: url('https://holzbau-stur.at/wp-content/fonts/work-sans-v19-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


.glider,.glider-contain{margin:0 auto;position:relative}.glider,.glider-track{transform:translateZ(0)}.glider-dot,.glider-next,.glider-prev{border:0;padding:0;user-select:none;outline:0}.glider-contain{width:100%}.glider{overflow-y:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:none}.glider-track{width:100%;margin:0;padding:0;display:flex;z-index:1}.glider.draggable{user-select:none;cursor:-webkit-grab;cursor:grab}.glider.draggable .glider-slide img{user-select:none;pointer-events:none}.glider.drag{cursor:-webkit-grabbing;cursor:grabbing}.glider-slide{user-select:none;justify-content:center;align-content:center;width:100%;min-width:150px}.glider-slide img{max-width:100%}.glider::-webkit-scrollbar{opacity:0;height:0}.glider-next,.glider-prev{position:absolute;background:0 0;z-index:2;font-size:40px;text-decoration:none;cursor:pointer;color:#666;opacity:1;line-height:1;transition:all .3s cubic-bezier(.17,.67,.83,.67)}.glider-next:focus,.glider-next:hover,.glider-prev:focus,.glider-prev:hover{color:#ccc}.glider-next{left:auto}.glider-next.disabled,.glider-prev.disabled{opacity:.25;color:#666;cursor:default}.glider-hide{opacity:0}.glider-dots{user-select:none;display:flex;flex-wrap:wrap;justify-content:center;margin: 40px auto 0;padding:0}.glider-dot{display:block;cursor:pointer;color:#ccc;border-radius:999px;background:#ccc;width:12px;height:12px;margin:7px}.glider-dot:focus,.glider-dot:hover{background:#ddd}.glider-dot.active{background:#a89cc8}@media(max-width:36em){.glider::-webkit-scrollbar{opacity:1;-webkit-appearance:none;width:7px;height:3px}.glider::-webkit-scrollbar-thumb{opacity:1;border-radius:99px;background-color:rgba(156,156,156,.25);-webkit-box-shadow:0 0 1px rgba(255,255,255,.25);box-shadow:0 0 1px rgba(255,255,255,.25)}}

.glider-dots .glider-dot {
	width: 24px;
	height: 24px;
	opacity: 0.5;
	transition: all 0.15s ease;
	position: relative;
	margin: 0;
	background: var(--background-body);
	border-radius: 12px;
}
.glider-dots .glider-dot:before {
	content: '';
	position: absolute;
	top: 8px;
	left: 8px;
	width: 8px;
	height: 8px;
	background-color: var(--text-body);
	border-radius: 12px;
}

.glider-dots .glider-dot.active {
	background-color: var(--background-body);
	position: relative;
	opacity: 1;
	border-radius: 12px;
}
.glider-dots .glider-dot.active:before {
	content: '';
	position: absolute;
	top: 5px;
	left: 5px;
	width: 14px;
	height: 14px;
	background: var(--text-body);
	border-radius: 12px;
}

/* 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 var(--text-body);
	border-radius: 0px;
	font-size: 1.125rem;
	padding: 15px;
	color: var(--text-body);
	font-family: 'Work Sans';
}

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

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

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

/* DSGVO text style */
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: 16px;
}
.ff-el-form-check-label .ff_t_c a {
	color: var(--accent-2);
}
.ff-el-form-check-label .ff_t_c a:hover {
	color: var(--text-body);
}

/* button style */
.fluentform .frm-fluent-form button.ff-btn.ff-btn-submit {
	width: 100%;
	background-color: var(--text-lite);
	color: var(--white);
	border: none;
	opacity: 1;
	border-radius: 0;
	font-size: 1.125rem;
	font-weight: 400;
	padding: 10px 24px;
	margin-top: 20px;
	transition: all 0.3s ease 0s;
}

/* button hover style */
.fluentform .frm-fluent-form button.ff-btn.ff-btn-submit:hover {
	background-color: var(--text-body);
	color: var(--white);
	opacity: 1;
}

/* 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 div.ff-message-success {
	position: relative;
	border: 1px solid var(--text-lite);
	color: var(--text-lite);
	box-shadow: none;
	font-size: 1.5rem;
	line-height: 1.3em;
	padding: 20px;
	margin-top: 60px;
	text-align: center;
}
.fluentform div.ff-message-success p {
	margin-bottom: 0;
}

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

.iti__country-list {
	color: var(--text-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: 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-2);
	outline: none;
}

/* radio button */
.fluentform div.radio-container--custom div.ff-el-input--content {
	display: flex;
	flex-wrap: wrap;
}

.fluentform div.radio-container--custom div.ff-el-input--content div:nth-child(1), 
.fluentform div.radio-container--custom div.ff-el-input--content div:nth-child(2) {
	width: 50%;
}
.fluentform div.radio-container--custom div.ff-el-input--content div {
	margin-bottom: 0;
}

/* Radio & Checkbox Custom */
.fluentform form.frm-fluent-form div.ff-el-group input[type=checkbox], 
.fluentform form.frm-fluent-form div.ff-el-group input[type=radio] {
	margin-left: 2px;
	margin-right: 5px;
	width: 10px;
	height: 10px;
}
.fluentform form.frm-fluent-form div.ff-el-group input[type=checkbox] {
	margin-right: 13px;
}
.fluentform form.frm-fluent-form div.ff-el-group input[type=checkbox]:after, 
.fluentform form.frm-fluent-form div.ff-el-group input[type=radio]:after {
	top: -3px;
	left: -2px;
	margin: 0;
}

/* END FLUENT FORMS STYLES */

/* Hero Img */
img.hero-img {
	transform: scale(0);
	transition: all 0.5s ease 0s;
}
img.hero-img.resize {
	transform: scale(1);
}

/* Logo */
img.img-logo__animation {
	transform: translatex(-120%);
	transition: all 0.4s ease 0s;
}
img.img-logo__animation.show {
	transform: translatex(0);
}

/* Blog */
.blog-title__animation span:nth-child(2) {
	transform: translatey(100%);
	transition: all 0.7s ease 0s;
}
.blog-title__animation span:nth-child(2).show {
	transform: translatey(0);
}

/* My Quality */
.my-quality__animation {
	transform: translatex(-100%);
	transition: all 0.5s ease 0s;
}
.my-quality__animation.show {
	transform: translatex(0);
}

.hystmodal__opened,
.hystmodal__shadow {
    position: fixed;
    right: 0;
    left: 0;
    overflow: hidden;
}
.hystmodal__shadow {
    border: none;
    display: block;
    width: 100%;
    top: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 105;
    opacity: 0;
    transition: opacity 0.15s ease;
    background-color: #000;
}
.hystmodal__shadow--show {
    pointer-events: auto;
    opacity: 0.5;
}
.hystmodal {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    opacity: 1;
    pointer-events: none;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    z-index: 110;
    visibility: hidden;
}
.hystmodal--active {
    opacity: 1;
}
.hystmodal--active,
.hystmodal--moved {
    pointer-events: auto;
    visibility: visible;
}
.hystmodal__wrap {
    flex-shrink: 0;
    flex-grow: 0;
    width: 100%;
    /* min-height: 100%;  */
    margin: auto;
    pointer-events: auto;
	padding: 40px;
}
.hystmodal__window {
    margin: 10vh 0;
    box-sizing: border-box;
    flex-shrink: 0;
    flex-grow: 0;
    overflow: visible;
    transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
    /* transform: scale(0.9); */
    opacity: 0;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
.hystmodal--active .hystmodal__window {
    transform: scale(1);
    opacity: 1;
}
.hystmodal__close {
    position: absolute;
    z-index: 10;
    top: -30px;
    right: -30px;
    display: block;
    width: 30px;
    height: 30px;
    background-color: #f3ece3;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000000' stroke='%23000000' stroke-linecap='square' stroke-miterlimit='50' stroke-width='2' d='M22 2L2 22'/%3E%3Cpath fill='none' stroke='%23000000' stroke-linecap='square' stroke-miterlimit='50' stroke-width='2' d='M2 2l20 20'/%3E%3C/svg%3E");
    background-size: 40%;
    border: none;
	border-radius: 0;
    font-size: 0;
    cursor: pointer;
    outline: none;
	transition: all 0.3s ease;
}
.hystmodal__close:hover, .hystmodal__close:focus {
	background-color: var(--accent);	
}
.hystmodal__close:focus {
    outline: 2px dotted #afb3b9;
    outline-offset: 2px;
}
@media (max-width: 767px) {
    .hystmodal__close {
        top: -24px;
        right: -24px;
        width: 24px;
        height: 24px;
		background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000000' stroke='%23000000' stroke-linecap='square' stroke-miterlimit='50' stroke-width='2' d='M22 2L2 22'/%3E%3Cpath fill='none' stroke='%23000000' stroke-linecap='square' stroke-miterlimit='50' stroke-width='2' d='M2 2l20 20'/%3E%3C/svg%3E");
    }
	
    .hystmodal__window {
        margin: 0;
    }
}

.modal-button {
	outline: none;
	line-height: 1em;
	font-size: 1rem;
	z-index: 300;
}