---
title: Two vertical content cards
url: "https://www.erschmatt.ch/bibliothek-1/card-elements/two-vertical-content-cards/"
date: 2018-02-07
modified: 2023-05-15
---

# Two 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. Two vertical content cards

  Two Vertical Content Cards
==========================

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

Item-ID: 04-010

[Beispielansicht](#c492) [Anleitung](#c487) [Verhalten](#c485)

 Oops, an error occurred! Request: ec52903ffb9de Event: 0a45c434f8444bf291a906a827c721b4 ---

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

  [  ![](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/two-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/two-vertical-content-cards/)

---

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

 Oops, an error occurred! Request: ec52903ffb9de Event: 29d362c722dd4c5183746d64f20b89ea ---

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

 **Die *zwei 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:** Zur Lesbarkeit auf kleiner werdenden Endgeräten werden die Bilder links neben dem Inhalt dargestellt, um Bild und Text gleichzeitig darstellen zu können. In der kleinsten Ansicht reihen sich die zwei Cards von oben nach unten.

 ---

 ---

       ---

---

  [### Imagecard mit Link und Text

Eine Imagecard, mit einem Link und Text unter dem Bild.

 Mehr

 ](https://www.erschmatt.ch/bibliothek-1/map-elements/map-with-contact-information-right-square/)

 [### Drei Imagecards mit Link und Text

Drei Imagecards, jeweils mit einem Link und Text unter dem Bild.

 Mehr

 ](https://www.erschmatt.ch/bibliothek-1/media-elements/)

 [### Imagecard mit Link und Text neben dem Bild

Eine Imagecard, mit einem Link und Text neben dem Bild.

 Mehr

 ](https://www.erschmatt.ch/bibliothek-1/media-elements/slider-element/)

  Folgende Themen könnten Sie auch interessieren
------------------------------------------------