diff --git a/components/main_nav.html b/components/main_nav.html
index 045d9e9..b9626cd 100644
--- a/components/main_nav.html
+++ b/components/main_nav.html
@@ -37,6 +37,14 @@
             <a class="nav-icon d-none d-lg-inline" href="#" data-bs-toggle="modal" data-bs-target="#templatemo_search">
                 <i class="fa fa-fw fa-search text-dark mr-2"></i>
             </a>
+            <a class="nav-icon position-relative text-decoration-none" href="#">
+                <i class="fa fa-fw fa-cart-arrow-down text-dark mr-1"></i>
+                <span class="position-absolute top-0 left-100 translate-middle badge rounded-pill bg-light text-dark">7</span>
+            </a>
+            <a class="nav-icon position-relative text-decoration-none" href="#">
+                <i class="fa fa-fw fa-user text-dark mr-3"></i>
+                <span class="position-absolute top-0 left-100 translate-middle badge rounded-pill bg-light text-dark">+99</span>
+            </a>
         </div>
     </div>
 </div>
\ No newline at end of file
diff --git a/res/css/style.css b/res/css/style.css
index 1d65de4..a5fa026 100644
--- a/res/css/style.css
+++ b/res/css/style.css
@@ -1,3 +1,18 @@
+/* Colors */
+.logo { font-weight: 500 !important;}
+.text-warning {  color: #ede861 !important;}
+.text-muted { color: #bcbcbc !important;}
+.text-success { color: #d86f23 !important;}
+.text-light { color: #cfd6e1 !important;}
+.bg-dark { background-color: #212934 !important;}
+.bg-light { background-color: #e9eef5 !important;}
+.bg-black { background-color: #1d242d !important;}
+.bg-success { background-color: #d86f23!important;}
+.btn-success {
+  background-color: #d86f23 !important;
+  border-color: #ba5c19 !important;
+}
+
 /* Navbar */
 #top_nav_bar { min-height: 40px;}
 #top_nav_bar * { font-size: .9em !important;}
@@ -27,3 +42,16 @@
   transition: .5s;
 }
 #marmeladenladen_footer .border-light { border-color: #2d343f !important;}
+
+/* Medium devices */
+@media (min-width: 768px) {
+  #main_nav_bar .navbar-nav {max-width: 450px;}
+ }
+
+/* large devices */
+@media (min-width: 992px) {
+  #main_nav_bar .navbar-nav {max-width: 550px;}
+}
+
+/* larger devices */
+@media (min-width: 1200px) {}