Vorher-Nachher `before-after`

Bildvergleich mit verschiebbarem Divider — ein unsichtbarer Range-Slider steuert die Trennlinie, reine CSS-Mechanik ohne Framework. Ohne JavaScript bleibt ein 50/50-Split stehen.

Variante: mit title · headingLevel=2 (Katalog stellt das h1) · Labels als Defaults (Vorher/Nachher)

Altbausanierung in der Südstadt

Wohnzimmer vor der Sanierung: rissiger Putz, dunkler Boden

Wohnzimmer nach der Sanierung: glatte Wände, neues Eichenparkett

VorherNachher

Variante: ohne title ·beforeLabel="Bestand" · afterLabel="Saniert" ·sliderLabel="Sanierungsstand vergleichen"

Bestand: Fassade der Stadtvilla vor der Sanierung

Saniert: Fassade der Stadtvilla nach Abschluss der Arbeiten

BestandSaniert

Vorher-Nachher before-after

Altbausanierung in der Südstadt

Vorher-Nachher `before-after`