diff --git a/public/lib/buefy-0.7.5.css b/public/lib/buefy-0.7.5.css
index 4eac511..27d35a8 100644
--- a/public/lib/buefy-0.7.5.css
+++ b/public/lib/buefy-0.7.5.css
@@ -442,6 +442,15 @@ body {
   line-height: 1.5; }
 
 a {
+  color: #0046a0;
+  cursor: pointer;
+  text-decoration: none; }
+  a strong {
+    color: currentColor; }
+  a:hover {
+    color: #0046a0; }
+
+a.menu-list {
   color: white;
   cursor: pointer;
   text-decoration: none; }
@@ -4154,7 +4163,8 @@ a.list-item {
     border-radius: 2px;
     display: block;
     padding: 0.5em 0.75em;
-    background-color: #0046a0; }
+    background-color: #0046a0;
+    color: white !important;}
   .menu-list a:hover {
     background-color: #01295d;
     color: white; }
diff --git a/public/routes/createMessage.js b/public/routes/createMessage.js
index 8cb167a..e7c9779 100644
--- a/public/routes/createMessage.js
+++ b/public/routes/createMessage.js
@@ -37,7 +37,7 @@ const CreateMsgRouter = {
     </div>
 
     <div class="column is-three-quarters is-pulled-right is-hidden-touch content-desktop">
-        <div id="desktop" class="content card om-card">
+        <div id="desktop" class="content">
             <h4>Neue Nachricht erstellen</h4>
             <b-field>
                 <b-input placeholder="User" id="user"></b-input>
diff --git a/public/routes/files.js b/public/routes/files.js
index 971db53..450db47 100644
--- a/public/routes/files.js
+++ b/public/routes/files.js
@@ -2,10 +2,10 @@ var tagArray = [];
 
 const FileRouter = {
     template: `
-<div>
-    <div class="content">
-	   <h4 >Erweiterte Suche</h4>
-    </div>
+<div class="content">
+
+<div class="is-hidden-desktop">
+	<h4>Erweiterte Suche</h4>
 	<b-field label="Suche nach">
 		<b-select
 			placeholder="Wähle eine Suchform"
@@ -39,6 +39,45 @@ const FileRouter = {
         :msg="messages[id] || {}"
     ></MsgCard>
 </div>
+</div>
+
+<div class="column is-three-quarters is-pulled-right is-hidden-touch content-desktop">
+	<h4>Erweiterte Suche</h4>
+	<b-field label="Suche nach">
+		<b-select
+			placeholder="Wähle eine Suchform"
+			v-model="selectedOptions">
+			<option value="freeSearch">Freie Suche</option>
+			<option value="subject">Betreff</option>
+			<option value="tags">Tags</option>
+			<option value="text">Nachrichtentext</option>
+			<option value="user">User</option>
+		</b-select>
+	</b-field>
+
+	<b-field v-if="selectedOptions=='freeSearch'||selectedOptions=='subject'|| selectedOptions=='text' || selectedOptions=='user'">
+        <b-input id="freeSe"></b-input>
+    </b-field>
+
+	<b-field v-if="selectedOptions=='tags'">
+        <b-autocomplete rounded v-model="searchtext"
+        :data="filteredDataArray"
+        placeholder="suche..." icon="magnify"
+        @select="option => selected = option">
+        </b-autocomplete>
+	</b-field>
+
+	<b-button type="is-primary" @click="search">SUCHE</b-button>
+
+<div id="om-msg-cards">
+    <MsgCard
+        v-for="id in messagelist.slice().reverse()"
+        :key="id"
+        :msg="messages[id] || {}"
+    ></MsgCard>
+</div>
+</div>
+
 </div>
 `,
     data: function () {
diff --git a/public/routes/home.js b/public/routes/home.js
index b6e2428..63518a4 100644
--- a/public/routes/home.js
+++ b/public/routes/home.js
@@ -1,11 +1,21 @@
 const HomeRouter = {
     template: `
-<div id="om-msg-cards">
+<div>
+<div id="om-msg-cards" class="is-hidden-desktop">
     <MsgCard
         v-for="id in messagelist.slice().reverse()"
         :key="id"
         :msg="messages[id] || {}"
     ></MsgCard>
+</div>
+
+<div id="om-msg-cards" class="column is-three-quarters is-pulled-right is-hidden-touch content-desktop">
+    <MsgCard
+        v-for="id in messagelist.slice().reverse()"
+        :key="id"
+        :msg="messages[id] || {}"
+    ></MsgCard>
+</div>
 </div>`,
     data: function () {
         return {
diff --git a/public/routes/msgCard.js b/public/routes/msgCard.js
index 720249c..ea9bf9f 100644
--- a/public/routes/msgCard.js
+++ b/public/routes/msgCard.js
@@ -4,9 +4,9 @@ Vue.component('MsgCard', {
                 <b>{{ msg.subject }}</b>
                 <img src="favicon.ico" width=20px height=20px>
                 </h6>
-                {{ msg.message }}<br><br>
+                {{ msg.message }}<br>
                 <a v-for="tag in msg.tag" @click="filterForTag(tag)">#{{ tag }} </a>
-				<!--<b-button class="tags" type="is-text" v-for="tag in msg.tag">#{{ tag }} </b-button>-->
+				<br>
 				</p>
                 <div class="om-card-footer"> <div class="om-user-line">
                 <i class="material-icons">account_circle</i>
diff --git a/public/routes/navRoutes.js b/public/routes/navRoutes.js
index dde12e0..bb1874a 100644
--- a/public/routes/navRoutes.js
+++ b/public/routes/navRoutes.js
@@ -29,23 +29,23 @@ Vue.component('nav-router', {
                         <div class="column is-sidebar-menu is-hidden-touch">
                             <aside class="menu is-medium">
                                 <ul class="menu-list">
-                                    <li><router-link to="/home" class="is-hidden-touch">
+                                    <li><router-link to="/home">
                                         <i class="material-icons">home</i> Home
                                     </router-link></li>
 
-                                    <li><router-link to="/files" class="is-hidden-touch">
-                                        <i class="material-icons">language</i> Language
+                                    <li><router-link to="/files">
+                                        <i class="material-icons">search</i> Search
                                     </router-link></li>
 
-                                    <li><router-link to="/createMessage" class="is-hidden-touch">
+                                    <li><router-link to="/createMessage">
                                         <i class="material-icons">add_circle</i> Create Message
                                     </router-link></li>
 
-                                    <li><router-link to="/bookmark" class="is-hidden-touch">
+                                    <li><router-link to="/bookmark">
                                         <i class="material-icons">bookmark</i> Bookmark
                                     </router-link></li>
 
-                                    <li><router-link to="/profil" class="is-hidden-touch">
+                                    <li><router-link to="/profil">
                                         <i class="material-icons">person</i> Profil
                                     </router-link></li>
                                 </ul>
diff --git a/public/routes/profil.js b/public/routes/profil.js
index aedb34b..986f484 100644
--- a/public/routes/profil.js
+++ b/public/routes/profil.js
@@ -1,6 +1,7 @@
 const ProfilRouter = {
     template: `
         <div>
+            <div class="is-hidden-desktop">
             <div v-if="isAuth">
                 <profil-card></profil-card>
             </div>
@@ -17,6 +18,26 @@ const ProfilRouter = {
                     <login-panel></login-panel>
                 </b-modal>
             </div>
+            </div>
+
+            <div class="column is-three-quarters is-pulled-right is-hidden-touch content-desktop">
+            <div v-if="isAuth">
+                <profil-card></profil-card>
+            </div>
+            <div v-else>
+                <button class="button is-primary is-medium"
+                    @click="isLPVisible = true">
+                    Login
+                </button>
+
+                <b-modal :active.sync="isLPVisible"
+                    @close-login-panel="closeLoginPanel"
+                    @show-login-panel="showLoginPanel"
+                    has-modal-card>
+                    <login-panel></login-panel>
+                </b-modal>
+            </div>
+            </div>
         </div>`,
     data: function () {
         return {
diff --git a/public/style/style.css b/public/style/style.css
index 6f18b0a..abb44c3 100644
--- a/public/style/style.css
+++ b/public/style/style.css
@@ -31,10 +31,16 @@
   overflow: hidden;
 }
 .om-content a {
-  color: white;
+  color: #0046a0;
 }
 .om-content a:hover {
-  color: white;
+  color: #0046a0;
+}
+.om-content a .menu-list {
+  color: white !important;
+}
+.om-content a .menu-list:hover {
+  color: white !important;
 }
 .content-desktop {
   margin-right: 30px;
@@ -233,3 +239,6 @@ button.clearButton {
   border-color: #dbdbdb;
   border-left: white;
 }
+.taglink {
+  color: #0046a0;
+}
diff --git a/public/style/style.less b/public/style/style.less
index 2f667b3..a9d6a64 100644
--- a/public/style/style.less
+++ b/public/style/style.less
@@ -37,9 +37,12 @@
     width: auto;
     overflow: hidden;
     a{
-        color: white;
-        &:hover{color:white;}
-    }
+        color: #0046a0;
+        &:hover{color: #0046a0;}
+        .menu-list {
+            color: white !important;
+            &:hover{color: white !important; }
+        }}
 }
 
 .content-desktop {
@@ -275,3 +278,7 @@ button.clearButton{
 
 }
 
+.taglink{
+	color: @color;
+}
+