ul#menu {
	list-style-type:none;
    margin-top:74px;
	display: flex;
    justify-content:right;
	}
ul#menu li{
	padding:0;
	display:inline-block;
    background: transparent;
	}
ul#menu li a{
	color: var(--maincolor-dunkelgruen);
    background: #fff;
	font-weight:500;
	font-size:var(--text-xs);
	margin:0 var(--abstand-xs);
    padding:5px var(--abstand-s);
	text-decoration:none;
    cursor: hand;
    text-transform: uppercase;
    border-radius: 12px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
	}
ul#menu li a:hover, ul#menu li a.active {
	color: var(--maincolor-dunkel);
     background: var(--maincolor-hellgruen);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
	}
ul#menu ul.menu { 
    background: transparent;
	margin-top:26px;
	border-right:none;
	border-left:none;
	padding:0;
	border-top:none;
	border-bottom:none;
    text-align: left;
	z-index:100;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
	}
ul#menu ul.menu li{ 
	margin: 0 0 1px 0;
     padding:5px var(--abstand-s);
    text-align: center;
    line-height: 160% !important;
	}

.dropdown.menu > li.is-dropdown-submenu-parent > a::after { 
    display:none;
    }


ul.bewegungsmenu {
	list-style-type:none;   
	justify-content: space-around;
    	display:grid;
	grid-template-columns:1fr 1fr 1fr;
    margin:0;
    }
ul.bewegungsmenu li{
	padding:0;
	align-items:center;
    display:inline-block;
	}
ul.bewegungsmenu li a{
	color: var(--maincolor-dunkelgruen);
    background: #fff;
	font-weight:500;
	font-size:var(--text-xs);
	margin:0 var(--abstand-xs);
    padding:5px var(--abstand-s);
	text-decoration:none;
    cursor: hand;
    text-transform: uppercase;
    border-radius: 12px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
	}
ul.bewegungsmenu li a:hover{
	color: #fff;
    background:var(--maincolor-gruen);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
	}
/**********************************************/
@media only screen and (max-width: 1023px) { 

ul#menu {
    margin-left:0;
    margin-top:0;
    justify-content:center;

	}
ul#menu ul.menu{ 
	margin: 10px var(--abstand-m);
	}

}


/**********************************************/	
@media only screen and (max-width: 640px) {
    
ul#menu li a, ul#menu li a:hover, ul#menu li.active a, ul#menu li.active a:hover{
    padding:5px 12px;
	}

}

/**********************************************/	
@media only screen and (max-width: 640px) {

#navigation {
    position: absolute;
    background: #fff;
    height: auto;
    z-index:1000;
    width:100vw;
    padding-bottom:20px;
    -webkit-box-shadow: 0px 11px 10px -4px rgba(0,0,0,0.23); 
    box-shadow: 0px 11px 10px -4px rgba(0,0,0,0.23);
    }
header .grid-container {
    padding-right:0;
    padding-left: 0;
    }
ul#menu {
    margin-left:20px;
    margin-top:30px;
    justify-content:left;
    width:92%;
	}
ul#menu li{
    width:100%;
    display:block;
    margin:5px 0;
	}

ul#menu li a, ul#menu li a:hover, ul#menu li.active a, ul#menu li.active a:hover{
    padding:10px 12px;
	}
.is-dropdown-submenu {
    position: relative; 
    }
.dropdown.menu > li.opens-right > .is-dropdown-submenu { 
    top:0;
    }
ul#menu ul.menu li{ 
	margin: 0 0 1px 0;
    padding:5px var(--abstand-s);
    text-align: left;
	}
ul.bewegungsmenu {
	grid-template-columns:1fr;
    }
ul.bewegungsmenu li{
    display: block;
    margin:var(--abstand-s) 0;
	align-items:center;
	}
ul.bewegungsmenu li a{
	margin:0;
    padding:5px var(--abstand-s);

	}
}