diff --git a/config.toml b/config.toml
index 26143fab61518ac562d789b8b202a91a6be1d7a8..4f8ebe884b911f63ead0df39ed5b4c8f5bf38da0 100644
--- a/config.toml
+++ b/config.toml
@@ -49,6 +49,10 @@ skip_prefixes = [
 #url =
 #alt =
 
+[[extra.main_menu_item]]
+path = "@/blog/_index.md"
+title = "Blog"
+
 [extra.repo.web]
 tree = "https://edugit.org/Teckids/team-pr/teckids.org/-/tree/master/content"
 issues = "https://edugit.org/Teckids/team-pr/teckids.org/-/issues"
diff --git a/content/blog/_index.md b/content/blog/_index.md
index 8d13e421aac97b583f8685b4d5dcaced089d42f5..1a2a54ac3f13c8ffc34b9e355a851e63d554512b 100644
--- a/content/blog/_index.md
+++ b/content/blog/_index.md
@@ -5,5 +5,6 @@ template = "blog/overview.html"
 page_template = "blog/post.html"
 
 sort_by = "date"
+paginate_by = 15
 generate_feeds = true
 +++
diff --git a/sass/_menu.scss b/sass/_menu.scss
index 7b98d0200ae9ef5dbedd76740968e4101e50b1bf..52c7bef18623ebdaf8d4dbc204b04e7569a3a2aa 100644
--- a/sass/_menu.scss
+++ b/sass/_menu.scss
@@ -62,12 +62,12 @@
 }
 
 @include mixins.desktop {
-    #main-menu > div > .navbar-item > a {
+    #main-menu > div > .navbar-item > a, #main-menu > div > a.navbar-item {
         color: white;
         font-weight: bold;
     }
 
-    #main-menu > div > .navbar-item > a:hover {
+    #main-menu > div > .navbar-item > a:hover, #main-menu > div > a.navbar-item:hover {
         color: teckids.$orange;
     }
 }
diff --git a/templates/blog/overview.html b/templates/blog/overview.html
index f28434e661705988d0793be145c30146c34a9895..3f181f35f2ab05c2549a979f8c492ea33191aa41 100644
--- a/templates/blog/overview.html
+++ b/templates/blog/overview.html
@@ -1,11 +1,34 @@
 {% extends "base.html" %}
 
+{% block rdfa_type %}schema:Blog{% endblock %}
+
 {% block main %}
-    <div class="my-4">
-            <div class="section">
-                <div class="content container">
-                  Foo
-                </div>
-            </div>
-    </div>
+  {% set title = "Teckids-Blog – Seite " ~ paginator.current_index ~ " von " ~ paginator.number_pagers %}
+  {% set posts = paginator.pages %}
+  {% set count = paginator.paginate_by %}
+  {% include "blog/section.html" %}
+
+  {% if paginator.number_pagers > 1 %}
+  <nav class="pagination is-centered section" role="navigation" aria-label="pagination">
+    <a href="{{ paginator.previous }}" class="pagination-previous">Vorherige</a>
+    <a href="{{ paginator.next }}" class="pagination-next">Nächste</a>
+    <ul class="pagination-list">
+      <li><a href="{{ paginator.first }}" class="pagination-link {% if paginator.current_index == 1 %}is-current{% endif %}" aria-label="Seite 1">1</a></li>
+      {% set range_start = paginator.current_index - 3 %}
+      {% if range_start < 2 %}{% set range_start = 2 %}{% endif %}
+      {% set range_end = paginator.current_index + 3 %}
+      {% if range_end > paginator.number_pagers - 1 %}{% set range_end = paginator.number_pagers - 1 %}{% endif %}
+      {% if range_start > 2 %}
+        <li><span class="pagination-ellipsis">&hellip;</span></li>
+      {% endif %}
+      {% for pn in range(start=range_start, end=range_end + 1) %}
+      <li><a href="{{ paginator.base_url ~ pn ~ "/" }}" class="pagination-link {% if pn == paginator.current_index %}is-current{% endif %}" aria-label="Seite {{ pn }}">{{ pn }}</a></li>      
+      {% endfor %}
+      {% if range_end < paginator.number_pagers - 1 %}
+        <li><span class="pagination-ellipsis">&hellip;</span></li>
+      {% endif %}
+      <li><a href="{{ paginator.last }}" class="pagination-link {% if paginator.current_index == paginator.number_pagers %}is-current{% endif %}" aria-label="Seite {{ paginator.number_pagers }}">{{ paginator.number_pagers }}</a></li>
+    </ul>
+  </nav>
+  {% endif %}
 {% endblock %}
diff --git a/templates/menu.html b/templates/menu.html
index fdda35079bdfbbb50afb22a5361c14490556c0ca..592169baf7d318b52b6c571ad8b77109527da680 100644
--- a/templates/menu.html
+++ b/templates/menu.html
@@ -37,6 +37,10 @@
                     {% include "menu/gemeinschaft.html" %}
                 </div>
             </div>
+
+            {% for item in config.extra.main_menu_item %}
+              <a href="{{ get_url(path=item.path) }}" class="navbar-item is-hoverable">{{ item.title }}</a>
+            {% endfor %}
         </div>
     </div>
 </nav>