@charset "utf-8";	/*xoogle_Menue_GUI_Proz_And_Px*/
/*	Start MENUE	#CCCCCC	Start MENUE		Start MENUE		Start MENUE		Start MENUE		Start MENUE	*/
	
	.menu-icon {
		cursor: pointer;
		font-size: 16px;
		position: absolute;
		top: 5px;
		left: 10px;
		z-index: 1000;
		background: #000;
		color: #fff;
		padding: 3px;
		width: 25px;
		text-align: center;
   }
	.menu-container {
	width: 66%;
	min-width: 800px;
		list-style-type: none;
		padding: 0;
		margin: 0;
		margin-right: 10px;
		position: absolute;
		top: 5px;
		left: 50px;
		display: flex;
		align-items: left;
		font-size: 12px;
		visibility: hidden;
	}
.menu-item {
    display: inline-block;
    width: 15%;
    margin-right: 10px; /* Abstand zwischen den Hauptmenüs */
    background-color: #cccccc;
    padding: 5px;
    padding-left: 8px;
    text-align: left;
    border-radius: 5px;
    position: relative;
    cursor: default;
}

	.menu-item:hover {
    background-color: green;
	color: white;
}
.submenu {
	
		list-style-type: none;
		padding-left: 5px;
		background-color: black;	color: white;
		position: absolute;
		top: 24px;
		left: 0;
		width: 140%;
		display: none;
		/*box-shadow: 0 4px 8px rgba(0,0,0,0.1);*/
		text-align: left;
		border-radius: 5px;
		z-index: 2;
	}
	.submenu li {
		padding-top: 8px;
		padding-bottom: 8px;
		cursor: pointer;
		border-bottom: 1px solid #00ff00;
	}
	.submenu li:hover {
		background-color: green; /* ändert die Hintergrundfarbe beim Hover */
		color: white;            /* ändert die Textfarbe beim Hover */
	}
	.submenu li:last-child {
		border-bottom: none;
	}
/*	ENDE MENUE		ENDE MENUE		ENDE MENUE		ENDE MENUE		ENDE MENUE		ENDE MENUE	*/