diff --git a/konova/static/css/konova.css b/konova/static/css/konova.css
index 0c87f870..5f6c7bd8 100644
--- a/konova/static/css/konova.css
+++ b/konova/static/css/konova.css
@@ -3,18 +3,40 @@ Declare some basic colours
 */
 :root{
     --rlp-red: #871d33;
-    --rlp-grey-dark: #8e8e8e;
-    --rlp-grey-light: #c6c6c6;
+    --rlp-gray-dark: #8e8e8e;
+    --rlp-gray-light: #c6c6c6;
+}
+
+html {
+  position: relative;
+  min-height: 100%;
 }
 
 body{
     font-family: Arial;
     letter-spacing: 0.2px;
+    margin-bottom: 40px; /* Margin bottom by footer height */
 }
 
+.footer {
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+    height: 40px; /* Set the fixed height of the footer here */
+    line-height: 40px; /* Vertically center the text there */
+    background-color: #f5f5f5;
+    border-top: 1px solid var(--rlp-gray-light);
+    color: var(--rlp-gray-dark);
+}
+
+.footer-link a{
+    color: var(--rlp-gray-dark);
+    text-decoration: none;
+}
 
 .nav{
     background-color: var(--rlp-red);
+    height: 50px;
 }
 .nav-icon{
     color: white;
@@ -30,9 +52,16 @@ body{
 }
 
 .menu-elem:hover{
-    background-color: var(--rlp-grey-light);
+    /*
+    background-color: var(--rlp-gray-light);
+    */
 }
 
 .nav-btn{
     color: white;
+    padding: 0.5rem;
+    margin: 0 0.5rem 0 0;
+}
+.nav-btn:hover{
+
 }
\ No newline at end of file
diff --git a/konova/sub_settings/context_settings.py b/konova/sub_settings/context_settings.py
index 7bf9f916..093bf4c3 100644
--- a/konova/sub_settings/context_settings.py
+++ b/konova/sub_settings/context_settings.py
@@ -6,6 +6,6 @@ Created on: 16.11.20
 
 """
 
-BASE_TITLE = "KSP"
+BASE_TITLE = "KSP - Kompensationsverzeichnis Service Portal"
 BASE_FRONTEND_TITLE = "Kompensationsverzeichnis Service Portal"
 WIKI_URL = "https://dienste.naturschutz.rlp.de/doku/doku.php?id=ksp:start"
diff --git a/templates/base.html b/templates/base.html
index 471fba83..8eadff81 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -22,13 +22,9 @@
 
     </div>
 
-    <footer>
-        {% block footer %}
-
-        {% endblock %}
-
-    </footer>
-
+    {% block footer %}
+        {% include 'footer.html' %}
+    {% endblock %}
 </body>
 
 
diff --git a/templates/footer.html b/templates/footer.html
new file mode 100644
index 00000000..1c48079a
--- /dev/null
+++ b/templates/footer.html
@@ -0,0 +1,17 @@
+{% load i18n fontawesome_5 %}
+<footer class="footer">
+    <div class="container">
+        <div class="d-flex justify-content-center">
+            <span class="col-sm-auto footer-link">
+                <a href="{% url 'home' %}">{% trans 'Help' %}</a>
+            </span>
+            <span class="col-sm-auto footer-link">
+                <a href="{% url 'home' %}">{% trans 'Impressum' %}</a>
+            </span>
+            <span class="col-sm-auto footer-link">
+                <a href="{% url 'home' %}">{% trans 'Contact' %}</a>
+            </span>
+        </div>
+    </div>
+
+</footer>
\ No newline at end of file
diff --git a/templates/navbar.html b/templates/navbar.html
index 5a7ee56f..f26fc3fd 100644
--- a/templates/navbar.html
+++ b/templates/navbar.html
@@ -3,47 +3,46 @@
     <div class="d-flex align-items-center nav-icon ml-2" title="{% trans 'Kompensationsverzeichnis Service Portal' %}">
         <strong class="">{% trans 'KSP' %}</strong>
     </div>
-    <div class="justify-content-center">
-    <a class="nav-item menu-elem" href="{% url 'home' %}">
-        <div class="btn nav-btn">
-            {% fa5_icon 'home' %}
-            {% trans 'Home' %}
-        </div>
-    </a>
-    <a class="nav-item menu-elem" href="{% url 'home' %}">
-        <div class="btn nav-btn">
-            {% fa5_icon 'pencil-ruler' %}
-            {% trans 'Intervention' %}
-        </div>
-    </a>
-    <a class="nav-item menu-elem" href="{% url 'home' %}">
-        <div class="btn nav-btn">
-            {% fa5_icon 'leaf' %}
-            {% trans 'Compensation' %}
-        </div>
-    </a>
-    <a class="nav-item menu-elem" href="{% url 'home' %}">
-        <div class="btn nav-btn">
-            {% fa5_icon 'tree' %}
-            {% trans 'Eco-account' %}
-        </div>
-    </a>
-    <div class="nav-item menu-elem dropdown">
-        <div class="btn nav-btn" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
-            {% fa5_icon 'ellipsis-v' %}
-            {% trans 'More' %}
-        </div>
-        <div class="dropdown-menu">
-            <a class="dropdown-item" href="{% url 'home' %}">{% fa5_icon 'euro-sign' %}  {% trans 'EMA' %}</a>
-            <a class="dropdown-item" href="{% url 'home' %}">{% fa5_icon 'file-import' %}  {% trans 'Import...' %}</a>
-            <a class="dropdown-item" href="{% url 'home' %}">{% fa5_icon 'file-export' %}  {% trans 'Export...' %}</a>
-            <a class="dropdown-item" href="{% url 'home' %}">{% fa5_icon 'file-alt' %}  {% trans 'Reports' %}</a>
+    <div class="d-flex align-items-center justify-content-center">
+        <a class="nav-item menu-elem" href="{% url 'home' %}">
+            <div class="btn nav-btn">
+                {% fa5_icon 'home' %}
+                {% trans 'Home' %}
+            </div>
+        </a>
+        <a class="nav-item menu-elem" href="{% url 'home' %}">
+            <div class="btn nav-btn">
+                {% fa5_icon 'pencil-ruler' %}
+                {% trans 'Intervention' %}
+            </div>
+        </a>
+        <a class="nav-item menu-elem" href="{% url 'home' %}">
+            <div class="btn nav-btn">
+                {% fa5_icon 'leaf' %}
+                {% trans 'Compensation' %}
+            </div>
+        </a>
+        <a class="nav-item menu-elem" href="{% url 'home' %}">
+            <div class="btn nav-btn">
+                {% fa5_icon 'tree' %}
+                {% trans 'Eco-account' %}
+            </div>
+        </a>
+        <div class="nav-item menu-elem dropdown">
+            <div class="btn nav-btn" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
+                {% fa5_icon 'ellipsis-v' %}
+                {% trans 'More' %}
+            </div>
+            <div class="dropdown-menu">
+                <a class="dropdown-item" href="{% url 'home' %}">{% fa5_icon 'euro-sign' %}  {% trans 'EMA' %}</a>
+                <a class="dropdown-item" href="{% url 'home' %}">{% fa5_icon 'file-import' %}  {% trans 'Import...' %}</a>
+                <a class="dropdown-item" href="{% url 'home' %}">{% fa5_icon 'file-export' %}  {% trans 'Export...' %}</a>
+                <a class="dropdown-item" href="{% url 'home' %}">{% fa5_icon 'file-alt' %}  {% trans 'Reports' %}</a>
+            </div>
         </div>
     </div>
-
-    </div>
-    <div class="nav-item ">
-        <div class="btn nav-btn" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
+    <div class="d-flex align-items-center nav-item ">
+        <div class="nav-btn" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
             {% fa5_icon 'user-circle' %}
             {{ user.username }}
         </div>