KI-AGENT: Funktionskacheln um Details erweitert

website/app/assets/css/main.css

@@ -331,6 +331,45 @@ footer {
   margin: 0;
 }
 
+.feature-grid details {
+  border-top: 1px solid rgba(23, 33, 31, 0.1);
+  margin-top: 1.1rem;
+  padding-top: 0.9rem;
+}
+
+.feature-grid summary {
+  color: #17211f;
+  cursor: pointer;
+  font-size: 0.95rem;
+  font-weight: 800;
+  list-style: none;
+}
+
+.feature-grid summary::-webkit-details-marker {
+  display: none;
+}
+
+.feature-grid summary::after {
+  color: var(--accent-dark);
+  content: "+";
+  float: right;
+  font-size: 1.1rem;
+  line-height: 1;
+}
+
+.feature-grid details[open] summary::after {
+  content: "-";
+}
+
+.feature-grid ul {
+  color: #51605c;
+  display: grid;
+  gap: 0.55rem;
+  line-height: 1.55;
+  margin: 0.9rem 0 0;
+  padding-left: 1.1rem;
+}
+
 .section {
   padding-bottom: 5rem;
   padding-top: 1rem;

website/app/pages/index.vue

@@ -104,6 +104,12 @@
           <span>{{ feature.tag }}</span>
           <h3>{{ feature.title }}</h3>
           <p>{{ feature.description }}</p>
+          <details>
+            <summary>Mehr Details</summary>
+            <ul>
+              <li v-for="detail in feature.details" :key="detail">{{ detail }}</li>
+            </ul>
+          </details>
         </article>
       </div>
     </section>
@@ -220,42 +226,82 @@ const features = [
   {
     tag: 'Projekte',
     title: 'Projekte und Objekte',
-    description: 'Aufträge, Dokumentation und projektunabhängige Objektinformationen bleiben nachvollziehbar verbunden.'
+    description: 'Aufträge, Dokumentation und projektunabhängige Objektinformationen bleiben nachvollziehbar verbunden.',
+    details: [
+      'Projektakten mit Aufgaben, Dokumenten und Zeitbezug',
+      'Objekte als dauerhafte Wissensbasis unabhängig vom einzelnen Auftrag',
+      'Saubere Historie für wiederkehrende Arbeiten und Ansprechpartner'
+    ]
   },
   {
     tag: 'Team',
     title: 'Plantafel und Zeiterfassung',
-    description: 'Mitarbeitende, Ressourcen, Fahrzeuge, Arbeitszeiten und Rapportzeiten lassen sich durchgängig planen und erfassen.'
+    description: 'Mitarbeitende, Ressourcen, Fahrzeuge, Arbeitszeiten und Rapportzeiten lassen sich durchgängig planen und erfassen.',
+    details: [
+      'Planung von Teams, Fahrzeugen und Ressourcen',
+      'Arbeits- und Rapportzeiten direkt im Projektkontext',
+      'Auswertbare Zeiten für Abrechnung, Nachkalkulation und Überblick'
+    ]
   },
   {
     tag: 'Büro',
     title: 'Aufgaben und Kommunikation',
-    description: 'Aufgaben, interne Nachrichten und Matrix-Räume laufen dort zusammen, wo die Arbeit entsteht.'
+    description: 'Aufgaben, interne Nachrichten und Matrix-Räume laufen dort zusammen, wo die Arbeit entsteht.',
+    details: [
+      'Aufgaben mit Bezug zu Projekten, Vorgängen und Teams',
+      'Matrix-Räume für projektnahe Abstimmung',
+      'Benachrichtigungen und Lesestatus für laufende Arbeit'
+    ]
   },
   {
     tag: 'Warenfluss',
     title: 'Lager und Inventar',
-    description: 'Bestände, Ein- und Ausgänge, Inventar und regelmäßige Überprüfungen bleiben im Blick.'
+    description: 'Bestände, Ein- und Ausgänge, Inventar und regelmäßige Überprüfungen bleiben im Blick.',
+    details: [
+      'Bestandsbewegungen für Material und Waren',
+      'Inventar mit Zuordnung zu Standorten oder Projekten',
+      'Überprüfungen und Nachweise für Geräte und Ausstattung'
+    ]
   },
   {
     tag: 'Kaufmännisch',
     title: 'Buchhaltung und Bankportal',
-    description: 'Belege, offene Posten, Exporte und Bankabläufe unterstützen den kaufmännischen Alltag.'
+    description: 'Belege, offene Posten, Exporte und Bankabläufe unterstützen den kaufmännischen Alltag.',
+    details: [
+      'Belege und offene Posten im täglichen Überblick',
+      'Bankportal für Zahlungseingänge und Zuordnung',
+      'Exporte für Steuerberatung und nachgelagerte Systeme'
+    ]
   },
   {
     tag: 'Geräte',
     title: 'Geräteintegration',
-    description: 'Bürogeräte, Drucker und angebundene Hardware werden in digitale Prozesse eingebunden.'
+    description: 'Bürogeräte, Drucker und angebundene Hardware werden in digitale Prozesse eingebunden.',
+    details: [
+      'Anbindung von Druckern, Etiketten und Spezialhardware',
+      'Gerätebezogene Workflows direkt aus FEDEO heraus',
+      'Grundlage für Automatisierung in Büro, Lager und Einsatzort'
+    ]
   },
   {
     tag: 'Kontakte',
     title: 'Kunden und Lieferanten',
-    description: 'Kontakte, Ansprechpartner und Stammdaten sind zentral erreichbar und für Folgeprozesse nutzbar.'
+    description: 'Kontakte, Ansprechpartner und Stammdaten sind zentral erreichbar und für Folgeprozesse nutzbar.',
+    details: [
+      'Zentrale Stammdaten für Kunden, Lieferanten und Ansprechpartner',
+      'Verknüpfung mit Projekten, Objekten und Belegen',
+      'Weniger doppelte Pflege durch durchgängige Datennutzung'
+    ]
   },
   {
     tag: 'Mobil',
     title: 'Web und App',
-    description: 'FEDEO ist für Arbeit am Schreibtisch und für mobile Abläufe im Einsatz vorbereitet.'
+    description: 'FEDEO ist für Arbeit am Schreibtisch und für mobile Abläufe im Einsatz vorbereitet.',
+    details: [
+      'Weboberfläche für Büro und Verwaltung',
+      'Mobile App für Kommunikation und Arbeit unterwegs',
+      'Selfhost- und Cloud-Betrieb mit gemeinsamen Prozessen'
+    ]
   }
 ]