diff --git a/website/app/assets/css/main.css b/website/app/assets/css/main.css
index 27b2367..31fa545 100644
--- a/website/app/assets/css/main.css
+++ b/website/app/assets/css/main.css
@@ -285,6 +285,7 @@ h3 {
 .highlights,
 .section,
 .workflow-section,
+.matrix-section,
 .open-source-section,
 .contact-section,
 footer {
diff --git a/website/app/pages/impressum.vue b/website/app/pages/impressum.vue
index 268d4fe..b522fc9 100644
--- a/website/app/pages/impressum.vue
+++ b/website/app/pages/impressum.vue
@@ -7,9 +7,9 @@
 
       <nav aria-label="Hauptnavigation">
         <NuxtLink to="/#funktionen">Funktionen</NuxtLink>
-        <NuxtLink to="/#matrix">Matrix</NuxtLink>
         <NuxtLink to="/#open-source">Open Source</NuxtLink>
         <NuxtLink to="/#selfhost">Selfhost</NuxtLink>
+        <NuxtLink to="/#matrix">Matrix</NuxtLink>
         <NuxtLink to="/#kontakt">Kontakt</NuxtLink>
         <a class="login-link" href="https://app.fedeo.de">Einloggen</a>
       </nav>
diff --git a/website/app/pages/index.vue b/website/app/pages/index.vue
index c843595..fcfb4db 100644
--- a/website/app/pages/index.vue
+++ b/website/app/pages/index.vue
@@ -7,9 +7,9 @@
 
       <nav aria-label="Hauptnavigation">
         <a href="#funktionen">Funktionen</a>
-        <a href="#matrix">Matrix</a>
         <a href="#open-source">Open Source</a>
         <a href="#selfhost">Selfhost</a>
+        <a href="#matrix">Matrix</a>
         <a href="#kontakt">Kontakt</a>
         <a class="login-link" href="https://app.fedeo.de">Einloggen</a>
       </nav>
@@ -121,36 +121,6 @@
       </ol>
     </section>
 
-    <section id="matrix" class="matrix-section">
-      <div class="section-heading">
-        <p class="eyebrow">Tief integriert</p>
-        <h2>Matrix als Kommunikationsschicht für FEDEO.</h2>
-        <p>
-          FEDEO verbindet Chat, Räume, Anrufe und Videokonferenzen mit Projekten, Vorgängen, Kontakten und Berechtigungen. Matrix läuft dabei nicht daneben, sondern wird durch FEDEO provisioniert, verknüpft und betrieben.
-        </p>
-      </div>
-
-      <div class="matrix-layout">
-        <div class="matrix-stack">
-          <article v-for="item in matrixStack" :key="item.title">
-            <span>{{ item.tag }}</span>
-            <h3>{{ item.title }}</h3>
-            <p>{{ item.description }}</p>
-          </article>
-        </div>
-
-        <div class="matrix-diagram" aria-label="Matrix Stack Architektur">
-          <div>FEDEO Web & App</div>
-          <span></span>
-          <div>FEDEO Backend<br><small>SSO, Rechte, Objektkontext</small></div>
-          <span></span>
-          <div>Matrix Homeserver<br><small>Synapse, Räume, Events</small></div>
-          <span></span>
-          <div>LiveKit, coturn, Element<br><small>Anrufe, Video, Gäste</small></div>
-        </div>
-      </div>
-    </section>
-
     <section id="open-source" class="open-source-section">
       <div>
         <p class="eyebrow">Open Source</p>
@@ -182,6 +152,36 @@
       </div>
     </section>
 
+    <section id="matrix" class="matrix-section">
+      <div class="section-heading">
+        <p class="eyebrow">Tief integriert</p>
+        <h2>Matrix als Kommunikationsschicht für FEDEO.</h2>
+        <p>
+          FEDEO verbindet Chat, Räume, Anrufe und Videokonferenzen mit Projekten, Vorgängen, Kontakten und Berechtigungen. Matrix läuft dabei nicht daneben, sondern wird durch FEDEO provisioniert, verknüpft und betrieben.
+        </p>
+      </div>
+
+      <div class="matrix-layout">
+        <div class="matrix-stack">
+          <article v-for="item in matrixStack" :key="item.title">
+            <span>{{ item.tag }}</span>
+            <h3>{{ item.title }}</h3>
+            <p>{{ item.description }}</p>
+          </article>
+        </div>
+
+        <div class="matrix-diagram" aria-label="Matrix Stack Architektur">
+          <div>FEDEO Web & App</div>
+          <span></span>
+          <div>FEDEO Backend<br><small>SSO, Rechte, Objektkontext</small></div>
+          <span></span>
+          <div>Matrix Homeserver<br><small>Synapse, Räume, Events</small></div>
+          <span></span>
+          <div>LiveKit, coturn, Element<br><small>Anrufe, Video, Gäste</small></div>
+        </div>
+      </div>
+    </section>
+
     <section id="kontakt" class="contact-section">
       <div>
         <p class="eyebrow">Jetzt anfragen</p>