Add home module and transition mixin to stylesheets

Included a new `@import 'modules/home';` and added a re-usable `@mixin transition` for smoother animations. Updated button styling with padding, hover effects, and transitions to enhance UI. Adjusted max-width in `.team__inner` for better layout consistency.

docs/stylesheets/extra.scss

@@ -11,6 +11,11 @@
 // Module importieren
 @import 'modules/team';
 @import 'modules/footer';
+@import 'modules/home';
+
+@mixin transition{
+  transition: all 0.5s ease;
+}
 
 // satware.ai CI-Anpassungen
 
@@ -206,6 +211,19 @@ a.headerlink{
   color: #fff !important;
   border-color: var(--md-primary-fg-color) !important;
 
+  padding: 1.7em 2.9em !important;
+  letter-spacing: 0.2rem !important;
+  font-weight: 400 !important;
+
+  @include transition;
+
+  &:hover{
+    border-color: var(--md-primary-fg-color) !important;
+    transform: translateY(8px);
+    @include transition;
+  }
+
+
   &.md-button--primary {
     background-color: var(--md-primary-fg-color);
     border-color: var(--md-primary-fg-color);
@@ -299,5 +317,6 @@ a.headerlink{
 
   &__inner {
     padding: 0.5rem;
+    max-width: 98%;
   }
 }

docs/stylesheets/modules/home.scss

@@ -0,0 +1,116 @@
+.satag--home-landing{
+
+  @mixin ohne-balken{
+    h1,h2,h3,h4,h5,h6{
+      &:after{
+        display: none;
+      }
+    }
+  }
+
+  .satag--home-hero{
+
+  .entry-text{
+    font-size: 1.2rem;
+    line-height: 2rem;
+    padding-bottom: 1rem;
+  }
+
+    //@include ohne-balken;
+
+    h1{
+      font-size: 5rem;
+      margin-bottom: 1.75rem;
+      text-align: left;
+      line-height: 100%;
+      &:after{
+        height: 12px;
+        width: 85px;
+        margin-top: 1.5rem;
+        margin-bottom: -0.2rem;
+      }
+    }
+
+    .hero-buttons{
+      text-align: left;
+      padding-bottom: 3rem;
+
+    }
+
+    //text-align: center;
+
+    .screenshot-container{
+      padding: 2rem 0;
+      text-align: center;
+    }
+
+    img{
+      border: 1px solid var(--md-primary-fg-color--light);
+      width: 100%;
+    }
+
+  }
+
+  .satag--home-companies{
+
+    width: 100vw;
+    position: relative;
+    left: 50%;
+    right: 50%;
+    margin-left: -50vw;
+    margin-right: -50vw;
+    padding: 2rem 0 4rem 0;
+    background-color: var(--md-primary-fg-color);
+
+    h2{
+      padding-bottom: 1rem;
+    }
+
+    @include ohne-balken;
+
+    text-align: center;
+    .satag--home-companies-logo-container{
+      display: flex;
+      max-width: 75%;
+      margin: 0 auto;
+      .satag--home-companies-logo{
+        flex: auto;
+        img{
+          width: 80%;
+        }
+      }
+    }
+  }
+
+  .satag--home-counters{
+
+    width: 100%;
+    padding: 2rem 0 4rem 0;
+
+    h2{
+      padding-bottom: 1rem;
+    }
+
+    @include ohne-balken;
+
+    text-align: center;
+    .satag--home-counters-container{
+      display: flex;
+      .satag--home-counter{
+        flex: auto;
+        display: block;
+        .satag--home-counter-icon{
+          display: block;
+          font-size: 2rem;
+          color: var(--md-primary-fg-color--light);
+        }
+        .satag--home-counter-number{
+          display: block;
+          font-weight: 700;
+          font-size: 3rem;
+        }
+      }
+    }
+  }
+
+}