diff --git a/content/projects/groups.en.md b/content/projects/groups.en.md
new file mode 100644
index 0000000..c36d649
--- /dev/null
+++ b/content/projects/groups.en.md
@@ -0,0 +1,3 @@
++++
+title = "Projekt Groups"
++++
\ No newline at end of file
diff --git a/content/projects/groups.md b/content/projects/groups.md
new file mode 100644
index 0000000..682d3cf
--- /dev/null
+++ b/content/projects/groups.md
@@ -0,0 +1,3 @@
++++
+title = "Projektgruppen"
++++
\ No newline at end of file
diff --git a/static/media/img/lang/de.png b/static/media/img/lang/de.png
new file mode 100644
index 0000000..940d92b
Binary files /dev/null and b/static/media/img/lang/de.png differ
diff --git a/static/media/img/lang/en.png b/static/media/img/lang/en.png
new file mode 100644
index 0000000..ee6f399
Binary files /dev/null and b/static/media/img/lang/en.png differ
diff --git a/templates/navbar-items-de.html b/templates/navbar-items-de.html
index ba504f1..04733bd 100644
--- a/templates/navbar-items-de.html
+++ b/templates/navbar-items-de.html
@@ -70,7 +70,7 @@
 
     <ul class="navbar-nav navbar-right">
         <li class="nav-item dropdown">
-            <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown">
+            <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                 <div class="d-none d-sm-inline">
                     <img id="img-icon-lang" src="" style="height: 28px;" alt="Sprache">
                 </div>
@@ -79,8 +79,23 @@
                 </div>
             </a>
             <ul class="dropdown-menu">
-                <li><a href="/index.dark.html"><img src="/media/img/lang/de.png">Deutsch</a></li>
-                <li><a href="/en/"><img src="/media/img/lang/en.png">English</a></li>
+                {% if section.translations %}
+                {% for lang in section.translations %}
+                <li>
+                    <a class="dropdown-item" href="{{lang.permalink}}">
+                        <img src="/media/img/lang/{{lang.lang}}.png" class="me-1">{{lang.lang}}
+                    </a>
+                </li>
+                {% endfor %}
+                {% elif page.translations %}
+                {% for lang in page.translations %}
+                <li>
+                    <a class="dropdown-item" href="{{lang.permalink}}">
+                        <img src="/media/img/lang/{{lang.lang}}.png" class="me-1">{{lang.lang}}
+                    </a>
+                </li>
+                {% endfor %}
+                {% endif %}
             </ul>
         </li>
     </ul>
diff --git a/templates/navbar-items-en.html b/templates/navbar-items-en.html
index 160fea8..19dea62 100644
--- a/templates/navbar-items-en.html
+++ b/templates/navbar-items-en.html
@@ -70,7 +70,7 @@
 
     <ul class="navbar-nav navbar-right">
         <li class="nav-item dropdown">
-            <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown">
+            <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                 <div class="d-none d-sm-inline">
                     <img id="img-icon-lang" src="" style="height: 28px;" alt="Language">
                 </div>
@@ -79,8 +79,23 @@
                 </div>
             </a>
             <ul class="dropdown-menu">
-                <li><a href="/index.dark.html"><img src="/media/img/lang/de.png">Deutsch</a></li>
-                <li><a href="/en/"><img src="/media/img/lang/en.png">English</a></li>
+                {% if section.translations %}
+                {% for lang in section.translations %}
+                <li>
+                    <a class="dropdown-item" href="{{lang.permalink}}">
+                        <img src="/media/img/lang/{{lang.lang}}.png" class="me-1">{{lang.lang}}
+                    </a>
+                </li>
+                {% endfor %}
+                {% elif page.translations %}
+                {% for lang in page.translations %}
+                <li>
+                    <a class="dropdown-item" href="{{lang.permalink}}">
+                        <img src="/media/img/lang/{{lang.lang}}.png" class="me-1">{{lang.lang}}
+                    </a>
+                </li>
+                {% endfor %}
+                {% endif %}
             </ul>
         </li>
     </ul>