diff --git a/templating/templates/addMask.html b/templating/templates/addMask.html
index 0df6872..fdcc347 100644
--- a/templating/templates/addMask.html
+++ b/templating/templates/addMask.html
@@ -1,164 +1,58 @@
-{{define "title"}}Sprechstunde anlegen{{end}}
+<{{define "title"}}Sprechstunde anlegen{{end}}
 
 {{define "content"}}
-
-<div class="col-md-12">
-  <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>
-
-<style>
-  input.required ~ label::after, select.required ~ label::after {
-    content: ' *';
-    color: red;
-  }
-
-  .form-control ~ .form-text {
-    padding-left: 12px;
-    padding-right: 12px;
-  }
-</style>
-<div class="row">
-  <div class="col-lg-8 mb-4">
-    <form method="POST" action="addOfficeHour">
-      <div class="form-floating mb-3">
-        <input class="form-control required" required name="name" id="name" type="text" value="{{.Name}}" placeholder="">
-        <label for="name">Name</label>
-      </div>
-
-      <div class="form-floating mb-3">
-        <input class="form-control required" required name="email" id="email" type="email" value="{{.Email}}" placeholder="">
-        <label for="email">Email-Adresse</label>
-        <div class="form-text">
-          {{if ne .Config.Tutor.MailSuffix ""}}
-          Du musst hier eine Email-Adresse angeben, die auf „{{.Config.Tutor.MailSuffix}}“ endet.<br />
-          {{end}}
-          Die Email-Adresse dient der Vermeidung von Spam und wird nicht veröffentlicht.
-        </div>
-      </div>
-
-      <div class="form-floating mb-3">
-        <select class="form-control form-select required" required name="veranstaltung" id="veranstaltung">
-          {{range $course := .Courses}}
-          <option value="{{$course.Id}}"{{if eq $course.Id $.SelectedCourse}} selected{{end}}>{{$course.Name}}</option>
-          {{end}}
-        </select>
-        <label for="veranstaltung">Veranstaltung</label>
-        <div class="form-text">
-          Wenn du eine Veranstaltung hier vermisst, schreibe an
-          <a href="mailto:sprechstundentool@mathebau.de?subject=Sprechstundentool: Neue Veranstaltung&body=Hey liebe Sprechstundentool-Admins,%0D%0A%0D%0Ameine Veranstaltung fehlt im Auswahlmenü.%0D%0AEs ist die Veranstaltung%0D%0A%0D%0AViele Grüße%0D%0A" tabindex="-1">sprechstundentool@mathebau.de</a>.
-        </div>
-      </div>
-
-      <div class="row">
-        <div class="col-md-6">
-
-          <div class="form-floating mb-3">
-            <select class="form-control form-select required" required name="woche" id="woche">
-              <option value="0"{{if eq 0 $.Date.Week}} selected{{end}}>Jede</option>
-              <option value="1"{{if eq 1 $.Date.Week}} selected{{end}}>Ungerade</option>
-              <option value="2"{{if eq 2 $.Date.Week}} selected{{end}}>Gerade</option>
-            </select>
-            <label for="woche">Vorlesungswoche</label>
-          </div>
-
-        </div>
-        <div class="col-md-6">
-
-          <div class="form-floating mb-3">
-            <select class="form-control form-select required" required name="tag" id="tag">
-              <option value="0"{{if eq 0 $.Date.Day}} selected{{end}}>Montag</option>
-              <option value="1"{{if eq 1 $.Date.Day}} selected{{end}}>Dienstag</option>
-              <option value="2"{{if eq 2 $.Date.Day}} selected{{end}}>Mittwoch</option>
-              <option value="3"{{if eq 3 $.Date.Day}} selected{{end}}>Donnerstag</option>
-              <option value="4"{{if eq 4 $.Date.Day}} selected{{end}}>Freitag</option>
-            </select>
-            <label for="tag">Tag</label>
-          </div>
-
-        </div>
-      </div>
-      <div class="row">
-        <div class="col-md-6">
-
-          <div class="form-floating mb-3">
-            <input class="form-control required" required type="time" name="startzeit" id="startzeit"
-             min="{{printf "%02d" .EarliestStartTime.Hour}}:{{printf "%02d" .EarliestStartTime.Minute}}"
-              max="{{printf "%02d" .LatestStartTime.Hour}}:{{printf "%02d" .LatestStartTime.Minute}}"
-              {{if ge $.Date.Hour .EarliestStartTime.Hour}}value="{{printf "%02d" $.Date.Hour}}:{{printf "%02d" $.Date.Minute}}" {{end}}>
-            <label for="startzeit">Startzeit</label>
-          </div>
-
-        </div>
-        <div class="col-md-6">
-
-          <div class="form-floating mb-3">
-            <input class="form-control required" required name="dauer" id="dauer" type="number"
-             min="{{.MinuteGranularity}}" max="120" step="{{.MinuteGranularity}}"
-             {{ if ne .Duration 0}}value="{{.Duration}}"{{end}} placeholder="">
-            <label for="dauer">Dauer in Minuten</label>
-          </div>
-
-        </div>
-      </div>
-      <div class="row">
-        <div class="col-md-6">
-
-          <div class="form-floating mb-3">
-            <select class="form-control form-select required" required name="raum" id="raum">
-              {{range $room := .Rooms}}
-              <option value="{{$room.Id}}"{{if eq $room.Id $.SelectedRoom}} selected{{end}}>{{$room.Name}}</option>
-              {{end}}
-            </select>
-            <label for="raum">Raum</label>
-          </div>
-
-        </div>
-        <div class="col-md-6">
-
-          <div class="form-floating mb-3">
-            <input class="form-control" type="text" name="raumname" id="raumname" value="{{.Roomname}}" placeholder="">
-            <label for="raumname">Raumname (für Sonderräume)</label>
-          </div>
-
-        </div>
-      </div>
-
-      <div class="form-floating mb-3">
-        <input class="form-control" name="info" id="info" type="text" value="{{.Info}}" placeholder="">
-        <label for="info">Info</label>
-      </div>
-
-      <div class="text-center">
-        <button class="btn btn-primary" type="submit">Sprechstunde erstellen</button>
-      </div>
-    </form>
-  </div>
-  <div class="col-lg-4">
-    <p>
-      Beachte, dass in den Arbeitsräumen nur begrenzt viele Sprechstunden gleichzeitig stattfinden dürfen.
-      Das Formular wird dich warnen, falls du versuchst deine Sprechstunde in einem zu vollen Raum anzulegen.
-    </p>
-    <ul class="list-group">
-      {{range $room := .Rooms}}
-      {{ if ge 42 $room.MaxOccupy}}
-      <li class="list-group-item d-flex justify-content-between align-items-center">
-        {{$room.Name}}
-        <span class="badge bg-secondary rounded-pill">
-          {{$room.MaxOccupy}} Sprechstunde{{if gt $room.MaxOccupy 1}}n{{end}}
-        </span>
-      </li>
-      {{end}}
-      {{end}}
-    </ul>
-  </div>
-</div>
-
+<p>
+  {{range .Errors}}{{.}}<br>{{end}}
+</p>
+<p>
+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.
+</p>
+<form method="POST" action="addOfficeHour">
+  <label for="veranstaltung">Veranstaltung</label>:
+  <select name="veranstaltung" id="veranstaltung">
+    {{range $course := .Courses}}
+    <option value="{{$course.Id}}"{{if eq $course.Id $.SelectedCourse}} selected{{end}}>{{$course.Name}}</option>
+    {{end}}
+  </select><br>
+  <small><span class="text-muted">Wenn du eine Veranstaltung hier vermisst, schreibe an
+    <a href="mailto:sprechstundentool@mathebau.de?subject=Sprechstundentool: Neue Veranstaltung&body=Hey liebe Sprechstundentool-Admins,%0D%0A%0D%0Ameine Veranstaltung fehlt im Auswahlmenü.%0D%0AEs ist die Veranstaltung%0D%0A%0D%0AViele Grüße%0D%0A">sprechstundentool@mathebau.de</a>.</span></small><br>
+  <label for="woche">Vorlesungswoche</label>:
+  <select name="woche" id="woche">
+    <option value="0"{{if eq 0 $.Date.Week}} selected{{end}}>Jede</option>
+    <option value="1"{{if eq 1 $.Date.Week}} selected{{end}}>Ungerade</option>
+    <option value="2"{{if eq 2 $.Date.Week}} selected{{end}}>Gerade</option>
+  </select><br>
+  <label for="tag">Tag</label>: <select name="tag" id="tag">
+    <option value="0"{{if eq 0 $.Date.Day}} selected{{end}}>Montag</option>
+    <option value="1"{{if eq 1 $.Date.Day}} selected{{end}}>Dienstag</option>
+    <option value="2"{{if eq 2 $.Date.Day}} selected{{end}}>Mittwoch</option>
+    <option value="3"{{if eq 3 $.Date.Day}} selected{{end}}>Donnerstag</option>
+    <option value="4"{{if eq 4 $.Date.Day}} selected{{end}}>Freitag</option>
+  </select><br>
+  <label for="startzeit">Startzeit</label>: <input type="time" name="startzeit" id="startzeit" min="{{printf "%02d" .EarliestStartTime.Hour}}:{{printf "%02d" .EarliestStartTime.Minute}}" max="{{printf "%02d" .LatestStartTime.Hour}}:{{printf "%02d" .LatestStartTime.Minute}}" {{if ge $.Date.Hour .EarliestStartTime.Hour}}value="{{printf "%02d" $.Date.Hour}}:{{printf "%02d" $.Date.Minute}}"{{end}} required><br>
+  <label for="dauer">Dauer in Minuten</label>: <input name="dauer" id="dauer" type="number" min="{{.MinuteGranularity}}" max="120" step="{{.MinuteGranularity}}" value="{{.Duration}}" required><br>
+  <label for="raum">Raum</label>:
+  <select name="raum" id="raum">
+    {{range $room := .Rooms}}
+    <option value="{{$room.Id}}"{{if eq $room.Id $.SelectedRoom}} selected{{end}}>{{$room.Name}}</option>
+    {{end}}
+  </select><br>
+  <label for="raumname">Raumname (für Sonderräume)</label>: <input type="text" name="raumname" id="raumname" value="{{.Roomname}}"><br>
+  <label for="name">Name</label>: <input name="name" id="name" type="text" size="50" value="{{.Name}}" required><br>
+  <label for="email">Email-Adresse</label>:
+  <input name="email" id="email" type="email" size="50" value="{{.Email}}" required><br>
+  <label for="info">Info</label>: <input name="info" id="info" type="text" size="50" value="{{.Info}}"><br>
+  <input type="submit">
+</form>
+{{if ne .Config.Tutor.MailSuffix ""}}
+Du musst hier eine Email-Adresse angeben, die auf „{{.Config.Tutor.MailSuffix}}“ endet.<br>
+{{end}}
+Außerdem dürfen in Räumen nur begrenzt viele Sprechstunden gleichzeitig stattfinden, nämlich
+<dl>
+  {{range $room := .Rooms}}
+  <dt>{{$room.Name}}</dt>
+  <dd>{{$room.MaxOccupy}} Sprechstunde{{if gt $room.MaxOccupy 1}}n{{end}}</dd>
+  {{end}}
+</dl>
 {{end}}
diff --git a/templating/templates/base.html b/templating/templates/base.html
index 92c97fc..eaafcc1 100644
--- a/templating/templates/base.html
+++ b/templating/templates/base.html
@@ -12,32 +12,16 @@
 </head>
 <body>
   <div class="container">
-    <div class="col-md-8 offset-md-2 bg-secondary bg-gradient mt-3 mb-2 p-3 rounded" style="--bs-bg-opacity: .3;">
-      <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>
-
-    <div id="content">
-      <h1 class="h3 m-1 mb-3">{{template "title" .}}</h1>
-      {{block "content" .}}Du solltest dies nicht sehen.{{end}}
-    </div>
+    {{block "content" .}}Du solltest dies nicht sehen.{{end}}
   </div>
 
   <footer class="container">
-    <div class="col-md-8 offset-md-2 bg-secondary bg-gradient my-3 p-3 rounded" style="--bs-bg-opacity: .3;">
-      &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>
+    <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>
   </footer>
 
   <script src="/static/bootstrap/js/bootstrap.bundle.min.js"></script>
diff --git a/templating/templates/index.html b/templating/templates/index.html
index 5d26189..bde2d3c 100644
--- a/templating/templates/index.html
+++ b/templating/templates/index.html
@@ -1,47 +1,25 @@
-{{define "title"}}
-Sprechstunden
-{{- range $course := .Courses -}}
-{{- if eq $course.Id $.SelectedCourse}} für {{$course.Name}}{{- end -}}
-{{- end -}}
-{{- range $room := .Rooms -}}
-{{- if eq $room.Id $.SelectedRoom}} in Raum {{$room.Name}}{{- end -}}
-{{- end -}}
-{{end}}
+{{define "title"}}Übersicht{{end}}
 
 {{define "content"}}
 <form method="GET" action="/getByCourse">
-  <div class="input-group mb-3">
-    <div class="form-floating col-lg-8">
-      <select class="form-control form-select" name="veranstaltung" id="veranstaltung" size="1" onchange="document.forms[0].submit()">
-        <option value="">–– auswählen ––</option>
-        {{range $course := .Courses}}
-        <option value="{{$course.Id}}"{{if eq $course.Id $.SelectedCourse}} selected{{end}}>{{$course.Name}}</option>
-        {{end}}
-      </select>
-      <label for="veranstaltung">Veranstaltung</label>
-    </div>
-    <noscript>
-      <button class="btn btn-sm btn-outline-secondary col-lg-4" type="submit">Los!</button>
-    </noscript>
-  </div>
+  <label for="veranstaltung">Veranstaltung: </label>
+  <select name="veranstaltung" id="veranstaltung" size="1" onchange="document.forms[0].submit()">
+    <option value="">Alle</option>
+    {{range $course := .Courses}}
+    <option value="{{$course.Id}}"{{if eq $course.Id $.SelectedCourse}} selected{{end}}>{{$course.Name}}</option>
+    {{end}}
+  </select>
+  <input type="submit" value="Auswählen">
 </form>
 <form method="GET" action="/getByRoom">
-  <div class="input-group mb-3">
-    <div class="form-floating">
-      <select class="form-control form-select" name="raum" id="raum" size="1" onchange="document.forms[1].submit()">
-        <option value="">–– auswählen ––</option>
-        {{range $room := .Rooms}}
-        <option value="{{$room.Id}}"{{if eq $room.Id $.SelectedRoom}} selected{{end}}>{{$room.Name}}</option>
-        {{end}}
-      </select>
-      <label for="raum">Raum</label>
-    </div>
-    <noscript>
-      <button class="btn btn-outline-secondary col-lg-4" type="submit">Los!</button>
-    </noscript>
-  </div>
+  <label for="raum">Raum: </label>
+  <select name="raum" id="raum" size="1" onchange="document.forms[1].submit()">
+    <option value="">Alle</option>
+    {{range $room := .Rooms}}
+    <option value="{{$room.Id}}"{{if eq $room.Id $.SelectedRoom}} selected{{end}}>{{$room.Name}}</option>
+    {{end}}
+  </select>
+  <input type="submit" value="Auswählen">
 </form>
-<div id="timetable" style="overflow-x: scroll;">
-  {{.Timetable}}
-</div>
+{{.Timetable}}
 {{end}}