Parallax & Fullwidth
Parallax für Bilder (CSS-only via background-attachment: fixed) und Videos (JS-Translate für ±15 % Range). Fullwidth per CE-Pair: bricht aus dem Article-Container aus für full-bleed Sections.
Parallax mit Bild
Bild als Hintergrund mit klassischem Parallax-Effekt (CSS background-attachment: fixed). Bild via BE einpflegen — Defaults: 50vh Höhe, 40% Overlay.
Inhalt im Parallax-Bereich
Beliebiger Inhalt zwischen rct_parallax_start und rct_parallax_stop. Beim Scrollen bleibt das Hintergrundbild stehen, der Inhalt scrollt darüber.
Parallax mit Video
MP4 als Hintergrund (überschreibt Parallax-Bild wenn beide gesetzt). JS-Parallax via translate3d weil background-attachment: fixed mit <video> nicht funktioniert. Video via BE einpflegen.
Inhalt vor dem Video-Hintergrund
Video läuft im Hintergrund (autoplay/muted/loop). Beim Scrollen sanfter Parallax-Versatz, Video bleibt sichtbar bis ±40% Container-Höhe.
Fullwidth — DOM-Breakout aus dem Article
Mit rct_fullwidth_start / rct_fullwidth_end bricht der Inhalt aus der max-width-Lane aus und nimmt die volle Viewport-Breite ein — auch in Sidebar-Layouts. Praktisch für Hero-Banner, Vollbild-Bilder, edge-to-edge Sections.
Vollbreite-Banner
Dieser Block bricht aus dem Article-Container aus und füllt die ganze Viewport-Breite — egal ob Sidebar-Layout oder Classic.