diff --git a/sass/_teckids.scss b/sass/_teckids.scss
index c9569edd9deea84e1e1d877a11f6ff88a4b3ad0c..5b614140cc6ef26f85bd5618232f0a45925e763c 100644
--- a/sass/_teckids.scss
+++ b/sass/_teckids.scss
@@ -78,6 +78,12 @@ $project-colors-title-fonts: (
     }
 }
 
+@media screen {
+  #navbar-logo > img {
+    filter: saturate(0) brightness(0) invert(1);
+  }
+}
+
 $navbar-burger-color: white;
 
 .circle-bg {
diff --git a/static/artwork b/static/artwork
index efd7cc44707c9dec49e724d9e8af53c8c05e4d80..dc1ec30e6440ae475d4e89560cef56c9dfbf653d 160000
--- a/static/artwork
+++ b/static/artwork
@@ -1 +1 @@
-Subproject commit efd7cc44707c9dec49e724d9e8af53c8c05e4d80
+Subproject commit dc1ec30e6440ae475d4e89560cef56c9dfbf653d
diff --git a/templates/menu.html b/templates/menu.html
index f3422e8efbe941b9ef7a2c61d5b0692721a4e467..e5d474476a7cd9287e55bd4d44dd1a3a7af0d079 100644
--- a/templates/menu.html
+++ b/templates/menu.html
@@ -2,7 +2,9 @@
     <input type="checkbox" id="burger-toggle" role="button" class="navbar-toggle" aria-label="menu" aria-expanded="false" data-target="main-menu" />
     <div class="navbar-brand">
         <a href="{{ get_url(path="@/_index.md") }}" class="navbar-item">
-            {{ config.title }}
+          <figure class="image" id="navbar-logo">
+            <img src="{{ get_url(path="artwork/logo-teckids.svg") }}" alt="Schriftzug Teckids e.V." />
+          </figure>
         </a>
 
         <label for="burger-toggle" class="navbar-burger">