@media (max-width: 768px) {
span.menurightsmallblack, div.menurightsmallblack
{
	line-height: 100%;
	width: 100%;	
        float: right;
}
#menu{
	text-align: center;
	height: inherit; /*-- zentriert vertikal --*/;
	list-style-type: none;
        padding-left: 2%;
        float: right;
}
.menu_2_text {
	font-size: 1.2em;
        line-height: 1.4em;
	letter-spacing: inherit;
        font-family: 'Roboto Bold';
        /*margin-left: -660px;*/
}

.mobile_submenu
{
        font-size: 0.9em;
        line-height: 1.2em;
	letter-spacing: inherit;
        font-family: 'Roboto Bold';
}

#menu .menu_2_text li a
{
	padding: 0px 0px 0px 0px;
}

/*--formatiert die Themenblöcke--*/ 
#menu ul { 
    float: left; 
    height: inherit;
    /*padding: 0px 1px 0px 1px;*/
    margin: 0px 0px 0px 0px;
    list-style-type: none;
    /*min-width: 24%;*/
}


#menu ul li ul 
{
    height: inherit;
   /* padding: 0px 1px 0px 1px;
    margin: 0px 1px 0px 1px;*/
}


#menu ul li ul table
{
	height: 40px;
}  

#menu ul li td
{
    list-style-type: none;
    text-align:center;
}    
#menu ul li ul td a
{
  	background-color: #73a24e;
  	opacity: 0.9;
  	padding-top: 10px;
	height: 2.4em;
	width: 20vh;
}

/*--definiert die "Drop-Down-Links" im Normalzustand--*/ 
#menu a { 
	text-decoration: none; 
	display: table;
	height: 100%;
	/*border: 1px solid #ccc; */
	text-align: center; 
	/*background-color: darkgray;*/
	color: white;
	width: 100%;
	list-style-type: none;
} 


#menu ul li a firstline-text
{
   /* font-size: 0.9em;
    display: table-cell;
    margin-top: 5px;
	min-width: 22%;
    vertical-align: middle;*/
}
#menu ul li a firstline-text img
{
    /*width: 100%;*/
    float: right;
    padding-bottom: 0.5vh;
    max-height: 60px;
    padding-top: 1vh;
}

/*--definiert die "Drop-Down-Links" im Hoverzustand--*/ 
#menu a:hover { 
color: #666; 
/*background-color: #87aed6;*/
} 
/* 
*verhindert im Zusammenhang mit position absolute bei ul ul 
*eine Höhenvergrößerung von #menu beim Hovern-- 
*/ 
#menu li { 
position: relative; 
height: inherit;
z-index: 300;
} 

/*--versteckt die "Drop-Down-Links", solange nicht gehovert wird--*/ 
#menu ul ul { 
/*position: absolute; */
z-index: 250; 
display: none; 
} 

/*--lässt die Dropdown-Links beim Hovern erscheinen--*/ 
#menu ul li:hover ul { 
display: block;
line-height:2em;
overflow: visible;
/*--background-color: lime;--*/
height: 10px;
width: 80vh;
} 
/* --- richtet die zweite Menüzeile aus --*/
#menu ul li:hover ul.ElementLast
{ 
	/*margin-left: -300%;*/
        /*margin-right: -400px;*/
        background-color: yellow;
        width: auto;
        display: block;
        float: right;
} 
#menu ul li ul div.ElementLast
{ 
	/*margin-left: -300%;*/
        /*margin-right: -400px;
        background-color: green;*/
        width: auto;
        display: block;
        float: right;
} 
}
@media (min-width: 768px)
{
    #menu
    {
        display: none;
    }
}