/* ---------------
max. 1170
---------------------------------------- */
@media (max-width: 1170px) {

}

/* ---------------
max. 1024
---------------------------------------- */
@media (max-width: 1024px) {

}

/* ---------------
max. 991
---------------------------------------- */
@media (max-width: 991px) {
	/* HEADER */
	#header{width:100%!important;height:auto!important; height:auto; float:left;padding:15px 15px 15px 15px!important;position:relative;} 
	#header .row{background:none;}
	
	#logo{width:100%; margin-top:0; height:auto!important; position:relative!important;}
	#logo a img{width:100px; padding-top:0px; }
	
	.nav{margin-top:130px; position:absolute; width:100%; left:0px;}
	
	#menu-hauptmenu {opacity:0;height:0;margin:0px /*0px 17px 0*/;padding:0px 30px; position:absolute; left:0; height:100%; overflow-y:auto!important;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;background-color:#fff;z-index:10000; width:100%;}
	.main-menu-icon {display:block;cursor:pointer; float:left; /*position:absolute; top:52px; right:30px;*/ z-index:1001; color:#fff; background:#222; padding:5px 30px; width:100%; margin-top:0px;}
	.menu-text{float:left; margin-right:5px; font-weight:bold; margin-top:1px;}	
	
	#burger-nav{ width: 25px;  height: auto;  /*position: relative; */ float:left; margin-top:5px; margin-left:10px; -webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg);  -o-transform: rotate(0deg);  transform: rotate(0deg);  -webkit-transition: .5s ease-in-out;  -moz-transition: .5s ease-in-out;  -o-transition: .5s ease-in-out;  transition: .5s ease-in-out; cursor: pointer;}
	#burger-nav span {  display: block;  position: absolute;  height: 3px;  width: 100%;  background: #fff;  border-radius: 1px;  opacity: 1;  left: 0;  -webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg);  -o-transform: rotate(0deg);  transform: rotate(0deg);  -webkit-transition: .25s ease-in-out;  -moz-transition: .25s ease-in-out;  -o-transition: .25s ease-in-out;  transition: .25s ease-in-out;}

	#burger-nav span:nth-child(1) { top: 0px;}
	#burger-nav span:nth-child(2),#burger-nav span:nth-child(3) {  top: 6px;}
	.menu-image{display:none!important;}
	#burger-nav span:nth-child(4) {  top: 12px;}
	#burger-nav.open span:nth-child(1) {  top: 6px;  width: 0%;  left: 50%;}
	#burger-nav.open span:nth-child(2) {  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);}
	#burger-nav.open span:nth-child(3) {  -webkit-transform: rotate(-45deg);  -moz-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);}
	#burger-nav.open span:nth-child(4) {  top: 6px;  width: 0%;  left: 50%;}
	
    
	.sf-menu > li {display:block;padding:0;float:/*none*/ left; width:100%; }
	.sf-menu > li:first-child{background:none; color:#009a3e}
	.menu-item a.menu-image-title-hide .menu-image-title{display:block!important}
	.menu-item a.menu-image-title-before.menu-image-not-hovered img, .menu-item a.menu-image-hovered.menu-image-title-before .menu-image-hover-wrapper{padding-left:0!important;}
	.sf-menu > li + li{border-left:none;}
	.sf-menu > li > a, .affix .sf-menu > li > a {padding:6px 0 6px;margin:0 /*0 0 -14px !important*/; font-size:15px; text-align:left;border-left:none; background:none!important; border-bottom:none!important; color:#222;}
	.sf-menu>li>a:before {display:none;}
	.sf-menu ul { max-width:100%!important;position:static; display:block !important;opacity:1 !important;padding:0 0 0 15px;margin-top:0; float:none;-webkit-box-shadow:none;box-shadow:none;background-color:transparent !important;}
	.sf-menu ul li, .sf-menu ul ul li {text-align:left;padding:0;background-color:transparent;}
	.sf-menu ul li + li {border:none;}
	.sf-menu ul ul {margin:1px 0 3px;}
	.sf-menu > li > a:hover{background:none;border-color:transparent;/*color:#30a79b;*/ color:#fff!important; font-weight:bold;}
	.sf-menu>li:hover>a, .sf-menu>li.sfHover>a, .sf-menu>li.active>a {background-color:transparent;border-color:transparent;/*color:#30a79b;*/color:#009a3e!important; font-weight:bold;}
	.sf-menu > li li.active > a, .sf-menu > li li > a:hover {background:none;border-color:transparent;/*color:#30a79b !important;*/color:#009a3e!important; font-weight:bold;}
	.sf-menu ul li a {margin-top:3px;margin-bottom:3px;padding:5px 0;border:none;color:#222;}
	/*.sf-menu ul a:before {content:'- ';}*/
	.sf-arrows .sf-with-ul:after {display:none;}
	
	/* second level */
	.sf-menu > li > ul:before{display:none}

	/* third level */
	.sf-menu > li > ul > li > ul:before{display:none}
	
	.top-widgets .box{width:48%; margin-right:2%; margin-bottom:15px!important;}
	.top-widgets .box.second{float:right; margin-right:0;}
	
	#wrap{margin-top:0;}
	
}

/* ---------------
max. 767
---------------------------------------- */
@media (max-width: 767px) {		
	/* CONTENT */
	#header{padding-top:0!important;}	
	#logo{margin-top:20px;}
		
	.top-widgets .box{width:48%; margin-right:2%;}
	.top-widgets .box.second{float:right; margin-right:0;}
	.box, #content-wrap .home .box:last-child{margin-bottom:30px!important;}
	
	#back-to-top{right:0; bottom:0;}
	#back-page{display:none;}
	
}

/* ---------------
max. 479
---------------------------------------- */
@media (max-width: 479px) {
	
	.top-widgets .box{width:100%; margin-right:0%;}
	.top-widgets .box.second{float:left; margin-right:0;}

}


/* ---------------
max. 479
---------------------------------------- */
/*@media (min-width: 1300px) {
	.resize-wrap, #wrap{width:1170px;}
	

}
*/