diff --git a/kontor-gin/templates/pages/lofi_detail.html b/kontor-gin/templates/pages/lofi_detail.html
index 7e0f5dd..2fdf8e7 100644
--- a/kontor-gin/templates/pages/lofi_detail.html
+++ b/kontor-gin/templates/pages/lofi_detail.html
@@ -1,44 +1,100 @@
 {{ define "lofi_detail" }}
 <!doctype html>
 <html lang="de">
-    {{ template "head" . }}
+  {{ template "head" . }}
 
-    <body>
-        {{ template "navbar" . }}
-        <div class="row">
-            <h1>Media Lofi</h1>
+  <body>
+    {{ template "navbar" . }}
+    <main>
+      <div class="row">
+        <div class="col-md-8">
+          <h1>Media Lofi</h1>
+          <p>Hier steht der wesentliche Inhalt der Seite.</p>
         </div>
-        <div class="row">
-            <form class="form-inline" action="/web/media-lofis">
-                <input type="text" placeholder="Search" name="query">
-                <input>
-                    <input type="checkbox" name="review" {{ if .Review }}checked{{ end }}>Review
-                </label>
-                <label>
-                    <input type="checkbox" name="should_download" {{ if .ShouldDownload }}checked{{ end }}>Download
-                </label>
-                <button type="submit">Search</button>
-                <div class="pill-nav"><a href="/web/media-lofis/add">Add Lofi</a></div>
-            </form>
+        <div class="col-md-4">
+          <aside class="bg-light p-3">
+            <h3>Seitenbereich</h3>
+            <p>Optionale Sidebar oder Zusatzinformationen.</p>
+          </aside>
         </div>
+      </div>
+      <div class="row">
+        <form class="form-inline" action="/web/media-lofis">
+          <input type="text" placeholder="Search" name="query" />
+          <label>
+            <input
+              type="checkbox"
+              name="review"
+              {{if
+              .isReview}}checked{{end}}
+            />Review
+          </label>
+          <label>
+            <input
+              type="checkbox"
+              name="should_download"
+              {{if
+              .isDownload}}checked{{end}}
+            />Download
+          </label>
+          <button type="submit">Search</button>
+          <div class="pill-nav">
+            <a href="/web/media-lofis/add">Add Lofi</a>
+          </div>
+        </form>
+      </div>
+      <div class="row">
         {{ if .Errors }}
         <div class="notification is-danger">{{ .Errors }}</div>
         {{ end }}
-        <div class="row">
-            <div class="maincolumn">
-                <form action="/web/media-lofis/{{.lofi.ID}}/edit" method="POST">
-                    <label>URL</label>
-                    <input type="text" name="weblink" value="{{.lofi.WebLink}}">
-
-                    <label>Titel</label>
-                    <input type="text" name="title" value="{{.lofi.Title}}">
-
-                    <button type="submit">Update</button>
-                    <button type="button" onclick="/web/media-lofis">Cancel</button>
-                </form>
+      </div>
+      <div class="row">
+        {{ if .Errors }}
+        <div class="notification is-danger">{{ .Errors }}</div>
+        {{ end }}
+      </div>
+      <div class="row">
+        <form action="/web/media-lofis/{{.lofi.ID}}/edit" method="POST">
+          <div class="form-group row">
+            <label for="inputWeblink" class="col-sm-2 -col-form-label"
+              >URL</label
+            >
+            <div class="col-sm-10">
+              <input
+                type="text"
+                class="form-control"
+                id="inputWeblink"
+                name="weblink"
+                value="{{.lofi.WebLink}}"
+              />
             </div>
-        </div>
-        {{ template "footer" . }}
-    </body>
+          </div>
+          <div class="form-group row">
+            <label for="inputTitle" class="col-sm-2 -col-form-label"
+              >Title</label
+            >
+            <div class="col-sm-10">
+              <input
+                type="text"
+                class="form-control"
+                id="inputTitle"
+                name="title"
+                value="{{.lofi.Title}}"
+              />
+            </div>
+          </div>
+          <div class="form-group row">
+            <div class="col-sm-10">
+              <button class="btn btn-primary" type="submit">Update</button>
+              <button class="btn" type="button" onclick="/web/media-lofis">
+                Cancel
+              </button>
+            </div>
+          </div>
+        </form>
+      </div>
+    </main>
+    {{ template "footer" . }}
+  </body>
 </html>
 {{ end }}