o<script async custom-element="amp-animation" src="https://cdn.ampproject.org/v0/amp-animation-0.1.js"></script>£#{{CONTAINER}}{width: 100%; height: 100%}[id="{{CONTAINER}}"] .a4a-banner {width: 300px; height: 250px; overflow: hidden; position: relative}
[id="{{CONTAINER}}"] .a4a-banner:after {content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid #000000}
[id="{{CONTAINER}}"] .a4a-banner > * {position: absolute}
[id="{{CONTAINER}}"] .a4a-bg2, [id="{{CONTAINER}}"] .a4a-bg3, [id="{{CONTAINER}}"] .a4a-bg4 {left: 0px; top: 0px; opacity: 0}
[id="{{CONTAINER}}"] .a4a-legal {left: 0px; top: 0px; opacity: 0}
[id="{{CONTAINER}}"] .a4a-logo {left: 0px; top: 0px; visibility: visible}
[id="{{CONTAINER}}"] .a4a-cta {left: 0px; top: 0px}
[id="{{CONTAINER}}"] .a4a-push1, [id="{{CONTAINER}}"] .a4a-push1b, [id="{{CONTAINER}}"] .a4a-push2, [id="{{CONTAINER}}"] .a4a-push3 {left: 0px; top: 0px; opacity: 0}
[id="{{CONTAINER}}"] .a4a-dyn_text {position: absolute; font-family: arial,sans-serif; left: 11px; font-size: 11px; top: 175px; line-height: 13px; opacity: 0; color: #ffffff; width: 280px; height: 37px; font-weight: bold}”!<div id="{{CONTAINER}}"><div id=x-a4a-former-body on=tap:exit-api.exit(target=redirectUrl) role=link tabindex=0>
<div class=a4a-banner role=button tabindex=-1>
<amp-img class=a4a-bg height=250 src={{BUNDLE_BASE_PATH}}bg.jpg width=300></amp-img>
<amp-img class=a4a-bg2 height=250 src={{BUNDLE_BASE_PATH}}bg2.jpg width=300></amp-img>
<amp-img class=a4a-bg3 height=250 src={{BUNDLE_BASE_PATH}}bg3.jpg width=300></amp-img>
<amp-img class=a4a-bg4 height=250 src={{BUNDLE_BASE_PATH}}bg4.jpg width=300></amp-img>
<amp-img class=a4a-logo height=250 src={{BUNDLE_BASE_PATH}}logo.png width=300></amp-img>
<amp-img class="a4a-push1 a4a-bye" height=250 src={{BUNDLE_BASE_PATH}}push1.png width=300></amp-img>
<amp-img class="a4a-push1b a4a-bye" height=250 src={{BUNDLE_BASE_PATH}}push1b.png width=300></amp-img>
<amp-img class=a4a-push2 height=250 src={{BUNDLE_BASE_PATH}}push2.png width=300></amp-img>
<amp-img class=a4a-push3 height=250 src={{BUNDLE_BASE_PATH}}push3.png width=300></amp-img>
<div class=a4a-dyn_text>
Renault Retail Group Deutschland<br>
in Frankfurt
</div>
<amp-img class=a4a-cta height=250 src={{BUNDLE_BASE_PATH}}cta.png width=300></amp-img>
<amp-img class=a4a-legal height=250 src={{BUNDLE_BASE_PATH}}legal.jpg width=300></amp-img>
<amp-img class="a4a-cta2 a4a-legal" height=250 src={{BUNDLE_BASE_PATH}}cta2.png width=300></amp-img>
</div>
</div></div><amp-animation id=a4a-animMain layout=nodisplay>
<script type=application/json>{"animations":[{"animation":"a4a-fadeIn","delay":"calc(var(--delay) + 100)","selector":"[id=\"{{CONTAINER}}\"] .a4a-push1"},{"animation":"a4a-fadeIn","delay":"calc(var(--delay) + 505)","selector":"[id=\"{{CONTAINER}}\"] .a4a-push1b"},{"animation":"a4a-fadeOut","delay":"calc(var(--delay) + 2000)","selector":"[id=\"{{CONTAINER}}\"] .a4a-push1b"},{"animation":"a4a-fadeIn","delay":"calc(var(--delay) + 2000)","selector":"[id=\"{{CONTAINER}}\"] .a4a-bg2"},{"animation":"a4a-fadeIn","delay":"calc(var(--delay) + 2500)","selector":"[id=\"{{CONTAINER}}\"] .a4a-push2"},{"animation":"a4a-fadeOut","delay":"calc(var(--delay) + 4500)","selector":"[id=\"{{CONTAINER}}\"] .a4a-push2"},{"animation":"a4a-fadeIn","delay":"calc(var(--delay) + 4500)","selector":"[id=\"{{CONTAINER}}\"] .a4a-bg3"},{"animation":"a4a-fadeIn","delay":"calc(var(--delay) + 5000)","selector":"[id=\"{{CONTAINER}}\"] .a4a-push3"},{"animation":"a4a-fadeOut","delay":"calc(var(--delay) + 7000)","selector":"[id=\"{{CONTAINER}}\"] .a4a-push3"},{"animation":"a4a-fadeIn","delay":"calc(var(--delay) + 7000)","selector":"[id=\"{{CONTAINER}}\"] .a4a-bg4"},{"animation":"a4a-fadeIn","delay":"calc(var(--delay) + 7500)","selector":"[id=\"{{CONTAINER}}\"] .a4a-dyn_text"},{"animation":"a4a-fadeOut","delay":"calc(var(--delay) + 9500)","selector":"[id=\"{{CONTAINER}}\"] .a4a-dyn_text"},{"animation":"a4a-fadeIn","delay":"calc(var(--delay) + 9500)","selector":"[id=\"{{CONTAINER}}\"] .a4a-legal"},{"animation":"a4a-fadeIn","delay":"calc(var(--delay) + 9500)","selector":"[id=\"{{CONTAINER}}\"] .a4a-cta2"},{"animation":"a4a-fadeOut","delay":"calc(var(--delay) + 14000)","selector":"[id=\"{{CONTAINER}}\"] .a4a-legal"},{"animation":"a4a-fadeOut","delay":"calc(var(--delay) + 14000)","selector":"[id=\"{{CONTAINER}}\"] .a4a-cta2"},{"animation":"a4a-fadeIn","delay":"calc(var(--delay) + 14500)","selector":"[id=\"{{CONTAINER}}\"] .a4a-dyn_text"}],"duration":".5s"}</script>
</amp-animation><amp-animation id=a4a-fadeOut layout=nodisplay>
<script type=application/json>{"keyframes":[{"opacity":"1"},{"opacity":"0"}]}</script>
</amp-animation><amp-animation id=a4a-moveLeft layout=nodisplay>
<script type=application/json>{"keyframes":[{"transform":"translateX(5px)"},{"transform":"translateX(0px)"}]}</script>
</amp-animation><amp-animation id=a4a-moveRight layout=nodisplay>
<script type=application/json>{"keyframes":[{"transform":"translateX(0px)"},{"transform":"translateX(5px)"}]}</script>
</amp-animation><amp-animation id=a4a-fadeIn layout=nodisplay>
<script type=application/json>{"keyframes":[{"opacity":"0"},{"opacity":"1"}]}</script>
</amp-animation><amp-animation id=a4a-anim layout=nodisplay trigger=visibility>
<script type=application/json>{"animations":[{"--delay":0,"animation":"a4a-animMain"}],"fill":"forwards"}</script>
</amp-animation>