# Zwei Spalten (auf Handys getauscht)

Der ThemeWare® CMS-Block "**Zwei Spalten (auf Handys getauscht)**" (50% | 50%) ist ein universeller CMS-Block. In diesen kannst du diverse CMS-Elemente platzieren.

<figure><img src="https://2276716575-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHZ42X804kUeKKTtIEUr2%2Fuploads%2FbwYNfgOgPqgJMINybCe8%2Fimage.png?alt=media&#x26;token=b73f6fc5-6686-4248-9afd-f60338d1e855" alt=""><figcaption><p>ThemeWare® CMS-Block "Zwei Spalten (auf Handys getauscht)" [Pro]</p></figcaption></figure>

Der CMS-Block "Zwei Spalten (auf Handys getauscht)" ist eine Variante vom CMS-Block "Zwei Spalten" (siehe [zwei-spalten](https://doku.themeware.design/zusatzfunktionen/cms-erweiterungen/cms-bloecke/spalten/zwei-spalten "mention")). Hier unterscheidet sich lediglich die Anordnung der beiden Spalten in mobilen Viewports. In dieser Variante wird die zweite Spalte oberhalb der ersten Spalte angeordnet und nicht darunter.

## Beispiel

<figure><img src="https://2276716575-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHZ42X804kUeKKTtIEUr2%2Fuploads%2FeKar9OXklVtQvn5yRL6L%2Fcms-block--grid-two-column-swapped.png?alt=media&#x26;token=9341e9de-3d05-43b8-9e2e-dc52d54d1323" alt=""><figcaption><p>ThemeWare® CMS-Block "Zwei Spalten (auf Handys getauscht)"</p></figcaption></figure>

<figure><img src="https://2276716575-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHZ42X804kUeKKTtIEUr2%2Fuploads%2FZRQJtxl6dEJzHozu9CU0%2Fimage.png?alt=media&#x26;token=00887f30-7cac-423d-9e9b-c429ee003230" alt=""><figcaption><p>Links: "Zwei Spalten" | Rechts: "Zwei Spalten (auf Handys getauscht)"</p></figcaption></figure>

{% hint style="success" %}
**Tipp**: Die Spaltenabstände kannst du mit den ThemeWare® CSS-Abstandsklassen (siehe [Spaltenabstände in CMS-Blöcken anpassen](https://wiki.themeware.design/wissensdatenbank/anleitungen/erlebniswelten/spaltenabstaende-in-cms-bloecken-anpassen)) modifizieren.
{% endhint %}

***

## Demo

Anwendungsbeispiele findest du in den ThemeWare® Demoshops:

{% embed url="<https://demo.themeware.design/modern/Features/ThemeWare-CMS-Bloecke/Spalten-Bloecke/>" %}
ThemeWare® Demoshop => Spalten-Blöcke
{% endembed %}