<style>
  .ButtonStart {
    display: inline-block;
    z-index:999999; 
    cursor:pointer;
    padding:5px 20px; 
    background: #eeffee; 
    color: #383838; 
    border-radius:5px;
    border:1px solid #383838;
    font-weight:bold;
    margin-left:5px;
  }
 .ButtonStart:hover {
  box-shadow: 0.1rem 0.1rem 6px rgba(200, 200, 200, 0.4);
  }
  .ButtonStart::before {
    content: "Start Übersicht";
  }
  .ButtonStop::before {
    content: "Stop Übersicht";
  }
</style>
 
<script>
//// Beitrags-Show ////
window.addEventListener('load', function(){
  // ProSiver (v2)
  $('.post:first').prepend('<br><div class="ButtonStart"></div><br><br>');
  // Standard (v1)
  $('td.tms1:nth(4)').closest('td').prepend('<br><div class="ButtonStart"></div><br><br>');
  // Business (v4), Gaia (v3), Xobor (v6)
  $('.messageswrap, .c_r_cont2.adminmessage:first, .c_r_cont2:first, .card.message:first').before('<br><div class="ButtonStart"></div><br><br>');
  
  let linkstate = 0;
  $('.ButtonStart').on("click",function(){
    if(linkstate === 0){ 
      linkstate = 1;
      $(this).addClass('ButtonStop').css({'position':'fixed','background':'#ffeeee'});
      {{message.startlist}}
        $('html, body').delay(500).animate({scrollTop: $('[name="msg{{message:id}}"]').offset().top -30}, 1000).delay(4000);
      {{message.end}}
    } else{
      linkstate = 0;
      $('html, body').stop( true, true );
      $(this).removeClass('ButtonStop').css({'position':'','background':'#eeffee'});
    } 
  });
 
// Scroll # Titelleiste //
  $('.messageswrap .boxheader, .adminmessage, .c_r_cont2, div.post, td.tms1, .card-header a').on('click', function() { 
    $('html, body').delay(1000).animate({scrollTop: $(this).offset().top-{{template!==177.start}}49{{template!==177.end}}{{template==177.start}}90{{template==177.end}} }, 1000);
  });
  {{message.startlist}}
    // Scroll nach Reload + Links //
    if (location.href.indexOf("#msg{{message:id}}") != -1) {
      $('html, body').delay(1000).animate({scrollTop: $('[name="msg{{message:id}}"]').offset().top-{{template!==177.start}}53{{template!==177.end}}{{template==177.start}}90{{template==177.end}} }, 2000); 
      // Stop bei mousedown, mousewheel, keyup //
      $('html, body').on('mousedown mousewheel keyup', function() {
        $('html, body').stop( true, false );
      });
    }
  {{message.end}}