diff --git a/new-registration-app/templates/base.html b/new-registration-app/templates/base.html
index 6462134..016b6dd 100644
--- a/new-registration-app/templates/base.html
+++ b/new-registration-app/templates/base.html
@@ -2,13 +2,12 @@
 <html lang="de">
 <head>
     <meta charset="utf-8">
-
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>Allmende Essen</title>
-    <link href="/static/css/bootstrap.min.css" rel="stylesheet"
-          integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB">
+    <link href="/static/css/bootstrap.min.css" rel="stylesheet">
     <link href="/static/icons/bootstrap-icons.min.css" rel="stylesheet">
 </head>
-<body class="p-3 m-0 border-0 bd-example m-0 border-0">
+<body class="p-3 m-0 border-0 bd-example">
 <nav class="navbar navbar-expand-lg bg-body-tertiary">
     <div class="container-fluid">
         <a class="navbar-brand" href="/">
@@ -38,7 +37,6 @@
     {% block content %}{% endblock %}
 </div>
 
-<script src="/static/js/bootstrap.bundle.min.js"
-        integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI"></script>
+<script src="/static/js/bootstrap.bundle.min.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/new-registration-app/templates/index.html b/new-registration-app/templates/index.html
index 93b8d5c..86acf02 100644
--- a/new-registration-app/templates/index.html
+++ b/new-registration-app/templates/index.html
@@ -8,22 +8,20 @@
         </a>
     </div>
 </div>
+<div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-4">
 {% for event in events %}
-<div class="row">
     <div class="col">
-        <div class="card p-3 m-3">
+        <div class="card h-100 shadow-sm">
             <div class="card-body">
-                <div class="d-flex justify-content-between align-items-center">
-                    <h5 class="card-title">{{ event.title }}</h5>
-                    <h5 class="text-muted"><i class="bi bi-calendar"></i> {{ event.event_time.strftime('%A, %d.%m.%Y')
+                    <h5 class="card-title mb-1">{{ event.title }}</h5>
+                    <p class="text-muted mb-3"><i class="bi bi-calendar"></i> {{ event.event_time.strftime('%A, %d.%m.%Y')
                         }}
-                    </h5>
-                </div>
+                    </p>
                 <p class="card-text">{{ event.description }}</p>
-                <a href="event/{{ event.id }}" class="btn {% if event.registration_deadline > now %}btn-primary{% else %}btn-secondary{% endif %}">{% if event.registration_deadline > now %}Zur Anmeldung{% else %}Details ansehen{% endif %}</a>
+                <a href="event/{{ event.id }}" class="btn btn-sm {% if event.registration_deadline > now %}btn-primary{% else %}btn-secondary{% endif %}">{% if event.registration_deadline > now %}Zur Anmeldung{% else %}Details ansehen{% endif %}</a>
             </div>
         </div>
     </div>
-</div>
 {% endfor %}
+</div>
 {% endblock %}
\ No newline at end of file
