Sie sind hier:

Raster

Leere Rastervorlage

Das Gestaltungsraster ist ein Flächenraster, dessen Flächen jeweils im 960 Pixel großen umrahmten Inhaltsbereich (Desktopversion) in Spalten aufgeteilt ist.

Abmessungen

Das "Weiße Band" ist 100% breit und passt sich der Größe des Browserfensters an. Die Höhe beträgt 133 Pixel. Die Seite ist 960 Pixel breit und mit einem leichten Schatten versehen umrahmt. Die Höhe passt sich flexibel an den Inhalt an. Am oberen Rand innerhalb der Seite befindet sich die Navigation. Sie nimmt die gesamte Breite der Seite ein. Inhaltsbereich, Breakpoints (BP):

  • Desktop-Max: > 1200 Pixel
  • Desktop-Min: > 1020 Pixel
  • Tablet: > 768 Pixel
  • Mobile: < 768 Pixel

Der Inhaltsbereich darf in der Breite nicht angepasst werden. Der Inhaltsbereich umfasst eine Breite von Desktop-Max: 960 Pixel, Desktop-Min: 780 Pixel und Tablet/Mobile: 100%. Der Textbereich:

  • Linke Spalte: 73.3333333% Breite (padding: 30px 30px 30px 60px) BP Tablet/Mobile: Breite 100%
  • Rechte Spalte: 26.6666666% Breite BP Tablet: Breite 100%, die einzelnen Boxen 2 spaltig BP Mobile: Breite 100%, 1 spaltig

Bildformate

Die Bildformate richten sich nach dem Flächenraster. Die Bildgrößen sind abhängig von der Absatzart. Bilder sind je nach Absatzart rechts, links oder über dem Absatz möglich.