Bild

Mit dem Bild-Element wählt man ein Bild aus der Mediathek aus. Dieses Bild kann beliebig ausgerichtet, vergrößert, zugeschnitten oder gefiltert werden,

Standard

  • Maximale Breite: 1/4 (25%)
  • Responsive Eigenschaften:
    • unter 1024px:
      • Maximale Breite: 1/2 (50%)
    • unter 768px:
      • Maximale Breite: 100%

Eigene Breite

  • Eigene Breite: 500px
  • Responsive Eigenschaften: Maximale Breite funktioniert nicht

Cropping

  • Größe: Groß (2000×1500)
  • Größe: Medium (1500×1000)
  • Größe: Klein (1000×500)
  • Größe: Hochgeladene Größe (2560×1920)
  • Größe: Hochgeladene Größe (2560×1920)
  • Größe: Hochgeladene Größe (2560×1920)

Ausrichtung

  • Ausrichtung: Links
  • Maximale Breite: 1/4 (25%)
  • Responsive Eigenschaften:
    • unter 1024px:
      • Maximale Breite: 1/2 (50%)
    • unter 768px:
      • Maximale Breite: 100%
  • Ausrichtung: Mitte
  • Maximale Breite: 1/4 (25%)
  • Responsive Eigenschaften:
    • unter 1024px:
      • Maximale Breite: 1/2 (50%)
    • unter 768px:
      • Maximale Breite: 100%
  • Ausrichtung: Rechts
  • Maximale Breite: 1/4 (25%)
  • Responsive Eigenschaften:
    • unter 1024px:
      • Maximale Breite: 1/2 (50%)
    • unter 768px:
      • Maximale Breite: 100%

Filter

  • Helligkeit: 50%
  • Helligkeit bei Hover bzw. Fokus: 100%
  • Maximale Breite: 1/4 (25%)
  • Responsive Eigenschaften:
    • unter 1024px:
      • Maximale Breite: 1/2 (50%)
    • unter 768px:
      • Maximale Breite: 100%
  • Kontrast: 50%
  • Kontrast bei Hover bzw. Fokus: 100%
  • Maximale Breite: 1/4 (25%)
  • Responsive Eigenschaften:
    • unter 1024px:
      • Maximale Breite: 1/2 (50%)
    • unter 768px:
      • Maximale Breite: 100%
  • Graustufen: 100%
  • Graustufen bei Hover bzw. Fokus: 0%
  • Maximale Breite: 1/4 (25%)
  • Responsive Eigenschaften:
    • unter 1024px:
      • Maximale Breite: 1/2 (50%)
    • unter 768px:
      • Maximale Breite: 100%
  • Blur: 2px
  • Blur bei Hover bzw. Fokus: 0px
  • Maximale Breite: 1/4 (25%)
  • Responsive Eigenschaften:
    • unter 1024px:
      • Maximale Breite: 1/2 (50%)
    • unter 768px:
      • Maximale Breite: 100%

SVG

  • Ausrichtung: Mitte
  • Maximale Breite: 1/4 (25%)
  • Responsive Eigenschaften:
    • unter 1024px:
      • Maximale Breite: 1/2 (50%)
    • unter 768px:
      • Maximale Breite: 100%