diff --git a/html/event.html b/html/event.html
index b9befaa..713807a 100644
--- a/html/event.html
+++ b/html/event.html
@@ -15,7 +15,7 @@
     <div class="row">
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Bewerbungsseminar</h4>
                         <p>Start: 2018-01-26 at 10:00</p>
@@ -28,7 +28,7 @@
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Kolloquium Forschende Frauen</h4>
                         <p>Start: 2018-06-12 at 9:00</p>
@@ -41,7 +41,7 @@
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Rhetorikseminar</h4>
                         <p>Start: 2017-11-10 at 12:00</p>
@@ -54,7 +54,7 @@
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Rhetorikseminar</h4>
                         <p>Start: 2017-11-11 at 10:00</p>
@@ -67,7 +67,7 @@
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Self-employment-Seminar für Studentinnen</h4>
                         <p>Start: 2017-11-17 at 10:00</p>
@@ -80,7 +80,7 @@
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Seminar "Selbstsichere Rhetorik"</h4>
                         <p>Start: 2018-01-19 at 9:00</p>
@@ -93,7 +93,7 @@
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>DIES ACADEMICUS 2017</h4>
                         <p>Start: 2017-11-13 at 17:00</p>
@@ -109,7 +109,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>EWS-Fest</h4>
                         <p>Start: 2017-11-23 at 16:00</p>
@@ -122,7 +122,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>EWS-Fest</h4>
                         <p>Start: 2017-11-23 at 18:00</p>
@@ -135,7 +135,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>EWS-Fest</h4>
                         <p>Start: 2017-11-23 at 18:00</p>
@@ -148,7 +148,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>EWS-Fest</h4>
                         <p>Start: 2017-11-23 at 18:00</p>
@@ -161,7 +161,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>EWS-Fest</h4>
                         <p>Start: 2017-11-23 at 18:00</p>
@@ -174,7 +174,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>EWS-Fest</h4>
                         <p>Start: 2017-11-23 at 18:00</p>
@@ -187,7 +187,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>EWS-Fest</h4>
                         <p>Start: 2017-11-23 at 18:00</p>
@@ -200,7 +200,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>EWS-Fest</h4>
                         <p>Start: 2017-11-23 at 18:00</p>
@@ -213,7 +213,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>EWS-Fest</h4>
                         <p>Start: 2017-11-23 at 18:00</p>
@@ -226,7 +226,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>EWS-Fest</h4>
                         <p>Start: 2017-11-23 at 18:00</p>
@@ -239,7 +239,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>EWS-Fest</h4>
                         <p>Start: 2017-11-23 at 18:00</p>
@@ -252,7 +252,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>KulturPLUS-Ringvorlesung</h4>
                         <p>Start: 2017-10-17 at 18:15</p>
@@ -265,7 +265,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Steuergruppe WegE</h4>
                         <p>Start: 2017-10-24 at 8:30</p>
@@ -278,7 +278,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>WegE Lecture: "Gute Schule: evident oder evidenzbasiert? Transfermodelle wirksamer Schulpraxis" (Prof. Dr. Hans Anand Pant)</h4>
                         <p>Start: 2017-11-29 at 18:00</p>
@@ -291,7 +291,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>WegE Lecture: "Kompetenzentwicklung von KiTa-Fachkräften" (Prof. Dr. Christoph Mischo)</h4>
                         <p>Start: 2018-01-22 at 18:00</p>
@@ -304,7 +304,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Mentale Kompetenz für den Lehrberuf</h4>
                         <p>Start: 2018-01-27 at 9:00</p>
@@ -317,7 +317,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Mit einer gesunden und starken Stimme durch das Schuljahr</h4>
                         <p>Start: 2017-11-25 at 9:00</p>
@@ -330,7 +330,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Mit einer gesunden und starken Stimme durch das Schuljahr</h4>
                         <p>Start: 2017-11-26 at 9:00</p>
@@ -343,7 +343,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Systemische Strukturaufstellungen - ein erweiternder Blick auf berufliche Anliegen</h4>
                         <p>Start: 2017-10-21 at 12:00</p>
@@ -356,7 +356,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Tagung: Engagement bildet</h4>
                         <p>Start: 2018-01-26 at 10:00</p>
@@ -369,7 +369,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Tagung: Engagement bildet</h4>
                         <p>Start: 2018-01-26 at 13:00</p>
@@ -382,7 +382,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Tagung: Engagement bildet</h4>
                         <p>Start: 2018-01-26 at 13:00</p>
@@ -395,7 +395,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Tagung: Engagement bildet</h4>
                         <p>Start: 2018-01-26 at 13:00</p>
@@ -408,7 +408,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Tagung: Engagement bildet</h4>
                         <p>Start: 2018-01-26 at 10:00</p>
@@ -421,7 +421,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Tagung: Engagement bildet</h4>
                         <p>Start: 2018-01-26 at 13:00</p>
@@ -434,7 +434,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Tagung: Engagement bildet</h4>
                         <p>Start: 2018-01-26 at 13:00</p>
@@ -447,7 +447,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Tagung: Engagement bildet</h4>
                         <p>Start: 2018-01-26 at 13:00</p>
@@ -460,7 +460,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Tagung: Engagement bildet</h4>
                         <p>Start: 2018-01-26 at 13:00</p>
@@ -473,7 +473,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Tagung: Engagement bildet</h4>
                         <p>Start: 2018-01-26 at 13:00</p>
@@ -486,7 +486,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vortrag Dr. Heibler</h4>
                         <p>Start: 2017-12-07 at 18:00</p>
@@ -499,7 +499,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Bamberg Buddies Welcome Event</h4>
                         <p>Start: 2017-10-18 at 18:00</p>
@@ -512,7 +512,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Gender Anger, or The Fruits of Feminism: The Representation and Development of Gender Roles in North-American Literature & Culture of the 20th and 21st Centuries (Cultural Studies)</h4>
                         <p>Start: 2017-11-24 at 12:00</p>
@@ -525,7 +525,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Gender Anger, or The Fruits of Feminism: The Representation and Development of Gender Roles in North-American Literature & Culture of the 20th and 21st Centuries (Literary Studies)</h4>
                         <p>Start: 2017-11-24 at 12:00</p>
@@ -538,7 +538,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu "Searching for Our Mothers  Gardens": Deconstructing Motherhood in American Literature</h4>
                         <p>Start: 2017-11-02 at 12:00</p>
@@ -551,7 +551,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Abschlussklausur Introduction to English and American Literature</h4>
                         <p>Start: 2018-02-09 at 15:30</p>
@@ -564,7 +564,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Konferenz Romanticism</h4>
                         <p>Start: 2017-10-05 at 8:00</p>
@@ -577,7 +577,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Konferenz Romanticism</h4>
                         <p>Start: 2017-10-06 at 8:00</p>
@@ -590,7 +590,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Konferenz Romanticism</h4>
                         <p>Start: 2017-10-07 at 8:00</p>
@@ -603,7 +603,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Konferenz Romanticism</h4>
                         <p>Start: 2017-10-08 at 8:00</p>
@@ -616,7 +616,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Nachhol-/Wiederholungsklausur Introduction to English and American Literature</h4>
                         <p>Start: 2018-04-03 at 14:00</p>
@@ -629,7 +629,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Wiederholungsklausur Introduction to English and American Literature</h4>
                         <p>Start: 2017-10-10 at 14:00</p>
@@ -642,7 +642,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Disputation Alexandra Berg</h4>
                         <p>Start: 2017-11-14 at 12:00</p>
@@ -655,7 +655,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>PS AMANZ</h4>
                         <p>Start: 2017-10-27 at 12:00</p>
@@ -668,7 +668,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>PS AMANZ</h4>
                         <p>Start: 2018-01-25 at 14:00</p>
@@ -681,7 +681,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>PS AMANZ</h4>
                         <p>Start: 2018-01-26 at 10:00</p>
@@ -694,7 +694,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>PS AMANZ</h4>
                         <p>Start: 2018-01-24 at 10:00</p>
@@ -707,7 +707,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>PS AMANZ</h4>
                         <p>Start: 2018-01-25 at 10:00</p>
@@ -720,7 +720,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Abschlusstagung BMBF-Projekt Portale</h4>
                         <p>Start: 2018-01-11 at 16:00</p>
@@ -733,7 +733,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Abschlusstagung BMBF-Projekt Portale</h4>
                         <p>Start: 2018-01-13 at 8:00</p>
@@ -746,7 +746,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Abschlusstagung BMBF-Projekt Portale</h4>
                         <p>Start: 2018-01-12 at 8:00</p>
@@ -759,7 +759,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Abschlusstagung BMBF-Projekt Portale</h4>
                         <p>Start: 2018-01-14 at 8:00</p>
@@ -772,7 +772,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Abschlusstagung BMBF-Projekt Portale</h4>
                         <p>Start: 2018-01-12 at 8:00</p>
@@ -785,7 +785,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>M4 Seminar</h4>
                         <p>Start: 2017-10-16 at 12:00</p>
@@ -798,7 +798,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>M4 Seminar</h4>
                         <p>Start: 2017-10-19 at 12:00</p>
@@ -811,7 +811,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Test B6</h4>
                         <p>Start: 2017-10-18 at 12:00</p>
@@ -824,7 +824,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>B1n Nachklausur</h4>
                         <p>Start: 2017-10-17 at 8:00</p>
@@ -837,7 +837,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Modulabschlussklausur</h4>
                         <p>Start: 2018-02-05 at 16:00</p>
@@ -850,7 +850,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Interkulturelles Lernen im Deutschunterricht mit Schwerpunkt Hörverstehen</h4>
                         <p>Start: 2017-10-17 at 18:00</p>
@@ -863,7 +863,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Wortschatzarbeit im DaZ-Unterricht</h4>
                         <p>Start: 2017-10-18 at 18:00</p>
@@ -876,7 +876,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Interdisziplinäres Kolloquium</h4>
                         <p>Start: 2017-12-01 at 8:00</p>
@@ -889,7 +889,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Interdisziplinäres Kolloquium</h4>
                         <p>Start: 2017-12-02 at 8:00</p>
@@ -902,7 +902,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Interdisziplinäres Kolloquium</h4>
                         <p>Start: 2017-11-30 at 16:00</p>
@@ -915,7 +915,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Nibelungen-Tagung</h4>
                         <p>Start: 2017-11-09 at 16:00</p>
@@ -928,7 +928,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Nibelungen-Tagung</h4>
                         <p>Start: 2017-11-10 at 8:00</p>
@@ -941,7 +941,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Nibelungen-Tagung</h4>
                         <p>Start: 2017-11-11 at 8:00</p>
@@ -954,7 +954,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Nibelungen-Tagung</h4>
                         <p>Start: 2017-11-09 at 14:00</p>
@@ -967,7 +967,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu PS Mediävistik II: Von gegessenen Herzen und dem Tod durch Ertrinken. Liebe und (Liebes-)Tod in mittelhochdeutscher Kleinepik</h4>
                         <p>Start: 2017-11-24 at 9:00</p>
@@ -980,7 +980,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu PS Mediävistik II: Mittelalterliche Literatur für Haupt/Mittel- und Realschulen</h4>
                         <p>Start: 2017-11-08 at 19:00</p>
@@ -993,7 +993,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu PS Mediävistik II: Mittelalterliche Literatur für Grundschullehrer</h4>
                         <p>Start: 2017-11-08 at 18:00</p>
@@ -1006,7 +1006,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Die Bedeutung von Bedeutung</h4>
                         <p>Start: 2017-10-17 at 18:00</p>
@@ -1019,7 +1019,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Institutsleitungssitzung Germanistik</h4>
                         <p>Start: 2017-10-25 at 11:45</p>
@@ -1032,7 +1032,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Kolloquium zum chinesischen Film</h4>
                         <p>Start: 2018-02-09 at 10:00</p>
@@ -1045,7 +1045,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Kolloquium zum chinesischen Film</h4>
                         <p>Start: 2018-02-10 at 8:00</p>
@@ -1058,7 +1058,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Nachwuchstagung - 'Positive' Kritik</h4>
                         <p>Start: 2017-11-24 at 17:00</p>
@@ -1071,7 +1071,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Nachwuchstagung - 'Positive' Kritik</h4>
                         <p>Start: 2017-11-25 at 8:00</p>
@@ -1084,7 +1084,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Nachwuchstagung - 'Positive' Kritik</h4>
                         <p>Start: 2017-11-26 at 8:00</p>
@@ -1097,7 +1097,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Akademie des Schreibens</h4>
                         <p>Start: 2018-01-19 at 9:00</p>
@@ -1110,7 +1110,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Übung: Texttechnologien für Geistes- und Sozialwissenschaften</h4>
                         <p>Start: 2017-10-19 at 10:00</p>
@@ -1123,7 +1123,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Lesung mit Sandra Hoffmann</h4>
                         <p>Start: 2018-01-19 at 20:00</p>
@@ -1136,7 +1136,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Vorlesung: Texttechnologien für Geistes- und Sozialwissenschaften</h4>
                         <p>Start: 2017-10-19 at 10:00</p>
@@ -1149,7 +1149,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Workshop Martin Kraus</h4>
                         <p>Start: 2018-01-12 at 12:00</p>
@@ -1162,7 +1162,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Workshop Martin Kraus</h4>
                         <p>Start: 2018-01-13 at 10:00</p>
@@ -1175,7 +1175,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Absolventenfeier Fakultät GuK</h4>
                         <p>Start: 2017-11-11 at 14:30</p>
@@ -1188,7 +1188,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Potikprofessur mit Markus Orths</h4>
                         <p>Start: 2018-05-16 at 20:00</p>
@@ -1201,7 +1201,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Potikprofessur mit Markus Orths</h4>
                         <p>Start: 2018-06-06 at 20:00</p>
@@ -1214,7 +1214,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Potikprofessur mit Markus Orths</h4>
                         <p>Start: 2018-07-12 at 20:00</p>
@@ -1227,7 +1227,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Potikprofessur mit Markus Orths</h4>
                         <p>Start: 2018-06-13 at 20:00</p>
@@ -1240,7 +1240,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Landeskunde und Literatur im DaF-Unterricht</h4>
                         <p>Start: 2017-10-16 at 14:15</p>
@@ -1253,7 +1253,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemester-Einführung</h4>
                         <p>Start: 2017-10-10 at 16:00</p>
@@ -1266,7 +1266,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Tagung "Kaufmannbankiers und Herrscherfinanzen. Zwischen Diversifizierung von Märkten und Prozessen der Staatsbildung (14.-18. Jahrhundert)"</h4>
                         <p>Start: 2017-12-08 at 13:00</p>
@@ -1279,7 +1279,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Tagung "Kaufmannbankiers und Herrscherfinanzen. Zwischen Diversifizierung von Märkten und Prozessen der Staatsbildung (14.-18. Jahrhundert)"</h4>
                         <p>Start: 2017-12-09 at 9:00</p>
@@ -1292,7 +1292,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Examenskurs I</h4>
                         <p>Start: 2017-10-24 at 10:00</p>
@@ -1305,7 +1305,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Lektürekurs: THEOLOGIE UND POLITIK DER GEWALTLOSIGKEIT</h4>
                         <p>Start: 2017-10-25 at 13:00</p>
@@ -1318,7 +1318,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Seminar im Grundlagenmodul III (NKG): Geschichte des Erzbistums Bamberg</h4>
                         <p>Start: 2017-10-19 at 14:15</p>
@@ -1331,7 +1331,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Interkulturalität</h4>
                         <p>Start: 2018-09-21 at 8:00</p>
@@ -1344,7 +1344,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Einführung in Praktika</h4>
                         <p>Start: 2017-10-13 at 9:00</p>
@@ -1357,7 +1357,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Institutsversammlung Institut für Katholische Theologie</h4>
                         <p>Start: 2017-10-25 at 18:00</p>
@@ -1370,7 +1370,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Mittelbautreffen</h4>
                         <p>Start: 2017-10-17 at 12:00</p>
@@ -1383,7 +1383,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Mittelbautreffen</h4>
                         <p>Start: 2017-10-19 at 16:00</p>
@@ -1396,7 +1396,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Mittelbautreffen</h4>
                         <p>Start: 2017-10-18 at 18:00</p>
@@ -1409,7 +1409,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Mittelbautreffen</h4>
                         <p>Start: 2017-10-17 at 18:00</p>
@@ -1422,7 +1422,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Mittelbautreffen</h4>
                         <p>Start: 2017-10-24 at 12:00</p>
@@ -1435,7 +1435,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Orientierungskurs</h4>
                         <p>Start: 2017-11-30 at 12:30</p>
@@ -1448,7 +1448,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>VEZ-Treffen</h4>
                         <p>Start: 2017-10-10 at 14:00</p>
@@ -1461,7 +1461,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Forum Praktikum</h4>
                         <p>Start: 2017-11-16 at 14:00</p>
@@ -1474,7 +1474,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Abschlussklausuren zu den Stilkursen I, II, III A und III B</h4>
                         <p>Start: 2018-02-09 at 16:00</p>
@@ -1487,7 +1487,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Gastvortrag: Ovids Amores und sein Gesamtwerk (Herr Prof. von Albrecht)</h4>
                         <p>Start: 2017-10-25 at 18:00</p>
@@ -1500,7 +1500,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Gastvortrag: PD Dr. Stefan Feddern (Christian-Albrechts-Universität zu Kiel):  Zur Fiktionalität antiker Kriegsdarstellungen .</h4>
                         <p>Start: 2017-11-15 at 19:00</p>
@@ -1513,7 +1513,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Modulteilprüfung zur Vorlesung Vergil</h4>
                         <p>Start: 2018-03-22 at 10:00</p>
@@ -1526,7 +1526,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Semestereröffnung Klassische Philologie</h4>
                         <p>Start: 2017-10-17 at 20:00</p>
@@ -1539,7 +1539,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Essayschreibkurs-Seminar  100 Argumente</h4>
                         <p>Start: 2018-01-31 at 18:00</p>
@@ -1552,7 +1552,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Ethik der neuen Medien</h4>
                         <p>Start: 2018-01-10 at 12:00</p>
@@ -1565,7 +1565,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Gastvortrag Hannah Gründler (Kunsthistorisches Institut Florenz): Kino in Stein - zur Funktion antiker Architektur im Film</h4>
                         <p>Start: 2017-11-28 at 18:00</p>
@@ -1578,7 +1578,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>"2nd International Conference in Scandalogy".</h4>
                         <p>Start: 2018-03-29 at 8:00</p>
@@ -1591,7 +1591,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>"2nd International Conference in Scandalogy".</h4>
                         <p>Start: 2018-03-30 at 8:00</p>
@@ -1604,7 +1604,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Film mit Till Mayer zur Vorlesung - Journalismus im Spannungsfeld gesellschaftlicher Entwicklungen</h4>
                         <p>Start: 2017-11-08 at 19:30</p>
@@ -1617,7 +1617,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Fotos im Journalismus</h4>
                         <p>Start: 2017-10-16 at 12:00</p>
@@ -1630,7 +1630,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Handwerkskasten Recherche   Fakten sauber prüfen im digitalen Zeitalter</h4>
                         <p>Start: 2017-10-16 at 13:00</p>
@@ -1643,7 +1643,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Produktion von Erklärfilmen für Unternehmen   Praxisprojekt Universitätsbibliothek</h4>
                         <p>Start: 2017-10-16 at 11:00</p>
@@ -1656,7 +1656,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Jour Fixe</h4>
                         <p>Start: 2017-10-17 at 14:00</p>
@@ -1669,7 +1669,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Mediensozialisation von Kindern</h4>
                         <p>Start: 2017-10-18 at 11:00</p>
@@ -1682,7 +1682,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Produktion von professionellen, journalistischen Videobeiträgen</h4>
                         <p>Start: 2017-10-16 at 10:00</p>
@@ -1695,7 +1695,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Trimediales Arbeiten</h4>
                         <p>Start: 2018-01-15 at 13:00</p>
@@ -1708,7 +1708,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>BaGOS-Kolloquium</h4>
                         <p>Start: 2017-11-03 at 15:00</p>
@@ -1721,7 +1721,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>BaGOS-Kolloquium</h4>
                         <p>Start: 2017-11-04 at 8:00</p>
@@ -1734,7 +1734,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Arabische Lektüreübung zum Seminar: Der Islam und die Zukunft der Menschheit</h4>
                         <p>Start: 2017-10-17 at 10:15</p>
@@ -1747,7 +1747,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Arabische Lektüreübung zum Seminar: Islamische Bewegungen im vormongolischen Iran</h4>
                         <p>Start: 2017-10-17 at 11:00</p>
@@ -1760,7 +1760,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Tagung: Judaistik</h4>
                         <p>Start: 2018-02-20 at 19:30</p>
@@ -1773,7 +1773,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Tagung: Judaistik</h4>
                         <p>Start: 2018-02-21 at 9:00</p>
@@ -1786,7 +1786,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Tagung: Judaistik</h4>
                         <p>Start: 2018-02-22 at 9:00</p>
@@ -1799,7 +1799,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Tagung: Judaistik</h4>
                         <p>Start: 2018-02-21 at 11:00</p>
@@ -1812,7 +1812,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vortrag Jüdisches Lehrhaus</h4>
                         <p>Start: 2017-10-26 at 19:00</p>
@@ -1825,7 +1825,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vortrag Jüdisches Lehrhaus</h4>
                         <p>Start: 2017-12-14 at 19:00</p>
@@ -1838,7 +1838,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vortrag Jüdisches Lehrhaus</h4>
                         <p>Start: 2017-11-23 at 19:00</p>
@@ -1851,7 +1851,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vortrag Jüdisches Lehrhaus</h4>
                         <p>Start: 2018-01-18 at 19:00</p>
@@ -1864,7 +1864,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Auftaktveranstaltung Elite Master</h4>
                         <p>Start: 2017-11-21 at 18:00</p>
@@ -1877,7 +1877,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Ausweichraum Auftaktveranstaltung Elitemaster</h4>
                         <p>Start: 2017-11-21 at 18:00</p>
@@ -1890,7 +1890,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Ausweichraum Auftaktveranstaltung Elitemaster</h4>
                         <p>Start: 2017-11-21 at 18:00</p>
@@ -1903,7 +1903,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Nachholklausur Türkisch II und IV</h4>
                         <p>Start: 2017-10-16 at 12:15</p>
@@ -1916,7 +1916,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Nachholklausur Türkisch II und IV (mündlich)</h4>
                         <p>Start: 2017-10-16 at 14:00</p>
@@ -1929,7 +1929,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Semestereröffnung der orientalistischen Fächer</h4>
                         <p>Start: 2017-10-16 at 16:15</p>
@@ -1942,7 +1942,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Studiengangseröffnung Elitemaster Orientalistik</h4>
                         <p>Start: 2017-11-21 at 18:00</p>
@@ -1955,7 +1955,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Forschungskolloquium Brasilien</h4>
                         <p>Start: 2017-11-29 at 9:00</p>
@@ -1968,7 +1968,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Institutssitzung Romanistik</h4>
                         <p>Start: 2017-10-18 at 12:00</p>
@@ -1981,7 +1981,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Institutssitzung und -versammlung Romanistik</h4>
                         <p>Start: 2017-12-13 at 12:00</p>
@@ -1994,7 +1994,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Institutssitzung Romanistik</h4>
                         <p>Start: 2018-02-07 at 12:00</p>
@@ -2007,7 +2007,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Institutssitzung Romanistik</h4>
                         <p>Start: 2018-01-10 at 12:00</p>
@@ -2020,7 +2020,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Institutssitzung Romanistik</h4>
                         <p>Start: 2017-11-22 at 12:00</p>
@@ -2033,7 +2033,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Auftaktseminar Meranier Gymnasium, Lichtenfels</h4>
                         <p>Start: 2017-10-17 at 14:00</p>
@@ -2046,7 +2046,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Frauenbeauftragte</h4>
                         <p>Start: 2017-11-14 at 14:00</p>
@@ -2059,7 +2059,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Institut Slavistik</h4>
                         <p>Start: 2017-12-13 at 18:00</p>
@@ -2072,7 +2072,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Kroatisch-Workshop</h4>
                         <p>Start: 2018-05-11 at 14:00</p>
@@ -2085,7 +2085,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Kroatisch-Workshop</h4>
                         <p>Start: 2018-05-18 at 14:00</p>
@@ -2098,7 +2098,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Kroatisch-Workshop</h4>
                         <p>Start: 2018-05-20 at 8:00</p>
@@ -2111,7 +2111,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Kroatisch-Workshop</h4>
                         <p>Start: 2018-05-19 at 8:00</p>
@@ -2124,7 +2124,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Kroatisch-Workshop</h4>
                         <p>Start: 2018-05-12 at 8:00</p>
@@ -2137,7 +2137,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Tagung "Namen und Wörter"</h4>
                         <p>Start: 2017-10-05 at 8:00</p>
@@ -2150,7 +2150,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Tagung Proff. Glück/Häberlein</h4>
                         <p>Start: 2017-11-17 at 12:00</p>
@@ -2163,7 +2163,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Tagung Proff. Glück/Häberlein</h4>
                         <p>Start: 2017-11-18 at 9:00</p>
@@ -2176,7 +2176,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Kolloquium für Bachelor- und Masterstudierende, Promovierende und Habilitierende</h4>
                         <p>Start: 2017-10-25 at 14:00</p>
@@ -2189,7 +2189,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vortrag SOG - Oberst Cramer</h4>
                         <p>Start: 2017-11-29 at 17:00</p>
@@ -2202,7 +2202,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>3. Sitzung BV Religionspädagogik</h4>
                         <p>Start: 2017-10-04 at 10:00</p>
@@ -2215,7 +2215,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>4. Sitzung BV Slavisten</h4>
                         <p>Start: 2017-11-06 at 8:00</p>
@@ -2228,7 +2228,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>4. Sitzung BV Slavisten</h4>
                         <p>Start: 2017-11-07 at 8:00</p>
@@ -2241,7 +2241,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>ASA 33</h4>
                         <p>Start: 2017-12-05 at 9:00</p>
@@ -2254,7 +2254,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>ASA34</h4>
                         <p>Start: 2018-03-06 at 9:00</p>
@@ -2267,7 +2267,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Besprechung Haushalt</h4>
                         <p>Start: 2017-10-16 at 10:00</p>
@@ -2280,7 +2280,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Bewerbungsgespräche</h4>
                         <p>Start: 2017-10-25 at 12:00</p>
@@ -2293,7 +2293,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>BV</h4>
                         <p>Start: 2017-11-13 at 10:00</p>
@@ -2306,7 +2306,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>BV</h4>
                         <p>Start: 2017-11-20 at 10:00</p>
@@ -2319,7 +2319,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>BV</h4>
                         <p>Start: 2017-11-14 at 8:00</p>
@@ -2332,7 +2332,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>BV</h4>
                         <p>Start: 2017-11-20 at 10:00</p>
@@ -2345,7 +2345,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Dienstbesprechung Haushalt</h4>
                         <p>Start: 2017-10-09 at 10:00</p>
@@ -2358,7 +2358,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Fakultätsratssitzung</h4>
                         <p>Start: 2017-11-22 at 8:00</p>
@@ -2371,7 +2371,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Fakultätsratssitzung</h4>
                         <p>Start: 2017-10-18 at 8:00</p>
@@ -2384,7 +2384,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Fakultätsratssitzung</h4>
                         <p>Start: 2018-06-06 at 8:00</p>
@@ -2397,7 +2397,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Fakultätsratssitzung</h4>
                         <p>Start: 2018-04-11 at 8:00</p>
@@ -2410,7 +2410,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Fakultätsratssitzung</h4>
                         <p>Start: 2018-01-10 at 8:00</p>
@@ -2423,7 +2423,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Öffentlicher Habilitationsvortrag Dr. George Oppitz-Trotman</h4>
                         <p>Start: 2017-12-04 at 18:00</p>
@@ -2436,7 +2436,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Flex now Fragestunde</h4>
                         <p>Start: 2017-10-04 at 10:00</p>
@@ -2449,7 +2449,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Flex now Fragestunde</h4>
                         <p>Start: 2017-10-05 at 10:00</p>
@@ -2462,7 +2462,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Institutssitzung Geschichte</h4>
                         <p>Start: 2017-11-08 at 9:30</p>
@@ -2475,7 +2475,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Monatsgespräch Kanzlerin</h4>
                         <p>Start: 2017-12-14 at 14:00</p>
@@ -2488,7 +2488,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Monatsgespräch Kanzlerin</h4>
                         <p>Start: 2017-10-26 at 12:00</p>
@@ -2501,7 +2501,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Multireligiöse Feier</h4>
                         <p>Start: 2018-01-09 at 18:00</p>
@@ -2514,7 +2514,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Neujahrsempfang der Fakultät GuK</h4>
                         <p>Start: 2018-01-16 at 15:00</p>
@@ -2527,7 +2527,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Sitzung Mittelbau-Konvent</h4>
                         <p>Start: 2017-11-29 at 14:00</p>
@@ -2540,7 +2540,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Sitzung Mittelbau-Konvent</h4>
                         <p>Start: 2018-01-17 at 14:00</p>
@@ -2553,7 +2553,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Treffen der Lehrenden</h4>
                         <p>Start: 2018-02-10 at 9:30</p>
@@ -2566,7 +2566,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Treffen der Lehrenden</h4>
                         <p>Start: 2018-02-09 at 13:00</p>
@@ -2579,7 +2579,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorsingen BV Slavische Sprachwissenschaft</h4>
                         <p>Start: 2017-11-06 at 10:00</p>
@@ -2592,7 +2592,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorsingen BV Slavische Sprachwissenschaft</h4>
                         <p>Start: 2017-11-07 at 8:30</p>
@@ -2605,7 +2605,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Weihnachtsfeier des Präsidenten für die ausländischen Studierenden</h4>
                         <p>Start: 2017-12-11 at 18:00</p>
@@ -2618,7 +2618,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Workshop Kollegiaten</h4>
                         <p>Start: 2017-12-04 at 8:00</p>
@@ -2631,7 +2631,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>FBZHL: Barrierefreie Lehre für Studierende mit Behinderung und chronischer Erkrankung</h4>
                         <p>Start: 2018-03-01 at 8:00</p>
@@ -2644,7 +2644,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>FBZHL-Fortbildungsveranstaltung</h4>
                         <p>Start: 2017-10-10 at 8:00</p>
@@ -2657,7 +2657,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>FBZHL-Fortbildungsveranstaltung - Prüfungsangst</h4>
                         <p>Start: 2018-01-26 at 8:00</p>
@@ -2670,7 +2670,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>FBZHL-Fortbildungsveranstaltung - Grundlagen der Hochschuldidaktik für Lehranfänger</h4>
                         <p>Start: 2018-03-16 at 8:00</p>
@@ -2683,7 +2683,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>FBZHL-Fortbildungsveranstaltung - Using Humour in the Classroom</h4>
                         <p>Start: 2017-11-24 at 8:00</p>
@@ -2696,7 +2696,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>FBZHL-Fortbildungsveranstaltung - Grundlagen der Moderation- und Diskussionsleitung</h4>
                         <p>Start: 2017-11-14 at 14:00</p>
@@ -2709,7 +2709,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>FBZHL-Fortbildungsveranstaltung - Unvorhergesehene Situationen spielerisch mit Improvisationstechniken meistern</h4>
                         <p>Start: 2017-11-30 at 8:00</p>
@@ -2722,7 +2722,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>FBZHL-Fortbildungsveranstaltung</h4>
                         <p>Start: 2018-03-05 at 8:00</p>
@@ -2735,7 +2735,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>FBZHL-Fortbildungsveranstaltung - Prüfungsrecht</h4>
                         <p>Start: 2018-02-02 at 8:00</p>
@@ -2748,7 +2748,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>FBZHL-Fortbildungsveranstaltung: Urheberrecht</h4>
                         <p>Start: 2018-01-23 at 8:00</p>
@@ -2761,7 +2761,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>FBZHL-Fortbildungsveranstaltung - Evaluation und Feedback</h4>
                         <p>Start: 2017-11-07 at 8:00</p>
@@ -2774,7 +2774,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>FBZHL-Fortbildungsveranstaltung - Tutorentraining</h4>
                         <p>Start: 2017-10-11 at 8:00</p>
@@ -2787,7 +2787,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>FBZHL-Fortbildungsveranstaltung: Haus- und Abschlussarbeiten effizient korrigieren und fair bewerten</h4>
                         <p>Start: 2018-01-25 at 8:00</p>
@@ -2800,7 +2800,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>FBZHL-Fortbildungsveranstaltung - Grundlagen der Moderation- und Diskussionsleitung</h4>
                         <p>Start: 2017-11-15 at 8:00</p>
@@ -2813,7 +2813,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>FBZHL-Fortbildungsveranstaltung - Didaktische Selbstevaluation</h4>
                         <p>Start: 2018-03-09 at 8:00</p>
@@ -2826,7 +2826,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>FBZHL-Fortbildungsveranstaltung - Referate</h4>
                         <p>Start: 2018-03-12 at 8:00</p>
@@ -2839,7 +2839,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>FBZHL-Fortbildungsveranstaltung - Grundlagen der Hochschuldidaktik für Lehranfänger</h4>
                         <p>Start: 2018-03-15 at 14:00</p>
@@ -2852,7 +2852,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>FBZHL-Fortbildungsveranstaltung - Mobile Didactics - Seminargestaltung unterwegs umsetzen</h4>
                         <p>Start: 2017-12-11 at 8:00</p>
@@ -2865,7 +2865,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>FBZHL: Follow-up zum Seminar Grundlagen der Hochschuldidaktik: Planung einer Lehrveranstaltung</h4>
                         <p>Start: 2017-11-21 at 14:00</p>
@@ -2878,7 +2878,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>FBZHL-Fortbildungsveranstaltung - Beratungsworkshop für Fachstudienberater/-innen</h4>
                         <p>Start: 2018-01-31 at 8:00</p>
@@ -2891,7 +2891,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>FBZHL-Fortbildungsveranstaltung - Examining in English</h4>
                         <p>Start: 2018-06-22 at 8:00</p>
@@ -2904,7 +2904,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>FBZHL: Grundlagen des Prüfens - schriftliche und mündliche Prüfungen</h4>
                         <p>Start: 2018-01-19 at 8:00</p>
@@ -2917,7 +2917,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>FBZHL: Grundlagen des Prüfens - schriftliche und mündliche Prüfungen</h4>
                         <p>Start: 2018-01-18 at 14:00</p>
@@ -2930,7 +2930,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>FBZHL: Grundlagen der Beratung in der Hochschullehre</h4>
                         <p>Start: 2018-01-29 at 8:00</p>
@@ -2943,7 +2943,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>FBZHL: Grundlagen der Beratung in der Hochschullehre</h4>
                         <p>Start: 2018-01-30 at 8:00</p>
@@ -2956,7 +2956,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>FBZHL: Grundlagen der Hochschuldidaktik: Planung einer Lehrveranstaltung - mit Follow-up</h4>
                         <p>Start: 2017-10-12 at 8:00</p>
@@ -2969,7 +2969,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>FBZHL: Haus- und Abschlussarbeiten betreuen</h4>
                         <p>Start: 2018-03-12 at 15:00</p>
@@ -2982,7 +2982,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>FBZHL: Haus- und Abschlussarbeiten betreuen</h4>
                         <p>Start: 2018-03-13 at 8:00</p>
@@ -2995,7 +2995,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>FBZHL: Interkulturelle Lern- und Lehrstile</h4>
                         <p>Start: 2018-03-02 at 8:00</p>
@@ -3008,7 +3008,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>FBZHL: Klausuren effizient gestalten und bewerten</h4>
                         <p>Start: 2017-11-06 at 12:00</p>
@@ -3021,7 +3021,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>FBZHL: Lehre mit großen Gruppen</h4>
                         <p>Start: 2018-06-14 at 8:00</p>
@@ -3034,7 +3034,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>FBZHL: Psychische Erkrankungen bei Studierenden - wie erkenne ich sie und wie gehe ich damit um?</h4>
                         <p>Start: 2018-03-20 at 8:00</p>
@@ -3047,7 +3047,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>FBZHL: Rhetorik 1 - Sicherheit gewinnen</h4>
                         <p>Start: 2017-11-16 at 14:00</p>
@@ -3060,7 +3060,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>FBZHL: Rhetorik 1 - Sicherheit gewinnen</h4>
                         <p>Start: 2017-11-17 at 8:00</p>
@@ -3073,7 +3073,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>FBZHL: Rhetorik 2 - Spielen mit Sprache</h4>
                         <p>Start: 2018-02-22 at 14:00</p>
@@ -3086,7 +3086,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>FBZHL: Rhetorik 2 - Spielen mit Sprache</h4>
                         <p>Start: 2018-02-23 at 8:00</p>
@@ -3099,7 +3099,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>FBZHL: Speed-Reading in der Hochschullehre</h4>
                         <p>Start: 2017-12-08 at 8:00</p>
@@ -3112,7 +3112,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>FBZHL: Systemische Beratung in der Hochschullehre</h4>
                         <p>Start: 2017-12-15 at 8:00</p>
@@ -3125,7 +3125,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>FBZHL: Systemische Beratung in der Hochschullehre</h4>
                         <p>Start: 2017-12-15 at 8:00</p>
@@ -3138,7 +3138,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>FBZHL: Training für Tutorinnen und Tutoren: Planung eines Tutoriums, Einsatz von aktivierenden Methoden und Feedback</h4>
                         <p>Start: 2017-10-13 at 8:00</p>
@@ -3151,7 +3151,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>FBZHL: Vorbereitungsworkshop für EET-Tutor/innen</h4>
                         <p>Start: 2017-10-06 at 8:00</p>
@@ -3164,7 +3164,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>FBZHL: Vorurteilsfreies Prüfen an der Hochschule</h4>
                         <p>Start: 2018-04-25 at 8:00</p>
@@ -3177,7 +3177,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>FBZHL: Visuelles Lernen - Lernprozesse mit Methoden aus Graphic Recording und Sketchnoting besser steuern</h4>
                         <p>Start: 2018-02-05 at 8:00</p>
@@ -3190,7 +3190,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Zertifikatsverleihung</h4>
                         <p>Start: 2017-11-23 at 13:00</p>
@@ -3203,7 +3203,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Kunstgeschichte  - Kunst und Architektur in Paris - Kunst und Theorie II - III - IV oder Aufbau KW oder Vertiefung KW  oder Vertiefung RS II - (D. Eggenhofer)</h4>
                         <p>Start: 2017-10-17 at 18:00</p>
@@ -3216,7 +3216,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Werkanalyse -  Kunst und Theorie II oder Aufbau KW - (D. Eggenhofer)</h4>
                         <p>Start: 2017-10-18 at 9:00</p>
@@ -3229,7 +3229,7 @@ Die Universitätsleitung freut sich alle Mitglieder und Freunde der Universität
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>ForMaD: Forum Mathematik-Didaktik</h4>
                         <p>Start: 2017-12-07 at 18:00</p>
@@ -3246,7 +3246,7 @@ Ort: MG2/02.10 (Seminargebäude Markusstr. 8a; Neubau hinter dem Marcushaus)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>ForMaD: Forum Mathematik-Didaktik</h4>
                         <p>Start: 2018-06-14 at 18:00</p>
@@ -3263,7 +3263,7 @@ Ort: MG2/02.10 (Seminargebäude Markusstr. 8a; Neubau hinter dem Marcushaus)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>ForMaD: Forum Mathematik-Didaktik</h4>
                         <p>Start: 2018-04-19 at 18:00</p>
@@ -3280,7 +3280,7 @@ Ort: MG2/02.10 (Seminargebäude Markusstr. 8a; Neubau hinter dem Marcushaus)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>ForMaD: Forum Mathematik-Didaktik</h4>
                         <p>Start: 2017-11-09 at 18:00</p>
@@ -3297,7 +3297,7 @@ Ort: MG2/02.10 (Seminargebäude Markusstr. 8a; Neubau hinter dem Marcushaus)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Mathematik in den Klassen 1 & 2</h4>
                         <p>Start: 2018-04-10 at 16:00</p>
@@ -3310,7 +3310,7 @@ Ort: MG2/02.10 (Seminargebäude Markusstr. 8a; Neubau hinter dem Marcushaus)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Theorie-Praxis von Mathematik Lehren und Lernen in der Grundschule</h4>
                         <p>Start: 2017-10-16 at 18:00</p>
@@ -3323,7 +3323,7 @@ Ort: MG2/02.10 (Seminargebäude Markusstr. 8a; Neubau hinter dem Marcushaus)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Theorie-Praxis von Mathematik Lehren und Lernen in der Grundschule</h4>
                         <p>Start: 2018-04-09 at 18:00</p>
@@ -3336,7 +3336,7 @@ Ort: MG2/02.10 (Seminargebäude Markusstr. 8a; Neubau hinter dem Marcushaus)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Abschlussworkshop Innovationslabor</h4>
                         <p>Start: 2018-02-09 at 14:00</p>
@@ -3349,7 +3349,7 @@ Ort: MG2/02.10 (Seminargebäude Markusstr. 8a; Neubau hinter dem Marcushaus)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Auftaktworkshop Innovationslabor</h4>
                         <p>Start: 2017-10-20 at 14:00</p>
@@ -3362,7 +3362,7 @@ Ort: MG2/02.10 (Seminargebäude Markusstr. 8a; Neubau hinter dem Marcushaus)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Bigband Aufbau</h4>
                         <p>Start: 2017-10-16 at 18:30</p>
@@ -3375,7 +3375,7 @@ Ort: MG2/02.10 (Seminargebäude Markusstr. 8a; Neubau hinter dem Marcushaus)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Cajónbau Workshop</h4>
                         <p>Start: 2017-12-02 at 17:00</p>
@@ -3388,7 +3388,7 @@ Ort: MG2/02.10 (Seminargebäude Markusstr. 8a; Neubau hinter dem Marcushaus)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Cajónbau Workshop</h4>
                         <p>Start: 2017-12-03 at 14:00</p>
@@ -3401,7 +3401,7 @@ Ort: MG2/02.10 (Seminargebäude Markusstr. 8a; Neubau hinter dem Marcushaus)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Cajón Workshop</h4>
                         <p>Start: 2017-12-03 at 16:00</p>
@@ -3414,7 +3414,7 @@ Ort: MG2/02.10 (Seminargebäude Markusstr. 8a; Neubau hinter dem Marcushaus)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Ensembleleitung Übung</h4>
                         <p>Start: 2017-10-08 at 9:00</p>
@@ -3427,7 +3427,7 @@ Ort: MG2/02.10 (Seminargebäude Markusstr. 8a; Neubau hinter dem Marcushaus)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Fortbildungstag "Musik lebendig unterrichten"</h4>
                         <p>Start: 2018-05-11 at 7:00</p>
@@ -3440,7 +3440,7 @@ Ort: MG2/02.10 (Seminargebäude Markusstr. 8a; Neubau hinter dem Marcushaus)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Fortbildungstag "Musik lebendig unterrichten"</h4>
                         <p>Start: 2018-05-11 at 7:00</p>
@@ -3453,7 +3453,7 @@ Ort: MG2/02.10 (Seminargebäude Markusstr. 8a; Neubau hinter dem Marcushaus)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Fortbildungstag "Musik lebendig unterrichten"</h4>
                         <p>Start: 2018-05-11 at 7:00</p>
@@ -3466,7 +3466,7 @@ Ort: MG2/02.10 (Seminargebäude Markusstr. 8a; Neubau hinter dem Marcushaus)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Fortbildungstag "Musik lebendig unterrichten"</h4>
                         <p>Start: 2018-05-11 at 7:00</p>
@@ -3479,7 +3479,7 @@ Ort: MG2/02.10 (Seminargebäude Markusstr. 8a; Neubau hinter dem Marcushaus)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Frau Prof. Bröcker Gedächtnis-Tanz</h4>
                         <p>Start: 2017-10-01 at 10:30</p>
@@ -3492,7 +3492,7 @@ Ort: MG2/02.10 (Seminargebäude Markusstr. 8a; Neubau hinter dem Marcushaus)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Kammerorchesterprobe</h4>
                         <p>Start: 2018-02-20 at 18:00</p>
@@ -3505,7 +3505,7 @@ Ort: MG2/02.10 (Seminargebäude Markusstr. 8a; Neubau hinter dem Marcushaus)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Kammerorchesterprobe</h4>
                         <p>Start: 2018-02-24 at 9:00</p>
@@ -3518,7 +3518,7 @@ Ort: MG2/02.10 (Seminargebäude Markusstr. 8a; Neubau hinter dem Marcushaus)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Kammerorchesterprobe</h4>
                         <p>Start: 2018-02-24 at 9:00</p>
@@ -3531,7 +3531,7 @@ Ort: MG2/02.10 (Seminargebäude Markusstr. 8a; Neubau hinter dem Marcushaus)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Kammerorchesterprobe</h4>
                         <p>Start: 2018-02-20 at 18:00</p>
@@ -3544,7 +3544,7 @@ Ort: MG2/02.10 (Seminargebäude Markusstr. 8a; Neubau hinter dem Marcushaus)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Kammerorchesterprobe</h4>
                         <p>Start: 2018-02-13 at 18:00</p>
@@ -3557,7 +3557,7 @@ Ort: MG2/02.10 (Seminargebäude Markusstr. 8a; Neubau hinter dem Marcushaus)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Liederabend mit Martin  Fösel (Gesang) und Beate Roux (Klavier)</h4>
                         <p>Start: 2017-11-30 at 19:00</p>
@@ -3574,7 +3574,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Probe für Liederabend mit Martin  Fösel (Gesang) Beate Roux (Klavier) und</h4>
                         <p>Start: 2017-11-30 at 15:00</p>
@@ -3587,7 +3587,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Semester-Ouvertüre</h4>
                         <p>Start: 2017-10-26 at 18:30</p>
@@ -3600,7 +3600,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Staatsexamen Ensemblearbeit</h4>
                         <p>Start: 2017-10-25 at 14:00</p>
@@ -3613,7 +3613,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Aktivierende Methoden</h4>
                         <p>Start: 2017-10-09 at 8:00</p>
@@ -3626,7 +3626,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Aktivierende Methoden</h4>
                         <p>Start: 2017-10-09 at 12:00</p>
@@ -3639,7 +3639,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Andragogentag</h4>
                         <p>Start: 2017-11-25 at 8:00</p>
@@ -3652,7 +3652,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Argumentieren Lernen</h4>
                         <p>Start: 2017-11-14 at 18:00</p>
@@ -3665,7 +3665,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Visualisieren - Präsentieren</h4>
                         <p>Start: 2017-10-04 at 8:00</p>
@@ -3678,7 +3678,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Zielgruppen und Adressaten: Nachhaltigkeitsbildung am Beispiel konsumkritischer Stadtführungen</h4>
                         <p>Start: 2018-01-10 at 18:00</p>
@@ -3691,7 +3691,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Lernumgebungen in der Elementar- und Familienpädagogik (Vertiefung)/ Professionalisierung in der Elementar- und Familienpädagogik: Chancen und Herausforderungen der Betreuung von Kindern unter drei Jahren in Krippe und Kindertagespflege</h4>
                         <p>Start: 2017-10-19 at 18:00</p>
@@ -3704,7 +3704,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Doktoranden-Kolloquium</h4>
                         <p>Start: 2017-12-08 at 10:00</p>
@@ -3717,7 +3717,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Lernumgebungen in der Elementar- und Familienpädagogik / Institutionen der Elementar- und Familienpädagogik: Ausbildung von Erzieherinnen an der Fachakademie für Sozialpädagogik</h4>
                         <p>Start: 2017-10-24 at 18:00</p>
@@ -3730,7 +3730,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Lernumgebungen in der Elementar- und Familienpädagogik / Institutionen der Elementar- und Familienpädagogik: Familie in Vergangenheit und Gegenwart</h4>
                         <p>Start: 2017-10-20 at 14:00</p>
@@ -3743,7 +3743,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Kompetenztraining in der Elementar- und Familienpädagogik: Resilienzförderung mithilfe von Bilderbüchern (Kurs B)</h4>
                         <p>Start: 2017-10-18 at 18:00</p>
@@ -3756,7 +3756,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Kompetenztraining in der Elementar- und Familienpädagogik: Resilienzförderung mithilfe von Bilderbüchern (Kurs A)</h4>
                         <p>Start: 2017-10-17 at 18:00</p>
@@ -3769,7 +3769,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu S - Förderung im Schriftspracherwerb</h4>
                         <p>Start: 2017-10-18 at 18:00</p>
@@ -3782,7 +3782,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu S - Kompetenzorientierter Sachunterricht unter besonderer Berücksichtigung außerschulischer Lernorte - II</h4>
                         <p>Start: 2017-10-16 at 18:00</p>
@@ -3795,7 +3795,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu HS - Diagnose- und Fördermöglichkeiten im Schriftspracherwerb - II (Hauptseminar A)</h4>
                         <p>Start: 2017-10-18 at 16:00</p>
@@ -3808,7 +3808,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Internationale Konferenz zum Ganztag "WERA-IRN Konferenz Ganztägige Bildung aus einer international vergleichenden Perspektive", 30.11.- 02.12.17</h4>
                         <p>Start: 2017-11-30 at </p>
@@ -3821,7 +3821,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu S - Aktuelle Konzeptionen des Schriftspracherwerbs im Vergleich (Seminar A)</h4>
                         <p>Start: 2017-12-13 at 14:00</p>
@@ -3834,7 +3834,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu S - Kompetenzorientierter Sachunterricht unter besonderer Berücksichtigung außerschulischer Lernorte - I</h4>
                         <p>Start: 2017-10-16 at 18:00</p>
@@ -3847,7 +3847,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Bamberger Peer-Beratungstraining</h4>
                         <p>Start: 2017-12-15 at 13:00</p>
@@ -3860,7 +3860,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Bamberger Peer-Beratungstraining</h4>
                         <p>Start: 2017-12-16 at 9:00</p>
@@ -3873,7 +3873,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Bamberger Peer-Beratungstraining</h4>
                         <p>Start: 2017-12-15 at 13:00</p>
@@ -3886,7 +3886,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Bamberger Peer-Beratungstraining</h4>
                         <p>Start: 2017-12-15 at 13:00</p>
@@ -3899,7 +3899,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Bamberger Peer-Beratungstraining</h4>
                         <p>Start: 2017-12-15 at 13:00</p>
@@ -3912,7 +3912,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Bamberger Peer-Beratungstraining</h4>
                         <p>Start: 2017-12-16 at 9:00</p>
@@ -3925,7 +3925,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Bamberger Peer-Beratungstraining</h4>
                         <p>Start: 2017-12-16 at 9:00</p>
@@ -3938,7 +3938,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Bamberger Peer-Beratungstraining</h4>
                         <p>Start: 2017-12-16 at 9:00</p>
@@ -3951,7 +3951,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Bamberger Peer-Beratungstraining</h4>
                         <p>Start: 2017-12-15 at 13:00</p>
@@ -3964,7 +3964,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Bamberger Peer-Beratungstraining</h4>
                         <p>Start: 2017-12-16 at 9:00</p>
@@ -3977,7 +3977,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Beratung im schulischen Kontext. Das Bamberger Peer-Beratungstraining</h4>
                         <p>Start: 2017-12-15 at 13:00</p>
@@ -3990,7 +3990,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Beratung im schulischen Kontext. Das Bamberger Peer-Beratungstraining</h4>
                         <p>Start: 2017-12-15 at 12:00</p>
@@ -4003,7 +4003,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Beratung im schulischen Kontext. Das Bamberger Peer-Beratungstraining</h4>
                         <p>Start: 2017-12-16 at 9:30</p>
@@ -4016,7 +4016,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Beratung lernen - Beratung lehren. Bamberger Peer-Beratungstraining</h4>
                         <p>Start: 2017-10-23 at 10:00</p>
@@ -4029,7 +4029,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu BS-S-Grundschulpädagogik</h4>
                         <p>Start: 2018-04-16 at 16:00</p>
@@ -4042,7 +4042,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Jahrestagung 2018 der Konferenz für Grundschulpädagogik und -didaktik an bayerischen Universitäten</h4>
                         <p>Start: 2018-02-19 at 8:00</p>
@@ -4055,7 +4055,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Lernwerkstattfortbildung für Schulleitungen</h4>
                         <p>Start: 2018-01-18 at 8:00</p>
@@ -4068,7 +4068,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Lernwerkstattfortbildung für Schulleitungen</h4>
                         <p>Start: 2018-01-18 at 8:00</p>
@@ -4081,7 +4081,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Lernwerkstattfortbildung für Schulleitungen</h4>
                         <p>Start: 2018-01-18 at 12:00</p>
@@ -4094,7 +4094,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Lernwerkstattfortbildung für Schulleitungen</h4>
                         <p>Start: 2018-01-18 at 8:00</p>
@@ -4107,7 +4107,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu S Kinder mit  Schwierigkeiten  beim Schriftspracherwerb   Ursachen, Diagnose, Prävention und Förderung</h4>
                         <p>Start: 2017-10-18 at 12:00</p>
@@ -4120,7 +4120,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu S-Blockseminar Schriftspracherwerb</h4>
                         <p>Start: 2018-07-11 at 10:00</p>
@@ -4133,7 +4133,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Service Learning</h4>
                         <p>Start: 2017-10-02 at 10:00</p>
@@ -4146,7 +4146,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu S-Forschen und Experimentieren im Forscherraum, Schwerpunkt Bauen und Konstruieren (Lernbereich Technik und Kultur)</h4>
                         <p>Start: 2017-10-17 at 18:00</p>
@@ -4159,7 +4159,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu S-Werteerziehung und Friedenserziehung im Sachunterricht der Grundschule</h4>
                         <p>Start: 2017-11-02 at 18:00</p>
@@ -4172,7 +4172,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Der Masterstudiengang Gerontologie in Erlangen</h4>
                         <p>Start: 2018-01-16 at 20:15</p>
@@ -4185,7 +4185,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Gruppentraining Sozialer Kompetenzen</h4>
                         <p>Start: 2017-11-16 at 18:00</p>
@@ -4198,7 +4198,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Infoabend Auslandssemester/-praktikum</h4>
                         <p>Start: 2018-01-10 at 20:15</p>
@@ -4211,7 +4211,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Pädagogische Anthropologie und Ethik: Bildung und Zeit</h4>
                         <p>Start: 2017-10-17 at 18:15</p>
@@ -4224,7 +4224,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Lehramt: Grundlagen der Erziehung: Vertiefungsseminar / Urteilskraft in pädagogischer Praxis. Studien und Übungen anhand von Spielfilmen</h4>
                         <p>Start: 2017-11-08 at 18:00</p>
@@ -4237,7 +4237,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Nebenfachabend</h4>
                         <p>Start: 2017-11-21 at 18:15</p>
@@ -4250,7 +4250,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Pädagogik in einem (sozial-) psychiatrischen Arbeitsfeld</h4>
                         <p>Start: 2017-12-13 at 20:15</p>
@@ -4263,7 +4263,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Geschichte und Theorie der Erziehung und Bildung: Die Geschichte der Heimerziehung</h4>
                         <p>Start: 2017-10-27 at 14:00</p>
@@ -4276,7 +4276,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Prüfungsangstbewältigung</h4>
                         <p>Start: 2017-11-14 at 18:00</p>
@@ -4289,7 +4289,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Psychische Erkrankungen bei Studierenden</h4>
                         <p>Start: 2017-12-06 at 20:15</p>
@@ -4302,7 +4302,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Schriftl. Prüfung "Masterstudiengang Educational Quality"</h4>
                         <p>Start: 2017-10-20 at 11:00</p>
@@ -4315,7 +4315,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Schulleitersymposium (SLS)</h4>
                         <p>Start: 2017-10-12 at 14:00</p>
@@ -4328,7 +4328,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Schulleitersymposium (SLS)</h4>
                         <p>Start: 2017-10-07 at 8:00</p>
@@ -4341,7 +4341,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Schulleitersymposium (SLS)</h4>
                         <p>Start: 2017-10-13 at 8:00</p>
@@ -4354,7 +4354,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Schulleitersymposium (SLS)</h4>
                         <p>Start: 2017-10-05 at 14:00</p>
@@ -4367,7 +4367,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Schulleitersymposium (SLS)</h4>
                         <p>Start: 2017-10-06 at 8:00</p>
@@ -4380,7 +4380,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Schwerpunktabend Sozialpädagogik</h4>
                         <p>Start: 2017-10-25 at 20:15</p>
@@ -4393,7 +4393,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Schwerpunktabend EFP</h4>
                         <p>Start: 2017-11-15 at 20:15</p>
@@ -4406,7 +4406,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Schwerpunktabend Erwachsenenbildung/Weiterbildung</h4>
                         <p>Start: 2017-11-08 at 20:15</p>
@@ -4419,7 +4419,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Das fliegende Klassenzimmer. Theaterpädagogische Methoden im Unterricht. Anmeldung in der Vorbesprechung! (Lehrauftrag)</h4>
                         <p>Start: 2017-11-20 at 14:00</p>
@@ -4432,7 +4432,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Forschertreffen</h4>
                         <p>Start: 2017-11-09 at 12:00</p>
@@ -4445,7 +4445,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Forschertreffen</h4>
                         <p>Start: 2017-11-10 at 8:00</p>
@@ -4458,7 +4458,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Forschertreffen</h4>
                         <p>Start: 2017-11-11 at 9:00</p>
@@ -4471,7 +4471,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Jour fixe</h4>
                         <p>Start: 2017-10-18 at 10:00</p>
@@ -4484,7 +4484,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Jour fixe</h4>
                         <p>Start: 2018-04-11 at 10:00</p>
@@ -4497,7 +4497,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Konflikte in der Schule</h4>
                         <p>Start: 2017-10-24 at 12:00</p>
@@ -4510,7 +4510,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Praxis lehren</h4>
                         <p>Start: 2017-10-06 at 12:00</p>
@@ -4523,7 +4523,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Praxis lehren</h4>
                         <p>Start: 2017-10-07 at 9:00</p>
@@ -4536,7 +4536,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Workshop Bildung</h4>
                         <p>Start: 2017-10-27 at 12:00</p>
@@ -4549,7 +4549,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Workshop Bildung</h4>
                         <p>Start: 2017-10-28 at 8:00</p>
@@ -4562,7 +4562,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Workshop Bildung</h4>
                         <p>Start: 2017-10-27 at 8:00</p>
@@ -4575,7 +4575,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Ausgewählte Handlungsfelder in der Sozialpädagogik: Gerontologie</h4>
                         <p>Start: 2017-10-18 at 12:00</p>
@@ -4588,7 +4588,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Zwischen Rechtspopulismus und Rechtsradikalismus: Akteure, Inhalte und (Gegen-)Strategien</h4>
                         <p>Start: 2017-10-25 at 14:00</p>
@@ -4601,7 +4601,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Blockseminar  Führungskräfteentwicklung</h4>
                         <p>Start: 2017-11-09 at 18:00</p>
@@ -4614,7 +4614,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>11. Bamberger Neuropsychologietag</h4>
                         <p>Start: 2017-12-08 at 8:00</p>
@@ -4627,7 +4627,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Disputation</h4>
                         <p>Start: 2017-10-05 at 11:00</p>
@@ -4640,7 +4640,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Möglichkeiten und Grenzen der Wiederherstellung und Trainings kognitiver Leistungsfähigkeit</h4>
                         <p>Start: 2017-10-20 at 15:00</p>
@@ -4653,7 +4653,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Klinische neuropsychologische Therapie:  Praktische Umsetzungen in der neurologischen Rehabilitation.</h4>
                         <p>Start: 2017-10-27 at 12:00</p>
@@ -4666,7 +4666,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Von Läusen und Flöhen  - Der Neglect und seine Begleiter</h4>
                         <p>Start: 2017-10-19 at 18:00</p>
@@ -4679,7 +4679,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Notfallpsychologie</h4>
                         <p>Start: 2017-10-23 at 16:00</p>
@@ -4692,7 +4692,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Psychosoziale Interventionskonzepte bei Diabetes Mellitus</h4>
                         <p>Start: 2017-11-08 at 18:00</p>
@@ -4705,7 +4705,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Training zur psychischen ersten Hilfe für Laien</h4>
                         <p>Start: 2017-11-11 at 8:00</p>
@@ -4718,7 +4718,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Seminar Psychologie (EWS): Professionell unterrichten am Beispiel der Lesekompetenzförderung (Grötzbach)</h4>
                         <p>Start: 2017-10-16 at 18:00</p>
@@ -4731,7 +4731,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Seminar: Aus Vergleichsstudien lernen (Drechsel)</h4>
                         <p>Start: 2017-10-25 at 18:00</p>
@@ -4744,7 +4744,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Seminar Psychologie (EWS): Lernen in Gruppen aus psychologischer Perspektive (Anderka)</h4>
                         <p>Start: 2017-10-20 at 17:00</p>
@@ -4757,7 +4757,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Aggression und Bullying</h4>
                         <p>Start: 2017-10-18 at 18:00</p>
@@ -4770,7 +4770,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Virtuelle Gefahren im Internet und die Vermittlung von Medienkompetenz</h4>
                         <p>Start: 2017-10-20 at 8:30</p>
@@ -4783,7 +4783,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Empathie und Theory of Mind-Entwicklung</h4>
                         <p>Start: 2017-12-08 at 14:00</p>
@@ -4796,7 +4796,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Emotionale Störungen im Kindes- und Jugendalter</h4>
                         <p>Start: 2017-11-17 at 14:00</p>
@@ -4809,7 +4809,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Bewältigung von Trauma über die Lebensspanne hinweg</h4>
                         <p>Start: 2017-10-18 at 12:00</p>
@@ -4822,7 +4822,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Theorien und therapeutische Ansätze der Depression</h4>
                         <p>Start: 2017-10-23 at 16:00</p>
@@ -4835,7 +4835,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Praxisseminar Therapeutische Basisfertigkeiten</h4>
                         <p>Start: 2017-10-20 at 14:00</p>
@@ -4848,7 +4848,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Fallkonzeption und Therapieplanung</h4>
                         <p>Start: 2017-10-17 at 16:00</p>
@@ -4861,7 +4861,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Gesprächsführung</h4>
                         <p>Start: 2017-10-16 at 18:00</p>
@@ -4874,7 +4874,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Schwierige Situationen in Therapie und Beratung</h4>
                         <p>Start: 2017-10-17 at 17:00</p>
@@ -4887,7 +4887,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Persönlichkeit in der Klinischen Psychologie: Vom Störungsbild zum Einflussfaktor psychischer und somatischer Erkrankungen</h4>
                         <p>Start: 2017-10-19 at 18:00</p>
@@ -4900,7 +4900,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Das Selbst und soziale Interaktion</h4>
                         <p>Start: 2017-11-10 at 14:15</p>
@@ -4913,7 +4913,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vortrag Dr. Jessica Röhner: Die Untersuchung von fälschungs- und konstruktbezogener Varianz im IAT mit Hilfe von Diffusionsmodellanalysen</h4>
                         <p>Start: 2017-12-04 at 18:00</p>
@@ -4926,7 +4926,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vortrag Dr. Anna Dechant: (Nicht-)Intentional Partnerlos. Wer ist (un-)freiwillig Single und wie verändert sich das mit der Zeit?</h4>
                         <p>Start: 2017-10-23 at 18:00</p>
@@ -4939,7 +4939,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vortrag Dr. Oliver Arnold: Verhalten als kompensatorische Funktion von Einstellung und Verhaltenskosten: Die Person-Situation-Interaktion im Rahmen des Campell-Paradigmas</h4>
                         <p>Start: 2018-01-29 at 18:00</p>
@@ -4952,7 +4952,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vortrag Prof. Dr. Christine Syrek: Mikropause bis Urlaub: Förderung von Gesundheit und Leistungsverhalten durch Erholung von arbeitsbezogenem Stress</h4>
                         <p>Start: 2018-01-15 at 18:00</p>
@@ -4965,7 +4965,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vortrag PD Dr. Miriam Kunz: Wenn die Sprache versiegt: Affekterkennung bei Demenz</h4>
                         <p>Start: 2017-11-20 at 18:00</p>
@@ -4978,7 +4978,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Abschiedsvorlesung Prof. Dr. Rahm (noch unter Vorbehalt)</h4>
                         <p>Start: 2018-02-01 at 18:00</p>
@@ -4991,7 +4991,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Disputation Nusser</h4>
                         <p>Start: 2017-11-13 at 10:00</p>
@@ -5004,7 +5004,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Fakultätsweihnacht</h4>
                         <p>Start: 2017-12-13 at 9:00</p>
@@ -5017,7 +5017,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Hochschulöffentliches Gespräch mit dem Mittelbau</h4>
                         <p>Start: 2018-02-05 at 18:00</p>
@@ -5030,7 +5030,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Hochschulöffentliches Gespräch mit Studierenden</h4>
                         <p>Start: 2018-01-29 at 18:00</p>
@@ -5043,7 +5043,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>BWL-Fachgruppenbesprechung</h4>
                         <p>Start: 2017-10-25 at 12:00</p>
@@ -5056,7 +5056,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>UFC-M6: Geschäftsprozessmanagement</h4>
                         <p>Start: 2017-11-23 at 9:00</p>
@@ -5069,7 +5069,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Videokonferenz</h4>
                         <p>Start: 2017-10-20 at 10:00</p>
@@ -5082,7 +5082,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Videokonferenz</h4>
                         <p>Start: 2017-12-15 at 10:00</p>
@@ -5095,7 +5095,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Videokonferenz</h4>
                         <p>Start: 2018-01-19 at 10:00</p>
@@ -5108,7 +5108,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Videokonferenz</h4>
                         <p>Start: 2017-11-17 at 10:00</p>
@@ -5121,7 +5121,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Videokonferenz</h4>
                         <p>Start: 2018-03-09 at 10:00</p>
@@ -5134,7 +5134,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Computerkurs für Studierende: Tabellenkalkulation mit Excel 2016 - Grundlagen</h4>
                         <p>Start: 2018-01-13 at 10:00</p>
@@ -5147,7 +5147,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Computerkurs für Studierende: Excel 2016: Arbeitsabläufe automatisieren mit VBA</h4>
                         <p>Start: 2017-11-11 at 10:00</p>
@@ -5160,7 +5160,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Computerkurs für Studierende: Excel 2016: Formeln und Funktionen</h4>
                         <p>Start: 2018-01-27 at 10:00</p>
@@ -5173,7 +5173,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Computerkurs für Studierende: Excel 2016: Formeln und Funktionen</h4>
                         <p>Start: 2017-10-07 at 10:00</p>
@@ -5186,7 +5186,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Computerkurs für Studierende: Wissenschaftliche Arbeiten mit Word 2016</h4>
                         <p>Start: 2017-12-01 at 13:00</p>
@@ -5199,7 +5199,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Computerkurs für Studierende: Einführung in SPSS</h4>
                         <p>Start: 2017-11-18 at 10:00</p>
@@ -5212,7 +5212,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Computerkurs für Studierende: WordPress: ansprechende Webauftritte leicht erstellt</h4>
                         <p>Start: 2017-12-09 at 10:00</p>
@@ -5225,7 +5225,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Computerkurs für Studierende: Excel 2016: Arbeitsabläufe automatisieren mit VBA</h4>
                         <p>Start: 2017-10-21 at 10:00</p>
@@ -5238,7 +5238,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Computerkurs für Studierende: Einführung in SPSS</h4>
                         <p>Start: 2017-10-14 at 10:00</p>
@@ -5251,7 +5251,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Computerkurs für Studierende: Tabellenkalkulation mit Excel 2016 - Grundlagen</h4>
                         <p>Start: 2017-11-04 at 10:00</p>
@@ -5264,7 +5264,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Computerkurs für Studierende: Bildbearbeitung mit Photoshop - Grundlagen</h4>
                         <p>Start: 2017-12-16 at 10:00</p>
@@ -5277,7 +5277,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Computerkurs für Studierende: Datenbanken verwalten mit Access 2016</h4>
                         <p>Start: 2017-12-02 at 10:00</p>
@@ -5290,7 +5290,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Computerkurs für Studierende: Einführung in SPSS</h4>
                         <p>Start: 2018-01-20 at 10:00</p>
@@ -5303,7 +5303,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Computerkurs für Studierende: Excel 2016: Zusammenfassen und Aufbereiten von Daten</h4>
                         <p>Start: 2017-12-08 at 9:00</p>
@@ -5316,7 +5316,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Computerkurs für Studierende: Excel 2016: Arbeitsabläufe automatisieren mit VBA</h4>
                         <p>Start: 2017-12-16 at 10:00</p>
@@ -5329,7 +5329,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Computerkurs für Studierende: Wissenschaftliche Arbeiten mit Word 2016</h4>
                         <p>Start: 2017-10-28 at 9:00</p>
@@ -5342,7 +5342,7 @@ Spenden erbeten</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Info-Veranstaltung: IT-Dienste an der Uni Bamberg</h4>
                         <p>Start: 2017-10-10 at 13:00</p>
@@ -5356,7 +5356,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>VC-Training für Tutor/innen und Hilfskräfte</h4>
                         <p>Start: 2017-10-12 at 10:00</p>
@@ -5369,7 +5369,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Workshop: Peer-Feedback/Peer-Reviews in Moodle durchführen (Aufbaustufe)</h4>
                         <p>Start: 2017-12-01 at 9:00</p>
@@ -5384,7 +5384,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Workshop: E-Learning für Einsteiger: Moodle-Kurse als Ergänzung zur Präsenzlehre einrichten und verwenden</h4>
                         <p>Start: 2017-10-26 at 9:00</p>
@@ -5399,7 +5399,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Ausgew did. Projekte / Ausg. form. Grundlagen - konkr. Herausforderungen u. Anwendungen d. Pol.Bildung: Spielen, Debattieren, Zukunft gestalten</h4>
                         <p>Start: 2017-10-18 at 18:00</p>
@@ -5412,7 +5412,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Fachstudienberatung Wilhelm-Oehler</h4>
                         <p>Start: 2017-11-14 at 18:00</p>
@@ -5425,7 +5425,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Organization Theory and Research Methods</h4>
                         <p>Start: 2017-10-26 at 12:00</p>
@@ -5438,7 +5438,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Change Management</h4>
                         <p>Start: 2017-11-04 at 8:00</p>
@@ -5451,7 +5451,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Change Management</h4>
                         <p>Start: 2017-12-02 at 8:00</p>
@@ -5464,7 +5464,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Change Management</h4>
                         <p>Start: 2017-11-18 at 8:00</p>
@@ -5477,7 +5477,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Change Management</h4>
                         <p>Start: 2018-01-27 at 8:00</p>
@@ -5490,7 +5490,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Change Management</h4>
                         <p>Start: 2018-01-13 at 8:00</p>
@@ -5503,7 +5503,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Change Management</h4>
                         <p>Start: 2018-02-03 at 8:00</p>
@@ -5516,7 +5516,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Change Management</h4>
                         <p>Start: 2018-01-13 at 8:00</p>
@@ -5529,7 +5529,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Change Management</h4>
                         <p>Start: 2018-01-27 at 8:00</p>
@@ -5542,7 +5542,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Change Management</h4>
                         <p>Start: 2018-02-03 at 8:00</p>
@@ -5555,7 +5555,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Change Management</h4>
                         <p>Start: 2017-12-02 at 8:00</p>
@@ -5568,7 +5568,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Change Management</h4>
                         <p>Start: 2017-11-04 at 8:15</p>
@@ -5581,7 +5581,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Change Management</h4>
                         <p>Start: 2018-01-13 at 8:00</p>
@@ -5594,7 +5594,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Change Management</h4>
                         <p>Start: 2018-01-27 at 8:00</p>
@@ -5607,7 +5607,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Change Management</h4>
                         <p>Start: 2018-02-03 at 8:00</p>
@@ -5620,7 +5620,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Change Management</h4>
                         <p>Start: 2017-11-04 at 8:00</p>
@@ -5633,7 +5633,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Change Management</h4>
                         <p>Start: 2017-12-02 at 8:00</p>
@@ -5646,7 +5646,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Change Management</h4>
                         <p>Start: 2017-11-18 at 8:00</p>
@@ -5659,7 +5659,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Change Management</h4>
                         <p>Start: 2017-11-18 at 8:00</p>
@@ -5672,7 +5672,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Leadership and Management</h4>
                         <p>Start: 2017-11-03 at 12:00</p>
@@ -5685,7 +5685,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Leadership and Management</h4>
                         <p>Start: 2017-11-17 at 12:00</p>
@@ -5698,7 +5698,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Leadership and Management</h4>
                         <p>Start: 2017-12-01 at 12:00</p>
@@ -5711,7 +5711,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Leadership and Management</h4>
                         <p>Start: 2017-11-17 at 12:00</p>
@@ -5724,7 +5724,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Leadership and Management</h4>
                         <p>Start: 2017-12-01 at 12:00</p>
@@ -5737,7 +5737,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Leadership and Management</h4>
                         <p>Start: 2017-11-03 at 12:00</p>
@@ -5750,7 +5750,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Leadership and Management</h4>
                         <p>Start: 2018-02-02 at 12:00</p>
@@ -5763,7 +5763,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Leadership and Management</h4>
                         <p>Start: 2018-01-26 at 12:00</p>
@@ -5776,7 +5776,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Leadership and Management</h4>
                         <p>Start: 2018-01-12 at 12:00</p>
@@ -5789,7 +5789,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Leadership and Management</h4>
                         <p>Start: 2017-11-03 at 12:00</p>
@@ -5802,7 +5802,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Leadership and Management</h4>
                         <p>Start: 2018-02-02 at 12:00</p>
@@ -5815,7 +5815,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Leadership and Management</h4>
                         <p>Start: 2018-01-12 at 12:00</p>
@@ -5828,7 +5828,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Leadership and Management</h4>
                         <p>Start: 2017-12-01 at 12:00</p>
@@ -5841,7 +5841,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Leadership and Management</h4>
                         <p>Start: 2018-01-26 at 12:00</p>
@@ -5854,7 +5854,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Leadership and Management</h4>
                         <p>Start: 2018-01-26 at 12:00</p>
@@ -5867,7 +5867,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Leadership and Management</h4>
                         <p>Start: 2018-02-02 at 12:00</p>
@@ -5880,7 +5880,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Leadership and Management</h4>
                         <p>Start: 2017-11-17 at 12:00</p>
@@ -5893,7 +5893,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Leadership and Management</h4>
                         <p>Start: 2018-01-12 at 12:00</p>
@@ -5906,7 +5906,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Lehrstuhl Becker</h4>
                         <p>Start: 2017-10-28 at 8:00</p>
@@ -5919,7 +5919,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Tagung</h4>
                         <p>Start: 2017-10-18 at 18:00</p>
@@ -5932,7 +5932,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu PS (BA): Jürgen Habermas  "Kleine politische Schriften" (1998-2013)</h4>
                         <p>Start: 2017-10-20 at 14:00</p>
@@ -5945,7 +5945,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Seminar zur Politischen Soziologie: Migration and the nation-state: determinants and functions of immigration control "Blockseminar"</h4>
                         <p>Start: 2017-10-23 at 18:00</p>
@@ -5958,7 +5958,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>BAMUN</h4>
                         <p>Start: 2017-12-01 at 14:00</p>
@@ -5971,7 +5971,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>BAMUN</h4>
                         <p>Start: 2017-12-02 at 8:00</p>
@@ -5984,7 +5984,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>BAMUN</h4>
                         <p>Start: 2017-12-01 at 12:00</p>
@@ -5997,7 +5997,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>BAMUN</h4>
                         <p>Start: 2017-12-02 at 8:00</p>
@@ -6010,7 +6010,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Literaturgeschichte und Textinterpretation spanisch</h4>
                         <p>Start: 2017-12-02 at 12:00</p>
@@ -6023,7 +6023,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>BAMUN</h4>
                         <p>Start: 2017-12-01 at 12:00</p>
@@ -6036,7 +6036,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu HS: Politikfeldanalyse II: "Historical institutionalism: Theories of institutional change</h4>
                         <p>Start: 2017-10-20 at 10:00</p>
@@ -6049,7 +6049,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Allgemeine Tutorenschulung</h4>
                         <p>Start: 2017-10-10 at 11:00</p>
@@ -6062,7 +6062,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>BWL 1</h4>
                         <p>Start: 2017-10-11 at 14:00</p>
@@ -6075,7 +6075,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Einführung in das  Handels- u. Gesellschaftsrecht</h4>
                         <p>Start: 2017-10-18 at 16:00</p>
@@ -6088,7 +6088,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführungstage</h4>
                         <p>Start: 2017-10-11 at 8:00</p>
@@ -6101,7 +6101,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführungstage</h4>
                         <p>Start: 2017-10-12 at 8:00</p>
@@ -6114,7 +6114,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführungstage</h4>
                         <p>Start: 2017-10-10 at 8:00</p>
@@ -6127,7 +6127,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführungstage</h4>
                         <p>Start: 2017-10-11 at 8:00</p>
@@ -6140,7 +6140,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführungstage</h4>
                         <p>Start: 2017-10-11 at 8:00</p>
@@ -6153,7 +6153,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Tutoren-(fach-)schulung EES</h4>
                         <p>Start: 2017-10-10 at 13:00</p>
@@ -6166,7 +6166,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Tutoren-(fach-)schulung BWL/IBWL</h4>
                         <p>Start: 2017-10-10 at 14:00</p>
@@ -6179,7 +6179,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Tutoren-(fach-)schulung Soziologie</h4>
                         <p>Start: 2017-10-10 at 11:30</p>
@@ -6192,7 +6192,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Tutoren-(fach-)schulung Politikwissenschaft</h4>
                         <p>Start: 2017-10-10 at 11:30</p>
@@ -6205,7 +6205,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Kolloquium Arbeitswissenschaft</h4>
                         <p>Start: 2017-10-11 at 17:00</p>
@@ -6218,7 +6218,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Nachholklausuren Arbeitswissenschaft</h4>
                         <p>Start: 2017-10-02 at 9:00</p>
@@ -6231,7 +6231,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Schulleitertreffen Förderprojekt Arbeitswissenschaft</h4>
                         <p>Start: 2017-10-23 at 20:00</p>
@@ -6244,7 +6244,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu Angewandte Wirtschaftsforschung 4: Advanced Topics in Behavioral Macroeconomics</h4>
                         <p>Start: 2017-10-23 at 16:00</p>
@@ -6257,7 +6257,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbesprechung zu GLA-Ü: Physiologische, psychologische und betriebspädagogische Grundlagen des Lernens und des Arbeitens Vertiefung und Übung - Termin C</h4>
                         <p>Start: 2017-10-23 at </p>
@@ -6270,7 +6270,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Grundlagen wiss. Arbeitens -Tutoren-Sprechstunde</h4>
                         <p>Start: 2017-10-27 at 9:00</p>
@@ -6283,7 +6283,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>FOBAF</h4>
                         <p>Start: 2017-10-06 at 8:00</p>
@@ -6296,7 +6296,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>FOBAF</h4>
                         <p>Start: 2017-10-06 at 8:00</p>
@@ -6309,7 +6309,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>FOBAF</h4>
                         <p>Start: 2017-10-06 at 8:00</p>
@@ -6322,7 +6322,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>FOBAF</h4>
                         <p>Start: 2017-10-06 at 8:00</p>
@@ -6335,7 +6335,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>FOBAF</h4>
                         <p>Start: 2017-10-06 at 8:00</p>
@@ -6348,7 +6348,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>DAAD-Stipendiatentreffen</h4>
                         <p>Start: 2018-04-13 at 9:00</p>
@@ -6361,7 +6361,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Deutschlandstipendiumfeier: Prof. Dr. Marco Sahm: "Vermögensunterschiede und Chancengleichheit - ein Experiment"</h4>
                         <p>Start: 2017-11-16 at 19:45</p>
@@ -6374,7 +6374,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Deutschlandstipendiumfeier: Prof. Dr. Ulrich Sieberer "Politikwissenschaft trifft Geschichte"</h4>
                         <p>Start: 2017-11-16 at 19:45</p>
@@ -6387,7 +6387,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Deutschlandstipendiumfeier: Prof. Dr. Henriette Engelhardt-Wölfler "Geschlechtergleichheit und Fertilität"</h4>
                         <p>Start: 2017-11-16 at 19:45</p>
@@ -6400,7 +6400,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Deutschlandstipendiumfeier: Prof. Dr. Karl-Heinz Gerholz: "Wie lernt man in digitalisierten Lernwelten?"</h4>
                         <p>Start: 2017-11-16 at 19:45</p>
@@ -6413,7 +6413,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Deutschlandstipendiumfeier: Prof. Dr. Susanne Rässler "Keiner will sie, jeder hat sie, wir ergänzen sie - fehlende Daten"</h4>
                         <p>Start: 2017-11-16 at 19:45</p>
@@ -6426,7 +6426,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Deutschlandstipendiumfeier: Prof. Dr. Alexander Filaster "Innovationsentscheidungen"</h4>
                         <p>Start: 2017-11-16 at 19:45</p>
@@ -6439,7 +6439,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemester-Begrüßung</h4>
                         <p>Start: 2017-10-13 at 9:00</p>
@@ -6452,7 +6452,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemester-Begrüßung</h4>
                         <p>Start: 2017-10-13 at 14:00</p>
@@ -6465,7 +6465,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Fakultätsfeier Huwi zur Verabschiedung der Absolventen</h4>
                         <p>Start: 2017-11-25 at 14:00</p>
@@ -6478,7 +6478,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Infoabend des akademischen Auslandsamts</h4>
                         <p>Start: 2017-10-25 at 20:00</p>
@@ -6491,7 +6491,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorreservierung Dekanat SoWi</h4>
                         <p>Start: 2018-04-26 at 12:00</p>
@@ -6504,7 +6504,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorreservierung Dekanat SoWi</h4>
                         <p>Start: 2018-04-27 at 8:00</p>
@@ -6517,7 +6517,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>DSH Kurs B (B1) (Semesterkurs)</h4>
                         <p>Start: 2017-10-20 at 14:00</p>
@@ -6530,7 +6530,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>DSH Kurs C (B2) (Semesterkurs)</h4>
                         <p>Start: 2017-10-19 at 8:30</p>
@@ -6543,7 +6543,7 @@ Sie haben keine Einladung erhalten? - Wenden Sie sich bitte an den IT-Support im
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>DSH Kurs C (B2) (Semesterkurs)</h4>
                         <p>Start: 2017-10-16 at 8:30</p>
@@ -6563,7 +6563,7 @@ https://www.uni-bamberg.de/auslandsamt/studieren-in-bamberg/ich-moechte-nach-bam
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>DSH Kurs C (B2) (Semesterkurs)</h4>
                         <p>Start: 2017-10-18 at 8:30</p>
@@ -6576,7 +6576,7 @@ https://www.uni-bamberg.de/auslandsamt/studieren-in-bamberg/ich-moechte-nach-bam
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>DSH Kurs C (B2) (Semesterkurs)</h4>
                         <p>Start: 2017-10-17 at 8:30</p>
@@ -6589,7 +6589,7 @@ https://www.uni-bamberg.de/auslandsamt/studieren-in-bamberg/ich-moechte-nach-bam
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>DSH Kurs C (B2) (Semesterkurs)</h4>
                         <p>Start: 2017-10-20 at 8:30</p>
@@ -6602,7 +6602,7 @@ https://www.uni-bamberg.de/auslandsamt/studieren-in-bamberg/ich-moechte-nach-bam
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>DSH Kurs D (C1) (Semesterkurs)</h4>
                         <p>Start: 2017-10-16 at 8:30</p>
@@ -6615,7 +6615,7 @@ https://www.uni-bamberg.de/auslandsamt/studieren-in-bamberg/ich-moechte-nach-bam
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>DSH Kurs B (B1) (Semesterkurs)</h4>
                         <p>Start: 2017-10-16 at 14:00</p>
@@ -6628,7 +6628,7 @@ https://www.uni-bamberg.de/auslandsamt/studieren-in-bamberg/ich-moechte-nach-bam
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Aus der Praxis für die Praxis</h4>
                         <p>Start: 2017-10-20 at 11:00</p>
@@ -6643,7 +6643,7 @@ Wortschatzarbeit : Ulrike Friedrich (30 Minuten) +  Interaktion im Fremdsprachen
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Aus der Praxis für die Praxis</h4>
                         <p>Start: 2017-10-20 at 11:00</p>
@@ -6658,7 +6658,7 @@ Interkulturelles Lernen : Armin Gertz(ca. 90-120 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Aus der Praxis für die Praxis</h4>
                         <p>Start: 2017-10-20 at 11:00</p>
@@ -6673,7 +6673,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Bayerische Lektoren Treffen</h4>
                         <p>Start: 2017-10-04 at 8:00</p>
@@ -6686,7 +6686,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Bayerische Lektoren Treffen</h4>
                         <p>Start: 2017-10-04 at 8:00</p>
@@ -6699,7 +6699,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Bayerische Lektoren Treffen</h4>
                         <p>Start: 2017-10-04 at 8:00</p>
@@ -6712,7 +6712,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>English HaF Placement Test (1. Termin)</h4>
                         <p>Start: 2017-10-11 at 12:00</p>
@@ -6725,7 +6725,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>English HaF Placement Test (5. Termin)</h4>
                         <p>Start: 2017-10-24 at 8:00</p>
@@ -6738,7 +6738,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>English HaF Placement Test (3. Termin)</h4>
                         <p>Start: 2017-10-17 at 16:00</p>
@@ -6751,7 +6751,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>English HaF Placement Test (2. Termin)</h4>
                         <p>Start: 2017-10-13 at 10:00</p>
@@ -6764,7 +6764,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>English HaF Placement Test (4. Termin)</h4>
                         <p>Start: 2017-10-19 at 16:00</p>
@@ -6777,7 +6777,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Informationstreffen für Lehrbeauftragte am SZ</h4>
                         <p>Start: 2017-10-09 at 10:00</p>
@@ -6790,7 +6790,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Mädchen und Technik (Raumreservierung für Fr. Fiehl)</h4>
                         <p>Start: 2017-11-03 at 13:00</p>
@@ -6803,7 +6803,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Sprachnachweis Workshop (Englisch)</h4>
                         <p>Start: 2017-10-12 at 13:00</p>
@@ -6816,7 +6816,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Sprachenlernen zu zweit</h4>
                         <p>Start: 2017-11-17 at 8:30</p>
@@ -6829,7 +6829,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Sprachenlernen zu zweit</h4>
                         <p>Start: 2017-10-27 at 8:30</p>
@@ -6842,7 +6842,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>WiSpa Mündliche Prüfungen</h4>
                         <p>Start: 2017-10-13 at 10:00</p>
@@ -6855,7 +6855,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Workshop der Abteilung Mediendidaktik im Wintersemester 2017/2018</h4>
                         <p>Start: 2017-11-10 at 14:00</p>
@@ -6868,7 +6868,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Workshop der Abteilung Mediendidaktik im Wintersemester 2017/2018</h4>
                         <p>Start: 2017-11-17 at 14:00</p>
@@ -6881,7 +6881,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Workshop der Abteilung Mediendidaktik im Wintersemester 2017/2018</h4>
                         <p>Start: 2017-12-01 at 14:00</p>
@@ -6894,7 +6894,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Basiskurs Bibliothek / Aufsätze und mehr - Teil 2</h4>
                         <p>Start: 2017-11-08 at 10:00</p>
@@ -6907,7 +6907,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Citavi-Einführung</h4>
                         <p>Start: 2017-11-07 at 10:00</p>
@@ -6920,7 +6920,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Citavi-Einführung</h4>
                         <p>Start: 2017-12-06 at 10:00</p>
@@ -6933,7 +6933,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Citavi-Einführung</h4>
                         <p>Start: 2018-01-22 at 12:00</p>
@@ -6946,7 +6946,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Citavi-Einführung</h4>
                         <p>Start: 2017-10-25 at 12:00</p>
@@ -6959,7 +6959,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Citavi-Einführung</h4>
                         <p>Start: 2018-01-10 at 10:00</p>
@@ -6972,7 +6972,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Citavi-Einführung</h4>
                         <p>Start: 2017-11-28 at 14:00</p>
@@ -6985,7 +6985,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Citavi-Einführung</h4>
                         <p>Start: 2017-11-16 at 10:00</p>
@@ -6998,7 +6998,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Citavi-Einführung</h4>
                         <p>Start: 2017-11-24 at 10:00</p>
@@ -7011,7 +7011,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Citavi-Einführung</h4>
                         <p>Start: 2018-03-22 at 10:00</p>
@@ -7024,7 +7024,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Citavi-Einführung</h4>
                         <p>Start: 2018-01-19 at 10:00</p>
@@ -7037,7 +7037,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Citavi-Einführung</h4>
                         <p>Start: 2018-02-27 at 10:00</p>
@@ -7050,7 +7050,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Citavi-Einführung</h4>
                         <p>Start: 2017-12-11 at 10:00</p>
@@ -7063,7 +7063,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Citavi-Einführung</h4>
                         <p>Start: 2017-11-06 at 10:00</p>
@@ -7076,7 +7076,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Einführung in die Bibliotheksbenutzung / Datenbankrecherche - Teil 2</h4>
                         <p>Start: 2017-10-25 at 10:00</p>
@@ -7089,7 +7089,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Basiskurs Bibliothek / Aufsätze und mehr - Teil 2</h4>
                         <p>Start: 2017-11-06 at 14:00</p>
@@ -7102,7 +7102,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Basiskurs Bibliothek / Aufsätze und mehr - Teil 2</h4>
                         <p>Start: 2017-11-07 at 12:00</p>
@@ -7115,7 +7115,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Workshop</h4>
                         <p>Start: 2017-11-02 at 8:00</p>
@@ -7128,7 +7128,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Workshop</h4>
                         <p>Start: 2017-11-03 at 8:00</p>
@@ -7141,7 +7141,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>DFG Workshop</h4>
                         <p>Start: 2017-10-26 at 12:00</p>
@@ -7154,7 +7154,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>DFG Workshop</h4>
                         <p>Start: 2017-10-27 at 14:00</p>
@@ -7167,7 +7167,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>DFG Workshop</h4>
                         <p>Start: 2017-10-27 at 8:00</p>
@@ -7180,7 +7180,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Workshop "Programmierungen? Leichter als du denkst!"</h4>
                         <p>Start: 2017-10-09 at 13:00</p>
@@ -7193,7 +7193,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Innovationslabor-Veranstaltung</h4>
                         <p>Start: 2017-10-18 at 10:00</p>
@@ -7206,7 +7206,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Innovationslabor-Veranstaltung</h4>
                         <p>Start: 2017-10-27 at 14:00</p>
@@ -7219,7 +7219,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Innovationslabor-Veranstaltung</h4>
                         <p>Start: 2017-10-06 at 10:30</p>
@@ -7232,7 +7232,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Probevorträge</h4>
                         <p>Start: 2017-11-08 at 8:00</p>
@@ -7245,7 +7245,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Probevorträge</h4>
                         <p>Start: 2017-11-08 at 12:00</p>
@@ -7258,7 +7258,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Probevorträge</h4>
                         <p>Start: 2017-11-09 at 10:00</p>
@@ -7271,7 +7271,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vortrag Dr. Laumer</h4>
                         <p>Start: 2017-10-18 at 18:00</p>
@@ -7284,7 +7284,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Disputation Weeger</h4>
                         <p>Start: 2017-10-19 at 8:00</p>
@@ -7297,7 +7297,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Feki.de IT</h4>
                         <p>Start: 2017-10-21 at 9:00</p>
@@ -7310,7 +7310,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Informationsveranstaltung der Bayerischen EliteAkademie</h4>
                         <p>Start: 2017-11-13 at 17:00</p>
@@ -7323,7 +7323,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Latex-Kurs</h4>
                         <p>Start: 2017-10-09 at 8:00</p>
@@ -7336,7 +7336,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>reserviert Disputationen WIAI</h4>
                         <p>Start: 2017-10-23 at 12:00</p>
@@ -7349,7 +7349,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Disputation Knobloch</h4>
                         <p>Start: 2017-12-04 at 14:00</p>
@@ -7362,7 +7362,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>reserviert Disputationen WIAI</h4>
                         <p>Start: 2017-11-13 at 12:00</p>
@@ -7375,7 +7375,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>reserviert Disputation WIAI</h4>
                         <p>Start: 2017-10-23 at 14:00</p>
@@ -7388,7 +7388,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>res. für EET</h4>
                         <p>Start: 2017-10-13 at 9:00</p>
@@ -7401,7 +7401,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>res. für EET</h4>
                         <p>Start: 2017-10-12 at 9:00</p>
@@ -7414,7 +7414,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>res. WIAI</h4>
                         <p>Start: 2017-11-03 at 15:30</p>
@@ -7427,7 +7427,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Deutschlandstipendienfeier 2017</h4>
                         <p>Start: 2017-11-16 at 14:00</p>
@@ -7440,7 +7440,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Freihalten für mögliche Rubin-Vorlesung</h4>
                         <p>Start: 2017-10-19 at 14:00</p>
@@ -7453,7 +7453,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Freihalten für mögliche Rubin-Vorlesung</h4>
                         <p>Start: 2017-10-20 at 8:00</p>
@@ -7466,7 +7466,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Marketing-Infoabend</h4>
                         <p>Start: 2017-10-26 at 14:00</p>
@@ -7479,7 +7479,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Trilogues Workshop</h4>
                         <p>Start: 2017-11-16 at 14:00</p>
@@ -7492,7 +7492,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Trilogues Workshop</h4>
                         <p>Start: 2017-11-17 at 8:00</p>
@@ -7505,7 +7505,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Weihnachtsfeier BAGSS</h4>
                         <p>Start: 2017-12-14 at 14:00</p>
@@ -7518,7 +7518,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Weihnachtsfeier BAGSS</h4>
                         <p>Start: 2017-12-15 at 0:00</p>
@@ -7531,7 +7531,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Workshop LaTeX</h4>
                         <p>Start: 2017-10-09 at 8:00</p>
@@ -7544,7 +7544,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Workshop Presenting at International Conferences</h4>
                         <p>Start: 2018-01-12 at 8:00</p>
@@ -7557,7 +7557,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Ringvorlesung "Migration, Mobilität und Identität im Mittelalter"</h4>
                         <p>Start: 2018-04-09 at 19:30</p>
@@ -7570,7 +7570,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Sitzung des Personalrates</h4>
                         <p>Start: 2017-11-06 at 9:00</p>
@@ -7583,7 +7583,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Sitzung des Personalrates</h4>
                         <p>Start: 2017-10-04 at 14:00</p>
@@ -7596,7 +7596,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Sitzung des Personalrates</h4>
                         <p>Start: 2017-11-28 at 14:00</p>
@@ -7609,7 +7609,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Sitzung des Personalrates</h4>
                         <p>Start: 2017-11-07 at 14:00</p>
@@ -7622,7 +7622,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Sitzung des Personalrates</h4>
                         <p>Start: 2018-01-09 at 14:00</p>
@@ -7635,7 +7635,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Sitzung des Personalrates</h4>
                         <p>Start: 2018-05-02 at 14:00</p>
@@ -7648,7 +7648,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Sitzung des Personalrates</h4>
                         <p>Start: 2017-12-05 at 14:00</p>
@@ -7661,7 +7661,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Sitzung des Personalrates</h4>
                         <p>Start: 2017-10-17 at 14:00</p>
@@ -7674,7 +7674,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Sitzung des Personalrates</h4>
                         <p>Start: 2017-12-19 at 14:00</p>
@@ -7687,7 +7687,7 @@ Kreatives Schreiben : Ivana Lederer (90 Minuten)</p>
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Informationsveranstaltung - MSCA Innovative Training Networks (ITN)</h4>
                         <p>Start: 2017-10-10 at 10:00</p>
@@ -7704,7 +7704,7 @@ Die Anmeldung für die Veranstaltung wird ca. zwei Monate vor dem Termin möglic
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Kinder-Uni WS 17/18</h4>
                         <p>Start: 2017-11-25 at 10:00</p>
@@ -7717,7 +7717,7 @@ Die Anmeldung für die Veranstaltung wird ca. zwei Monate vor dem Termin möglic
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Kinder-Uni WS 17/18</h4>
                         <p>Start: 2017-12-02 at 10:00</p>
@@ -7730,7 +7730,7 @@ Die Anmeldung für die Veranstaltung wird ca. zwei Monate vor dem Termin möglic
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Kinder-Uni WS 17/18</h4>
                         <p>Start: 2017-11-11 at 10:00</p>
@@ -7743,7 +7743,7 @@ Die Anmeldung für die Veranstaltung wird ca. zwei Monate vor dem Termin möglic
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Infoabend zum Auslandsstudium</h4>
                         <p>Start: 2017-10-25 at 20:00</p>
@@ -7757,7 +7757,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Arbeiten bei Internationalen Organisationen</h4>
                         <p>Start: 2018-01-24 at 14:00</p>
@@ -7774,7 +7774,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Assessment-Center</h4>
                         <p>Start: 2018-01-16 at 18:00</p>
@@ -7791,7 +7791,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>BeWerbung - Schlüssel zum erfolgreichen Berufseinstieg</h4>
                         <p>Start: 2017-11-28 at 18:00</p>
@@ -7810,7 +7810,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Bewerbungsunterlagen-Check</h4>
                         <p>Start: 2017-12-05 at 18:00</p>
@@ -7829,7 +7829,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführungstage</h4>
                         <p>Start: 2017-10-10 at 9:00</p>
@@ -7842,7 +7842,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführungstage</h4>
                         <p>Start: 2017-10-13 at 8:00</p>
@@ -7855,7 +7855,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführungstage</h4>
                         <p>Start: 2017-10-12 at 8:00</p>
@@ -7868,7 +7868,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführungstage</h4>
                         <p>Start: 2017-10-14 at 10:00</p>
@@ -7881,7 +7881,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführungstage</h4>
                         <p>Start: 2017-10-11 at 9:00</p>
@@ -7894,7 +7894,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Perspektiven des Lehramtsstudiums</h4>
                         <p>Start: 2017-11-21 at 18:00</p>
@@ -7911,7 +7911,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Studienwechsel oder -ausstieg? Wie geht`s weiter?</h4>
                         <p>Start: 2017-11-09 at 10:00</p>
@@ -7928,7 +7928,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Wege in das Verlagswesen und die Medienbranche</h4>
                         <p>Start: 2017-12-12 at 18:00</p>
@@ -7945,7 +7945,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Absolventenfeier der Fakultät Geistes- und Kulturwissenschaften</h4>
                         <p>Start: 2017-11-25 at 16:00</p>
@@ -7958,7 +7958,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Absolventenfeier GuK - Ausklang</h4>
                         <p>Start: 2017-11-25 at 19:00</p>
@@ -7971,7 +7971,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Absolventenfeier GuK - Vorbereitung</h4>
                         <p>Start: 2017-11-25 at 14:30</p>
@@ -7984,7 +7984,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Arbeiten Medientechnik</h4>
                         <p>Start: 2017-10-09 at 0:00</p>
@@ -7997,7 +7997,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Auftaktveranstaltung zum Promotionskolleg "Makroökonomik bei beschränkter Rationalität: Dynamik, Stabilisierung und Verteilung"</h4>
                         <p>Start: 2017-11-06 at 12:00</p>
@@ -8010,7 +8010,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Bankfachwirt 4. Semester</h4>
                         <p>Start: 2017-10-07 at 8:00</p>
@@ -8023,7 +8023,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Bankfachwirt 4. Semester - Prüfung</h4>
                         <p>Start: 2018-02-24 at 9:00</p>
@@ -8036,7 +8036,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Bankfachwirt 4. Semester</h4>
                         <p>Start: 2017-10-07 at 11:45</p>
@@ -8049,7 +8049,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Bankfachwirt 4. Semester - Prüfung</h4>
                         <p>Start: 2018-02-17 at 9:00</p>
@@ -8062,7 +8062,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Buchpräsentation und Festvortrag zu Prof. Röschlaub mit kleinem Empfang</h4>
                         <p>Start: 2018-10-22 at 16:00</p>
@@ -8075,7 +8075,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Chorkonzert "Bamberg ganz Chor"</h4>
                         <p>Start: 2018-06-23 at 17:00</p>
@@ -8088,7 +8088,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Debatte des Debattierclubs Bamberg</h4>
                         <p>Start: 2017-10-18 at 18:30</p>
@@ -8101,7 +8101,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Debatte des Debattierclubs Bamberg - Vorbereitung</h4>
                         <p>Start: 2017-10-18 at 18:00</p>
@@ -8114,7 +8114,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Deutsche Kultur in den Medien (Vorbereitungskurs)</h4>
                         <p>Start: 2017-10-02 at 10:00</p>
@@ -8127,7 +8127,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Deutsche Kultur in den Medien (Vorbereitungskurs)</h4>
                         <p>Start: 2017-10-02 at 14:00</p>
@@ -8140,7 +8140,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Dies academicus</h4>
                         <p>Start: 2017-11-13 at 0:00</p>
@@ -8153,7 +8153,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Einführung Austausch-Nachzügler (dt.)</h4>
                         <p>Start: 2017-10-09 at 10:00</p>
@@ -8166,7 +8166,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Einführung Austausch-Nachzügler (engl.)</h4>
                         <p>Start: 2017-10-09 at 9:00</p>
@@ -8179,7 +8179,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Einführung UnivIS, FlexNow & VC (Austausch-Nachzügler)</h4>
                         <p>Start: 2017-10-11 at 16:30</p>
@@ -8192,7 +8192,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Einführung in das  Handels- u. Gesellschaftsrecht</h4>
                         <p>Start: 2017-10-18 at 16:00</p>
@@ -8205,7 +8205,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Einsichtnahme</h4>
                         <p>Start: 2017-10-23 at 9:00</p>
@@ -8218,7 +8218,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Einsichtnahme - Vorbereitung</h4>
                         <p>Start: 2017-10-17 at 8:00</p>
@@ -8231,7 +8231,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Einstufungstest DSH-Semesterkurs</h4>
                         <p>Start: 2017-10-02 at 8:00</p>
@@ -8244,7 +8244,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Enactus Bamberg - wöchentliches Treffen</h4>
                         <p>Start: 2017-10-18 at 18:00</p>
@@ -8257,7 +8257,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Eröffnung DSH-Semesterkurs</h4>
                         <p>Start: 2017-10-18 at 10:00</p>
@@ -8270,7 +8270,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführung SoSe 2018</h4>
                         <p>Start: 2018-04-03 at 8:00</p>
@@ -8283,7 +8283,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführung WS 2018/19</h4>
                         <p>Start: 2018-10-09 at 8:00</p>
@@ -8296,7 +8296,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführung WS 2018/19</h4>
                         <p>Start: 2018-10-09 at 8:00</p>
@@ -8309,7 +8309,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführung WS 17/18</h4>
                         <p>Start: 2017-10-11 at 15:00</p>
@@ -8322,7 +8322,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführung WS 17/18</h4>
                         <p>Start: 2017-10-10 at 13:00</p>
@@ -8335,7 +8335,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführung WS 17/18</h4>
                         <p>Start: 2017-10-11 at 11:00</p>
@@ -8348,7 +8348,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführung WS 17/18</h4>
                         <p>Start: 2017-10-11 at 13:00</p>
@@ -8361,7 +8361,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführung WS 17/18</h4>
                         <p>Start: 2017-10-11 at 15:00</p>
@@ -8374,7 +8374,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführung WS 17/18</h4>
                         <p>Start: 2017-10-11 at 9:00</p>
@@ -8387,7 +8387,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführung SoSe 2018</h4>
                         <p>Start: 2018-04-03 at 8:00</p>
@@ -8400,7 +8400,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführung WS 17/18</h4>
                         <p>Start: 2017-10-12 at 16:00</p>
@@ -8413,7 +8413,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführung SoSe 2018</h4>
                         <p>Start: 2018-04-03 at 8:00</p>
@@ -8426,7 +8426,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführung WS 17/18</h4>
                         <p>Start: 2017-10-10 at 10:00</p>
@@ -8439,7 +8439,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführung WS 17/18</h4>
                         <p>Start: 2017-10-11 at 14:00</p>
@@ -8452,7 +8452,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführung WS 17/18</h4>
                         <p>Start: 2017-10-12 at 9:00</p>
@@ -8465,7 +8465,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführung WS 17/18</h4>
                         <p>Start: 2017-10-11 at 17:00</p>
@@ -8478,7 +8478,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführung WS 17/18</h4>
                         <p>Start: 2017-10-10 at 10:00</p>
@@ -8491,7 +8491,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführung WS 17/18</h4>
                         <p>Start: 2017-10-12 at 9:00</p>
@@ -8504,7 +8504,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführung WS 17/18</h4>
                         <p>Start: 2017-10-10 at 10:00</p>
@@ -8517,7 +8517,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführung WS 17/18</h4>
                         <p>Start: 2017-10-12 at 11:00</p>
@@ -8530,7 +8530,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführung WS 2018/19</h4>
                         <p>Start: 2018-10-09 at 8:00</p>
@@ -8543,7 +8543,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführung WS 17/18</h4>
                         <p>Start: 2017-10-12 at 14:00</p>
@@ -8556,7 +8556,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführung WS 17/18</h4>
                         <p>Start: 2017-10-11 at 9:00</p>
@@ -8569,7 +8569,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführung WS 17/18</h4>
                         <p>Start: 2017-10-11 at 14:00</p>
@@ -8582,7 +8582,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführung WS 17/18</h4>
                         <p>Start: 2017-10-10 at 14:00</p>
@@ -8595,7 +8595,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführung WS 17/18</h4>
                         <p>Start: 2017-10-10 at 15:00</p>
@@ -8608,7 +8608,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführung WS 17/18</h4>
                         <p>Start: 2017-10-10 at 9:00</p>
@@ -8621,7 +8621,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführung WS 17/18</h4>
                         <p>Start: 2017-10-11 at 16:00</p>
@@ -8634,7 +8634,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführung WS 17/18 - Mastereinführung Psychologie</h4>
                         <p>Start: 2017-10-10 at 14:00</p>
@@ -8647,7 +8647,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführung SoSe 2018</h4>
                         <p>Start: 2018-04-03 at 8:00</p>
@@ -8660,7 +8660,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführung WS 17/18</h4>
                         <p>Start: 2017-10-11 at 12:00</p>
@@ -8673,7 +8673,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführung WS 17/18</h4>
                         <p>Start: 2017-10-12 at 11:00</p>
@@ -8686,7 +8686,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführung WS 17/18</h4>
                         <p>Start: 2017-10-10 at 18:00</p>
@@ -8699,7 +8699,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführung WS 17/18</h4>
                         <p>Start: 2017-10-11 at 13:00</p>
@@ -8712,7 +8712,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführung WS 17/18</h4>
                         <p>Start: 2017-10-11 at 13:00</p>
@@ -8725,7 +8725,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführung WS 17/18 - Frühstück</h4>
                         <p>Start: 2017-10-11 at 10:00</p>
@@ -8738,7 +8738,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführung WS 17/18</h4>
                         <p>Start: 2017-10-10 at 10:00</p>
@@ -8751,7 +8751,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführung WS 17/18</h4>
                         <p>Start: 2017-10-10 at 10:00</p>
@@ -8764,7 +8764,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführung WS 17/18</h4>
                         <p>Start: 2017-10-10 at 8:00</p>
@@ -8777,7 +8777,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführung WS 17/18</h4>
                         <p>Start: 2017-10-12 at 11:00</p>
@@ -8790,7 +8790,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführung WS 17/18 - Frühstück Erstsemester Bachelor Psychologie</h4>
                         <p>Start: 2017-10-12 at 9:00</p>
@@ -8803,7 +8803,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführung WS 17/18</h4>
                         <p>Start: 2017-10-11 at 18:00</p>
@@ -8816,7 +8816,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführung WS 17/18</h4>
                         <p>Start: 2017-10-12 at 9:00</p>
@@ -8829,7 +8829,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführung WS 17/18</h4>
                         <p>Start: 2017-10-12 at 16:00</p>
@@ -8842,7 +8842,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführung WS 17/18</h4>
                         <p>Start: 2017-10-13 at 10:00</p>
@@ -8855,7 +8855,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführung WS 17/18</h4>
                         <p>Start: 2017-10-11 at 13:00</p>
@@ -8868,7 +8868,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführung WS 17/18</h4>
                         <p>Start: 2017-10-11 at 16:00</p>
@@ -8881,7 +8881,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführung WS 17/18</h4>
                         <p>Start: 2017-10-13 at 11:30</p>
@@ -8894,7 +8894,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführung WS 17/18</h4>
                         <p>Start: 2017-10-11 at 9:00</p>
@@ -8907,7 +8907,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführung WS 2018/19</h4>
                         <p>Start: 2018-10-09 at 8:00</p>
@@ -8920,7 +8920,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführung WS 17/18</h4>
                         <p>Start: 2017-10-12 at 12:00</p>
@@ -8933,7 +8933,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführung WS 17/18</h4>
                         <p>Start: 2017-10-13 at 13:00</p>
@@ -8946,7 +8946,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführung WS 17/18</h4>
                         <p>Start: 2017-10-14 at 10:00</p>
@@ -8959,7 +8959,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführung WS 17/18 - Infoveranstaltung für alle Masterstudierenden der Fakultät</h4>
                         <p>Start: 2017-10-11 at 13:00</p>
@@ -8972,7 +8972,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführung WS 17/18</h4>
                         <p>Start: 2017-10-13 at 9:00</p>
@@ -8985,7 +8985,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführung WS 17/18</h4>
                         <p>Start: 2017-10-12 at 9:00</p>
@@ -8998,7 +8998,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführung WS 17/18</h4>
                         <p>Start: 2017-10-11 at 14:00</p>
@@ -9011,7 +9011,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführung WS 17/18</h4>
                         <p>Start: 2017-10-12 at 13:00</p>
@@ -9024,7 +9024,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführung WS 17/18</h4>
                         <p>Start: 2017-10-10 at 14:00</p>
@@ -9037,7 +9037,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Erstsemestereinführung WS 17/18</h4>
                         <p>Start: 2017-10-12 at 16:00</p>
@@ -9050,7 +9050,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Evaluationsabend der Pädagogik</h4>
                         <p>Start: 2017-12-07 at 18:00</p>
@@ -9063,7 +9063,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Fachstudienberatung Austauschkoordinator GuK- und Huwi-Fakultät für Austauschstudierende + Germanistik (Austausch-Nachzügler)</h4>
                         <p>Start: 2017-10-09 at 14:00</p>
@@ -9076,7 +9076,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Fachstudienberatung Austauschkoordinator SoWi-Fakultät für Austauschstudierende (Austausch-Nachzügler)</h4>
                         <p>Start: 2017-10-10 at 13:00</p>
@@ -9089,7 +9089,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Öffentlicher Abendvortrag im Rahmen der Tagung "Zwischen Diskurs und Affekt. Vergemeinschaftung und Urteilsbildung in der Perspektive Öffentlicher Theologie</h4>
                         <p>Start: 2017-11-16 at 18:00</p>
@@ -9102,7 +9102,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Hochschulöffentliches Gespräch mit den Studierenden</h4>
                         <p>Start: 2018-06-04 at 18:00</p>
@@ -9115,7 +9115,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Hochschulöffentliches Gespräch mit dem Mittelbau</h4>
                         <p>Start: 2018-06-25 at 18:00</p>
@@ -9128,7 +9128,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Forum - Psychisch fit studieren</h4>
                         <p>Start: 2017-11-07 at 18:00</p>
@@ -9141,7 +9141,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Gebärdensprachkurs</h4>
                         <p>Start: 2017-10-13 at 14:30</p>
@@ -9154,7 +9154,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Gebärdensprachkurs</h4>
                         <p>Start: 2017-11-10 at 14:30</p>
@@ -9167,7 +9167,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Generalversammlung Görres-Gesellschaft</h4>
                         <p>Start: 2018-09-28 at 12:00</p>
@@ -9180,7 +9180,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Generalversammlung Görres-Gesellschaft</h4>
                         <p>Start: 2018-09-28 at 14:00</p>
@@ -9193,7 +9193,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Generalversammlung Görres-Gesellschaft</h4>
                         <p>Start: 2018-09-29 at 16:00</p>
@@ -9206,7 +9206,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Generalversammlung Görres-Gesellschaft</h4>
                         <p>Start: 2018-09-30 at 8:00</p>
@@ -9219,7 +9219,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Gesetzliche Unterweisung des wissenschaftsstützenden Personals</h4>
                         <p>Start: 2017-12-07 at 10:00</p>
@@ -9232,7 +9232,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Personalversammlung</h4>
                         <p>Start: 2018-10-08 at 8:00</p>
@@ -9245,7 +9245,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Glühweinabend der AG K.Theo</h4>
                         <p>Start: 2017-12-07 at 17:00</p>
@@ -9258,7 +9258,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Hegelwoche 2018</h4>
                         <p>Start: 2018-06-12 at 0:00</p>
@@ -9271,7 +9271,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Infoabend - AEGEE Bamberg</h4>
                         <p>Start: 2017-10-26 at 20:00</p>
@@ -9284,7 +9284,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Infoabend - Feki.de - Vorbereitung</h4>
                         <p>Start: 2017-10-23 at 19:50</p>
@@ -9297,7 +9297,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Infoabend - AIESEC</h4>
                         <p>Start: 2017-11-02 at 18:00</p>
@@ -9310,7 +9310,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Infoabend zum Doppelstudium des Referats für Lehrerinnen- und Lehrerbildung</h4>
                         <p>Start: 2018-01-16 at 20:15</p>
@@ -9323,7 +9323,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Infoabend - Feki.de - Ausklang</h4>
                         <p>Start: 2017-10-18 at 21:30</p>
@@ -9336,7 +9336,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Infoabend - Feki.de</h4>
                         <p>Start: 2017-10-23 at 20:15</p>
@@ -9349,7 +9349,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Infoabend - Feki.de - Vorbereitung</h4>
                         <p>Start: 2017-10-18 at 20:00</p>
@@ -9362,7 +9362,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Infoabend der Unabhängigen Studierendeninitiative e.V.</h4>
                         <p>Start: 2017-11-07 at 20:00</p>
@@ -9375,7 +9375,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Infoabend zum EWS-Staatsexamen des Referats für Lehrerinnen- und Lehrerbildung</h4>
                         <p>Start: 2017-12-12 at 20:15</p>
@@ -9388,7 +9388,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Infoabend - Feki.de</h4>
                         <p>Start: 2017-10-18 at 20:15</p>
@@ -9401,7 +9401,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Infoabend zu den Schulpraktika des Referats für Lehrerinnen- und Lehrerbildung</h4>
                         <p>Start: 2017-11-21 at 20:15</p>
@@ -9414,7 +9414,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Infoabend - AEGEE Bamberg</h4>
                         <p>Start: 2017-10-24 at 20:00</p>
@@ -9427,7 +9427,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Infoabend - Feki.de - Ausklang</h4>
                         <p>Start: 2017-10-23 at 21:30</p>
@@ -9440,7 +9440,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Informationsveranstaltung - cogita! e.V.</h4>
                         <p>Start: 2017-10-17 at 18:00</p>
@@ -9453,7 +9453,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Informationsveranstaltung - Vorstellen von IEC und ausländischen Universitäten</h4>
                         <p>Start: 2017-11-13 at 18:00</p>
@@ -9466,7 +9466,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Informationsveranstaltung - MSCA Innovative Training Networks (ITN)</h4>
                         <p>Start: 2017-10-10 at 8:00</p>
@@ -9479,7 +9479,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Informationsveranstaltung - Vorstellen von IEC und ausländischen Universitäten - Ausklang</h4>
                         <p>Start: 2017-11-13 at 20:00</p>
@@ -9492,7 +9492,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Informationsveranstaltung - Vorstellen von IEC und ausländischen Universitäten - Vorbereitung</h4>
                         <p>Start: 2017-11-13 at 17:45</p>
@@ -9505,7 +9505,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Informationsveranstaltung für Erstsemester aller Lehramtsstudiengänge</h4>
                         <p>Start: 2017-10-06 at 7:30</p>
@@ -9518,7 +9518,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Infoveranstaltung - MTP</h4>
                         <p>Start: 2017-10-23 at 18:00</p>
@@ -9531,7 +9531,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Infoveranstaltung - MTP</h4>
                         <p>Start: 2017-10-25 at 18:00</p>
@@ -9544,7 +9544,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Infoveranstaltung - cogita! e. V.</h4>
                         <p>Start: 2017-10-24 at 20:00</p>
@@ -9557,7 +9557,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Infoveranstaltung - cogita! e. V.</h4>
                         <p>Start: 2017-10-19 at 20:00</p>
@@ -9570,7 +9570,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Interkulturelles Training Vorbereitungskurs</h4>
                         <p>Start: 2017-10-04 at 11:30</p>
@@ -9583,7 +9583,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Interkulturelles Training Vorbereitungskurs</h4>
                         <p>Start: 2017-10-04 at 14:00</p>
@@ -9596,7 +9596,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Internationales Führungskräftemeeting - Vorbereitung</h4>
                         <p>Start: 2017-10-13 at 6:00</p>
@@ -9609,7 +9609,7 @@ Bei unserem Infoabend informieren wir Sie über die zahlreichen Partneruniversit
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Internationales Führungskräftemeeting</h4>
                         <p>Start: 2017-10-13 at 8:00</p>
@@ -9623,7 +9623,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Internationales Führungskräftemeeting - Ausklang</h4>
                         <p>Start: 2017-10-13 at 11:00</p>
@@ -9636,7 +9636,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Jubiläumsveranstaltung ZEMAS</h4>
                         <p>Start: 2018-07-12 at 0:00</p>
@@ -9649,7 +9649,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Kennenlernfrühstück Psychologie-Erstis</h4>
                         <p>Start: 2017-10-13 at 8:45</p>
@@ -9662,7 +9662,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Kennenlernfrühstück Pädagogik-Erstis</h4>
                         <p>Start: 2017-10-12 at 9:00</p>
@@ -9675,7 +9675,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Klausur - Mathematik</h4>
                         <p>Start: 2018-02-09 at 7:30</p>
@@ -9688,7 +9688,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Konferenz - War and Trauma in Past and Present: An Interdisciplinary Conference</h4>
                         <p>Start: 2018-03-09 at 7:00</p>
@@ -9701,7 +9701,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Konzert - Lehrstuhl Musikpädagogik und Musikdidaktik</h4>
                         <p>Start: 2017-10-20 at 0:00</p>
@@ -9714,7 +9714,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Modulprüfung Alttestamentliche Wissenschaften</h4>
                         <p>Start: 2017-10-13 at 14:00</p>
@@ -9727,7 +9727,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>MTPitch - Seminar</h4>
                         <p>Start: 2017-11-24 at 8:00</p>
@@ -9740,7 +9740,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Neujahrsempfang Oberlandesgericht - Vorbereitung</h4>
                         <p>Start: 2018-01-25 at 0:00</p>
@@ -9753,7 +9753,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Neujahrsempfang Oberlandesgericht</h4>
                         <p>Start: 2018-01-26 at 0:00</p>
@@ -9766,7 +9766,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Personalversammlung</h4>
                         <p>Start: 2018-03-20 at 8:00</p>
@@ -9779,7 +9779,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Prüfungen Lehramt SoSe 2017</h4>
                         <p>Start: 2017-10-04 at 7:00</p>
@@ -9792,7 +9792,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Prüfungen Lehramt SoSe 2017</h4>
                         <p>Start: 2017-10-06 at 7:00</p>
@@ -9805,7 +9805,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Prüfungen Lehramt SoSe 2017</h4>
                         <p>Start: 2017-10-05 at 7:00</p>
@@ -9818,7 +9818,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Prüfungen Lehramt SoSe 2017</h4>
                         <p>Start: 2017-10-02 at 7:00</p>
@@ -9831,7 +9831,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Probe - Kammerorchester</h4>
                         <p>Start: 2017-10-15 at 15:00</p>
@@ -9844,7 +9844,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Quizabend - Quizzen mit Wissen</h4>
                         <p>Start: 2017-11-16 at 19:00</p>
@@ -9857,7 +9857,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Quizabend - Ausklang</h4>
                         <p>Start: 2017-11-16 at 21:30</p>
@@ -9870,7 +9870,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Quizabend - Vorbereitung</h4>
                         <p>Start: 2017-11-16 at 16:00</p>
@@ -9883,7 +9883,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Raum nicht belegbar</h4>
                         <p>Start: 2017-10-09 at 0:00</p>
@@ -9896,7 +9896,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Eltern-Kind-Treffen</h4>
                         <p>Start: 2017-11-24 at 15:00</p>
@@ -9909,7 +9909,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Besprechung - Treffen der Technischen Leiter</h4>
                         <p>Start: 2017-10-10 at 9:00</p>
@@ -9922,7 +9922,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Reservierung - Dietrich Bonhoeffer-Forschungsstelle</h4>
                         <p>Start: 2019-09-27 at 0:00</p>
@@ -9935,7 +9935,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Reservierung für Prüfungen</h4>
                         <p>Start: 2018-07-16 at 0:00</p>
@@ -9948,7 +9948,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Reservierung für Prüfungen</h4>
                         <p>Start: 2019-02-10 at 0:00</p>
@@ -9961,7 +9961,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Reservierung - Zentrale Studienberatung</h4>
                         <p>Start: 2017-10-24 at 18:00</p>
@@ -9974,7 +9974,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Reservierung - Schulung Sicherheitsbeauftragte</h4>
                         <p>Start: 2017-12-06 at 8:00</p>
@@ -9987,7 +9987,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Reservierung DFG Projekt</h4>
                         <p>Start: 2018-01-19 at 8:00</p>
@@ -10000,7 +10000,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Reservierung für Prüfungen</h4>
                         <p>Start: 2018-02-12 at 0:00</p>
@@ -10013,7 +10013,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Reservierung für Prüfungen</h4>
                         <p>Start: 2019-02-10 at 0:00</p>
@@ -10026,7 +10026,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Infoveranstaltung  Europäische Exzellenzförderung</h4>
                         <p>Start: 2018-01-22 at 13:00</p>
@@ -10039,7 +10039,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Reservierung für Prüfungen</h4>
                         <p>Start: 2018-07-16 at 0:00</p>
@@ -10052,7 +10052,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Reservierung für Prüfungen</h4>
                         <p>Start: 2019-07-29 at 0:00</p>
@@ -10065,7 +10065,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Hauptversammlung UNESCO</h4>
                         <p>Start: 2018-06-07 at 0:00</p>
@@ -10078,7 +10078,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Reservierung Gesetzliche Unterweisung</h4>
                         <p>Start: 2017-12-07 at 10:00</p>
@@ -10091,7 +10091,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Reservierung DFG Projekt</h4>
                         <p>Start: 2018-01-18 at 8:00</p>
@@ -10104,7 +10104,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Reservierung für Prüfungen</h4>
                         <p>Start: 2019-07-29 at 0:00</p>
@@ -10117,7 +10117,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Reservierung für Prüfungen</h4>
                         <p>Start: 2019-02-10 at 0:00</p>
@@ -10130,7 +10130,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Neujahrsempfang - Uni Bamberg</h4>
                         <p>Start: 2018-02-02 at 0:00</p>
@@ -10143,7 +10143,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Reservierung - FENStatS - Conference of European Statistical Stakeholders 2018</h4>
                         <p>Start: 2018-10-18 at 0:00</p>
@@ -10156,7 +10156,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Turkologentag 2018 - Third European Convention on Turkic, Ottoman and Turkish Studies</h4>
                         <p>Start: 2018-09-19 at 0:00</p>
@@ -10169,7 +10169,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Reservierung für Prüfungen</h4>
                         <p>Start: 2019-02-10 at 0:00</p>
@@ -10182,7 +10182,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Reservierung für Prüfungen</h4>
                         <p>Start: 2018-02-12 at 0:00</p>
@@ -10195,7 +10195,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Reservierung - Schulung Sicherheitsbeauftragte</h4>
                         <p>Start: 2017-12-19 at 8:00</p>
@@ -10208,7 +10208,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Reservierung für Prüfungen</h4>
                         <p>Start: 2019-02-10 at 0:00</p>
@@ -10221,7 +10221,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Reservierung - Tandem Veranstaltung</h4>
                         <p>Start: 2018-02-19 at 8:00</p>
@@ -10234,7 +10234,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Reservierung - EU Workshop im Rahmen des europäischen Kulturerbejahrs</h4>
                         <p>Start: 2018-03-01 at 8:00</p>
@@ -10247,7 +10247,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Reservierung für Prüfungen</h4>
                         <p>Start: 2019-07-29 at 0:00</p>
@@ -10260,7 +10260,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Reservierung für Prüfungen</h4>
                         <p>Start: 2019-07-29 at 0:00</p>
@@ -10273,7 +10273,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Woche der Jungen Forschung</h4>
                         <p>Start: 2018-02-19 at 8:00</p>
@@ -10286,7 +10286,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Personalversammlung</h4>
                         <p>Start: 2017-11-09 at 8:00</p>
@@ -10299,7 +10299,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Woche der Jungen Forschung</h4>
                         <p>Start: 2018-02-19 at 8:00</p>
@@ -10312,7 +10312,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Reservierung Gesetzliche Unterweisung</h4>
                         <p>Start: 2017-12-08 at 10:00</p>
@@ -10325,7 +10325,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Reservierung - Dietrich Bonhoeffer-Forschungsstelle</h4>
                         <p>Start: 2019-09-23 at 0:00</p>
@@ -10338,7 +10338,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Caritasverband</h4>
                         <p>Start: 2017-11-17 at 16:00</p>
@@ -10351,7 +10351,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Verleihung der Leo-von-Klenze-Medaille</h4>
                         <p>Start: 2018-04-13 at 15:00</p>
@@ -10364,7 +10364,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Reservierung - Stadt Bamberg</h4>
                         <p>Start: 2018-05-12 at 8:00</p>
@@ -10377,7 +10377,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Reservierung Abschiedsfeier Herr Lautenbacher</h4>
                         <p>Start: 2017-12-07 at 15:00</p>
@@ -10390,7 +10390,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Reservierung - Prüfung Bundespolizei</h4>
                         <p>Start: 2017-12-11 at 0:00</p>
@@ -10403,7 +10403,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Reservierung - Dietrich Bonhoeffer-Forschungsstelle</h4>
                         <p>Start: 2019-09-23 at 0:00</p>
@@ -10416,7 +10416,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Reservierung - Schulung Sicherheitsbeauftragte</h4>
                         <p>Start: 2017-11-16 at 8:00</p>
@@ -10429,7 +10429,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Reservierung Unileitung</h4>
                         <p>Start: 2017-10-24 at 8:00</p>
@@ -10442,7 +10442,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Reservierung - Schulung Sicherheitsbeauftragte</h4>
                         <p>Start: 2017-12-20 at 8:00</p>
@@ -10455,7 +10455,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Treffen der Familienservicestellen</h4>
                         <p>Start: 2017-11-28 at 8:00</p>
@@ -10468,7 +10468,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Reservierung für Prüfungen</h4>
                         <p>Start: 2019-07-29 at 0:00</p>
@@ -10481,7 +10481,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Reservierung - Tandem Veranstaltung</h4>
                         <p>Start: 2018-01-15 at 8:00</p>
@@ -10494,7 +10494,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Workshop Z/FFT</h4>
                         <p>Start: 2017-11-27 at 8:30</p>
@@ -10507,7 +10507,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Semesterkonzert - Uni Bigband</h4>
                         <p>Start: 2018-02-04 at 19:00</p>
@@ -10520,7 +10520,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Gesetzliche Unterweisung des wissenschaftsstützenden Personals</h4>
                         <p>Start: 2017-12-19 at 14:00</p>
@@ -10533,7 +10533,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Sitzung des Referats für Lehrerinnen- und Lehrerbildung</h4>
                         <p>Start: 2017-10-17 at 20:15</p>
@@ -10546,7 +10546,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Sitzung - Universitätsrat</h4>
                         <p>Start: 2018-02-23 at 8:00</p>
@@ -10559,7 +10559,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Sitzung - Universitätsrat</h4>
                         <p>Start: 2018-01-12 at 8:00</p>
@@ -10572,7 +10572,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Sitzung - Universitätsrat</h4>
                         <p>Start: 2018-05-18 at 8:00</p>
@@ -10585,7 +10585,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Sitzung - Universitätsrat</h4>
                         <p>Start: 2017-11-24 at 8:00</p>
@@ -10598,7 +10598,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Sitzung - Universitätsrat</h4>
                         <p>Start: 2018-07-13 at 8:00</p>
@@ -10611,7 +10611,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Spieleabend</h4>
                         <p>Start: 2017-12-01 at 18:00</p>
@@ -10624,7 +10624,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Spieleabend</h4>
                         <p>Start: 2018-01-12 at 18:00</p>
@@ -10637,7 +10637,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Spieleabend</h4>
                         <p>Start: 2017-11-06 at 20:00</p>
@@ -10650,7 +10650,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Sprechstunde mit der IHK</h4>
                         <p>Start: 2017-11-13 at 14:00</p>
@@ -10663,7 +10663,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Studentische Vollversammlung</h4>
                         <p>Start: 2017-11-16 at 14:00</p>
@@ -10676,7 +10676,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Studieninformationstage 2018</h4>
                         <p>Start: 2018-03-13 at 13:00</p>
@@ -10689,7 +10689,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Tagung - Zwischen Diskurs und Affekt. Vergemeinschaftung und Urteilsbildung in der Perspektive Öffentlicher Theologie</h4>
                         <p>Start: 2017-11-16 at 18:00</p>
@@ -10702,7 +10702,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Tagung - Namen und Wörter</h4>
                         <p>Start: 2017-10-05 at 14:00</p>
@@ -10715,7 +10715,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Tagung - WERA-IRN Extended Education</h4>
                         <p>Start: 2017-12-02 at 9:00</p>
@@ -10728,7 +10728,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Tagung - WERA-IRN Extended Education</h4>
                         <p>Start: 2017-12-02 at 9:00</p>
@@ -10741,7 +10741,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Tagung - Namen und Wörter</h4>
                         <p>Start: 2017-10-06 at 16:00</p>
@@ -10754,7 +10754,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Tagung - Netzwerktreffen Evaluation entwicklungsbezogener Inlandsarbeit</h4>
                         <p>Start: 2017-12-01 at 12:00</p>
@@ -10767,7 +10767,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Tagung - Namen und Wörter</h4>
                         <p>Start: 2017-10-06 at 8:30</p>
@@ -10780,7 +10780,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Tagung - Oberfränkische Berater</h4>
                         <p>Start: 2017-11-15 at 9:00</p>
@@ -10793,7 +10793,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Tagung - WERA-IRN Extended Education</h4>
                         <p>Start: 2017-11-30 at 12:00</p>
@@ -10806,7 +10806,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Tagung - Netzwerktreffen Evaluation entwicklungsbezogener Inlandsarbeit</h4>
                         <p>Start: 2017-12-02 at 8:00</p>
@@ -10819,7 +10819,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Tagung - WERA-IRN Extended Education</h4>
                         <p>Start: 2017-11-30 at 12:00</p>
@@ -10832,7 +10832,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Tagung - Namen und Wörter</h4>
                         <p>Start: 2017-10-07 at 8:30</p>
@@ -10845,7 +10845,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Tagung - WERA-IRN Extended Education</h4>
                         <p>Start: 2017-12-01 at 9:00</p>
@@ -10858,7 +10858,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Tagung - WERA-IRN Extended Education</h4>
                         <p>Start: 2017-11-30 at 18:00</p>
@@ -10871,7 +10871,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Tagung - WERA-IRN Extended Education</h4>
                         <p>Start: 2017-12-01 at 9:00</p>
@@ -10884,7 +10884,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Belegung Lehrveranstaltung Prof. Wirtz</h4>
                         <p>Start: 2017-10-17 at 8:00</p>
@@ -10897,7 +10897,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Turkologentag 2018 - Third European Convention on Turkic, Ottoman and Turkish Studies</h4>
                         <p>Start: 2018-09-19 at 17:00</p>
@@ -10910,7 +10910,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Umbuchung Lehrveranstaltung Seminar Dr. Monika Rapold</h4>
                         <p>Start: 2017-10-16 at 8:00</p>
@@ -10923,7 +10923,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Umbuchung Lehrveranstaltung Marina Wagener</h4>
                         <p>Start: 2017-10-17 at 16:00</p>
@@ -10936,7 +10936,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Umbuchung Lehrveranstaltung Marcel Hauer</h4>
                         <p>Start: 2017-10-18 at 8:00</p>
@@ -10949,7 +10949,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Umbuchung Lehrveranstaltung Prof. Dr. Andersen</h4>
                         <p>Start: 2018-02-03 at 9:00</p>
@@ -10962,7 +10962,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Umbuchung Lehrveranstaltung Prof. Dr. Andersen</h4>
                         <p>Start: 2018-01-13 at 9:00</p>
@@ -10975,7 +10975,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Umbuchung Lehrveranstaltung Julia Finnmans</h4>
                         <p>Start: 2017-10-18 at 16:00</p>
@@ -10988,7 +10988,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Umbuchung Projektseminar Dr. Monika Rapold 16.10.17</h4>
                         <p>Start: 2017-10-16 at 14:30</p>
@@ -11001,7 +11001,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Umbuchung Lehrveranstaltung Prof. Dr. Andersen</h4>
                         <p>Start: 2017-11-18 at 9:00</p>
@@ -11014,7 +11014,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Umbuchung Lehrveranstaltung Claudia Kühn</h4>
                         <p>Start: 2017-12-04 at 14:00</p>
@@ -11027,7 +11027,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Umbuchung Lehrveranstaltung Prof. Dr. Andersen</h4>
                         <p>Start: 2017-11-04 at 9:00</p>
@@ -11040,7 +11040,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Umbuchung Lehrveranstaltung Claudia Kühn</h4>
                         <p>Start: 2017-10-23 at 14:00</p>
@@ -11053,7 +11053,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Umbuchung Lehrveranstaltung Prof. Dr. Andersen</h4>
                         <p>Start: 2018-01-26 at 12:00</p>
@@ -11066,7 +11066,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Umbuchung Lehrveranstaltung Prof. Dr. Andersen</h4>
                         <p>Start: 2017-12-02 at 9:00</p>
@@ -11079,7 +11079,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Umbuchung Lehrveranstaltung Prof. Dr. Andersen</h4>
                         <p>Start: 2017-11-17 at 12:00</p>
@@ -11092,7 +11092,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Umbuchung Lehrveranstaltung Doris Eggenhofer</h4>
                         <p>Start: 2017-10-19 at 14:00</p>
@@ -11105,7 +11105,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Umbuchung Lehrveranstaltung Claudia Kühn 27.11.17</h4>
                         <p>Start: 2017-11-27 at 14:00</p>
@@ -11118,7 +11118,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Umbuchung Lehrveranstaltung Dr. Monika Rapold</h4>
                         <p>Start: 2017-10-19 at 8:30</p>
@@ -11131,7 +11131,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Umbuchung Lehrveranstaltung Dr. Monika Rapold</h4>
                         <p>Start: 2017-10-19 at 10:00</p>
@@ -11144,7 +11144,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Umbuchung Lehrveranstaltung Dr. Monika Rapold 09.11.17</h4>
                         <p>Start: 2017-11-09 at 12:00</p>
@@ -11157,7 +11157,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Umbuchung Lehrveranstaltung Doris Eggenhofer 09.11.17</h4>
                         <p>Start: 2017-11-09 at 14:00</p>
@@ -11170,7 +11170,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Umbuchung Projektseminar Dr. Monika Rapold 29.01.18</h4>
                         <p>Start: 2018-01-29 at 14:30</p>
@@ -11183,7 +11183,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Umbuchung Lehrveranstaltung Seminar Dr. Monika Rapold</h4>
                         <p>Start: 2017-10-23 at 10:00</p>
@@ -11196,7 +11196,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Umbuchung Lehrveranstaltung Prof. Dr. Andersen</h4>
                         <p>Start: 2018-01-27 at 9:00</p>
@@ -11209,7 +11209,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Umbuchung Lehrveranstaltung Prof. Dr. Andersen</h4>
                         <p>Start: 2018-02-02 at 12:00</p>
@@ -11222,7 +11222,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Umbuchung Lehrveranstaltung Julia Gottschalk</h4>
                         <p>Start: 2018-01-29 at 18:00</p>
@@ -11235,7 +11235,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Umbuchung Lehrveranstaltung Prof. Dr. Andersen</h4>
                         <p>Start: 2017-12-01 at 12:00</p>
@@ -11248,7 +11248,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Umbuchung Lehrveranstaltung Gregor Roux</h4>
                         <p>Start: 2017-12-15 at 14:00</p>
@@ -11261,7 +11261,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Umbuchung Lehrveranstaltung Prof. Dr. Andersen</h4>
                         <p>Start: 2018-01-12 at 12:00</p>
@@ -11274,7 +11274,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Umbuchung Lehrveranstaltung TUT EWA N. N.</h4>
                         <p>Start: 2017-10-19 at 10:00</p>
@@ -11287,7 +11287,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Umbuchung Lehrveranstaltung Gregor Roux</h4>
                         <p>Start: 2017-12-16 at 9:00</p>
@@ -11300,7 +11300,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Umbuchung Lehrveranstaltung Dr. Monika Rapold</h4>
                         <p>Start: 2017-10-19 at 12:00</p>
@@ -11313,7 +11313,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Umbuchung Lehrveranstaltung Prof. Dr. Andersen</h4>
                         <p>Start: 2017-11-03 at 12:00</p>
@@ -11326,7 +11326,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Umbuchung Lehrveranstaltung Frauke Dittmer</h4>
                         <p>Start: 2017-12-03 at 9:00</p>
@@ -11339,7 +11339,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Unibund - Mitgliederversammlung</h4>
                         <p>Start: 2017-10-24 at 18:00</p>
@@ -11352,7 +11352,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>USI zeigt Movie - Feuerzangenbowle - Vorbereitung</h4>
                         <p>Start: 2017-12-04 at 18:00</p>
@@ -11365,7 +11365,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>USI zeigt Movie - Wöchentliche Vorstellung aktueller Filme für Studierende</h4>
                         <p>Start: 2017-10-23 at 20:00</p>
@@ -11378,7 +11378,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>USI zeigt Movie - Feuerzangenbowle</h4>
                         <p>Start: 2017-12-06 at 20:00</p>
@@ -11391,7 +11391,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>USI zeigt Movie - Ausklang</h4>
                         <p>Start: 2017-10-23 at 22:30</p>
@@ -11404,7 +11404,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>USI zeigt Movie - Feuerzangenbowle - Vorbereitung</h4>
                         <p>Start: 2017-12-06 at 18:00</p>
@@ -11417,7 +11417,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>USI zeigt Movie - Feuerzangenbowle - Ausklang</h4>
                         <p>Start: 2017-12-06 at 23:00</p>
@@ -11430,7 +11430,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>USI zeigt Movie - Feuerzangenbowle</h4>
                         <p>Start: 2017-12-04 at 20:00</p>
@@ -11443,7 +11443,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>USI zeigt Movie - Feuerzangenbowle - Ausklang</h4>
                         <p>Start: 2017-12-04 at 23:00</p>
@@ -11456,7 +11456,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>VAWi Klausurblock B</h4>
                         <p>Start: 2017-10-04 at 8:00</p>
@@ -11469,7 +11469,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Verabschiedung Frau Prof. Rahm</h4>
                         <p>Start: 2018-02-01 at 16:00</p>
@@ -11482,7 +11482,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>VHS-Führung</h4>
                         <p>Start: 2018-01-11 at 18:00</p>
@@ -11495,7 +11495,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>VLB-Berufsbildungskongress - öffentliche Hauptveranstaltung</h4>
                         <p>Start: 2018-11-09 at 14:00</p>
@@ -11508,7 +11508,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vorbereitung - Sicherheitsunterweisung</h4>
                         <p>Start: 2017-12-07 at 9:30</p>
@@ -11521,7 +11521,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vortrag - Wege zur Promotion</h4>
                         <p>Start: 2017-11-10 at 10:00</p>
@@ -11534,7 +11534,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vortrag - "Denn der Krieg ist ein wildes Tier"</h4>
                         <p>Start: 2018-01-19 at 19:30</p>
@@ -11547,7 +11547,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vortrag - Das Militär im Hochstift Bamberg im 18. Jahrhundert</h4>
                         <p>Start: 2018-02-23 at 19:30</p>
@@ -11560,7 +11560,7 @@ Präsentationen und Diskussion/World Café zur Zusammenführung/Umstellung der B
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vortrag - Die Bamberger Immunitäten als ewiger Zankapfel</h4>
                         <p>Start: 2017-11-17 at 19:30</p>
@@ -11574,7 +11574,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vortrag - Vorbereitung</h4>
                         <p>Start: 2018-01-19 at 19:00</p>
@@ -11587,7 +11587,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vortrag - Die hochmittelalterliche Stadtmauer der Bamberger Inselstadt</h4>
                         <p>Start: 2017-11-03 at 19:30</p>
@@ -11600,7 +11600,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vortrag - Vorbereitung</h4>
                         <p>Start: 2017-11-17 at 19:00</p>
@@ -11613,7 +11613,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vortrag und Diskussionsrunde - Kindererziehung ohne Schule - möglich oder riskant?</h4>
                         <p>Start: 2017-11-07 at 18:30</p>
@@ -11626,7 +11626,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vortrag - Bamberg am Ende des Ersten Weltkriegs</h4>
                         <p>Start: 2018-03-09 at 19:30</p>
@@ -11639,7 +11639,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vortrag - Vorbereitung</h4>
                         <p>Start: 2017-11-03 at 19:00</p>
@@ -11652,7 +11652,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vortrag - Vorbereitung</h4>
                         <p>Start: 2018-02-23 at 19:00</p>
@@ -11665,7 +11665,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vortrag - Vorbereitung</h4>
                         <p>Start: 2018-03-09 at 19:00</p>
@@ -11678,7 +11678,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Vortrag und Diskussionsrunde - Darstellung von psychischen Erkrankungen in den Medien</h4>
                         <p>Start: 2017-12-05 at 18:30</p>
@@ -11691,7 +11691,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Wöchentliches Treffen - USI e. V.</h4>
                         <p>Start: 2017-10-18 at 20:00</p>
@@ -11704,7 +11704,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Wöchentliches Treffen - AEGEE Bamberg e. V.</h4>
                         <p>Start: 2017-10-16 at 20:00</p>
@@ -11717,7 +11717,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Wöchentliches Treffen - cogita! e. V.</h4>
                         <p>Start: 2017-10-24 at 20:00</p>
@@ -11730,7 +11730,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Wöchentliches Arbeitstreffen MTP</h4>
                         <p>Start: 2017-11-06 at 18:00</p>
@@ -11743,7 +11743,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Weihnachtskonzert</h4>
                         <p>Start: 2017-12-15 at 0:00</p>
@@ -11756,7 +11756,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Workshop mit dem Unternehmen Capgemini zum Thema IT</h4>
                         <p>Start: 2017-12-01 at 8:30</p>
@@ -11769,7 +11769,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Workshop - Businessplanerstellung</h4>
                         <p>Start: 2017-11-08 at 8:30</p>
@@ -11782,7 +11782,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Workshop - Businessplanerstellung</h4>
                         <p>Start: 2017-11-09 at 8:30</p>
@@ -11795,7 +11795,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Workshop - Software-Architektur eines Webshopsystems</h4>
                         <p>Start: 2017-11-10 at 9:00</p>
@@ -11808,7 +11808,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Workshop Ref IV/2</h4>
                         <p>Start: 2017-10-12 at 9:30</p>
@@ -11821,7 +11821,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Infoabend der Unabhängigen Studierendeninitiative e.V.</h4>
                         <p>Start: 2017-10-25 at 20:00</p>
@@ -11834,7 +11834,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Renovierungsarbeiten</h4>
                         <p>Start: 2017-10-05 at 0:00</p>
@@ -11847,7 +11847,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Sitzung des Studentischen Konvents</h4>
                         <p>Start: 2017-11-06 at 18:00</p>
@@ -11860,7 +11860,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Sitzung des Studentischen Konvents</h4>
                         <p>Start: 2017-11-22 at 18:00</p>
@@ -11873,7 +11873,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Sitzung des Studentischen Konvents</h4>
                         <p>Start: 2018-01-09 at 18:00</p>
@@ -11886,7 +11886,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Sitzung des Studentischen Konvents</h4>
                         <p>Start: 2017-12-14 at 18:00</p>
@@ -11899,7 +11899,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Sitzung des Studentischen Konvents</h4>
                         <p>Start: 2018-02-15 at 18:00</p>
@@ -11912,7 +11912,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Sitzung des Studentischen Konvents</h4>
                         <p>Start: 2017-10-25 at 18:00</p>
@@ -11925,7 +11925,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Coachinar "Frauen und Strategie"</h4>
                         <p>Start: 2017-09-28 at 9:00</p>
@@ -11938,7 +11938,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>idw-Projekt</h4>
                         <p>Start: 2017-09-28 at 10:00</p>
@@ -11951,7 +11951,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Doktorandenbesprechung Prof. Bartl</h4>
                         <p>Start: 2017-09-29 at 11:00</p>
@@ -11964,7 +11964,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Hochschulübergreifende arbeitsgruppe</h4>
                         <p>Start: 2017-09-28 at 10:00</p>
@@ -11977,7 +11977,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Elementare Musiktheorie und Gehörbildung</h4>
                         <p>Start: 2017-09-29 at 12:00</p>
@@ -11990,7 +11990,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Staatsexamen</h4>
                         <p>Start: 2017-09-28 at 9:00</p>
@@ -12003,7 +12003,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Staatsexamen</h4>
                         <p>Start: 2017-09-28 at 14:00</p>
@@ -12016,7 +12016,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Staatsexamen</h4>
                         <p>Start: 2017-09-27 at 9:00</p>
@@ -12029,7 +12029,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Kommunikative Kompetenz</h4>
                         <p>Start: 2017-09-25 at 8:00</p>
@@ -12042,7 +12042,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Disputation Linberg</h4>
                         <p>Start: 2017-09-29 at 14:30</p>
@@ -12055,7 +12055,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>RZ intern</h4>
                         <p>Start: 2017-06-15 at 8:00</p>
@@ -12068,7 +12068,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Computerkurs für Studierende: Bildbearbeitung mit Photoshop - Grundlagen</h4>
                         <p>Start: 2017-09-30 at 10:00</p>
@@ -12081,7 +12081,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Computerkurs</h4>
                         <p>Start: 2017-09-19 at 8:00</p>
@@ -12094,7 +12094,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Kolloquium</h4>
                         <p>Start: 2017-09-27 at 10:00</p>
@@ -12107,7 +12107,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>NMUN Bewerbungsgespräche</h4>
                         <p>Start: 2017-09-28 at 8:00</p>
@@ -12120,7 +12120,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>TAO</h4>
                         <p>Start: 2017-09-29 at 8:30</p>
@@ -12133,7 +12133,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Bankfachwirt 3. Semester - Prüfung</h4>
                         <p>Start: 2017-09-30 at 9:00</p>
@@ -12146,7 +12146,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Deutsche Kultur in den Medien (Vorbereitungskurs)</h4>
                         <p>Start: 2017-09-22 at 14:00</p>
@@ -12159,7 +12159,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Deutsche Kultur in den Medien (Vorbereitungskurs)</h4>
                         <p>Start: 2017-09-22 at 10:00</p>
@@ -12172,7 +12172,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Fachstudienberatung Austauschkoordinator SoWi-Fakultät für Austauschstudierende (VK-TN)</h4>
                         <p>Start: 2017-09-27 at 9:00</p>
@@ -12185,7 +12185,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Prüfungen Lehramt SoSe 2017</h4>
                         <p>Start: 2017-09-27 at 8:00</p>
@@ -12198,7 +12198,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Prüfungen Lehramt SoSe 2017</h4>
                         <p>Start: 2017-09-27 at 7:00</p>
@@ -12211,7 +12211,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Fensterarbeiten</h4>
                         <p>Start: 2017-09-19 at 0:00</p>
@@ -12224,7 +12224,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Lehrstuhl Geographie I</h4>
                         <p>Start: 2016-07-21 at 8:00</p>
@@ -12237,7 +12237,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Slot: Lehrstuhl für Geographie II: Physische Geographie und Landschaftskunde</h4>
                         <p>Start: 2016-10-19 at 8:00</p>
@@ -12250,7 +12250,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Slot: Fachvertretung für Didaktik der Geographie</h4>
                         <p>Start: 2016-10-19 at 14:00</p>
@@ -12263,7 +12263,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Slot: Professur für Historische Geographie</h4>
                         <p>Start: 2016-10-18 at 8:00</p>
@@ -12276,7 +12276,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Slot: Professur für Migrations- und Transformationsforschung</h4>
                         <p>Start: 2016-10-20 at 12:00</p>
@@ -12289,7 +12289,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Lehrstuhlkolloquium</h4>
                         <p>Start: 2011-10-10 at 14:00</p>
@@ -12302,7 +12302,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Graduiertenkolleg</h4>
                         <p>Start: 2006-10-31 at 20:00</p>
@@ -12315,7 +12315,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>BAGSS-Hörsaal</h4>
                         <p>Start: 2017-03-31 at 0:00</p>
@@ -12328,7 +12328,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>BAGSS-Hörsaal</h4>
                         <p>Start: 2017-04-01 at 0:00</p>
@@ -12341,7 +12341,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>BAGSS-Hörsaal</h4>
                         <p>Start: 2017-04-02 at 0:00</p>
@@ -12354,7 +12354,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>BAGSS-Hörsaal</h4>
                         <p>Start: 2016-10-06 at 14:00</p>
@@ -12367,7 +12367,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>BAGSS Monthly Colloquium & weitere Gastvorträge</h4>
                         <p>Start: 2016-10-05 at 18:00</p>
@@ -12380,7 +12380,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Dienstbesprechung Personalabteilung</h4>
                         <p>Start: 2003-05-01 at 9:00</p>
@@ -12393,7 +12393,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Arbeiten Medientechnik</h4>
                         <p>Start: 2017-09-14 at 0:00</p>
@@ -12406,7 +12406,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Austausch-Vorbereitungskurs</h4>
                         <p>Start: 2017-09-15 at 9:30</p>
@@ -12419,7 +12419,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>nicht belegbar</h4>
                         <p>Start: 2016-07-22 at 0:00</p>
@@ -12432,7 +12432,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>nicht belegbar</h4>
                         <p>Start: 2016-10-03 at 0:00</p>
@@ -12445,7 +12445,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>nicht belegbar</h4>
                         <p>Start: 2017-02-13 at 0:00</p>
@@ -12458,7 +12458,7 @@ Die Bamberger Immunitäten als ewiger Zankapfel. Das Verhältnis von Stadtgerich
             </div>
         
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>Renovierungsarbeiten</h4>
                         <p>Start: 2017-09-12 at 0:00</p>
diff --git a/ofu-food/.idea/workspace.xml b/ofu-food/.idea/workspace.xml
index 21284ae..a144003 100644
--- a/ofu-food/.idea/workspace.xml
+++ b/ofu-food/.idea/workspace.xml
@@ -12,7 +12,7 @@
   <component name="CoverageDataManager">
     <SUITE FILE_PATH="coverage/ofu_food$foodplan_parser_controler.coverage" NAME="foodplan-parser-controler Coverage Results" MODIFIED="1506277850230" SOURCE_PROVIDER="com.intellij.coverage.DefaultCoverageFileProvider" RUNNER="coverage.py" COVERAGE_BY_TEST_ENABLED="true" COVERAGE_TRACING_ENABLED="false" WORKING_DIRECTORY="$PROJECT_DIR$" />
     <SUITE FILE_PATH="coverage/ofu_food$mensa_page_parser.coverage" NAME="mensa-page-parser Coverage Results" MODIFIED="1506198388515" SOURCE_PROVIDER="com.intellij.coverage.DefaultCoverageFileProvider" RUNNER="coverage.py" COVERAGE_BY_TEST_ENABLED="true" COVERAGE_TRACING_ENABLED="false" WORKING_DIRECTORY="$PROJECT_DIR$" />
-    <SUITE FILE_PATH="coverage/ofu_food$html_generator.coverage" NAME="html-generator Coverage Results" MODIFIED="1506521837432" SOURCE_PROVIDER="com.intellij.coverage.DefaultCoverageFileProvider" RUNNER="coverage.py" COVERAGE_BY_TEST_ENABLED="true" COVERAGE_TRACING_ENABLED="false" WORKING_DIRECTORY="$PROJECT_DIR$" />
+    <SUITE FILE_PATH="coverage/ofu_food$html_generator.coverage" NAME="html-generator Coverage Results" MODIFIED="1506522674615" SOURCE_PROVIDER="com.intellij.coverage.DefaultCoverageFileProvider" RUNNER="coverage.py" COVERAGE_BY_TEST_ENABLED="true" COVERAGE_TRACING_ENABLED="false" WORKING_DIRECTORY="$PROJECT_DIR$" />
     <SUITE FILE_PATH="coverage/ofu_food$fekide_happyhour_page_parser.coverage" NAME="fekide-happyhour-page-parser Coverage Results" MODIFIED="1506204094485" SOURCE_PROVIDER="com.intellij.coverage.DefaultCoverageFileProvider" RUNNER="coverage.py" COVERAGE_BY_TEST_ENABLED="true" COVERAGE_TRACING_ENABLED="false" WORKING_DIRECTORY="$PROJECT_DIR$" />
     <SUITE FILE_PATH="coverage/ofu_food$eventpage_parser_controller.coverage" NAME="eventpage-parser-controller Coverage Results" MODIFIED="1506519261107" SOURCE_PROVIDER="com.intellij.coverage.DefaultCoverageFileProvider" RUNNER="coverage.py" COVERAGE_BY_TEST_ENABLED="true" COVERAGE_TRACING_ENABLED="false" WORKING_DIRECTORY="$PROJECT_DIR$/events" />
     <SUITE FILE_PATH="coverage/ofu_food$cafete_page_parser.coverage" NAME="cafete-page-parser Coverage Results" MODIFIED="1506201552685" SOURCE_PROVIDER="com.intellij.coverage.DefaultCoverageFileProvider" RUNNER="coverage.py" COVERAGE_BY_TEST_ENABLED="true" COVERAGE_TRACING_ENABLED="false" WORKING_DIRECTORY="$PROJECT_DIR$" />
@@ -50,8 +50,8 @@
       <file leaf-file-name="events.jinja" pinned="false" current-in-tab="false">
         <entry file="file://$PROJECT_DIR$/templates/events.jinja">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="200">
-              <caret line="17" column="63" lean-forward="true" selection-start-line="17" selection-start-column="63" selection-end-line="17" selection-end-column="63" />
+            <state relative-caret-position="340">
+              <caret line="17" column="71" lean-forward="false" selection-start-line="17" selection-start-column="71" selection-end-line="17" selection-end-column="71" />
               <folding>
                 <element signature="n#style#0;n#div#0;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
               </folding>
@@ -62,8 +62,8 @@
       <file leaf-file-name="food.jinja" pinned="false" current-in-tab="false">
         <entry file="file://$PROJECT_DIR$/templates/food.jinja">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="320">
-              <caret line="16" column="42" lean-forward="true" selection-start-line="0" selection-start-column="0" selection-end-line="80" selection-end-column="7" />
+            <state relative-caret-position="300">
+              <caret line="15" column="20" lean-forward="true" selection-start-line="15" selection-start-column="20" selection-end-line="15" selection-end-column="58" />
               <folding />
             </state>
           </provider>
@@ -83,7 +83,7 @@
         <entry file="file://$PROJECT_DIR$/html-generator.py">
           <provider selected="true" editor-type-id="text-editor">
             <state relative-caret-position="360">
-              <caret line="18" column="73" lean-forward="false" selection-start-line="18" selection-start-column="73" selection-end-line="18" selection-end-column="73" />
+              <caret line="18" column="0" lean-forward="false" selection-start-line="18" selection-start-column="0" selection-end-line="18" selection-end-column="0" />
               <folding>
                 <element signature="e#0#13#0" expanded="true" />
               </folding>
@@ -115,8 +115,8 @@
         <option value="$PROJECT_DIR$/events/fekide-eventpage-parser.py" />
         <option value="$PROJECT_DIR$/food/generator-food-page.py" />
         <option value="$PROJECT_DIR$/events/ofu-eventpage-parser.py" />
-        <option value="$PROJECT_DIR$/templates/events.jinja" />
         <option value="$PROJECT_DIR$/events/eventpage-parser-controller.py" />
+        <option value="$PROJECT_DIR$/templates/events.jinja" />
         <option value="$PROJECT_DIR$/html-generator.py" />
       </list>
     </option>
@@ -800,16 +800,6 @@
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/events/ofu-eventpage-parser.py">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="315">
-          <caret line="20" column="13" lean-forward="false" selection-start-line="20" selection-start-column="13" selection-end-line="20" selection-end-column="13" />
-          <folding>
-            <element signature="e#0#15#0" expanded="true" />
-          </folding>
-        </state>
-      </provider>
-    </entry>
     <entry file="file://$PROJECT_DIR$/food/ofu-food.py">
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="-659">
@@ -838,24 +828,6 @@
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/templates/food.jinja">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="320">
-          <caret line="16" column="42" lean-forward="true" selection-start-line="0" selection-start-column="0" selection-end-line="80" selection-end-column="7" />
-          <folding />
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/templates/events.jinja">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="200">
-          <caret line="17" column="63" lean-forward="true" selection-start-line="17" selection-start-column="63" selection-end-line="17" selection-end-column="63" />
-          <folding>
-            <element signature="n#style#0;n#div#0;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
-          </folding>
-        </state>
-      </provider>
-    </entry>
     <entry file="file://$PROJECT_DIR$/events/eventpage-parser-controller.py">
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="140">
@@ -864,10 +836,38 @@
         </state>
       </provider>
     </entry>
+    <entry file="file://$PROJECT_DIR$/templates/food.jinja">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="300">
+          <caret line="15" column="20" lean-forward="true" selection-start-line="15" selection-start-column="20" selection-end-line="15" selection-end-column="58" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/templates/events.jinja">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="340">
+          <caret line="17" column="71" lean-forward="false" selection-start-line="17" selection-start-column="71" selection-end-line="17" selection-end-column="71" />
+          <folding>
+            <element signature="n#style#0;n#div#0;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/events/ofu-eventpage-parser.py">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="315">
+          <caret line="20" column="13" lean-forward="false" selection-start-line="20" selection-start-column="13" selection-end-line="20" selection-end-column="13" />
+          <folding>
+            <element signature="e#0#15#0" expanded="true" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
     <entry file="file://$PROJECT_DIR$/html-generator.py">
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="360">
-          <caret line="18" column="73" lean-forward="false" selection-start-line="18" selection-start-column="73" selection-end-line="18" selection-end-column="73" />
+          <caret line="18" column="0" lean-forward="false" selection-start-line="18" selection-start-column="0" selection-end-line="18" selection-end-column="0" />
           <folding>
             <element signature="e#0#13#0" expanded="true" />
           </folding>
diff --git a/ofu-food/templates/events.jinja b/ofu-food/templates/events.jinja
index cd3b028..c8acabc 100644
--- a/ofu-food/templates/events.jinja
+++ b/ofu-food/templates/events.jinja
@@ -15,7 +15,7 @@
     <div class="row">
         {% for event in events_wrapper.UnivIS.Event %}
             <div class="col-4">
-                <div class="card text-white bg-success" style="height: 99%; width: 100%;">
+                <div class="card col m-2 p-3 border border-info rounded" style="height: 99%; width: 100%;">
                     <div class="card-body">
                         <h4>{{ event.title }}</h4>
                         <p>Start: {{ event.startdate }} at {{ event.starttime }}</p>