diff --git a/datacenterlight/static/datacenterlight/css/landing-page.css b/datacenterlight/static/datacenterlight/css/landing-page.css
index 9025473e..1507de2c 100755
--- a/datacenterlight/static/datacenterlight/css/landing-page.css
+++ b/datacenterlight/static/datacenterlight/css/landing-page.css
@@ -175,6 +175,31 @@ button, input, optgroup, select, textarea {
 .navbar-default .btn-link {
     box-shadow: none;
 }
+.navbar-default .navbar-nav>li>.topnav_login {
+/*     color: #179; */
+    font-weight: 400;
+    background: rgba(0,0,0,0.03);
+    border-radius: 5px;
+    padding-top: 10px;
+    padding-bottom: 10px;
+    top: 5px;
+}
+.navbar-default .navbar-nav>li>.topnav_login:hover,
+.navbar-default .navbar-nav>li>.topnav_login:focus {
+    background: rgba(0,0,0,0.02);
+}
+.navbar-transparent .navbar-nav>li>.topnav_login {
+    background: rgba(0,0,0,0.2);
+    border-radius: 5px;
+    padding-top: 10px;
+    padding-bottom: 10px;
+    top: 5px;
+    color: #fff;
+}
+.navbar-transparent .navbar-nav>li>.topnav_login:hover,
+.navbar-transparent .navbar-nav>li>.topnav_login:focus {
+    background: rgba(0,0,0,0.1);
+}
 
 .navbar-brand {
     padding: 10px 15px;
diff --git a/datacenterlight/templates/datacenterlight/includes/_navbar.html b/datacenterlight/templates/datacenterlight/includes/_navbar.html
index ee791648..b2ae4cb4 100644
--- a/datacenterlight/templates/datacenterlight/includes/_navbar.html
+++ b/datacenterlight/templates/datacenterlight/includes/_navbar.html
@@ -34,6 +34,13 @@
                     <a class="on-hover-border" href="{% change_lang 'de' %}">Deutsch&nbsp;&nbsp;<i class="fa fa-globe" aria-hidden="true"></i></a> {% else %}
                     <a class="on-hover-border" href="{% change_lang 'en-us' %}">English&nbsp;&nbsp;<i class="fa fa-globe" aria-hidden="true"></i></a> {% endif %}
                 </li>
+                {% if not request.user.is_authenticated %}
+                    <li>
+                        <a class="topnav_login" href="{% url 'hosting:login' %}">{% trans "Login" %} <span class="fa fa-sign-in"></span></a>
+                    </li>
+                {% endif %}
+                {% if request.path == '/en-us/datacenterlight/' or request.path == '/de/datacenterlight/' %}
+                {% endif %}
                 {% comment %}
                 <!-- to be used when more than one option for language -->
                 <li class="nav-language">