Nutzung in Gutenberg

  • Reveal:
    <h3>Sanft einblenden</h3> <p>Dieser Block blendet ein, wenn er in den Viewport kommt.</p>
  • Scroll-Zoom (Bild zoomt beim Hineinscrollen „zur Ruhe“):
    Scroll-Zoom Test
  • Tilt-Karte (3D-Neigung bei Mausbewegung):
    <h3>Tilt Card</h3> <p>Leichte 3D-Neigung per Maus.</p>
  • Bild-Kacheln mit Hover:
    Fasten
    Fasten
    Gemeinsam leichter
    Atem & Vagus
    Atem & Vagus
    Selbstregulation
    Zwischen uns
    Zwischen uns
    Dialog & Grenzen

  • Neuer Shortcode:
Parallax

Fasten – gemeinsam leichter

Links bleibt das Bild beim Scrollen „kleben“. Rechts fließt dein Text.

  • 7-Tage-Kreis (online / vor Ort)
  • Tägliche Mikro-Impulse & Austausch
  • Optional: Sprechstunde

Kreis finden

Standard (Bild links, Text rechts):

Bild rechts (reverse):

Atem & Vagus

Selbstregulation im Alltag – Co-Regulation in der Gruppe.

Zum Atemkreis

[esan_parallax src="https://picsum.photos/1200/1600?random=207" reverse="1" top="12vh" height="75vh" radius="20" shadow="1"]
  <h2>Atem & Vagus</h2>
  <p>Selbstregulation im Alltag – Co-Regulation in der Gruppe.</p>
  <a class="btn" href="#gruppen">Zum Atemkreis</a>
[/esan_parallax]

Ohne Schatten + andere Höhe:

Stille & Wort

Lauschendes Herz – Kraft aus Stille.

[esan_parallax src="https://picsum.photos/1200/1600?random=309" shadow="0" height="60vh"]
  <h2>Stille & Wort</h2>
  <p>Lauschendes Herz – Kraft aus Stille.</p>
[/esan_parallax]

5) Bonus-Idee: Kombi mit Scroll-Zoom im Text

Du kannst innerhalb des Parallax-Textes weitere Shortcodes nutzen, z. B.:

Ein Blick ins Feld

Scroll-Zoom

[esan_parallax src="https://picsum.photos/1200/1600?random=401"]
  <h3>Ein Blick ins Feld</h3>
  [esan_scroll_zoom src="https://picsum.photos/1600/900?random=402" alt="Scroll-Zoom" height="40vh"]
[/esan_parallax]

Kompass startenWhatsApp
Review Your Cart
0
Add Coupon Code
Subtotal