diff --git a/assets/js/app.js b/assets/js/app.js
index 64d70c8..7bbe076 100644
--- a/assets/js/app.js
+++ b/assets/js/app.js
@@ -133,6 +133,10 @@ window.stepper = {
             }, 500);
         }
 
+        jQuery('html, body').stop().animate({
+            'scrollTop': jQuery('#stepper-main').offset().top
+        }, 600, 'swing');
+
         this.$nextTick(function() {
             _self.$refs.slider.scrollLeft = _self.$refs.slider.scrollWidth / 4 * index;
         });
diff --git a/views/stepper.twig.htm b/views/stepper.twig.htm
index ca0f36e..ae49e46 100644
--- a/views/stepper.twig.htm
+++ b/views/stepper.twig.htm
@@ -1,4 +1,4 @@
-<div class="stepper"
+<div id="stepper-main" class="stepper"
      x-data="{ ...stepper, step: {{data.step}}, value: { ...stepper.value, kind: '{{data.kind}}', {% if data.kind %} {{data.kind}}: { ...stepper.value.{{data.kind}}, eigenkapital: {{data.eigenk}}, kaufpreis: {{data.kaufpreis}} }  {% endif %} }, sprite: '{{sprite|raw}}' }"
      {% if data.step == 1 %} x-init="slideTo(null, {{data.step}})" {% endif %}>