From 0c8dcc53635c60346af7958a90aca69620a916a7 Mon Sep 17 00:00:00 2001
From: Ute Mayer-Dohmen <ute.mayer-dohmen@innoq.com>
Date: Tue, 20 Feb 2024 16:10:45 +0100
Subject: [PATCH] Twaek customer logo sizes

---
 .../customer_logo/_customer_logo.scss         | 30 ++++++++++++++-----
 lib/views/home/home.md                        |  8 ++---
 2 files changed, 27 insertions(+), 11 deletions(-)

diff --git a/lib/components/customer_logo/_customer_logo.scss b/lib/components/customer_logo/_customer_logo.scss
index c1421f3..7bb1154 100644
--- a/lib/components/customer_logo/_customer_logo.scss
+++ b/lib/components/customer_logo/_customer_logo.scss
@@ -1,5 +1,5 @@
 .custommer-logo-grid {
-  @include for-tablet-landscape-up {
+  @include for-tablet-portrait-up {
     row-gap: $spacer-xl;
     column-gap: $spacer-2xl;
   }
@@ -14,15 +14,11 @@
 }
 
 .customer-logo {
-  @include for-tablet-landscape-up {
-    width: 10rem;
-  }
-
   display: block;
-  width: 6rem;
 }
 
-.customer-logo--large {
+.customer-logo--provinzial,
+.customer-logo--businessdecision {
   @include for-tablet-landscape-up {
     width: 16rem;
   }
@@ -30,14 +26,34 @@
   width: 12rem;
 }
 
+.customer-logo--ituc {
+  @include for-tablet-landscape-up {
+    width: 9rem;
+  }
+
+  width: 7rem;
+}
+
+.customer-logo--idealo {
+  @include for-tablet-landscape-up {
+    width: 10rem;
+  }
+
+  width: 8rem;
+}
+
 .customer-logo--tracetronic {
   @include for-tablet-landscape-up {
     width: 8rem;
   }
+
+  width: 6rem;
 }
 
 .customer-logo--zuehlke {
   @include for-tablet-landscape-up {
     width: 7rem;
   }
+
+  width: 5rem;
 }
diff --git a/lib/views/home/home.md b/lib/views/home/home.md
index 002941d..43b4174 100644
--- a/lib/views/home/home.md
+++ b/lib/views/home/home.md
@@ -169,10 +169,10 @@ description: Homepage
         <section class="container container--xl container-vertical-spacing-2xl container--centered">
             <h2 class="section__title--normal">Unsere Kunden</h2>
             <div class="custommer-logo-grid">
-                <a href="#" class="customer-logo customer-logo--large"><img src="/snippet/images/logos/business&decision.svg" alt="Firmenlogo business&decision"></a>
-                <a href="#" class="customer-logo customer-logo--large"><img src="/snippet/images/logos/provinzial.svg" alt="Firmenlogo Provinzial"></a>
-                <a href="#" class="customer-logo"><img src="/snippet/images/logos/ITUC.svg" alt="Firmenlogo ITUC"></a>
-                <a href="#" class="customer-logo"><img src="/snippet/images/logos/idealo.svg" alt="Firmenlogo idealo"></a>
+                <a href="#" class="customer-logo customer-logo--businessdecision"><img src="/snippet/images/logos/business&decision.svg" alt="Firmenlogo business&decision"></a>
+                <a href="#" class="customer-logo customer-logo--provinzial"><img src="/snippet/images/logos/provinzial.svg" alt="Firmenlogo Provinzial"></a>
+                <a href="#" class="customer-logo--ituc"><img src="/snippet/images/logos/ITUC.svg" alt="Firmenlogo ITUC"></a>
+                <a href="#" class="customer-logo--idealo"><img src="/snippet/images/logos/idealo.svg" alt="Firmenlogo idealo"></a>
                 <a href="#" class="customer-logo customer-logo--tracetronic"><img src="/snippet/images/logos/tracetronic.svg" alt="Firmenlogo tracetronic"></a>
                 <a href="#" class="customer-logo customer-logo--zuehlke"><img src="/snippet/images/logos/zuehlke.svg" alt="Firmenlogo Zuehlke"></a>
             </div>