diff --git a/geruecht/routes.py b/geruecht/routes.py
index 53a56bc..0660718 100644
--- a/geruecht/routes.py
+++ b/geruecht/routes.py
@@ -70,6 +70,10 @@ def home():
         return redirect(url_for('home'))
     return render_template('home.html', users=User.query.all(), form=form)
 
+@flask_sijax.route(app, "/return")
+def to_home():
+    return home()
+
 @flask_sijax.route(app, "/about")
 def about():
     return render_template('about.html', title='about')
diff --git a/geruecht/static/img/logo_selected.png b/geruecht/static/img/logo_selected.png
new file mode 100644
index 0000000..f27650d
Binary files /dev/null and b/geruecht/static/img/logo_selected.png differ
diff --git a/geruecht/static/master.css b/geruecht/static/master.css
index 4a73801..ae03eae 100644
--- a/geruecht/static/master.css
+++ b/geruecht/static/master.css
@@ -52,6 +52,10 @@ body {
 .logo-nav {
   height: 61px;
   width: auto;
+  transition-duration: 0.4s;
+}
+.logo-nav:active {
+  transform: translateY(4px)
 }
 
 .geruecht {
@@ -83,6 +87,7 @@ body {
   border-radius: 10px;
   background: green;
   color: white;
+  transition-duration: 0.4s;
 }
 
 .button:active {
diff --git a/geruecht/templates/layout.html b/geruecht/templates/layout.html
index 8f41c42..949114d 100644
--- a/geruecht/templates/layout.html
+++ b/geruecht/templates/layout.html
@@ -19,12 +19,24 @@
     <script type="text/javascript">
         {{ g.sijax.get_js()|safe }}
     </script>
+    <script type="text/JavaScript">
+      function hover(element) {
+      element.setAttribute('src', "{{ url_for('static', filename='img/logo_selected.png') }}");
+      }
+
+      function unhover(element) {
+      element.setAttribute('src', "{{ url_for('static', filename='img/logo.png') }}");
+      }
+    </script>
 
 </head>
 <body>
   <div class="topnav">
-    <img class="logo-nav first" src="{{ url_for('static', filename='img/logo.png') }}">
-    <a class="last blue-button" href="#">Finanzer</a>
+    <a href="{{ url_for('to_home') }}">
+      <img class="logo-nav first" src="{{ url_for('static', filename='img/logo.png') }}" onmouseover="hover(this);" onmouseout="unhover(this);">
+    </a>
+        <!--<div class="logo-nav first"></div>-->
+    <a class="last blue-button" href="{{ url_for('to_home') }}">Finanzer</a>
   </div>
   <div class="container">
     {% block content %}
@@ -80,4 +92,4 @@
   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
     -->
 </body>
-</html>
\ No newline at end of file
+</html>
