This is your first web story

Created by: Author Name Published date Edit me to learn more Wo wohnst Du { "selector": "[data-custom-animation-id=\"fly-in-top-0-0.5\"]", "--x": "0", "--y": "calc(-100 * 1vh - height())", "animations": [ { "duration": "0s", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(var(--x), var(--y))"} ] }, { "delay": "0s", "duration": "0.5s", "easing": "cubic-bezier(0.2, 0.6, 0.0, 1)", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(0, 0)"} ] } ] } { "selector": "[data-custom-animation-id=\"fly-in-bottom-0.25-0.8\"]", "--x": "0", "--y": "calc(100 * 1vh + height())", "animations": [ { "duration": "0.25s", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(var(--x), var(--y))"} ] }, { "delay": "0.25s", "duration": "0.8s", "easing": "cubic-bezier(0.2, 0.6, 0.0, 1)", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(0, 0)"} ] } ] } { "selector": "[data-custom-animation-id=\"fly-in-bottom-0-0.55\"]", "--x": "0", "--y": "calc(100 * 1vh + height())", "animations": [ { "duration": "0s", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(var(--x), var(--y))"} ] }, { "delay": "0s", "duration": "0.55s", "easing": "cubic-bezier(0.2, 0.6, 0.0, 1)", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(0, 0)"} ] } ] }

SO WOHNEN UNSERE VORSORGER

{ "selector": "[data-custom-animation-id=\"fly-in-left-0-0.8\"]", "--x": "calc(-100 * 1vw - width())", "--y": "0", "animations": [ { "duration": "0s", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(var(--x), var(--y))"} ] }, { "delay": "0s", "duration": "0.8s", "easing": "cubic-bezier(0.2, 0.6, 0.0, 1)", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(0, 0)"} ] } ] }

UND WIE WILLST DU WOHNEN, PETRA? { "selector": "[data-custom-animation-id=\"fly-in-top-0-0.8\"]", "--x": "0", "--y": "calc(-100 * 1vh - height())", "animations": [ { "duration": "0s", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(var(--x), var(--y))"} ] }, { "delay": "0s", "duration": "0.8s", "easing": "cubic-bezier(0.2, 0.6, 0.0, 1)", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(0, 0)"} ] } ] }

Bestimme selber, pETRA!

(Auto-advance won't work if video is set to loop) { "selector": "[data-custom-animation-id=\"fly-in-bottom-0-0.55\"]", "--x": "0", "--y": "calc(100 * 1vh + height())", "animations": [ { "duration": "0s", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(var(--x), var(--y))"} ] }, { "delay": "0s", "duration": "0.55s", "easing": "cubic-bezier(0.2, 0.6, 0.0, 1)", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(0, 0)"} ] } ] } Zum Kundenportal

This is your first web story

EIGENHEIM

AUCH EIN THEMA FÜR DICH, PETRA?

SO WOHNEN UNSERE VORSORGER

Bestimme selber, pETRA!