updated bootstrap

Homepage/assets/css/style.css

@@ -1,40 +1,43 @@
-    .row.content {
-        height: 1500px;
-    }
-    
+/* Content row: reicht mindestens bis zum Seitenende und waechst bei langen
+   Texten mit. Ersetzt das feste "height: 1500px" aus dem Bootstrap-3-Template,
+   bei dem lange Seiten (z. B. die Datenschutzerklaerung) aus dem Kasten liefen. */
+.row.content {
+    min-height: calc(100vh - 3.5rem);
+}
 
+/* In Bootstrap 5 sind die Spalten Flex-Kinder und werden von selbst auf
+   gleiche Hoehe gestreckt - das frueher noetige "height: 100%" entfaellt. */
+.sidenav {
+    background-color: #f1f1f1;
+}
+
+footer {
+    background-color: #555;
+    color: white;
+    padding: 15px;
+}
+
+@media screen and (max-width: 767px) {
     .sidenav {
-      background-color: #f1f1f1;
-      height: 100%;
-    }
-    
-
-    footer {
-      background-color: #555;
-      color: white;
-      padding: 15px;
-    }
-    
-
-    @media screen and (max-width: 767px) {
-      .sidenav {
         height: auto;
         padding: 15px;
-        }
-      
-        .row.content {height: auto;} 
     }
 
-    .svgimages {
-        height: 14px;
-        width: 14px;
+    .row.content {
+        min-height: auto;
     }
+}
 
-    .req {
+.svgimages {
+    height: 14px;
+    width: 14px;
+}
+
+.req {
     color: #d43d28;
     font-size: 0.7rem;
     font-weight: 700;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     margin-left: 0.3rem;
-}
+}