/* _tpl/nav.php */
/* _tpl/navbar.php */
/* ----------------------------------------------------------------------------- * 
 *                                    Navigation                                 *
 * ----------------------------------------------------------------------------- */

nav {
	transition: opacity 2s ease;
	width: 100%;
    font-family: "Trebuchet MS",Helvetica,Arial;
#    font-size: 1.25em; /* 20px*/
}

#nav {
	display:none;
}

nav ul li {
    list-style: none;
}

nav a:link, 
nav a:hover {
    color: #30395C;	
}

#header_lang { 	display:none; }

/* ----------------------------------------------------------------------------- * 
 *                                Media Queries                                  *
 * ----------------------------------------------------------------------------- */
/*
breakpoints from Bootstrap:  scss/_variables.scss
 
grid-breakpoints
$grid-breakpoints: (
  xs: 0,		Styles für kleine Smartfons   
  sm: 576px, 	Styles für große Smartfons  
  md: 768px,  	Styles der Tabletversion 
  lg: 992px,  	Styles der Tabletversion 
  xl: 1200px, 	Styles für kleine Desktops   
  xxl: 1400px	Styles für große Desktops   
) !default;

$container-max-widths: (
  sm: 540px,
  md: 720px,
  lg: 960px,
  xl: 1140px,
  xxl: 1320px
);
*/

@media only screen and (min-width: 992px) {

#nav {
	width: 25%;
	float:left;

	}
}

@media only screen and (min-width: 576px) {  

#header_lang { 	display:inline; }

}

@media only screen and (min-width: 992px) {  

#navbar {
		display:none;
}

#nav {
		display:block;
}

}

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

/*
nav#nav {
		display:none;
}
*/
}