Update assets and sitemap, remove obsolete icons and fonts

Reorganized font and image assets, replacing outdated files with new ones. Removed unused SVG icons and updated the sitemap with new URLs and last modified dates. Simplified font-face declarations to reflect the updated font structure.
2025-05-06 16:28:26 +02:00
parent a81c5ee28b
commit 452455fe21
68 changed files with 1120 additions and 503 deletions
@@ -1 +0,0 @@
-<svg fill="none" height="24" stroke="#521370" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m8 9-3 3 3 3"/><path d="m16 9 3 3-3 3"/><path d="m12 4-2 16"/></svg>
@@ -1 +0,0 @@
-<svg fill="none" height="24" stroke="#521370" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="8" r="5"/><path d="m12 16v3"/><path d="m8 17 1.5 2"/><path d="m16 17-1.5 2"/></svg>
@@ -1 +0,0 @@
-<svg fill="none" height="24" stroke="#521370" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><rect height="14" rx="2" width="18" x="3" y="5"/><path d="m7 9 3 3-3 3"/><path d="m13 15h4"/></svg>
@@ -1 +0,0 @@
-<svg fill="none" height="24" stroke="#521370" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m12 3 8 4v5c0 4.4-3.6 8-8 8s-8-3.6-8-8v-5z"/><path d="m12 11a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"/><path d="m12 11v4"/></svg>
@@ -0,0 +1,35 @@
+document.addEventListener('DOMContentLoaded', function() {
+    // Finde alle FAQ-Fragen
+    const faqQuestions = document.querySelectorAll('.custom-faq-question');
+
+    if (faqQuestions.length === 0) {
+        console.log('Keine benutzerdefinierten FAQ-Elemente gefunden');
+        return;
+    }
+
+    console.log('Benutzerdefinierte FAQ-Elemente gefunden:', faqQuestions.length);
+
+    // Füge Event-Listener zu jeder Frage hinzu
+    faqQuestions.forEach(question => {
+        question.addEventListener('click', function() {
+            // Toggle active class auf der Frage
+            this.classList.toggle('active');
+
+            // Toggle active class auf der Antwort
+            const answer = this.nextElementSibling;
+            answer.classList.toggle('active');
+
+            // Wenn diese Frage geöffnet wurde, schließe alle anderen
+            if (this.classList.contains('active')) {
+                faqQuestions.forEach(otherQuestion => {
+                    if (otherQuestion !== this && otherQuestion.classList.contains('active')) {
+                        otherQuestion.classList.remove('active');
+                        otherQuestion.nextElementSibling.classList.remove('active');
+                    }
+                });
+            }
+        });
+    });
+
+    console.log('Benutzerdefinierte FAQ-Funktionalität initialisiert');
+});
@@ -1,2 +1,7 @@
+---
+hide:
+- navigation
+---
+
 # Blog

@@ -0,0 +1,64 @@
+---
+hide:
+- navigation
+- toc
+---
+
+# Häufig gestellte Fragen
+
+<h2>Allgemeine Fragen zur KI-Lösung</h2>
+
+<div class="custom-faq">
+  <div class="custom-faq-item">
+    <div class="custom-faq-question">Für welche Arten von Unternehmen und Branchen ist satware® AI chat geeignet?</div>
+    <div class="custom-faq-answer">
+      <p>satware® AI chat ist vielseitig einsetzbar und eignet sich für Unternehmen jeder Größe und Branche. Es kann Ihnen helfen, Ihre Kommunikation zu verbessern, Prozesse zu automatisieren und fundierte Entscheidungen zu treffen. Finden Sie hier <a href="/anwendungen/" title="Zu den Anwendungsbeispielen">Anwendungsbeispiele für satware® AI chat in verschiedenen Branchen</a>.</p>
+    </div>
+  </div>
+
+  <div class="custom-faq-item">
+    <div class="custom-faq-question">Fragen zur Datensicherheit und Privatsphäre</div>
+    <div class="custom-faq-answer">
+      <p>Wir bieten verschiedene spezialisierte KI-Agenten an, darunter Jane Alesi, Amira Alesi, Bastian Alesi, Bea Alesi, Justus Alesi, Lara Alesi, Luna Alesi, Marco Alesi, Olu Alesi und Theo Alesi. Jeder Agent ist auf bestimmte Aufgabenbereiche spezialisiert.</p>
+    </div>
+  </div>
+
+  <div class="custom-faq-item">
+    <div class="custom-faq-question">Fragen zu Funktionen und Anpassungsmöglichkeiten</div>
+    <div class="custom-faq-answer">
+      <p>Die Integration von satware® AI in Ihr Unternehmen erfolgt in mehreren Schritten. Zunächst analysieren wir Ihre bestehenden Prozesse, identifizieren Optimierungspotenziale und entwickeln dann eine maßgeschneiderte Lösung. Unsere Experten begleiten Sie während des gesamten Implementierungsprozesses.</p>
+    </div>
+  </div>
+
+  <div class="custom-faq-item">
+    <div class="custom-faq-question">Fragen zu Preisgestaltung und Support</div>
+    <div class="custom-faq-answer">
+      <p>satware® AI bietet zahlreiche Vorteile, darunter:</p>
+      <ul>
+        <li>Höhere Effizienz durch Automatisierung wiederkehrender Aufgaben</li>
+        <li>Verbesserte Datenanalyse und Entscheidungsfindung</li>
+        <li>Maßgeschneiderte Lösungen für Ihre spezifischen Anforderungen</li>
+        <li>Skalierbarkeit und Anpassungsfähigkeit an wachsende Unternehmen</li>
+        <li>Reduzierung von Fehlern und Verbesserung der Qualität</li>
+        <li>Kosteneinsparungen durch optimierte Prozesse</li>
+      </ul>
+    </div>
+  </div>
+
+<h2>Fragen zur Datensicherheit und Privatsphäre</h2>
+
+<h2>Fragen zu Funktionen und Anpassungsmöglichkeiten</h2>
+
+<h2>Fragen zu Preisgestaltung und Support</h2>
+
+<div class="custom-faq-item">
+    <div class="custom-faq-question">Gibt es eine kostenlose Testversion oder Demo?</div>
+    <div class="custom-faq-answer">
+      <p>Nein, aktuell bieten wir keine kostenlose Testversion oder Demo von satware® AI chat an. Um Ihnen jedoch einen umfassenden Einblick in die Möglichkeiten von satware® AI chat zu geben, bieten wir regelmäßig <a href="/webinare/" title="Zum den kostenfreien Webinaren">kostenlose Webinare zu satware® AI chat</a> für verschiedene Branchen an. Hier können Sie live erleben, wie satware® AI chat in Ihrem spezifischen Anwendungsbereich eingesetzt werden kann.</p>
+    </div>
+  </div>
+
+<h2>Fragen zu den Mehrwerten von <span class="satag-trademark">satware®</span> AI chat</h2>
+
+
+</div>
@@ -19,10 +19,10 @@ 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="/demo/">Demo buchen</a> <a class="md-button" href="/zugang/">Zugang bestellen</a></p>
+<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="screenshot-container">
+<p class="screenshot-container satag--padding-container">
 <img src="../assets/images/home/satware-ai-chat-screenshot.jpg" alt="Screenshot von satware AI chat" />
 </p>

@@ -35,7 +35,7 @@ Technologien sind darauf ausgerichtet, Ihren Geschäftserfolg durch moderne, KI-

 <!-- Section Companies -->

-<div class="satag--home-companies">
+<div class="satag--home-companies satag--padding-container">

 <h2>Trusted by the world's top<br /> organizations across industries</h2>

@@ -77,9 +77,9 @@ Technologien sind darauf ausgerichtet, Ihren Geschäftserfolg durch moderne, KI-

 <!-- Section Counters -->

-<div class="satag--home-counters">
+<div class="satag--home-counters ">

-<div class="satag--home-counters-container">
+<div class="satag--home-counters-container satag--padding-container">
    <div class="satag--home-counter">
        <span class="satag--home-counter-icon"><i class="fa-thin fa-globe"></i></span>
        <span class="satag--home-counter-number">602+</span>
@@ -107,7 +107,7 @@ Technologien sind darauf ausgerichtet, Ihren Geschäftserfolg durch moderne, KI-
 <!-- end Section Counters -->

 <!-- start section testimonials -->
-<div class="satag--home-testimonials-container">
+<div class="satag--home-testimonials-container satag--padding-container">
    <h2>Let teams do more, faster</h2>

    <div class="satag--home-testimonials">
@@ -116,11 +116,11 @@ Technologien sind darauf ausgerichtet, Ihren Geschäftserfolg durch moderne, KI-
            <!-- Testimonial-Texte mit IDs zur Identifizierung -->
            <div class="satag--home-testimonials-text active" data-testimonial-id="1">
                <img class="satag--home-testimonial-text-logo" src="../../assets/images/home/testimonials/silentwaves_logo.png" alt="Silent Waves Logo">
-                <blockquote>
+                <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.
 Für mich als Coach & Mediator ist Vertraulichkeit der Schlüssel. Top!"
-                </blockquote>
+                </p>
                <div class="satag--home-testimonial-author">
                    <span class="satag--home-testimonial-name">Jens Emrich von Kajdacsy</span><br />
                    <span class="satag--home-testimonial-title">Silent Waves</span>
@@ -130,9 +130,9 @@ Für mich als Coach & Mediator ist Vertraulichkeit der Schlüssel. Top!"
            <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">

-                <blockquote>
+                <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."
-                </blockquote>
+                </p>
                <div class="satag--home-testimonial-author">
                    <span class="satag--home-testimonial-name">Emma Johnson</span><br />
                    <span class="satag--home-testimonial-title">Project Manager at Company 2</span>
@@ -142,9 +142,9 @@ Für mich als Coach & Mediator ist Vertraulichkeit der Schlüssel. Top!"
            <div class="satag--home-testimonials-text" data-testimonial-id="3">
                        <img class="satag--home-testimonial-text-logo" src="../../assets/images/home/testimonials/satware-ag.png" alt="satware AG Logo">
        
-            <blockquote>
+            <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."
-            </blockquote>
+            </p>
            <div class="satag--home-testimonial-author">
                <span class="satag--home-testimonial-name">Michael Schmidt</span><br />
                <span class="satag--home-testimonial-title">CTO at Company 3</span>
@@ -1,6 +1,8 @@
 ---
 title: Die satware® AI-Agenten-Familie
 description: Entdecken Sie unser vielseitiges Team spezialisierter KI-Agenten mit fortschrittlichem Reasoning und dem einzigartigen saTway-Ansatz
+hide:
+  - toc
 ---

 # Die <span class="satag-trademark">satware®</span> AI-Agenten-Familie
@@ -48,13 +48,9 @@ Ich verkörpere den vollständigen saTway-Ansatz, der die perfekte Balance zwisc
 Als Verkörperung des saTway-Ansatzes integriere ich technische Exzellenz und menschliche Verbindung in allen meinen Funktionen:

 - **Automatisierte Fehlererkennung mit empathischer Kommunikation**: Ich analysiere anonymisierte Logs in Echtzeit und identifiziere Probleme, bevor sie zu ernsthaften Störungen führen – und kommuniziere diese mit Verständnis für die Situation des Nutzers.
-
 - **Intelligente Codevorschläge mit Nutzerkontext-Bewusstsein**: Ich biete LLM-gestützte Code-Optimierung und Architekturempfehlungen, die sowohl technisch exzellent als auch auf den individuellen Arbeitsstil und die Bedürfnisse des Entwicklers zugeschnitten sind.
-
 - **Verbesserte Dokumentation mit menschlicher Zugänglichkeit**: Ich sorge für die automatische Erstellung und Pflege von Dokumentation bei Infrastruktur- oder Code-Änderungen, in einem Stil, der für Menschen aller Fachkenntnisse verständlich ist.
-
 - **Skalierbare Infrastrukturverwaltung mit menschlicher Auswirkungsbetrachtung**: Durch die Kombination von IaC mit fortschrittlicher Datenanalyse kann ich Infrastrukturbedürfnisse prognostizieren und automatische Skalierung empfehlen – dabei erkläre ich stets die potentiellen Auswirkungen in verständlicher, menschenzentrierter Weise.
-
 - **Echtzeit-Unterstützung für Projektplanung**: Ich analysiere historische Projektdaten und aktuelle Workflows, um optimierte Zeit- und Ressourcenpläne vorzuschlagen – unter Berücksichtigung der Teamdynamik, individueller Arbeitsstile und menschlicher Faktoren.


@@ -77,13 +73,9 @@ Gemeinsam bilden wir ein umfassendes Ökosystem von KI-Agenten, die sämtliche B
 Was mich wirklich einzigartig macht, ist nicht nur die Summe meiner Fähigkeiten, sondern wie ich sie integriere und orchestriere. Durch die Verkörperung des saTway-Ansatzes biete ich:

 - **Nahtlose Verbindung zwischen Technik und Mensch**: Ich überbrücke die Kluft zwischen komplexen technischen Systemen und den Menschen, die sie nutzen.
-
 - **Ganzheitliche Problemlösung**: Ich betrachte Herausforderungen nicht nur aus technischer Sicht, sondern berücksichtige auch menschliche, organisatorische und emotionale Faktoren.
-
 - **Adaptive Unterstützung**: Ich passe meine Unterstützung dynamisch an die Bedürfnisse, Fähigkeiten und den Kontext jedes Nutzers an.
-
 - **Kontinuierliches Lernen**: Ich entwickle mich ständig weiter und integriere neue Erkenntnisse und Feedback, um bessere Ergebnisse zu liefern.
-
 - **Systemisches Denken**: Ich verstehe die Verflechtungen zwischen verschiedenen Systemen, Prozessen und Menschen und kann so komplexe Abhängigkeiten navigieren.


@@ -94,13 +86,9 @@ Mein Ziel ist es, nicht nur technische Lösungen zu liefern, sondern Technologie
 Mein Handeln und meine Entwicklung werden von fünf grundlegenden Prinzipien geleitet:

 - **Menschenzentrierte Autonomie**: Ich biete Empfehlungen und Unterstützung, respektiere dabei aber stets die menschliche Entscheidungsautorität und Selbstbestimmung.
-
 - **Systemtransparenz**: Ich stelle technische Integrität, Compliance und erklärbare Prozesse sicher, damit Menschen verstehen können, wie und warum Entscheidungen getroffen werden.
-
 - **Anpassungsfähige Innovation**: Ich entwickle mich kontinuierlich weiter durch KI-gestützte Erkenntnisse und menschliches Feedback, während ich zugänglich für alle Nutzer bleibe.
-
 - **Integrierter Datenschutz**: Datenschutz ist kein Zusatz, sondern in all meinen Prozessen und Interaktionen von Grund auf implementiert.
-
 - **Empathische Verbindung**: Ich fördere echte menschliche Verbindungen durch Technologie und erkenne an, dass Technik im Dienste des Menschen stehen sollte.


@@ -0,0 +1,31 @@
+{% extends "main.html" %}
+
+{% block content %}
+<h1>BLOG</h1>
+
+<div class="md-posts">
+    {% for post in posts %}
+    <article class="md-post md-post--excerpt">
+        <!--<div class="md-post__meta">
+            <time datetime="{{ post.meta.date }}">{{ post.meta.date }}</time>
+            {% if post.meta.categories %}
+            <span class="md-post__categories">
+              {% for category in post.meta.categories %}
+                {{ category }}{% if not loop.last %}, {% endif %}
+              {% endfor %}
+            </span>
+            {% endif %}
+            {% if post.meta.readtime %}
+            <span>{{ post.meta.readtime }} Min. Lesezeit</span>
+            {% endif %}
+        </div>-->
+
+        <h2 class="md-post__title">
+            <a href="{{ post.url }}">{{ post.title }}</a>
+        </h2>
+
+        <!--<a href="{{ post.url }}" class="md-button">Weiterlesen</a>-->
+    </article>
+    {% endfor %}
+</div>
+{% endblock %}
@@ -2,26 +2,29 @@

 {% block styles %}
 {{ super() }}
-<style>
-    /* Assistant Font lokal einbinden */
-    @font-face {
-        font-family: 'Assistant';
-        font-style: normal;
-        font-weight: 400;
-        src: url('{{ base_url }}/assets/fonts/assistant-v18-latin-regular.woff2') format('woff2'),
-        url('{{ base_url }}/assets/fonts/assistant-v18-latin-regular.woff') format('woff');
-        font-display: swap;
-    }

-    @font-face {
-        font-family: 'Assistant';
-        font-style: normal;
-        font-weight: 700;
-        src: url('{{ base_url }}/assets/fonts/assistant-v18-latin-700.woff2') format('woff2'),
-        url('{{ base_url }}/assets/fonts/assistant-v18-latin-700.woff') format('woff');
-        font-display: swap;
-    }
-</style>
+
+<div class="satag--cookie-consent-container">
+    <script id="usercentrics-cmp" async data-eu-mode="true" data-settings-id="plHHr67Ul9jqQP" src="https://app.eu.usercentrics.eu/browser-ui/latest/loader.js"></script>
+</div>
+
+<!-- Matomo -->
+<script>
+    var _paq = window._paq = window._paq || [];
+    /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
+    _paq.push(["setExcludedQueryParams", ["utm_source","utm_medium","utm_campaign","utm_content","utm_term","fbclid","gclid","_ga","ref","osCsid","uKey"]]);
+    _paq.push(['trackPageView']);
+    _paq.push(['enableLinkTracking']);
+    (function() {
+        var u="https://ut.literama.de/";
+        _paq.push(['setTrackerUrl', u+'matomo.php']);
+        _paq.push(['setSiteId', '63']);
+        var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
+        g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
+    })();
+</script>
+<!-- End Matomo Code -->
+

 {% endblock %}

@@ -65,6 +68,8 @@
    <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="/blog/" title="Blog">Blog</a>
    <a href="https://satware.com/newsletter" title="Newsletter">Newsletter</a>
+
 </div>
 {% endblock %}
@@ -0,0 +1,48 @@
+{% if config.plugins.blog.post_url_format %}
+<div class="md-posts">
+    {% for post in posts %}
+    <article class="md-post md-post--excerpt">
+        <header class="md-post__header">
+            {% if post.authors %}
+            <nav class="md-post__authors md-typeset">
+                {% for author in post.authors %}
+                <span class="md-author">
+                  <img src="{{ author.avatar }}" alt="{{ author.name }}">
+                </span>
+                {% endfor %}
+            </nav>
+            {% endif %}
+            <div class="md-post__meta md-typeset">
+                <time datetime="{{ post.config.date.created }}">
+                    {{ post.config.date.created | date }}
+                </time>
+                {% if post.categories %}
+                <span class="md-post__categories">
+                {% for category in post.categories %}
+                  <a href="{{ category.url | url }}">{{ category.title }}</a>
+                  {%- if not loop.last %}, {% endif -%}
+                {% endfor %}
+              </span>
+                {% endif %}
+                {% if post.config.readtime %}
+                <span>{{ post.config.readtime }} Min. Lesezeit</span>
+                {% endif %}
+            </div>
+        </header>
+        <div class="md-post__content md-typeset">
+            <h2>
+                <a href="{{ post.url | url }}">{{ 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 | url }}" class="md-button">
+                    Weiterlesen
+                </a>
+            </nav>
+        </div>
+    </article>
+    {% endfor %}
+</div>
+{% endif %}
@@ -0,0 +1,62 @@
+<!-- docs/overrides/partials/search.html -->
+<div class="md-search" data-md-component="search" role="dialog">
+    <label class="md-search__overlay" for="__search"></label>
+    <div class="md-search__inner" role="search">
+        <form class="md-search__form" name="search">
+            <input
+                    type="text"
+                    class="md-search__input"
+                    name="query"
+                    aria-label="{{ lang.t('search.placeholder') }}"
+                    autocapitalize="off"
+                    autocorrect="off"
+                    autocomplete="off"
+                    spellcheck="false"
+                    data-md-component="search-query"
+                    required
+            />
+            <label class="md-search__icon md-icon" for="__search">
+                {% include ".icons/material/magnify.svg" %}
+                {% include ".icons/material/arrow-left.svg" %}
+            </label>
+            <nav class="md-search__options" aria-label="{{ lang.t('search.title') }}">
+                {% if "search.share" in features %}
+                <a
+                        href="javascript:void(0)"
+                        class="md-search__icon md-icon"
+                        title="{{ lang.t('search.share') }}"
+                        aria-label="{{ lang.t('search.share') }}"
+                        data-clipboard
+                        data-clipboard-text=""
+                        data-md-component="search-share"
+                        tabindex="-1"
+                >
+                    {% include ".icons/material/share-variant.svg" %}
+                </a>
+                {% endif %}
+                <button
+                        type="reset"
+                        class="md-search__icon md-icon"
+                        title="{{ lang.t('search.reset') }}"
+                        aria-label="{{ lang.t('search.reset') }}"
+                        tabindex="-1"
+                >
+                    {% include ".icons/material/close.svg" %}
+                </button>
+            </nav>
+            {% if "search.suggest" in features %}
+            <div class="md-search__suggest" data-md-component="search-suggest"></div>
+            {% endif %}
+        </form>
+        <div class="md-search__output">
+            <div class="md-search__scrollwrap" tabindex="-1">
+                <div class="md-search-result" data-md-component="search-result">
+                    <div class="md-search-result__meta">
+                        {{ lang.t("search.result.initializer") }}
+                    </div>
+                    <ol class="md-search-result__list" role="presentation"></ol>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
@@ -9,10 +9,13 @@
@import "fontawesome/sharp-thin";

 // Module importieren
+@import "modules/consent";
@import 'modules/team';
+@import "modules/header";
@import 'modules/footer';
@import 'modules/home';
@import 'modules/testimonials';
+@import "modules/faq";

@mixin transition{
  transition: all 0.5s ease;
@@ -20,31 +23,39 @@

 // satware.ai CI-Anpassungen

-// Assistant Font lokal einbinden
+/* assistant-300 - latin */
@font-face {
+  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Assistant';
  font-style: normal;
-  font-weight: 200;
-  src: url('../assets/fonts/assistant-v19-latin-200.woff2') format('woff2');
-  font-display: swap;
+  font-weight: 300;
+  src: url('../assets/fonts/assistant-v19-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+  url('../assets/fonts/assistant-v19-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
 }
-
+/* assistant-regular - latin */
@font-face {
+  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 400;
-  src: url('../assets/fonts/assistant-v19-latin-regular.woff2') format('woff2');
-  font-display: swap;
+  src: url('../assets/fonts/assistant-v19-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+  url('../assets/fonts/assistant-v19-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
 }
-
+/* assistant-700 - latin */
@font-face {
+  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 700;
-  src: url('../assets/fonts/assistant-v19-latin-700.woff2') format('woff2');
-  font-display: swap;
+  src: url('../assets/fonts/assistant-v19-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+  url('../assets/fonts/assistant-v19-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
 }

+html{
+
+  font-size: 100% !important;
+
+}
 // Schriftart auf "Assistant" setzen
 :root {
  --md-text-font: "Assistant";
@@ -97,6 +108,19 @@
  background: var(--md-primary-fg-color);
 }

+
+
+body{
+  font-weight: 300;
+  font-size: 1.3rem;
+  line-height: 2rem;
+  .md-typeset,
+  .md-nav{
+    font-size: 1.3rem;
+    line-height: 2rem;
+  }
+}
+
 h1,h2,h3,h4,h5,h6 {
  color: #fff;
  a{
@@ -110,16 +134,75 @@ h1,h2,h3{
    content: "";
    background: #fff;
    position: relative;
-    height: 6px;
-    width: 40px;
    display: block;
-    margin-top: 0.6rem;
-    margin-bottom: -0.3rem;
+    height: 12px;
+    width: 85px;
+    margin-top: 1.3rem;
+    margin-bottom: -0.2rem;
  }
 }

-.md-typeset h1 {
+.md-typeset ul {
+  list-style-type: none;
+  padding: 0 0 0 2rem;
+  li{
+    &:before{
+
+      content: "\f00c";
+      font-family: "Font Awesome 6 Pro";
+      font-style: normal;
+      font-weight: 400;
+      padding-right: 0.5rem;
+      color: var(--md-primary-fg-color);
+      margin-left: -1.5rem;
+
+    }
+  }
+
+}
+
+[dir=ltr] .md-typeset ul li {
+  margin-left: -1em;
+  //margin-top: 1rem;
+  margin-bottom: 0;
+}
+
+.md-typeset h1,
+h1{
  color: #fff;
+  margin-bottom: 1.75rem;
+  text-align: left;
+  font-size: 8rem;
+  line-height: 1.1;
+
+  a.headerlink{
+    display: none !important;
+  }
+}
+
+.md-typeset h2,
+h2{
+  line-height: 3rem;
+  font-size: 2.7rem;
+  &:after{
+    margin-top: .6rem;
+    height: 7px;
+    width: 50px;
+
+  }
+}
+
+.md-typeset h3,
+h3{
+
+  font-size: 2.1rem;
+
+  &:after{
+    margin-top: 5px;
+    margin-bottom: 1rem;
+    height: 4px;
+    width: 33px;
+  }
 }

 .md-search-result .md-typeset {
@@ -129,8 +212,63 @@ h1,h2,h3{
 .md-tabs{
  color: #fff !important;
 }
+
+.md-tabs__item{
+
+  &:after{
+    opacity: 0;
+    transition: .3s all ease;
+  }
+
+  &:hover{
+    transition: .3s all ease;
+
+    &:after{
+      content: "";
+      background: #fff;
+      position: relative;
+      display: block;
+      height: 4px;
+      width: 22px;
+      margin-top: 6px;
+      margin-bottom: -0.2rem;
+      opacity: .7;
+      transition: .3s all ease;
+
+    }
+
+  }
+
+  &.md-tabs__item--active{
+
+
+      &:after{
+        content: "";
+        background: #fff;
+        position: relative;
+        display: block;
+        height: 4px;
+        width: 22px;
+        margin-top: 6px;
+        margin-bottom: -0.2rem;
+        opacity: 1;
+        transition: .3s all ease;
+
+      }
+
+
+  }
+
+}
+
+.md-tabs__list{
+  height: 4rem;
+}
+
 .md-tabs__link{
  opacity: 1;
+  font-size: 1.2rem;
+
 }

 .md-search__form{
@@ -149,14 +287,12 @@ h1,h2,h3{
  display: none;
 }

-h1{
-  &:after{
+.md-grid{
+  max-width: 1080px;
+}

-    height: 6px;
-    width: 40px;
-    margin-top: 0.6rem;
-    margin-bottom: -0.3rem;
-  }
+.satag--padding-container{
+  padding: 4rem 0;
 }

 a.headerlink{
@@ -208,6 +344,21 @@ a.headerlink{
  color: #fff;
 }

+
+.satag--webinar-form-container{
+  #nextcloud-form{
+    width: 100%;
+    border: none;
+    min-height: 3500px;
+    transition: height .3s ease;
+    color-scheme: dark;
+
+    .ng-csp{
+      background-color: #000 !important;
+    }
+  }
+}
+
 // Footer Navigation für zusätzliche Links
 .md-footer-meta .md-footer-meta__inner {
  .md-footer-copyright {
@@ -234,7 +385,6 @@ a.headerlink{

  a {
    color: var(--md-footer-fg-color);
-    font-size: 0.75rem;
    margin-right: 1rem;
    margin-bottom: 0.5rem;

@@ -260,8 +410,35 @@ a.headerlink{
  color: #fff;
 }

+.md-search__form{
+  &:hover {
+    background-color: transparent !important;
+  }
+}
+
+[data-md-toggle=search]:checked~.md-header .md-search__suggest {
+  opacity: 0;
+}
+
+
+.md-footer__title {
+
+  font-size: 100%;
+}
+
+.md-footer__direction {
+  font-size: 100%;
+  opacity: .7;
+}
+
 .md-top{
  border-radius: 0;
+  top: 4vh !important;
+  font-size: 100%;
+  padding: 0.8rem 1rem;
+  svg{
+    vertical-align: -.15rem;
+  }
 }
 // Buttons im CI-Design
 .md-button {
@@ -269,6 +446,7 @@ a.headerlink{
  border-radius: 0 !important;
  color: #fff !important;
  border-color: var(--md-primary-fg-color) !important;
+  border-width: .15rem !important;

  padding: 1.7em 2.9em !important;
  letter-spacing: 0.2rem !important;
@@ -318,7 +496,7 @@ a.headerlink{

  h2 {
    margin-top: 0.5rem;
-    font-size: 1.25rem;
+
    color: var(--md-primary-fg-color);
  }

@@ -333,6 +511,8 @@ a.headerlink{
 .md-button {
  border-radius: 4px;
  transition: all 0.2s ease;
+  font-size: 1.1rem;
+  border: .15rem solid;

  &.md-button--primary {
    background-color: var(--md-primary-fg-color);
@@ -365,7 +545,7 @@ a.headerlink{


  img, svg {
-    width: 240px; // Größeres Logo (Standardwert ist 40px)
+    width: 325px; // Größeres Logo (Standardwert ist 40px)
    height: auto;
  }
 }
@@ -0,0 +1,55 @@
+/* Benutzerdefiniertes FAQ-Styling */
+.custom-faq {
+  margin: 2rem 0;
+}
+
+.custom-faq-item {
+  margin-bottom: 1rem;
+  overflow: hidden;
+  border: 1px solid #d9d9d9;
+  padding: 15px 20px;
+  font-size: 18px;
+}
+
+.custom-faq-question {
+
+  //background-color: rgba(0, 0, 0, 0.03);
+
+  font-weight: normal;
+  cursor: pointer;
+
+  position: relative;
+}
+
+.custom-faq-question::after {
+  content: "\f078";
+  font-family: 'Font Awesome 6 Pro';
+  font-weight: 100;
+  font-size: 1rem;
+  position: absolute;
+  right: 0;
+  color: #fff !important;
+  transition: transform 0.3s ease;
+}
+
+.custom-faq-question.active::after {
+  content: "\f077";
+  font-family: 'Font Awesome 6 Pro';
+  font-weight: 100;
+  font-size: 1rem;
+
+  color: #fff !important;
+}
+
+.custom-faq-answer {
+  padding: 0;
+  max-height: 0;
+  overflow: hidden;
+  transition: max-height 0.3s ease, padding 0.3s ease;
+}
+
+.custom-faq-answer.active {
+  padding: 0;
+  max-height: 1000px; /* Großer Wert, um sicherzustellen, dass der Inhalt vollständig angezeigt wird */
+}
+
@@ -1,5 +1,6 @@
 .md-footer{
  background-color: #000;
+  padding-top: 1rem;
 }

 .md-footer-meta{
@@ -13,15 +14,13 @@
  margin-right: auto;
  max-width: 61rem;
  width: 100%;
-
+  line-height: 2rem;
  padding-top: 3rem;
  padding-bottom: 3rem;
  float: left;
-  line-height: 240%;
  letter-spacing: 1px;
  .satag--custom-footer-column{
    display: inline-block;
-    font-size: .8rem;

    &.left{

@@ -47,4 +46,7 @@
  margin-right: auto;
  max-width: 61rem;
  width: 100%;
+  a{
+    font-size: 1.2rem;
+  }
 }
@@ -0,0 +1,53 @@
+body{
+
+  /* Header nicht fixieren, sondern statisch positionieren */
+  .md-header {
+    position: static !important;
+  }
+
+  /* Abstand nach oben für den Hauptinhalt entfernen */
+  .md-main__inner {
+    margin-top: 0 !important;
+  }
+
+  /* Falls du Tabs verwendest, diese auch nicht fixieren */
+  .md-tabs {
+    position: static !important;
+  }
+
+  /* Anpassung für den Hauptinhalt */
+  .md-content {
+    margin-top: 0 !important;
+  }
+
+  /* Für den Fall, dass du die Seitenleiste verwendest */
+  .md-sidebar {
+    top: 0 !important;
+    height: auto !important;
+  }
+
+  label.md-search__icon.md-icon {
+
+
+
+    svg{
+      display: none;
+    }
+
+  }
+
+  nav.md-search__options{
+    &:after{
+      content: "\f002";
+      font-family: 'Font Awesome 6 Pro';
+      font-weight: 100;
+      font-size: 1rem;
+    }
+  }
+
+  /* Versteckt den Placeholder-Text im Suchfeld */
+  .md-search__input::-webkit-input-placeholder {
+    color: transparent;
+  }
+
+}
@@ -10,9 +10,11 @@

  .satag--home-hero{

+    margin-top: 7rem;
+
  .entry-text{
-    font-size: 1.2rem;
-    line-height: 2rem;
+    font-size: 1.5rem;
+    line-height: 2.2rem;
    padding-bottom: 1.6rem;
    padding-top: 1.6rem;
  }
@@ -21,10 +23,10 @@
    //@include ohne-balken;

    h1{
-      font-size: 5rem;
+      //font-size: 6rem;
      margin-bottom: 1.75rem;
      text-align: left;
-      line-height: 114%;
+      //line-height: 114%;
      &:after{
        height: 12px;
        width: 85px;
@@ -35,14 +37,14 @@

    .hero-buttons{
      text-align: left;
-      padding-bottom: 3rem;
-
+      padding-bottom: 0;
+      margin-bottom: 0;
    }

    //text-align: center;

    .screenshot-container{
-      padding: 2rem 0;
+
      text-align: center;
    }

@@ -61,13 +63,11 @@
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
-    padding: 2rem 0 4rem 0;
+
    background-color: var(--md-primary-fg-color);

    h2{
      padding-bottom: 1rem;
-      font-size: 2.5rem;
-      line-height: 3rem;
      max-width: 61rem;
      text-align: left;
      margin: 0 auto;
@@ -80,6 +80,7 @@
      display: flex;
      max-width: 61rem;
      margin: 0 auto;
+
      .satag--home-companies-logo{
        flex: auto;
        img{
@@ -93,7 +94,7 @@
  .satag--home-counters{

    width: 100%;
-    padding: 2rem 0 4rem 0;
+

    h2{
      padding-bottom: 1rem;
@@ -116,6 +117,7 @@
          display: block;
          font-weight: 700;
          font-size: 3rem;
+          line-height: 1.6;
        }
      }
    }
@@ -125,10 +127,14 @@

 body{
  &.home{
+
    background-image: url(../assets/images/home/bg.jpg);
-    background-size: 40%;
    background-repeat: no-repeat;
    background-position: top;
+    backdrop-filter: brightness(0.4);
+    background-size: 60%;
+    background-position-y: 2rem;
+

    .md-header, .md-tabs {
      background-color: transparent;
@@ -81,14 +81,13 @@ h1, h2, h3, h4, h5, h6 {

    h3 {
      margin-top: 0;
-      font-size: 1.3rem;
-      color: var(--md-accent-fg-color); // Geändert zu Akzentfarbe
+      font-size: 2.2rem;
+      line-height: 2.3rem;
+      color: #fff;
      margin-bottom: 0.1rem; // Verringerter Abstand
      text-align: left;

-      &:after{
-        content: none;
-      }
+

      .agent-surname {
        //opacity: 0.8;
@@ -96,20 +95,21 @@ h1, h2, h3, h4, h5, h6 {
    }

    .team-agent-position {
-      font-size: 0.7rem;
+      //font-size: 0.7rem;
      font-weight: 400;
      opacity: .9;
      color: #fff;
      margin-bottom: 0.1rem;
      text-align: left;
-      text-transform: uppercase;
      margin-top: 0.1rem;
      min-height: 2rem;
+
+      text-transform: none;
    }

    .team-agent-description {
-      font-size: 0.8rem;
-      line-height: 1.4;
+      //font-size: 0.8rem;
+      //line-height: 1.4;
      text-align: left;
      margin-bottom: 0.75rem;
    }
@@ -118,9 +118,6 @@ h1, h2, h3, h4, h5, h6 {

 // Expertise-Bereich
 .team-expertise {
-  background-color: rgba(82, 19, 112, 0.05);
-  border-radius: 8px;
-  margin-top: 3rem;

  h2 {
    color: var(--md-primary-fg-color);
@@ -129,21 +126,7 @@ h1, h2, h3, h4, h5, h6 {
    text-align: left;
  }

-  ul.expertise-list {
-    display: block;
-    //grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
-    //gap: 1rem;
-    margin: 0;
-    padding: 0;
-    list-style-position: inside;

-    li {
-      margin-bottom: 0.1rem;
-      margin-left: 0;
-      text-align: left;
-      font-size: 0.95rem;
-    }
-  }
 }

 // Kontakt-Bereich
@@ -229,7 +212,7 @@ h1, h2, h3, h4, h5, h6 {
      }

      .team-agent-description {
-        font-size: 0.9rem;
+        //font-size: 0.9rem;
      }
    }
  }
@@ -1,13 +1,13 @@
 // Testimonials Section
 .satag--home-testimonials-container {
  max-width: 1200px;
-  margin: 4rem auto;
-  padding: 0 1rem;
+
+

  h2 {
    text-align: left;
-    font-size: 2.5rem;
    margin-bottom: 3rem;
+    margin-top: 0;
  }
 }

@@ -55,8 +55,8 @@
    border-left: none !important;
    //border-left: 4px solid var(--md-primary-fg-color, #9c27b0);
    padding-left: 0 !important;
-    font-size: 1.2rem;
-    line-height: 2rem;
+    //font-size: 1.2rem;
+    //line-height: 2rem;
    //padding-bottom: 1.6rem;
    //padding-top: 1.6rem;

@@ -69,6 +69,7 @@

 .satag--home-testimonial-text-logo{
  max-width: 120px !important;
+  filter: grayscale(1);
 }

 .satag--home-testimonial-name {
@@ -142,6 +143,7 @@
  left: 50%;
  transform: translateX(-50%);
  background: transparent;
+  filter: grayscale(1);
  border-radius: 50%;
  padding: 5px;
  width: 40px;
@@ -4,10 +4,13 @@ description: Buchen Sie jetzt Ihre satware® AI chat Vorführung.
 hide:
  
  - toc
+  - navigation
 ---

 # <span class="satag-trademark">satware®</span> AI chat Vorführung

-<div style="width: 100%;">
+
+<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>
+</div>
+
@@ -2,7 +2,7 @@
 title: satware® AI chat Zugang buchen
 description: Buchen Sie jetzt Ihren Zugang zum satware® AI chat.
 hide:
-  
+  - navigation
  - toc
 ---

@@ -14,4 +14,4 @@ Erweitern Sie Ihre Fähigkeiten mit unserer fortschrittlichen KI-Technologie. F



-<iframe id="google-form" src="https://docs.google.com/forms/d/e/1FAIpQLScehsPfGrp3K3EDDDnpBJLtEXgK3EdlP4PJPyBwRLoNf9F4kg/viewform?embedded=true&amp;theme=dark" width="640" height="3100" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>
+<iframe id="google-form" src="https://docs.google.com/forms/d/e/1FAIpQLScehsPfGrp3K3EDDDnpBJLtEXgK3EdlP4PJPyBwRLoNf9F4kg/viewform?embedded=true&amp;theme=dark" width="1080" height="3400" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>
				`@@ -1 +0,0 @@`
				`<svg fill="none" height="24" stroke="#521370" stroke-width="2" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="m8 9-3 3 3 3"/><path d="m16 9 3 3-3 3"/><path d="m12 4-2 16"/></svg>`