diff --git a/static/style.css b/static/style.css
index cfbd5ba9ae6f24aac68a4fda62e1dc3e0a005ef4..d4aab31c9619793a044752b1b1b515befa659de6 100644
--- a/static/style.css
+++ b/static/style.css
@@ -1,3 +1,6 @@
 .videopreview > li:nth-child(even) { background: #f5f5f5; }
-.courses-list li:nth-child(even) { background: #fAfAfA; } 
-.list-group-item-condensed { padding: 2px !important; }
+.courses-list li:nth-child(even) { background: #fAfAfA; }
+
+@media (min-width: 767px) {
+	.list-group-item-condensed { padding-top: 2px !important; padding-bottom: 2px !important; }
+}
diff --git a/templates/macros.html b/templates/macros.html
index f3327a2bcca9690f1eef851c43414c8773f87dc0..9b79926d54a025963fd0ed9fd9fd148ff2b85f4d 100644
--- a/templates/macros.html
+++ b/templates/macros.html
@@ -19,7 +19,7 @@
 	<a class="visible-xs" href="{{url_for('lecture', id=lecture['id'])}}" title="{{ lecture['coursetitle'] }}" style="color: #000">
 		<ul class="list-unstyled">
 			<li>
-				<img src="{{ config.VIDEOPREFIX }}/{{ lecture['titlefile'] }}" alt="Vorschaubild">
+				<img style="width: 100%;" src="{{ config.VIDEOPREFIX }}/{{ lecture['titlefile'] }}" alt="Vorschaubild">
 			</li>
 			<li>
 				<strong>{{ lecture['short'] }}</strong>	{{ lecture['time'] }}