<div align="center">

      <form class="range-field" action="" method="post" style="width: 100%;">

        <p class="text-center mb-0 mt-3"><i class="far fa-window-maximize"></i>-Alle</p>

        <input class="w-25 " type="range" value="50" min="0" max="100" name="input_all"/>

        <button type="submit" class="btn btn-outline-success btn-rounded waves-effect btn-sm" name="submit_all"><i class="fas fa-arrow-left"></i></button>

        <a href='javascript:;' onCLick=''><button type="button" class="btn btn-outline-danger btn-rounded waves-effect btn-sm"><i class="fas fa-stop"></i></button></a>

        <a href='javascript:;' onCLick=''><button type="button" class="btn btn-outline-warning btn-rounded waves-effect btn-sm"><i class="fas fa-arrow-down"></i></button></a>

        <a href="javascript:;" onCLick=''><button type="button" class="btn btn-outline-success btn-rounded waves-effect btn-sm"><i class="fas fa-arrow-up"></i></button></a>

      </form>

    </div>