ttt

api/collections/fields/row.yml

@@ -51,6 +51,12 @@ subFields:
           label: Zeile normal umbrechen
           helperText: "Ist dies aktiviert, so wird die Zeile normal und nicht reverse umgebrochen."
 
+    - name: twoToThree
+      type: boolean
+      meta:
+          label: Zwei zu drei
+          helperText: "Ist dies aktiviert, so wird die Zeile in zwei zu drei Spalten aufgeteilt."
+
     - name: columns
       type: object[]
       meta:

frontend/src/lib/components/Pagebuilder/Pagebuilder.svelte

@@ -66,6 +66,7 @@
     {/if}
     <div
         class="row"
+        class:twoToThree="{row.twoToThree}"
         class:normalWrap="{row.flexWrapNormal}"
         class:dominant="{row.columns.some((col) => col.contentType == 'iconCycleCircle')}"
     >
@@ -171,6 +172,14 @@
         align-items: flex-start;
         flex-wrap: wrap;
         gap: 20px;
+        &.towToThree {
+            .col:nth-child(1) {
+                flex: 2;
+            }
+            .col:nth-child(2) {
+                flex: 3;
+            }
+        }
         &.dominant {
             @media (max-width: 1024px) {
                 flex-direction: row-reverse;