From 7dc69e8d436ca640df5b1a826cce7f45559d19c5 Mon Sep 17 00:00:00 2001
From: Matthias Leuffen <matthes@leuffen.de>
Date: Wed, 11 Oct 2023 15:05:07 +0200
Subject: [PATCH] update

---
 sections/sec-card-2col/sec-card-2col.scss | 6 ++++++
 sections/sec-card-2col/sec-card-2col.ts   | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/sections/sec-card-2col/sec-card-2col.scss b/sections/sec-card-2col/sec-card-2col.scss
index 617135a..4eb3da8 100755
--- a/sections/sec-card-2col/sec-card-2col.scss
+++ b/sections/sec-card-2col/sec-card-2col.scss
@@ -25,6 +25,12 @@
     }
 
 
+    &.mobile.text-first {
+        .row > .tjs__sec-card-2col--col-start {
+        order: 1;
+        }
+    }
+
     .row > .tjs__sec-card-2col--col-start {
         order: 99;
     }
diff --git a/sections/sec-card-2col/sec-card-2col.ts b/sections/sec-card-2col/sec-card-2col.ts
index 80088b9..db2c5b5 100755
--- a/sections/sec-card-2col/sec-card-2col.ts
+++ b/sections/sec-card-2col/sec-card-2col.ts
@@ -8,7 +8,7 @@ Joda.registerTemplate(
     // language=HTML
     `
 
-        <section class="tjs__sec-card-2col :: mobile :lg: desktop">
+        <section class="tjs__sec-card-2col [[layout.class]] :: mobile :lg: desktop">
             <div class="tjs__sec-card-2col--container [[layout.container]]">
                 <div class="row [[layout.order === 'reverse' ? 'flex-row-reverse': '']] [[layout.mobile_reverse === 'yes' ? ':: flex-row-reverse :lg:': '']]">
                     <div class="tjs__sec-card-2col--col-start tjs__section-text p-4 p-lg-5 :: col-12 :lg: col-[[layout.cols]]">