looks good on mobile

layouts/partials/footer.html

@@ -1,23 +1,42 @@
-<footer class="footer fixed-bottom bg-dark">
+<div class="container">
+  <footer
+    class="footer d-flex flex-wrap justify-content-between align-items-center py-3 my-auto mx-3 border-top"
+  >
+    <p class="col-md-4 mb-0 text-body-secondary justify-content-start">
+      &copy; {{ now.Year }} University of Stuttgart
+    </p>
 
-  <div class="container">
-    <footer class="d-flex flex-wrap justify-content-between align-items-center py-3 my-4 border-top">
-      <p class="col-md-4 mb-0 text-body-secondary">&copy; {{ now.Year }} University of Stuttgart</p>
+    <p
+      class="col-md-4 mb-0 text-body-secondary text-center"
+    >
+      Powered by&nbsp;<a
+        href="https://gohugo.io/"
+        rel="noopener noreferrer"
+        target="_blank"
+        >Hugo</a
+      >
+    </p>
 
-      <a href="/" class="col-md-4 d-flex align-items-center justify-content-center mb-3 mb-md-0 me-md-auto link-body-emphasis text-decoration-none">
-        <svg class="bi me-2" width="40" height="32"><use xlink:href="#bootstrap"/></svg>
-      </a>
+    <ul class="nav col-md-4 mb-0 justify-content-end">
+      <li class="nav-item">
+        <a
+          href="https://info.irs.uni-stuttgart.de/datenschutz/datenschutzWebmit.html"
+          class="nav-link px-2 text-body-secondary"
+          >Protection of Privacy</a
+        >
+      </li>
+      <li class="nav-item">
+        <a
+          href="https://www.uni-stuttgart.de/impressum"
+          class="nav-link px-2 text-body-secondary"
+          >Imprint</a
+        >
+      </li>
+    </ul>
+  </footer>
+</div>
 
-      <ul class="nav col-md-4 justify-content-end">
-        <li class="nav-item"><a href="#" class="nav-link px-2 text-body-secondary">Protection of Privacy</a></li>
-        <li class="nav-item"><a href="#" class="nav-link px-2 text-body-secondary">Imprint</a></li>
-      </ul>
-    </footer>
-  </div>
-
-  <!-- JavaScript and dependencies -->
-
-  {{ $bootstrap := resources.Get "js/bootstrap.bundle.min.js" }}
-  {{ $js := slice $bootstrap | resources.Concat "js/bundle.js" | resources.Minify }}
-  <script src="{{$js.RelPermalink}}" defer></script>
-</footer>
+<!-- JavaScript and dependencies -->
+{{ $bootstrap := resources.Get "js/bootstrap.bundle.min.js" }} {{ $js := slice
+$bootstrap | resources.Concat "js/bundle.js" | resources.Minify }}
+<script src="{{$js.RelPermalink}}" defer></script>