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.
This commit is contained in:
File diff suppressed because one or more lines are too long
+205
-25
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user