---
title: Verlinkungen
url: "https://bdcore.preview.bruns.dev/styleguide-dokumentation/medien/verlinkungen"
image: "https://bdcore.preview.bruns.dev/typo3temp/assets/_processed_/b/e/csm_SocialMediaPreview_51f1606568.png"
date: 2018-12-03
modified: 2025-02-04
keywords:
  - Content elements
locale: de_DE.utf8,de-DE
---

# Verlinkungen

Verlinkungen von Medien
=========================

Medien können unterschiedlich verlinkt sein und zu internen wie externen **Seiten** führen, mit Dateien verknüpft oder **[Videos](//bdcore.preview.bruns.dev/styleguide-dokumentation/medien/video-audio)** in einer **[Lightbox](//bdcore.preview.bruns.dev/styleguide-dokumentation/medien/lightbox)** öffnen.

---

 Bilder auf "Klick" vergrößern
-------------------------------

  <a aria-label="Klicken, um Bild vergrößert zu sehen" class="lightbox" data-caption="Beispiel einer Platzhaltergrafik für Demo- und Testzwecke." data-fancybox="55" data-src="/styleguide/Images/placeholder-16x9-600.png" data-srcset="/styleguide/Images/placeholder-16x9-600.png 3840w, /styleguide/Images/placeholder-16x9-600.png 2880w, /styleguide/Images/placeholder-16x9-600.png 1440w, /styleguide/Images/placeholder-16x9-600.png 720w" role="button" tabindex="0">         ![Bilder müssen Textalternativen haben, die die Informationen oder Funktionen des Bildes beschreiben. Diese Feld sollte nur für rein dekorative Bilder leer sein.Bilder sollten Textalternativen haben, die die Informationen oder Funktionen des Bildes beschreiben. Diese Feld sollte nur für rein dekorative Bilder leer sein.](//bdcore.preview.bruns.dev/fileadmin/_processed_/f/9/csm_placeholder-16x9-600_1f0aa4d4ae.png)   </a>  Beispiel einer Platzhaltergrafik für Demo- und Testzwecke.  © BRUNS\_digital

  <a aria-label="Klicken, um Bild vergrößert zu sehen" class="lightbox" data-caption="Beispiel einer Platzhaltergrafik für Demo- und Testzwecke." data-fancybox="55" data-src="/styleguide/Images/placeholder-16x9-600.png" data-srcset="/styleguide/Images/placeholder-16x9-600.png 3840w, /styleguide/Images/placeholder-16x9-600.png 2880w, /styleguide/Images/placeholder-16x9-600.png 1440w, /styleguide/Images/placeholder-16x9-600.png 720w" role="button" tabindex="0">         ![Bilder müssen Textalternativen haben, die die Informationen oder Funktionen des Bildes beschreiben. Diese Feld sollte nur für rein dekorative Bilder leer sein.Bilder sollten Textalternativen haben, die die Informationen oder Funktionen des Bildes beschreiben. Diese Feld sollte nur für rein dekorative Bilder leer sein.](//bdcore.preview.bruns.dev/fileadmin/_processed_/f/9/csm_placeholder-16x9-600_1f0aa4d4ae.png)   </a>  Beispiel einer Platzhaltergrafik für Demo- und Testzwecke.  © BRUNS\_digital

  <a aria-label="Klicken, um Bild vergrößert zu sehen" class="lightbox" data-caption="Beispiel einer Platzhaltergrafik für Demo- und Testzwecke." data-fancybox="55" data-src="/styleguide/Images/placeholder-16x9-600.png" data-srcset="/styleguide/Images/placeholder-16x9-600.png 3840w, /styleguide/Images/placeholder-16x9-600.png 2880w, /styleguide/Images/placeholder-16x9-600.png 1440w, /styleguide/Images/placeholder-16x9-600.png 720w" role="button" tabindex="0">         ![Bilder müssen Textalternativen haben, die die Informationen oder Funktionen des Bildes beschreiben. Diese Feld sollte nur für rein dekorative Bilder leer sein.Bilder sollten Textalternativen haben, die die Informationen oder Funktionen des Bildes beschreiben. Diese Feld sollte nur für rein dekorative Bilder leer sein.](//bdcore.preview.bruns.dev/fileadmin/_processed_/f/9/csm_placeholder-16x9-600_1f0aa4d4ae.png)   </a>  Beispiel einer Platzhaltergrafik für Demo- und Testzwecke.  © BRUNS\_digital

Die Option **Bei Klick vergrößern** im Reiter Medien des Inhaltselements, erlaubt den Besucher per Klick die Bilder in voller Größe innerhalb einer Lightbox zu betrachten. Ist zudem ein **Bildtitel** vergeben, wird dieser als Bildunterschrift in der Lightbox gezeigt.

---

 Verlinkungen auf Seiten, Dateien und Videos
---------------------------------------------

  [         ![Bilder müssen Textalternativen haben, die die Informationen oder Funktionen des Bildes beschreiben. Diese Feld sollte nur für rein dekorative Bilder leer sein.Bilder sollten Textalternativen haben, die die Informationen oder Funktionen des Bildes beschreiben. Diese Feld sollte nur für rein dekorative Bilder leer sein.](//bdcore.preview.bruns.dev/fileadmin/_processed_/f/9/csm_placeholder-16x9-600_1f0aa4d4ae.png)  ](https://www.typo3.org "Klicken, um Link zu öffnen")  Beispiel einer Platzhaltergrafik für Demo- und Testzwecke.  © BRUNS\_digital

  [         ![Bilder müssen Textalternativen haben, die die Informationen oder Funktionen des Bildes beschreiben. Diese Feld sollte nur für rein dekorative Bilder leer sein.Bilder sollten Textalternativen haben, die die Informationen oder Funktionen des Bildes beschreiben. Diese Feld sollte nur für rein dekorative Bilder leer sein.](//bdcore.preview.bruns.dev/fileadmin/_processed_/f/9/csm_placeholder-16x9-600_1f0aa4d4ae.png)  ](//bdcore.preview.bruns.dev/styleguide/Documents/examplepdf01.pdf "Klicken, um Link zu öffnen")  Beispiel einer Platzhaltergrafik für Demo- und Testzwecke.  © BRUNS\_digital

  [         ![Bilder müssen Textalternativen haben, die die Informationen oder Funktionen des Bildes beschreiben. Diese Feld sollte nur für rein dekorative Bilder leer sein.Bilder sollten Textalternativen haben, die die Informationen oder Funktionen des Bildes beschreiben. Diese Feld sollte nur für rein dekorative Bilder leer sein.](//bdcore.preview.bruns.dev/fileadmin/_processed_/f/9/csm_placeholder-16x9-600_1f0aa4d4ae.png)  ](https://www.youtube.com/watch?v=aqz-KE-bpKQ "Klicken, um Link zu öffnen")  Beispiel einer Platzhaltergrafik für Demo- und Testzwecke.  © BRUNS\_digital

Bilder können über das Feld **Link** im Reiter Medien verlinkt werden. Es besteht die Möglichkeit interne Seiten über die Seiten-ID (PID), externe Webseiten oder E-Mail-Adressen als Ziel zu setzen.