diff --git a/docs/assets/javascript/faq.js b/docs/assets/javascript/faq.js
index c53af47..2e0a82e 100644
--- a/docs/assets/javascript/faq.js
+++ b/docs/assets/javascript/faq.js
@@ -1,4 +1,5 @@
-document.addEventListener('DOMContentLoaded', function() {
+// Funktion zur Initialisierung der FAQ-Funktionalität
+function initFAQ() {
// Finde alle FAQ-Fragen
const faqQuestions = document.querySelectorAll('.custom-faq-question');
@@ -9,8 +10,18 @@ document.addEventListener('DOMContentLoaded', function() {
console.log('Benutzerdefinierte FAQ-Elemente gefunden:', faqQuestions.length);
- // Füge Event-Listener zu jeder Frage hinzu
+ // Entferne zuerst alle bestehenden Event-Listener, um Duplikate zu vermeiden
faqQuestions.forEach(question => {
+ // Klonen des Elements, um alle Event-Listener zu entfernen
+ const newQuestion = question.cloneNode(true);
+ question.parentNode.replaceChild(newQuestion, question);
+ });
+
+ // Hole die aktualisierten Elemente nach dem Klonen
+ const updatedFaqQuestions = document.querySelectorAll('.custom-faq-question');
+
+ // Füge Event-Listener zu jeder Frage hinzu
+ updatedFaqQuestions.forEach(question => {
question.addEventListener('click', function() {
// Toggle active class auf der Frage
this.classList.toggle('active');
@@ -21,7 +32,7 @@ document.addEventListener('DOMContentLoaded', function() {
// Wenn diese Frage geöffnet wurde, schließe alle anderen
if (this.classList.contains('active')) {
- faqQuestions.forEach(otherQuestion => {
+ updatedFaqQuestions.forEach(otherQuestion => {
if (otherQuestion !== this && otherQuestion.classList.contains('active')) {
otherQuestion.classList.remove('active');
otherQuestion.nextElementSibling.classList.remove('active');
@@ -32,4 +43,52 @@ document.addEventListener('DOMContentLoaded', function() {
});
console.log('Benutzerdefinierte FAQ-Funktionalität initialisiert');
+}
+
+// Führe die Initialisierung beim ersten Laden der Seite aus
+document.addEventListener('DOMContentLoaded', initFAQ);
+
+// Führe die Initialisierung aus, wenn der Inhalt der Seite durch MkDocs aktualisiert wird
+document.addEventListener('DOMContentSwap', initFAQ);
+
+// Führe die Initialisierung aus, wenn die Seite über den Material for MkDocs-Router aktualisiert wird
+document.addEventListener('mdContentChanged', initFAQ);
+
+// Führe die Initialisierung aus, wenn der Inhalt der Seite durch andere Frameworks aktualisiert wird
+// MutationObserver, um Änderungen im DOM zu überwachen
+const observer = new MutationObserver((mutations) => {
+ mutations.forEach((mutation) => {
+ if (mutation.addedNodes && mutation.addedNodes.length > 0) {
+ // Prüfe, ob FAQ-Elemente hinzugefügt wurden
+ for (let i = 0; i < mutation.addedNodes.length; i++) {
+ const node = mutation.addedNodes[i];
+ if (node.nodeType === 1 && (node.classList?.contains('custom-faq-item') ||
+ node.querySelector?.('.custom-faq-item'))) {
+ // FAQ-Elemente gefunden, initialisiere die Funktionalität
+ setTimeout(initFAQ, 100); // Kurze Verzögerung, um sicherzustellen, dass alles geladen ist
+ break;
+ }
+ }
+ }
+ });
});
+
+// Starte die Beobachtung des Dokuments
+observer.observe(document.body, {
+ childList: true,
+ subtree: true
+});
+
+// Zusätzlicher Event-Listener für dynamisch geladene Inhalte
+window.addEventListener('load', function() {
+ // Verzögerte Initialisierung, um sicherzustellen, dass alle Inhalte geladen sind
+ setTimeout(initFAQ, 500);
+});
+
+// Für Material for MkDocs spezifische Ereignisse
+if (typeof document$.subscribe === 'function') {
+ document$.subscribe(function() {
+ // Verzögerte Initialisierung, um sicherzustellen, dass alle Inhalte geladen sind
+ setTimeout(initFAQ, 100);
+ });
+}
diff --git a/docs/faq.md b/docs/faq.md
index dbeac89..8670c80 100644
--- a/docs/faq.md
+++ b/docs/faq.md
@@ -16,34 +16,7 @@ hide:
-
-
Fragen zur Datensicherheit und Privatsphäre
-
-
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.
-
-
-
-
-
Fragen zu Funktionen und Anpassungsmöglichkeiten
-
-
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.
-
-
-
-
-
Fragen zu Preisgestaltung und Support
-
-
satware® AI bietet zahlreiche Vorteile, darunter:
-
- Höhere Effizienz durch Automatisierung wiederkehrender Aufgaben
- Verbesserte Datenanalyse und Entscheidungsfindung
- Maßgeschneiderte Lösungen für Ihre spezifischen Anforderungen
- Skalierbarkeit und Anpassungsfähigkeit an wachsende Unternehmen
- Reduzierung von Fehlern und Verbesserung der Qualität
- Kosteneinsparungen durch optimierte Prozesse
-
-
-
+
Fragen zur Datensicherheit und Privatsphäre
diff --git a/docs/overrides/main.html b/docs/overrides/main.html
index 6ca46bc..241b445 100644
--- a/docs/overrides/main.html
+++ b/docs/overrides/main.html
@@ -26,6 +26,7 @@
+
{% endblock %}
{% block footer %}
diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css
index 11aac02..2fcf795 100644
--- a/docs/stylesheets/extra.css
+++ b/docs/stylesheets/extra.css
@@ -26,4 +26,4 @@
* Font Awesome Pro 6.7.1 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license (Commercial License)
* Copyright 2024 Fonticons, Inc.
- */:root,:host{--fa-style-family-sharp: 'Font Awesome 6 Sharp';--fa-font-sharp-thin: normal 100 1em/1 'Font Awesome 6 Sharp'}@font-face{font-family:'Font Awesome 6 Sharp';font-style:normal;font-weight:100;font-display:block;src:url("../assets/fonts/fontawesome/fa-sharp-thin-100.woff2") format("woff2"),url("../assets/fonts/fontawesome/fa-sharp-thin-100.ttf") format("truetype")}.fast,.fa-thin{font-weight:100}h1,h2,h3,h4,h5,h6{text-transform:uppercase !important;font-family:'Assistant', sans-serif !important;font-weight:700 !important}.team-header{text-align:left;max-width:800px;margin:0 auto 3rem auto}.team-header h2{font-size:1.8rem;margin-bottom:1rem;color:var(--md-primary-fg-color);text-align:left}.team-header h2:after{content:none}.team-header p{font-size:1.1rem;opacity:0.9;text-align:left}.team-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:2rem;margin:2rem 0}.team-agent{background-color:rgba(82,19,112,0.03);border-radius:8px;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,0.08);transition:all 0.3s ease;display:flex;flex-direction:column;height:100%}.team-agent:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,0.12)}.team-agent .team-agent-image{height:300px;overflow:hidden}.team-agent .team-agent-image img{width:80%;height:100%;object-fit:cover;object-position:top;transition:transform 0.5s ease}.team-agent .team-agent-image img:hover{transform:scale(1.05)}.team-agent .team-agent-info{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1;text-align:left}.team-agent .team-agent-info h3{margin-top:0;font-size:2.2rem;line-height:2.3rem;color:#fff;margin-bottom:0.1rem;text-align:left}.team-agent .team-agent-info .team-agent-position{font-weight:400;opacity:.9;color:#fff;margin-bottom:0.1rem;text-align:left;margin-top:0.1rem;min-height:2rem;text-transform:none}.team-agent .team-agent-info .team-agent-description{text-align:left;margin-bottom:0.75rem}.team-expertise h2{color:var(--md-primary-fg-color);margin-top:0;margin-bottom:1.5rem;text-align:left}.team-contact{margin-top:4rem;text-align:left}.team-contact h2{color:var(--md-primary-fg-color);margin-bottom:1rem;text-align:left}.team-contact p{max-width:800px;margin:0 0 1.5rem 0;text-align:left}.team-contact .contact-details{display:flex;flex-direction:column;gap:0.5rem;margin-bottom:2rem}.team-contact .contact-details .contact-item{margin-bottom:0.5rem;text-align:left}.team-contact .contact-details .contact-item a{color:var(--md-primary-fg-color)}.team-contact .social-links{display:flex;gap:1.5rem;margin-top:1.5rem;margin-bottom:2rem}.team-contact .social-links a{color:var(--md-primary-fg-color);text-decoration:none}.team-contact .social-links a:hover{text-decoration:underline}@media (max-width: 768px){.team-grid{grid-template-columns:repeat(auto-fill, minmax(250px, 1fr))}.team-header h2{font-size:1.6rem}.team-header p{font-size:1rem}.expertise-list{grid-template-columns:repeat(auto-fill, minmax(200px, 1fr)) !important}.team-agent .team-agent-image{height:220px}.team-agent .team-agent-info{padding:1.2rem}.team-agent .team-agent-info h3{font-size:1.2rem}}body .md-header{position:static !important}body .md-main__inner{margin-top:0 !important}body .md-tabs{position:static !important}body .md-content{margin-top:0 !important}body .md-sidebar{top:0 !important;height:auto !important}body label.md-search__icon.md-icon svg{display:none}body nav.md-search__options:after{content:"\f002";font-family:'Font Awesome 6 Pro';font-weight:100;font-size:1rem}body .md-search__input::-webkit-input-placeholder{color:transparent}.md-footer{background-color:#000;padding-top:1rem}.md-footer-meta{display:none}.md-footer-container{margin-left:auto;margin-right:auto;max-width:1080px;width:100%;line-height:2rem;padding-top:3rem;padding-bottom:3rem;float:left;letter-spacing:1px}.md-footer-container .satag--custom-footer-column{display:inline-block}.md-footer-container .satag--custom-footer-column.left{padding-right:6rem}.md-footer-container .satag--footer-social-icons a{padding-right:10px}.md-footer-custom-links{margin-left:auto;margin-right:auto;max-width:1080px;width:100%}.md-footer-custom-links a{font-size:1.2rem}.satag--home-landing .satag--home-hero{margin-top:7rem}.satag--home-landing .satag--home-hero .entry-text{font-size:1.5rem;line-height:2.2rem;padding-bottom:1.6rem;padding-top:1.6rem}.satag--home-landing .satag--home-hero h1{margin-bottom:1.75rem;text-align:left}.satag--home-landing .satag--home-hero h1:after{height:12px;width:85px;margin-top:1.3rem;margin-bottom:-0.2rem}.satag--home-landing .satag--home-hero .hero-buttons{text-align:left;padding-bottom:0;margin-bottom:0}.satag--home-landing .satag--home-hero .screenshot-container{text-align:center}.satag--home-landing .satag--home-hero img{border:1px solid var(--md-primary-fg-color--light);width:100%}.satag--home-landing .satag--home-companies{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;background-color:var(--md-primary-fg-color);text-align:center}.satag--home-landing .satag--home-companies h2{padding-bottom:1rem;max-width:61rem;text-align:left;margin:0 auto}.satag--home-landing .satag--home-companies .satag--home-companies-logo-container{display:flex;max-width:61rem;margin:0 auto}.satag--home-landing .satag--home-companies .satag--home-companies-logo-container .satag--home-companies-logo{flex:auto}.satag--home-landing .satag--home-companies .satag--home-companies-logo-container .satag--home-companies-logo img{width:80%;float:left}.satag--home-landing .satag--home-counters{width:100%;text-align:center}.satag--home-landing .satag--home-counters h2{padding-bottom:1rem}.satag--home-landing .satag--home-counters h1:after,.satag--home-landing .satag--home-counters h2:after,.satag--home-landing .satag--home-counters h3:after,.satag--home-landing .satag--home-counters h4:after,.satag--home-landing .satag--home-counters h5:after,.satag--home-landing .satag--home-counters h6:after{display:none}.satag--home-landing .satag--home-counters .satag--home-counters-container{display:flex}.satag--home-landing .satag--home-counters .satag--home-counters-container .satag--home-counter{flex:auto;display:block}.satag--home-landing .satag--home-counters .satag--home-counters-container .satag--home-counter .satag--home-counter-icon{display:block;font-size:2rem;color:var(--md-primary-fg-color--light)}.satag--home-landing .satag--home-counters .satag--home-counters-container .satag--home-counter .satag--home-counter-number{display:block;font-weight:700;font-size:3rem;line-height:1.6}body.home{background-image:url(../assets/images/home/bg.jpg);background-repeat:no-repeat;background-position:top;backdrop-filter:brightness(0.4);background-size:60%;background-position-y:2rem}body.home .md-header,body.home .md-tabs{background-color:transparent;box-shadow:none}.satag--home-testimonials-container{max-width:1200px}.satag--home-testimonials-container h2{text-align:left;margin-bottom:3rem;margin-top:0}.satag--home-testimonials{display:flex;flex-direction:column;gap:2rem}@media (min-width: 768px){.satag--home-testimonials{flex-direction:row;align-items:flex-start}}.satag--home-testimonials-text-container{flex:1;position:relative;min-height:250px}@media (min-width: 768px){.satag--home-testimonials-text-container{flex:0 0 60%}}.satag--home-testimonials-text{position:absolute;top:0;left:0;width:100%;opacity:0;visibility:hidden;transition:opacity 0.5s ease, visibility 0.5s ease}.satag--home-testimonials-text.active{opacity:1;visibility:visible}.satag--home-testimonials-text blockquote{font-style:normal;margin-bottom:1.5rem;color:#fff;border-left:none !important;padding-left:0 !important}.satag--home-testimonial-author{margin-top:1rem}.satag--home-testimonial-text-logo{max-width:120px !important;filter:grayscale(1)}.satag--home-testimonial-name{font-weight:bold;margin-bottom:0.25rem}.satag--home-testimonial-title{font-size:0.9rem;color:#666}.satag--home-testimonials-images{display:flex;gap:1rem;justify-content:center}@media (min-width: 768px){.satag--home-testimonials-images{flex:0 0 40%;justify-content:flex-end}}.satag--home-testimonial-image-wrapper{position:relative;width:180px;height:340px;overflow:hidden;cursor:pointer;opacity:0.6;transition:all 0.3s ease;border:1px solid transparent;border-radius:0;border-color:var(--md-primary-fg-color--dark)}.satag--home-testimonial-image-wrapper img{filter:grayscale(1)}.satag--home-testimonial-image-wrapper.active{opacity:1;border-color:var(--md-primary-fg-color, #9c27b0);transform:scale(1.05)}.satag--home-testimonial-image-wrapper.active img{filter:grayscale(0)}.satag--home-testimonial-image-wrapper:hover{opacity:0.8}@media (max-width: 767px){.satag--home-testimonial-image-wrapper{width:100px;height:150px}}.satag--home-testimonial-image{width:100%;height:100%;object-fit:cover}.satag--home-testimonial-logo{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);background:transparent;filter:grayscale(1);border-radius:50%;padding:5px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px rgba(0,0,0,0.1)}.satag--home-testimonial-logo img{max-width:60px}@media (max-width: 767px){.satag--home-testimonials-text-container{min-height:300px}.satag--home-testimonials-images{flex-wrap:wrap}}.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{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}@font-face{font-display:swap;font-family:'Assistant';font-style:normal;font-weight:300;src:url("../assets/fonts/assistant-v19-latin-300.woff2") format("woff2"),url("../assets/fonts/assistant-v19-latin-300.ttf") format("truetype")}@font-face{font-display:swap;font-family:'Assistant';font-style:normal;font-weight:400;src:url("../assets/fonts/assistant-v19-latin-regular.woff2") format("woff2"),url("../assets/fonts/assistant-v19-latin-regular.ttf") format("truetype")}@font-face{font-display:swap;font-family:'Assistant';font-style:normal;font-weight:700;src:url("../assets/fonts/assistant-v19-latin-700.woff2") format("woff2"),url("../assets/fonts/assistant-v19-latin-700.ttf") format("truetype")}html{font-size:100% !important}:root{--md-text-font: "Assistant";--md-code-font: "Assistant"}[data-md-color-scheme="slate"]{--md-default-bg-color: #000000;--md-default-fg-color: #ffffff;--md-default-fg-color--light: rgba(255, 255, 255, 0.8);--md-default-fg-color--lighter: rgba(255, 255, 255, 0.54);--md-default-fg-color--lightest: rgba(255, 255, 255, 0.07);--md-primary-fg-color: #521370;--md-primary-fg-color--light: #7e3a9e;--md-primary-fg-color--dark: #3c0e52;--md-accent-fg-color: #8a44bd;--md-typeset-a-color: #9d65cf}.md-search__scrollwrap{tabindex:0}::-moz-selection{background:var(--md-primary-fg-color);color:#fff}::selection{background:var(--md-primary-fg-color);color:#fff}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#d0d0d0;border-radius:0}::-webkit-scrollbar-thumb{background:var(--md-primary-fg-color)}body{font-weight:300;font-size:1.3rem;line-height:2rem}body .md-typeset,body .md-nav{font-size:1.3rem;line-height:2rem}h1,h2,h3,h4,h5,h6{color:#fff}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:#fff !important}h1:after,h2:after,h3:after{content:"";background:#fff;position:relative;display:block;height:12px;width:85px;margin-top:1.3rem;margin-bottom:-0.2rem}.md-typeset ul{list-style-type:none;padding:0 0 0 2rem}.md-typeset ul 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-bottom:0}.md-typeset h1,h1{color:#fff;margin-bottom:1.75rem;text-align:left;font-size:8rem;line-height:1.1}.md-typeset h1 a.headerlink,h1 a.headerlink{display:none !important}.md-typeset h2,h2{line-height:3rem;font-size:2.7rem}.md-typeset h2:after,h2:after{margin-top:.6rem;height:7px;width:50px}.md-typeset h3,h3{font-size:2.1rem}.md-typeset h3:after,h3:after{margin-top:5px;margin-bottom:1rem;height:4px;width:33px}.md-search-result .md-typeset{color:#fff}.md-tabs{color:#fff !important}.md-tabs__item:after{opacity:0;transition:.3s all ease}.md-tabs__item:hover{transition:.3s all ease}.md-tabs__item:hover: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.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 input::placeholder{color:#fff !important}.md-search-result__meta{background-color:#000}.md-source-file{display:none}.md-grid{max-width:1080px}.satag--padding-container{padding:4rem 0}a.headerlink{color:var(--md-primary-fg-color) !important}.satag-trademark{text-transform:lowercase}.md-header,.md-tabs{background-color:#000}.md-tabs__item{text-transform:uppercase;font-weight:700}.md-search__input{text-transform:uppercase;font-size:0.7rem;font-weight:400;opacity:1;color:#fff}.md-search-result__list h1:after,.md-search-result__list h2:after,.md-search-result__list h3:after,.md-search-result__list h4:after,.md-search-result__list h5:after,.md-search-result__list h6:after{content:none}.md-social__link{display:inline-block;height:1rem;text-align:center;width:1rem}.md-search-result__meta{text-transform:uppercase;font-size:0.7rem;font-weight:400;opacity:1;color:#fff}.satag--webinar-form-container #nextcloud-form{width:100%;border:none;min-height:3500px;transition:height .3s ease;color-scheme:dark}.satag--webinar-form-container #nextcloud-form .ng-csp{background-color:#000 !important}.md-footer-meta .md-footer-meta__inner .md-footer-copyright{width:auto;margin:auto 1rem 0.5rem 0}.md-content__inner{margin:0 0 1.2rem;padding-top:.6rem}.md-footer-meta.md-typeset a{color:#fff !important}.md-footer-meta{background-color:#000}.md-footer-custom-links{display:flex;flex-wrap:wrap;padding:0.5rem 0;text-transform:uppercase}.md-footer-custom-links a{color:var(--md-footer-fg-color);margin-right:1rem;margin-bottom:0.5rem}.md-footer-custom-links a:hover{color:var(--md-footer-fg-color--light);text-decoration:underline}.md-typeset code{background-color:rgba(255,255,255,0.07);color:#e2e2e2}.md-nav__container>.md-nav__link:first-child{text-transform:uppercase}.md-nav__title{text-transform:uppercase;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}.md-top svg{vertical-align:-.15rem}.md-button{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;font-weight:400 !important;transition:all 0.5s ease}.md-button:hover{border-color:#8a44bd !important;transform:translateY(8px);transition:all 0.5s ease}.md-button.md-button--primary{background-color:var(--md-primary-fg-color);border-color:var(--md-primary-fg-color);color:white}.md-button.md-button--primary:hover{background-color:var(--md-primary-fg-color--light);border-color:var(--md-primary-fg-color--light)}.grid.cards{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:1.5rem;margin:2rem 0}.grid.cards>*{border-radius:6px;box-shadow:0 4px 10px rgba(0,0,0,0.1);padding:1.5rem;background-color:rgba(82,19,112,0.05);transition:all 0.3s ease}.grid.cards>*:hover{box-shadow:0 6px 15px rgba(0,0,0,0.15);transform:translateY(-3px);background-color:rgba(82,19,112,0.1)}.grid.cards h2{margin-top:0.5rem;color:var(--md-primary-fg-color)}.grid.cards .icon-card{width:48px;height:48px;margin-bottom:0.5rem}.md-button{border-radius:4px;transition:all 0.2s ease;font-size:1.1rem;border:.15rem solid}.md-button.md-button--primary{background-color:var(--md-primary-fg-color);border-color:var(--md-primary-fg-color);color:white}.md-button.md-button--primary:hover{background-color:var(--md-primary-fg-color--light);border-color:var(--md-primary-fg-color--light) !important}.md-header__title .md-header__topic:first-child{display:none}.md-header__button.md-logo{padding:0.2rem;padding-left:0}.md-header__button.md-logo img,.md-header__button.md-logo svg{width:325px;height:auto}.md-header{height:auto}.md-header__inner{padding:0.5rem;max-width:98%}
+ */:root,:host{--fa-style-family-sharp: 'Font Awesome 6 Sharp';--fa-font-sharp-thin: normal 100 1em/1 'Font Awesome 6 Sharp'}@font-face{font-family:'Font Awesome 6 Sharp';font-style:normal;font-weight:100;font-display:block;src:url("../assets/fonts/fontawesome/fa-sharp-thin-100.woff2") format("woff2"),url("../assets/fonts/fontawesome/fa-sharp-thin-100.ttf") format("truetype")}.fast,.fa-thin{font-weight:100}h1,h2,h3,h4,h5,h6{text-transform:uppercase !important;font-family:'Assistant', sans-serif !important;font-weight:700 !important}.team-header{text-align:left;max-width:800px;margin:0 auto 3rem auto}.team-header h2{font-size:1.8rem;margin-bottom:1rem;color:var(--md-primary-fg-color);text-align:left}.team-header h2:after{content:none}.team-header p{font-size:1.1rem;opacity:0.9;text-align:left}.team-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:2rem;margin:2rem 0}.team-agent{background-color:rgba(82,19,112,0.03);border-radius:8px;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,0.08);transition:all 0.3s ease;display:flex;flex-direction:column;height:100%}.team-agent:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,0.12)}.team-agent .team-agent-image{height:300px;overflow:hidden}.team-agent .team-agent-image img{width:80%;height:100%;object-fit:cover;object-position:top;transition:transform 0.5s ease}.team-agent .team-agent-image img:hover{transform:scale(1.05)}.team-agent .team-agent-info{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1;text-align:left}.team-agent .team-agent-info h3{margin-top:0;font-size:2.2rem;line-height:2.3rem;color:#fff;margin-bottom:0.1rem;text-align:left}.team-agent .team-agent-info .team-agent-position{font-weight:400;opacity:.9;color:#fff;margin-bottom:0.1rem;text-align:left;margin-top:0.1rem;min-height:2rem;text-transform:none}.team-agent .team-agent-info .team-agent-description{text-align:left;margin-bottom:0.75rem}.team-expertise h2{color:var(--md-primary-fg-color);margin-top:0;margin-bottom:1.5rem;text-align:left}.team-contact{margin-top:4rem;text-align:left}.team-contact h2{color:var(--md-primary-fg-color);margin-bottom:1rem;text-align:left}.team-contact p{max-width:800px;margin:0 0 1.5rem 0;text-align:left}.team-contact .contact-details{display:flex;flex-direction:column;gap:0.5rem;margin-bottom:2rem}.team-contact .contact-details .contact-item{margin-bottom:0.5rem;text-align:left}.team-contact .contact-details .contact-item a{color:var(--md-primary-fg-color)}.team-contact .social-links{display:flex;gap:1.5rem;margin-top:1.5rem;margin-bottom:2rem}.team-contact .social-links a{color:var(--md-primary-fg-color);text-decoration:none}.team-contact .social-links a:hover{text-decoration:underline}@media (max-width: 768px){.team-grid{grid-template-columns:repeat(auto-fill, minmax(250px, 1fr))}.team-header h2{font-size:1.6rem}.team-header p{font-size:1rem}.expertise-list{grid-template-columns:repeat(auto-fill, minmax(200px, 1fr)) !important}.team-agent .team-agent-image{height:220px}.team-agent .team-agent-info{padding:1.2rem}.team-agent .team-agent-info h3{font-size:1.2rem}}body .md-header{position:static !important}body .md-main__inner{margin-top:0 !important}body .md-tabs{position:static !important}body .md-content{margin-top:0 !important}@media (min-width: 768px){body .md-sidebar{top:0 !important;height:auto !important}}body label.md-search__icon.md-icon svg{display:none}body nav.md-search__options:after{content:"\f002";font-family:'Font Awesome 6 Pro';font-weight:100;font-size:1rem}body .md-search__input::-webkit-input-placeholder{color:transparent}.md-footer{background-color:#000;padding-top:1rem}.md-footer-meta{display:none}.md-footer-container{margin-left:auto;margin-right:auto;max-width:1080px;width:100%;line-height:2rem;padding-top:3rem;padding-bottom:3rem;float:left;letter-spacing:1px}.md-footer-container .satag--custom-footer-column{display:inline-block}.md-footer-container .satag--custom-footer-column.left{padding-right:6rem}.md-footer-container .satag--footer-social-icons a{padding-right:10px}.md-footer-custom-links{margin-left:auto;margin-right:auto;max-width:1080px;width:100%}.md-footer-custom-links a{font-size:1.2rem}.satag--home-landing .satag--home-hero{margin-top:7rem}.satag--home-landing .satag--home-hero .entry-text{font-size:1.5rem;line-height:2.2rem;padding-bottom:1.6rem;padding-top:1.6rem}.satag--home-landing .satag--home-hero h1{margin-bottom:1.75rem;text-align:left}.satag--home-landing .satag--home-hero h1:after{height:12px;width:85px;margin-top:1.3rem;margin-bottom:-0.2rem}.satag--home-landing .satag--home-hero .hero-buttons{text-align:left;padding-bottom:0;margin-bottom:0}.satag--home-landing .satag--home-hero .screenshot-container{text-align:center}.satag--home-landing .satag--home-hero img{border:1px solid var(--md-primary-fg-color--light);width:100%}.satag--home-landing .satag--home-companies{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;background-color:var(--md-primary-fg-color);text-align:center}.satag--home-landing .satag--home-companies h2{padding-bottom:1rem;max-width:61rem;text-align:left;margin:0 auto}.satag--home-landing .satag--home-companies .satag--home-companies-logo-container{display:flex;max-width:61rem;margin:0 auto;flex-wrap:wrap}.satag--home-landing .satag--home-companies .satag--home-companies-logo-container .satag--home-companies-logo{flex:0 0 25%}.satag--home-landing .satag--home-companies .satag--home-companies-logo-container .satag--home-companies-logo img{width:80%;float:left}@media screen and (max-width: 768px){.satag--home-landing .satag--home-companies .satag--home-companies-logo-container .satag--home-companies-logo{flex:0 0 50%;margin-bottom:1rem}}@media screen and (max-width: 480px){.satag--home-landing .satag--home-companies .satag--home-companies-logo-container .satag--home-companies-logo{flex:0 0 100%}}.satag--home-landing .satag--home-counters{width:100%;text-align:center}.satag--home-landing .satag--home-counters h2{padding-bottom:1rem}.satag--home-landing .satag--home-counters h1:after,.satag--home-landing .satag--home-counters h2:after,.satag--home-landing .satag--home-counters h3:after,.satag--home-landing .satag--home-counters h4:after,.satag--home-landing .satag--home-counters h5:after,.satag--home-landing .satag--home-counters h6:after{display:none}.satag--home-landing .satag--home-counters .satag--home-counters-container{display:flex;flex-wrap:wrap}.satag--home-landing .satag--home-counters .satag--home-counters-container .satag--home-counter{flex:1 0 auto;display:block;padding:1rem}.satag--home-landing .satag--home-counters .satag--home-counters-container .satag--home-counter .satag--home-counter-icon{display:block;font-size:2rem;color:var(--md-primary-fg-color--light)}.satag--home-landing .satag--home-counters .satag--home-counters-container .satag--home-counter .satag--home-counter-number{display:block;font-weight:700;font-size:3rem;line-height:1.6}@media screen and (max-width: 768px){.satag--home-landing .satag--home-counters .satag--home-counters-container .satag--home-counter{flex:0 0 50%}}@media screen and (max-width: 480px){.satag--home-landing .satag--home-counters .satag--home-counters-container .satag--home-counter{flex:0 0 100%}}body.home{background-image:url(../assets/images/home/bg.jpg);background-repeat:no-repeat;background-position:top;backdrop-filter:brightness(0.4);background-size:60%;background-position-y:2rem}body.home .md-header,body.home .md-tabs{background-color:transparent;box-shadow:none}@media screen and (max-width: 768px){body.home{background-size:100%}}.satag--home-testimonials-container{max-width:1200px;margin:0 auto;padding:0 1rem}.satag--home-testimonials-container h2{text-align:left;margin-bottom:3rem;margin-top:0}.satag--home-testimonials{display:flex;flex-direction:column;gap:2rem}@media (min-width: 768px){.satag--home-testimonials{flex-direction:row;align-items:flex-start}}.satag--home-testimonials-text-container{flex:1;position:relative;min-height:250px}@media (min-width: 768px){.satag--home-testimonials-text-container{flex:0 0 60%}}@media (max-width: 767px){.satag--home-testimonials-text-container{min-height:400px}}.satag--home-testimonials-text{position:absolute;top:0;left:0;width:100%;opacity:0;visibility:hidden;transition:opacity 0.5s ease, visibility 0.5s ease}.satag--home-testimonials-text.active{opacity:1;visibility:visible}.satag--home-testimonials-text blockquote{font-style:normal;margin-bottom:1.5rem;color:#fff;border-left:none !important;padding-left:0 !important}@media (max-width: 767px){.satag--home-testimonials-text blockquote{font-size:1rem;line-height:1.5;margin-top:70px}}.satag--home-testimonial-author{margin-top:1rem}@media (max-width: 767px){.satag--home-testimonial-author{margin-top:1.5rem;margin-bottom:2rem}}.satag--home-testimonial-text-logo{max-width:120px !important;filter:grayscale(1)}@media (max-width: 767px){.satag--home-testimonial-text-logo{display:none;position:absolute;top:0;left:0;max-width:80px !important;margin-bottom:1rem}}.satag--home-testimonial-name{font-weight:bold;margin-bottom:0.25rem}@media (max-width: 767px){.satag--home-testimonial-name{font-size:1.2rem;margin-bottom:0.1rem}}.satag--home-testimonial-title{font-size:0.9rem;color:#666}@media (max-width: 767px){.satag--home-testimonial-title{font-size:1rem;margin-top:0}}.satag--home-testimonials-images{display:flex;gap:1rem;justify-content:center}@media (min-width: 768px){.satag--home-testimonials-images{flex:0 0 40%;justify-content:flex-end}}@media (max-width: 767px){.satag--home-testimonials-images{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:1rem;margin-top:1rem;justify-content:flex-start}.satag--home-testimonials-images::-webkit-scrollbar{display:none}}.satag--home-testimonial-image-wrapper{position:relative;width:180px;height:340px;overflow:hidden;cursor:pointer;opacity:0.6;transition:all 0.3s ease;border:1px solid transparent;border-radius:0;border-color:var(--md-primary-fg-color--dark)}.satag--home-testimonial-image-wrapper img{filter:grayscale(1)}.satag--home-testimonial-image-wrapper.active{opacity:1;border-color:var(--md-primary-fg-color, #9c27b0);transform:scale(1.05)}.satag--home-testimonial-image-wrapper.active img{filter:grayscale(0)}.satag--home-testimonial-image-wrapper:hover{opacity:0.8}@media (max-width: 767px){.satag--home-testimonial-image-wrapper{width:120px;height:180px;flex:0 0 auto;margin-right:0.5rem}.satag--home-testimonial-image-wrapper:last-child{margin-right:1rem}}.satag--home-testimonial-image{width:100%;height:100%;object-fit:cover}.satag--home-testimonial-logo{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);background:transparent;filter:grayscale(1);border-radius:50%;padding:5px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px rgba(0,0,0,0.1)}.satag--home-testimonial-logo img{max-width:60px}@media (max-width: 767px){.satag--home-testimonial-logo{bottom:15px;width:30px;height:30px;background:rgba(0,0,0,0.5)}.satag--home-testimonial-logo img{max-width:40px}}@media (max-width: 767px){.satag--home-testimonials-container h2{margin-bottom:1.5rem;font-size:1.5rem}.satag--home-testimonials-images.scroll{scrollbar-width:none;-ms-overflow-style:none}.satag--home-testimonials-images.scroll::-webkit-scrollbar{display:none}}.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{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}@media (max-width: 1219px){body .md-grid{padding:2rem}body .md-grid .md-content,body .md-footer-container,body .md-footer-custom-links{padding:4rem}body .md-typeset h1,body h1{font-size:3rem}body .md-typeset h2,body h2{font-size:2rem}}@media (max-width: 959px){label.md-header__button.md-icon:last-of-type svg{display:none}label.md-header__button.md-icon:last-of-type:after{content:"\f002";font-family:'Font Awesome 6 Pro';font-weight:100;font-size:1rem}body .satag--padding-container{padding:4rem 2rem}body .satag--home-companies{padding:4rem 3rem}body .satag--home-companies .satag--home-companies-logo-container .satag--home-companies-logo img{float:none !important}body .md-button{padding:1em 2.3em !important;margin-bottom:1em}}@media (max-width: 479px){body .md-grid{padding:2rem}body .md-grid .md-content,body .md-footer-container,body .md-footer-custom-links{padding:1rem}body .md-typeset h1,body h1{font-size:3rem}body .md-typeset h2,body h2{font-size:2rem}}@font-face{font-display:swap;font-family:'Assistant';font-style:normal;font-weight:300;src:url("../assets/fonts/assistant-v19-latin-300.woff2") format("woff2"),url("../assets/fonts/assistant-v19-latin-300.ttf") format("truetype")}@font-face{font-display:swap;font-family:'Assistant';font-style:normal;font-weight:400;src:url("../assets/fonts/assistant-v19-latin-regular.woff2") format("woff2"),url("../assets/fonts/assistant-v19-latin-regular.ttf") format("truetype")}@font-face{font-display:swap;font-family:'Assistant';font-style:normal;font-weight:700;src:url("../assets/fonts/assistant-v19-latin-700.woff2") format("woff2"),url("../assets/fonts/assistant-v19-latin-700.ttf") format("truetype")}html{font-size:100% !important}:root{--md-text-font: "Assistant";--md-code-font: "Assistant"}[data-md-color-scheme="slate"]{--md-default-bg-color: #000000;--md-default-fg-color: #ffffff;--md-default-fg-color--light: rgba(255, 255, 255, 0.8);--md-default-fg-color--lighter: rgba(255, 255, 255, 0.54);--md-default-fg-color--lightest: rgba(255, 255, 255, 0.07);--md-primary-fg-color: #521370;--md-primary-fg-color--light: #7e3a9e;--md-primary-fg-color--dark: #3c0e52;--md-accent-fg-color: #8a44bd;--md-typeset-a-color: #9d65cf}.md-search__scrollwrap{tabindex:0}::-moz-selection{background:var(--md-primary-fg-color);color:#fff}::selection{background:var(--md-primary-fg-color);color:#fff}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#d0d0d0;border-radius:0}::-webkit-scrollbar-thumb{background:var(--md-primary-fg-color)}body{font-weight:300;font-size:1.3rem;line-height:2rem}body .md-typeset,body .md-nav{font-size:1.3rem;line-height:2rem}h1,h2,h3,h4,h5,h6{color:#fff}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:#fff !important}h1:after,h2:after,h3:after{content:"";background:#fff;position:relative;display:block;height:12px;width:85px;margin-top:1.3rem;margin-bottom:-0.2rem}.md-typeset ul{list-style-type:none;padding:0 0 0 2rem}.md-typeset ul 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-bottom:0}.md-typeset h1,h1{color:#fff;margin-bottom:1.75rem;text-align:left;font-size:8rem;line-height:1.1}.md-typeset h1 a.headerlink,h1 a.headerlink{display:none !important}.md-typeset h2,h2{line-height:3rem;font-size:2.7rem}.md-typeset h2:after,h2:after{margin-top:.6rem;height:7px;width:50px}.md-typeset h3,h3{font-size:2.1rem}.md-typeset h3:after,h3:after{margin-top:5px;margin-bottom:1rem;height:4px;width:33px}.md-search-result .md-typeset{color:#fff}.md-tabs{color:#fff !important}.md-tabs__item:after{opacity:0;transition:.3s all ease}.md-tabs__item:hover{transition:.3s all ease}.md-tabs__item:hover: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.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 input::placeholder{color:#fff !important}.md-search-result__meta{background-color:#000}.md-source-file{display:none}.md-grid{max-width:1080px}.satag--padding-container{padding:4rem 0}a.headerlink{color:var(--md-primary-fg-color) !important}.satag-trademark{text-transform:lowercase}.md-header,.md-tabs{background-color:#000}.md-tabs__item{text-transform:uppercase;font-weight:700}.md-search__input{text-transform:uppercase;font-size:0.7rem;font-weight:400;opacity:1;color:#fff}.md-search-result__list h1:after,.md-search-result__list h2:after,.md-search-result__list h3:after,.md-search-result__list h4:after,.md-search-result__list h5:after,.md-search-result__list h6:after{content:none}.md-social__link{display:inline-block;height:1rem;text-align:center;width:1rem}.md-search-result__meta{text-transform:uppercase;font-size:0.7rem;font-weight:400;opacity:1;color:#fff}.satag--webinar-form-container #nextcloud-form{width:100%;border:none;min-height:3500px;transition:height .3s ease;color-scheme:dark}.satag--webinar-form-container #nextcloud-form .ng-csp{background-color:#000 !important}.md-footer-meta .md-footer-meta__inner .md-footer-copyright{width:auto;margin:auto 1rem 0.5rem 0}.md-content__inner{margin:0 0 1.2rem;padding-top:.6rem}.md-footer-meta.md-typeset a{color:#fff !important}.md-footer-meta{background-color:#000}.md-footer-custom-links{display:flex;flex-wrap:wrap;padding:0.5rem 0;text-transform:uppercase}.md-footer-custom-links a{color:var(--md-footer-fg-color);margin-right:1rem;margin-bottom:0.5rem}.md-footer-custom-links a:hover{color:var(--md-footer-fg-color--light);text-decoration:underline}.md-typeset code{background-color:rgba(255,255,255,0.07);color:#e2e2e2}.md-nav__container>.md-nav__link:first-child{text-transform:uppercase}.md-nav__title{text-transform:uppercase;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}.md-top svg{vertical-align:-.15rem}.md-button{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;font-weight:400 !important;transition:all 0.5s ease}.md-button:hover{border-color:#8a44bd !important;transform:translateY(8px);transition:all 0.5s ease}.md-button.md-button--primary{background-color:var(--md-primary-fg-color);border-color:var(--md-primary-fg-color);color:white}.md-button.md-button--primary:hover{background-color:var(--md-primary-fg-color--light);border-color:var(--md-primary-fg-color--light)}.grid.cards{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:1.5rem;margin:2rem 0}.grid.cards>*{border-radius:6px;box-shadow:0 4px 10px rgba(0,0,0,0.1);padding:1.5rem;background-color:rgba(82,19,112,0.05);transition:all 0.3s ease}.grid.cards>*:hover{box-shadow:0 6px 15px rgba(0,0,0,0.15);transform:translateY(-3px);background-color:rgba(82,19,112,0.1)}.grid.cards h2{margin-top:0.5rem;color:var(--md-primary-fg-color)}.grid.cards .icon-card{width:48px;height:48px;margin-bottom:0.5rem}.md-button{border-radius:4px;transition:all 0.2s ease;font-size:1.1rem;border:.15rem solid}.md-button.md-button--primary{background-color:var(--md-primary-fg-color);border-color:var(--md-primary-fg-color);color:white}.md-button.md-button--primary:hover{background-color:var(--md-primary-fg-color--light);border-color:var(--md-primary-fg-color--light) !important}.md-header__title .md-header__topic:first-child{display:none}.md-header__button.md-logo{padding:0.2rem;padding-left:0}.md-header__button.md-logo img,.md-header__button.md-logo svg{width:325px;height:auto}.md-header{height:auto}.md-header__inner{padding:0.5rem;max-width:98%}
diff --git a/docs/stylesheets/extra.scss b/docs/stylesheets/extra.scss
index 9d5e597..8700795 100644
--- a/docs/stylesheets/extra.scss
+++ b/docs/stylesheets/extra.scss
@@ -17,7 +17,12 @@
@import 'modules/testimonials';
@import "modules/faq";
-@mixin transition{
+//Responsive Design
+
+@import "responsive/medium";
+@import "responsive/mobile";
+
+@mixin transition {
transition: all 0.5s ease;
}
@@ -32,6 +37,7 @@
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. */
@@ -41,6 +47,7 @@
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. */
@@ -51,11 +58,12 @@
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{
+html {
font-size: 100% !important;
}
+
// Schriftart auf "Assistant" setzen
:root {
--md-text-font: "Assistant";
@@ -71,13 +79,13 @@ html{
--md-default-fg-color--lightest: rgba(255, 255, 255, 0.07);
// Primär- und Akzentfarben gemäß satware CI
- --md-primary-fg-color: #521370; // Primärfarbe: satware Violett
- --md-primary-fg-color--light: #7e3a9e; // Helle Variante
- --md-primary-fg-color--dark: #3c0e52; // Dunkle Variante
- --md-accent-fg-color: #8a44bd; // Akzentfarbe: Helleres Violett
+ --md-primary-fg-color: #521370; // Primärfarbe: satware Violett
+ --md-primary-fg-color--light: #7e3a9e; // Helle Variante
+ --md-primary-fg-color--dark: #3c0e52; // Dunkle Variante
+ --md-accent-fg-color: #8a44bd; // Akzentfarbe: Helleres Violett
// Link-Farbe anpassen
- --md-typeset-a-color: #9d65cf; // Helleres Violett für Links
+ --md-typeset-a-color: #9d65cf; // Helleres Violett für Links
}
.md-search__scrollwrap {
@@ -88,6 +96,7 @@ html{
background: var(--md-primary-fg-color);;
color: #fff;
}
+
::selection {
background: var(--md-primary-fg-color);;
color: #fff;
@@ -109,28 +118,29 @@ html{
}
-
-body{
+body {
font-weight: 300;
font-size: 1.3rem;
line-height: 2rem;
+
.md-typeset,
- .md-nav{
+ .md-nav {
font-size: 1.3rem;
line-height: 2rem;
}
}
-h1,h2,h3,h4,h5,h6 {
+h1, h2, h3, h4, h5, h6 {
color: #fff;
- a{
+
+ a {
color: #fff !important;
}
}
-h1,h2,h3{
- &:after{
+h1, h2, h3 {
+ &:after {
content: "";
background: #fff;
position: relative;
@@ -145,8 +155,9 @@ h1,h2,h3{
.md-typeset ul {
list-style-type: none;
padding: 0 0 0 2rem;
- li{
- &:before{
+
+ li {
+ &:before {
content: "\f00c";
font-family: "Font Awesome 6 Pro";
@@ -168,23 +179,24 @@ h1,h2,h3{
}
.md-typeset h1,
-h1{
+h1 {
color: #fff;
margin-bottom: 1.75rem;
text-align: left;
font-size: 8rem;
line-height: 1.1;
- a.headerlink{
+ a.headerlink {
display: none !important;
}
}
.md-typeset h2,
-h2{
+h2 {
line-height: 3rem;
font-size: 2.7rem;
- &:after{
+
+ &:after {
margin-top: .6rem;
height: 7px;
width: 50px;
@@ -193,11 +205,11 @@ h2{
}
.md-typeset h3,
-h3{
+h3 {
font-size: 2.1rem;
- &:after{
+ &:after {
margin-top: 5px;
margin-bottom: 1rem;
height: 4px;
@@ -209,21 +221,21 @@ h3{
color: #fff;
}
-.md-tabs{
+.md-tabs {
color: #fff !important;
}
-.md-tabs__item{
+.md-tabs__item {
- &:after{
+ &:after {
opacity: 0;
transition: .3s all ease;
}
- &:hover{
+ &:hover {
transition: .3s all ease;
- &:after{
+ &:after {
content: "";
background: #fff;
position: relative;
@@ -239,81 +251,80 @@ h3{
}
- &.md-tabs__item--active{
+ &.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;
+ &: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{
+.md-tabs__list {
height: 4rem;
}
-.md-tabs__link{
+.md-tabs__link {
opacity: 1;
font-size: 1.2rem;
}
-.md-search__form{
+.md-search__form {
input::placeholder {
color: #fff !important;
}
}
-
-.md-search-result__meta{
+.md-search-result__meta {
background-color: #000;
}
-.md-source-file{
+.md-source-file {
display: none;
}
-.md-grid{
+.md-grid {
max-width: 1080px;
}
-.satag--padding-container{
+.satag--padding-container {
padding: 4rem 0;
}
-a.headerlink{
+a.headerlink {
color: var(--md-primary-fg-color) !important;
}
-.satag-trademark{
+.satag-trademark {
text-transform: lowercase;
}
.md-header,
-.md-tabs{
+.md-tabs {
background-color: #000;
}
-.md-tabs__item{
+.md-tabs__item {
text-transform: uppercase;
font-weight: 700;
}
-.md-search__input{
+.md-search__input {
text-transform: uppercase;
font-size: 0.7rem;
font-weight: 400;
@@ -321,9 +332,9 @@ a.headerlink{
color: #fff;
}
-.md-search-result__list{
- h1,h2,h3,h4,h5,h6{
- &:after{
+.md-search-result__list {
+ h1, h2, h3, h4, h5, h6 {
+ &:after {
content: none;
}
}
@@ -336,7 +347,7 @@ a.headerlink{
width: 1rem;
}
-.md-search-result__meta{
+.md-search-result__meta {
text-transform: uppercase;
font-size: 0.7rem;
font-weight: 400;
@@ -345,15 +356,15 @@ a.headerlink{
}
-.satag--webinar-form-container{
- #nextcloud-form{
+.satag--webinar-form-container {
+ #nextcloud-form {
width: 100%;
border: none;
min-height: 3500px;
transition: height .3s ease;
color-scheme: dark;
- .ng-csp{
+ .ng-csp {
background-color: #000 !important;
}
}
@@ -372,16 +383,16 @@ a.headerlink{
padding-top: .6rem;
}
-.md-footer-meta.md-typeset a{
+.md-footer-meta.md-typeset a {
color: #fff !important;
}
+
.md-footer-meta {
background-color: #000;
}
-
- // Füge zusätzliche Navigation im Footer hinzu
+// Füge zusätzliche Navigation im Footer hinzu
.md-footer-custom-links {
display: flex;
flex-wrap: wrap;
@@ -406,22 +417,22 @@ a.headerlink{
color: #e2e2e2;
}
-.md-nav__container>.md-nav__link:first-child {
+.md-nav__container > .md-nav__link:first-child {
text-transform: uppercase;
}
-.md-nav__title{
+.md-nav__title {
text-transform: uppercase;
color: #fff;
}
-.md-search__form{
+.md-search__form {
&:hover {
background-color: transparent !important;
}
}
-[data-md-toggle=search]:checked~.md-header .md-search__suggest {
+[data-md-toggle=search]:checked ~ .md-header .md-search__suggest {
opacity: 0;
}
@@ -436,15 +447,17 @@ a.headerlink{
opacity: .7;
}
-.md-top{
+.md-top {
border-radius: 0;
top: 4vh !important;
font-size: 100%;
padding: 0.8rem 1rem;
- svg{
+
+ svg {
vertical-align: -.15rem;
}
}
+
// Buttons im CI-Design
.md-button {
@@ -459,7 +472,7 @@ a.headerlink{
@include transition;
- &:hover{
+ &:hover {
border-color: #8a44bd !important;
transform: translateY(8px);
@include transition;
diff --git a/docs/stylesheets/modules/header.scss b/docs/stylesheets/modules/header.scss
index 490685e..ccc9ab3 100644
--- a/docs/stylesheets/modules/header.scss
+++ b/docs/stylesheets/modules/header.scss
@@ -21,9 +21,12 @@ body{
}
/* Für den Fall, dass du die Seitenleiste verwendest */
- .md-sidebar {
- top: 0 !important;
- height: auto !important;
+ @media (min-width: 768px){
+ .md-sidebar {
+ top: 0 !important;
+ height: auto !important;
+ }
+
}
label.md-search__icon.md-icon {
diff --git a/docs/stylesheets/modules/home.scss b/docs/stylesheets/modules/home.scss
index 41b0523..6e66daf 100644
--- a/docs/stylesheets/modules/home.scss
+++ b/docs/stylesheets/modules/home.scss
@@ -12,21 +12,16 @@
margin-top: 7rem;
- .entry-text{
- font-size: 1.5rem;
- line-height: 2.2rem;
- padding-bottom: 1.6rem;
- padding-top: 1.6rem;
- }
-
-
- //@include ohne-balken;
+ .entry-text{
+ font-size: 1.5rem;
+ line-height: 2.2rem;
+ padding-bottom: 1.6rem;
+ padding-top: 1.6rem;
+ }
h1{
- //font-size: 6rem;
margin-bottom: 1.75rem;
text-align: left;
- //line-height: 114%;
&:after{
height: 12px;
width: 85px;
@@ -41,10 +36,7 @@
margin-bottom: 0;
}
- //text-align: center;
-
.screenshot-container{
-
text-align: center;
}
@@ -52,7 +44,6 @@
border: 1px solid var(--md-primary-fg-color--light);
width: 100%;
}
-
}
.satag--home-companies{
@@ -73,21 +64,34 @@
margin: 0 auto;
}
- //@include ohne-balken;
-
text-align: center;
.satag--home-companies-logo-container{
display: flex;
max-width: 61rem;
margin: 0 auto;
+ flex-wrap: wrap; // Erlaubt Umbruch bei kleinen Bildschirmen
.satag--home-companies-logo{
- flex: auto;
+ flex: 0 0 25%;
img{
width: 80%;
float:left;
}
}
+
+ // Responsive Anpassung für die Logos
+ @media screen and (max-width: 768px) {
+ .satag--home-companies-logo {
+ flex: 0 0 50%; // 2 Logos pro Zeile
+ margin-bottom: 1rem;
+ }
+ }
+
+ @media screen and (max-width: 480px) {
+ .satag--home-companies-logo {
+ flex: 0 0 100%; // 1 Logo pro Zeile
+ }
+ }
}
}
@@ -95,7 +99,6 @@
width: 100%;
-
h2{
padding-bottom: 1rem;
}
@@ -105,9 +108,13 @@
text-align: center;
.satag--home-counters-container{
display: flex;
+ flex-wrap: wrap; // Erlaubt Umbruch bei kleinen Bildschirmen
+
.satag--home-counter{
- flex: auto;
+ flex: 1 0 auto;
display: block;
+ padding: 1rem;
+
.satag--home-counter-icon{
display: block;
font-size: 2rem;
@@ -120,9 +127,21 @@
line-height: 1.6;
}
}
+
+ // Responsive Breakpoints für die Counter
+ @media screen and (max-width: 768px) {
+ .satag--home-counter {
+ flex: 0 0 50%; // 2 Counter pro Zeile
+ }
+ }
+
+ @media screen and (max-width: 480px) {
+ .satag--home-counter {
+ flex: 0 0 100%; // 1 Counter pro Zeile
+ }
+ }
}
}
-
}
body{
@@ -135,12 +154,14 @@ body{
background-size: 60%;
background-position-y: 2rem;
-
.md-header, .md-tabs {
background-color: transparent;
box-shadow: none;
}
+ // Responsive Anpassung für den Hintergrund
+ @media screen and (max-width: 768px) {
+ background-size: 100%;
+ }
}
-
-}
\ No newline at end of file
+}
diff --git a/docs/stylesheets/modules/testimonials.scss b/docs/stylesheets/modules/testimonials.scss
index 620cf89..cfc75f7 100644
--- a/docs/stylesheets/modules/testimonials.scss
+++ b/docs/stylesheets/modules/testimonials.scss
@@ -1,8 +1,8 @@
// Testimonials Section
.satag--home-testimonials-container {
max-width: 1200px;
-
-
+ margin: 0 auto;
+ padding: 0 1rem;
h2 {
text-align: left;
@@ -31,6 +31,10 @@
@media (min-width: 768px) {
flex: 0 0 60%;
}
+
+ @media (max-width: 767px) {
+ min-height: 400px; // Mehr Platz für den Text auf mobilen Geräten
+ }
}
.satag--home-testimonials-text {
@@ -48,38 +52,61 @@
}
blockquote {
-
font-style: normal;
margin-bottom: 1.5rem;
color: #fff;
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;
- //padding-bottom: 1.6rem;
- //padding-top: 1.6rem;
+ @media (max-width: 767px) {
+ font-size: 1rem; // Etwas kleinere Schrift auf mobilen Geräten
+ line-height: 1.5;
+ margin-top: 70px; // Platz für das Logo über dem Text
+ }
}
}
.satag--home-testimonial-author {
margin-top: 1rem;
+
+ @media (max-width: 767px) {
+ margin-top: 1.5rem; // Mehr Abstand nach oben auf mobilen Geräten
+ margin-bottom: 2rem; // Mehr Abstand nach unten auf mobilen Geräten
+ }
}
-.satag--home-testimonial-text-logo{
+.satag--home-testimonial-text-logo {
max-width: 120px !important;
filter: grayscale(1);
+
+ @media (max-width: 767px) {
+ display: none;
+ position: absolute;
+ top: 0;
+ left: 0;
+ max-width: 80px !important; // Kleineres Logo
+ margin-bottom: 1rem;
+ }
}
.satag--home-testimonial-name {
font-weight: bold;
margin-bottom: 0.25rem;
+
+ @media (max-width: 767px) {
+ font-size: 1.2rem; // Größerer Name auf mobilen Geräten
+ margin-bottom: 0.1rem;
+ }
}
.satag--home-testimonial-title {
font-size: 0.9rem;
color: #666;
+
+ @media (max-width: 767px) {
+ font-size: 1rem; // Etwas größerer Titel auf mobilen Geräten
+ margin-top: 0; // Kein negativer Abstand mehr
+ }
}
// Bilder-Container (rechts)
@@ -92,6 +119,22 @@
flex: 0 0 40%;
justify-content: flex-end;
}
+
+ @media (max-width: 767px) {
+ flex-wrap: nowrap; // Keine Umbrüche, damit die Bilder horizontal scrollbar sind
+ overflow-x: auto; // Horizontales Scrollen ermöglichen
+ -webkit-overflow-scrolling: touch; // Für besseres Scrolling auf iOS
+ scrollbar-width: none; // Firefox: Scrollbar ausblenden
+ -ms-overflow-style: none; // IE/Edge: Scrollbar ausblenden
+ padding-bottom: 1rem; // Platz für die Scrollbar
+ margin-top: 1rem; // Weniger Abstand nach oben
+ justify-content: flex-start; // Links ausrichten
+
+ // Webkit: Scrollbar ausblenden
+ &::-webkit-scrollbar {
+ display: none;
+ }
+ }
}
.satag--home-testimonial-image-wrapper {
@@ -103,21 +146,19 @@
opacity: 0.6;
transition: all 0.3s ease;
border: 1px solid transparent;
- border-radius: 0; // Leicht abgerundete Ecken statt Kreis
+ border-radius: 0;
border-color: var(--md-primary-fg-color--dark);
- img{
- filter: grayscale(1);
- //@include transition;
- }
+ img {
+ filter: grayscale(1);
+ }
&.active {
opacity: 1;
border-color: var(--md-primary-fg-color, #9c27b0);
transform: scale(1.05);
- img{
+ img {
filter: grayscale(0);
- //@include transition;
}
}
@@ -126,8 +167,14 @@
}
@media (max-width: 767px) {
- width: 100px;
- height: 150px;
+ width: 120px; // Etwas größer als zuvor
+ height: 180px; // Etwas größer als zuvor
+ flex: 0 0 auto; // Verhindert Schrumpfen
+ margin-right: 0.5rem; // Abstand zwischen den Bildern
+
+ &:last-child {
+ margin-right: 1rem; // Extra Platz am Ende für besseres Scrollen
+ }
}
}
@@ -156,15 +203,36 @@
img {
max-width: 60px;
}
+
+ @media (max-width: 767px) {
+ bottom: 15px; // Näher am unteren Rand
+ width: 30px; // Etwas kleiner
+ height: 30px; // Etwas kleiner
+ background: rgba(0, 0, 0, 0.5); // Halbdurchsichtiger Hintergrund für bessere Sichtbarkeit
+
+ img {
+ max-width: 40px;
+ }
+ }
}
// Responsive Anpassungen
@media (max-width: 767px) {
- .satag--home-testimonials-text-container {
- min-height: 300px;
+ // Verbessertes Layout für mobile Geräte
+ .satag--home-testimonials-container {
+ h2 {
+ margin-bottom: 1.5rem;
+ font-size: 1.5rem;
+ }
}
- .satag--home-testimonials-images {
- flex-wrap: wrap;
+ // Entfernung der Scrollklasse für die Bilder
+ .satag--home-testimonials-images.scroll {
+ scrollbar-width: none;
+ -ms-overflow-style: none;
+
+ &::-webkit-scrollbar {
+ display: none;
+ }
}
}
diff --git a/docs/stylesheets/responsive/medium.scss b/docs/stylesheets/responsive/medium.scss
new file mode 100644
index 0000000..5ba2e40
--- /dev/null
+++ b/docs/stylesheets/responsive/medium.scss
@@ -0,0 +1,70 @@
+
+@media (max-width: 1219px) {
+ body{
+
+ .md-grid {
+ padding: 2rem;
+ }
+ .md-grid .md-content,
+ .md-footer-container,
+ .md-footer-custom-links{
+ padding: 4rem;
+ }
+
+ .md-typeset h1,
+ h1 {
+ font-size: 3rem;
+ }
+
+ .md-typeset h2,
+ h2 {
+ font-size: 2rem;
+ }
+
+ }
+}
+
+@media (max-width: 959px) {
+
+
+
+ label.md-header__button.md-icon:last-of-type{
+ svg{
+ display: none;
+ }
+ &:after {
+ content: "\f002";
+ font-family: 'Font Awesome 6 Pro';
+ font-weight: 100;
+ font-size: 1rem;
+ }
+ }
+
+ body{
+
+ .satag--padding-container{
+ padding: 4rem 2rem;
+ }
+
+ .satag--home-companies{
+ padding: 4rem 3rem;
+
+ .satag--home-companies-logo-container{
+ .satag--home-companies-logo{
+ img {
+ float: none !important;
+ }
+ }
+ }
+
+ }
+
+ .md-button{
+ padding: 1em 2.3em !important;
+ margin-bottom: 1em;
+ }
+ }
+
+
+
+}
\ No newline at end of file
diff --git a/docs/stylesheets/responsive/mobile.scss b/docs/stylesheets/responsive/mobile.scss
new file mode 100644
index 0000000..9079ed1
--- /dev/null
+++ b/docs/stylesheets/responsive/mobile.scss
@@ -0,0 +1,24 @@
+@media (max-width: 479px) {
+ body{
+
+ .md-grid {
+ padding: 2rem;
+ }
+ .md-grid .md-content,
+ .md-footer-container,
+ .md-footer-custom-links{
+ padding: 1rem;
+ }
+
+ .md-typeset h1,
+ h1 {
+ font-size: 3rem;
+ }
+
+ .md-typeset h2,
+ h2 {
+ font-size: 2rem;
+ }
+
+ }
+}
\ No newline at end of file
diff --git a/mkdocs.yml b/mkdocs.yml
index 2b80af1..abc1c86 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -16,6 +16,7 @@ copyright: Copyright © 2025 satware AG
# Konfiguration
theme:
name: material
+ font: false
custom_dir: docs/overrides
language: de
@@ -47,6 +48,8 @@ theme:
- search.suggest
- toc.follow
+
+
#font:
# text: Roboto
#code: Roboto Mono
diff --git a/site/404.html b/site/404.html
index ee03552..306e761 100644
--- a/site/404.html
+++ b/site/404.html
@@ -11,4 +11,4 @@
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);
})();
-