ul#menu {
	list-style-type:none;
	margin-top:80px;
	display: flex;
    justify-content:right;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
	}
ul#menu li{
	padding:0;
	display:inline-block;
	}
ul#menu li a{
	color: var(--maincolor-blau);
	font-weight:500;
	font-size:var(--text-s);
	margin:0;
    padding:5px 22px;
    line-height: 130%;
	text-decoration:none;
    cursor: hand;
	}
ul#menu li a:hover, ul#menu li a.active{
	text-decoration:none;
	color: #000;
	margin:0;
    padding:5px 22px;
	}

a.termin{
    color: #fff !important;
    background: var(--maincolor-gold);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    }
a.termin:hover, a.termin.active {
	background: var(--maincolor-blau);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    }
.scrolled ul#menu {
    margin-top:25px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    }
ul.kurzmenu {
	list-style-type:none;
    margin-right:10px;
	display: flex;
    justify-content:right;
	}
ul.kurzmenu li{
	padding:0;
	display:inline-block;
	}
ul.kurzmenu li a{
	color: var(--maincolor-blau);
	font-weight:400;
	font-size:var(--text-s);
    padding:3px 0 3px 20px;
	text-decoration:none;
	}
ul.kurzmenu li a:hover, ul.kurzmenu li a.active {
	color: #000;
	}
/**********************************************/
@media only screen and (max-width: 1200px)  {
    
ul#menu li a, ul#menu li a:hover, ul#menu li a.active{
    padding:5px 10px;
	}

}
/**********************************************/
@media only screen and (max-width: 1024px)  {
    
    ul.kurzmenu {
    margin:20px 0;
    justify-content:left;
	}

}
/**********************************************/
@media only screen and (max-width: 800px) { 
    ul#menu {
	margin-top:65px;
	}
    .scrolled ul#menu {
    margin-top:45px;
    }
    ul#menu li a.termin{
    position: absolute !important;
    display: inline-block;
    top: -35px;  
    right:0;
    }
    .scrolled ul#menu li a.termin{
    top: -35px;  
    }
    ul.kurzmenu {
    width:300px
	}
}

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

    
#navigation {
    position: fixed;
    width:100%;
    height:300px;
    margin-top:0;
    margin-left:-10px;
    background: #fff;
    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);
    }
ul#menu li a.termin, .scrolled ul#menu li a.termin{
    display: inline-block;
    width:180px;
    position: absolute !important;
    top: 200px;  
    left:0;
    }

ul#menu {
	margin:40px 0 10px 40px;
	display: flex;
    justify-content:left;
	}
ul#menu li {
	margin:0;
	padding:0;
	width:200px;

	}
ul#menu li a {
	margin:0;
	padding:10px 10px;
	}
ul#menu li a:hover, ul#menu li a.active{
	margin:0;
	padding:10px 10px;
	}	




}