Replaced German by English comments

app/static/css/custom_scrollbar.css

@@ -1,10 +1,11 @@
-/* Den scroll-container so einstellen, dass er nur vertikal scrollt */
+/* Set the scroll container to only scroll vertically */
 .scroll-container {
     overflow-y: auto;
     overflow-x: hidden;
-    /* Native Scrollbar ausblenden */
+    /* Hide native scrollbar */
     scrollbar-width: none; /* Firefox */
-  }
+}
+
 .scroll-container::-webkit-scrollbar {
     display: none; /* WebKit */
 }
@@ -14,13 +15,13 @@
     top: 0;
     right: 0;
     width: 8px;
-    /* height: 100vh;  <-- diese Zeile entfernen oder anpassen */
+    /* height: 100vh;  <-- remove or adjust this line */
     background: transparent;
     transition: opacity 0.3s ease;
     opacity: 1;
 }
 
-/* Der Thumb der Scrollbar */
+/* The scrollbar thumb */
 #scroll-thumb {
     position: absolute;
     top: 0;
@@ -28,4 +29,3 @@
     background-color: rgba(0, 0, 0, 0.2);
     border-radius: 4px;
 }
-  

app/static/css/default.css

@@ -24,7 +24,7 @@ a {
 }
 
 /* Subtle shadow effect */
-.navbar, .card, .dropdown-menu{
+.navbar, .card, .dropdown-menu {
   box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
 }
 
@@ -85,26 +85,26 @@ h3.footer-title {
   font-size: 1.3em;
 }
 
-.card-img-top i{
+.card-img-top i {
   font-size: 100px;
 }
 
-div#navbarNavheader li.nav-item{
+div#navbarNavheader li.nav-item {
   margin-left: 6px;
 }
 
-div#navbarNavfooter li.nav-item{
+div#navbarNavfooter li.nav-item {
   margin-right: 6px;
 }
 
 main {
   position: relative;
   box-shadow: 
-    /* Innerer Schatten */
-    inset 10px 0 10px -10px rgba(0, 0, 0, 0.3),  /* linker innerer Schatten */
-    inset -10px 0 10px -10px rgba(0, 0, 0, 0.3), /* rechter innerer Schatten */
-    /* Äußerer Schatten */
-    10px 0 10px -10px rgba(0, 0, 0, 0.3),  /* rechter äußerer Schatten */
-    -10px 0 10px -10px rgba(0, 0, 0, 0.3); /* linker äußerer Schatten */
+    /* Inner shadow */
+    inset 10px 0 10px -10px rgba(0, 0, 0, 0.3),  /* Left inner shadow */
+    inset -10px 0 10px -10px rgba(0, 0, 0, 0.3), /* Right inner shadow */
+    /* Outer shadow */
+    10px 0 10px -10px rgba(0, 0, 0, 0.3),  /* Right outer shadow */
+    -10px 0 10px -10px rgba(0, 0, 0, 0.3); /* Left outer shadow */
   overflow: visible;
 }

app/static/css/navigation.css

@@ -1,20 +1,20 @@
-/* Top-Level Dropdown-Menü */
+/* Top-level dropdown menu */
 .nav-item .dropdown-menu {
-    position: absolute; /* Wichtig für Positionierung */
-    top: 100%; /* Standardmäßige Öffnung nach unten */
+    position: absolute; /* Important for positioning */
+    top: 100%; /* Default opening direction: downwards */
     left: 0;
-    z-index: 1050; /* Damit das Menü über anderen Elementen liegt */
+    z-index: 1050; /* Ensures the menu appears above other elements */
 }
 
-/* Submenu-Position */
+/* Submenu position */
 .dropdown-submenu > .dropdown-menu {
     position: absolute;
     top: 0;
-    left: 100%; /* Öffnen nach rechts */
+    left: 100%; /* Opens to the right */
     z-index: 1050;
 }
 
-/* Sicherstellen, dass der Übergang smooth ist */
+/* Ensure a smooth transition */
 .dropdown-menu {
     transition: all 0.3s ease-in-out;
 }
@@ -22,9 +22,9 @@
 nav.navbar.menu-header {
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
-  }
+}
   
 nav.navbar.menu-footer {
     border-top-left-radius: 0;
     border-top-right-radius: 0;
-}
+}