diff --git a/dav_registration/templates/dav_registration/event_list.html b/dav_registration/templates/dav_registration/event_list.html
index 83c7f1c..9636609 100644
--- a/dav_registration/templates/dav_registration/event_list.html
+++ b/dav_registration/templates/dav_registration/event_list.html
@@ -17,7 +17,7 @@
             <tr>
                 <td>
                     <div class="pull-right" style="margin-left: 2em;">
-                        <a role="button" id="controlCollapseDetails{{ event.id }}" data-toggle="collapse"
+                        <a role="button" id="controlChevronCollapseDetails{{ event.id }}" data-toggle="collapse"
                            href="#collapseDetails{{ event.id }}"
                            aria-expanded="false" aria-controls="collapseDetails{{ event.id }}">
                             <span title="{% trans 'Details aufklappen' %}" class="glyphicon glyphicon-chevron-down"></span>
@@ -46,9 +46,13 @@
                         {% endwith %}
                     </div>
                     <div>
-                        <strong>
-                            {{ event.get_number }} - {{ event.title }}
-                        </strong>
+                        <strong><span class="panel-title">
+                            <a role="button" id="controlCollapseDetails{{ event.id }}" data-toggle="collapse"
+                               href="#collapseDetails{{ event.id }}"
+                               aria-expanded="false" aria-controls="collapseDetails{{ event.id }}">
+                                {{ event.get_number }} - {{ event.title }}
+                            </a>
+                        </span></strong>
                         <p>
                             {{ event.get_formated_date }}
                             {% if event.get_alt_formated_date %}
@@ -81,12 +85,12 @@
                     </div>
                     <script>
                         $("#collapseDetails{{ event.id }}").on("shown.bs.collapse", function() {
-                            icon = $("#controlCollapseDetails{{ event.id }}").find(".glyphicon")
+                            icon = $("#controlChevronCollapseDetails{{ event.id }}").find(".glyphicon")
                             icon.removeClass("glyphicon-chevron-down").addClass("glyphicon-chevron-up");
                             icon.attr("title", "{% trans 'Details verbergen' %}");
                         });
                         $("#collapseDetails{{ event.id }}").on("hidden.bs.collapse", function() {
-                            icon = $("#controlCollapseDetails{{ event.id }}").find(".glyphicon")
+                            icon = $("#controlChevronCollapseDetails{{ event.id }}").find(".glyphicon")
                             icon.removeClass("glyphicon-chevron-up").addClass("glyphicon-chevron-down");
                             icon.attr("title", "{% trans 'Details aufklappen' %}");
                         });