.menu {
                position: relative;
                z-index: 999;
                }

.menu ul {
				list-style-type: none;
				margin: 0;
				padding: 0;
				background: #76b900;			/* Schützengrün */
				display: flex;
				flex-direction: rows;
				}

.menu li {
				display: inline;
				border: 1px solid white;
				}

.menu li a {
				color: white;
				display: block;
				padding: 10px 20px;
				text-decoration: none;
				}

#menu_kurz {	display: none;
				}

/* Style the dropdown menu */
.menu ul ul {
				 position: absolute;
				 top: 100%;
				 display: none;
				 font-size: 0.8rem;
				 background: #8dd017;	/* helleres Grün als Schützengrün */
				 }

.menu ul ul li {
				display: block;
				border: 1px solid white;
				}

.menu li:hover ul {
				display: block;
				}

/* Farbe Untermenü bei Mousover */
.menu ul ul li a:hover {
background-color: grey;
 }



@media screen and (max-width: 59rem) {	
				
#menu_lang {	display: none;
				}

#menu_kurz {	display: block;
				}			
 }
 

/**   @Mobil - bis 320px   **/		
@media screen and (max-width: 39rem) {

.menu ul {
				flex-direction: column;
				}

.menu ul ul {
				 Xposition: absolute;
				 position: relative;
				 Xtop: 100%;
				 display: none;
				 }			
 }