/**********************************************/
/* CSS Definitions MAIN  */
/**********************************************/

/**********************************************/
/* Color definitions
	Green: rgb(3,166,75) #03A64B
	Orange: rgb(246,157,37) #F69D25
	Red: rgb(235,91,38) #EB5B26
	Blue: rgb(0,138,185) #008AB9
	Grey (dark): rgb(40,40,40) #282828
	Grey (ligth): rgb(180,180,180) #B4B4B4
*/

/**********************************************/
/* General - Desktop first
/* BIG and beyond - (could be: Desktops/ Tablets landscape) */
/* @media only screen and (min-width: 1180px)*/
/**********************************************/


/**********************************************/
/* Header
* (min-height needed to avoidn jumping content on affix)
/**********************************************/
#page_header{background-color:rgb(40,40,40); background-image: url(/fileadmin/user_upload/layout/homepage/header_background/header_background.jpg);  background-position:center 0; min-height:391px; background-repeat: no-repeat;}

#logo_navigation_box{}

#logo_navigation_box_frame_bg{transition:background 0.5s ease; background-color:transparent;}
#logo_navigation_box_frame.affix #logo_navigation_box_frame_bg {background-color:rgb(246,157,37);}
#logo_navigation_box_frame.affix #logo_navigation_box_frame_bg #logo_navigation_box{border-color:transparent;}



/**********************************************/
/* Menu
/**********************************************/
#main_navigation > ul > li > ul.sub-menu {margin-top_:-25px;}


/**********************************************/
/* Slider (make visible here !)
/**********************************************/
#slider_box{position:relative; display:block;}
#slider{height:300px;}



/**********************************************/
/* Media Queries 
/**********************************************/

/* 980 - 1200 */
@media only screen and (min-width: 980px) and (max-width:1199px) {          
	#page_header{ min-height:335px;}
	#slider{height:245px;}	
}



/* 768 - 980 */
@media only screen and (min-width: 768px) and (max-width:979px) {  
	#page_header{ min-height:283px;}
  	#slider{height:192px;}	
}
 


/* < 768  */
@media only screen and (max-width: 767px){

	#page_header{ min-height:auto;}

  	#slider{height:auto;}	


} /* end of < 768  */