@charset 'UTF-8';
@font-face { font-family: Bai Jamjuree; src: url(//www.metallbau-hulan.at/wp-content/themes/hulan/fonts/BaiJamjuree-Regular.ttf); font-display: swap;} 
@font-face { font-family: Bai Jamjuree; font-weight: bold; src: url(//www.metallbau-hulan.at/wp-content/themes/hulan/fonts/BaiJamjuree-Medium.ttf); font-display: swap;} 
@font-face { font-family: Overpass; src: url(//www.metallbau-hulan.at/wp-content/themes/hulan/fonts/Overpass-Black.ttf); font-display: swap;} 
body,html{margin: 0; padding: 0;font-family: 'Bai Jamjuree', sans-serif;color:#222222;font-size: 18px;scroll-behavior:smooth;}
*{box-sizing: border-box;}
img{max-width:100%; height: auto;}
.headerhero{width:100%; height: 100vh;position: relative;}
body.home .headerhero{height: auto;}
.headerhero img{width:100%; height: 100%; object-fit: cover;}
h1, h2, h3, h4, h5, h6{font-family: 'Overpass', sans-serif;}
.navi{position:fixed;bottom: 0; right: 0;z-index: 111;}
.menu-hauptnavigation-container{background:rgba(0, 48, 79, .8);color: #fff;max-width: 320px;padding: 50px 20px 50px 50px;display:none;}
.navi a{color:#fff;}
.logo, .HYPE_document{position:absolute!important; top: 45%; left: 10%; transition: all 1s;}
.logo img{width: auto!important;}
ul.menu{padding:0;margin: 0;}
.menu li a{text-transform: uppercase;text-decoration: none;font: normal normal 900 20px/31px Overpass;letter-spacing: 0px;}
.menu li{list-style: none;margin: 10px 0;}
.mobilemenu{min-width: 320px;padding: 15px 20px 10px 50px;cursor: pointer;background:rgba(0, 48, 79, .8);color: #fff;align-items: center;}
.iconscontainer{display:flex; flex-wrap: wrap;}
.navititel{text-transform: uppercase;font: normal normal 900 20px/31px Overpass;letter-spacing: 0px;margin-right: 30px;width:60%;}
.cta-buttons{display:flex; flex-wrap: wrap;align-items: center;}
.cta-buttons .email{background:rgba(0, 48, 79, .8);margin: 0 5px;width: 65px;height: 65px;position: relative;}
.cta-buttons .tel{background:rgba(0, 48, 79, .8);margin: 0 5px 0 0;width: 65px;height: 65px;position: relative;}
.cta-buttons a{position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.cta-buttons a svg{position: absolute;left: 0; top: 0; bottom: 0; right: 0; margin: auto;}
.container{width:100%; padding: 5% 15px; display: flex; flex-wrap: wrap; max-width: 1200px;margin: 0 auto;}
.wp-block-group__inner-container{width:100%; padding: 3% 15px; display: flex; flex-wrap: wrap; max-width: 1200px;margin: 0 auto;}
.nth2{border-left:1px solid #fff;border-right:1px solid #fff;}
.dreier{margin:0 auto; max-width: 1400px;}
.container h1{color: #00304F;text-transform: uppercase;}
.htgross{position:relative;padding: 0 0 20px 0;text-transform: uppercase;color: #00304F;font-size: 50px; line-height: 50px;}
.nth1 .titeloverlay{position:absolute; left: 0; top: 0; width: 100%;transition: all 0.5s;opacity: 1;visibility: visible;}
.nth2 .titeloverlay{position:absolute; left: 0;right: 0; bottom: 0; margin: auto;top: 0; width: 100%;transition: all 0.5s;opacity: 1;visibility: visible;}
.nth3 .titeloverlay{position:absolute; left: 0; bottom: 0; width: 100%;transition: all 0.5s;opacity: 1;visibility: visible;} .htklein{position:relative;padding: 0 0 20px 0;text-transform: uppercase;color: #00304F;}
.row-3{display: flex;background-size: cover!important;background-position: top center;background-image: none;
transition: all 0.5s;position: relative;
}
.dreiercontent .wp-block-group__inner-container{max-width: none;padding: 0;}
.dreiercontent .wp-block-group__inner-container .wp-block-column{margin:0;padding: 5% 3%;}
.row-3 .col33{width: 33.33%;height: 600px;display: flex;opacity: 1!important;flex-wrap: wrap;align-items: center;background-size: cover;background-position:top center;position: relative;transition: all 0.5s;}
.hellgrau{background:#F7F7F7;}
.dunkelgrau{background:#EAEAEA;}
.overlayneu{position:absolute; left: 0; top: 0; width: 100%; height: 100%;background-size: cover;background-position: center;opacity: 0; visibility: hidden;transition: all 0.5s;}
.overlay{position:absolute; left: 0; top: 0; content: ""; width:100%; height: 0;background: rgba(0,0,0,.5);transition: all 0.4s;transition-timing-function: ease-out;}
.stage-content{width:100%; color: #fff;text-align: center;margin: 0 auto; max-width: 300px;z-index: 11;transition: all 0.5s;}
.stage-content h3{font: normal normal 900 50px/76px Overpass;text-transform: uppercase;display: none!important;}
.stage-content .stage-innen, .stage-content .mehrbtn{visibility:hidden;transition: all 0.5s;opacity: 0;}
.mehrbtn a{background: #FBBA00 0% 0% no-repeat padding-box;
opacity: 0.9;font: normal normal 900 20px/31px Overpass;color:#fff; text-decoration: none;padding:10px 24px; border-radius: 8px;}
.stage-innen{margin:0 0 3em 0;}
.row-3 .col33:nth-child(1){background-image: url(//www.metallbau-hulan.at/wp-content/themes/hulan/img/mitmetallcut.jpg);}
.row-3 .col33:nth-child(2){background-image: url(//www.metallbau-hulan.at/wp-content/themes/hulan/img/middle-cut.jpg);}
.row-3 .col33:nth-child(3){background-image: url(//www.metallbau-hulan.at/wp-content/themes/hulan/img/bereichteam-gesamt-V3-ausschnitt.jpg);background-position: right top;}
.htgross:after {
width: 100px;
height: 1px;
background: #00304F;
position: absolute;
left: 0;
bottom: 0;
content: "";
}
.htklein:after {
width: 100px;
height: 1px;
background: #00304F;
position: absolute;
left: 0;
bottom: 0;
content: "";
}
#hamburger {
width: 40px;
height: 40px;
display: block;
position: relative;
float: right;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
cursor: pointer;
}
#hamburger:before{content: "Navigation";text-transform: uppercase; position: absolute; left: -180px; top: 0;font-size: 24px;}
#hamburger span {
display: block;
position: absolute;
height: 4px;
width: 100%;
background: rgba(255,255,255,.8);
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.25s ease-in-out;
-moz-transition: 0.25s ease-in-out;
-o-transition: 0.25s ease-in-out;
transition: 0.25s ease-in-out;
}
#hamburger span:nth-child(1) {
top: 0px;
}
#hamburger span:nth-child(2) {
top: 12px;
}
#hamburger span:nth-child(3) {
top: 24px;
}
#hamburger.open span:nth-child(1) {
top: 14px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
#hamburger.open span:nth-child(2) {
opacity: 0;
left: -60px;
}
#hamburger.open span:nth-child(3) {
top: 14px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.ajax-load-more-wrap ul.alm-listing li.grid-item{
border: 1px solid #efefef;
width: 31.33%;
margin: 0 1% 1%;
float: left;
display: inline;
}
.alm-masonry{max-width: 1400px; margin: 0 auto;}
.ajax-load-more-wrap ul.alm-listing li.grid-item{border:none!important;}
.grid-item-content{position:relative;}
.grid-item{transition: box-shadow .3s;}
.grid-item:hover img{box-shadow: 0 0 20px rgba(33,33,33,.4); opacity: 1; filter: none;}
.grid-item:hover h3{color:#fff;}
.grid-item img{filter: grayscale(100%);opacity: 0.4;transition: all 0.5s; }
.grid-item-h{position: absolute; left: 0;bottom: 0; right: 0; margin: auto;width:100%; height: auto;text-align: center;display: flex; align-items: center;}
.grid-item-h h3{width:100%; text-align: center;text-transform: uppercase; color: #000;}
.alm-btn-wrap .alm-load-more-btn{background:#FBBA00!important;} .tab {width:100%;
overflow: hidden;
}
.ntp{padding:0 15px!important;} .tab button {
background-color: rgba(251, 186, 0, .16);margin: 5px;border-radius: 5px;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
font-size: 17px;color:#00304F;
}
p{line-height:24px;}
#kontakt a{color:#FBBA00;}
#kontakt{position:relative;background-image: url(//www.metallbau-hulan.at/wp-content/themes/hulan/img/Alu_Profilleisten_neu-min.jpg);background-size: cover; background-position: top right;}
#kontakt:before{content:""; background: #F7F7F7; position: absolute; left:0; top: 0; width: 100%; height: 100%;z-index: -1;} .tab button:hover {
background-color: #ddd;
} .tab button.active {
background-color: #FBBA00;color:#fff;
} .tabcontent {width:100%;
display: none;
border-top: none;
}
footer, .copyr{position:relative;width:100%; float:left;}
footer:before{position: absolute; left: 0; top: 0; width: 100%; height: 100%;content: ""; z-index: -1;
background: rgb(204,204,204);
background: linear-gradient(0deg, rgba(204,204,204,1) 3%, rgba(51,51,51,0.45702030812324934) 100%);
}
footer div.nogpad{padding: 0;}
.copyr:before{background-color: #FBBA00;color:#fff;position: absolute; right: 0; top: 0; width: 80%; height: 100%;content: "";}
.copyright{position:relative;background: #FBBA00;float:right; color: #fff;width: 80%; }
.copyright ul{margin: 0; padding: 0; }
.copyright ul li{display:inline-block;}
.copyright ul li a{color:#fff; text-transform: uppercase;text-transform: uppercase;text-decoration: none;margin: 0 10px;font-weight: bold;}
.col-4{width:20%;}
.col-8{width:80%;}
footer .container .row{display:flex; flex-wrap: wrap;width:100%;align-items: center;}
.rowklein{width:50%; padding: 0 5% 0 15px; display: flex; flex-wrap: wrap; max-width: 800px;margin: 0 auto;}
.kontaktdaten{width:50%;background: #00304F;color:#fff;padding:60px 40px;position: relative;}
.kontaktdaten:before{position: absolute; left: 40px;; top: -40px; background-image: url(//www.metallbau-hulan.at/wp-content/themes/hulan/img/wuerfel@2x.png);width:77px; height: 76px;content: "";}
.kontaktdaten ul{margin:0; padding: 0;}
.kontaktdaten ul li{list-style-type:none;padding: 15px 0 15px 50px;line-height: 40px;border-bottom: 1px solid #00609F;position: relative;}
.kontaktdaten ul li a{text-decoration:none; color:#fff!important;padding: 0;}
.kontaktdaten ul li:first-child:before{position: absolute; left: 0; top: 20px; background-image: url(//www.metallbau-hulan.at/wp-content/themes/hulan/img/noun_Location_3993390@2x.png);width:23px; height: 32px;background-size: cover;content:"";}
.kontaktdaten ul li:nth-child(2):before{position: absolute; left: 0; top: 20px; background-image: url(//www.metallbau-hulan.at/wp-content/themes/hulan/img/noun_Phone_56382@2x.png);width:28px; height: 28px;background-size: cover;content:"";}
.kontaktdaten ul li:nth-child(3):before{position: absolute; left: 0; top: 20px; background-image: url(//www.metallbau-hulan.at/wp-content/themes/hulan/img/noun_fax_2929215@2x.png);width:26px; height: 29px;background-size: cover;content:"";}
.kontaktdaten ul li:last-child:before{position: absolute; left: 0; top: 20px; background-image: url(//www.metallbau-hulan.at/wp-content/themes/hulan/img/noun_Email_3953381@2x.png);width:28px; height: 28px;background-size: cover;content:"";}
.kontaktdaten ul li:first-child{border-top: 1px solid #00609F;}
footer a{color:#222222;text-decoration: none;}
footer p{line-height:30px;}
.wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"], .wpcf7 textarea{width:100%; margin:5px 0;padding:10px 10px; border: none; border-bottom: 1px solid #00304F;font-family: 'Bai Jamjuree', sans-serif;transition: all 0.5s;font-size: 16px;background: none;}
.wpcf7 textarea{height:150px;}
.wpcf7 input[type="submit"]{ margin:10px auto;padding:15px 20px; border: none; font-family: 'Bai Jamjuree', sans-serif;background: #FBBA00;color:#fff; text-transform: uppercase;border-radius: 8px;display: block;font-size: 18px;cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.wpcf7 input:focus, .wpcf7 textarea:focus{border-bottom: 1px solid #FBBA00;outline: none;}
.wpcf7 a{color:#FBBA00;}
.scrollbottom{position:absolute; left: 0; right: 0; bottom: 20px; margin: auto;width: auto!important; height: auto!important; object-fit: none!important;}
.closewhite{position:absolute; left: 50px; top: 20px;width: auto!important; height: auto!important; object-fit: none!important;}
.closeblue{position:absolute; left: 50px; bottom: 20px;width: auto!important; height: auto!important; object-fit: none!important;}
.uscontent .closeblue{display: none;}
.uscontent{position:relative;}
::-webkit-input-placeholder { font-family: 'Bai Jamjuree', sans-serif;font-size: 16px;color:#000;
}
::-moz-placeholder { font-family: 'Bai Jamjuree', sans-serif;font-size: 16px;color:#000;
}
:-ms-input-placeholder { font-family: 'Bai Jamjuree', sans-serif;font-size: 16px;color:#000;
}
:-moz-placeholder { font-family: 'Bai Jamjuree', sans-serif;font-size: 16px;color:#000;
}
.leftcontent{position:absolute;width:40%; height: 100%;color: #fff; left: -100%;transition: all 1s; top: 0; background: rgba(0, 48, 79, .8);display: flex; align-items: flex-end;flex-wrap: wrap;padding: 50px;}
.leftcontent h1{width:100%;text-transform: uppercase;}
.wp-block-column p a{color:#fbba00;}
.tabcontiflex{display:flex; flex-wrap: wrap;}
.downileft{width:50%;padding:20px 5%; display: flex;background-position: bottom;
flex-wrap: wrap;
align-items: center;
background: rgb(204,204,204);
background: linear-gradient(0deg, rgba(204,204,204,1) 3%, rgba(51,51,51,0.45702030812324934) 100%);
}
.downileft img{margin:0 auto; display: block;max-width: 450px; width: 100%;}
.downiright{width:50%;padding:20px 5%; color:#fff;display: flex; flex-wrap: wrap; align-items: center;
background:-moz-radial-gradient(circle at 50% 50%, rgba(235, 235, 235, 1) 0%, rgba(242, 242, 242, 1) 50%, rgba(204, 204, 204, 1) 100%); background:-webkit-radial-gradient(circle at 50% 50%, rgba(235, 235, 235, 1) 0%, rgba(242, 242, 242, 1) 50%, rgba(204, 204, 204, 1) 100%); background:-o-radial-gradient(circle at 50% 50%, rgba(235, 235, 235, 1) 0%, rgba(242, 242, 242, 1) 50%, rgba(204, 204, 204, 1) 100%); background:-ms-radial-gradient(circle at 50% 50%, rgba(235, 235, 235, 1) 0%, rgba(242, 242, 242, 1) 50%, rgba(204, 204, 204, 1) 100%); background:radial-gradient(circle at 50% 50%, rgba(235, 235, 235, 1) 0%, rgba(242, 242, 242, 1) 50%, rgba(204, 204, 204, 1) 100%);
}
.downiright .owl-dots{display: none!important;}
.logoslidercontainer{margin: 0 auto; width: 100%; max-width: 500px;margin: 0 auto;}
.dwndatei{width:100%;margin: 30px 0;}
.dwndatei a{color:#fff;position: relative;padding: 10px 10px 10px 50px;text-decoration: none;}
.dwndatei a:before{background:url(//www.metallbau-hulan.at/wp-content/themes/hulan/img/download-ico.png);background-size: cover; background-position: center; width: 34px; height: 44px;position: absolute; content: ""; left: 0;top: 0;}
.downtitel{text-transform: uppercase; font-size: 36px;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{background: #00304F;width:18px; height: 18px;margin: 5px;}
.owl-carousel button.owl-dot.active{background: #FBBA00!important;}
.owl-dots{text-align:center;}
.downiright .owl-prev img{display: none!important;}
.downiright .owl-next img{display: none!important;}
.slider {
width: 100%;
max-width:1200px;
display:table;
padding:0 30px;
margin: 20px auto;
}
.slick-slide {
margin: 0px 20px;
}
.slick-slide img {
width: 100%;
}
.slick-prev:before,
.slick-next:before {
color: black;
}
.slick-slide {
transition: all ease-in-out .3s;
}
.slick-active {
}
.slick-current {
} .slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list
{
background: #fff url(https://www.metallbau-hulan.at/wp-content/themes/hulan/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(https://www.metallbau-hulan.at/wp-content/themes/hulan/fonts/slick.eot);
src: url(https://www.metallbau-hulan.at/wp-content/themes/hulan/fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://www.metallbau-hulan.at/wp-content/themes/hulan/fonts/slick.woff) format('woff'), url(https://www.metallbau-hulan.at/wp-content/themes/hulan/fonts/slick.ttf) format('truetype'), url(https://www.metallbau-hulan.at/wp-content/themes/hulan/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
width:21px; height: 38px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
color: #00304F;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: 5px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{left: 0; top: 0;
content: "";position: absolute;
background-image: url(//www.metallbau-hulan.at/wp-content/themes/hulan/img/left-arrow.png);width:21px; height: 38px;
}
[dir='rtl'] .slick-prev:before
{
content: "";position: absolute;
background-image: url(//www.metallbau-hulan.at/wp-content/themes/hulan/img/right-arrow.png);width:21px; height: 38px;
}
.slick-next
{
right: 5px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: "";position: absolute;left: 0; top: 0;
background-image: url(//www.metallbau-hulan.at/wp-content/themes/hulan/img/right-arrow.png);width:21px; height: 38px;
}
[dir='rtl'] .slick-next:before
{
content: "";position: absolute;
background-image: url(//www.metallbau-hulan.at/wp-content/themes/hulan/img/right-arrow.png);width:21px; height: 38px;
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
width: 100%;
padding: 0;
margin: 20px 0 0 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 15px;
height: 15px;
margin: 0 3px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
background:#00304F;
display: block;
width: 15px;
height: 15px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 15px;
height: 15px;
content: '';
text-align: center;
color: #5fc4f0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
color: #5fc4f0;
background:#FBBA00;
}
.single .headerhero img{width:60%;float:right;object-fit: cover;}
.single .leftcontent{background:#00304F;background-repeat: no-repeat; background-position: bottom center; background-size: contain;}
.galerie{position:absolute; right: 0; bottom: 0;height: 74px;}
.galerie .gallery-item{display:none;margin: 0!important;float:right!important;}
.galerie .gallery-item:first-child{display:block;}
.galerie .gallery-item:first-child img{display:none;}
.galerie .gallery-item:first-child a{width:74px; height: 74px; background-image: url(//www.metallbau-hulan.at/wp-content/themes/hulan/img/hulan_galerie_v3.svg);background-size: cover;float:right;}
#swipebox-overlay, #swipebox-bottom-bar, #swipebox-top-bar {background:#00304F!important;opacity: 1!important;}
.norm{margin-right: 0!important;}
.rowkontakt{display:flex; flex-wrap: wrap;width:100%;}
div.wpls-logo-showcase button.slick-next, .wpls-logo-showcase button.slick-next:active {background:url(//www.metallbau-hulan.at/wp-content/themes/hulan/img/arrow-right.png) center center no-repeat !important; box-shadow:none !important;}
div.wpls-logo-showcase button.slick-prev, .wpls-logo-showcase button.slick-prev:active{background:url(//www.metallbau-hulan.at/wp-content/themes/hulan/img/arrow-left.png) center center no-repeat !important;box-shadow:none !important;}
div.wpls-logo-showcase button.slick-next:hover,  .wpls-logo-showcase button.slick-next:focus{background:url(//www.metallbau-hulan.at/wp-content/themes/hulan/img/arrow-right.png) center center no-repeat !important; }
div.wpls-logo-showcase button.slick-prev:hover, .wpls-logo-showcase button.slick-prev:focus{background:url(//www.metallbau-hulan.at/wp-content/themes/hulan/img/arrow-left.png) center center no-repeat !important; }
.container#partner{padding:3% 15px 0 15px;}
.jahren70{width: 200px!important; height: 178px!important;display: block; margin: 0 auto;}
.page-id-18 .leftcontentinside h1 span{position:relative;}
.page-id-18 .leftcontentinside h1 span:after{position:absolute; right: -230px;bottom: 10px; width: 200px; height: 178px; content: ""; background-image: url(//www.metallbau-hulan.at/wp-content/themes/hulan/img/Button-70Jahre.svg);}
.lgx-logo-slider-wp .nav-position-v-mid .owl-next, .lgx-logo-slider-wp .nav-position-v-mid .owl-prev{top:40%!important;}
button.owl-next, button.owl-prev{width:40px!important; height: 40px!important;margin: 0 15px!important;}
div.downiright button.owl-prev{width:21px!important; height: 38px!important; background: none!important; background-image: url(//www.metallbau-hulan.at/wp-content/themes/hulan/img/next-arrow-slide.png)!important;background-repeat: no-repeat; background-size: contain; background-position: center;transform: rotate(180deg);}
div.downiright button.owl-next{width:21px!important; height: 38px!important; background: none!important; background-image: url(//www.metallbau-hulan.at/wp-content/themes/hulan/img/next-arrow-slide.png)!important;background-repeat: no-repeat; background-size: contain; background-position: center;}
.showondesktop{display: block;}
.showonmobile{display: none;}
@media screen and (max-width: 1200px){
footer:before{width:100%;}
.copyright{width:100%;}
.scrollbottom{bottom: 80px;}
.single .scrollbottom{bottom: 20px;}
.row-3 .col33{height:600px;}
.page-id-18 .leftcontentinside h1 span:after{position:absolute; right: -130px;bottom: 10px; width: 100px; height: 89px; content: ""; background-image: url(//www.metallbau-hulan.at/wp-content/themes/hulan/img/Button-70Jahre.svg);}
}
@media screen and (max-width: 1024px){
.headerhero{height: 60vh;}
.headerhero{height:auto;}
.leftcontent{position: relative; left: auto; top: auto; height: auto;width:100%;background: #00304F;}
.scrollbottom{display:none;}
.headerhero img{float:left;}
.single .headerhero img{width:100%!important;}
div.leftcontent	img.closewhite{width:auto!important;}
.logo, .HYPE_document{top:10%;}
.htgross{font-size:36px!important;line-height: 36px!important;}
.stage-content h3{font-size:36px;line-height: 36px!important;}
.row-3 .col33{height:400px;}
.galerie{top:-74px;bottom:auto;}
}
@media screen and (max-width: 768px){
#hamburger:before{display:none;}
.mobilemenu{min-width:auto!important;padding: 15px 15px 10px 15px;}
.htgross{font-size:24px!important;line-height: 24px!important;}
.stage-content h3{font-size:24px;line-height: 24px!important;}
.ajax-load-more-wrap ul.alm-listing li.grid-item{width:48%;}
.downileft, .downiright{width:100%;padding: 20px;}
.downileft img{max-width:70%;}
.copyright .container{padding:5% 15px 100px 15px; }
.row-3 .col33{width:100%;height: auto;padding: 20px 0 50px 0;}
.stage-content .stage-innen, .stage-content .mehrbtn {visibility: visible;opacity: 1;}
.logo img{max-width:300px;height: auto;}
.row-3{flex-wrap: wrap;}
.overlay{visibility: visible; opacity: 1;}
.nth2{border-left:none; border-right: none;border-top: 1px solid #fff;border-bottom: 1px solid #fff;}
footer .col-4{width:100%;}
.slick-slide{padding: 10px 10px 5px 10px;}
.downtitel{
font-size: 24px!important;
line-height: 24px!important;}
.titeloverlay{display:none;}
.stage-content h3{display:block!important;}
.rowklein{padding: 0; width: 100%;}
.kontaktdaten{width:100%;}
footer div.nogpad{display:none;}
.row-3 .col33:nth-child(1){background-image: url(//www.metallbau-hulan.at/wp-content/themes/hulan/img/mobile-kompetenz-min.jpg);}
.row-3 .col33:nth-child(2){background-image: url(//www.metallbau-hulan.at/wp-content/themes/hulan/img/metall-mobile-min.jpg);}
.row-3 .col33:nth-child(3){background-image: url(//www.metallbau-hulan.at/wp-content/themes/hulan/img/team-bg-mobile.jpg);}
.overlay{height:100%;}
.galerie{top:-74px;}
.galerie .gallery-item:first-child a{width:55px; height: 55px;}
.galerie{top:-55px;}
div#n2-ss-2 .n2-ss-slide{height: 55vh;}
.grid-item-h h3{font-size:18px;}
.admbo{padding:20px;}
#kontakt{background:#f2f2f2;background-image: none!important;}
.showondesktop{display: none!important;}
.showonmobile{display: block;}
.wpcf7 form .wpcf7-response-output{margin: 2em 0 3em 0!important;}
}
@media screen and (max-width: 480px){
.postid-666 .headerhero .leftcontent h1{
font-size: 25px;
} .logo img{max-width:250px;}
.ajax-load-more-wrap ul.alm-listing li.grid-item{width:98%;}
}