nav__item

css/navbar.css

@@ -27,14 +27,6 @@ CSS für den Block Navbar mit seinen Elementen nach BEM
 .nav__item {
     position: relative;
     margin: 0 0.5rem;
-    display: inline-block;
-    font-weight: 600;
-    background: none;
-    border: none;
-    cursor: pointer;
-    padding: 0.5rem 1rem;
-    color: #fff;
-    text-decoration: none;
 }
 
 .nav__dropdown-toggle {
@@ -65,6 +57,30 @@ CSS für den Block Navbar mit seinen Elementen nach BEM
     font-weight: 600;
 }
 
+.nav__link {
+    display: inline-block;
+    font-weight: 600;
+    background: none;
+    border: none;
+    cursor: pointer;
+    padding: 0.5rem 1rem;
+    color: #fff;
+    text-decoration: none;
+}
+
+.nav__button {
+    display: inline-block;
+    background: #fff;
+    border: none;
+    border-radius: 4px;
+    padding: 0.5rem 1rem;
+    cursor: pointer;
+    color: #333;
+    text-decoration: none;
+    font-weight: 600;
+    margin-left: 0.5rem;
+}
+
 .nav__dropdown:hover .nav__dropdown-menu {
     display: block;
 }

includes/navbar.php

@@ -58,13 +58,13 @@ Globales Menü, wird via PHP später in alle Seiten eingebunden
     </div>
 
     <div class="nav__right">
-        <a href = "content/profile.php" class="nav__item">Profil</a>
+        <a href = "content/profile.php" class="nav_item nav__link">Profil</a>
         <div class="nav__search">
         <?php
             include_once 'search.php';
         ?>
         </div>
-	    <a href = "auth/login.php" class="nav__item"> Anmelden </a>
-	    <a href = "auth/register.php" class="nav__item"> Registrieren </a>
+	    <a href = "auth/login.php" class="nav__item nav__button"> Anmelden </a>
+	    <a href = "auth/register.php" class="nav__item nav__button"> Registrieren </a>
     </div>
 </nav>