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

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

	#logo {
		display: block;
		padding: 0;
		width: 100%;
		text-align: center;
		float: none;
	}

	nav {
		margin: 0;
	}

	/* Hide the navigation menu by default */
	/* Also hide the  */
	.toggle + a,
	.menu {
		display: none;
	}

	/* Stylinf the toggle lable */
	.toggle {
		display: block;
		background-color: var(--hg_menue);
			
	
	background: -webkit-gradient(linear, left top, left bottom, from(var(--hg_menue_verlauf)), to(var(--hg_menue)));
    background: -moz-linear-gradient(top, var(--hg_menue_verlauf), var(--hg_menue));
    background: linear-gradient(to top, var(--hg_menue_verlauf), var(--hg_menue));
    background-repeat: no-repeat;
    color: var(--vg_menue);
		padding:14px 20px;	
		color:var(--vg_menue);
		
		text-decoration:none;
		border:none;
	}
.css_res_menue{
	 display:block;
 }
	.toggle:hover {
		background-color: var(--hg_hover_menue);
	}

	/* Display Dropdown when clicked on Parent Lable */
	[id^=drop]:checked + ul {
		display: block;
	}

	/* Change menu item's width to 100% */
	nav ul li {
		display: block;
		width: 100%;
		
		}

	nav ul ul .toggle,
	nav ul ul a {
		padding: 0 40px;
	}

	nav ul ul ul a {
		padding: 0 80px;
	}

	nav a:hover,
 	nav ul ul ul a {
		background-color: var(--hg_hover_menue);
	}
  
	nav ul li ul li .toggle,
	nav ul ul a,
  nav ul ul ul a{
		padding:14px 20px;	
		color: var(--vg_menue);
		font-size:17px; 
		
	}
  
  
	
	nav ul ul a {
		background-color: var(--hg_unter_menue);
		
	}

	/* Hide Dropdowns by Default */
	nav ul ul {
		float: none;
		position:static;
		color:  var(--vg_menue);
		/* has to be the same number as the "line-height" of "nav a" */
	}
		
	/* Hide menus on hover */
	nav ul ul li:hover > ul,
	nav ul li:hover > ul {
		display: none;
	}
		
	/* Fisrt Tier Dropdown */
	nav ul ul li {
		display: block;
		width: 100%;
		padding-left:20px;		
	}

	nav ul ul ul li {
		position: static;
		/* has to be the same number as the "width" of "nav ul ul li" */ 

	}

	nav ul,nav ul li,
	nav ul li  .toggle{
		background-color: var(--hg_menue);
		background: var(--hg_menue);
	}

}

@media all and (max-width : 330px) { 

	nav ul li	{
		display:block;
		width: 94%;
	}

}