diff --git a/templates/widgets/modal.hamlet b/templates/widgets/modal.hamlet
index 6906448e7..24236abdc 100644
--- a/templates/widgets/modal.hamlet
+++ b/templates/widgets/modal.hamlet
@@ -1,4 +1,15 @@
 <div .modal.js-modal #modal-#{modalId} data-trigger=#{modalTrigger} data-closeable=true>
   $# #{modalContent}
-  ^{lipsum}
-  ^{lipsum}
+  <h2>Neue Veranstaltung
+  <form>
+    <div .form-group>
+      <label .reactive-label for="inp1">Name
+      <input type="text" id="inp1">
+    <div .form-group>
+      <label .reactive-label for="inp2">Kürzel
+      <input type="text" id="inp2">
+    <div .form-group>
+      <label .reactive-label for="inp3">Semester
+      <input type="text" id="inp3">
+    <div .form-group>
+      <input type="submit" value="Submit">
diff --git a/templates/widgets/modal.lucius b/templates/widgets/modal.lucius
index 8c49cb4cd..0a07956c6 100644
--- a/templates/widgets/modal.lucius
+++ b/templates/widgets/modal.lucius
@@ -4,13 +4,13 @@
   top: 50%;
   transform: translate(-50%, -50%);
   display: block;
-  background-color: rgba(130, 130, 130, 0.9);
+  background-color: rgba(255, 255, 255, 0.9);
   min-width: 60vw;
   min-height: 100px;
   max-height: calc(100vh - 30px);
   border-radius: 20px;
   z-index: -1;
-  color: white;
+  color: var(--fontbase);
   padding: 20px;
   overflow: scroll;