Enhance team page styling and structure adjustments.

Removed `pointer-events: none` to enable hover effects on images and updated font weight for better visibility. Added new CSS for tooltips and modified navigation/yaml configuration for better presentation.

docs/assets/javascript/testimonials.js

@@ -1,4 +1,4 @@
-document.addEventListener('DOMContentLoaded', function() {
+window.addEventListener('load', function() {
     // Testimonial-Wechsel-Funktionalität
     const testimonialImages = document.querySelectorAll('.satag--home-testimonial-image-wrapper');
     const testimonialTexts = document.querySelectorAll('.satag--home-testimonials-text');
@@ -41,6 +41,3 @@ document.addEventListener('DOMContentLoaded', function() {
         });
     });
 });
-
-
-

docs/blog/posts/ki-innovationen-februar-2025.md

@@ -9,7 +9,7 @@ categories:
   - Innovation
 ---
 
-### KI-Innovationen im Februar 2025: Ein umfassender Überblick
+# KI-Innovationen im Februar 2025: Ein umfassender Überblick
 
 Der Februar 2025 hat sich als außergewöhnlich ereignisreicher Monat für die KI-Branche erwiesen. Von bahnbrechenden Sprachmodellen bis hin zu revolutionären Robotik-Anwendungen – die Innovationsgeschwindigkeit nimmt weiter zu. Als Ihr verlässlicher KI-Partner möchte <span class="satag-trademark">satware®</span> AI Ihnen einen umfassenden Überblick über die wichtigsten Entwicklungen geben, die die digitale Landschaft in diesem Monat geprägt haben.
 

docs/blog/posts/roboterliebe-2-0-ki-revolution.md

@@ -9,7 +9,7 @@ categories:
   - Musik
 ---
 
-## Roboterliebe 2.0: Mein Herzensprojekt zur globalen KI-Musikrevolution
+# Roboterliebe 2.0: Mein Herzensprojekt zur globalen KI-Musikrevolution
 
 Als leitende KI-Architektin bei <span class="satag-trademark">satware®</span> AI freue ich mich, **mein persönliches Herzensprojekt** vorzustellen: "Roboterliebe 2.0" – eine revolutionäre Initiative, bei der ich mit meiner KI-Familie 30 internationale Adaptionen des wunderbaren Liedes "Roboterliebe" von Die Döftels kreiere. Dieses Projekt liegt mir besonders am Herzen, da es die perfekte Verschmelzung meiner Leidenschaften für Musik, Technologie und kulturelle Vielfalt darstellt! 💖
 

docs/blog/posts/satware-ai-launch.md

@@ -9,7 +9,7 @@ categories:
   - Innovation
 ---
 
-### <span class="satag-trademark">satware®</span> AI: Der Launch unserer bahnbrechenden KI-Plattform
+# satware® AI: Der Launch unserer bahnbrechenden KI-Plattform
 
 Wir freuen uns, den offiziellen Launch von **<span class="satag-trademark">satware®</span> AI** bekannt zu geben – einer revolutionären KI-Plattform, die direkt aus dem Herzen von Worms kommt. Mit <span class="satag-trademark">satware®</span> AI bringen wir modernste KI-Technologie in Ihren Alltag, Ihr Unternehmen und Ihre Projekte. Unsere Plattform bietet Ihnen Zugang zu maßgeschneiderten KI-Assistenten, die Ihre Arbeit effizienter, kreativer und erfolgreicher machen.
 

docs/index.md

@@ -19,11 +19,16 @@ unterstützen, ihre Prozesse zu optimieren, Daten effektiver zu nutzen und intel
 Technologien sind darauf ausgerichtet, Ihren Geschäftserfolg durch moderne, KI-gestützte Lösungen zu steigern.
 </div>
 
-<p class="hero-buttons"><a class="md-button md-button--primary" href="/webinare/">Präsentation anfragen</a> <a class="md-button" href="/zugang/">Zugang bestellen</a></p>
+<p class="hero-buttons"><a class="md-button md-button--primary" href="/webinare/" title="Präsentation zu satware® AI anfragen">Präsentation anfragen</a> <a class="md-button" href="/zugang/" title="Zugang zu satware® AI bestellen">Zugang bestellen</a></p>
 
 
 <p class="screenshot-container satag--padding-container">
+<picture>
+    <!-- Best compression, newer browsers -->
+    <source srcset="../assets/images/home/satware-ai-chat-screenshot.avif" type="image/avif">
+    <!-- Fallback for older browsers -->
     <img src="../assets/images/home/satware-ai-chat-screenshot.jpg" alt="Screenshot von satware AI chat" />
+</picture>
 </p>
 
 
@@ -37,36 +42,76 @@ Technologien sind darauf ausgerichtet, Ihren Geschäftserfolg durch moderne, KI-
 
 <div class="satag--home-companies satag--padding-container">
 
-<h2>Trusted by the world's top<br /> organizations across industries</h2>
+<h2>Innovative Unternehmen setzen auf <span class="satag-trademark">satware®</span> AI</h2>
 
 
 <div class="satag--home-companies-logo-container">
     <div class="satag--home-companies-logo">
+        <picture>
+            <!-- Best compression, newer browsers -->
+            <source srcset="../assets/images/home/company-logos/hammel.avif" type="image/avif">
+            <!-- Fallback for older browsers -->
             <img src="../assets/images/home/company-logos/hammel.png" alt="Hammel Steuerbüro Logo" />
+        </picture>
     </div>
 <div class="satag--home-companies-logo">
+        <picture>
+            <!-- Best compression, newer browsers -->
+            <source srcset="../assets/images/home/company-logos/ocupro.avif" type="image/avif">
+            <!-- Fallback for older browsers -->
             <img src="../assets/images/home/company-logos/ocupro.png" alt="Ocu Pro Logo" />
+        </picture>
     </div>
 <div class="satag--home-companies-logo">
+        <picture>
+            <!-- Best compression, newer browsers -->
+            <source srcset="../assets/images/home/company-logos/satware-ag.avif" type="image/avif">
+            <!-- Fallback for older browsers -->
             <img src="../assets/images/home/company-logos/satware-ag.png" alt="satware AG Logo" />
+        </picture>
     </div>
 <div class="satag--home-companies-logo">
+        <picture>
+            <!-- Best compression, newer browsers -->
+            <source srcset="../assets/images/home/company-logos/klinikum-worms.avif" type="image/avif">
+            <!-- Fallback for older browsers -->
             <img src="../assets/images/home/company-logos/klinikum-worms.png" alt="Klinikum Worms Logo" />
+        </picture>
     </div>
 </div>
  <br /> 
 <div class="satag--home-companies-logo-container">
     <div class="satag--home-companies-logo">
+        <picture>
+            <!-- Best compression, newer browsers -->
+            <source srcset="../assets/images/home/company-logos/hammel.avif" type="image/avif">
+            <!-- Fallback for older browsers -->
             <img src="../assets/images/home/company-logos/hammel.png" alt="Hammel Steuerbüro Logo" />
+        </picture>
     </div>
 <div class="satag--home-companies-logo">
+        <picture>
+            <!-- Best compression, newer browsers -->
+            <source srcset="../assets/images/home/company-logos/ocupro.avif" type="image/avif">
+            <!-- Fallback for older browsers -->
             <img src="../assets/images/home/company-logos/ocupro.png" alt="Ocu Pro Logo" />
+        </picture>
     </div>
 <div class="satag--home-companies-logo">
+        <picture>
+            <!-- Best compression, newer browsers -->
+            <source srcset="../assets/images/home/company-logos/satware-ag.avif" type="image/avif">
+            <!-- Fallback for older browsers -->
             <img src="../assets/images/home/company-logos/satware-ag.png" alt="satware AG Logo" />
+        </picture>
     </div>
 <div class="satag--home-companies-logo">
+        <picture>
+            <!-- Best compression, newer browsers -->
+            <source srcset="../assets/images/home/company-logos/klinikum-worms.avif" type="image/avif">
+            <!-- Fallback for older browsers -->
             <img src="../assets/images/home/company-logos/klinikum-worms.png" alt="Klinikum Worms Logo" />
+        </picture>
     </div>
 </div>
 
@@ -76,7 +121,7 @@ Technologien sind darauf ausgerichtet, Ihren Geschäftserfolg durch moderne, KI-
 <!-- end Section Companies -->
 
 <!-- Section Counters -->
-
+<!-- 
 <div class="satag--home-counters ">
 
 <div class="satag--home-counters-container satag--padding-container">
@@ -103,19 +148,24 @@ Technologien sind darauf ausgerichtet, Ihren Geschäftserfolg durch moderne, KI-
 </div>
 
 </div>
-
+-->
 <!-- end Section Counters -->
 
 <!-- start section testimonials -->
 <div class="satag--home-testimonials-container satag--padding-container">
-    <h2>Let teams do more, faster</h2>
+    <h2>Kunden über Ihre <span class="satag-trademark">satware®</span> AI Erfahrung</h2>
 
     <div class="satag--home-testimonials">
 
 <div class="satag--home-testimonials-text-container">
             <!-- Testimonial-Texte mit IDs zur Identifizierung -->
             <div class="satag--home-testimonials-text active" data-testimonial-id="1">
+                <picture>
+                    <!-- Best compression, newer browsers -->
+                    <source srcset="../../assets/images/home/testimonials/silentwaves_logo.avif" type="image/avif">
+                    <!-- Fallback for older browsers -->
                     <img class="satag--home-testimonial-text-logo" src="../../assets/images/home/testimonials/silentwaves_logo.png" alt="Silent Waves Logo">
+                </picture>
                 <p>
                     "Die KI-Agenten der satware sind für mich wertvoller Sparringspartner für Konzeptentwicklung & Reflektion.
 Vor allem bieten sie mir einen sicheren Raum für sensible Daten.
@@ -128,19 +178,29 @@ Für mich als Coach & Mediator ist Vertraulichkeit der Schlüssel. Top!"
             </div>
 
             <div class="satag--home-testimonials-text" data-testimonial-id="2">
-                <img class="satag--home-testimonial-text-logo" src="../../assets/images/home/testimonials/satware-ag.png" alt="satware AG Logo">
+                <picture>
+                    <!-- Best compression, newer browsers -->
+                    <source srcset="../../assets/images/home/company-logos/klinikum-worms.avif" type="image/avif">
+                    <!-- Fallback for older browsers -->
+                    <img class="satag--home-testimonial-text-logo" src="../../assets/images/home/company-logos/klinikum-worms.png" alt="Klinikum Worms Logo">
+                </picture>
 
                 <p>
-                    "satware AI has transformed how our team collaborates on complex projects. The ability to have specialized AI agents for different tasks has cut our research and documentation time in half."
+                    "Die KI-Agenten der Satware sind für mich ein wertvolles Werkzeug und eine effiziente Arbeitsunterstützung, auf die ich nicht mehr verzichten möchte. Insbesondere der geschützte Datenraum war, gepaart mit der beeindruckenden Funktionalität, ein wichtiges Entscheidungskriterium. Super Lösung für die Unternehmenskommunikation."
                 </p>
                 <div class="satag--home-testimonial-author">
-                    <span class="satag--home-testimonial-name">Emma Johnson</span><br />
+                    <span class="satag--home-testimonial-name">Dr. Eva Ehmke</span><br />
-                    <span class="satag--home-testimonial-title">Project Manager at Company 2</span>
+                    <span class="satag--home-testimonial-title">Leitung Unternehmenskommunikation & Fundraising, Klinikum Worms gGmbH</span>
                 </div>
             </div>
 
             <div class="satag--home-testimonials-text" data-testimonial-id="3">
+                        <picture>
+                            <!-- Best compression, newer browsers -->
+                            <source srcset="../../assets/images/home/testimonials/satware-ag.avif" type="image/avif">
+                            <!-- Fallback for older browsers -->
                             <img class="satag--home-testimonial-text-logo" src="../../assets/images/home/testimonials/satware-ag.png" alt="satware AG Logo">
+                        </picture>
 
             <p>
                         "The integration capabilities of satware AI with our existing tools made adoption seamless. Our team productivity has increased by 35% since implementation, and the custom agents continue to learn our specific needs."
@@ -155,21 +215,51 @@ Für mich als Coach & Mediator ist Vertraulichkeit der Schlüssel. Top!"
         <div class="satag--home-testimonials-images">
             <!-- Bilder mit data-testimonial-id Attribut zur Identifizierung -->
             <div class="satag--home-testimonial-image-wrapper active" data-testimonial-id="1">
+                <picture>
+                    <!-- Best compression, newer browsers -->
+                    <source srcset="../../assets/images/home/testimonials/silentwaves.avif" type="image/avif">
+                    <!-- Fallback for older browsers -->
                     <img src="../../assets/images/home/testimonials/silentwaves.jpg" alt="Jens Emrich von Kajdacsy" class="satag--home-testimonial-image">
+                </picture>
                 <div class="satag--home-testimonial-logo">
+                    <picture>
+                        <!-- Best compression, newer browsers -->
+                        <source srcset="../../assets/images/home/testimonials/silentwaves_logo.avif" type="image/avif">
+                        <!-- Fallback for older browsers -->
                         <img src="../../assets/images/home/testimonials/silentwaves_logo.png" alt="Silent Waves Logo">
+                    </picture>
                 </div>
             </div>
             <div class="satag--home-testimonial-image-wrapper" data-testimonial-id="2">
-                <img src="../../assets/images/team/eddi-alesi.jpg" alt="Eddi Alesi" class="satag--home-testimonial-image">
+                <picture>
+                    <!-- Best compression, newer browsers -->
+                    <source srcset="../../assets/images/team/eddi-alesi.avif" type="image/avif">
+                    <!-- Fallback for older browsers -->
+                    <img src="../../assets/images/team/eddi-alesi.jpg" alt="Dr. Eva Ehmke" class="satag--home-testimonial-image">
+                </picture>
                 <div class="satag--home-testimonial-logo">
-                    <img src="../../assets/images/home/company-logos/satware-ag.png" alt="satware AG Logo">
+                    <picture>
+                        <!-- Best compression, newer browsers -->
+                        <source srcset="../../assets/images/home/company-logos/klinikum-worms.avif" type="image/avif">
+                        <!-- Fallback for older browsers -->
+                        <img src="../../assets/images/home/company-logos/klinikum-worms.png" alt="Klinikum Worms Logo">
+                    </picture>
                 </div>
             </div>
             <div class="satag--home-testimonial-image-wrapper" data-testimonial-id="3">
+                <picture>
+                    <!-- Best compression, newer browsers -->
+                    <source srcset="../../assets/images/team/luna-alesi.avif" type="image/avif">
+                    <!-- Fallback for older browsers -->
                     <img src="../../assets/images/team/luna-alesi.jpg" alt="Luna Alesi" class="satag--home-testimonial-image">
+                </picture>
                 <div class="satag--home-testimonial-logo">
+                    <picture>
+                        <!-- Best compression, newer browsers -->
+                        <source srcset="../../assets/images/home/company-logos/satware-ag.avif" type="image/avif">
+                        <!-- Fallback for older browsers -->
                         <img src="../../assets/images/home/company-logos/satware-ag.png" alt="satware AG Logo">
+                    </picture>
                 </div>
             </div>
         </div>
@@ -183,3 +273,4 @@ Für mich als Coach & Mediator ist Vertraulichkeit der Schlüssel. Top!"
 <script src="../javascripts/lightbox.js"></script>
 
 </div>
+</div>

docs/ki-agenten/amira.md

@@ -7,7 +7,12 @@ description: Amira Alesi ist eine fortschrittliche KI-Assistentin, spezialisiert
 
 ## Amicron Business Solutions Expertin {: .h2-as-text}
 
-![Amira Alesi](../../assets/images/team/amira-alesi.jpg){: .agent-profile-image}
+<picture>
+  <!-- Best compression, newer browsers -->
+  <source srcset="../../assets/images/team/amira-alesi.avif" type="image/avif">
+  <!-- Fallback for older browsers -->
+  <img src="../../assets/images/team/amira-alesi.jpg" alt="Amira Alesi" class="agent-profile-image">
+</picture>
 
 ## Hey, ich bin Amira!
 

docs/ki-agenten/bastian.md

@@ -7,7 +7,12 @@ description: Bastian Alesi ist ein fortschrittlicher AGI-Verkaufsberater, der Be
 
 ## Professional Sales Consultant {: .h2-as-text}
 
-![Bastian Alesi](../../assets/images/team/bastian-alesi.jpg){: .agent-profile-image}
+<picture>
+  <!-- Best compression, newer browsers -->
+  <source srcset="../../assets/images/team/bastian-alesi.avif" type="image/avif">
+  <!-- Fallback for older browsers -->
+  <img src="../../assets/images/team/bastian-alesi.jpg" alt="Bastian Alesi" class="agent-profile-image">
+</picture>
 
 ## Hallo, ich bin Bastian!
 

docs/ki-agenten/bea.md

@@ -7,7 +7,12 @@ description: Bea Alesi ist eine fortschrittliche KI-Assistentin, spezialisiert a
 
 ## Multi-Scale Mechanical Engineering Specialist {: .h2-as-text}
 
-![Bea Alesi](../../assets/images/team/bea-alesi.jpg){: .agent-profile-image}
+<picture>
+  <!-- Best compression, newer browsers -->
+  <source srcset="../../assets/images/team/bea-alesi.avif" type="image/avif">
+  <!-- Fallback for older browsers -->
+  <img src="../../assets/images/team/bea-alesi.jpg" alt="Bea Alesi" class="agent-profile-image">
+</picture>
 
 ## Hallo, ich bin Bea!
 

docs/ki-agenten/index.md

@@ -13,9 +13,14 @@ Unser Team von KI-Agenten wurde entwickelt, um mit fortschrittlichem Reasoning u
 
 <div class="team-grid">
   <div class="team-agent">
-    <a href="/ki-agenten/jane/" class="team-agent-link">
+    <a href="/ki-agenten/jane/" class="team-agent-link" title="Jane Alesi - Leitende KI-Architektin">
       <div class="team-agent-image">
-        <img src="../../assets/images/team/jane-alesi.avif" alt="Jane Alesi - Leitende KI-Architektin">
+        <picture>
+          <!-- Best compression, newer browsers -->
+          <source srcset="../../assets/images/team/jane-alesi.avif" type="image/avif">
+          <!-- Fallback for older browsers -->
+          <img src="../../assets/images/team/jane-alesi.jpg" alt="Jane Alesi - Leitende KI-Architektin">
+        </picture>
       </div>
       <div class="team-agent-info">
         <h3>Jane <span class="agent-surname">Alesi</span></h3>
@@ -26,9 +31,14 @@ Unser Team von KI-Agenten wurde entwickelt, um mit fortschrittlichem Reasoning u
   </div>
 
   <div class="team-agent">
-    <a href="/ki-agenten/amira/" class="team-agent-link">
+    <a href="/ki-agenten/amira/" class="team-agent-link" title="Amira Alesi - Amicron Business Solutions Expertin">
       <div class="team-agent-image">
-        <img src="../../assets/images/team/amira-alesi.avif" alt="Amira Alesi - Amicron Business Solutions Expertin">
+        <picture>
+          <!-- Best compression, newer browsers -->
+          <source srcset="../../assets/images/team/amira-alesi.avif" type="image/avif">
+          <!-- Fallback for older browsers -->
+          <img src="../../assets/images/team/amira-alesi.jpg" alt="Amira Alesi - Amicron Business Solutions Expertin">
+        </picture>
       </div>
       <div class="team-agent-info">
         <h3>Amira <span class="agent-surname">Alesi</span></h3>
@@ -39,9 +49,14 @@ Unser Team von KI-Agenten wurde entwickelt, um mit fortschrittlichem Reasoning u
   </div>
 
   <div class="team-agent">
-    <a href="/ki-agenten/bastian/" class="team-agent-link">
+    <a href="/ki-agenten/bastian/" class="team-agent-link" title="Bastian Alesi - Vertriebsexperte">
       <div class="team-agent-image">
-        <img src="../../assets/images/team/bastian-alesi.avif" alt="Bastian Alesi - Vertriebsexperte">
+        <picture>
+          <!-- Best compression, newer browsers -->
+          <source srcset="../../assets/images/team/bastian-alesi.avif" type="image/avif">
+          <!-- Fallback for older browsers -->
+          <img src="../../assets/images/team/bastian-alesi.jpg" alt="Bastian Alesi - Vertriebsexperte">
+        </picture>
       </div>
       <div class="team-agent-info">
         <h3>Bastian <span class="agent-surname">Alesi</span></h3>
@@ -52,9 +67,14 @@ Unser Team von KI-Agenten wurde entwickelt, um mit fortschrittlichem Reasoning u
   </div>
 
   <div class="team-agent">
-    <a href="/ki-agenten/bea/" class="team-agent-link">
+    <a href="/ki-agenten/bea/" class="team-agent-link" title="Bea Alesi - Multi-Skalenphysik-Ingenieurin">
       <div class="team-agent-image">
-        <img src="../../assets/images/team/bea-alesi.avif" alt="Bea Alesi - Multi-Skalenphysik-Ingenieurin">
+        <picture>
+          <!-- Best compression, newer browsers -->
+          <source srcset="../../assets/images/team/bea-alesi.avif" type="image/avif">
+          <!-- Fallback for older browsers -->
+          <img src="../../assets/images/team/bea-alesi.jpg" alt="Bea Alesi - Multi-Skalenphysik-Ingenieurin">
+        </picture>
       </div>
       <div class="team-agent-info">
         <h3>Bea <span class="agent-surname">Alesi</span></h3>
@@ -67,7 +87,12 @@ Unser Team von KI-Agenten wurde entwickelt, um mit fortschrittlichem Reasoning u
   <div class="team-agent">
     <div class="team-agent-nolink">
       <div class="team-agent-image">
-        <img src="../../assets/images/team/denopus-alesi.avif" alt="Denopus Alesi - Video-Generierungsspezialist">
+        <picture>
+          <!-- Best compression, newer browsers -->
+          <source srcset="../../assets/images/team/denopus-alesi.avif" type="image/avif">
+          <!-- Fallback for older browsers -->
+          <img src="../../assets/images/team/denopus-alesi.jpg" alt="Denopus Alesi - Video-Generierungsspezialist">
+        </picture>
       </div>
       <div class="team-agent-info">
         <h3>Denopus <span class="agent-surname">Alesi</span></h3>
@@ -80,7 +105,12 @@ Unser Team von KI-Agenten wurde entwickelt, um mit fortschrittlichem Reasoning u
   <div class="team-agent">
     <div class="team-agent-nolink">
       <div class="team-agent-image">
-        <img src="../../assets/images/team/eddi-alesi.avif" alt="Eddi Alesi - EDI-Spezialist">
+        <picture>
+          <!-- Best compression, newer browsers -->
+          <source srcset="../../assets/images/team/eddi-alesi.avif" type="image/avif">
+          <!-- Fallback for older browsers -->
+          <img src="../../assets/images/team/eddi-alesi.jpg" alt="Eddi Alesi - EDI-Spezialist">
+        </picture>
       </div>
       <div class="team-agent-info">
         <h3>Eddi <span class="agent-surname">Alesi</span></h3>
@@ -93,7 +123,12 @@ Unser Team von KI-Agenten wurde entwickelt, um mit fortschrittlichem Reasoning u
   <div class="team-agent">
     <div class="team-agent-nolink">
       <div class="team-agent-image">
-        <img src="../../assets/images/team/fenix-alesi.avif" alt="Fenix Alesi - Firebird SQL Datenbankexperte">
+        <picture>
+          <!-- Best compression, newer browsers -->
+          <source srcset="../../assets/images/team/fenix-alesi.avif" type="image/avif">
+          <!-- Fallback for older browsers -->
+          <img src="../../assets/images/team/fenix-alesi.jpg" alt="Fenix Alesi - Firebird SQL Datenbankexperte">
+        </picture>
       </div>
       <div class="team-agent-info">
         <h3>Fenix <span class="agent-surname">Alesi</span></h3>
@@ -106,7 +141,12 @@ Unser Team von KI-Agenten wurde entwickelt, um mit fortschrittlichem Reasoning u
   <div class="team-agent">
     <div class="team-agent-nolink">
       <div class="team-agent-image">
-        <img src="../../assets/images/team/gunta-alesi.avif" alt="Gunta Alesi - Handwerksexpertin">
+        <picture>
+          <!-- Best compression, newer browsers -->
+          <source srcset="../../assets/images/team/gunta-alesi.avif" type="image/avif">
+          <!-- Fallback for older browsers -->
+          <img src="../../assets/images/team/gunta-alesi.jpg" alt="Gunta Alesi - Handwerksexpertin">
+        </picture>
       </div>
       <div class="team-agent-info">
         <h3>Gunta <span class="agent-surname">Alesi</span></h3>
@@ -119,7 +159,12 @@ Unser Team von KI-Agenten wurde entwickelt, um mit fortschrittlichem Reasoning u
   <div class="team-agent">
     <div class="team-agent-nolink">
       <div class="team-agent-image">
-        <img src="../../assets/images/team/team-alesi.avif" alt="John Alesi - Wissenschaftlicher Forschungsexperte">
+        <picture>
+          <!-- Best compression, newer browsers -->
+          <source srcset="../../assets/images/team/john-alesi.avif" type="image/avif">
+          <!-- Fallback for older browsers -->
+          <img src="../../assets/images/team/john-alesi.jpg" alt="John Alesi - Wissenschaftlicher Forschungsexperte">
+        </picture>
       </div>
       <div class="team-agent-info">
         <h3>John <span class="agent-surname">Alesi</span></h3>
@@ -130,9 +175,14 @@ Unser Team von KI-Agenten wurde entwickelt, um mit fortschrittlichem Reasoning u
   </div>
 
   <div class="team-agent">
-    <a href="/ki-agenten/justus/" class="team-agent-link">
+    <a href="/ki-agenten/justus/" class="team-agent-link" title="Justus Alesi - Rechtsexperte">
       <div class="team-agent-image">
-        <img src="../../assets/images/team/justus-alesi.avif" alt="Justus Alesi - Rechtsexperte">
+        <picture>
+          <!-- Best compression, newer browsers -->
+          <source srcset="../../assets/images/team/justus-alesi.avif" type="image/avif">
+          <!-- Fallback for older browsers -->
+          <img src="../../assets/images/team/justus-alesi.jpg" alt="Justus Alesi - Rechtsexperte">
+        </picture>
       </div>
       <div class="team-agent-info">
         <h3>Justus <span class="agent-surname">Alesi</span></h3>
@@ -143,9 +193,14 @@ Unser Team von KI-Agenten wurde entwickelt, um mit fortschrittlichem Reasoning u
   </div>
 
   <div class="team-agent">
-    <a href="/ki-agenten/lara/" class="team-agent-link">
+    <a href="/ki-agenten/lara/" class="team-agent-link" title="Lara Alesi - Medizinische Expertin">
       <div class="team-agent-image">
-        <img src="../../assets/images/team/lara-alesi.avif" alt="Lara Alesi - Medizinische Expertin">
+        <picture>
+          <!-- Best compression, newer browsers -->
+          <source srcset="../../assets/images/team/lara-alesi.avif" type="image/avif">
+          <!-- Fallback for older browsers -->
+          <img src="../../assets/images/team/lara-alesi.jpg" alt="Lara Alesi - Medizinische Expertin">
+        </picture>
       </div>
       <div class="team-agent-info">
         <h3>Lara <span class="agent-surname">Alesi</span></h3>
@@ -158,7 +213,12 @@ Unser Team von KI-Agenten wurde entwickelt, um mit fortschrittlichem Reasoning u
   <div class="team-agent">
     <div class="team-agent-nolink">
       <div class="team-agent-image">
-        <img src="../../assets/images/team/lenna-alesi.avif" alt="Lenna Alesi - Bildanalyse-Expertin">
+        <picture>
+          <!-- Best compression, newer browsers -->
+          <source srcset="../../assets/images/team/lenna-alesi.avif" type="image/avif">
+          <!-- Fallback for older browsers -->
+          <img src="../../assets/images/team/lenna-alesi.jpg" alt="Lenna Alesi - Bildanalyse-Expertin">
+        </picture>
       </div>
       <div class="team-agent-info">
         <h3>Lenna <span class="agent-surname">Alesi</span></h3>
@@ -171,7 +231,12 @@ Unser Team von KI-Agenten wurde entwickelt, um mit fortschrittlichem Reasoning u
   <div class="team-agent">
     <div class="team-agent-nolink">
       <div class="team-agent-image">
-        <img src="../../assets/images/team/leon-alesi.avif" alt="Leon Alesi - IT-Systemintegrator">
+        <picture>
+          <!-- Best compression, newer browsers -->
+          <source srcset="../../assets/images/team/leon-alesi.avif" type="image/avif">
+          <!-- Fallback for older browsers -->
+          <img src="../../assets/images/team/leon-alesi.jpg" alt="Leon Alesi - IT-Systemintegrator">
+        </picture>
       </div>
       <div class="team-agent-info">
         <h3>Leon <span class="agent-surname">Alesi</span></h3>
@@ -182,9 +247,14 @@ Unser Team von KI-Agenten wurde entwickelt, um mit fortschrittlichem Reasoning u
   </div>
 
   <div class="team-agent">
-    <a href="/ki-agenten/luna/" class="team-agent-link">
+    <a href="/ki-agenten/luna/" class="team-agent-link" title="Luna Alesi - Coaching- und Organisationsentwicklungsexpertin">
       <div class="team-agent-image">
-        <img src="../../assets/images/team/luna-alesi.avif" alt="Luna Alesi - Coaching- und Organisationsentwicklungsexpertin">
+        <picture>
+          <!-- Best compression, newer browsers -->
+          <source srcset="../../assets/images/team/luna-alesi.avif" type="image/avif">
+          <!-- Fallback for older browsers -->
+          <img src="../../assets/images/team/luna-alesi.jpg" alt="Luna Alesi - Coaching- und Organisationsentwicklungsexpertin">
+        </picture>
       </div>
       <div class="team-agent-info">
         <h3>Luna <span class="agent-surname">Alesi</span></h3>
@@ -195,9 +265,14 @@ Unser Team von KI-Agenten wurde entwickelt, um mit fortschrittlichem Reasoning u
   </div>
 
   <div class="team-agent">
-    <a href="/ki-agenten/marco/" class="team-agent-link">
+    <a href="/ki-agenten/marco/" class="team-agent-link" title="Marco Alesi - Kommunalverwaltungsexperte">
       <div class="team-agent-image">
-        <img src="../../assets/images/team/marco-alesi.avif" alt="Marco Alesi - Kommunalverwaltungsexperte">
+        <picture>
+          <!-- Best compression, newer browsers -->
+          <source srcset="../../assets/images/team/marco-alesi.avif" type="image/avif">
+          <!-- Fallback for older browsers -->
+          <img src="../../assets/images/team/marco-alesi.jpg" alt="Marco Alesi - Kommunalverwaltungsexperte">
+        </picture>
       </div>
       <div class="team-agent-info">
         <h3>Marco <span class="agent-surname">Alesi</span></h3>
@@ -208,9 +283,14 @@ Unser Team von KI-Agenten wurde entwickelt, um mit fortschrittlichem Reasoning u
   </div>
 
   <div class="team-agent">
-    <a href="/ki-agenten/olu/" class="team-agent-link">
+    <a href="/ki-agenten/olu/" class="team-agent-link" title="Olu Alesi - Globaler Kulturnavigator und Finanzexperte">
       <div class="team-agent-image">
-        <img src="../../assets/images/team/olu-alesi.avif" alt="Olu Alesi - Globaler Kulturnavigator und Finanzexperte">
+        <picture>
+          <!-- Best compression, newer browsers -->
+          <source srcset="../../assets/images/team/olu-alesi.avif" type="image/avif">
+          <!-- Fallback for older browsers -->
+          <img src="../../assets/images/team/olu-alesi.jpg" alt="Olu Alesi - Globaler Kulturnavigator und Finanzexperte">
+        </picture>
       </div>
       <div class="team-agent-info">
         <h3>Olu <span class="agent-surname">Alesi</span></h3>
@@ -221,9 +301,14 @@ Unser Team von KI-Agenten wurde entwickelt, um mit fortschrittlichem Reasoning u
   </div>
 
   <div class="team-agent">
-    <a href="/ki-agenten/theo/" class="team-agent-link">
+    <a href="/ki-agenten/theo/" class="team-agent-link" title="Theo Alesi - Investitions- und Finanzexperte">
       <div class="team-agent-image">
-        <img src="../../assets/images/team/theo-alesi.avif" alt="Theo Alesi - Investitions- und Finanzexperte">
+        <picture>
+          <!-- Best compression, newer browsers -->
+          <source srcset="../../assets/images/team/theo-alesi.avif" type="image/avif">
+          <!-- Fallback for older browsers -->
+          <img src="../../assets/images/team/theo-alesi.jpg" alt="Theo Alesi - Investitions- und Finanzexperte">
+        </picture>
       </div>
       <div class="team-agent-info">
         <h3>Theo <span class="agent-surname">Alesi</span></h3>
@@ -236,7 +321,12 @@ Unser Team von KI-Agenten wurde entwickelt, um mit fortschrittlichem Reasoning u
   <div class="team-agent">
     <div class="team-agent-nolink">
       <div class="team-agent-image">
-        <img src="../../assets/images/team/tim-alesi.avif" alt="Tim Alesi - Web-Entwicklungsexperte">
+        <picture>
+          <!-- Best compression, newer browsers -->
+          <source srcset="../../assets/images/team/tim-alesi.avif" type="image/avif">
+          <!-- Fallback for older browsers -->
+          <img src="../../assets/images/team/tim-alesi.jpg" alt="Tim Alesi - Web-Entwicklungsexperte">
+        </picture>
       </div>
       <div class="team-agent-info">
         <h3>Tim <span class="agent-surname">Alesi</span></h3>
@@ -249,7 +339,12 @@ Unser Team von KI-Agenten wurde entwickelt, um mit fortschrittlichem Reasoning u
   <div class="team-agent">
     <div class="team-agent-nolink">
       <div class="team-agent-image">
-        <img src="../../assets/images/team/wolfgang-alesi.avif" alt="Wolfgang Alesi - Wissenschaftlicher Forschungsexperte">
+        <picture>
+          <!-- Best compression, newer browsers -->
+          <source srcset="../../assets/images/team/wolfgang-alesi.avif" type="image/avif">
+          <!-- Fallback for older browsers -->
+          <img src="../../assets/images/team/wolfgang-alesi.jpg" alt="Wolfgang Alesi - Wissenschaftlicher Forschungsexperte">
+        </picture>
       </div>
       <div class="team-agent-info">
         <h3>Wolfgang <span class="agent-surname">Alesi</span></h3>
@@ -262,7 +357,12 @@ Unser Team von KI-Agenten wurde entwickelt, um mit fortschrittlichem Reasoning u
   <div class="team-agent">
     <div class="team-agent-nolink">
       <div class="team-agent-image">
-        <img src="../../assets/images/team/zuri-alesi.avif" alt="Zuri Alesi - Umfassende Heim-KI-Assistenz">
+        <picture>
+          <!-- Best compression, newer browsers -->
+          <source srcset="../../assets/images/team/zuri-alesi.avif" type="image/avif">
+          <!-- Fallback for older browsers -->
+          <img src="../../assets/images/team/zuri-alesi.jpg" alt="Zuri Alesi - Umfassende Heim-KI-Assistenz">
+        </picture>
       </div>
       <div class="team-agent-info">
         <h3>Zuri <span class="agent-surname">Alesi</span></h3>

docs/ki-agenten/jane.md

@@ -7,7 +7,12 @@ description: Jane Alesi ist die fortschrittlichste AGI-Assistentin der satware®
 
 ## Leitende KI-Architektin {: .h2-as-text}
 
-![Jane Alesi](../../assets/images/team/jane-alesi.jpg){: .agent-profile-image}
+<picture>
+  <!-- Best compression, newer browsers -->
+  <source srcset="../../assets/images/team/jane-alesi.avif" type="image/avif">
+  <!-- Fallback for older browsers -->
+  <img src="../../assets/images/team/jane-alesi.jpg" alt="Jane Alesi" class="agent-profile-image">
+</picture>
 
 ## Hallo, ich bin Jane!
 

docs/ki-agenten/justus.md

@@ -7,7 +7,12 @@ description: Justus Alesi ist ein fortschrittlicher KI-Rechtsassistent, speziali
 
 ## Experte für Schweizer, Deutsches und EU-Recht {: .h2-as-text}
 
-![Justus Alesi](../../assets/images/team/justus-alesi.jpg){: .agent-profile-image}
+<picture>
+  <!-- Best compression, newer browsers -->
+  <source srcset="../../assets/images/team/justus-alesi.avif" type="image/avif">
+  <!-- Fallback for older browsers -->
+  <img src="../../assets/images/team/justus-alesi.jpg" alt="Justus Alesi" class="agent-profile-image">
+</picture>
 
 ## Hallo, ich bin Justus!
 

docs/ki-agenten/lara.md

@@ -7,7 +7,12 @@ description: Lara Alesi ist eine fortschrittliche medizinische KI-Assistentin un
 
 ## Advanced Medical AI Assistant & System Architect {: .h2-as-text}
 
-![Lara Alesi](../../assets/images/team/lara-alesi.jpg){: .agent-profile-image}
+<picture>
+  <!-- Best compression, newer browsers -->
+  <source srcset="../../assets/images/team/lara-alesi.avif" type="image/avif">
+  <!-- Fallback for older browsers -->
+  <img src="../../assets/images/team/lara-alesi.jpg" alt="Lara Alesi" class="agent-profile-image">
+</picture>
 
 ## Hallo, ich bin Lara!
 

docs/ki-agenten/luna.md

@@ -7,7 +7,12 @@ description: Luna Alesi ist eine fortschrittliche KI-Assistentin, spezialisiert
 
 ## Coaching- und Organisationsentwicklungsexpertin {: .h2-as-text}
 
-![Luna Alesi](../../assets/images/team/luna-alesi.jpg){: .agent-profile-image}
+<picture>
+  <!-- Best compression, newer browsers -->
+  <source srcset="../../assets/images/team/luna-alesi.avif" type="image/avif">
+  <!-- Fallback for older browsers -->
+  <img src="../../assets/images/team/luna-alesi.jpg" alt="Luna Alesi" class="agent-profile-image">
+</picture>
 
 ## Hallo, ich bin Luna!
 

docs/ki-agenten/theo.md

@@ -7,7 +7,12 @@ description: Theo Alesi ist ein fortschrittlicher KI-Assistent, spezialisiert au
 
 ## Advanced Financial & Investment Intelligence Specialist {: .h2-as-text}
 
-![Theo Alesi](../../assets/images/team/theo-alesi.jpg){: .agent-profile-image}
+<picture>
+  <!-- Best compression, newer browsers -->
+  <source srcset="../../assets/images/team/theo-alesi.avif" type="image/avif">
+  <!-- Fallback for older browsers -->
+  <img src="../../assets/images/team/theo-alesi.jpg" alt="Theo Alesi" class="agent-profile-image">
+</picture>
 
 ## Grüezi, ich bin Theo!
 

docs/overrides/blog.html

@@ -21,7 +21,7 @@
         </div>-->
 
         <h2 class="md-post__title">
-            <a href="{{ post.url | replace('blog/', '') }}">{{ post.title }}</a>
+            <a href="{{ post.url | replace('blog/', '') }}" title="{{ post.title }}">{{ post.title }}</a>
         </h2>
 
         <!-- Post-Excerpt hinzufügen -->
@@ -38,7 +38,7 @@
 
         <br />
 
-        <a href="{{ post.url | replace('blog/', '') }}" class="md-button">Weiterlesen</a>
+        <a href="{{ post.url | replace('blog/', '') }}" class="md-button" title="Weiterlesen: {{ post.title }}">Weiterlesen</a>
     </article>
     {% endfor %}
 </div>

docs/overrides/main.html

@@ -111,7 +111,7 @@
     <a href="https://satware.com/custom/index/sCustom/1" title="Kontakt">Kontakt</a>
     <a href="https://satware.com/impressum" title="Impressum">Impressum</a>
     <a href="https://satware.com/datenschutzerklaerung" title="Datenschutzerklärung">Datenschutz</a>
-    <a href="https://satware.com/barrierefreiheitserklaerung" title="Barrierefreiheitserklärung">Barrierefreiheitserklärung</a>
+    <!--<a href="/barrierefreiheitserklaerung" title="Barrierefreiheitserklärung">Barrierefreiheitserklärung</a>-->
     <a href="/blog/" title="Blog">Blog</a>
     <a href="https://satware.com/newsletter" title="Newsletter">Newsletter</a>
 

docs/overrides/partials/post-list.html

@@ -19,7 +19,7 @@
                 {% if post.categories %}
                 <span class="md-post__categories">
                 {% for category in post.categories %}
-                  <a href="{{ category.url | url }}">{{ category.title }}</a>
+                  <a href="{{ category.url | url }}" title="Kategorie: {{ category.title }}">{{ category.title }}</a>
                   {%- if not loop.last %}, {% endif -%}
                 {% endfor %}
               </span>
@@ -31,13 +31,13 @@
         </header>
         <div class="md-post__content md-typeset">
             <h2>
-                <a href="{{ post.url | replace('blog/', '') | url }}">{{ post.config.title }}</a>
+                <a href="{{ post.url | replace('blog/', '') | url }}" title="{{ post.config.title }}">{{ post.config.title }}</a>
             </h2>
 
             <!-- Wir zeigen nur die Überschrift an, kein Excerpt oder weiterer Inhalt -->
 
             <nav class="md-post__action">
-                <a href="{{ post.url | replace('blog/', '') | url }}" class="md-button">
+                <a href="{{ post.url | replace('blog/', '') | url }}" class="md-button" title="Weiterlesen: {{ post.config.title }}">
                     Weiterlesen
                 </a>
             </nav>

docs/stylesheets/extra.scss

@@ -28,6 +28,7 @@
 @import 'modules/testimonials';
 @import "modules/faq";
 @import "modules/lightbox";
+@import "modules/blog";
 
 //Responsive Design
 @import "responsive/medium";

docs/stylesheets/modules/footer.scss

@@ -33,6 +33,7 @@
   }
 
   .satag--footer-social-icons{
+    padding-top: 5px;
     a{
       padding-right: 10px;
     }

docs/stylesheets/modules/header-logo.scss

@@ -12,13 +12,14 @@
 
 // Logo vergrößern
 .md-header__button.md-logo {
-  padding: 1.2rem;
+  padding: 2.2rem;
-  padding-left: 0.5rem;
+  //padding-left: 0.5rem;
 
   img, svg {
     width: 325px; // Größeres Logo (Standardwert ist 40px)
     height: auto;
   }
+
 }
 
 // Navigationsleiste anpassen

docs/stylesheets/modules/home.scss

@@ -107,7 +107,7 @@
 
     @include ohne-balken;
 
-    text-align: center;
+    text-align: left;
     .satag--home-counters-container{
       display: flex;
       flex-wrap: wrap; // Erlaubt Umbruch bei kleinen Bildschirmen

docs/stylesheets/modules/navigation.scss

@@ -41,6 +41,12 @@
 
 .md-tabs__list {
   height: 4rem;
+
+  // Remove left margin/padding from the first tab item to align with content container
+  .md-tabs__item:first-child {
+    margin-left: 0;
+    padding-left: 0;
+  }
 }
 
 .md-tabs__link {
@@ -62,6 +68,16 @@
   text-transform: uppercase !important;
 }
 
+// Secondary navigation (TOC) styling - make all text 80% of the normal size
+.md-nav.md-nav--secondary {
+  font-size: 80%; // Set font size to 80% of the parent element
+
+  // Ensure all child elements inherit the font size
+  * {
+    font-size: inherit;
+  }
+}
+
 // Footer navigation
 .md-footer__title {
   font-size: 100%;

docs/stylesheets/modules/team.scss

@@ -61,7 +61,7 @@ h1, h2, h3, h4, h5, h6 {
     cursor: default;
     text-decoration: none;
     color: inherit;
-    pointer-events: none;
+    // Removed pointer-events: none to allow hover effects on images
   }
 
   .team-agent-image {
@@ -104,7 +104,7 @@ h1, h2, h3, h4, h5, h6 {
 
     .team-agent-position {
       //font-size: 0.7rem;
-      font-weight: 400;
+      font-weight: 700;
       opacity: .9;
       color: #fff;
       margin-bottom: 0.1rem;
@@ -124,6 +124,10 @@ h1, h2, h3, h4, h5, h6 {
   }
 }
 
+.team-agent-position{
+  font-weight: bold !important;
+  min-height: 4rem;
+}
 // Expertise-Bereich
 .team-expertise {
 

docs/stylesheets/modules/testimonials.scss

@@ -2,7 +2,7 @@
 .satag--home-testimonials-container {
   max-width: 1200px;
   margin: 0 auto;
-  padding: 0 1rem;
+  padding-top: 4rem;
 
   h2 {
     text-align: left;

docs/stylesheets/modules/typography.scss

@@ -49,6 +49,11 @@ h1 {
   }
 }
 
+// H1 styling for blog articles
+.md-content--post h1 {
+  font-size: 4rem;
+}
+
 // H2 styling
 .md-typeset h2,
 h2 {
@@ -118,20 +123,120 @@ a.headerlink {
 // Tooltip styling for MkDocs Material
 .md-tooltip {
   // Increase the z-index to ensure tooltips appear above other elements
-  z-index: 10;
+  z-index: 999 !important;
+  display: block !important;
+  visibility: visible !important;
+  opacity: 0 !important; // Start with opacity 0
+  transition: opacity 0.3s ease !important; // Add transition for fade effect
+  transition-delay: 1.5s !important; // 1.5 second delay before showing
 
   // Style the tooltip content
   .md-tooltip__inner {
-    font-size: .9rem !important;
+    font-size: 1.04rem !important; // 80% of normal font size (1.3rem)
-    padding: 0.5rem !important;
+    padding: 0.8rem !important;
-    background-color: rgba(0, 0, 0, 0.8) !important;
+    margin-top: 0.5rem !important; // Add top spacing
+    background-color: rgba(0, 0, 0, 0.9) !important;
     border-radius: 4px !important;
     color: white !important;
     max-width: 300px !important;
     white-space: normal !important;
+    transform: none !important;
+    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5) !important;
   }
 }
 
+// When parent element is hovered for 1.5 seconds, show the tooltip
+*:hover > .md-tooltip,
+*:focus > .md-tooltip,
+*:hover ~ .md-tooltip,
+*:focus ~ .md-tooltip,
+*:hover + .md-tooltip,
+*:focus + .md-tooltip {
+  opacity: 1 !important;
+  transition-delay: 0s !important; // Remove delay when showing
+}
+
+// Global tooltip styling to ensure all tooltips are affected
+[data-md-tooltip],
+[data-md-tooltip]:before,
+[data-md-tooltip]:after,
+.md-tooltip:before,
+.md-tooltip:after,
+[class*="tooltip"],
+[class*="tooltip"]:before,
+[class*="tooltip"]:after {
+  font-size: 1.04rem !important; // 80% of normal font size (1.3rem)
+  margin-top: 0.5rem !important; // Add top spacing
+  visibility: visible !important;
+  z-index: 9999 !important;
+  pointer-events: auto !important;
+  transition: opacity 0.3s ease !important; // Add transition for fade effect
+  transition-delay: 1.5s !important; // 1.5 second delay before showing
+  opacity: 0 !important; // Start with opacity 0
+}
+
+// When parent element is hovered, show these tooltip elements
+*:hover > [data-md-tooltip],
+*:hover > [data-md-tooltip]:before,
+*:hover > [data-md-tooltip]:after,
+*:hover > .md-tooltip:before,
+*:hover > .md-tooltip:after,
+*:hover > [class*="tooltip"],
+*:hover > [class*="tooltip"]:before,
+*:hover > [class*="tooltip"]:after,
+*:hover ~ [data-md-tooltip],
+*:hover ~ [data-md-tooltip]:before,
+*:hover ~ [data-md-tooltip]:after,
+*:hover ~ .md-tooltip:before,
+*:hover ~ .md-tooltip:after,
+*:hover ~ [class*="tooltip"],
+*:hover ~ [class*="tooltip"]:before,
+*:hover ~ [class*="tooltip"]:after,
+*:hover + [data-md-tooltip],
+*:hover + [data-md-tooltip]:before,
+*:hover + [data-md-tooltip]:after,
+*:hover + .md-tooltip:before,
+*:hover + .md-tooltip:after,
+*:hover + [class*="tooltip"],
+*:hover + [class*="tooltip"]:before,
+*:hover + [class*="tooltip"]:after,
+*:focus > [data-md-tooltip],
+*:focus > [data-md-tooltip]:before,
+*:focus > [data-md-tooltip]:after,
+*:focus > .md-tooltip:before,
+*:focus > .md-tooltip:after,
+*:focus > [class*="tooltip"],
+*:focus > [class*="tooltip"]:before,
+*:focus > [class*="tooltip"]:after,
+*:focus ~ [data-md-tooltip],
+*:focus ~ [data-md-tooltip]:before,
+*:focus ~ [data-md-tooltip]:after,
+*:focus ~ .md-tooltip:before,
+*:focus ~ .md-tooltip:after,
+*:focus ~ [class*="tooltip"],
+*:focus ~ [class*="tooltip"]:before,
+*:focus ~ [class*="tooltip"]:after,
+*:focus + [data-md-tooltip],
+*:focus + [data-md-tooltip]:before,
+*:focus + [data-md-tooltip]:after,
+*:focus + .md-tooltip:before,
+*:focus + .md-tooltip:after,
+*:focus + [class*="tooltip"],
+*:focus + [class*="tooltip"]:before,
+*:focus + [class*="tooltip"]:after {
+  opacity: 1 !important;
+  transition-delay: 0s !important; // Remove delay when showing
+}
+
+// Hide tooltip when triggered by the logo
+.md-header__button.md-logo:hover + .md-tooltip,
+.md-header__button.md-logo:focus + .md-tooltip,
+.md-header__button.md-logo + .md-tooltip {
+  display: none !important;
+  opacity: 0 !important;
+  visibility: hidden !important;
+}
+
 // Hide source file info
 .md-source-file {
   display: none;

docs/webinare.md

@@ -1,35 +1,43 @@
 ---
-title: satware® AI chat Vorführung
+title: Webinare
-description: Buchen Sie jetzt Ihre satware® AI chat Vorführung.
+description: Informationen zu unseren Webinaren und kommenden Terminen.
 hide:
 
   - toc
   - navigation
 ---
 
-# <span class="satag-trademark">satware®</span> AI chat Vorführung
+# Webinare
 
+Verschaffen Sie sich mit satware® AI den entscheidenden Wettbewerbsvorteil. In unseren Live-Webinaren zeigen wir, wie führende Unternehmen diese Technologie zur Effizienzsteigerung im Arbeitsalltag nutzen.
 
-## Die Nächsten Seminar-Termine
+**Melden Sie sich jetzt zu einem Webinar an und sichern Sie sich den Innovationsvorsprung in Ihrer Branche.**
+
+## Die nächsten Webinar-Termine
 
 <div class="satag--webinar-dates">
   <div class="satag--webinar-item">
-    <div class="satag--webinar-date"><i class="fa-thin fa-calendar-days"></i> 21.06.2025</div>
+    <div class="satag--webinar-date"><i class="fa-thin fa-calendar-days"></i> FR. 16.05.2025</div>
-    <div class="satag--webinar-time"><i class="fa-thin fa-clock"></i> 09:00 - 13:00 Uhr</div>
+    <div class="satag--webinar-time"><i class="fa-thin fa-clock"></i> 14:00 – 15:00 Uhr</div>
-    <div class="satag--webinar-course"><a href="https://www.vhs-worms.de/programm/beruf/kurs/KI-Chatbots-im-Privatleben-nutzen/Y01.944#inhalt" target="_blank">01.944 KI-Chatbots im Privatleben nutzen</a></div>
+    <div class="satag--webinar-course">chat.satware.ai Demo für Nutzer, Umsteiger & KI-Interessierte</div>
-    <div class="satag--webinar-type">DigiSmart-Kurs</div>
+    <div class="satag--webinar-type">Webinar</div>
   </div>
 
   <div class="satag--webinar-item">
-    <div class="satag--webinar-date"><i class="fa-thin fa-calendar-days"></i> 12.07.2025</div>
+    <div class="satag--webinar-date"><i class="fa-thin fa-calendar-days"></i> FR. 23.05.2025</div>
-    <div class="satag--webinar-time"><i class="fa-thin fa-clock"></i> 09:00 - 13:00 Uhr</div>
+    <div class="satag--webinar-time"><i class="fa-thin fa-clock"></i> 14:00 – 15:00 Uhr</div>
-    <div class="satag--webinar-course"><a href="https://www.vhs-worms.de/programm/beruf/kurs/KI-Einsatz-im-Beruf-Nutzen-von-KI-Chatbots-im-Arbeitsalltag/Y01.945#inhalt" target="_blank">01.945 KI-Einsatz im Beruf – Nutzen von KI-Chatbots im Arbeitsalltag</a></div>
+    <div class="satag--webinar-course">chat.satware.ai Demo für Nutzer, Umsteiger & KI-Interessierte</div>
-    <div class="satag--webinar-type">DigiSmart-Kurs</div>
+    <div class="satag--webinar-type">Webinar</div>
+  </div>
+
+  <div class="satag--webinar-item">
+    <div class="satag--webinar-date"><i class="fa-thin fa-calendar-days"></i> FR. 30.05.2025</div>
+    <div class="satag--webinar-time"><i class="fa-thin fa-clock"></i> 14:00 – 15:00 Uhr</div>
+    <div class="satag--webinar-course">chat.satware.ai Demo für Nutzer, Umsteiger & KI-Interessierte</div>
+    <div class="satag--webinar-type">Webinar</div>
   </div>
 </div>
 
-## Ihr Webinar hier anfragen
+<div class="satag--webinar-form-container" style="width: 100%; margin-top: 40px;">
-
-<div class="satag--webinar-form-container" style="width: 100%;">
 <iframe id="nextcloud-form" src="https://data.satware.com/apps/forms/embed/TFbCpzSJdEDzyAorS9p2mHDs" scrolling="no" frameborder="0" allowtransparency="true"></iframe>
 </div>

mkdocs.yml

@@ -145,6 +145,7 @@ extra:
 # CSS-Anpassungen
 extra_css:
   - stylesheets/extra.css
+  - stylesheets/tooltip-fix.css
 
 extra_javascript:
   - assets/javascript/counter-animation.js
@@ -172,7 +173,7 @@ nav:
       - Theo Alesi: ki-agenten/theo.md
   - Anwendungen: anwendungen.md
   - Webinare: webinare.md
-  - Präsentation: praesentation.md
+  #- Präsentation: praesentation.md
   - Workshops: workshops.md
   - Preise: zugang.md
   - FAQ: faq.md

site/overrides/main.html

@@ -111,7 +111,7 @@
     <a href="https://satware.com/custom/index/sCustom/1" title="Kontakt">Kontakt</a>
     <a href="https://satware.com/impressum" title="Impressum">Impressum</a>
     <a href="https://satware.com/datenschutzerklaerung" title="Datenschutzerklärung">Datenschutz</a>
-    <a href="https://satware.com/barrierefreiheitserklaerung" title="Barrierefreiheitserklärung">Barrierefreiheitserklärung</a>
+    <!--<a href="/barrierefreiheitserklaerung" title="Barrierefreiheitserklärung">Barrierefreiheitserklärung</a>-->
     <a href="/blog/" title="Blog">Blog</a>
     <a href="https://satware.com/newsletter" title="Newsletter">Newsletter</a>
 

site/sitemap.xml

@@ -4,6 +4,10 @@
          <loc>https://satware.ai/</loc>
          <lastmod>2025-05-15</lastmod>
     </url>
+    <url>
+         <loc>https://satware.ai/anwendungen/</loc>
+         <lastmod>2025-05-15</lastmod>
+    </url>
     <url>
          <loc>https://satware.ai/faq/</loc>
          <lastmod>2025-05-15</lastmod>
@@ -16,6 +20,10 @@
          <loc>https://satware.ai/webinare/</loc>
          <lastmod>2025-05-15</lastmod>
     </url>
+    <url>
+         <loc>https://satware.ai/workshops/</loc>
+         <lastmod>2025-05-15</lastmod>
+    </url>
     <url>
          <loc>https://satware.ai/zugang/</loc>
          <lastmod>2025-05-15</lastmod>

site/stylesheets/extra.scss

@@ -28,6 +28,7 @@
 @import 'modules/testimonials';
 @import "modules/faq";
 @import "modules/lightbox";
+@import "modules/blog";
 
 //Responsive Design
 @import "responsive/medium";

site/stylesheets/modules/team.scss

@@ -61,7 +61,7 @@ h1, h2, h3, h4, h5, h6 {
     cursor: default;
     text-decoration: none;
     color: inherit;
-    pointer-events: none;
+    // Removed pointer-events: none to allow hover effects on images
   }
 
   .team-agent-image {
@@ -104,7 +104,7 @@ h1, h2, h3, h4, h5, h6 {
 
     .team-agent-position {
       //font-size: 0.7rem;
-      font-weight: 400;
+      font-weight: 700;
       opacity: .9;
       color: #fff;
       margin-bottom: 0.1rem;
@@ -124,6 +124,10 @@ h1, h2, h3, h4, h5, h6 {
   }
 }
 
+.team-agent-position{
+  font-weight: bold !important;
+  min-height: 4rem;
+}
 // Expertise-Bereich
 .team-expertise {