Extra Logo für Desktop / Anpassung des Contents

public/index.html

 	<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">

public/lib/buefy-0.7.5.css

     width: 230px;
     height: 100%;
     margin-left: -22px;
-    margin-top: 12px;
+    margin-top: -27px;
     padding-top: 20px;
     position: fixed;
     text-align: left;

public/style/style.css

 }
 .om-content {
   margin: 10px;
-  margin-top: 40px;
+  margin-top: 80px;
   margin-bottom: 80px;
   width: auto;
   overflow: hidden;

public/style/style.less

 //content
 .om-content{
     margin: 10px;
-    margin-top: 40px;
+    margin-top: 80px;
     margin-bottom: 80px;
     width: auto;
     overflow: hidden;