From c405a1e7e3c8a56bb44af4c627db388fa76873e4 Mon Sep 17 00:00:00 2001
From: FlorianEisenmenger <f.eisenmenger@spawntree.de>
Date: Mon, 29 Jun 2026 14:40:38 +0200
Subject: [PATCH] fixes

---
 gfi-ihk-2024/stories/_global/styles/pictograms-mapper.scss  | 2 +-
 .../atoms/input-checkbox-radio/input-checkbox-radio.scss    | 1 +
 gfi-ihk-2024/stories/components/gallery/gallery.js          | 2 +-
 gfi-ihk-2024/stories/components/gallery/gallery.scss        | 2 ++
 gfi-ihk-2024/stories/components/login/LoginComponent.js     | 6 ++++--
 gfi-ihk-2024/stories/components/login/login.scss            | 5 ++++-
 .../stories/components/logo-wall/LogoWall.stories.js        | 2 +-
 gfi-ihk-2024/stories/components/mini-teaser/miniteaser.scss | 4 ++--
 8 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/gfi-ihk-2024/stories/_global/styles/pictograms-mapper.scss b/gfi-ihk-2024/stories/_global/styles/pictograms-mapper.scss
index de084dd..7411a6e 100644
--- a/gfi-ihk-2024/stories/_global/styles/pictograms-mapper.scss
+++ b/gfi-ihk-2024/stories/_global/styles/pictograms-mapper.scss
@@ -1,4 +1,4 @@
-@import 'mixins';
+@use 'mixins' as *;
 
 .pictogram-topic-aeskulapstab:before { @include pictogram-aeskulapstab; }
 .pictogram-topic-anker:before { @include pictogram-anker; }
diff --git a/gfi-ihk-2024/stories/atoms/input-checkbox-radio/input-checkbox-radio.scss b/gfi-ihk-2024/stories/atoms/input-checkbox-radio/input-checkbox-radio.scss
index 6798b23..4b3e7e4 100644
--- a/gfi-ihk-2024/stories/atoms/input-checkbox-radio/input-checkbox-radio.scss
+++ b/gfi-ihk-2024/stories/atoms/input-checkbox-radio/input-checkbox-radio.scss
@@ -11,6 +11,7 @@ input[type="checkbox"], input[type="radio"] {
   position: relative;
   display: inline-block;
   vertical-align: top;
+  flex-shrink: 0;
   appearance: none;
   -webkit-appearance: none;
   background-color: var(--swatches-neutrals-white);
diff --git a/gfi-ihk-2024/stories/components/gallery/gallery.js b/gfi-ihk-2024/stories/components/gallery/gallery.js
index d80820f..009c01c 100644
--- a/gfi-ihk-2024/stories/components/gallery/gallery.js
+++ b/gfi-ihk-2024/stories/components/gallery/gallery.js
@@ -132,7 +132,7 @@ class IHKGallery {
 
   initLoading() {
     const imagesPerPage = this.section.data('per-page');
-    const buttonWrapper = $('<div class="button-wrapper" />').appendTo(this.section);
+    const buttonWrapper = $('<div class="button-wrapper variant-base" />').appendTo(this.section);
     const buttonText = window.ihk.translations.loadMoreImages;
     if (this.items.length > imagesPerPage) {
       this.moreButton = $('<button href="#" class="btn primary-light btn-regular icon-right icon-laden" />').text(buttonText).appendTo(buttonWrapper);
diff --git a/gfi-ihk-2024/stories/components/gallery/gallery.scss b/gfi-ihk-2024/stories/components/gallery/gallery.scss
index 407a03b..eea1506 100644
--- a/gfi-ihk-2024/stories/components/gallery/gallery.scss
+++ b/gfi-ihk-2024/stories/components/gallery/gallery.scss
@@ -258,6 +258,8 @@
 
     .btn {
       margin: 40px 0 0;
+      background-color: var(--color-button-tertiary-background);
+      color: var(--color-button-tertiary-text);
 
       @media(max-width: 767px) {
         margin-top: 24px;
diff --git a/gfi-ihk-2024/stories/components/login/LoginComponent.js b/gfi-ihk-2024/stories/components/login/LoginComponent.js
index b83e88b..e6bf3d8 100644
--- a/gfi-ihk-2024/stories/components/login/LoginComponent.js
+++ b/gfi-ihk-2024/stories/components/login/LoginComponent.js
@@ -63,13 +63,15 @@ export const createLoginForm = ({
   */
 
   const buttonWrapper = createElement('div', ['btn-wrapper'], null, form);
-  buttonWrapper.appendChild(createButton({
+  const submitBtn = createButton({
     elementType: 'button',
     iconPosition: 'icon-right',
     label: 'Einloggen',
     icon: 'login',
     color: 'secondary',
-  }))
+  });
+  submitBtn.classList.add('submit');
+  buttonWrapper.appendChild(submitBtn);
 
   return form;
 }
\ No newline at end of file
diff --git a/gfi-ihk-2024/stories/components/login/login.scss b/gfi-ihk-2024/stories/components/login/login.scss
index 4cf97c7..06b7949 100644
--- a/gfi-ihk-2024/stories/components/login/login.scss
+++ b/gfi-ihk-2024/stories/components/login/login.scss
@@ -36,6 +36,9 @@
         max-width: 100%;
         flex: 1 1 100%;
         margin-top: 0.3em;
+        display: flex;
+        align-items: flex-start;
+        gap: 0.5em;
       }
     }
   }
@@ -65,7 +68,7 @@
     }
 
     &:before {
-      @include icon-login;
+      @include icon-login-flyout;
       font-size: 30px;
       line-height: 1;
     }
diff --git a/gfi-ihk-2024/stories/components/logo-wall/LogoWall.stories.js b/gfi-ihk-2024/stories/components/logo-wall/LogoWall.stories.js
index 05cd5d1..8dee874 100644
--- a/gfi-ihk-2024/stories/components/logo-wall/LogoWall.stories.js
+++ b/gfi-ihk-2024/stories/components/logo-wall/LogoWall.stories.js
@@ -11,7 +11,7 @@ const Template = ({...args}) => {
 
 export const LogoWall = Template.bind({});
 LogoWall.args = {
-  kicker: 'WIRTSCHAFT VERBINDEN. ZUKUNFT GESTALTEN.',
+  kicker: 'Wirtschaft verbiinden. Zukunft gestalten.',
   headline: 'Starke Partner für eine starke Region',
   copy: 'Von Global Playern bis zu Hidden Champions - unsere Region steht für wirtschaftliche Vielfalt und Innovation. Als Ihre IHK vernetzen wir Unternehmen, fördern Kompetenzen und setzen uns für optimale Rahmenbedingungen ein.',
   logos: [
diff --git a/gfi-ihk-2024/stories/components/mini-teaser/miniteaser.scss b/gfi-ihk-2024/stories/components/mini-teaser/miniteaser.scss
index fc15c29..1689672 100644
--- a/gfi-ihk-2024/stories/components/mini-teaser/miniteaser.scss
+++ b/gfi-ihk-2024/stories/components/mini-teaser/miniteaser.scss
@@ -95,7 +95,7 @@
         padding-left: 0;
         min-height: 0;
         + .btn{
-          margin-left: 0;
+          margin-left: auto;
         }
       }
     }
@@ -108,7 +108,7 @@
     .btn{
       background-color: transparent;
       border: 1px solid var(--color-button-primary-background);
-      margin-left: 0;
+      margin-left: auto;
       align-self: flex-end;
       display: inline-block;
       padding:8px 10px;