Raster

Hinweis: Im Folgenden sind die verschiedenen Raster (Grids), die zur Verfügung stehen, aufgelistet. Das zweispaltige und dreispaltige Raster, sowie das Raster für volle Breite sind jeweils in limitierter und nicht limitierter Ausführung einsetzbar. Die nicht limitierte Ausführung sollte dabei nur eingesetzt werden, wenn das Raster mit Teasern oder Bildern gefüllt ist. Ansonsten stößt Text an Text (s.u.), was die Lesbarkeit unmöglich macht.

Die beiden letzten Raster "Raster für Teaser mit Marginalspalte" und "Raster für die Startseiten-Teaser" sind nur für bestimmte Seitentypen gedacht und sollten nicht für Standard-Contentseiten eingesetzt werden.

Raster für Artikel

Maecenas auctor scelerisque blandit. Aliquam eleifend purus in semper bibendum. Nam rhoncus leo id ante elementum, eget bibendum justo tincidunt. Nunc eu arcu a massa volutpat sollicitudin. Morbi quis tellus interdum tortor malesuada porta quis vel libero. Vivamus laoreet, dolor sodales fringilla consequat, nisi metus consequat leo, mollis suscipit nisi nulla a massa. Duis scelerisque dui magna, vel posuere nisl viverra quis. Aenean feugiat id sem in laoreet. Sed vehicula eu diam vitae tempor. Morbi bibendum dictum dui quis sollicitudin. Donec quis eros molestie ipsum vulputate bibendum. Donec ultrices ac diam id commodo.

Raster Zweispaltig

Maecenas auctor scelerisque blandit. Aliquam eleifend purus in semper bibendum. Nam rhoncus leo id ante elementum, eget bibendum justo tincidunt. Nunc eu arcu a massa volutpat sollicitudin. Morbi quis tellus interdum tortor malesuada porta quis vel libero. Vivamus laoreet, dolor sodales fringilla consequat, nisi metus consequat leo, mollis suscipit nisi nulla a massa. Duis scelerisque dui magna, vel posuere nisl viverra quis. Aenean feugiat id sem in laoreet. Sed vehicula eu diam vitae tempor. Morbi bibendum dictum dui quis sollicitudin. Donec quis eros molestie ipsum vulputate bibendum. Donec ultrices ac diam id commodo.

Maecenas auctor scelerisque blandit. Aliquam eleifend purus in semper bibendum. Nam rhoncus leo id ante elementum, eget bibendum justo tincidunt. Nunc eu arcu a massa volutpat sollicitudin. Morbi quis tellus interdum tortor malesuada porta quis vel libero. Vivamus laoreet, dolor sodales fringilla consequat, nisi metus consequat leo, mollis suscipit nisi nulla a massa. Duis scelerisque dui magna, vel posuere nisl viverra quis. Aenean feugiat id sem in laoreet. Sed vehicula eu diam vitae tempor. Morbi bibendum dictum dui quis sollicitudin. Donec quis eros molestie ipsum vulputate bibendum. Donec ultrices ac diam id commodo.

Maecenas auctor scelerisque blandit. Aliquam eleifend purus in semper bibendum. Nam rhoncus leo id ante elementum, eget bibendum justo tincidunt. Nunc eu arcu a massa volutpat sollicitudin. Morbi quis tellus interdum tortor malesuada porta quis vel libero. Vivamus laoreet, dolor sodales fringilla consequat, nisi metus consequat leo, mollis suscipit nisi nulla a massa. Duis scelerisque dui magna, vel posuere nisl viverra quis. Aenean feugiat id sem in laoreet. Sed vehicula eu diam vitae tempor. Morbi bibendum dictum dui quis sollicitudin. Donec quis eros molestie ipsum vulputate bibendum. Donec ultrices ac diam id commodo.

Maecenas auctor scelerisque blandit. Aliquam eleifend purus in semper bibendum. Nam rhoncus leo id ante elementum, eget bibendum justo tincidunt. Nunc eu arcu a massa volutpat sollicitudin. Morbi quis tellus interdum tortor malesuada porta quis vel libero. Vivamus laoreet, dolor sodales fringilla consequat, nisi metus consequat leo, mollis suscipit nisi nulla a massa. Duis scelerisque dui magna, vel posuere nisl viverra quis. Aenean feugiat id sem in laoreet. Sed vehicula eu diam vitae tempor. Morbi bibendum dictum dui quis sollicitudin. Donec quis eros molestie ipsum vulputate bibendum. Donec ultrices ac diam id commodo.

Raster dreispaltig

Maecenas auctor scelerisque blandit. Aliquam eleifend purus in semper bibendum. Nam rhoncus leo id ante elementum, eget bibendum justo tincidunt. Nunc eu arcu a massa volutpat sollicitudin. Morbi quis tellus interdum tortor malesuada porta quis vel libero. Vivamus laoreet, dolor sodales fringilla consequat, nisi metus consequat leo, mollis suscipit nisi nulla a massa. Duis scelerisque dui magna, vel posuere nisl viverra quis. Aenean feugiat id sem in laoreet. Sed vehicula eu diam vitae tempor. Morbi bibendum dictum dui quis sollicitudin. Donec quis eros molestie ipsum vulputate bibendum. Donec ultrices ac diam id commodo.

Maecenas auctor scelerisque blandit. Aliquam eleifend purus in semper bibendum. Nam rhoncus leo id ante elementum, eget bibendum justo tincidunt. Nunc eu arcu a massa volutpat sollicitudin. Morbi quis tellus interdum tortor malesuada porta quis vel libero. Vivamus laoreet, dolor sodales fringilla consequat, nisi metus consequat leo, mollis suscipit nisi nulla a massa. Duis scelerisque dui magna, vel posuere nisl viverra quis. Aenean feugiat id sem in laoreet. Sed vehicula eu diam vitae tempor. Morbi bibendum dictum dui quis sollicitudin. Donec quis eros molestie ipsum vulputate bibendum. Donec ultrices ac diam id commodo.

Maecenas auctor scelerisque blandit. Aliquam eleifend purus in semper bibendum. Nam rhoncus leo id ante elementum, eget bibendum justo tincidunt. Nunc eu arcu a massa volutpat sollicitudin. Morbi quis tellus interdum tortor malesuada porta quis vel libero. Vivamus laoreet, dolor sodales fringilla consequat, nisi metus consequat leo, mollis suscipit nisi nulla a massa. Duis scelerisque dui magna, vel posuere nisl viverra quis. Aenean feugiat id sem in laoreet. Sed vehicula eu diam vitae tempor. Morbi bibendum dictum dui quis sollicitudin. Donec quis eros molestie ipsum vulputate bibendum. Donec ultrices ac diam id commodo.

Maecenas auctor scelerisque blandit. Aliquam eleifend purus in semper bibendum. Nam rhoncus leo id ante elementum, eget bibendum justo tincidunt. Nunc eu arcu a massa volutpat sollicitudin. Morbi quis tellus interdum tortor malesuada porta quis vel libero. Vivamus laoreet, dolor sodales fringilla consequat, nisi metus consequat leo, mollis suscipit nisi nulla a massa. Duis scelerisque dui magna, vel posuere nisl viverra quis. Aenean feugiat id sem in laoreet. Sed vehicula eu diam vitae tempor. Morbi bibendum dictum dui quis sollicitudin. Donec quis eros molestie ipsum vulputate bibendum. Donec ultrices ac diam id commodo.

Maecenas auctor scelerisque blandit. Aliquam eleifend purus in semper bibendum. Nam rhoncus leo id ante elementum, eget bibendum justo tincidunt. Nunc eu arcu a massa volutpat sollicitudin. Morbi quis tellus interdum tortor malesuada porta quis vel libero. Vivamus laoreet, dolor sodales fringilla consequat, nisi metus consequat leo, mollis suscipit nisi nulla a massa. Duis scelerisque dui magna, vel posuere nisl viverra quis. Aenean feugiat id sem in laoreet. Sed vehicula eu diam vitae tempor. Morbi bibendum dictum dui quis sollicitudin. Donec quis eros molestie ipsum vulputate bibendum. Donec ultrices ac diam id commodo.

Maecenas auctor scelerisque blandit. Aliquam eleifend purus in semper bibendum. Nam rhoncus leo id ante elementum, eget bibendum justo tincidunt. Nunc eu arcu a massa volutpat sollicitudin. Morbi quis tellus interdum tortor malesuada porta quis vel libero. Vivamus laoreet, dolor sodales fringilla consequat, nisi metus consequat leo, mollis suscipit nisi nulla a massa. Duis scelerisque dui magna, vel posuere nisl viverra quis. Aenean feugiat id sem in laoreet. Sed vehicula eu diam vitae tempor. Morbi bibendum dictum dui quis sollicitudin. Donec quis eros molestie ipsum vulputate bibendum. Donec ultrices ac diam id commodo.

Raster für volle Breite

Maecenas auctor scelerisque blandit. Aliquam eleifend purus in semper bibendum. Nam rhoncus leo id ante elementum, eget bibendum justo tincidunt. Nunc eu arcu a massa volutpat sollicitudin. Morbi quis tellus interdum tortor malesuada porta quis vel libero. Vivamus laoreet, dolor sodales fringilla consequat, nisi metus consequat leo, mollis suscipit nisi nulla a massa. Duis scelerisque dui magna, vel posuere nisl viverra quis. Aenean feugiat id sem in laoreet. Sed vehicula eu diam vitae tempor. Morbi bibendum dictum dui quis sollicitudin. Donec quis eros molestie ipsum vulputate bibendum. Donec ultrices ac diam id commodo.

Maecenas auctor scelerisque blandit. Aliquam eleifend purus in semper bibendum. Nam rhoncus leo id ante elementum, eget bibendum justo tincidunt. Nunc eu arcu a massa volutpat sollicitudin. Morbi quis tellus interdum tortor malesuada porta quis vel libero. Vivamus laoreet, dolor sodales fringilla consequat, nisi metus consequat leo, mollis suscipit nisi nulla a massa. Duis scelerisque dui magna, vel posuere nisl viverra quis. Aenean feugiat id sem in laoreet. Sed vehicula eu diam vitae tempor. Morbi bibendum dictum dui quis sollicitudin. Donec quis eros molestie ipsum vulputate bibendum. Donec ultrices ac diam id commodo.

Raster für Teaser mit Marginalspalte

Maecenas auctor scelerisque blandit. Aliquam eleifend purus in semper bibendum. Nam rhoncus leo id ante elementum, eget bibendum justo tincidunt. Nunc eu arcu a massa volutpat sollicitudin. Morbi quis tellus interdum tortor malesuada porta quis vel libero. Vivamus laoreet, dolor sodales fringilla consequat, nisi metus consequat leo, mollis suscipit nisi nulla a massa. Duis scelerisque dui magna, vel posuere nisl viverra quis. Aenean feugiat id sem in laoreet. Sed vehicula eu diam vitae tempor. Morbi bibendum dictum dui quis sollicitudin. Donec quis eros molestie ipsum vulputate bibendum. Donec ultrices ac diam id commodo.

Maecenas auctor scelerisque blandit. Aliquam eleifend purus in semper bibendum. Nam rhoncus leo id ante elementum, eget bibendum justo tincidunt. Nunc eu arcu a massa volutpat sollicitudin. Morbi quis tellus interdum tortor malesuada porta quis vel libero. Vivamus laoreet, dolor sodales fringilla consequat, nisi metus consequat leo, mollis suscipit nisi nulla a massa. Duis scelerisque dui magna, vel posuere nisl viverra quis. Aenean feugiat id sem in laoreet. Sed vehicula eu diam vitae tempor. Morbi bibendum dictum dui quis sollicitudin. Donec quis eros molestie ipsum vulputate bibendum. Donec ultrices ac diam id commodo.

Raster für die Startseiten-Teaser

Maecenas auctor scelerisque blandit. Aliquam eleifend purus in semper bibendum. Nam rhoncus leo id ante elementum, eget bibendum justo tincidunt. Nunc eu arcu a massa volutpat sollicitudin. Morbi quis tellus interdum tortor malesuada porta quis vel libero. Vivamus laoreet, dolor sodales fringilla consequat, nisi metus consequat leo, mollis suscipit nisi nulla a massa. Duis scelerisque dui magna, vel posuere nisl viverra quis. Aenean feugiat id sem in laoreet. Sed vehicula eu diam vitae tempor. Morbi bibendum dictum dui quis sollicitudin. Donec quis eros molestie ipsum vulputate bibendum. Donec ultrices ac diam id commodo.

Maecenas auctor scelerisque blandit. Aliquam eleifend purus in semper bibendum. Nam rhoncus leo id ante elementum, eget bibendum justo tincidunt. Nunc eu arcu a massa volutpat sollicitudin. Morbi quis tellus interdum tortor malesuada porta quis vel libero. Vivamus laoreet, dolor sodales fringilla consequat, nisi metus consequat leo, mollis suscipit nisi nulla a massa. Duis scelerisque dui magna, vel posuere nisl viverra quis. Aenean feugiat id sem in laoreet. Sed vehicula eu diam vitae tempor. Morbi bibendum dictum dui quis sollicitudin. Donec quis eros molestie ipsum vulputate bibendum. Donec ultrices ac diam id commodo.

Maecenas auctor scelerisque blandit. Aliquam eleifend purus in semper bibendum. Nam rhoncus leo id ante elementum, eget bibendum justo tincidunt. Nunc eu arcu a massa volutpat sollicitudin. Morbi quis tellus interdum tortor malesuada porta quis vel libero. Vivamus laoreet, dolor sodales fringilla consequat, nisi metus consequat leo, mollis suscipit nisi nulla a massa. Duis scelerisque dui magna, vel posuere nisl viverra quis. Aenean feugiat id sem in laoreet. Sed vehicula eu diam vitae tempor. Morbi bibendum dictum dui quis sollicitudin. Donec quis eros molestie ipsum vulputate bibendum. Donec ultrices ac diam id commodo.

Maecenas auctor scelerisque blandit. Aliquam eleifend purus in semper bibendum. Nam rhoncus leo id ante elementum, eget bibendum justo tincidunt. Nunc eu arcu a massa volutpat sollicitudin. Morbi quis tellus interdum tortor malesuada porta quis vel libero. Vivamus laoreet, dolor sodales fringilla consequat, nisi metus consequat leo, mollis suscipit nisi nulla a massa. Duis scelerisque dui magna, vel posuere nisl viverra quis. Aenean feugiat id sem in laoreet. Sed vehicula eu diam vitae tempor. Morbi bibendum dictum dui quis sollicitudin. Donec quis eros molestie ipsum vulputate bibendum. Donec ultrices ac diam id commodo.

Maecenas auctor scelerisque blandit. Aliquam eleifend purus in semper bibendum. Nam rhoncus leo id ante elementum, eget bibendum justo tincidunt. Nunc eu arcu a massa volutpat sollicitudin. Morbi quis tellus interdum tortor malesuada porta quis vel libero. Vivamus laoreet, dolor sodales fringilla consequat, nisi metus consequat leo, mollis suscipit nisi nulla a massa. Duis scelerisque dui magna, vel posuere nisl viverra quis. Aenean feugiat id sem in laoreet. Sed vehicula eu diam vitae tempor. Morbi bibendum dictum dui quis sollicitudin. Donec quis eros molestie ipsum vulputate bibendum. Donec ultrices ac diam id commodo.

Styles

Hier werden die verschiedenen Styles und Themes aufgezeigt.

Seiten­ele­mente

Hier werden die verschiedenen Elemente zur Gestaltung von Seiten erklärt.

Teaser

Teaser schaffen Verbindungen zwischen Inhalten. Welche Möglichkeiten es gibt, wird hier erläutert.