:root {
--hfont: 'Kadwa', serif;
--tfont: 'Hind Vadodara', sans-serif;
--ifont: 'icomoon';
--tcolor: #3B3B3B;
--red: #9E1E21;
--red1: #AE5659;
--red2: #E1A591;
--red3: #E6D8CC;
--yellow: #FDC86C;
--yellow1: #F8E8C6;
--yellowlight: rgba(253, 200, 108, 0.1);
--green1: #3C7B38;
--green2: #73BDB0;
--green3: #B8E8BA;
--tfontsize: 18px;
--stfontsize: 16px;
--h1fontsize: 34px;
--h2fontsize: 32px;
--h3fontsize: 24px;
--shfontsize: 18px;
--redlinksize: 18px;
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"],a[href^="mailto"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;transition:all 0.5s ease}
body{font-family: var(--tfont);font-size:var(--tfontsize);color:var(--tcolor);line-height:1.2;word-wrap:break-word; background: #FFF;}
h1{
font-size:var(--h1fontsize);
}
h2{
font-size:var(--h2fontsize);
}
h3{
font-size:var(--h3fontsize);
}
h1, h2, h3.entry-title{
font-family: var(--hfont);
text-transform: uppercase;
font-weight: 700;
line-height: 1;
}
h1.entry-title {
margin-top: 1.5em;
}
.single-product h1.entry-title {
margin-top: 0;
}
h4{
font-size: var(--shfontsize);
font-weight: bold;
}
h5{
font-size: var(--stfontsize);
}
h6{
font-size:var(--stfontsize);
font-weight: bold;
}
p{
margin:1.5em 0;
line-height: 1.4;
}
a{color:var(--red1);}
a:hover, a:focus{color:var(--red);text-decoration:underline}
h3.entry-title a {
color: inherit;
text-decoration: unset;
}
.subtitle {
font-size: var(--h3fontsize);
}
strong{font-weight:bold}
em{font-style:italic}
pre{overflow-x:auto;white-space:pre-wrap}
pre, code{font-family:'courier new',courier,serif}
hr{height:1px;border:0;margin:30px 0;background:#ccc}
blockquote{padding:15px;border-left:4px solid #ccc;margin:30px 0}
blockquote p:first-of-type{margin-top:0}
.entry-content ul, .archive-meta ul, .widget-container ul, .comment-body ul, .entry-content ol, .archive-meta ol, .widget-container ol, .comment-body ol {
margin: 1.5em 0 1.5em 1.2rem;
}
.entry-content ul ul, .widget-container ul ul, .comment-body ul ul, .entry-content ol ol, .widget-container ol ol, .comment-body ol ol, .entry-content ul ol, .widget-container ul ol, .comment-body ul ol, .entry-content ol ul, .widget-container ol ul, .comment-body ol ul{margin-top:0;margin-bottom:0}
.entry-content ol, .widget-container ol, .comment-body ol{list-style:decimal outside;list-style-type:decimal-leading-zero;margin-left:70px}
.entry-content ul li, .widget-container ul li, .comment-body ul li, .archive-meta ul li{
list-style-type: disc;
}
.entry-content li, .widget-container li, .comment-body li, .archive-meta li{
line-height: initial;
margin: 0.5rem 0;
}
input, textarea {
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
font-size: 18px !important;
padding: 1rem !important;
border: 1px solid #707070;
outline: 0;
margin-top: 10px;
background: #FFFFFF;
}
input:focus, textarea:focus{border-bottom:2px solid #707070}
input[type="submit"], button, .button {
display: inline-block;
font-family: var(--tfont);
font-size: 18px;
text-align: center;
text-decoration: none;
padding: 1rem 1.5rem;
border: 0;
background: var(--yellow);
color: var(--tcolor);
cursor: pointer;
text-transform: uppercase;
line-height: 1;
transition: font-weight 0.3s ease;
}
input[type="submit"]:hover, input[type="submit"]:focus, button:hover, button:focus, .button:hover, .button:focus{
background: var(--yellow1);
text-decoration: unset;
font-weight: bold;
border: 0;
}
.gform_wrapper.gravity-theme .gfield_checkbox label, .gform_wrapper.gravity-theme .gfield_radio label {
display: inline-block;
font-size: 18px !important;
}
.gform_wrapper.gravity-theme .gsection{
border-bottom: 0px !important;
}
.gsection_title {
font-family: var(--hfont);
font-weight: bold;
font-size: 20px;
}
.gfield [aria-required="true"]::placeholder::after{
content: "*";
position: absolute;
}
.gchoice_other_control:disabled {
display: none;
}
.button.cta-btn {
background: var(--red);
color: #f7f7f7;
font-family: var(--hfont);
text-transform: unset;
font-size: 22px;
padding: 1rem 2rem;
}
.button.cta-btn:hover, .button.cta-btn:focus{
background: var(--red1);
font-weight: normal;
}
a.lead-on {
text-decoration: unset;
color: var(--tcolor);
text-transform: uppercase;
border: 1px solid var(--tcolor);
padding: 0.5em;
hyphens: auto;
transition: unset;
}
a.lead-on:hover, a.lead-on:focus{
border: 2px solid var(--tcolor);
font-weight: bold;
}
.link-wrapper a, a.read-more{
font-size: var(--redlinksize);
text-decoration: unset;
}
.link-wrapper a:hover, .link-wrapper a:focus, a.read-more:hover, a.read-more:focus{
text-decoration: underline;
}
a img, input[type="image"], iframe{border:0}
a img:hover, a:focus img, a svg:hover, a:focus svg{opacity:0.5}
img[src$=".svg"], svg{display:inline-block;line-height:normal;vertical-align:middle}
img, video, audio, table, select, textarea{max-width:100% !important;height:auto}
table{width:100%;margin:30px 0}
#wrapper{display:flex;flex-direction:column;max-width:100%;min-height:100vh;margin:0 auto}
#header{
padding: 1em
}
#top-wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
}
#branding {
display: flex;
grid-gap: 1rem;
align-items: baseline;
}
#logo{max-height:100%}
#topbar{}
#container{
flex:1;
padding: 0 1em;
}
.single-product #container {
padding-top: 2em;
}
#content{
width:100%;
}
#sidebar{width:100%;}
#footer{
clear:both;
background: #3b3b3b;
color: #FFF;
padding: 2em 1em;
}
.wrapper{
max-width: 1004px;
margin: 0 auto;
}
section, .entry-content{
padding: 5% 0;
}
body:not(.home) .entry-content{
padding-top: 0;
}
.small-wrapper {
max-width: 660px;
margin: 0 auto;
padding: 0;
}
#header.sticky {
position: fixed;
z-index: 99;
background: #FFF;
width: 100vw;
padding: 0.5em 1em;
}
#header.sticky #logo-container svg #logo-text, #header.sticky #site-description{
display: none;
}
#header.sticky #branding {
height: 50px;
}
#menu-wrapper {
padding: 5% 0 0;
}
#header.sticky #menu-wrapper{
padding-top: 0.5em;
}
#menu:not(.mm-spn){
}
#menu:not(.mm-spn) ul {
padding: 0;
margin: 0;
list-style: none;
display: flex;
width: 100%;
}
#menu:not(.mm-spn) ul li {
display: inline-block;
margin: 0 auto 0.25rem 0;
cursor: pointer;
border-bottom: 2px solid transparent;
vertical-align: top;
position: relative;
}
#menu:not(.mm-spn) ul li:last-child {
margin-right: 0;
}
#menu:not(.mm-spn) a {
display: inline-block;
text-decoration: none;
font-size: 24px;
font-weight: 300;
line-height: 28px;
color: var(--tcolor);
text-transform: uppercase;
padding-right: 0.25rem;
}
#menu:not(.mm-spn) ul li:last-child a {
padding-right: 0;
}
#menu:not(.mm-spn) a:hover, #menu a:focus{
text-decoration:none;
color: var(--red);
}
#menu:not(.mm-spn) ul.sub-menu, #menu:not(.mm-spn) ul.children {
position: absolute;
display: block;
height: 0px;
width: 225px;
top: 100%;
left: 0;
margin-top: 0;
margin-left: -1rem;
padding: 0;
z-index: -1000;
opacity: 0;
overflow: hidden;
background: #fff;
transition: height 0.5s ease;
box-shadow: 0px 3px 3px rgba(0,0,0,0.16);
}
#menu:not(.mm-spn) ul li:last-child ul.sub-menu, #menu:not(.mm-spn) ul li:last-child ul.children {
right: 0;
left: auto;
margin-right: -1rem;
}
#menu:not(.mm-spn) ul.sub-menu li{
min-width: 150px;
max-width: 205px;
}
#menu:not(.mm-spn) ul.sub-menu li::after{
background: unset;
}
#menu:not(.mm-spn) ul.sub-menu a, #menu ul.children a{
text-align:left;
font-size: 19px;
text-transform: unset;
}
#menu ul.sub-menu a:hover, #menu ul.sub-menu a:focus, #menu ul.children a:hover, #menu ul.children a:focus{
color: var(--red);
}
#menu:not(.mm-spn) li.menu-item-has-children a:hover + ul.sub-menu, 
#menu:not(.mm-spn) li.menu-item-has-children a:focus + ul.sub-menu, 
#menu:not(.mm-spn) li.menu-item-has-children a + ul.sub-menu:hover, 
#menu:not(.mm-spn) li.menu-item-has-children a + ul.sub-menu:focus-within, 
#menu:not(.mm-spn) li.page_item_has_children a:hover + ul.children, 
#menu:not(.mm-spn) li.page_item_has_children a:focus + ul.children, 
#menu:not(.mm-spn) li.page_item_has_children a + ul.children:hover, 
#menu:not(.mm-spn) li.page_item_has_children a + ul.children:focus-within{
z-index: 1000;
opacity: 1;
height: auto;
padding: 1rem 0 1rem 1rem;
}
#menu:not(.mm-spn) ul.sub-menu li ul.sub-menu {
display: inline-block;
width: inherit;
position: relative;
padding-left: 0;
z-index: inherit;
opacity: inherit;
}
#menu:not(.mm-spn) ul.sub-menu li.sublabel > a {
font-weight: 500 !important;
}
#menu li.current-menu-ancestor > a, #menu li.current-menu-item > a{
font-weight: 400;
color: var(--red);
}
.menu-toggle{
display:none;
text-align:center;
padding:0;
border:0;
margin:0;
background:none !important;
transition:unset;
}
.menu-icon {
display: inline-grid;
width: 26px;
height: 25px;
margin-top: 2px;
}
.menu-icon .sandwich-black{
display: block;
width: 100%;
height: 3px;
transition: all 200ms ease 0s;
transform-origin: left center 0px;
}
.menu-icon .sandwich-black {
background: var(--tcolor) none repeat scroll 0% 0%;
}
.mm-ocd-opened .menu-icon .sandwich-black:first-of-type {
transform: rotate(40deg);
}
.mm-ocd-opened .menu-icon .sandwich-black:nth-child(2n) {
background: transparent;
}
.mm-ocd-opened .menu-icon .sandwich-black:last-of-type {
transform: rotate(-40deg);
}
.mm-spn a {
font-size: 18px;
padding: 0 !important;
}
.social-navigation {
display: inline-block;
margin: 0;
}
.social-navigation-wrapper {
display: inline;
}
.social-navigation li {
display: inline-block;
padding: 0 0.25rem;
}
.social-navigation li a {
text-decoration: unset;
color: inherit !important;
}
.social-navigation li a::before {
font-family: var(--ifont);
font-size: 1.5rem;
vertical-align: middle;
line-height: 1;
}
.social-navigation li a[href*="facebook"]::before{
content: "\ea91";
}
.social-navigation li a[href*="instagram"]::before{
content: "\ea92";
}
#search{
position: relative;
}
#search label{
padding: 0;
}
#search label::after {
content: "\e986";
font-family: var(--ifont);
position: relative;
width: 30px;
display: block;
text-align: right;
font-size: 1.5rem;
line-height: 1;
}
#search .search-field{
position: absolute;
right: 0;
width:1px;
height:30px;
padding: 2px 5px;
color: transparent;
border-color:transparent;
border-radius: 25px;
margin-top:0;
background-color:#ffffff;
cursor:pointer
}
#search .search-field:focus, #search .search-field:hover {
width: 200px;
cursor: text;
padding: 0.25em 0.5em !important;
color: var(--tcolor);
border: 1px solid #d3d3d3;
right: 30px;
bottom: -2px;
}
#site-title h1, #site-title a{display:inline;font-size:40px;text-decoration:none;margin-bottom:0}
#site-description {
color: var(--tcolor);
font-size: 16px;
max-width: 170px;
}
#header-contact {
display: inline-grid;
text-align: right;
align-items: end;
grid-template-columns: auto auto auto;
justify-content: right;
grid-gap: 0.5em;
}
.contact-data {
display: inline-grid;
}
#header.sticky #header-contact {
align-items: start;
font-size: 96%;
}
#copyright, #copyright a{color:#FFF;}
.single h1.entry-title a{color:var(--tcolor);text-decoration:none}
h2.entry-title, h3.widget-title{margin-top:0}
h3.widget-title {
padding-top: 1.5em;
font-size: var(--tfontsize);
font-weight: bold;
}
#commentform label{display:block}
#commentform #comment{width:100%;max-width:400px !important;height:auto}
#comments .comment-author{line-height:14px}
#comments .comment-author img{margin-right:5px;float:left}
#comments .comment{margin:20px 10px}
#comments .comment-body{padding:15px}
#comments .odd > .comment-body{background:#f6f6f6}
#comments .comment-body > p{font-size:16px;margin:15px 0 0}
#copyright{text-align:center}
.entry-meta, .entry-footer, .archive-meta{margin:30px 0}
.entry-footer{clear:both}
.entry-meta, .entry-meta a, .entry-footer, .entry-footer a, .comment-meta, .comment-meta a, .comment-author, .comment-author a{font-size:14px;color:#767676}
.sticky{padding-bottom:60px;border-bottom:1px solid #f3f3f3;}
.bypostauthor{}
.widget-container{
margin-bottom: 1em;
max-width: 300px;
min-width: 170px;
}
.gallery {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 1rem;
}
.gallery-item {
height: 245px;
position: relative;
}
.wp-caption{width:auto !important}
.wp-caption.aligncenter, .wp-caption-text, .gallery-caption {
text-align: left;
font-size: small;
position: absolute;
bottom: 0;
padding: 5px;
background: rgba(0,0,0, 0.5);
color: #fff;
}
.wp-block-gallery ul, .wp-block-gallery ul li, .wp-block-gallery ul li:before{content:'';margin:0}
.wp-post-image{display:block;margin-bottom:30px}
.entry-attachment img{display:block;margin:60px auto 30px}
.attachment .entry-caption{text-align:center}
.alignleft{margin:0 30px 30px 0;float:left}
.alignright{margin:0 0 30px 30px;float:right}
.aligncenter{display:block;margin:30px auto;clear:both}
#content p.wp-block-cover-text{color:#fff}
.nav-links {
padding: 2em 0;
margin-bottom: 2em;
}
.nav-links a, #nav-above a{text-decoration:none}
#nav-above a{display:block;font-family:tahoma,sans-serif;font-size:50px;color:#767676;line-height:0;margin:30px 0 15px}
.nav-previous{text-align:left;float:left}
.nav-next{text-align:right;float:right}
.widget-area{
display: flex;
flex-wrap: wrap;
grid-gap: 1.5em;
}
.note{display:block;font-size:14px;padding:20px;margin:30px 0}
.icon{display:inline-block;width:32px;height:32px;line-height:normal;vertical-align:middle;mask-size:cover;background-color:currentColor}
.symbol{font-family:"Times","Times New Roman","serif","sans-serif",system-ui,-apple-system,BlinkMacSystemFont,"Avenir Next","Avenir","Segoe UI","Lucida Grande","Helvetica Neue","Helvetica","Fira Sans","Roboto","Noto","Droid Sans","Cantarell","Oxygen","Ubuntu","Franklin Gothic Medium","Century Gothic","Liberation Sans",sans-serif,"EmojiSymbols"}
.round{border-radius:100px}
.circle{border-radius:50%}
.layer{width:100%;padding:5%}
.layer-inner{max-width:800px;margin:0 auto}
.box, .box-2, .box-3, .box-4, .box-5, .box-6, .box-1-3, .box-2-3{display:inline-block;width:100%;padding:5%;vertical-align:top;float:left}
.box-2{width:50%}
.box-3, .box-1-3{width:33.3333333%}
.box-4{width:25%}
.box-5{width:20%}
.box-6{width:16.6666667%}
.box-2-3{width:66.6666666%}
.hero-boxes {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: stretch;
margin-bottom: 2em;
}
.hero-item {
position: relative;
width: 100%;
min-height: 200px;
max-height: 290px;
}
.hero-item .image-wrapper {
width: 100%;
height: 100%;
background: #000;
}
.hero-item .title-wrapper {
position: absolute;
bottom: 25px;
left: 28px;
}
.hero-title {
text-decoration: unset;
text-transform: unset;
color: #FFF;
text-shadow: 0px 3px 6px rgba(0,0,0,0.3);
letter-spacing: 1px;
}
.header-image {
height: 260px;
margin-bottom: 2em;
}
.blog-wrapper, .cat-wrapper, .pakete-wrapper, .referenzen-wrapper{
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-column-gap: 1rem;
grid-row-gap: 2rem;
margin: 2em auto;
}
#news .blog-wrapper {
margin-bottom: 0;
}
.blog-wrapper .post, .cat-wrapper .cat-item, .pakete-wrapper .paket, .referenzen-wrapper .referenz-item{
display: grid;
height: 100%;
align-items: baseline;
}
.blog-wrapper .post header, .cat-wrapper .cat-item header{
display: inline-grid;
grid-template-rows: auto auto;
grid-gap: 1em;
align-content: baseline;
}
.blog-wrapper .post .image-wrapper, .cat-wrapper .cat-item .image-wrapper, .referenzen-wrapper .referenz-item .image-wrapper{
width: 100%;
height: 245px;
}
.blog-wrapper .post .button-wrapper {
align-self: end;
}
#pakete {
padding-bottom: 1em;
}
.pakete-wrapper .paket {
height: 240px;
padding: 32px;
font-size: var(--h2fontsize);
font-family: var(--hfont);
text-transform: uppercase;
word-break: break-all;
}
.paket:hover, .paket:active {
opacity: 0.8;
cursor: pointer;
}
.paket.red{
background: var(--red1);
}
.paket.red1{
background: var(--red2);
}
.paket.yellow{
background: var(--yellow);
}
.paket.green1 {
background: var(--green1);
}
.paket a {
color: #FFF;
text-decoration: unset;
border: 3px solid;
display: inline-grid;
height: 100%;
align-content: end;
padding: 10px 15px;
}
.paket .inner-wrap {
word-break: break-word;
}
#cta {
margin-top: 1em;
margin-bottom: 3em;
}
.cta-image-wrapper {
position: relative;
float: left;
height: 230px;
margin: -6% 5% 0 -1em;
}
.cta-image {
object-fit: contain;
width: 100%;
height: 100%;
}
.cta-wrapper {
display: grid;
grid-template-columns: auto auto;
align-items: center;
}
.cta-description {
text-transform: uppercase;
font-family: var(--hfont);
font-size: 40px;
}
.product-wrapper {
display: grid;
grid-gap: 2em;
grid-template-columns: 100%;
padding: 5% 0;
}
.product-wrapper .product {
border-bottom: 1px solid var(--tcolor);
}
.product-wrapper .product .entry-content {
display: block;
height: 0px;
overflow: hidden;
padding: 0;
transition: all 0.2s ease-in-out;
}
.product-wrapper .product .entry-content.active {
height: auto;
padding: 1em 0 0 0;
overflow: visible;
}
.product-header {
display: grid;
grid-template-columns: 245px auto 220px;
grid-gap: 2em;
}
.button-wrapper {
display: inline-grid;
grid-template-rows: auto auto;
align-content: baseline;
grid-gap: 1em;
}
.product-teaser-wrapper .button-wrapper{
align-self: end;
}
.dl-button, .dl-wrapper {
border: 1px solid var(--tcolor);
padding: 0.75rem;
text-align: center;
}
.dl-button:hover, .dl-wrapper:hover, .dl-button:focus, .dl-wrapper:focus{
border: 2px solid var(--tcolor);
}
a.download, .download{
color: var(--tcolor);
text-decoration: unset;
text-transform: uppercase;
line-height: 1;
cursor: pointer;
}
a.download::before, .download::before{
content: "\e9c7";
font-family: var(--ifont);
padding-right: 5px;
}
.dl-wrapper a {
font-size: 14pt;
word-break: break-word;
margin: 0.5rem 0;
display: block;
}
.product-data {
display: grid;
grid-template-columns: 245px 3fr 3fr;
grid-gap: 2em;
margin-bottom: 1em;
}
.product-data h3 {
font-weight: bold;
font-size: 21px;
line-height: 1.2;
}
h4.label {
margin: 1.5em auto 0 auto;
}
.additional-products {
margin-bottom: -1px;
margin-top: 1em;
}
.fullwidth{
margin-left: calc( (100% - 100vw) / 2 );
width: 100vw;
padding-left: 1em;
padding-right: 1em;
}
.grey{ background: #f3f3f3; }
.cream {
background-color: var(--yellowlight);
}
.left{text-align:left}
.center{text-align:center}
.right{text-align:right}
.float-left{float:left}
.float-right{float:right}
.clear{clear:both}
.clear-left{clear:left}
.clear-right{clear:right}
.clear-float:after, #header:after, #container:after, .boxes:after{display:table;content:'';clear:both}
.offset{padding-top:100px;margin-top:-100px}
.spacer{display:inline-block;width:25px}
.gform_confirmation_wrapper {
background: var(--yellow1);
margin: 1rem auto;
padding: 0.5rem;
}
.show-more{
display: block;
margin: 1em auto;
color: var(--red);
cursor: pointer;
}
.show-more::before{
content: "mehr";
}
.show-more.active::before {
content: "weniger";
}
.product-images {
display: flex;
gap: 1em;
flex-flow: row wrap;
justify-content: left;
margin: 1em auto;
}
.image-item {
height: 200px;
width: auto;
margin: auto;
}
.image-item img {
object-fit: contain;
width: auto;
height: 100%;
}
.product-teaser-wrapper {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 1em;
align-items: baseline;
margin-top: 1em;
}
.product-teaser {
display: inline-grid;
text-align: center;
align-items: normal;
grid-gap: 1em;
height: 100%;
}
.product-teaser .image-wrapper {
height: 190px;
background: #FFF;
text-align: center;
}
.product-teaser .image-wrapper img {
object-fit: contain !important;
}
#kontakt {
margin-top: 5%;
}
#footer-logo {
display: block;
max-width: 200px;
}
#footer-logo svg path {
fill: #FFF !important;
}
#footer nav li {
list-style-type: unset;
margin: 0 0 1em 0;
}
#footer nav ul {
margin-left: 0;
}
#footer nav li a{
text-decoration: unset;
color: #FFF;
}
.image-wrapper img {
object-fit: cover;
width: 100%;
height: 100%;
margin-bottom: 0;
}
.title-wrapper {
position: relative;
}
.link-wrapper {
position: absolute;
right: 0;
top: 0;
}
@media(max-width:1024px){.box-5, .box-6{width:25%}.boxes .box-5:nth-child(5){width:100%}.boxes .box-6:nth-child(5), .boxes .box-6:nth-child(6){width:50%}}
@media(min-width:769px){
#logo-container{
display: block;
height: 60px;
max-width: unset;
}
}
@media(max-width:820px){
#header{}
h1, h2, h3, h4{
hyphens: auto;
}
.menu-toggle{
display: block;
}
.product-header, .product-data{
grid-template-columns: 1fr 2fr;
grid-gap: 1em;
}
.product-data .extensions {
grid-column: 2 / 3;
}
.product-teaser-wrapper{
grid-template-columns: repeat(2, 1fr);
}
}
@media(max-width:819px){
.single .nav-links .nav-previous, .single .nav-links .nav-next{float:none}
.box-3{width:50%}
.boxes .box-3:nth-child(3){width:100%}
}
@media(max-width:576px){
:root{
--h1fontsize: 32px;
--h2fontsize: 30px;
--h3fontsize: 22px;
}
.layer{padding:10%}
input, textarea, .button{width:100% !important}
input[type="checkbox"], input[type="radio"]{width:auto !important}
.box-2, .box-3, .box-4, .box-5, .box-6, .boxes .box-6:nth-child(5), .boxes .box-6:nth-child(6), .box-2-3, .box-1-3{width:100%}
.spacer{display:block;width:100%;height:30px}
.hero-boxes, .blog-wrapper, .cta-wrapper, .cat-wrapper{
grid-template-columns: 100%;
}
section, .entry-content {
padding: 2em 0;
}
#top-wrapper{
display: block;
}
#branding {
display: grid;
text-align: center;
margin: 0 auto;
grid-gap: 0.5em;
width: 100%;
}
#logo-container {
display: block;
height: 50px;
}
#header.sticky #logo-container{
height: 40px;
}
#site-description {
max-width: 100%;
margin-bottom: 0.5em;
}
#search .search-field:focus, #search .search-field:hover{
width: 120px !important;
}
#menu-wrapper {
display: block;
float: left;
padding: 0;
}
#header.sticky #menu-wrapper {
padding-top: 0;
}
#header-contact {
display: flex;
float: right;
position: relative;
text-align: left;
margin-top: 0.75rem;
}
.link-wrapper {
position: relative;
text-align: right;
margin-bottom: 1em;
}
#cta {
margin-top: 5em;
}
.cta-wrapper{
grid-gap: 0.5em;
}
.cta-image-wrapper {
position: relative;
float: none;
height: 170px;
margin: -6em auto 1em auto;
}
.cta-description{
font-size: 35px;
}
.product-header, .product-data, .product-teaser-wrapper, .pakete-wrapper, .referenzen-wrapper{
grid-template-columns: 100%;
grid-gap: 1em;
}
.product-data .extensions {
grid-column: 1 / 2;
}
#footer-logo{
margin: 0 auto;
}
.widget-container{
width: 100%;
}
.widget-area{
grid-gap: 1em;
}
.contact-data {
display: inline-grid;
grid-template-columns: auto auto;
grid-gap: 0.5em;
}
.contact-text {
display: none;
}
.phone a::before, .mail a::before {
font-family: var(--ifont);
font-size: 1.5rem;
vertical-align: middle;
line-height: 1;
}
.phone a::before{
content: "\e942";
}
.mail a::before{
content: "\e945";
}
}
@media print{*{color:#000 !important;background:#fff !important}body{padding:50px !important;margin:0 !important}#content{display:block !important;padding:0 !important;margin:0 !important}#header, #sidebar, #footer, #comments, .entry-footer, .navigation, .share, .video-wrap, iframe, img{display:none !important}}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}
.looper{display:none}
#search .search-submit{display:none !important}@font-face {
font-display: swap; font-family: 'Kadwa';
font-style: normal;
font-weight: 400;
src: url(https://www.huette.at/wp-content/themes/huetteat/assets/fonts/kadwa-v10-latin-regular.eot); src: url(https://www.huette.at/wp-content/themes/huetteat/assets/fonts/kadwa-v10-latin-regular.eot?#iefix) format('embedded-opentype'), url(https://www.huette.at/wp-content/themes/huetteat/assets/fonts/kadwa-v10-latin-regular.woff2) format('woff2'), url(https://www.huette.at/wp-content/themes/huetteat/assets/fonts/kadwa-v10-latin-regular.woff) format('woff'), url(https://www.huette.at/wp-content/themes/huetteat/assets/fonts/kadwa-v10-latin-regular.ttf) format('truetype'), url(https://www.huette.at/wp-content/themes/huetteat/assets/fonts/kadwa-v10-latin-regular.svg#Kadwa) format('svg'); } @font-face {
font-display: swap; font-family: 'Kadwa';
font-style: normal;
font-weight: 700;
src: url(https://www.huette.at/wp-content/themes/huetteat/assets/fonts/kadwa-v10-latin-700.eot); src: url(https://www.huette.at/wp-content/themes/huetteat/assets/fonts/kadwa-v10-latin-700.eot?#iefix) format('embedded-opentype'), url(https://www.huette.at/wp-content/themes/huetteat/assets/fonts/kadwa-v10-latin-700.woff2) format('woff2'), url(https://www.huette.at/wp-content/themes/huetteat/assets/fonts/kadwa-v10-latin-700.woff) format('woff'), url(https://www.huette.at/wp-content/themes/huetteat/assets/fonts/kadwa-v10-latin-700.ttf) format('truetype'), url(https://www.huette.at/wp-content/themes/huetteat/assets/fonts/kadwa-v10-latin-700.svg#Kadwa) format('svg'); } @font-face {
font-display: swap; font-family: 'Hind Vadodara';
font-style: normal;
font-weight: 400;
src: url(https://www.huette.at/wp-content/themes/huetteat/assets/fonts/hind-vadodara-v12-latin-regular.eot); src: url(https://www.huette.at/wp-content/themes/huetteat/assets/fonts/hind-vadodara-v12-latin-regular.eot?#iefix) format('embedded-opentype'), url(https://www.huette.at/wp-content/themes/huetteat/assets/fonts/hind-vadodara-v12-latin-regular.woff2) format('woff2'), url(https://www.huette.at/wp-content/themes/huetteat/assets/fonts/hind-vadodara-v12-latin-regular.woff) format('woff'), url(https://www.huette.at/wp-content/themes/huetteat/assets/fonts/hind-vadodara-v12-latin-regular.ttf) format('truetype'), url(https://www.huette.at/wp-content/themes/huetteat/assets/fonts/hind-vadodara-v12-latin-regular.svg#HindVadodara) format('svg'); } @font-face {
font-display: swap; font-family: 'Hind Vadodara';
font-style: normal;
font-weight: 600;
src: url(https://www.huette.at/wp-content/themes/huetteat/assets/fonts/hind-vadodara-v12-latin-600.eot); src: url(https://www.huette.at/wp-content/themes/huetteat/assets/fonts/hind-vadodara-v12-latin-600.eot?#iefix) format('embedded-opentype'), url(https://www.huette.at/wp-content/themes/huetteat/assets/fonts/hind-vadodara-v12-latin-600.woff2) format('woff2'), url(https://www.huette.at/wp-content/themes/huetteat/assets/fonts/hind-vadodara-v12-latin-600.woff) format('woff'), url(https://www.huette.at/wp-content/themes/huetteat/assets/fonts/hind-vadodara-v12-latin-600.ttf) format('truetype'), url(https://www.huette.at/wp-content/themes/huetteat/assets/fonts/hind-vadodara-v12-latin-600.svg#HindVadodara) format('svg'); }
@font-face {
font-family: 'icomoon';
src:  url(https://www.huette.at/wp-content/themes/huetteat/assets/fonts/icomoon.eot?irrubk);
src:  url(https://www.huette.at/wp-content/themes/huetteat/assets/fonts/icomoon.eot?irrubk#iefix) format('embedded-opentype'),
url(https://www.huette.at/wp-content/themes/huetteat/assets/fonts/icomoon.ttf?irrubk) format('truetype'),
url(https://www.huette.at/wp-content/themes/huetteat/assets/fonts/icomoon.woff?irrubk) format('woff'),
url(https://www.huette.at/wp-content/themes/huetteat/assets/fonts/icomoon.svg?irrubk#icomoon) format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-home3:before {
content: "\e902";
}
.icon-image:before {
content: "\e90d";
}
.icon-phone:before {
content: "\e942";
}
.icon-envelop:before {
content: "\e945";
}
.icon-search:before {
content: "\e986";
}
.icon-menu:before {
content: "\e9bd";
}
.icon-download3:before {
content: "\e9c7";
}
.icon-cross:before {
content: "\ea0f";
}
.icon-share2:before {
content: "\ea82";
}
.icon-facebook2:before {
content: "\ea91";
}
.icon-instagram:before {
content: "\ea92";
}:root{--mm-ocd-width:80%;--mm-ocd-min-width:200px;--mm-ocd-max-width:440px}body.mm-ocd-opened{overflow-y:hidden;-ms-scroll-chaining:none;overscroll-behavior:none}.mm-ocd{position:fixed;top:0;right:0;bottom:100%;left:0;z-index:9999;overflow:hidden;-ms-scroll-chaining:none;overscroll-behavior:contain;background:rgba(0,0,0,0);-webkit-transition-property:bottom,background-color;-o-transition-property:bottom,background-color;transition-property:bottom,background-color;-webkit-transition-duration:0s,.3s;-o-transition-duration:0s,.3s;transition-duration:0s,.3s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:.45s,.15s;-o-transition-delay:.45s,.15s;transition-delay:.45s,.15s}.mm-ocd--open{bottom:0;background:rgba(0,0,0,.25);-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}.mm-ocd__content{position:absolute;top:0;bottom:0;z-index:2;width:80%;width:var(--mm-ocd-width);min-width:200px;min-width:var(--mm-ocd-min-width);max-width:440px;max-width:var(--mm-ocd-max-width);background:#fff;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.mm-ocd--left .mm-ocd__content{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.mm-ocd--right .mm-ocd__content{right:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-ocd--open .mm-ocd__content{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-ocd__backdrop{position:absolute;top:0;bottom:0;z-index:3;width:calc(100% - 80%);width:calc(100% - var(--mm-ocd-width));min-width:calc(100% - 440px);min-width:calc(100% - var(--mm-ocd-max-width));max-width:calc(100% - 200px);max-width:calc(100% - var(--mm-ocd-min-width));background:rgba(3,2,1,0)}.mm-ocd--left .mm-ocd__backdrop{right:0}.mm-ocd--right .mm-ocd__backdrop{left:0}.mm-spn,.mm-spn a,.mm-spn li,.mm-spn span,.mm-spn ul{display:block;padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}:root{--mm-spn-item-height:50px;--mm-spn-item-indent:20px;--mm-spn-line-height:24px}.mm-spn{width:100%;height:100%;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;overflow:hidden;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.mm-spn ul{-webkit-overflow-scrolling:touch;position:fixed;top:0;left:100%;bottom:0;z-index:2;width:130%;padding-right:30%;line-height:24px;line-height:var(--mm-spn-line-height);overflow:visible;overflow-y:auto;background:inherit;-webkit-transition:left .3s ease 0s;-o-transition:left .3s ease 0s;transition:left .3s ease 0s;cursor:default}.mm-spn ul:after{content:'';display:block;height:50px;height:var(--mm-spn-item-height)}.mm-spn>ul{left:0}.mm-spn ul.mm-spn--open{left:0}.mm-spn ul.mm-spn--parent{left:-30%;overflow-y:hidden}.mm-spn li{position:relative;background:inherit;cursor:pointer}.mm-spn li:before{content:'';display:block;position:absolute;top:25px;top:calc(var(--mm-spn-item-height)/ 2);right:25px;right:calc(var(--mm-spn-item-height)/ 2);z-index:0;width:10px;height:10px;border-top:2px solid;border-right:2px solid;-webkit-transform:rotate(45deg) translate(0,-50%);-ms-transform:rotate(45deg) translate(0,-50%);transform:rotate(45deg) translate(0,-50%);opacity:.4}.mm-spn li:after{content:'';display:block;margin-left:20px;margin-left:var(--mm-spn-item-indent);border-top:1px solid;opacity:.15}.mm-spn a,.mm-spn span{position:relative;z-index:1;padding:13px 20px;padding:calc((var(--mm-spn-item-height) - var(--mm-spn-line-height))/ 2) var(--mm-spn-item-indent)}.mm-spn a{background:inherit;color:inherit;text-decoration:none}.mm-spn a:not(:last-child){width:calc(100% - 50px);width:calc(100% - var(--mm-spn-item-height))}.mm-spn a:not(:last-child):after{content:'';display:block;position:absolute;top:0;right:0;bottom:0;border-right:0px solid;opacity:.15}.mm-spn span{background:0 0}.mm-spn.mm-spn--navbar{cursor:pointer}.mm-spn.mm-spn--navbar:before{content:'';display:block;position:absolute;top:25px;top:calc(var(--mm-spn-item-height)/ 2);left:20px;left:var(--mm-spn-item-indent);width:10px;height:10px;margin-top:2px;border-top:2px solid;border-left:2px solid;-webkit-transform:rotate(-45deg) translate(50%,-50%);-ms-transform:rotate(-45deg) translate(50%,-50%);transform:rotate(-45deg) translate(50%,-50%);opacity:.4}.mm-spn.mm-spn--navbar.mm-spn--main{cursor:default}.mm-spn.mm-spn--navbar.mm-spn--main:before{content:none;display:none}.mm-spn.mm-spn--navbar:after{content:attr(data-mm-spn-title);display:block;position:absolute;top:0;left:0;right:0;height:50px;height:var(--mm-spn-item-height);padding:0 40px;padding:0 calc(var(--mm-spn-item-indent) * 2);line-height:50px;line-height:var(--mm-spn-item-height);opacity:.4;text-align:center;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}.mm-spn.mm-spn--navbar.mm-spn--main:after{padding-left:20px;padding-left:var(--mm-spn-item-indent)}.mm-spn.mm-spn--navbar ul{top:51px;top:calc(var(--mm-spn-item-height) + 1px)}.mm-spn.mm-spn--navbar ul:before{content:'';display:block;position:fixed;top:inherit;z-index:2;width:100%;border-top:1px solid currentColor;opacity:.15}.mm-spn.mm-spn--light{color:#444;background:#f3f3f3}.mm-spn.mm-spn--dark{color:#ddd;background:#333}.mm-spn.mm-spn--vertical{overflow-y:auto}.mm-spn.mm-spn--vertical ul{width:100%;padding-right:0;position:static}.mm-spn.mm-spn--vertical ul ul{display:none;padding-left:20px;padding-left:var(--mm-spn-item-indent)}.mm-spn.mm-spn--vertical ul ul:after{height:25px;height:calc(var(--mm-spn-item-height)/ 2)}.mm-spn.mm-spn--vertical ul.mm-spn--open{display:block}.mm-spn.mm-spn--vertical li.mm-spn--open:before{-webkit-transform:rotate(135deg) translate(-50%,0);-ms-transform:rotate(135deg) translate(-50%,0);transform:rotate(135deg) translate(-50%,0)}.mm-spn.mm-spn--vertical ul ul li:last-child:after{content:none;display:none}:root{--f-spinner-width: 36px;--f-spinner-height: 36px;--f-spinner-color-1: rgba(0, 0, 0, 0.1);--f-spinner-color-2: rgba(17, 24, 28, 0.8);--f-spinner-stroke: 2.75}.f-spinner{margin:auto;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height)}.f-spinner svg{width:100%;height:100%;vertical-align:top;animation:f-spinner-rotate 2s linear infinite}.f-spinner svg *{stroke-width:var(--f-spinner-stroke);fill:none}.f-spinner svg *:first-child{stroke:var(--f-spinner-color-1)}.f-spinner svg *:last-child{stroke:var(--f-spinner-color-2);animation:f-spinner-dash 2s ease-in-out infinite}@keyframes f-spinner-rotate{100%{transform:rotate(360deg)}}@keyframes f-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.f-zoomInUp{animation:.2s ease-out .1s both f-zoomInUp}.f-zoomOutDown{animation:.2s ease-out both f-zoomOutDown}@keyframes f-zoomInUp{from{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}}.f-throwOutUp{animation:.175s ease-out both f-throwOutUp}.f-throwOutDown{animation:.175s ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0, -150px, 0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0, 150px, 0);opacity:0}}.f-fadeIn{animation:.2s ease both f-fadeIn;z-index:2}.f-fadeOut{animation:.2s ease both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeOut{100%{opacity:0}}.f-fadeSlowIn{animation:.5s ease both f-fadeSlowIn;z-index:2}.f-fadeSlowOut{animation:.5s ease both f-fadeSlowOut;z-index:1}@keyframes f-fadeSlowIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeSlowOut{100%{opacity:0}}.f-fadeFastIn{animation:.2s ease-out both f-fadeFastIn;z-index:2}.f-fadeFastOut{animation:.2s ease-out both f-fadeFastOut;z-index:2}@keyframes f-fadeFastIn{0%{opacity:.75}100%{opacity:1}}@keyframes f-fadeFastOut{100%{opacity:0}}.f-crossfadeIn{animation:.2s ease-out both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:.1s linear .1s both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-crossfadeOut{100%{opacity:0}}.f-slideIn.from-next{animation:.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext}.f-slideIn.from-prev{animation:.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev}.f-slideOut.to-next{animation:.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext}.f-slideOut.to-prev{animation:.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev}@keyframes f-slideInPrev{0%{transform:translateX(100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideInNext{0%{transform:translateX(-100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideOutNext{100%{transform:translateX(-100%)}}@keyframes f-slideOutPrev{100%{transform:translateX(100%)}}.f-classicIn.from-next{animation:.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;z-index:2}.f-classicIn.from-prev{animation:.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;z-index:2}.f-classicOut.to-next{animation:.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;z-index:1}.f-classicOut.to-prev{animation:.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;z-index:1}@keyframes f-classicInNext{0%{transform:translateX(-75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicInPrev{0%{transform:translateX(75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicOutNext{100%{transform:translateX(-75px);opacity:0}}@keyframes f-classicOutPrev{100%{transform:translateX(75px);opacity:0}}:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-hover-bg: #e0e0e0;--f-button-active-bg: #d0d0d0;--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-disabled-opacity: 0.65}.f-button{display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);pointer-events:all;cursor:pointer;transition:var(--f-button-transition)}@media(hover: hover){.f-button:hover:not([disabled]){color:var(--f-button-hover-color);background-color:var(--f-button-hover-bg)}}.f-button:active:not([disabled]){background-color:var(--f-button-active-bg)}.f-button:focus:not(:focus-visible){outline:none}.f-button:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);fill:var(--f-button-svg-fill);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;transition:opacity .15s ease;transform:var(--f-button-transform);filter:var(--f-button-svg-filter);pointer-events:none}.f-button[disabled]{cursor:default}.f-button[disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}.f-carousel__nav .f-button.is-prev,.f-carousel__nav .f-button.is-next,.fancybox__nav .f-button.is-prev,.fancybox__nav .f-button.is-next{position:absolute;z-index:1}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next{top:50%;transform:translateY(-50%)}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-prev{left:var(--f-button-prev-pos)}.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-next{right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev{left:auto;right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,.is-horizontal.is-rtl .fancybox__nav .f-button.is-next{right:auto;left:var(--f-button-prev-pos)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next{top:auto;left:50%;transform:translateX(-50%)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-prev{top:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-next{bottom:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .f-carousel__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg{transform:rotate(90deg)}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body{touch-action:none}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));overflow:hidden !important;overscroll-behavior-y:none}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-hover-color: #fff;--fancybox-bg: rgba(24, 24, 27, 0.98);--fancybox-slide-gap: 10px;--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-color-1: rgba(255, 255, 255, 0.1);--f-spinner-color-2: #bbb;--f-spinner-stroke: 3.65;position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;display:flex;flex-direction:column;box-sizing:border-box;margin:0;padding:0;color:#f8f8f8;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:visible;z-index:1050;outline:none;transform-origin:top left;-webkit-text-size-adjust:100%;-moz-text-size-adjust:none;-ms-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:contain}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__backdrop{position:fixed;top:0;left:0;bottom:0;right:0;z-index:-1;background:var(--fancybox-bg);opacity:var(--fancybox-opacity, 1);will-change:opacity}.fancybox__carousel{position:relative;box-sizing:border-box;flex:1;min-height:0;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__viewport{width:100%;height:100%}.fancybox__track{display:flex;margin:0 auto;height:100%}.fancybox__slide{flex:0 0 auto;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;margin:0 var(--fancybox-slide-gap) 0 0;padding:4px;overflow:auto;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding-top:40px}.fancybox__slide.has-iframe,.fancybox__slide.has-video,.fancybox__slide.has-html5video{overflow:hidden}.fancybox__slide.has-image{overflow:hidden}.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected{overflow:visible}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}.fancybox__content{align-self:center;display:flex;flex-direction:column;position:relative;margin:0;padding:2rem;max-width:100%;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);cursor:default;border-radius:0;z-index:20}.is-loading .fancybox__content{opacity:0}.is-draggable .fancybox__content{cursor:move;cursor:grab}.can-zoom_in .fancybox__content{cursor:zoom-in}.can-zoom_out .fancybox__content{cursor:zoom-out}.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__content [data-selectable],.fancybox__content [contenteditable]{cursor:auto}.fancybox__slide.has-image>.fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px;background-repeat:no-repeat;background-size:contain;background-position:center center;transition:none;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__slide.has-image>.fancybox__content>picture>img{width:100%;height:auto;max-height:100%}.is-zooming-in .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content,.is-zooming-out .fancybox__slide:not(.is-selected) .fancybox__content{visibility:hidden}.is-animating .fancybox__content,.is-dragging .fancybox__content{filter:blur(0px);will-change:transform,width,height}.fancybox-image{margin:auto;display:block;width:100%;height:100%;min-height:0;object-fit:contain;user-select:none}.fancybox__caption{align-self:center;max-width:100%;flex-shrink:0;margin:0;padding:14px 0 4px 0;overflow-wrap:anywhere;line-height:1.375;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);cursor:auto;visibility:visible}.is-loading .fancybox__caption,.is-closing .fancybox__caption{opacity:0;visibility:hidden}.is-compact .fancybox__caption{padding-bottom:0}.f-button.is-close-btn{--f-button-svg-stroke-width: 2;position:absolute;top:0;right:8px;z-index:40}.fancybox__content>.f-button.is-close-btn{--f-button-width: 34px;--f-button-height: 34px;--f-button-border-radius: 4px;--f-button-color: var(--fancybox-color, #fff);--f-button-hover-color: var(--fancybox-color, #fff);--f-button-bg: transparent;--f-button-hover-bg: transparent;--f-button-active-bg: transparent;--f-button-svg-width: 22px;--f-button-svg-height: 22px;position:absolute;top:-38px;right:0;opacity:.75}.is-loading .fancybox__content>.f-button.is-close-btn{visibility:hidden}.is-zooming-out .fancybox__content>.f-button.is-close-btn{visibility:hidden}.fancybox__content>.f-button.is-close-btn:hover{opacity:1}.fancybox__footer{padding:0;margin:0;position:relative}.fancybox__footer .fancybox__caption{width:100%;padding:24px;opacity:var(--fancybox-opacity, 1);transition:all .25s ease}.is-compact .fancybox__footer{position:absolute;bottom:0;left:0;right:0;z-index:20;background:rgba(24,24,27,.5)}.is-compact .fancybox__footer .fancybox__caption{padding:12px}.is-compact .fancybox__content>.f-button.is-close-btn{--f-button-border-radius: 50%;--f-button-color: #fff;--f-button-hover-color: #fff;--f-button-outline-color: #000;--f-button-bg: rgba(0, 0, 0, 0.6);--f-button-active-bg: rgba(0, 0, 0, 0.6);--f-button-hover-bg: rgba(0, 0, 0, 0.6);--f-button-svg-width: 18px;--f-button-svg-height: 18px;--f-button-svg-filter: none;top:5px;right:5px}.fancybox__nav{--f-button-width: 50px;--f-button-height: 50px;--f-button-border: 0;--f-button-border-radius: 50%;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: transparent;--f-button-hover-bg: rgba(24, 24, 27, 0.3);--f-button-active-bg: rgba(24, 24, 27, 0.5);--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 26px;--f-button-svg-height: 26px;--f-button-svg-stroke-width: 2.5;--f-button-svg-fill: none;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));--f-button-svg-disabled-opacity: 0.65;--f-button-next-pos: 1rem;--f-button-prev-pos: 1rem;opacity:var(--fancybox-opacity, 1)}.fancybox__nav .f-button:before{position:absolute;content:"";top:-30px;right:-20px;left:-20px;bottom:-30px;z-index:1}.is-idle .fancybox__nav{animation:.15s ease-out both f-fadeOut}.is-idle.is-compact .fancybox__footer{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__slide>.f-spinner{position:absolute;top:50%;left:50%;margin:var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));z-index:30;cursor:pointer}.fancybox-protected{position:absolute;top:0;left:0;right:0;bottom:0;z-index:40;user-select:none}.fancybox-ghost{position:absolute;top:0;left:0;width:100%;height:100%;min-height:0;object-fit:contain;z-index:40;user-select:none;pointer-events:none}.fancybox-focus-guard{outline:none;opacity:0;position:fixed;pointer-events:none}.fancybox__container:not([aria-hidden]){opacity:0}.fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content){animation:.25s ease .1s backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{animation:.35s ease backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content){animation:.15s ease forwards f-fadeOut}.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{animation:.35s ease forwards f-fadeOut}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content{width:100%;height:100%}.fancybox__container:not(.is-compact) .has-iframe .fancybox__content,.fancybox__container:not(.is-compact) .has-map .fancybox__content,.fancybox__container:not(.is-compact) .has-pdf .fancybox__content{width:calc(100% - 120px);height:90%}.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.f-carousel__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-outline: 0;--f-thumb-outline-color: #5eb0ef;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1;--f-thumb-border-radius: 2px;--f-thumb-offset: 0px;--f-button-next-pos: 0;--f-button-prev-pos: 0}.f-carousel__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1}.f-carousel__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 20px;--f-thumb-clip-width: 46px}.f-thumbs{position:relative;flex:0 0 auto;margin:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none;perspective:1000px;transform:translateZ(0)}.f-thumbs .f-spinner{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;background-image:linear-gradient(#ebeff2, #e2e8f0);z-index:-1}.f-thumbs .f-spinner svg{display:none}.f-thumbs.is-vertical{height:100%}.f-thumbs__viewport{width:100%;height:auto;overflow:hidden}.f-thumbs__track{display:flex;will-change:transform}.f-thumbs__slide{position:relative;flex:0 0 auto;box-sizing:content-box;display:flex;align-items:center;justify-content:center;padding:0;margin:0;width:var(--f-thumb-width);min-width:var(--f-thumb-width);height:var(--f-thumb-height);overflow:visible;cursor:pointer}.f-thumbs__slide.is-loading img{opacity:0}.is-classic .f-thumbs__viewport{height:100%}.is-modern .f-thumbs__track{width:max-content}.is-modern .f-thumbs__track::before{content:"";position:absolute;top:0;bottom:0;left:calc(var(--left, 0)*1px);width:calc(100% - var(--width, 0)*1px);cursor:pointer}.is-modern .f-thumbs__slide{--clip-path: inset( 0 calc( (var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0)) * 0.5 * (1 - var(--progress, 0)) ) round var(--f-thumb-border-radius, 0) );transform:translate3d(calc(var(--shift, 0) * -1px), 0, 0);transition:none;pointer-events:none}.is-modern .f-thumbs__slide:focus-within:not(.is-selected){filter:drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))}.is-modern .f-thumbs__slide>*{clip-path:var(--clip-path)}.is-modern.in-touch .f-thumbs__slide{filter:none}.is-modern.is-resting .f-thumbs__slide{transition:all .33s ease}.is-modern.is-resting .f-thumbs__slide>*{transition:all .33s ease}.f-thumbs__slide__button{appearance:none;width:100%;height:100%;margin:0;padding:0;border:0;position:relative;border-radius:var(--f-thumb-border-radius);overflow:hidden;background:rgba(0,0,0,0);outline:none;cursor:pointer;pointer-events:auto;touch-action:manipulation;opacity:var(--f-thumb-opacity);transition:opacity .2s ease}.f-thumbs__slide__button:hover{opacity:var(--f-thumb-hover-opacity)}.f-thumbs__slide__button:focus:not(:focus-visible){outline:none}.f-thumbs__slide__button:focus-visible{outline:none;opacity:var(--f-thumb-selected-opacity)}.is-nav-selected .f-thumbs__slide__button{opacity:var(--f-thumb-selected-opacity)}.is-nav-selected .f-thumbs__slide__button::after{content:"";position:absolute;top:0;left:0;right:0;height:auto;bottom:0;border:var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);border-radius:var(--f-thumb-border-radius);animation:f-fadeIn .2s ease-out;z-index:10}.f-thumbs__slide__img{position:absolute;overflow:hidden;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:var(--f-thumb-offset);box-sizing:border-box;pointer-events:none;object-fit:cover}.f-thumbs.is-horizontal .f-thumbs__track{margin:0 auto;padding:8px 0 12px 0}.f-thumbs.is-horizontal .f-thumbs__slide{margin:0 var(--f-thumb-gap) 0 0}.f-thumbs.is-vertical .f-thumbs__track{flex-wrap:wrap;margin:auto 0;padding:0 8px}.f-thumbs.is-vertical .f-thumbs__slide{margin:0 0 var(--f-thumb-gap) 0}.fancybox__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-border-radius: 2px;--f-thumb-outline: 2px;--f-thumb-outline-color: #ededed;position:relative;opacity:var(--fancybox-opacity, 1);transition:max-height .35s cubic-bezier(0.23, 1, 0.32, 1)}.fancybox__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-classic .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 20px;--f-thumb-clip-width: 46px;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-modern .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-horizontal{padding:0 var(--f-thumb-gap)}.fancybox__thumbs.is-vertical{padding:var(--f-thumb-gap) 0}.is-compact .fancybox__thumbs{--f-thumb-width: 64px;--f-thumb-clip-width: 32px;--f-thumb-height: 48px;--f-thumb-extra-gap: 10px}.fancybox__thumbs.is-hidden{max-height:0px !important}.is-closing .fancybox__thumbs{transition:none !important}.fancybox__toolbar{--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));--f-button-width: 46px;--f-button-height: 46px;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: rgba(24, 24, 27, 0.65);--f-button-hover-bg: rgba(70, 70, 73, 0.65);--f-button-active-bg: rgba(90, 90, 93, 0.65);--f-button-border-radius: 0;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.5;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: 0.65;display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));pointer-events:none;z-index:20}.fancybox__toolbar :focus-visible{z-index:1}.fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar{position:absolute;top:0;left:0;right:0}.is-idle .fancybox__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}.fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right{flex-grow:1;flex-basis:0}.fancybox__toolbar__column.is-right{display:flex;justify-content:flex-end;flex-wrap:nowrap}.fancybox__infobar{padding:0 5px;line-height:var(--f-button-height);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;cursor:default;user-select:none}.fancybox__infobar span{padding:0 5px}.fancybox__infobar:not(:first-child):not(:last-child){background:var(--f-button-bg)}[data-fancybox-toggle-slideshow]{position:relative}[data-fancybox-toggle-slideshow] .f-progress{height:100%;opacity:.3}[data-fancybox-toggle-slideshow] svg g:first-child{display:flex}[data-fancybox-toggle-slideshow] svg g:last-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:first-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:last-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{display:flex}.f-progress{position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;background:var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));z-index:30;user-select:none;pointer-events:none}