small bugfixes

gfi-ihk-2024/stories/_global/styles/main.scss

@@ -17,7 +17,7 @@
   --theme-color-secondary-dimmed: #E4F1E4;
 
   --theme-color-gradient-01: var(--theme-color-primary);
-  --theme-color-gradient-02: #3C8F85;
+  --theme-color-gradient-02: #4BA490;
   --theme-color-gradient-03: #AFCC7A;
 
   --theme-color-link: var(--theme-color-primary);

gfi-ihk-2024/stories/components/document-list/document-list.scss

@@ -64,7 +64,7 @@
     }
 
     &.chart:before {
-      background: linear-gradient(130deg, var(--theme-color-gradient-01) 10%, var(--theme-color-gradient-02) 90%, var(--theme-color-gradient-03) 160%);
+      background: linear-gradient(130deg, var(--theme-color-gradient-01) 46%, var(--theme-color-gradient-02) 123%, var(--theme-color-gradient-03) 255%);
     }
 
     img {

gfi-ihk-2024/stories/components/nav/nav.scss

@@ -277,6 +277,12 @@
         top: 50%;
         margin-top: calc(var(--icon-size) / -2);
         text-align: center;
+        @media(max-width: 999px) {
+          top: calc(50% - 3px);
+        }
+        @media(max-width: 767px) {
+          top: calc(50% - 6px);
+        }
       }
 
       @media(max-width: 359px), (max-width: 767px) and (orientation: landscape) {

gfi-ihk-2024/stories/components/teaser/TeaserComponent.js

@@ -17,13 +17,7 @@ export const createTeaser = ({
   pictoText = false,
   linkType = null,
 }) => {
-  const teaser = createElement('a', ['teaser', type]);
-  teaser.href = link;
-
-  if (linkType) {
-    teaser.classList.add(linkType);
-  }
-
+  const teaser = createElement('div', ['teaser', type]);
   if (kicker && kicker.length > 0) {
     createElement('span', ['kicker'], kicker, teaser);
   }
@@ -88,5 +82,13 @@ export const createTeaser = ({
     teaser.dataset.imageSize = imageSize;
   }
 
+  const teaserLink = createElement('a', ['teaser--link', type], '', teaser);
+  teaserLink.href = link;
+  teaserLink.setAttribute('aria-label', 'Beschreibender Link-Text');
+
+  if (linkType) {
+    teaserLink.classList.add(linkType);
+  }
+
   return teaser;
 };

gfi-ihk-2024/stories/components/teaser/teaser.scss

@@ -32,6 +32,15 @@
     margin-bottom: 0;
   }
 
+  .teaser--link {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 10;
+  }
+
   .image-box {
     position: relative;
     display: block;
@@ -68,7 +77,7 @@
       display: flex;
       align-items: center;
       justify-content: center;
-      background: linear-gradient(130deg, var(--theme-color-gradient-01) 10%, var(--theme-color-gradient-02) 90%, var(--theme-color-gradient-03) 160%);
+      background: linear-gradient(130deg, var(--theme-color-gradient-01) 46%, var(--theme-color-gradient-02) 123%, var(--theme-color-gradient-03) 255%);
     }
   }
 

gfi-ihk-2024/stories/sections/teasers/teasers.scss

@@ -441,7 +441,7 @@
       display: flex;
       align-items: center;
       justify-content: center;
-      background: linear-gradient(130deg, var(--theme-color-gradient-01) 10%, var(--theme-color-gradient-02) 90%, var(--theme-color-gradient-03) 160%);
+      background: linear-gradient(130deg, var(--theme-color-gradient-01) 46%, var(--theme-color-gradient-02) 123%, var(--theme-color-gradient-03) 255%);
     }
 
     &:before {