{{ block head }}
    <script>
<!-- For Dynamic button -->

$('#next').click(function() {
  var $current = $('.question.active');
  if ($($current).next(".question").length > 0) {
    $('.question').removeClass('active');
    $current.next().addClass('active');
    buttonCheck();
  }
});
$('#back').click(function() {
  var $current = $('.question.active');
  if ($($current).prev(".question").length > 0) {
    $('.question').removeClass('active');
    $current.prev().addClass('active');
    buttonCheck();
  }
});
buttonCheck();

function buttonCheck() {
  var $current = $('.question.active');
  if ($($current).next(".question").length == 0) {
    $('#next').hide();
    $('#back').show();
    $('#finish').show();


  }
  else if ($($current).prev(".question").length == 0) {

    $('#back').hide();
    $('#next').show();
    $('#finish').hide();

  } else {
    $('#next').show();
    $('#back').show();
    $('#finish').hide();

  }
}
<!-- End of Dynamic Button Code -->



</script>
    <style>
.question:not(.active) {
  display: none;

}

</style>

{{ endblock }}
{{ block title }}
    {{HEADER}}

{{ endblock }}

{{ block content }}
{{   block script }}



{{ endblock }}

{{ include HTML_SEITE }}

 <!-- <br>
  <button class="nexttab btn-primary btn next">{{C.INSTRUCTIONS}}</button>!-->


{{ endblock }}