prevent non filles side from reaching anchor

themes/hugo-theme-flat/layouts/partials/side-calendar.html

@@ -1,6 +1,6 @@
 <div class="side-calendar">
     <h2>Termine</h2>
-    <ul id="calendar">
+    <ul id="calendar" class="loading">
         <br>
         <a href="https://cloud.c3re.de/apps/calendar/p/RLKKkdjNYgXH8yEz/dayGridMonth/now">Zum Kalender</a>
         <br>

themes/hugo-theme-flat/static/css/style.css

@@ -212,6 +212,10 @@ a.external:after {
   margin-bottom: 0;
 }
 
+#calendar.loading{
+  height: 100em;
+}
+
 #calendar .row {
   display: block;
 }

themes/hugo-theme-flat/static/js/calendar.js

@@ -13,6 +13,8 @@ document.addEventListener("DOMContentLoaded", function () {
       let cal = JSON.parse(xmlHttp.responseText);
       let $ = jQuery;
       let box = $("#calendar");
+      
+        box.removeClass("loading");
       for (let item of cal) {
         let li = $("<li/>");
         //li.text(item.summary)