diff --git a/panels/ufc/logo.png b/panels/ufc/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..c4ed0e25dbe47529ddaca90d9111658cd76c4443
Binary files /dev/null and b/panels/ufc/logo.png differ
diff --git a/panels/ufc/script.js b/panels/ufc/script.js
index bd69c56b793a16324001cbc4ee9d61ae1029e3c0..ba8a426795696b0ca844ab6b4ddbd319e544ff0e 100644
--- a/panels/ufc/script.js
+++ b/panels/ufc/script.js
@@ -4,7 +4,7 @@ var img=null;
 var titleDiv=null;
 var zeitDiv=null;
 this.loaded=function(panel,config) {
-    img = $(panel).find("#image img");
+    img = $(panel).find("#background");
     titleDiv=$(panel).find("#title span");
     zeitDiv=$(panel).find("#zeit span");
     $.ajax("panels/ufc/semester.json",{
@@ -53,7 +53,9 @@ this.show=function() {
                 break;
             }
         }
-        img.attr("src","https://ufc.tu-dortmund.de" + nextMovie.movie.image_url_medium );
+
+        img.css("backgroundImage", "url(https://ufc.tu-dortmund.de" + nextMovie.movie.image_url_medium + ")");
+        //img.attr("src","https://ufc.tu-dortmund.de" + nextMovie.movie.image_url_medium );
         titleDiv.text(nextMovie.title);
         var d = new Date(nextMovie.date);
         var tag = d.getDate();
diff --git a/panels/ufc/style.less b/panels/ufc/style.less
index 3e684279a78948d6ab3462a223f4841c70246ee2..5543214ac41747fd2300449bb91ab2a0603005e9 100644
--- a/panels/ufc/style.less
+++ b/panels/ufc/style.less
@@ -7,7 +7,6 @@
 }
 #zeit{
   height:10%;
-  color:white;
 }
 #image img {
   height: 100%;
@@ -15,21 +14,37 @@
   width:auto;
   border: solid black 1px;
 }
-#zeit, #title{
-}
 #zeit span {
   background:#b00;
   display:inline-block;
   padding: 3px;
 }
-#background {
+
+
+
+* {
+  box-sizing:border-box;
+}
+
+#container {
+  position:relative;
   height:100%;
   width:100%;
-  background:white;
+}
+#background {
+  background-size: auto 70%;
+  background-repeat: no-repeat;
+  background-position: 50% 100%;
+  -webkit-filter: grayscale(60%);
+  filter: grayscale(60%);
+}
+#content{
   font-family:NewCicle, Verdana, Arial, sans-serif;
   text-transform: Capitalize;
-  color:black;
-}
-* {
-  box-sizing:border-box;
+  color:white;
 }
+#background,#content {
+  height:100%;
+  width:100%;
+  position:absolute;
+}
\ No newline at end of file
diff --git a/panels/ufc/template.html b/panels/ufc/template.html
index 1b3b6f5c4e3f6c65862f53e736e2ca8bce3068cb..a30cc957b93441a91bc360f3f5117072d618de79 100644
--- a/panels/ufc/template.html
+++ b/panels/ufc/template.html
@@ -1,6 +1,8 @@
-<div id="background">
-    <!-- TODO: fallback image -->
-    <div id="zeit"><span></span></div>
-    <div id="title"><span></span></div>
-    <div id="image"><img></div>
+<div id="container">
+    <div id="background">
+    </div>
+    <div id="content">
+        <div id="zeit"><span></span></div>
+        <div id="title"><span></span></div>
+    </div>
 </div>
\ No newline at end of file