Update styles and fix hover border behavior

Added a border-radius reset for `.md-top` and adjusted button hover styles to ensure consistent border color behavior. Minor font adjustments in the related HTML file were also included.

docs/index.md

@@ -11,7 +11,7 @@ hide:
 
 <div class="satag--home-hero entry">
 
-<h1>Willkommen zu<br /> <span class="satag-trademark">satware®</span> AI</h1>
+<h1>KI-Power<br /> für Ihr Business</h1>
 
 <div class="entry-text">
 <span class="satag-trademark">satware®</span> AI bietet zukunftsweisende KI-Lösungen, die Unternehmen dabei
@@ -37,7 +37,7 @@ Technologien sind darauf ausgerichtet, Ihren Geschäftserfolg durch moderne, KI-
 
 <div class="satag--home-companies">
 
-<h2>Trusted by the world's top organizations across industries</h2>
+<h2>Trusted by the world's top<br /> organizations across industries</h2>
 
 
 <div class="satag--home-companies-logo-container">

docs/overrides/main.html

@@ -22,6 +22,15 @@
         font-display: swap;
     }
 </style>
+<script>
+    // Füge die Klasse 'home' zum Body hinzu, wenn es sich um die Startseite handelt
+    document.addEventListener('DOMContentLoaded', function() {
+        const path = window.location.pathname;
+        if (path === '/' || path === '/index.html' || path === '') {
+            document.body.classList.add('home');
+        }
+    });
+</script>
 {% endblock %}
 
 {% block footer %}
@@ -29,19 +38,13 @@
 
 <div class="md-footer-container">
     <div class="satag--custom-footer-column left">
-
-
         <div class="satag--footer-text">
             satware AG<br>
             Friedrich-Ebert-Str. 34<br>
             67549 Worms
         </div>
-
-
     </div>
     <div class="satag--custom-footer-column right">
-
-
         <div class="satag--footer-text">
             <a href="tel:+496241987280" title="Rufen Sie uns jetzt an">06241 987280</a><br><a
                 href="mailto:info@satware.com"
@@ -63,11 +66,7 @@
                                                      title="Zum YouTube Kanal der satware AG"><i
                 class="fa-brands fa-youtube"></i></a>
         </div>
-
-
     </div>
-
-
 </div>
 <div class="md-footer-custom-links">
     <a href="https://satware.com/custom/index/sCustom/1" title="Kontakt">Kontakt</a>

docs/stylesheets/extra.scss

@@ -204,6 +204,9 @@ a.headerlink{
   color: #fff;
 }
 
+.md-top{
+  border-radius: 0;
+}
 // Buttons im CI-Design
 .md-button {
 
@@ -218,7 +221,7 @@ a.headerlink{
   @include transition;
 
   &:hover{
-    border-color: var(--md-primary-fg-color) !important;
+    border-color: #8a44bd !important;
     transform: translateY(8px);
     @include transition;
   }
@@ -282,7 +285,7 @@ a.headerlink{
 
     &:hover {
       background-color: var(--md-primary-fg-color--light);
-      border-color: var(--md-primary-fg-color--light);
+      border-color: var(--md-primary-fg-color--light) !important;
     }
   }
 }

docs/stylesheets/modules/home.scss

@@ -16,17 +16,18 @@
     padding-bottom: 1rem;
   }
 
+
     //@include ohne-balken;
 
     h1{
       font-size: 5rem;
       margin-bottom: 1.75rem;
       text-align: left;
-      line-height: 100%;
+      line-height: 114%;
       &:after{
         height: 12px;
         width: 85px;
-        margin-top: 1.5rem;
+        margin-top: 1‚rem;
         margin-bottom: -0.2rem;
       }
     }
@@ -64,19 +65,25 @@
 
     h2{
       padding-bottom: 1rem;
+      font-size: 2.5rem;
+      line-height: 3rem;
+      max-width: 61rem;
+      text-align: left;
+      margin: 0 auto;
     }
 
-    @include ohne-balken;
+    //@include ohne-balken;
 
     text-align: center;
     .satag--home-companies-logo-container{
       display: flex;
-      max-width: 75%;
+      max-width: 61rem;
       margin: 0 auto;
       .satag--home-companies-logo{
         flex: auto;
         img{
           width: 80%;
+          float:left;
         }
       }
     }
@@ -113,4 +120,17 @@
     }
   }
 
+}
+
+body{
+  &.home{
+    background-image: url(../assets/images/home/bg.jpg);
+    background-size: 50%;
+    background-repeat: no-repeat;
+    background-position: top;
+  }
+  .md-header, .md-tabs {
+    background-color: transparent;
+    box-shadow: none;
+  }
 }

site/overrides/main.html

@@ -22,6 +22,15 @@
         font-display: swap;
     }
 </style>
+<script>
+    // Füge die Klasse 'home' zum Body hinzu, wenn es sich um die Startseite handelt
+    document.addEventListener('DOMContentLoaded', function() {
+        const path = window.location.pathname;
+        if (path === '/' || path === '/index.html' || path === '') {
+            document.body.classList.add('home');
+        }
+    });
+</script>
 {% endblock %}
 
 {% block footer %}
@@ -29,19 +38,13 @@
 
 <div class="md-footer-container">
     <div class="satag--custom-footer-column left">
-
-
         <div class="satag--footer-text">
             satware AG<br>
             Friedrich-Ebert-Str. 34<br>
             67549 Worms
         </div>
-
-
     </div>
     <div class="satag--custom-footer-column right">
-
-
         <div class="satag--footer-text">
             <a href="tel:+496241987280" title="Rufen Sie uns jetzt an">06241 987280</a><br><a
                 href="mailto:info@satware.com"
@@ -63,11 +66,7 @@
                                                      title="Zum YouTube Kanal der satware AG"><i
                 class="fa-brands fa-youtube"></i></a>
         </div>
-
-
     </div>
-
-
 </div>
 <div class="md-footer-custom-links">
     <a href="https://satware.com/custom/index/sCustom/1" title="Kontakt">Kontakt</a>

site/stylesheets/extra.scss

@@ -204,6 +204,9 @@ a.headerlink{
   color: #fff;
 }
 
+.md-top{
+  border-radius: 0;
+}
 // Buttons im CI-Design
 .md-button {
 
@@ -218,7 +221,7 @@ a.headerlink{
   @include transition;
 
   &:hover{
-    border-color: var(--md-primary-fg-color) !important;
+    border-color: #8a44bd !important;
     transform: translateY(8px);
     @include transition;
   }
@@ -282,7 +285,7 @@ a.headerlink{
 
     &:hover {
       background-color: var(--md-primary-fg-color--light);
-      border-color: var(--md-primary-fg-color--light);
+      border-color: var(--md-primary-fg-color--light) !important;
     }
   }
 }