mehr layout die zweite

public/z0mb/css/z0mb.css

@@ -13,7 +13,7 @@ a:link,a:visited{
 	font-weight:bold;
 }
 
-a:hover{
+a:hover, .nav-link.dd-button:hover, label.nav-link:hover {
 	color:#999999;
 }
 
@@ -211,18 +211,7 @@ a.nav-link.layout1:after, a.nav-link.layout2:after, a.nav-link.layout3:after {
   white-space: nowrap;
 }
 
-.dd-button:after {
-  content: '';
-  position: absolute;
-  top: 50%;
-  right: 15px;
-  transform: translateY(-50%);
-  width: 0; 
-  height: 0; 
-  border-left: 5px solid transparent;
-  border-right: 5px solid transparent;
-  border-top: 5px solid black;
-}
+
 
 ul.dd-menu {
     background: black;
@@ -234,7 +223,7 @@ ul.dd-menu {
 }
 
 ul.dd-menu > li:hover {
-    background: #999999;
+    background: #2f2d2d;
 }
 
 .dd-menu {
@@ -278,4 +267,24 @@ ul.dd-menu > li:hover {
 ul.navbar-nav.mr-auto {
     flex-direction: row;
     align-items: flex-end;
+}
+
+label {
+  margin-bottom: 0;
+}
+
+.nav-link.dd-button {
+    padding: .5rem 2rem;
+    font-size: 12px;
+    font-weight: bold;
+}
+
+label.nav-link {
+    font-size: 12px;
+}
+
+div#categories {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    align-self: center;
 }