diff --git a/src/fellchensammlung/templates/fellchensammlung/bulma-terms-of-service.html b/src/fellchensammlung/templates/fellchensammlung/bulma-terms-of-service.html
new file mode 100644
index 0000000..58d8c59
--- /dev/null
+++ b/src/fellchensammlung/templates/fellchensammlung/bulma-terms-of-service.html
@@ -0,0 +1,17 @@
+{% extends "fellchensammlung/base_bulma.html" %}
+{% load i18n %}
+{% load custom_tags %}
+
+{% block title %}<title>{% translate "Über uns" %}</title>{% endblock %}
+
+{% block content %}
+    <h2 class="title is-2">{% translate "Regeln" %}</h2>
+    {% include "fellchensammlung/lists/bulma-list-rules.html" %}
+
+    <div class="block">
+        <h1 class="title is-1">{{ text.title }}</h1>
+        <div class="content">
+            {{ text.content | render_markdown }}
+        </div>
+    </div>
+{% endblock %}
\ No newline at end of file
diff --git a/src/fellchensammlung/templates/fellchensammlung/lists/bulma-list-rules.html b/src/fellchensammlung/templates/fellchensammlung/lists/bulma-list-rules.html
new file mode 100644
index 0000000..84434c2
--- /dev/null
+++ b/src/fellchensammlung/templates/fellchensammlung/lists/bulma-list-rules.html
@@ -0,0 +1,5 @@
+<div class="container-cards">
+{% for rule in rules %}
+    {% include "fellchensammlung/partials/bulma-partial-rule.html" %}
+{% endfor %}
+</div>
\ No newline at end of file
diff --git a/src/fellchensammlung/templates/fellchensammlung/partials/bulma-partial-rule.html b/src/fellchensammlung/templates/fellchensammlung/partials/bulma-partial-rule.html
new file mode 100644
index 0000000..4b01dbd
--- /dev/null
+++ b/src/fellchensammlung/templates/fellchensammlung/partials/bulma-partial-rule.html
@@ -0,0 +1,9 @@
+{% load custom_tags %}
+<div class="card">
+    <div class="card-header">
+        <h2 class="card-header-title">{{ rule.title }}</h2>
+    </div>
+    <div class="card-content">
+        <p class="content">{{ rule.rule_text | render_markdown }}</p>
+    </div>
+</div>
\ No newline at end of file
diff --git a/src/fellchensammlung/views.py b/src/fellchensammlung/views.py
index 5f26798..a1a06e9 100644
--- a/src/fellchensammlung/views.py
+++ b/src/fellchensammlung/views.py
@@ -461,7 +461,13 @@ def privacy(request):
 
 def terms_of_service(request):
     text = i18n.get_text_by_language("terms_of_service")
-    return render_text(request, text)
+    rules = Rule.objects.all()
+    context = {"rules": rules, "text": text}
+    return render(
+        request,
+        "fellchensammlung/bulma-terms-of-service.html",
+        context=context
+    )
 
 
 def report_adoption(request, adoption_notice_id):