@font-face {
font-display: swap; font-family: 'Oxygen';
font-style: normal;
font-weight: 400;
src: url(https://www.jachs-kuechen.at/wp-content/themes/jachs/fonts/oxygen-v15-latin_latin-ext-regular.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Oxygen';
font-style: normal;
font-weight: 700;
src: url(https://www.jachs-kuechen.at/wp-content/themes/jachs/fonts/oxygen-v15-latin_latin-ext-700.woff2) format('woff2'); }
.aw24_subline{
font-size: 2rem;
}
.aw24_anfrage_btn{
background-color: orange;
border: 1px solid white;
color: white;
display: inline-block;
padding: 10px 30px;
font-size: 1.5rem;
text-transform: uppercase;
margin-top: 15px;
font-weight: 300;
letter-spacing: 1px;
}
body,html{margin:0; padding:0;font-family: 'Oxygen', sans-serif;color:#949597;scroll-behavior: smooth;}
body img{max-width:100%; height:auto;}
body p{margin:10px 0;}
*{box-sizing:border-box;}
body a{text-decoration:none;color: #e27f00;}
header{position: fixed;height: 88px;top: 0;z-index: 111;width:100%;background:#fff;transition: all 0.5s;}
.subhead{width:100%; max-width:1200px; margin:0 auto;padding:0 1%;}
.topnav{margin:0; padding:0;width:80%; float:left;text-align:right;border-bottom:1px solid #949597;transition: all 0.5s;}
.topnav li{display:inline-block;padding:5px 1%;vertical-align:middle;}
.topnav li a{color:#949597;text-transform:uppercase; font-size:14px;transition: all 0.5s;}
.topnav li img{vertical-align:middle;}
.logo{float:left; width:20%;}
nav{width:80%; float:left;margin:10px 0 0 0;transition: all 0.5s;}
nav ul{margin:0; padding:0;text-align:right;}
.menu-haupt-navigation-links-container{width:50%; float:left;text-align:left;}
#menu-haupt-navigation-links{text-align:left!important;}
.menu-haupt-navigation-rechts-container{width:50%; float:left;text-align:right;}
nav li{display:inline-block;padding:5px 1%;}
nav li a{color:#e67f00;text-transform:uppercase; font-size:18px;transition: all 0.5s;}
nav li:first-child{text-align:left;}
figure figcaption{display:none;}
figure:first-child figcaption{display:block!important;}
figcaption h3{text-transform:uppercase;font-weight:400;font-size:50px;position:relative;padding:10px 0;}
figcaption h3:before{content:"";position:absolute;left:0;right:0; top:0; margin:auto; height:1px; background:#fff; width:30%;}
figcaption h3:after{content:"";position:absolute;left:0;right:0; bottom:0; margin:auto; height:1px; background:#fff; width:30%;}
.logo img{transition: all 0.5s;width: 100%;max-width:140px;}
.tinyslide figure,.kuechenprojekte li div{
background-size: cover !important;
background-position: center !important;
} .content{width:100%; position:relative;float:left;}
.content h1, .content h3{text-align:center;color:#e67f00;font-size:25px; text-transform:uppercase; font-weight:400;margin:80px 0; padding:10px 0;}
.durchgestrichen:before{content:"";width:100%; height:1px;z-index:-1; background:#e67f00;left:0; bottom:50%;position:absolute;}
.durchgestrichen span{background:#fff;padding:0 15px;}
.col1{width:60%; float:left;}
.col2{width:36%;margin:0 2%;overflow:auto; position:absolute; right:0; top:0;height:100%; padding:3% 2%;text-align:justify;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.col2 p{font-size:15px; line-height:22px;}
.jumbo{width:100%; float:left;position:relative;}
.jumbo img{float:left;width:100%;}
.col3{width:60%;padding:0 0 0 10%;margin:2% 0 0 0; float:left;}
.col4{width:38%;padding:0;margin:2% 0 0 2%; float:left;}
.news{width:100%; max-width:1200px;position:relative; margin:0 auto;}
.news ul{width:100%; float:left;margin:0; padding:0 0 0 0;text-align:center;}
.news ul li{display:inline-block; width:96%;margin:0 2%;vertical-align:top;border-bottom:1px solid #ccc;}
.news ul li h3{color:#e27f00;font-weight:400;margin:0 0 15px 0;}
.news ul li img{margin:0 0 15px 0;}
.ncont{text-align:justify;}
.ncont p{font-size:15px;}
footer{width:100%;float:left;}
.kontakt{width:100%; max-width:1200px; margin:0 auto;padding:0 1%;}
.kont1{width:50%; float:left;padding:0 2%;}
.kont2{width:50%; float:left;padding:0 2%;}
.kont3{width:50%; float:left;padding:0 2%;clear:left;}
.kont4{width:50%; float:left;padding:20px 2%;border-top:1px solid #ccc;}
.anfahrt_klicked1, .anfahrt_klicked2, .anfahrt_klicked3{width:100%; border-bottom:1px solid #ccc;font-size:16px;position:relative; text-transform:uppercase; font-weight:400;padding:5px 0; margin:10px 0;cursor:pointer;color: #949597!important;}
.anfahrt_klicked1:after, .anfahrt_klicked2:after, .anfahrt_klicked3:after{content:" +";position:absolute; right:0;}
.anfahrt_klicked1.toggled:after, .anfahrt_klicked2.toggled:after, .anfahrt_klicked3.toggled:after{content:" -"!important;position:absolute; right:0;}
.anfahrt_hidden1, .anfahrt_hidden2, .anfahrt_hidden3{display:none;}
.kont1 h3, .kont2 h3, .kont4 h3{color:#e27f00;text-transform:uppercase; font-weight:400;padding:5px 0; margin:10px 0;}
.kont3 h3{color:#e27f00;text-transform:uppercase; font-weight:400;border-bottom:1px solid #e27f00;padding:5px 0; margin:10px 0;}
.zumkontakt{width:100%;color:#e27f00; border:1px solid #e27f00;text-align:center;margin:0 0 20px 0; padding:5px 0;text-transform:uppercase;width:100%; float:left;}
footer a{color:#e27f00;} 
.footericos{width:auto; margin:20px 0; padding:0;text-align:center;}
.footericos li{display:inline-block; list-style-type:none;vertical-align:middle;padding:0 1%;background:#fff;}
.footericos li img{vertical-align:middle;}
.scrollbottom{bottom:40px; margin:0 auto; left:0;bottom:10px; right:0;position:absolute;}
.sidebar{position:absolute; top:40%; right:0; position:absolute;}
.sidebar li{list-style-type:none;}
.kuechenprojekte{width:100%; margin:0 auto;padding:0 1%;max-width:1200px; text-align:left;}
.kuechenprojekte li{display:inline-block; vertical-align:top; width:43%; margin:3% 3%;}
.kuechenprojekte li h4{color:#e27f00;border-bottom:1px solid #ccc;padding:15px 0;position:relative; width:100%;text-transform:uppercase;}
.kuechenprojekte li h4:after{content:"";position:absolute; right:0;top:9px; background-image:url(//www.jachs-kuechen.at/wp-content/themes/jachs/img/gal_ico.png);width:41px; height:33px;}
.film_roll_child {
opacity: 0.4;
}
.film_roll_child.active {
opacity: 1!important;
}
.single_bnts{width:100%;margin:0 auto; padding:0 1%;}
.single_bnts ul{width:100%; margin:20px 0 0 0;float:left; padding:0; text-align:right;}
.single_bnts ul li{display:inline-block; list-style-type:none;}
.jachs-projekte{width:100%;margin:0 auto; padding:0 1%;max-width:1200px;}
.activelink{font-weight:700; color:#A4A5A7;}
.filti{width:100%; float:left;text-align:center; margin:0; padding:0;}
.filti li{float:left; width:25%;list-style-type:none;}
.filti li span {position:relative;
width:100%;
background-color: inherit;
float: left;
border: none;
outline: none;
padding: 14px 16px;
transition: 0.3s;
font-size: 17px;
text-transform:uppercase;
}
.weiterekuechen{width:100%; float:left;}
.weiterekuechen li{width:25%;display:inline-block; vertical-align:top;float:left;position:relative;}
.weiterekuechen li img{float:left;}
.weiterekuechen li span{position:absolute; text-align:center; top:0; background:rgba(255,255,255,.6);width:100%;z-index:1;left:0;padding:5px 0;}
.weiterekuechen li span a{text-transform:uppercase; color:#e67f00;}
.zuzuue{width:100%; float:left;margin:0 0 20px 0;}
.zuzuue img{float:right;margin:0 20px 0 0;}
.uscontent{width:100%; max-width:1200px; padding:0 1%; margin:0 auto;}
.uscontent a{color:#e67f00;} .tab {
overflow: hidden;
width:100%;max-width:1200px; padding:0 1%;
} .tab button {position:relative;
width:100%;
background:none;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
font-size: 14px;
text-transform:uppercase;
}
.tab button:before{content:"";background-image:url(//www.jachs-kuechen.at/wp-content/themes/jachs/img/mark.png); width:20px; height:20px;position:absolute; left:0; }
.tab button.active:before{content:"";background-image:url(//www.jachs-kuechen.at/wp-content/themes/jachs/img/markaktiv.png); width:24px; height:20px;}
.catlion .tab button:before{content:"";background-image:url(//www.jachs-kuechen.at/wp-content/themes/jachs/img/mark.png); width:20px; height:20px;position:absolute; left:0; display:none!important;}
.catlion .tab button.active:before{content:"";background-image:url(//www.jachs-kuechen.at/wp-content/themes/jachs/img/markaktiv.png); width:24px; height:20px;display:none!important;}
.catlion .tab a.active{color: #e67f00;}
.catlion .tab a{position:relative;color: #949597;
width:100%;
background-color: inherit;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
font-size: 14px;
text-transform:uppercase;
}
.catlion .tab a:before{content:"";background-image:url(//www.jachs-kuechen.at/wp-content/themes/jachs/img/mark.png); width:20px; height:20px;position:absolute; left:0; }
.catlion .tab a.active:before{content:"";background-image:url(//www.jachs-kuechen.at/wp-content/themes/jachs/img/markaktiv.png); width:24px; height:20px;} .tab button:hover {
background:none;
} .tab button.active {
color:#e67f00;
} .tabcontent {
display: none;
border-top: none;
} .us_cont{width:100%; max-width:1200px; padding:0 1%;margin:0 auto;}
.us_cont ul{margin:0; padding:0;font-size:0;}
.us_cont ul li h3{font-size:15px;}
.us_cont ul li{display:inline-block; width:23%;font-size:18px;margin:1%;vertical-align:top;text-align:left;}
.teamcont{font-size:12px;}
.partners{width:100%; float:left;}
.partners h2{width:100%;float:left; font-weight:400; background:#A4A5A7;color:#fff;margin:5px 0; padding:5px 2%;cursor:pointer; text-align:left;text-transform:uppercase;position:relative;transition:all 0.5s;}
.partners h2.showhidepartner:after{webkit-transform: rotate(-45deg);transform: rotate(-45deg);transition:all 0.5s; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.partners h2:after{content:" +";position:absolute; right:10px;background:#e67f00;padding:0 8px;}
.partners ul{margin:0; padding:0;width:100%; float:left;}
.partners ul li{display:inline-block; vertical-align:middle;}
.partners ul li a[href='']{pointer-events: none;}
.partners ul li img{margin:10px auto; display:block;transition:all 0.5s;}
.partners ul li h3{width:100%; text-align:center;background:#f5f5f5;color:#e67f00;font-weight:400;text-transform:uppercase; padding:5px 0;}
.partners ul{display:none;}
.wonderplugincarousel{display:table!Important;}
.wpcf7 input[type="text"], input[type="tel"], input[type="email"], textarea{width:100%;background:#ebebeb; border:none;padding:10px 1%; margin:5px 0;box-sizing:border-box;font-size:16px;font-family: 'Oxygen', sans-serif;}
.wpcf7 input[type="submit"]{width:100%; border:none;padding:10px 1%; margin:5px 0;box-sizing:border-box;text-align:center; text-transform:uppercase;background:#e67f00;color:#fff;font-size:18px;}
.wpcf7  label{width:100%; margin:10px 0 0 0;}
.siema{width:100%; float:left;max-width:1200px;}
.next{position:absolute;}
.prev{position:absolute;}
.arrows{cursor:pointer;
width: 24px;
height: 24px;
border-color: #000;
position: absolute;
}
.prev{
border-bottom: 6px solid;bottom:0;right:30px;
border-left: 6px solid;
transform: rotate(45deg);
}
.next{
border-bottom: 6px solid;bottom:0;right:0;
border-left: 6px solid;
transform: rotate(-135deg);
}
.naviarrow{position:relative; width:95%; float:left; height:50px;margin:0 2.5%;}
.container { display:none;
float:right;
cursor: pointer;
}
.bar1, .bar2, .bar3 {
width: 35px;
height: 5px;
background-color: #333;
margin: 6px 0;
transition: 0.4s;
}
.change .bar1 {
-webkit-transform: rotate(-45deg) translate(-9px, 6px);
transform: rotate(-45deg) translate(-9px, 6px);
}
.change .bar2 {opacity: 0;}
.change .bar3 {
-webkit-transform: rotate(45deg) translate(-8px, -8px);
transform: rotate(45deg) translate(-8px, -8px);
}
#cookie-law-info-bar, .wt-cli-cookie-bar{background:#fff; background-color: #fff!important;}
@media screen and (max-width:800px){
.aw24_subline{
font-size: 0.7rem;
}
.container{display:block;}
header{position:relative!important; height:auto!important;}
.topnav li{width:100%!important;}
nav li{width:100%!important;}
.menu-haupt-navigation-links-container{width:100%!important;}
#menu-haupt-navigation-links{text-align:right!important;}
nav li:first-child{text-align:right!important;}
.menu-haupt-navigation-rechts-container{width:100%!important;}
nav{width:100%!important;display:none;}
.sidebar{display:none;}
.tinyslide{height:40%!important;}
figcaption h3{font-size:24px!important;}
.tinyslide .navigator{position:relative!important;}
.topnav{display:none;}
.content h1, .content h3{font-size:20px!important;}
.col1{width:100%!important;}
.col2{width:100%!important;position:relative;margin:0!important;}
.col3{width:100%!important;padding:0!important;}
.col4{width:96%!important; margin:2%!important;}
.kont1{width:100%!important;}
.kont2, .kont3, .kont4{width:100%!important;}
.us_cont ul li{width:48%!important;}
.filti li{width:100%!important;}
.kuechenprojekte li{width:98%!important; margin:1%!important;}
.scrollbottom{display:none;}
.film_roll_prev, .film_roll_next{width:30px!important; height:50px!important; font-size:80px!important;}
.weiterekuechen li{width:100%!important;}
}html, body { width: 100%; height: 100%; } * { margin: 0; padding: 0; box-sizing: border-box; } .tinyslide { width: 100%; height: 100%;  overflow: hidden; } .tinyslide .navigator { position: absolute; bottom: 40px; left: 20px; } .tinyslide .navigator ul { padding: 0; } .tinyslide .navigator ul li { float: left; list-style-type: none; margin: 0 1em 0 0; padding: 0;width: 15px; height: 15px;background:#fff; -webkit-transition: all 500ms linear; transition: all 500ms linear; } .tinyslide .navigator ul li span { display: none; }  .tinyslide .navigator ul li.active { background:#e67f00; } .tinyslide aside { height: 100%; width: 100%; -webkit-transition: -webkit-transform 800ms cubic-bezier(0.365, 0.84, 0.44, 1); transition: transform 800ms cubic-bezier(0.365, 0.84, 0.44, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .tinyslide figure { height: 100%; float: left; position: relative; width: 100%; z-index: 1; } .tinyslide figure img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .tinyslide figure figcaption { position: absolute;width:100%; text-align:center; font-size: 3em; color: white; top:40%; right: auto; z-index: 2; opacity: 0; } .tinyslide figure.active figcaption { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 2s; animation-duration: 2s; }
@-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); }
100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); }
100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } }