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

# One vertical content card

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. One vertical content card

  One Vertical Content Card
=========================

Eine vertikale Karte mit Inhalt, mit einem Link und Text unter dem Bild

Item-ID: 04-009

[Beispielansicht](#c480) [Anleitung](#c475) [Verhalten](#c473)

 Oops, an error occurred! Request: 10a6e9d2f23a1 Event: 3b282c178a6844c997b77c90f8297159 ---

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

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

---

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

 Oops, an error occurred! Request: 10a6e9d2f23a1 Event: 17ef42b0a05c4ca9af268a41149b8659 ---

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

 **Eine *vertikale Karte mit Inhalt* ist eine einzelne Schaltfläche mit beschreibendem Inhalt. Sie besteht aus 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:**

- Eher selten als einzelnes Element genutzt, bietet sich die *vertikale Karte mit Inhalt* an, um in kombinierten Elementen Schaltflächen und Optionen neben anderen Inhalten darzustellen.
- Wird kein Bild hochgeladen, können die Cards auch als Schaltfläche 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 wird die Karte mit Bild links neben dem Inhalt dargestellt.

 ---

 ---

       ---

---

  [### Vier Imagecards (1:1)

Vier Imagecards (1:1), jeweils mit einem Link.

 Mehr

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

 [### 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/)

 [### Zwei Imagecards mit Link und Text

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

 Mehr

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

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