@charset "UTF-8";
/* CSS Document */


@media screen and (min-width: 1350px) {
	
}

@media screen and (min-width: 1100px) {
	.tel {
		top: 60px!important;
		position: fixed!important; 
		color: #ffffff;
	}
   .single .myContainer.start{padding: 0 0 0 50px;}
	.tel.start{background: none!important; color: #ffffff!important; }
	.myContainer, #wrapper{width: 1100px!important; margin: 0 auto;}
	#header{padding: 0!important; height: 100vh!important; position: fixed;}
	#header .myContainer{height: 100vh; }
	#wrapper{margin-top: 100vh;}
	.bannerText{width: 40%; margin: 40vh auto 0 auto;}
	.nhood{position: relative; overflow: hidden!important;}
	.image{width: 3200px;  cursor: move; left: 0; }
	.nhood .product{width: 300px!important; margin: 0px 42px; border:1px solid transparent; transition: all 0.5s; height: 700px;}
	.nhood .image{background-image: url(../images/scroll.jpg); background-repeat: repeat-x; background-position: 0 130px; transition: all 1s;}
	.product .space{height: 170px;}
	.last{display: block!important;}
	.nhood .image .product:nth-child(odd) .last{display: none!important;}
	.nhood .image .product:nth-child(even) .first{display: none!important;}
	.nhood .image .product:nth-child(odd) .prodText.first{margin-top: 100px;}
	.nhood .product:hover{border:1px solid #cfcfcf;}
	.prodNav{display: block!important; text-align: center;}
	.hover{position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/prodBg.png); color: #ffffff; padding: 70px 50px 50px 50px; opacity: 0; transition: all 0.5s;}
	.hover:hover{opacity: 1;}
	.hover .myButton{background: none; color: #ffffff; border: 1px solid #ffffff;}
	.hover .myButton:hover{background: #ffffff; color: #dc1336!important;}
	.menuContainer.open{right:0; padding: 100px 70px 0 70px; height: auto; }
	.js .main-nav {position: relative;}
	
	.js .main-nav .menu{top: 30px; margin: 0!important;}
	#logo{position: fixed;}
	.menuContainer{padding: 200px 120px 0 120px; overflow: visible!important; height: 100vh;}
	.js .main-nav a#responsive_menu_button.responsive-toggle-open{background: #ffffff;}
	#responsive_menu_button:after{color: #9a0a25!important;}
	#responsive_menu_button{position: fixed!important;}
	.js .main-nav a#responsive_menu_button{background: #ffffff!important; top: 55px!important;}
	.js .main-nav a#responsive_menu_button.scrolled { background: #e5022c; }
	.tel.start:before{background-position:top!important; }
    .woocommerce-tabs table{width: 80%; margin: 0 auto;}
    
    .archive:not(.woocommerce) #header{background-image: url(../images/banner.jpg)!important; height: 50vh!important;}
    .archive:not(.woocommerce) #wrapper{margin-top: 50vh!important;}
}	

@media screen and (max-width: 1100px) {
	.js .main-nav a#responsive_menu_button.responsive-toggle-open{background: #ffffff!important;}
	.js .main-nav a#responsive_menu_button.responsive-toggle-open:after{color: red!important;}
    .nhood{width: 100%!important;}
    .single #content{padding: 15px;}
    
}	

@media screen and (min-width: 900px) {
	.start {right: 180px;}
	.tel:before{background-position: bottom;}
	.column{width: 48%; float: left;}
	.columns .column:first-child{margin-right: 4%;}
	.categoryLink, .product{width:33%!important;}
	.woocommerce ul.products li.product{width: 32%!important;}
	
	.endProd{width: 48%; float: left;}
	.products .endProd:nth-child(odd){margin-right: 2%;}
	.postText, .postBild{width: 50%; float: left; padding:1% 2%;}
	.posts .myPost:nth-child(odd) .postText{float: right;}
	.posts .myPost:nth-child(even) .postText{text-align: right;}
	.tel{right: 310px;}
	.menuContainer.open{height: 100vh!important;}
	.js .main-nav .menu li:hover .sub-menu{margin-left: 0!important;}
     .products.end .end{width: 49%!important; margin-right: 1%;}
    #content-archive{float: left; width: 60%;}
    .colRight{width: 65%; float: left; padding-left: 50px; padding-top: 65px;}
}	

@media screen and (min-width: 700px) {
	.referenz{width: 50%; float: left; height: 200px; text-align: center; border: 1px solid #eaeaea;}
	.endProd{position: relative;}
	.endProd .hover{background: none!important; opacity: 1; padding-top: 20%; text-align: left;position: absolute; top: 0; left: 30px; color: #ffffff;}
	.endProd .myButton{background: #ffffff; color: #dc1336;}
	.processBanner{padding: 10%!important; text-align: right!important;}
	.processBanner h1{font-size: 60px;}
	.section .processContainer:nth-child(even) .processBanner{text-align: left!important; }
    .categoryLink, .product{width:33%!important; float: left; position: relative;}
}

@media screen and (min-width: 600px) {
	.menuContainer .tel{display: none!important;}
}

@media screen and (min-width: 500px) {
	.section{padding: 50px!important;}
    .slogan{width: 400px;}
}

@media screen and (max-width: 1000px) {
	.myFilter a img{width: 30px!important;}
	.myFilter div{margin: 5px 15px!important;}
	.myFilter{padding: 0 10px;}
}

@media screen and (max-width: 1100px) {
    .tel {top: 12px!important;color: red!important;z-index: 20!important;}
}


@media screen and (max-width: 900px) {
	.product, .endProd{padding-bottom: 50px; margin-bottom: 20px; border-bottom: 1px solid #C9C9C9;}
	.archive ul.products li.product{padding-bottom: 50px!important;}
    .page-template-TextPageTemplate table td{width: 100%!important; display: block; border: none!important; font-size: 16px;}
    .page-template-TextPageTemplate table tr{ border-bottom: 1px solid #dddddd!important;}
    .woocommerce .related ul.products li.product{padding-bottom: 50px;}
    .colRight{padding: 20px;}
    .extra{display: none!important;}
}

@media screen and (max-width: 600px) {
    .menuContainer.open{width: 100%!important;}
    div .width100 .logo{width: 90%!important;}
    #lang_sel_list {left: 8px!important;}
}


@media screen and (max-width: 650px) {
	#logo{text-align:left!important;}
	.js .main-nav .menu li a{text-align: center;}
	h1{font-size: 1.025em!important;}
	.tel{text-align:center;}
}	

@media screen and (max-width: 700px) {
	.referenz{margin-bottom: 20px; border-bottom: 1px solid #eaeaea; padding-bottom: 20px;}
}	



@media screen and (min-width: 900px) {
	.extra {position: fixed; top: 58px!important; right: 310px;     z-index: 9999;}
    .extra #lang_sel_list a{line-height: 10px!important;}
    .extra #lang_sel_list{ border-top: none; width: auto!important;}
    .extra ul li:first-child a{border-right: 1px solid #eaeaea;}
    .extra.scrolled #lang_sel_list ul a{color: #e5022c!important;}
    .extra.scrolled ul li:first-child a{    border-right: 1px solid #e5022c;}
}

@media screen and (max-width: 600px) {
	.tel{display: none;}	
	.columns{padding: 0 20px!important;}
}

@media screen and (min-width: 500px) {
	.categoryLink{width:49%; float: left;}
    .menuContainer{width: 100%;}   
    
}

@media screen and (max-width: 450px) {
	.js .main-nav a#responsive_menu_button{right: 10px!important;}	
	#logo{margin-left: -40px!important;}
    .sub-menu{position: fixed!important; bottom: 0!important; background: #ffffff; width: 50%!important; top: 0!important; height: 100%!important; right: -450px!important; left: auto!important;}
    .sub-menu a{color: #ef6680;}
    .js .main-nav .menu li:hover .sub-menu{margin-left: 50%!important;}
    .sub-menu li a{color: #e3002d!important;}
    .openSub .sub-menu{ right: 0!important; padding-top: 42%; z-index: 20!important; display: block!important;}
    #lang_sel_list{position: absolute; }
    .menu li:hover ul{margin-left: 0!important;}
    .menuContainer .tel.start{color: #ffffff!important;}
}


@media screen and (max-width: 400px) {
	.section{padding: 20px!important;}
    .contactTable td{display: block; text-align: left!important; padding-top: 0!important;}
}