diff --git a/events/growl2021.md b/events/growl2021.md
index 381037c..e74d88c 100644
--- a/events/growl2021.md
+++ b/events/growl2021.md
@@ -10,4 +10,4 @@ description: Lernt Growlen, Screamen, Grunten wie die Großen!
 attending: Britta Görtz
 
 Lernt Growlen, Screamen, Grunten wie die Großen! 
-Im FdgL-Growl-Workshop mit Britta Görz von Critical Mess.
\ No newline at end of file
+Im FdgL-Growl-Workshop mit Britta Görtz von Critical Mess.
\ No newline at end of file
diff --git a/static/css/events.css b/static/css/events.css
index f128f17..3ac6479 100644
--- a/static/css/events.css
+++ b/static/css/events.css
@@ -11,12 +11,20 @@
  */
 .event-card {
     border-style: solid;
-    border-width: 3px;
-    border-color: black;
-    border-radius: 9px;
-    margin: 4px 4px 4px 1px;
-    padding-left: 8px;
-    padding-right: 8px;
+    border-width: 0.2rem;
+    border-image-source: linear-gradient(to bottom, rgba(191, 191, 191, 1.0), rgba(255, 255, 255, 1.0));
+    border-image-slice: 1;
+    margin: 0.2rem 0.2rem 0.2rem 0.2rem;
+    padding-left: 0.8rem;
+    padding-right: 0.8rem;
+    width: 16rem;
+}
+
+.event-card-fdgl {
+    border-width: 0.4rem;
+    border-color: #c11012;
+    border-image-source: none;
+    border-image-sice: none;
 }
 
 .event-card img {
@@ -50,8 +58,8 @@
     padding-right: 2px;
 }
 
-@media (min-width: 54rem) {
+@media screen and (max-width: 783px), (orientation: portrait) {
     .event-card {
-        max-width: 40%;
+        width: 100%;
     }
-}
\ No newline at end of file
+}
diff --git a/templates/events.html b/templates/events.html
index 6f507d6..446fdef 100644
--- a/templates/events.html
+++ b/templates/events.html
@@ -1,27 +1,38 @@
 {% extends "template.html" %}
-
+    {% block additional_style %}
+        .container > * {
+            max-width: 50rem;
+            padding:0
+        }
+    {% endblock additional_style %}
 {% block title %}
     Was liegt an?
 {% endblock %}
 {% block content %}
+    <p>
+    Neben unseren eigenen Veranstaltungen trefft ihr uns auch auf Konzerten und
+    Festivals an. Haltet nach unserem Patch Ausschau und sprecht uns an!
+    </p>
     <div class="event-container">
 
     {% for event in events %}
-        <div class="event-card"
+        <div class="event-card {% if event.fdglevent == 'ja' %} event-card-fdgl{% endif %}"
              style="background-image:
                      linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 1.0)),
-                     url({{ event.pic }});
+                        url({{ event.pic }});
                      background-repeat: no-repeat;
                      background-size: cover;
                      background-position: center;">
             <a href="{{ event.link }}#hideextern"><h2>{{ event.title }}</h2></a>
             <!--<img src="{{ event.pic }}"></img>-->
             <p><i class="fas fa-calendar-alt">&nbsp;</i>{{ event.date }}</p>
-            <span class="event-type">{{ event.event }}</span>
             {% if event.fdglevent == 'ja' %}
-                 <span class="event-type-fdgl"><i class="fas fa-certificate">&nbsp;</i>FdgL Event</span>
+                 <span class="event-type"><i class="fas fa-asterisk">&nbsp;</i>FdgL</span>
             {%  endif %}
+            <span class="event-type">{{ event.event }}</span>
+
             <p> {{ event.html|safe }} </p>
+
             <p class="attending">vor Ort:
                 {%  for a in event.attending.split(',') %}
                     <span class="attendee">{{ a }}{%  if a != event.attending.split(',')[-1] %},{%  endif %}</span>
diff --git a/templates/template.html b/templates/template.html
index 202fd1b..5d1207b 100644
--- a/templates/template.html
+++ b/templates/template.html
@@ -7,6 +7,9 @@
     <link rel="fotogrid stylesheet" href="{{ url_for('static', filename='css/fotogrid.css') }}">
     <link rel="event cards stylesheet" href="{{ url_for('static', filename='css/events.css') }}">
     <link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}">
+    <style>
+      {% block additional_style %}{% endblock additional_style %}
+    </style>
     <title>FdgL - Freunde des geordneten Lärms</title>
   </head>
   <body class=post>