diff --git a/dev/scss/no-js.scss b/dev/scss/no-js.scss
index 8e3478e..f948e44 100644
--- a/dev/scss/no-js.scss
+++ b/dev/scss/no-js.scss
@@ -1,3 +1,5 @@
+@import "util";
+
 // Aside in noscript mode
 body.no-js aside {
   > * {
@@ -34,4 +36,15 @@
 
 body.no-js main div.intro {
   margin-left: $base-padding !important;
+}
+
+
+#activate {
+  text-align: right;
+  background-color: $dark-orange;
+  margin-top: 0;
+  padding: $base-padding;
+  padding-right: $standard-margin;
+  color: $nearly-white;
+  font-size: 80%;
 }
\ No newline at end of file
diff --git a/kalamar.dict b/kalamar.dict
index d567c72..dee9e29 100644
--- a/kalamar.dict
+++ b/kalamar.dict
@@ -38,6 +38,7 @@
     glimpse => {
       desc => 'Zeige nur die ersten Treffer in beliebiger Reihenfolge'
     },
+    activateJS => 'Für den vollen Funktionsumfang aktivieren Sie bitte JavaScript!',
     faq => 'Häufige Fragen',
     tutorial => 'Einführung',
     pubOn => 'veröffentlicht am',
@@ -127,6 +128,7 @@
       -short => 'Glimpse',
       desc => 'Just show the first matches in arbitrary order'
     },
+    activateJS => 'To make use of all features, please activate JavaScript!',
     faq => 'F.A.Q.',
     underConstruction => 'Under Construction!',
     loginExplanation => 'Login with a registered Cosmas-II account',
diff --git a/templates/layouts/main.html.ep b/templates/layouts/main.html.ep
index 763ac98..de56fb0 100644
--- a/templates/layouts/main.html.ep
+++ b/templates/layouts/main.html.ep
@@ -54,6 +54,11 @@
     % unless ($embedded) {
       %= include 'partial/header'
     % }
+
+
+    <noscript>
+      <p id="activate"><%= loc 'activateJS' %></p>
+    </noscript>
     
     <main<% if (stash 'main_class') { %> class="<%= stash 'main_class' %>"<% } %>>
     %= content