@font-face {
font-display: swap;
font-family: 'Outfit';
font-style: normal;
font-weight: 300;
src: url(https://heatcomfort.de/wp-content/themes/hiebermedia-child/fonts/outfit-v15-latin-300.woff2) format('woff2');
}
@font-face {
font-display: swap;
font-family: 'Outfit';
font-style: normal;
font-weight: 400;
src: url(https://heatcomfort.de/wp-content/themes/hiebermedia-child/fonts/outfit-v15-latin-regular.woff2) format('woff2');
}
@font-face {
font-display: swap;
font-family: 'Outfit';
font-style: normal;
font-weight: 500;
src: url(https://heatcomfort.de/wp-content/themes/hiebermedia-child/fonts/outfit-v15-latin-500.woff2) format('woff2');
}
@font-face {
font-display: swap;
font-family: 'Outfit';
font-style: normal;
font-weight: 600;
src: url(https://heatcomfort.de/wp-content/themes/hiebermedia-child/fonts/outfit-v15-latin-600.woff2) format('woff2');
}
@font-face {
font-display: swap; 
font-family: 'Outfit';
font-style: normal;
font-weight: 700;
src: url(https://heatcomfort.de/wp-content/themes/hiebermedia-child/fonts/outfit-v15-latin-700.woff2) format('woff2');
}
body { 
max-width: none !important;
font-family: 'Outfit', Arial, sans-serif;
}
#wrapper { max-width: none !important;
}
#site-header .elementor-sticky { 
width: 100% !important; }
html {
scroll-padding-top: 94px;
}  :root {
--hm-space-xs: 10px;
--hm-space-s: 24px;
--hm-space-m: 48px;
--hm-space-l: 64px;
--hm-space-xl: 96px;
--hm-space-xxl: 128px;
} @media (max-width: 1024px) {
:root {
--hm-space-xs: 10px;
--hm-space-s: 20px;
--hm-space-m: 40px;
--hm-space-l: 56px;
--hm-space-xl: 80px;
--hm-space-xxl: 112px;
}
} @media (max-width: 767px) {
:root {
--hm-space-xs: 10px;
--hm-space-s: 16px;
--hm-space-m: 32px;
--hm-space-l: 48px;
--hm-space-xl: 64px;
--hm-space-xxl: 96px;
}
} .elementor-sticky--effects.she-header-yes.hm-pady-xs {
padding-top: var(--hm-space-xs) !important;
padding-bottom: var(--hm-space-xs) !important;
}
.elementor-sticky--effects.she-header-yes.hm-pady-s {
padding-top: var(--hm-space-s) !important;
padding-bottom: var(--hm-space-s) !important;
}
.elementor-sticky--effects.she-header-yes.hm-pady-m {
padding-top: var(--hm-space-m) !important;
padding-bottom: var(--hm-space-m) !important;
} .hm-pad-xs, .elementor .e-con.hm-pad-xs { padding: var(--hm-space-xs); }
.hm-pad-s,  .elementor .e-con.hm-pad-s  { padding: var(--hm-space-s); }
.hm-pad-m,  .elementor .e-con.hm-pad-m  { padding: var(--hm-space-m); }
.hm-pad-l,  .elementor .e-con.hm-pad-l  { padding: var(--hm-space-l); }
.hm-pad-xl, .elementor .e-con.hm-pad-xl { padding: var(--hm-space-xl); }
.hm-pad-xxl,.elementor .e-con.hm-pad-xxl{ padding: var(--hm-space-xxl); } .hm-padx-xs, .elementor .e-con.hm-padx-xs {
padding-left: var(--hm-space-xs);
padding-right: var(--hm-space-xs);
}
.hm-padx-s, .elementor .e-con.hm-padx-s {
padding-left: var(--hm-space-s);
padding-right: var(--hm-space-s);
}
.hm-padx-m, .elementor .e-con.hm-padx-m {
padding-left: var(--hm-space-m);
padding-right: var(--hm-space-m);
}
.hm-padx-l, .elementor .e-con.hm-padx-l {
padding-left: var(--hm-space-l);
padding-right: var(--hm-space-l);
}
.hm-padx-xl, .elementor .e-con.hm-padx-xl {
padding-left: var(--hm-space-xl);
padding-right: var(--hm-space-xl);
}
.hm-padx-xxl, .elementor .e-con.hm-padx-xxl {
padding-left: var(--hm-space-xxl);
padding-right: var(--hm-space-xxl);
} .hm-pady-xs, .elementor .e-con.hm-pady-xs {
padding-top: var(--hm-space-xs);
padding-bottom: var(--hm-space-xs);
}
.hm-pady-s, .elementor .e-con.hm-pady-s {
padding-top: var(--hm-space-s);
padding-bottom: var(--hm-space-s);
}
.hm-pady-m, .elementor .e-con.hm-pady-m {
padding-top: var(--hm-space-m);
padding-bottom: var(--hm-space-m);
}
.hm-pady-l, .elementor .e-con.hm-pady-l {
padding-top: var(--hm-space-l);
padding-bottom: var(--hm-space-l);
}
.hm-pady-xl, .elementor .e-con.hm-pady-xl {
padding-top: var(--hm-space-xl);
padding-bottom: var(--hm-space-xl);
}
.hm-pady-xxl, .elementor .e-con.hm-pady-xxl {
padding-top: var(--hm-space-xxl);
padding-bottom: var(--hm-space-xxl);
}  .hm-padt-xs, .elementor .e-con.hm-padt-xs { padding-top: var(--hm-space-xs); }
.hm-padt-s,  .elementor .e-con.hm-padt-s  { padding-top: var(--hm-space-s); }
.hm-padt-m,  .elementor .e-con.hm-padt-m  { padding-top: var(--hm-space-m); }
.hm-padt-l,  .elementor .e-con.hm-padt-l  { padding-top: var(--hm-space-l); }
.hm-padt-xl, .elementor .e-con.hm-padt-xl { padding-top: var(--hm-space-xl); }
.hm-padt-xxl,.elementor .e-con.hm-padt-xxl{ padding-top: var(--hm-space-xxl); } .hm-padr-xs, .elementor .e-con.hm-padr-xs { padding-right: var(--hm-space-xs); }
.hm-padr-s,  .elementor .e-con.hm-padr-s  { padding-right: var(--hm-space-s); }
.hm-padr-m,  .elementor .e-con.hm-padr-m  { padding-right: var(--hm-space-m); }
.hm-padr-l,  .elementor .e-con.hm-padr-l  { padding-right: var(--hm-space-l); }
.hm-padr-xl, .elementor .e-con.hm-padr-xl { padding-right: var(--hm-space-xl); }
.hm-padr-xxl,.elementor .e-con.hm-padr-xxl{ padding-right: var(--hm-space-xxl); } .hm-padb-xs, .elementor .e-con.hm-padb-xs { padding-bottom: var(--hm-space-xs); }
.hm-padb-s,  .elementor .e-con.hm-padb-s  { padding-bottom: var(--hm-space-s); }
.hm-padb-m,  .elementor .e-con.hm-padb-m  { padding-bottom: var(--hm-space-m); }
.hm-padb-l,  .elementor .e-con.hm-padb-l  { padding-bottom: var(--hm-space-l); }
.hm-padb-xl, .elementor .e-con.hm-padb-xl { padding-bottom: var(--hm-space-xl); }
.hm-padb-xxl,.elementor .e-con.hm-padb-xxl{ padding-bottom: var(--hm-space-xxl); } .hm-padl-xs, .elementor .e-con.hm-padl-xs { padding-left: var(--hm-space-xs); }
.hm-padl-s,  .elementor .e-con.hm-padl-s  { padding-left: var(--hm-space-s); }
.hm-padl-m,  .elementor .e-con.hm-padl-m  { padding-left: var(--hm-space-m); }
.hm-padl-l,  .elementor .e-con.hm-padl-l  { padding-left: var(--hm-space-l); }
.hm-padl-xl, .elementor .e-con.hm-padl-xl { padding-left: var(--hm-space-xl); }
.hm-padl-xxl,.elementor .e-con.hm-padl-xxl{ padding-left: var(--hm-space-xxl); } .hm-pad-0,
.elementor .e-con.hm-pad-0 {
padding: 0 !important;
}
.hm-padx-0,
.elementor .e-con.hm-padx-0 {
padding-left: 0 !important;
padding-right: 0 !important;
}
.hm-pady-0,
.elementor .e-con.hm-pady-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}  .gallery-item {
padding: 0 15px 15px 0;
} .gallery-item img {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) !important;	
}   .elementor-nav-menu--main .elementor-nav-menu ul {
min-width: 240px !important;	
} footer p {
color: #ffffff !important;	
} footer a {
color: #ffffff !important;	
} p .fa {
color: #666666;	
width: 20px;
} .elementor-pagination {
margin-top: 30px;	
} .elementor-post__thumbnail {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) !important;
} .elementor-widget-search-form {
max-width: 240px !important;
float: right;	
} .quoupslider {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) !important;
}
.elementor-post__title {
font-size: 1.3em !important;	
} .elementor-button.elementor-size-lg {
font-size: 1.0em !important;
}
header .elementor-widget:not(:last-child) {
margin-bottom: 5px !important;	
}
.hm-section {
box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
}
.nomargin {
margin: 0 !important;	
}
.nopadding {
padding: 0 !important;	
}
a.footerlink, 
a.footerlink:hover {
color: #ffffff;	
} @media screen and (max-width: 767px) {
.elementor-heading-title.elementor-size-xl {
font-size: 1.8em !important;	
}
}
.elementor-form-fields-wrapper.elementor-labels-above > .elementor-field-group .elementor-field-subgroup, .elementor-form-fields-wrapper.elementor-labels-above > .elementor-field-group > .elementor-select-wrapper, .elementor-form-fields-wrapper.elementor-labels-above > .elementor-field-group > input, .elementor-form-fields-wrapper.elementor-labels-above > .elementor-field-group > textarea {
font-family: 'Outfit', Arial, sans-serif;
} .elementor-counter-title {
padding-top: 10px;	
}  .fluentform .dropzone .ff_upload_btn.ff-btn {
color: var(--e-global-color-primary) !important;
padding: 2.5rem !important;
width: 100%;
border: 1px dashed #cccccc !important;
border-radius: 5px;
background: #ffffff !important;
transition: all ease 0.2s;
}
.fluentform .dropzone .ff_upload_btn.ff-btn:hover {
background: rgba(238, 238, 238, 0.50);
}
.fluentform .dropzone .ff-upload-preview {
border: none !important;
}  .fluentform .ff-btn-next {
background-color: var(--e-global-color-primary) !important;
border: 0;
border-radius: 5px;
padding: 12px 20px;
color: #ffffff;
font-size: 16px;
text-decoration: none !important;
}
.fluentform .ff-btn-next:hover {
background-color: var( --e-global-color-da21d1e ) !important;
text-decoration: underline;
}
.fluentform .ff-btn-prev {
background-color: #e9ecef !important;
border: 0;
border-radius: 5px;
padding: 12px 20px;
color: #333333 !important;
font-size: 16px;
text-decoration: none !important;
}
.fluentform .ff-btn-prev:hover {
text-decoration: underline;
}
.fluentform .ff-btn-submit:hover {
opacity: 1 !important;
text-decoration: none !important;
}
.ff-default .ff-el-input--label label { font-size: 1.0em;
}
.fluentform .ff-el-input--label.ff-el-is-required.asterisk-right label::after {
color: var(--e-global-color-primary) !important;
}
.fluentform-step {
padding: 5px !important;
}
.fluentform a {
text-decoration: underline !important;
}
.fluentform p {
margin-bottom: 0px !important;
}