---
title: Four vertical content cards
url: "https://www.erschmatt.ch/bibliothek-1/card-elements/four-vertical-content-cards/"
date: 2018-04-19
modified: 2023-05-15
lastUpdated: 2023-05-15
---

# Four vertical content cards

1. [Home](https://www.erschmatt.ch/)
2. [Bibliothek](https://www.erschmatt.ch/bibliothek-1/)
3. [Card Elements](https://www.erschmatt.ch/bibliothek-1/card-elements/)
4. Four vertical content cards

  Four Vertical Content Cards
===========================

Vier vertikale Karten, jeweils mit einem Link und Text unter dem Bild

Item-ID: 04-012

[Beispielansicht](#c1457) [Anleitung](#c1455) [Verhalten](#c1454)

 Oops, an error occurred! Request: 838963933f8da Event: a6211232c49147f4916017e98dd0d7bc ---

  Beispielansicht
-----------------

  [  ![](https://www.erschmatt.ch/fileadmin/_processed_/7/3/csm_Schieder-Schwalenberg_-_2015-08-09_-_Kirche_Wo__bbel__15__01_b5221a5a01.jpg) ### Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

 more

 ](https://www.erschmatt.ch/bibliothek-1/card-elements/four-vertical-content-cards/)

 [  ![](https://www.erschmatt.ch/fileadmin/_processed_/8/8/csm_Schieder_Schieder-Schwalenberg_f26530f49e.jpg) ### Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

 more

 ](https://www.erschmatt.ch/bibliothek-1/card-elements/four-vertical-content-cards/)

 [  ![](https://www.erschmatt.ch/fileadmin/_processed_/7/6/csm_Schieder-Schwalenberg_-_107_-_Kahlenbergturm__10__fb2282fa78.jpg) ### Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

 more

 ](https://www.erschmatt.ch/bibliothek-1/card-elements/four-vertical-content-cards/)

 [  ![](https://www.erschmatt.ch/fileadmin/_processed_/0/3/csm_demo_06_226bf436a5.jpg) ### Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

 more

 ](https://www.erschmatt.ch/bibliothek-1/card-elements/four-vertical-content-cards/)

---

  Anleitung
-----------

 Oops, an error occurred! Request: 838963933f8da Event: 674d1dc6e49946c59cc4e0a105ede113 ---

  Verhalten
-----------

 **Die *vier vertikalen Karten mit Inhalt* sind einzelne Schaltflächen mit beschreibendem Inhalt. Sie bestehen aus je einem Bild mit einem festen Seitenverhältnis (Template-abhängig), Beschreibungstext und einer Link-Beschriftung. Der dazugehörige Link macht das gesamte Element zu einer Schaltfläche und ist Grundvoraussetzung, um den Button anzuzeigen.**

**Besonderheiten:**

- Wird kein Bild hochgeladen, können die Cards auch als Schaltflächen mit Textinhalt verwendet werden.
- Wird kein Link hinterlegt, können die Cards auch als reines Inhaltselement verwendet werden. Es wird kein Button angezeigt.

**Responsive:** Auf kleiner werdenden Endgeräten werden die Karten in zwei Zeilen - je nach Größe auch mit Bild links neben dem Inhalt - dargestellt. Auf kleinen Darstellungsflächen werden alle Schaltflächen untereinander angezeigt.