From a82515673d1b4777116d9bedac7c8003bb5344ec Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= <mathias.glaeser@beaufort.ch>
Date: Wed, 14 Oct 2026 13:46:02 +0200
Subject: [PATCH] Sync styleguide 2026.05.18.2

---
 docs/styleguide/patterns/options-row.html          | 2 +-
 docs/styleguide/styles/21-patterns-options-row.css | 5 +++++
 public/assets/styleguide.upstream.css              | 5 +++++
 public/assets/styleguide.upstream.meta.json        | 4 ++--
 public/assets/styles.css                           | 5 +++++
 5 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/docs/styleguide/patterns/options-row.html b/docs/styleguide/patterns/options-row.html
index b275985..01de23b 100644
--- a/docs/styleguide/patterns/options-row.html
+++ b/docs/styleguide/patterns/options-row.html
@@ -17,7 +17,7 @@
     </p>
 
     <p class="sg-table-label" style="color: var(--text-options-row-description);">
-      Mobile: Pulldowns stehen mit maximal zwei Elementen pro Zeile; ein Suchfeld steht immer allein in einer 100-%-Zeile.
+      Mobile: Pulldowns stehen mit maximal zwei Elementen pro Zeile; bei ungerader Anzahl steht der letzte Pulldown allein in einer 100-%-Zeile. Ein Suchfeld steht immer allein in einer 100-%-Zeile.
     </p>
 
     <div class="sg-options-row" aria-label="Optionszeile" data-pattern="options-row">
diff --git a/docs/styleguide/styles/21-patterns-options-row.css b/docs/styleguide/styles/21-patterns-options-row.css
index 4167ee3..e12f46e 100644
--- a/docs/styleguide/styles/21-patterns-options-row.css
+++ b/docs/styleguide/styles/21-patterns-options-row.css
@@ -105,6 +105,11 @@
     flex-basis: calc(50% - (var(--layout-options-row-group-gap) / 2));
   }
 
+  .sg-options-row:not(.sg-options-row--left-only) > .sg-options-row__left:has(> .sg-pulldown-demo:nth-last-child(2):nth-child(odd)) > .sg-pulldown-demo:nth-last-child(2),
+  .sg-options-row:not(.sg-options-row--left-only) > .sg-options-row__left:has(> .sg-pulldown-demo:last-child:nth-child(odd)) > .sg-pulldown-demo:last-child {
+    flex-basis: 100%;
+  }
+
   .sg-options-row--left-only .sg-options-row__left > .sg-pulldown-demo {
     flex-basis: 100%;
   }
diff --git a/public/assets/styleguide.upstream.css b/public/assets/styleguide.upstream.css
index 2a5b038..f8ed3eb 100644
--- a/public/assets/styleguide.upstream.css
+++ b/public/assets/styleguide.upstream.css
@@ -2639,6 +2639,11 @@ section + section {
     flex-basis: calc(50% - (var(--layout-options-row-group-gap) / 2));
   }
 
+  .sg-options-row:not(.sg-options-row--left-only) > .sg-options-row__left:has(> .sg-pulldown-demo:nth-last-child(2):nth-child(odd)) > .sg-pulldown-demo:nth-last-child(2),
+  .sg-options-row:not(.sg-options-row--left-only) > .sg-options-row__left:has(> .sg-pulldown-demo:last-child:nth-child(odd)) > .sg-pulldown-demo:last-child {
+    flex-basis: 100%;
+  }
+
   .sg-options-row--left-only .sg-options-row__left > .sg-pulldown-demo {
     flex-basis: 100%;
   }
diff --git a/public/assets/styleguide.upstream.meta.json b/public/assets/styleguide.upstream.meta.json
index f44c41f..c2245d8 100644
--- a/public/assets/styleguide.upstream.meta.json
+++ b/public/assets/styleguide.upstream.meta.json
@@ -1,7 +1,7 @@
 {
   "styleguideVersion": "2026.05.18.2",
-  "styleguideCommit": "8021af7",
-  "syncedAtUtc": "2026-10-14T11:33:42Z",
+  "styleguideCommit": "08fc673",
+  "syncedAtUtc": "2026-10-14T11:46:02Z",
   "sourceRepo": "/Users/mathias/Documents/Dokumente Chouchou/Codebases/Styleguide",
   "mirroredDocsPath": "docs/styleguide"
 }
diff --git a/public/assets/styles.css b/public/assets/styles.css
index 2a5b038..f8ed3eb 100644
--- a/public/assets/styles.css
+++ b/public/assets/styles.css
@@ -2639,6 +2639,11 @@ section + section {
     flex-basis: calc(50% - (var(--layout-options-row-group-gap) / 2));
   }
 
+  .sg-options-row:not(.sg-options-row--left-only) > .sg-options-row__left:has(> .sg-pulldown-demo:nth-last-child(2):nth-child(odd)) > .sg-pulldown-demo:nth-last-child(2),
+  .sg-options-row:not(.sg-options-row--left-only) > .sg-options-row__left:has(> .sg-pulldown-demo:last-child:nth-child(odd)) > .sg-pulldown-demo:last-child {
+    flex-basis: 100%;
+  }
+
   .sg-options-row--left-only .sg-options-row__left > .sg-pulldown-demo {
     flex-basis: 100%;
   }