ul#menu {
	list-style-type:none;
    margin-top:70px;
	display: flex;
    justify-content:right;
	}
ul#menu li{
	padding:0;
	display:inline-block;
    background: transparent;
	}
ul#menu li a{
	color: var(--maincolor-dunkel);
	font-weight:500;
	font-size:var(--text-sm);
	margin:0 .8vw;
    padding:5px 0;
	text-decoration:none;
    cursor: hand;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
	}
ul#menu li a:hover, ul#menu li a.active {
	color: var(--maincolor-dunkelgruen);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
	}
ul#menu ul.menu { 
    background: #fff;
	margin-top:22px;
	border-right:none;
	border-left:none;
	padding:10px;
	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: 2px 0;
    padding:3px;
    text-align: left;
	}
ul#menu ul.menu li a{ 
    margin:0;
    padding:3px var(--abstand-s);
    line-height: 140% !important;
	}
.dropdown.menu > li.is-dropdown-submenu-parent > a::after { 
    display:none;
    }

.is-dropdown-submenu {
    min-width: 420px;
    }
.dropdown.menu > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: -120px;
    }
/**********************************************/
@media only screen and (max-width: 1200px) { 

ul#menu li a{
	font-size:var(--text-s);
    }
}

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



}


/**********************************************/	
@media only screen and (max-width: 768px) {
    
ul#menu li a, ul#menu li a:hover, ul#menu li.active a, ul#menu li.active a:hover{
   	margin:0;
    padding:5px 10px;
	}
ul#menu {
    list-style-type: none;
    margin-top: 50px;
    }
}

/**********************************************/	
@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;
	}
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;
	}


 ul#menu ul.menu {
    margin-top: 5px; 
    }
ul#menu ul.menu li{ 
	margin: 0 0 0 0;
    padding:4px var(--abstand-s);
    text-align: left;
    width:300px;
	}
.is-dropdown-submenu {
    position: relative; 
    top: 0!important;
    right: auto;
    left: auto;
    padding-right:20px;

    }
}

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


    }