KI-AGENT: Matrix-Föderation auf Webseite ergänzt

website/app/assets/css/main.css

@@ -471,6 +471,28 @@ footer {
   width: 0.24rem;
 }
 
+.federation-panel {
+  align-items: start;
+  background: rgba(105, 195, 80, 0.11);
+  border: 1px solid rgba(105, 195, 80, 0.28);
+  border-radius: 0.5rem;
+  display: grid;
+  gap: 1rem;
+  grid-template-columns: minmax(0, 0.72fr) minmax(0, 1fr);
+  margin-top: 1rem;
+  padding: 1.35rem;
+}
+
+.federation-panel h3 {
+  margin-bottom: 0;
+}
+
+.federation-panel p {
+  color: #51605c;
+  line-height: 1.65;
+  margin-bottom: 0;
+}
+
 .open-source-section {
   align-items: center;
   background: #17211f;
@@ -690,6 +712,7 @@ footer p {
   .highlights,
   .feature-grid,
   .matrix-layout,
+  .federation-panel,
   .legal-grid {
     grid-template-columns: 1fr;
   }

website/app/pages/index.vue

@@ -180,6 +180,16 @@
           <div>LiveKit, coturn, Element<br><small>Anrufe, Video, Gäste</small></div>
         </div>
       </div>
+
+      <div class="federation-panel">
+        <div>
+          <p class="eyebrow">Föderation</p>
+          <h3>FEDEO-Instanzen können kontrolliert miteinander sprechen.</h3>
+        </div>
+        <p>
+          Für sensible Unternehmenskommunikation bleibt die Föderation standardmäßig steuerbar: geschlossen für interne Installationen, per Allowlist für Partner und Kunden oder bewusst geöffnet für öffentliche Matrix-Szenarien.
+        </p>
+      </div>
     </section>
 
     <section id="kontakt" class="contact-section">
@@ -269,6 +279,11 @@ const matrixStack = [
     tag: 'Betrieb',
     title: 'Selfhost-ready Stack',
     description: 'Synapse, PostgreSQL, Redis, .well-known, Element und TURN/STUN sind im Selfhost-Stack vorbereitet.'
+  },
+  {
+    tag: 'Föderation',
+    title: 'Instanzübergreifende Zusammenarbeit',
+    description: 'Mehrere FEDEO- oder Matrix-Instanzen können über freigegebene Domains föderieren, ohne die lokale Kontrolle über Nutzer und Räume aufzugeben.'
   }
 ]