diff --git a/templates/macros.html b/templates/macros.html
index fe163b7e72599a07d3be4934b69f5731d9666434..c1f8654ae690257f90ccaafbf745bdb48c636892 100644
--- a/templates/macros.html
+++ b/templates/macros.html
@@ -1,8 +1,8 @@
 {% macro preview(lecture) %}
 
 <li class="list-group-item">
-	<div class="row">
-		<a  class="hidden-xs" href="/play?lectureid={{ lecture['id'] }}" title="{{ lecture['coursetitle'] }}">
+	<a class="hidden-xs" href="/play?lectureid={{ lecture['id'] }}" title="{{ lecture['coursetitle'] }}">
+		<div class="row">
 			<img class="col-xs-4" src="https://videoag.fsmpi.rwth-aachen.de/{{ lecture['titlefile'] }}" alt="Vorschaubild">
 			<div class="col-xs-4">
 				<span style="color: #000;"><strong>{{ lecture['short'] }}</strong></span><br>
@@ -15,36 +15,36 @@
 				<div style="color: #000;">{{ lecture['title']  }}</div>
 				<p style="font-style: italic; color: #777;">{{ lecture['comment'] }}</p>
 			</div>
-		</a>
-		<a  class="visible-xs" href="/play?lectureid={{ lecture['id'] }}" title="{{ lecture['coursetitle'] }}">
-			<div class="row">
-				<img class="col-xs-12" src="https://videoag.fsmpi.rwth-aachen.de/{{ lecture['titlefile'] }}" alt="Vorschaubild">
-			</div>
-			<div class="row">
-				<div class="col-xs-12">
-					<span style="color: #000;"><strong>{{ lecture['short'] }}</strong></span>
-					<span style="color: #000;">{{ lecture['time'] }}</span>
-				</div>
+		</div>
+	</a>
+	<a class="visible-xs" href="/play?lectureid={{ lecture['id'] }}" title="{{ lecture['coursetitle'] }}">
+		<div class="row">
+			<img class="col-xs-12" src="https://videoag.fsmpi.rwth-aachen.de/{{ lecture['titlefile'] }}" alt="Vorschaubild">
+		</div>
+		<div class="row">
+			<div class="col-xs-12">
+				<span style="color: #000;"><strong>{{ lecture['short'] }}</strong></span>
+				<span style="color: #000;">{{ lecture['time'] }}</span>
 			</div>
-			{% if lecture['speaker'] %}
-			<div class="row">
-				<div class="col-xs-12">
-					<div class="small" style="color: #000;">Gehalten von {{ lecture['speaker'] }} </div>
-				</div>
+		</div>
+		{% if lecture['speaker'] %}
+		<div class="row">
+			<div class="col-xs-12">
+				<div class="small" style="color: #000;">Gehalten von {{ lecture['speaker'] }} </div>
 			</div>
-			{% endif %}
-			<div class="row">
-				<div class="col-xs-12">
-					<div style="color: #000;">{{ lecture['title']  }}</div>
-				</div>
+		</div>
+		{% endif %}
+		<div class="row">
+			<div class="col-xs-12">
+				<div style="color: #000;">{{ lecture['title']  }}</div>
 			</div>
-			<div class="row">
-				<div class="col-xs-12">
-					<p style="font-style: italic; color: #777;">{{ lecture['comment'] }}</p>
-				</div>
+		</div>
+		<div class="row">
+			<div class="col-xs-12">
+				<p style="font-style: italic; color: #777;">{{ lecture['comment'] }}</p>
 			</div>
-		</a>
-	</div>
+		</div>
+	</a>
 </li>
 
 {% endmacro %}