Bilder & Galerien

Bildpositionierung

Bilder können mit den Klassen move-left und move-right aus der Hauptspalte links und rechts herausragend gesetzt werden.

Es können auch beide Klassen gleichzeitig gesetzt werden.

Mit position-left und position-right können Bilder aus dem Textfluß in die linke/rechte Spalte geschoben werden.

Bitte beachten: Die linke und die rechte Spalte wird auf Mobilgeräten nicht angezeigt. Dort sollten nur unwichtige Bilder platziert werden.

Bildgrößen

Es gibt 4 vordefinierte Bildgrößen die verwendet werden sollten:

  • small: für Bilder in der Seitenleiste oder in der Hauptspalte wenn Sie nicht die volle Spaltenbreite nutzen sollen (für Galerien, 2/3-spaltige Layouts etc.)
  • medium: für Bilder die die volle Hauptspalte nutzen sollen (das ist der Standard)
  • large: für Bilder die die volle Seitenbreite nutzen sollen (in Kombiniation mit .move-left & .move-right)
  • very large: für Bilder die die volle Seitenbreite nutzen sollen (in Kombination mit .full-width)
position-left / small
medium
move-left / large
move-right / large
move-left & move-right / large
position-left
position-left
full-width / very large
Mut
Pioniergeist
Verantwortung
Gemeinschaft
Innovation