diff --git a/public/img/app_icon_desk.png b/public/img/app_icon_desk.png
new file mode 100644
index 0000000..107bb21
Binary files /dev/null and b/public/img/app_icon_desk.png differ
diff --git a/public/index.html b/public/index.html
index 61067a3..12e2e2b 100644
--- a/public/index.html
+++ b/public/index.html
@@ -97,7 +97,8 @@
 	<div id="api">
 		<div class="om-header-container">
 			<div class="om-header">
-				<a class="logo-img" href="index.html"><img src="img/app_icon.png" width=45px height=45px></a>
+				<a class="logo-img is-hidden-desktop" href="index.html"><img src="img/app_icon.png" width=45px height=45px></a>
+                <a class="logo-img is-hidden-touch" href="index.html"><img src="img/app_icon_desk.png" width=100px height=100px></a>
 				<form class="om-searchbar" @submit.prevent="search()">
 					<b-field>
 						<b-autocomplete v-model="searchtext" @keydown.native.enter="search" :data="filteredDataArray" placeholder="suche..." icon="magnify" @select="option => selected = option">
diff --git a/public/lib/buefy-0.7.5.css b/public/lib/buefy-0.7.5.css
index 2ca66d3..4eac511 100644
--- a/public/lib/buefy-0.7.5.css
+++ b/public/lib/buefy-0.7.5.css
@@ -4144,7 +4144,7 @@ a.list-item {
     width: 230px;
     height: 100%;
     margin-left: -22px;
-    margin-top: 12px;
+    margin-top: -27px;
     padding-top: 20px;
     position: fixed;
     text-align: left;
diff --git a/public/style/style.css b/public/style/style.css
index 532a34f..6f18b0a 100644
--- a/public/style/style.css
+++ b/public/style/style.css
@@ -25,7 +25,7 @@
 }
 .om-content {
   margin: 10px;
-  margin-top: 40px;
+  margin-top: 80px;
   margin-bottom: 80px;
   width: auto;
   overflow: hidden;
diff --git a/public/style/style.less b/public/style/style.less
index e0878f7..2f667b3 100644
--- a/public/style/style.less
+++ b/public/style/style.less
@@ -32,7 +32,7 @@
 //content
 .om-content{
     margin: 10px;
-    margin-top: 40px;
+    margin-top: 80px;
     margin-bottom: 80px;
     width: auto;
     overflow: hidden;