diff --git a/app/static/js/custom_scrollbar.js b/app/static/js/custom_scrollbar.js
index 5084c4d..64d0b46 100644
--- a/app/static/js/custom_scrollbar.js
+++ b/app/static/js/custom_scrollbar.js
@@ -1,27 +1,19 @@
 function adjustScrollContainerHeight() {
-  // Elemente ermitteln
-  const headerEl = document.querySelector('header');
-  const navEl = document.querySelector('nav');
-  const footerEl = document.querySelector('footer');
   const mainEl = document.getElementById('main');
-  if (!mainEl) return;
   const scrollContainer = mainEl.querySelector('.scroll-container');
-  if (!scrollContainer) return;
-  
+  const container = mainEl.parentElement;
+  const scrollbarContainer = mainEl.parentElement.querySelector('#custom-scrollbar');
   let siblingsHeight = 0;
   
-  if (headerEl) {
-    const headerRect = headerEl.getBoundingClientRect();
-    siblingsHeight += headerRect.height;
-  }
-  if (navEl) {
-    const navRect = navEl.getBoundingClientRect();
-    siblingsHeight += navRect.height*2;
-  }
-  if (footerEl) {
-    const footerRect = footerEl.getBoundingClientRect();
-    siblingsHeight += footerRect.height;
-  }
+  Array.from(container.children).forEach(child => {
+    if(child !== mainEl && child !== scrollContainer && child !== scrollbarContainer) {
+      const style = window.getComputedStyle(child);
+      const height = child.offsetHeight;
+      const marginTop = parseFloat(style.marginTop) || 0;
+      const marginBottom = parseFloat(style.marginBottom) || 0;
+      siblingsHeight += height + marginTop + marginBottom;
+    }
+  });
   
   // Verfügbare Höhe berechnen: Fensterhöhe minus Höhe der Geschwister
   const availableHeight = window.innerHeight - siblingsHeight;
diff --git a/app/templates/moduls/base.html.j2 b/app/templates/moduls/base.html.j2
index 6304fe3..11119d3 100644
--- a/app/templates/moduls/base.html.j2
+++ b/app/templates/moduls/base.html.j2
@@ -33,9 +33,9 @@
                 {% block content %}{% endblock %}
             </div>
             </main>
-            <!-- Custom scrollbar element fixiert am rechten Rand -->
+            <!-- Custom scrollbar element fixiert am rechten Rand  -->
             <div id="custom-scrollbar">
-            <div id="scroll-thumb"></div>
+                <div id="scroll-thumb"></div>
             </div>
             {% set menu_type = "footer" %}
             {% include "moduls/navigation.html.j2" %}