
	.js .sub-header-menu {
		display: none;
	}

	.js .main-nav {
		clear: both;
		position: relative;
		margin: 0 auto;
	}

	.js .main-nav .menu {
		display: none;
		position: absolute;
		z-index: -1;
		top: -76px;
		width: 280px;
		padding: 140px 50px 100px 50px;
	}

	.js .main-nav .menu ul {
		margin-top: 1px;
	}

	.js .main-nav .menu li {
		float: none;
		border: none;
	}

	.js .main-nav .menu li a {
		height: 45px;
		border: none;
		border-bottom: 1px solid #f5f5f5;
		color: #fff;
		text-shadow: none;
		font-size: 13px;
		font-weight: normal;
		line-height: 45px;
		text-align: left;
		cursor: pointer;
		text-transform:uppercase;
	}

	.js .main-nav .menu li:last-child a{
		border: none!important;
	}

	.js .main-nav .menu li.current_page_item,
	.js .menu .current_page_item a,
	.js .menu .current-menu-item a {
		background-color: #2d4e59;
	}


	.js .main-nav .menu li li a {
		position: relative;
		padding: 0 10px 0 30px;
	}

	.js .main-nav .menu li li li a {
		position: relative;
		padding: 0 10px 0 40px;
	}

	.js .main-nav .menu li li a::before {
		position: absolute;
		top: 0;
		left: 20px;
		content: "\2013";
	}

	.js .main-nav .menu li li li a::before {
		position: absolute;
		top: 0;
		left: 20px;
		content: "\2013";
	}

	.js .main-nav .menu li li li a::after {
		position: absolute;
		top: 0;
		left: 30px;
		content: "\2013";
	}

	.js .main-nav .menu li ul {
		visibility: visible;
		position: static;
		background-color: #fff;
	}

	.js .main-nav .menu ul {
		min-width: 0;
	}

	.js .main-nav #responsive_current_menu_item {
		padding: 5px 40px 5px 10px;
		color: #fff;
		font-weight: 700;
		cursor: pointer;
	}

	.js .main-nav a#responsive_menu_button {
		display: block;
		position: absolute;
		top: -43px;
		width: 23px;
		height: 30px;
		background: url("../images/select-icons.png") 0 5px no-repeat;
		cursor: pointer;
	}


/* =Responsive (Mobile) Design
-------------------------------------------------------------- */

@media screen and (max-width: 700px) {
    .cc_container {bottom: 60px!important; right:20px!important; left: 20px!important;}
    .cc_container .cc_btn{font-size: 16px!important; padding: 5px!important;}
    div a.cc_more_info{background: none!important; font-size: 18px!important;}
    .cc_container .cc_message{font-size: 100%!important;}
    .cc_container{padding-bottom: 30px!important;}
}

@media screen and (min-width: 700px) {
    
    div.cc_container  a {font-size: 18px!important; text-transform: none; color: #ffffff!important; background: #2d4e59!important; display: block; text-align: center; border-radius: 0!important; padding: 10px;}
    
    body div.container {
        position: fixed;
        z-index: 9999;
        bottom: 50px;
        right: 10px;
        left: 10px;
        padding: 10px;
        background: #66a4b8;

        font-size: 110%;
        line-height: 170%;
        width: auto;
        text-align: center;
        border-radius: none!important;
        box-shadow: none!important;
    }
    
    
    .cc_banner-wrapper  span{
        text-transform: uppercase;
        font-weight: bold;
        font-size: 120%;
        display: block;
    }
    
    body div.container  a{
        background: #2d4e59!important;
        color: #ffffff!important;
        padding: 5px;
        opacity: 0.7;
        transition: all 0.5s;
        display: inline-block;
        text-align: center;
        margin-top: 2px;
        display: block!important;
        text-align: center!important;
    }
    
    .cc_container .cc_btn{left: 50px!important; right: 50px!important;}
    .cc_container {padding: 50px 50px 80px 50px!important; width: 400px!important;}
    
    #cookie-law{
        text-align: left!important;
        padding: 3em!important;
    }
    
    #cookie-law a:first-of-type{
        width: 62%!important;
    }

    #cookie-law a.close-cookie-banner{
        width: 35%!important;
    }   
    
    #cookie-law span{
        font-size: 170%;
    }
    
    div#cookie-law{
        left: auto!important;
        bottom: 100px!important;
        right: 100px!important;
        width: 500px!important;
        padding: 3em;
        background: #66a4b8;
        color: #ffffff;
        font-size: 110%;
        line-height: 170%;
    }
    
    #cookie-law a{
        margin-top: 20px;
        display: inline-block;
        padding: 10px 20px!important;
    }
}


@media screen and (max-width: 2000px) {

/*	.metaslider .caption-wrap{top:10%;}*/

}


@media screen and (max-width: 1330px) {

	#container{padding:0 2%;}
	#header{padding-left: 0%;}

	.square ul li{display:block;}
	.products{/*width:20%;*/margin-bottom:20px;border-top: 1px solid #40636f;border-left: 1px solid #40636f;}
	.products img{display:inline;}
	.products-greis{/*width:20%;*/margin-bottom:20px;border-top: 1px solid #40636f;border-left: 1px solid #40636f;}
	.products-greis img{display:inline;}
	.products-steelforming{/*width:20%;*/margin-bottom:20px;border-top: 1px solid #40636f;border-left: 1px solid #40636f;}
	.products-steelforming img{display:inline;}
/*	.metaslider .slides img{width:auto!important;}*/
	.metaslider .slides li{overflow:hidden;width:100%;}
/*	.metaslider .caption-wrap{top:10%;width:90%!important;left:5%!important;}*/

.myMenu .categ{float:left;margin: 0 2% 20px 0;
	/*.subcateg{margin:0!important;}*/
}


@media screen and (max-width: 1160px) {
	.grid-right {display: block;float: none;width: 100%;margin-right: 0;}
	.mySubMenu .categ:first-child ul li{float: left;}
	.myMenu{padding:0 5%;}
	.myMenu{width:100%;}
	/*.myMenu .categ{width: 100%;}*/
	.mySubMenu .categ:first-child ul{margin-top:20px;}
	.mySubMenu .categ:first-child{width:100%;}
	.mySubMenu .subcateg{/*width:30%;float:none;*/}
	.myMenu .subcateg li{/*display:inline-block;*/}
	.subcateg a:first-child img{/*display:inline;*/}
	.subcateg:after{content:""; clear:both;}
	.subcateg a{margin-right:0px;}
	.mySubMenu .categ:first-child ul li:first-child{display:inline;}
	.menu li{display: inline;}
    #footer li { display: block;}
	.mySubMenu .categ:first-child ul li{border-top:none;}
	.mySubMenu .categ:first-child ul li:last-child{border-bottom:none;}
	/*.myMenu .categ:nth-child(3){margin-top: 10px;}*/
	.categ .menu a img{display: inline;}
	/*.myMenu .categ{margin-left:0;}*/
	.categ .menu{border-bottom:1px solid #646C76;padding-bottom: 10px;}
	.greisMenu.mySubMenu .categ:first-child ul{margin-top:20px!important;}
	.steelMenu.mySubMenu .categ:first-child ul{margin-top:20px!important;}
  	.hgMenu.mySubMenu .categ:first-child ul{margin-top:20px!important;}
	.greisMenu .menu{margin-bottom:20px;}
	.steelMenu .menu{margin-bottom:20px;}
	.hgMenu .menu{margin-bottom:20px;}
	.mySubMenu .categ:first-child ul li:first-child{margin-bottom:0!important;}
	.header2 #logo{width: 300px;}

}


@media screen and (max-width: 980px) {

	.video-button{display: none!important;}
	.formular-button{
		bottom: 0;
		width: 100%;
	}

	#content-blog .post{width:100%}
    
    #footer-wrapper .second .footerBox:first-child, #footer-wrapper .second .footerBox:nth-child(2){display: none!important}
    .footerBox{padding: 20px 0px 30px!important;}
                        .menuTabs div img{width:100%;}
    .menuTabs .hgMenu img{width:66%;}
    .menuTabs div:nth-child(3) img{width:100%;padding-top:6px;}

    //.myMenu .subcateg img{display:none;}
    .gruppe-inner{width: 100%;float: none;padding: 0;}
    .grey{top: 200px;}
	.myMenu .categ{float:left;}
/*	.mySubMenu .subcateg{width:31%;float:left;}*/
	.myMenu .subcateg li{display:block;}
/*	.subcateg a:first-child img{display:block;}*/
	.subcateg a{margin-right:0px;}
	.mySubMenu .categ:first-child ul li{border-top:none;}
	.mySubMenu .categ:first-child ul li:last-child{border-bottom:none;}
/*	.myMenu .categ{margin-left:0;}*/
	.categ .menu{border-bottom:1px solid #000000;padding-bottom: 10px;}
	.sliders .caption{font-size: 12px!important;font-weight:normal;}
/*	.metaslider .caption-wrap{padding-left:2%!important;padding-top:30px;}*/


	.menuTabs{position:static;margin:0 auto;}
	#logo{width:100%;/*text-align:center;background: url(../images/select-icons.png) 30% 0 no-repeat;/*padding-left:15%;*/}
	.menuTabs div{width:33%;text-align:center;padding: 48px 6% 0 6%;box-sizing: border-box;}
	.menuTabs div img{display: inline;}
	.menuTabs div:hover{background:none;}
	//.steelMenu img{margin:0 auto!important;}
	.header2{height: 200px;}
	.page-template-index-template .grey, .blog .grey, .page-template-produkt-template .grey{top:200px;}
	#content-blog .post{width:47%}
	#content-blog .post{padding-top:50px!important;padding-bottom:50px!important;}
	.textBlog h2{height:auto!important;}
	.menu-top-menu-container, .menu-top-menu-eng-container{top:-30px;/*z-index: 1000;*/}
	.header2 #lang_sel_list{margin-top: 0px;margin-left: 0px;top:80px;left:40px;z-index: 1001;}
	.header2 #logo{margin-top: 0px;border-bottom:1px solid #2b4e59;padding-bottom:15px;z-index: 1001;width: 100%;}
	.widget_image_text_widget{/*width:93%*/}
	.greisMenu:hover, .hgMenu:hover, .steelMenu:hover{background-color: #eeeeee!important;}

    .products{width:45%!important;margin-right:3%!important;margin-top:20px!important;}
    .products-greis{width:45%;margin-right:3%;margin-top:20px;}
    .menuContainer{padding-top: 80px;}
	.produktSubpages li{
    //width: 100%;
        //float: none;
    }
    .produktSubpages li:nth-child(odd){
    //border: none;
    }
	ul.henrich li{width:100%;}

	#header{padding-left:0;}

    div.wpcf7{width: 100%;float: none;}

    #wpgmza_map{width: 100%!important;}

	#footer td{display:block;width:100%;}
	.footerBox{border-left:none;padding: 45px 0px 30px;text-align:center;}
/*	.footerBox:first-child{padding: 4% 0 3% 0;}*/
	#footer a img{display:inline;}
	.second li{display:inline;float:none;margin:0 10px;}
	.second ul{text-align:center;margin-top:20px;}
	.footerBox:nth-child(2){border-top:1px solid #3d6370;border-bottom:1px solid #3d6370;}
	.teasers td{display:block;width:100%;}
	.textC{min-height:initial;}
	.teasers td{width:100%;}



	.copyright,
	.scroll-top,
	.powered {
		float: left;
	}

	#featured-image .fluid-width-video-wrapper {
		margin: 20px 0 0 0;
	}

	.front-page  #widgets {
		margin-top: 40px;
	}

	.top-widget,
	.front-page  .top-widget {
		margin-top: 0 !important;
	}

	.hide-desktop {
		display: block;
	}

	.show-desktop {
		display: none;
	}

	.hide-980 {
		display: none;
	}

	.show-980 {
		display: block;
	}

    .text-left, .text-right{
    float: none;
    width: 100%;
    }

	.archive #content-blog .post{width:100%;}


    .content-single{width: 100%;}
    .sidebar-single{display: none;}
    .content-single img.wp-post-image{

    float: none;
    padding: 0;

}
/*
    .bilder-news{display: block; margin: 10px 0;}
    .bilder-news img{height: 297px; width: 198px;}
*/
    .bilder-news{width: 100%;}
        .pers{width:49%;}
    .pers:nth-child(2),
     .pers:nth-child(4),
     .pers:nth-child(6)
    {margin-right: 0px;}


     .pers:nth-child(3),
     .pers:nth-child(5),
     .pers:nth-child(7)
    {margin-right: 2%;}


}

@media screen and (max-width: 900px) {

	.square{width:100%;float:none;margin-bottom:1px;}
	.news li{width:100%;float:none;border-bottom:1px solid #eaeaea!important;padding-bottom:20px;margin-bottom:30px;text-align:center;}
	.news h5{padding: 0 15%;text-align:center;}
	.produkt li{width:99%!important;}

	.produktSubpages li{border-bottom:1px solid #2d4e59;border-top: none; border-right:none!important;border-left:none!important;width: 100%; float: none;}
	#container{padding:0 4%}

	.produktSubpages li{min-height:0;}

/*
	.menuTabs div:nth-child(1) img{width:100px;}
	.menuTabs div:nth-child(2) img{width:65px;}
	.menuTabs div:nth-child(3) img{width:141px;}
*/
	.menuContainer {margin-top: 0;}
}

@media screen and (max-width: 850px) {

    .mySubMenu .categ:first-child ul li a{display: block;}
/*    .myMenu .categ{text-align:center;}*/

}

@media screen and (max-width: 800px) {

    .individualisierung table tr td{
    width: 100%;
    display: block;
    }

    .grid{
    float: none;
    }
    .col-300,.col-380 ,.col-460,.col-700,.col-220, .col-540{
    width: 100%;
    }

	.mySubMenu .subcateg{width:46%;float:left;}
	.myMenu .subcateg li{display:block;}
/*	.subcateg a:first-child img{display:block;}*/
	.subcateg a{margin-right:0px;}
	.mySubMenu .categ:first-child ul li{border-top:none;}
	.mySubMenu .categ:first-child ul li:last-child{border-bottom:none;}
	.myMenu .categ{margin-left:0;width:100%;}
	.categ .menu{border-bottom:1px solid #646C76;padding-bottom: 10px;}
/*	.subcateg a:first-child img{display: block;margin:10px auto 10px auto!important;}*/
	.myMenu .titel{margin-bottom:0;  word-break: break-all;}
	#logo{width:90%;/*text-align:center;background: url(../images/select-icons.png) 20% 0 no-repeat;*/}


}
    


@media screen and (max-width: 700px) {
	/*#logo{position: static;width:90%;text-align:center;background: url(../images/select-icons.png) 15% 0 no-repeat;}*/
	/*.menu-top-menu-container{left:15%;}*/
	//.myMenu div ul li{float: left;width:100%;/*text-align:center;*/}
	.myMenu .greisMenu ul li img{margin:10px auto 20px auto!important;}
	.mySubMenu .categ:first-child ul li:first-child {margin-bottom:0;}
	.mySubMenu{padding-top:0!important;}
	/*.steelMenu.mySubMenu .categ:first-child ul, .greisMenu.mySubMenu .categ:first-child ul{margin-top: 0px !important;}*/
	.myContainer {margin-top: 0px;}

}


@media screen and (max-width: 650px) {


/*
	.myMenu .hgMenu{margin-top: -70px;}
	.myMenu .greisMenu{margin-top: -210px;}
	.myMenu .steelMenu{margin-top: 50px;}
	.myMenu .categ:first-child .menu li:first-child img{display: none!important;}
	.menuContainer{padding-top: 85px;}
	.menu-top-menu-container{left:0;}
    .menuTabs div{padding:30px 0 30px 0;height:100px;width:100%;float:none;border-bottom:1px solid #e5e5e5;}
	.menuTabs div img{width: 100px;display:block;margin:0 auto 10px auto!important;}
*/

    .subcateg a:first-child img{
        //display: none;
    }

    .menuTabs div{
        padding: 48px 2% 0px;
/*        height: 100px;*/

    }

    .header2{
/*        height: 150px;*/
    }

    .bannerWrapper{display: none;}
    .prodBild{display:none;}
    .gallery2{display: none;}
    .produkt table tr td{display: block;width:100%;}
    table.bullet tr td{display: block;}
    .grey{top: auto!important;}
    .pers{width: 100%;}
	.metaslider .caption-wrap{font-size:14px;}








	#lang_sel_list{float:none;margin:0 auto 0 auto;padding-top:20px;}
	#lang_sel_list a{background:none!important;}
	.menu-top-menu-container, .menu-top-menu-eng-container{width:100%;}


	.header2 #logo{margin-top: 30px;margin-bottom:0!important;}
/*	.header2{height:410px;}*/

	#lang_sel_list{margin-bottom: 20px;}
	.title h2{margin-top:0px;}
	.title{padding-top:80px;}

	#logo {
		float: left;
		margin: 0;
		text-align: left;
		width:100%;
		padding-left:50px;
		background:url(../images/select-icons.png) no-repeat;
		//border-bottom:1px solid #e5e5e5;
		margin-bottom:30px;
		padding-bottom:15px;
        margin-top: 30px;
		font-size: 12px;
	}

	.header2 #logo {
		float: left;
		margin: 0;
		text-align: left;
		padding-left:50px;
		//border-bottom:1px solid #e5e5e5;
		margin-bottom:30px;
		padding-bottom:15px;
		font-size: 12px;
	}

	.menu-top-menu-container, .menu-top-menu-eng-container {
 		padding: 180px 40px 50px 40px!important;
	}

	.header2 #lang_sel_list{top: 90px;}
	.metaslider .caption{font-size:14px;}

	.header2 #lang_sel_list{left:7%!important;}

	.grid,
	.grid-right {
		float: none;
	}

	#featured-image .fluid-width-video-wrapper {
		margin: 20px 0 0 0;
	}

	.top-widget {
		float: none;
		position: relative;
		width: auto;
		margin: 0 auto 10px auto;
		text-align: center;
	}

	.top-widget .widget-title h3 {
		text-align: center;
	}



	.top-menu,
	.footer-menu li {
		float: none;
		font-size: 11px;
		text-align: center;
	}

	#author-meta {
		padding: 20px;
	}

	#wrapper .gallery .gallery-item {
		max-width: 100%;
	}

	.hide-650 {
		display: none;
	}

	.show-650 {
		display: block;
	}

	.hide-mobile {
		display: none;
	}

	#footer {
		text-align: center;
	}

	#footer .social-icons {
		padding-bottom: 10px;
		text-align: center;
	}

	.widget_image_text_widget img{float:none;margin-bottom:20px;display:inline!important;}
}


@media screen and (max-width: 550px) {




	#logo {
			background:url(../images/select-icons.png) no-repeat;

		}
	.products{width:98%!important;margin-right:0!important;margin-top:20px!important;}
	.products-greis{width:98%;margin-right:0;margin-top:20px;}
    .products-steelforming{width:98%;margin-right:0;margin-top:20px;}
	.menu-top-menu-container, .menu-top-menu-eng-container{left:0;/*width:98%;*/}
	.widget_image_text_widget{padding:20px!important;width:90%;}
}



@media screen and (max-width: 480px) {
	body {
	}

	#logo {
/*
		float: none;
		text-align: center;
		background:url(../images/select-icons.png) 10% 0 no-repeat;
*/
	}

	.grid,
	.grid-right {
		float: none;
	}

	#featured-image .fluid-width-video-wrapper {
		margin: 20px 0 0 0;
	}

	.featured-title {
		padding: 40px 20px 0 20px;
		font-size: 40px;
	}

	.featured-subtitle {
		font-size: 24px;
	}

	.navigation .next,
	.navigation .previous {
		display: block;
		margin: 0 auto;
		text-align: center;
	}

	.menu ul,
	.menu li,
	.top-menu,
	.footer-menu li,
	.sub-header-menu li {
		float: none;
/*		text-align: center;*/

		text-rendering: optimizeSpeed;
	}

	#wrapper .gallery .gallery-item {
		float: none;
	}

	.hide-480 {
		display: none;
	}

	.show-480 {
		display: block;
	}

	#footer {
		text-align: center;
	}

	#footer .social-icons {
		text-align: center;
	}
}

@media screen and (max-width: 430px) {
	#logo {
			background:url(../images/select-icons.png) no-repeat;
		}
}

@media screen and (max-width: 400px) {



	.categ .menu a img{display:block;}
	./*mySubMenu .categ:first-child ul li{display:block;width:100%;}*/
/*	.myMenu img{margin:0 auto 0px auto!important;}*/
	/*.mySubMenu .categ:first-child ul li{width:100%;}*/
	.subcateg a:first-child img{margin-top:10px!important;}
	.mySubMenu .categ:first-child ul{border-bottom:none!important;}
}

@media screen and (max-width: 320px) {
	body {
	}

	#featured p {
		font-size: 12px;
		line-height: 1.5em;
	}

	.featured-title {
		font-size: 35px;
	}

	.featured-subtitle {
		font-size: 15px;
	}

	.call-to-action a.button {
		padding: 7px 17px;
		font-size: 14px;
	}

	.hide-320 {
		display: none;
	}

	.show-320 {
		display: block;
	}
}

@media screen and (max-width: 240px) {
	body {
	}

	#featured p {
		font-size: 11px;
		line-height: 1.5em;
	}

	.featured-title {
		font-size: 20px;
	}

	.featured-subtitle {
		font-size: 11px;
	}

	.call-to-action a.button {
		padding: 5px 15px;
		font-size: 12px;
	}

	.top-widget area,
	.top-widget select,
	.top-widget textarea,
	.top-widget input[type="text"],
	.top-widget input[type="password"],
	.top-widget input[type="email"] {
		width: 75%;
	}

	.widget-title h3,
	.widget-title-home h3 {
		height: 13px;
		font-size: 14px;
		line-height: 13px;
		text-align: left;
	}

	.hide-240 {
		display: none;
	}

	.show-240 {
		display: block;
	}
}
