diff --git a/ckanext/odsh/public/odsh_header.css b/ckanext/odsh/public/odsh_header.css
index b0662f50770cbd29d4dd9d3916155c4dfb36d9e9..879a504352019603dea492ee5234d4823fa8a04a 100644
--- a/ckanext/odsh/public/odsh_header.css
+++ b/ckanext/odsh/public/odsh_header.css
@@ -47,9 +47,9 @@
         display: block;
     } */
 
-.language-switch {
+.navbar .nav .language-switch {
     float: right;
-    background-color: #f2f2f2;
+    /*background-color: #f2f2f2;*/
     padding: 6px 10px;
     margin-left: 20px;
     height: 44px; /* dirty fix to make it the same height as schleswig-holstein.de */
@@ -80,19 +80,53 @@
 }
 
 .language-switch .navLeichteSprache {
-    background: url(/base/images/sprite.png) no-repeat 6px -5557px;
+    background: url(/base/images/sprite.png) no-repeat 11px -5555px;
     font: 0/0 serif;
     display: block;
-    height: 20px;
+    /*height: 20px;*/
     width: 20px;
     overflow: hidden;
 }
 
-.language-switch .navLeichteSprache:hover {
-    background: #011e5a url(/base/images/sprite.png) no-repeat 6px -5334px;
+.language-switch:hover .navLeichteSprache {
+    background: url(/base/images/sprite.png) no-repeat 11px -5332px;
+}
 
+.language-switch .navGebaerdensprache {
+    background: url(/base/images/sprite.png) no-repeat 11px -3385px;
+    font: 0/0 serif;
+    display: block;
+    /*height: 20px;*/
+    width: 20px;
+    overflow: hidden;
 }
 
+.language-switch:hover .navGebaerdensprache {
+    background: url(/base/images/sprite.png) no-repeat 11px -3161px;
+}
+
+@media (max-width: 767px) {
+    .language-switch .navLeichteSprache {
+        background: url(/base/images/sprite.png) no-repeat 11px -5559px;
+    }
+    
+    .language-switch:hover .navLeichteSprache {
+        background: url(/base/images/sprite.png) no-repeat 11px -5336px;
+    
+    }
+
+    .language-switch .navGebaerdensprache {
+        background: url(/base/images/sprite.png) no-repeat 11px -3389px;
+    }
+
+    .language-switch:hover .navGebaerdensprache {
+        background: url(/base/images/sprite.png) no-repeat 11px -3165px;
+    
+    }
+}
+
+
+
 .masthead .top-search-form {
     float:right;
     background: #f2f2f2;
diff --git a/ckanext/odsh/templates/header.html b/ckanext/odsh/templates/header.html
index f7419ab93400a1b6850cd432045dcd65e1d3e823..d2d699a4d8a2093f15a3b42083dedd9e0a2f74da 100644
--- a/ckanext/odsh/templates/header.html
+++ b/ckanext/odsh/templates/header.html
@@ -103,6 +103,14 @@
                         </a>
                     </li>
                     {% endif %}
+                    <li class="language-switch">
+                        <a href="https://www.schleswig-holstein.de/tpgebaerdensprache" title="Gebärdensprache" class="navGebaerdensprache">
+                        </a>
+                    </li>
+                    <li class="language-switch">
+                        <a href="https://www.schleswig-holstein.de/tpleichtesprache" title="Leichte Sprache" class="navLeichteSprache">
+                        </a>
+                    </li>
                 </ul>
             </nav>
             <nav class="section navigation">