---
title: "Rahmen & Layouts"
url: "https://bdcore.preview.bruns.dev/styleguide-dokumentation/medien/rahmen-layouts"
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
---

# Rahmen & Layouts

Medien arrangieren mit Layouts
================================

Medieninhalte können mit Rahmen und Layouts versehen, um ihr Aussehen variieren zu können. Die möglichen Optionen sind stark abhängig vom Layout der Website und der Konfiguration von TYPO3.

---

 Bild über die maximale Breite
-------------------------------

          ![Bilder müssen 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/styleguide/Images/placeholder-2800x800.png)   Beispiel einer Platzhaltergrafik für Demo- und Testzwecke.  © BRUNS\_digital

Ein entsprechend großes Motiv vorausgesetzt, kann sich ein Bild über die volle Spaltenbreite erstrecken. Besondere Einstellungen sind dafür nicht nötig, allerdings ist ratsam als Bildausrichtung **Oben links** zu wählen.

---

 Bilder mit Rahmen
-------------------

          ![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_0eff41a08e.png)   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_0eff41a08e.png)   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_0eff41a08e.png)   Beispiel einer Platzhaltergrafik für Demo- und Testzwecke.  © BRUNS\_digital

Option Rahmen um jedes Element aktiviert im Reiter Erscheinungsbild.

---

 Bilder mit Beschnitt
----------------------

          ![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_57c21b9304.png)   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_57c21b9304.png)   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_57c21b9304.png)   Beispiel einer Platzhaltergrafik für Demo- und Testzwecke.  © BRUNS\_digital

Werden im Reiter Erscheinungsbild für **Breite und -höhe identische Werte** angegeben, werden die Bilder entsprechend den Vorgaben quadratisch beschnitten.