diff --git a/templating/templates/addMask.html b/templating/templates/addMask.html
index b29c17a..3018c05 100644
--- a/templating/templates/addMask.html
+++ b/templating/templates/addMask.html
@@ -2,15 +2,17 @@
 
 {{define "content"}}
 
-<div class="alert alert-info">
-  Für die vorlesungsfreie Zeit müssen und können keine Sprechstunden gebucht werden.
-  Nutzt die offenen Arbeitsräume in dieser Zeit, wann immer ihr sie braucht.
+<div class="col-md-10 offset-md-1">
+  <div class="alert alert-info">
+    Für die vorlesungsfreie Zeit müssen und können keine Sprechstunden gebucht werden.
+    Nutzt die offenen Arbeitsräume in dieser Zeit, wann immer ihr sie braucht.
+  </div>
+  {{range .Errors}}
+  <div class="alert alert-danger">
+    <strong>Fehler: </strong> {{.}}
+  </div>
+  {{end}}
 </div>
-{{range .Errors}}
-<div class="alert alert-danger">
-  <strong>Fehler: </strong> {{.}}
-</div>
-{{end}}
 
 <style>
   input.required ~ label::after, select.required ~ label::after {
@@ -129,11 +131,13 @@
       </div>
 
       <div class="form-floating mb-3">
-        <input class="form-control" name="info" id="info" type="text" value="{{.Info}}" placeholder="" required>
+        <input class="form-control" name="info" id="info" type="text" value="{{.Info}}" placeholder="">
         <label for="info">Info</label>
       </div>
 
-      <button class="btn btn-primary" type="submit">Sprechstunde erstellen</button>
+      <div class="text-center">
+        <button class="btn btn-primary" type="submit">Sprechstunde erstellen</button>
+      </div>
     </form>
   </div>
   <div class="col-lg-4">
diff --git a/templating/templates/base.html b/templating/templates/base.html
index eaafcc1..a5a1666 100644
--- a/templating/templates/base.html
+++ b/templating/templates/base.html
@@ -11,17 +11,30 @@
   <title>{{block "title" .}}Start{{end}} – Sprechstunden</title>
 </head>
 <body>
-  <div class="container">
+  <div class="container mt-3 mb-3">
+    <div class="col-md-8 offset-md-2 col-sm-10 offset-sm-1 bg-secondary bg-gradient p-3 mb-3 rounded" style="--bs-bg-opacity: .5;">
+      <h5 class="text-center m-1">Sprechstunden für Matheveranstaltungen an der TU Darmstadt</h5>
+      <p class="text-center mb-0">
+        <a href="/">Startseite</a>
+        &bullet;
+        <a href="/addOfficeHour">Sprechstunde anlegen</a>
+        &bull;
+        <a href="/deleteOfficeHour">Sprechstunde löschen</a>
+      </p>
+    </div>
+
     {{block "content" .}}Du solltest dies nicht sehen.{{end}}
   </div>
 
   <footer class="container">
-    <a href="/">Startseite</a><br>
-    <a href="/addOfficeHour">Sprechstunde anlegen</a><br>
-    <a href="/deleteOfficeHour">Sprechstunde löschen</a><br>
-    <!-- NOTE: when updating this hard coded email adress, also update it in addMask.html -->
-    Technische Fragen an <a href="mailto:sprechstundentool@mathebau.de">sprechstundentool@mathebau.de</a><br>
-    Quellcode und Featurewünsche: <a href="https://gitea.mathebau.de/Fachschaft/sprechstunden-go">Gitea-Repository</a>
+    <div class="col-md-8 offset-md-2 col-sm-10 offset-sm-1 bg-secondary bg-gradient p-3 mb-3 rounded" style="--bs-bg-opacity: .5;">
+      &COPY; <a class="text-body" href="https://mathebau.de/">Fachschaft Mathematik, TU Darmstadt</a>
+      <br />
+      <!-- NOTE: when updating this hard coded email adress, also update it in addMask.html -->
+      Technische Fragen an <a href="mailto:sprechstundentool@mathebau.de">sprechstundentool@mathebau.de</a>
+      <br />
+      Quellcode und Featurewünsche:&nbsp;<a href="https://gitea.mathebau.de/Fachschaft/sprechstunden-go">Gitea-Repository</a>
+    </div>
   </footer>
 
   <script src="/static/bootstrap/js/bootstrap.bundle.min.js"></script>
