diff --git a/client/tailwind.config.js b/client/tailwind.config.js
index bd222674..5994b410 100644
--- a/client/tailwind.config.js
+++ b/client/tailwind.config.js
@@ -4,7 +4,7 @@ module.exports = {
   content: [
     './index.html',
     './src/**/*.{vue,js,ts,jsx,tsx}',
-    // '../server/vbv_lernwelt/**/*.{html,js}',
+    // '../server/vbv_lernwelt/**/*.{html,js,py}',
   ],
   theme: {
     fontFamily: {
diff --git a/server/vbv_lernwelt/learnpath/models.py b/server/vbv_lernwelt/learnpath/models.py
index f2d8344b..14fb1f64 100644
--- a/server/vbv_lernwelt/learnpath/models.py
+++ b/server/vbv_lernwelt/learnpath/models.py
@@ -150,6 +150,13 @@ class LearningSequence(Page):
     def get_admin_display_title(self):
         return f'{self.icon} {self.draft_title}'
 
+    def get_admin_display_title_html(self):
+        return f'''
+          <span style="display: inline-flex; align-items: center; font-size: 1.25rem; font-weight: 700;">
+            <{self.icon} style="height: 32px; width: 32px;"></{self.icon}>
+            <span style="margin-left: 8px;">{self.draft_title}</span>
+          </span>'''
+
     def full_clean(self, *args, **kwargs):
         super(LearningSequence, self).full_clean(*args, **kwargs)
 
@@ -168,6 +175,9 @@ class LearningUnit(Page):
     def get_serializer_class(cls):
         return get_it_serializer_class(cls, field_names=['id', 'title', 'slug', 'type', 'translation_key', 'children'])
 
+    def get_admin_display_title_html(self):
+        return f'<span style="font-weight: 700; font-size: 20px;">{self.draft_title}</span>'
+
 
 class LearningUnitQuestion(Page):
     parent_page_types = ['learnpath.LearningUnit']
@@ -220,6 +230,13 @@ class LearningContent(Page):
 
         return display_title
 
+    def get_admin_display_title_html(self):
+        return f'''
+          <span style="display: inline-flex; align-items: center;">
+            <it-icon-checkbox-unchecked style="height: 24px; width: 24px;"></it-icon-checkbox-unchecked>
+            <span style="margin-left: 8px;">{self.get_admin_display_title()}</span>
+          </span>'''
+
     class Meta:
         verbose_name = "Learning Content"
 
diff --git a/server/vbv_lernwelt/templates/wagtailadmin/pages/index.html b/server/vbv_lernwelt/templates/wagtailadmin/pages/index.html
index 337de9c8..02a8b599 100644
--- a/server/vbv_lernwelt/templates/wagtailadmin/pages/index.html
+++ b/server/vbv_lernwelt/templates/wagtailadmin/pages/index.html
@@ -2,13 +2,28 @@
 {% load wagtailadmin_tags i18n %}
 
 {% block extra_js %}
-    {{ block.super }}
+  {{ block.super }}
 
-    <script type="text/javascript">
-      if (document.location.href.endsWith('/')) {
-        // add ?ordering=ord as default ordering
-        console.log('redirect');
-        document.location.replace(document.location.href + '?ordering=ord');
-      }
+  <style>
+  .title_type_learningcontent {
+    border-left: 2px solid #41B5FA;
+    padding-left: 16px !important;
+  }
+
+  .title_type_learningunit {
+    border-left: 2px solid #41B5FA;
+    padding-left: 16px !important;
+  }
+
+  </style>
+
+  <script defer src="/learnpath/icons/"></script>
+
+  <script type="text/javascript">
+  if (document.location.href.endsWith('/')) {
+    // add ?ordering=ord as default ordering
+    console.log('redirect');
+    document.location.replace(document.location.href + '?ordering=ord');
+  }
   </script>
 {% endblock %}
diff --git a/server/vbv_lernwelt/templates/wagtailadmin/pages/listing/_list.html b/server/vbv_lernwelt/templates/wagtailadmin/pages/listing/_list.html
new file mode 100644
index 00000000..54b82326
--- /dev/null
+++ b/server/vbv_lernwelt/templates/wagtailadmin/pages/listing/_list.html
@@ -0,0 +1,96 @@
+{% load i18n %}
+{% load l10n %}
+{% load wagtailadmin_tags %}
+<table class="listing {% if full_width %}full-width{% endif %} {% block table_classname %}{% endblock %}">
+  {% if show_ordering_column or show_bulk_actions %}
+    <col width="10px"/>
+  {% endif %}
+  <col/>
+  {% if show_parent %}
+    <col/>
+  {% endif %}
+  <col width="12%"/>
+  <col width="12%"/>
+  <col width="12%"/>
+  <col width="10%"/>
+  <thead>
+  {% block pre_parent_page_headers %}
+  {% endblock %}
+
+  {% if parent_page %}
+    {% page_permissions parent_page as parent_page_perms %}
+    <tr class="index {% if not parent_page.live %} unpublished{% endif %}
+      {% block parent_page_row_classname %}{% endblock %}">
+      <td class="title"{% if show_ordering_column or show_bulk_actions %} colspan="2"{% endif %}>
+        {% block parent_page_title %}
+        {% endblock %}
+      </td>
+      <td class="updated" valign="bottom">{% if parent_page.latest_revision_created_at %}
+        <div class="human-readable-date" title="{{ parent_page.latest_revision_created_at|date:"DATETIME_FORMAT" }}">
+          {% blocktrans trimmed with time_period=parent_page.latest_revision_created_at|timesince %}{{ time_period }}
+            ago{% endblocktrans %}</div>{% endif %}</td>
+      <td class="type" valign="bottom">
+        {% if not parent_page.is_root %}
+          {{ parent_page.content_type.model_class.get_verbose_name }}
+        {% endif %}
+      </td>
+      <td class="status" valign="bottom">
+        {% if not parent_page.is_root %}
+          {% include "wagtailadmin/shared/page_status_tag.html" with page=parent_page %}
+        {% endif %}
+      </td>
+      <td></td>
+    </tr>
+  {% endif %}
+
+  {% block post_parent_page_headers %}
+  {% endblock %}
+  </thead>
+  <tbody>
+  {% if pages %}
+    {% trans "Select page" as checkbox_aria_label %}
+    {% for page in pages %}
+      {% page_permissions page as page_perms %}
+      <tr {% if ordering == "ord" %}id="page_{{ page.id|unlocalize }}"
+          data-page-title="{{ page.get_admin_display_title }}"{% endif %}
+          class="{% if not page.live %}unpublished{% endif %} {% block page_row_classname %}{% endblock %}">
+        {% if show_ordering_column %}
+          <td class="ord">{% if orderable and ordering == "ord" %}
+            <div class="handle icon icon-grip text-replace">{% trans 'Drag' %}</div>{% endif %}</td>
+        {% elif show_bulk_actions %}
+          {% include "wagtailadmin/bulk_actions/listing_checkbox_cell.html" with obj_type="page" obj=page aria_labelledby_prefix="page_" aria_labelledby=page.pk|unlocalize aria_labelledby_suffix="_title" %}
+        {% endif %}
+        <td id="page_{{ page.pk|unlocalize }}_title" class="title title_type_{{ page.content_type.model }}" valign="top" data-listing-page-title>
+          {{ page.type }}
+          {% block page_title %}
+          {% endblock %}
+        </td>
+        {% if show_parent %}
+          <td class="parent" valign="top">
+            {% block page_parent_page_title %}
+              {% with page.get_parent as parent %}
+                {% if parent %}
+                  <a
+                    href="{% url 'wagtailadmin_explore' parent.id %}">{{ parent.specific_deferred.get_admin_display_title }}</a>
+                {% endif %}
+              {% endwith %}
+            {% endblock %}
+          </td>
+        {% endif %}
+        <td class="updated" valign="top">{% if page.latest_revision_created_at %}
+          <div class="human-readable-date" title="{{ page.latest_revision_created_at|date:"DATETIME_FORMAT" }}">
+            {% blocktrans trimmed with time_period=page.latest_revision_created_at|timesince %}{{ time_period }}
+              ago{% endblocktrans %}</div>{% endif %}</td>
+        <td class="type" valign="top">{{ page.content_type.model_class.get_verbose_name }}</td>
+        <td class="status" valign="top">
+          {% include "wagtailadmin/shared/page_status_tag.html" with page=page %}
+        </td>
+        {% block page_navigation %}
+        {% endblock %}
+      </tr>
+    {% endfor %}
+  {% else %}
+    {% block no_results %}{% endblock %}
+  {% endif %}
+  </tbody>
+</table>
diff --git a/server/vbv_lernwelt/templates/wagtailadmin/pages/listing/_list_explore.html b/server/vbv_lernwelt/templates/wagtailadmin/pages/listing/_list_explore.html
new file mode 100644
index 00000000..fd4de9f5
--- /dev/null
+++ b/server/vbv_lernwelt/templates/wagtailadmin/pages/listing/_list_explore.html
@@ -0,0 +1,8 @@
+{% extends "wagtailadmin/pages/listing/_list_explore.html" %}
+
+{% load i18n wagtailadmin_tags %}
+
+
+{% block page_title %}
+  {% include "wagtailadmin/pages/listing/_page_title_explore.html" %}
+{% endblock %}
diff --git a/server/vbv_lernwelt/templates/wagtailadmin/pages/listing/_page_title_explore.html b/server/vbv_lernwelt/templates/wagtailadmin/pages/listing/_page_title_explore.html
new file mode 100644
index 00000000..0b266118
--- /dev/null
+++ b/server/vbv_lernwelt/templates/wagtailadmin/pages/listing/_page_title_explore.html
@@ -0,0 +1,41 @@
+{% load i18n wagtailadmin_tags %}
+
+{# The title field for a page in the page listing, when in 'explore' mode #}
+
+<div class="title-wrapper">
+  {% if page.is_site_root %}
+    {% if perms.wagtailcore.add_site or perms.wagtailcore.change_site or perms.wagtailcore.delete_site %}
+      <a href="{% url 'wagtailsites:index' %}" class="icon icon-site" title="{% trans 'Sites menu' %}"></a>
+    {% endif %}
+  {% endif %}
+
+  {% if page_perms.can_edit %}
+    <a href="{% url 'wagtailadmin_pages:edit' page.id %}"
+       title="{% trans 'Edit this page' %}">
+      {% if page.get_admin_display_title_html %}
+      {% autoescape off %}{{ page.get_admin_display_title_html }}{% endautoescape %}
+      {% else %}
+        {{ page.get_admin_display_title }}
+      {% endif %}
+    </a>
+
+  <a href="/cms/pages/124/edit/"
+     title="Edit this page">
+  </a>
+  {% else %}
+    {{ page.get_admin_display_title }}
+  {% endif %}
+
+  {% if show_locale_labels %}
+    <span class="status-tag status-tag--label">{{ page.locale.get_display_name }}</span>
+  {% endif %}
+
+  {% block pages_listing_title_extra %}{% endblock pages_listing_title_extra %}
+
+  {% include "wagtailadmin/pages/listing/_privacy_indicator.html" with page=page %}
+  {% include "wagtailadmin/pages/listing/_locked_indicator.html" with page=page %}
+</div>
+
+<ul class="actions">
+  {% page_listing_buttons page page_perms %}
+</ul>