diff --git a/src/Beamershow.svelte b/src/Beamershow.svelte
index 03e8ecd..c76a8c7 100644
--- a/src/Beamershow.svelte
+++ b/src/Beamershow.svelte
@@ -1,6 +1,7 @@
 <script>
   import axios from "axios";
   import { _ } from "svelte-i18n";
+  import { fade,slide } from 'svelte/transition';
   import { apikey, api_endpoint, page, stationinfo } from "./store.js";
   function init(el) {
     el.focus();
@@ -31,8 +32,7 @@
         general = data;
       })
       .catch(function (e) {
-        error = true;
-        errormessage = e.response.data.short;
+        console.log(e);
       });
   }
   function stats_runners() {
@@ -46,8 +46,7 @@
         runners = data;
       })
       .catch(function (e) {
-        error = true;
-        errormessage = e.response.data.short;
+        console.log(e);
       });
   }
   function stats_orgs() {
@@ -61,8 +60,7 @@
         orgs = data;
       })
       .catch(function (e) {
-        error = true;
-        errormessage = e.response.data.short;
+        console.log(e);
       });
   }
   Array.prototype.cycle = function (str) {
@@ -93,6 +91,7 @@
 >
   <div class="max-w-xl w-full">
     {#if current_page === "general"}
+      <div transition:slide|local>
       <h1 class="mr-6 text-7xl font-semibold text-center text-gray-900">
         {hours}:{minutes}:{seconds}
       </h1>
@@ -123,7 +122,9 @@
           </h1>
         </div>
       </div>
+      </div>
     {:else if current_page === "runners_distance"}
+      <div transition:slide|local>
       <h1 class="mr-6 text-7xl font-semibold text-center text-gray-900 mb-5">
         Top-Läufer
       </h1>
@@ -172,7 +173,9 @@
           {/each}
         </tbody>
       </table>
+      </div>
     {:else if current_page === "orgs_distance"}
+      <div transition:slide|local>
       <h1 class="mr-6 text-7xl font-semibold text-center text-gray-900 mb-5">
         Top-Firmen
       </h1>
@@ -212,6 +215,7 @@
           {/each}
         </tbody>
       </table>
+      </div>
     {:else}
       <!-- content here -->
     {/if}