diff --git a/_includes/media-in-list.html b/_includes/media-in-list.html
new file mode 100644
index 0000000000000000000000000000000000000000..bd655fc68addf0a1928d247752a19cae87ab26da
--- /dev/null
+++ b/_includes/media-in-list.html
@@ -0,0 +1,15 @@
+<li class="item  item--post">
+	<article class="article  article--post">
+		{% if video.image -%}
+        	{% if video.image  contains '://' -%}
+        		<img src="{{video.image}}" alt="" width=50% height=50% style="float: left; margin: 0 15px 0 0;"/>
+        	{% else -%}
+        		<img src="{{site.baseurl}}/images/thumbnails/{{video.image}}" alt="" width=50% height=50% style="float: right; margin: 0 0 0 15px;"/>
+            {% endif -%}
+		{% endif -%}  	
+		<h2><a href="{{ site.baseurl }}{{ video.url }}">{{ title | markdownify | remove: '<p>' | remove: '</p>'  | strip_newlines }}</a></h2>
+		{{ video.excerpt | strip_html | markdownify | truncatewords: 60 }}
+	</article>	
+	<div style="border-bottom: 1px dotted #000; height:1px; margin:0 auto; margin-bottom: 20px;">
+	</div>
+</li>
diff --git a/_includes/media-list.html b/_includes/media-list.html
index 401d0585fbe663040ec11830a69bf514663729fb..93812f419f63ee564f8461986f666a5157b74d21 100644
--- a/_includes/media-list.html
+++ b/_includes/media-list.html
@@ -30,11 +30,7 @@
 			{% endif -%}
 
 			{% if video.release_date and video.release_date != '' %}
-				<li class="item  item--post">
-					<article class="article  article--post">
-						<h2><a href="{{ site.baseurl }}{{ video.url }}">{{ title | markdownify | remove: '<p>' | remove: '</p>'  | strip_newlines }}</a></h2>
-					</article>	
-				</li>
+				{% include media-in-list.html -%}
 			{% endif %}
 		{% endfor %}
 	</ul>
diff --git a/_includes/post-list-article.html b/_includes/post-list-article.html
index 65221dc0fe7232fb5e1029e59fe0efd4d49fd235..2b43effe6965f4e208c1c3534ebd6dea0bf8175f 100644
--- a/_includes/post-list-article.html
+++ b/_includes/post-list-article.html
@@ -1,14 +1,15 @@
 <li class="item  item--post">
-	<article class="article  article--post">
+	<article class="article  article--post"> 	
 
 			{% include post-meta-top.html -%}
-		<h2><a href="{{ site.baseurl }}{{ page.url }}">{{ page.title | markdownify | remove: '<p>' | remove: '</p>' }}</a></h2>
+		
+			<h2><a href="{{ site.baseurl }}{{ page.url }}" style="">{{ page.title | markdownify | remove: '<p>' | remove: '</p>' }}</a></h2>
 
 			{% include post-meta.html -%}
 			
 			{{ page.excerpt | strip_html | markdownify | truncatewords: 60 }}
 
 	</article>
-	<div style="border-bottom: 1px dotted #000; height:1px; margin:0 auto; margin-bottom: 20px;">
+	<div style="border-bottom: 1px dotted #000; height:1px; margin:0 auto; background-color: transparent; margin-bottom: 20px;">
 	</div>
 </li>
\ No newline at end of file
diff --git a/_posts/blog/2023-01-04-freitalk.markdown b/_posts/blog/2023-01-04-freitalk.markdown
index ae402ff0fa636a00c0ec7f63da82924946744e57..57b1b7b98ce4d9e5af546d9fa802561b22ff1568 100644
--- a/_posts/blog/2023-01-04-freitalk.markdown
+++ b/_posts/blog/2023-01-04-freitalk.markdown
@@ -3,6 +3,8 @@ layout: post
 title:  "FreiTalk der 13. - Nosferatu"
 date:   2023-01-04 20:00:00 +0100
 image: "/assets/nosferatu.jpeg"
+feature_image: "https://chaotikum.org/assets/nosferatu.jpeg"
+feature_image_alt: "Schwarz Weiß Bild aus dem Film Nosferatu"
 comments: true
 uid: ca24828c-4cc9-42f2-8060-25662d3cd861
 categories:
diff --git a/_posts/blog/2023-03-01-freitalk-lichtechnik.markdown b/_posts/blog/2023-03-01-freitalk-lichtechnik.markdown
index db971f66f64cb7ed1238c11cad727b3002b271c8..13327cd49304a449e2bd26cda330016349f96c5f 100644
--- a/_posts/blog/2023-03-01-freitalk-lichtechnik.markdown
+++ b/_posts/blog/2023-03-01-freitalk-lichtechnik.markdown
@@ -11,6 +11,8 @@ tags:
 - freitalk
 frontpage: true
 image: "/assets/Veranstaltungstechnik_Licht.jpg"
+feature_image: "https://chaotikum.org/assets/Veranstaltungstechnik_Licht.jpg"
+feature_image_alt: "Strahlendes Licht und eine Menge von Menschen auf einer Party"
 ---
 Licht kann energitisch, entspannend, fokussierend, trancierend, ... oder einfach nur schön sein. Damit man aber auf einer Veranstaltung
 welches hat, müssen sehr viele Dinge Hand in Hand greifen. Darum soll es an diesem Freitalk Abend gehen.
diff --git a/_sass/_normalize.scss b/_sass/_normalize.scss
index 45bd7138622837ff987206579694aefb1e675dd9..8ab6e111cb53a573c88a885ecb79e95a52106643 100644
--- a/_sass/_normalize.scss
+++ b/_sass/_normalize.scss
@@ -20,6 +20,12 @@ body {
   background-color: rgb(200,200,200);
 }
 
+h2 a {
+  text-decoration: none!important;
+  font-family: Sans-Serif;
+  font-size: 0.7em;
+}
+
 /* HTML5 display definitions
    ========================================================================== */
 
@@ -105,6 +111,13 @@ figcaption {
   margin-top: 2px;
 }
 
+#spaceopenmobile {
+  background-color: #fafafa;
+  padding: 2%;
+  text-align: center;
+  margin-top: 2px;
+}
+
 #spacehint {
   background-color: #fafafa;
   padding: 2%;
@@ -116,6 +129,11 @@ figcaption {
   text-align: left;
 }
 
+#spaceopenmobile:a {
+  background-color: #ff0000;
+  text-align: left;
+}
+
 #galleria {
   height:467px;
 }
diff --git a/_sass/sassline-base/_typography.scss b/_sass/sassline-base/_typography.scss
index 32225989eb51936e6057655c87a95d1c707c73b6..13f6051599e7f04c3eb2d56f13439d2c12645c13 100755
--- a/_sass/sassline-base/_typography.scss
+++ b/_sass/sassline-base/_typography.scss
@@ -35,20 +35,20 @@ a {
 .typeset {
 
   // Nice underlines for text links.
-  p a, li a {
-    background-image: linear-gradient(to bottom,rgba(0, 0, 0, 0) 50%,$linkColour 50%);
-    background-position: 0 93%;
-    background-repeat: repeat-x;
-    background-size: 100% 0.15rem;
-    text-shadow: 0.1rem 0 $backgroundColour,
-                 0.15rem 0 $backgroundColour,
-                -0.1rem 0 $backgroundColour,
-                -0.15rem 0 $backgroundColour;
-
-    &:hover, &:active, &:focus {
-      background-image: linear-gradient(to bottom,rgba(0, 0, 0, 0) 50%,$hoverColour 50%);
-    }
-  }
+//  p a, li a {
+//    background-image: linear-gradient(to bottom,rgba(0, 0, 0, 0) 50%,$linkColour 50%);
+//    background-position: 0 93%;
+//    background-repeat: repeat-x;
+//    background-size: 100% 0.15rem;
+//    text-shadow: 0.1rem 0 $backgroundColour,
+//                 0.15rem 0 $backgroundColour,
+//                -0.1rem 0 $backgroundColour,
+//                -0.15rem 0 $backgroundColour;
+//
+//    &:hover, &:active, &:focus {
+//      background-image: linear-gradient(to bottom,rgba(0, 0, 0, 0) 50%,$hoverColour 50%);
+//    }
+//  }
 
   // Paragraphs. OpenType ligatures and oldstyle figures enabled if available.
   p {
diff --git a/assets/nosferatu.jpeg b/assets/nosferatu.jpeg
index 1c5d7904bff4663dd3984746a4cfc65599f177e7..660b75ccda54d035c094bbd75d7e197e314cf429 100644
Binary files a/assets/nosferatu.jpeg and b/assets/nosferatu.jpeg differ