diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index c6ca1329..7804dd5c 100755
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -50,8 +50,13 @@
 			</div>
 		</div>
 
-		<div class="post-item-container fixed-bottom m-3 p-3" style="width:250px;">
+		<div id="info_card" class="post-item-container fixed-bottom m-3 p-3" style="width:250px;">
 			<div class="post-item card shadow-hover">
+				<div class="card-header bg-transparent border-bottom-0">
+					<button id="info_card_close_button" data-dismiss="alert" data-target="#closeablecard" type="button" class="close" aria-label="Close">
+						<span aria-hidden="true">&times;</span>
+					</button>
+				</div>
 				<a href="http://jubilaeum.feuerwehr-eppingen.de">
 					<div class="card-body mb-3 pb-0">
 						<h4 class="card-title">
@@ -133,6 +138,9 @@
 					img				= $('#content_container img:first').attr('src');
 				}
 				$('#bg-image').css('background-image', 'url('+img+')');
+                $('#info_card_close_button').on('click',function() {
+                    $(this).closest('#info_card').fadeOut();
+                })
 			});
 		</script>
 	</body>