/* Navbar container */
.mega_navbar {
overflow: hidden;
background-color: #333;
font-family: Arial;
}

/* Links inside the mega_navbar */
.mega_navbar a {
float: left;
font-size: 14px;
color: white;
text-align: center;
padding: 10px 16px;   /*Erster Wert top und bottom; zweiter Wert right und left*/
text-decoration: none;
}

/* The dropdowncontainer */
.mega_dropdown {
float: left;
overflow: hidden;
}

/* mega_dropdown button */
.mega_dropdown .mega_dropbtn {
font-size: 14px; 
border: none;
outline: none;
color: white;
padding: 9px 16px;    /*Erster Wert top und bottom; zweiter Wert right und left*/
background-color: #333; /*inherit;*/
font: inherit; /* Important for vertical align on mobile phones */
margin: 0; /*Important for vertical align on mobile phones */
font-family: Arial;
}

/* Add ared background color to mega_navbar links on hover */
.mega_navbar a:hover, .mega_dropdown:hover .mega_dropbtn {
 background-color: red;
}

/* mega_dropdown content (hidden by default) */
.mega_dropdown-content {
display: none;
position: absolute;
/*background-color: #f9f9f9;*/
background: rgba(249,249,249,0.5);
width: 100%;
left: 0;
/*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.5);*/
z-index: 1;
}

/* Mega Menu header, if needed */
.mega_dropdown-content.header {
background: red;
padding: 10px;
color: white;
}

/*Show the mega_dropdown menu on hover */
.mega_dropdown:hover .mega_dropdown-content {
display: block;
}

/* Create three equal columns that floats next to each other */
.mega_column {
float: left;
width: 200px;
padding: 5px;
/*background-color: #ccc;*/
background: rgba(249,249,249,0.8);
height: 250px;
}

/* Style linksinside the columns */
.mega_column a {
float: none;
color: black;
padding: 5px;
text-decoration: none;
display: block;
text-align: left;
}

/* Add a backgroundcolor on hover */
.mega_column a:hover {
background-color: #ddd;
}

/* Clear floats after the columns */
.mega_row:after {
content: "";
display: table;
clear: both;
} 

.mega_category {
float: none;
color: blue;
padding: 5px;
text-decoration: none;
display: block;
text-align: left;
}