diff --git a/gulpfile.js b/gulpfile.js
index eab976cd79397febef9712e39d2a24542d531e44..1cf337858cd35faa2b9a2fcd363522c122d96580 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -11,19 +11,18 @@ require('laravel-elixir-vue-2')
  |
  */
 elixir(function (mix) {
+  // less
   mix.less('default.less', 'public/css/themes/default.css')
-  /*
-   lib JS files not mixed (specific pages only)
-  */
+  mix.less('metager/beitritt.less', 'public/css/beitritt.css')
+  // js
   mix.scripts(['lib/jquery.js', 'lib/jquery-ui.min.js', 'lib/bootstrap.js', 'lib/lightslider.js', 'lib/masonry.js', 'lib/imagesloaded.js', 'lib/openpgp.min.js', 'lib/iframeResizer.min.js', 'lib/md5.js'], 'public/js/lib.js')
   mix.scripts(['scriptStartPage.js', 'results.js'], 'public/js/scriptStartPage.js');
   mix.scripts(['scriptResultPage.js', 'results.js'], 'public/js/scriptResultPage.js');
   mix.scripts(['searchbar.js'], 'public/js/searchbar.js');
-  //mix.scripts(['scriptSubpages.js'], 'public/js/scriptSubpages.js');
-  mix.less('metager/beitritt.less', 'public/css/beitritt.css')
   // utility
   mix.scripts(['utility.js'], 'public/js/utility.js');
   mix.less('utility.less', 'public/css/utility.css');
+  // Versioning
   mix.version(['css/themes/default.css', 'js/lib.js', 'js/utility.js', 'css/utility.css', 'js/widgets.js', 'js/editLanguage.js', 'js/kontakt.js', 'js/scriptResultPage.js', 'js/scriptStartPage.js', 'js/settings.js', 'css/beitritt.css']);
 
 })
diff --git a/public/css/style.css b/public/css/style.css
deleted file mode 100644
index b0a1c9f104c90a71ed57b5a26bc324de27068cd3..0000000000000000000000000000000000000000
--- a/public/css/style.css
+++ /dev/null
@@ -1,649 +0,0 @@
-/* 
-
-
-
-
-
-By ID 
-
-
-
-
-
-*/
-
-#color-chooser {
-    padding: 0;
-}
-
-#moreInformation {
-    box-shadow: none;
-    margin-top: 5%;
-    text-align: center;
-    -moz-box-shadow: none;
-}
-
-#mglogo {
-    width: 100%;
-    text-align: center;
-}
-
-#spruch {
-    margin-bottom: 20px;
-    padding: 5px;
-    line-height: 1.2;
-    color: #070;
-    border-left: 3px solid #070;
-    font-size: 16px;
-    font-family: Georgia, "Times New Roman", Palatino, Times, serif;
-}
-
-
-/* 
-
-
-
-
-
-Mixed 
-
-
-
-
-
-*/
-
-#color-chooser #standard {
-    background-color: rgb(255, 194, 107);
-}
-
-#color-chooser #standardHard {
-    background-color: rgb(255, 128, 0);
-}
-
-#color-chooser #green {
-    background-color: rgb(177, 226, 163);
-}
-
-#color-chooser #greenHard {
-    background-color: rgb(127, 175, 27);
-}
-
-#color-chooser #blue {
-    background-color: rgb(164, 192, 230);
-}
-
-#color-chooser #blueHard {
-    background-color: rgb(2, 93, 140);
-}
-
-#color-chooser #red {
-    background-color: rgb(255, 92, 92);
-}
-
-#color-chooser #redHard {
-    background-color: rgb(255, 0, 0);
-}
-
-#color-chooser #pink {
-    background-color: rgb(255, 196, 246);
-}
-
-#color-chooser #pinkHard {
-    background-color: rgb(254, 67, 101);
-}
-
-#color-chooser #black {
-    background-color: rgb(238, 238, 238);
-}
-
-#color-chooser #blackHard {
-    background-color: rgb(50, 50, 50);
-}
-
-#mglogo > a {
-    display: block;
-    width: 200px;
-    text-decoration: none;
-    font-size: 1.1em;
-    font-family: Liberation Sans, sans-serif;
-    font-weight: bold;
-    font-style: italic;
-    font-size: 1.0em;
-    line-height: 1;
-    white-space: nowrap;
-    padding: 0.4em 0;
-    border-radius: .25em;
-    margin: 0 auto;
-}
-
-#sponsors a {
-    font-size: 0.8em;
-}
-
-#sponsors h2 {
-    font-size: 1.5em;
-}
-
-#foki label > span {
-    margin-right: 5px;
-}
-
-#foki label span {
-    background-color: transparent;
-}
-
-#foki input {
-    visibility: hidden;
-}
-
-#foki input:checked + label {
-    font-weight: bold;
-    background-color: #e3e3e3;
-}
-
-#foki input + label {
-    border-radius: 4px;
-    padding: 7px 20px;
-    font-weight: normal;
-}
-
-#foki input + label:hover {
-    cursor: pointer;
-    background-color: #f6f6f6;
-}
-
-#color-chooser a {
-    display: block;
-    width: 50px;
-    height: 50px;
-}
-
-#color-chooser li {
-    width: 50px;
-    margin: 0;
-}
-
-#moreInformation ul {
-    padding: 0;
-}
-
-#moreInformation ul li {
-    color: grey;
-}
-
-#moreInformation > div {
-    font-size: 15px;
-}
-
-#moreInformation h2 {
-    color: grey;
-    font-size: 25px;
-}
-
-#moreInformation a:hover {
-    text-decoration: underline;
-}
-
-#searchForm button {
-    width: 50px;
-    line-height: 100%;
-    height: 28px;
-    border: 0;
-    background-color: transparent;
-    padding: 0;
-}
-
-li#info {
-    white-space: pre-line;
-}
-
-main fieldset#foki {
-    margin: 5px 0;
-    text-align: center;
-}
-
-div#right {
-    background-color: #FFDCC1;
-    border-radius: 5px;
-    padding: 20px;
-    padding-top: 0;
-}
-
-div#right p {
-    white-space: normal;
-    border-bottom: 1px solid black;
-    margin-bottom: 15px;
-    padding-bottom: 15px;
-}
-
-div#left {
-    padding-right: 35px;
-}
-
-textarea#message {
-    height: 200px;
-}
-
-#anpassen-label a.content {
-    color: inherit;
-}
-
-#plugin-modal ol > li {
-    margin-bottom: 5px;
-}
-
-
-/* 
-
-
-
-
-
-By Class 
-
-
-
-
-
-*/
-
-.quicktip {
-    margin-bottom: 15px;
-    padding: 10px;
-    line-height: 1.2 !important;
-    font-family: Georgia, "Times New Roman", Palatino, Times, serif;
-    color: #000;
-    border-left: 3px solid #FB0;
-    font-size: 14px;
-}
-
-.wikiqtextract {
-    font-family: Georgia, "Times New Roman", Palatino, Times, serif;
-}
-
-.qtheader {
-    font-family: verdana, arial, helvetica, sans-serif;
-}
-
-.author {
-    float: right !important;
-}
-
-.language-textarea {
-    resize: none;
-    overflow: hidden;
-}
-
-.language-name {
-    white-space: pre;
-}
-
-.navbar-default {
-    background-color: white;
-    border-radius: 0;
-}
-
-.row {
-    margin-left: 0;
-    margin-right: 0;
-}
-
-.mg-panel {
-    text-align: left;
-    margin: 0 auto;
-    margin-top: 20px;
-    padding: 10px 20px;
-    margin-bottom: 0;
-    /*! background-color: white; */
-    -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3);
-    -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3);
-    box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3);
-}
-
-.input-group-addon {
-    padding: 0;
-}
-
-.form-group {
-    font-family: sans-serif;
-    font-size: 16px;
-    color: black;
-    background-color: transparent;
-    text-align: center;
-}
-
-.kontakt-form-group {
-    text-align: left;
-    font-size: 14px;
-}
-
-.metager-searchinput {
-    height: 30px;
-    padding: 6px 12px;
-    font-size: 14px;
-    line-height: 1.42857;
-    color: #555;
-    background-color: #FFF;
-    background-image: none;
-    border: 1px solid #CCC;
-    border-right: 0px none;
-    border-radius: 4px;
-    border-top-right-radius: 0px;
-    border-bottom-right-radius: 0px;
-    margin: 0px;
-}
-
-.metager-searchbutton {
-    height: 30px;
-    width: 100px;
-    border-left: 0px none;
-    border-top-right-radius: 4px;
-    border-bottom-right-radius: 4px;
-    border-top-left-radius: 0px;
-    border-bottom-left-radius: 0px;
-    border: 1px solid #CCC;
-    padding: 6px 12px;
-    margin: 0px;
-    font-size: 14px;
-    font-weight: normal;
-    line-height: 1;
-    white-space: nowrap;
-    color: #555;
-    text-align: center;
-    background-color: #EEE;
-}
-
-.metager-logo {
-    height: 30px;
-    float: left;
-    top: -2px;
-    margin-right: 3px;
-}
-
-.mutelink {
-    color: inherit;
-}
-
-.dotlist {
-    list-style-type: disc;
-    text-align: left;
-}
-
-.well-sm {
-    margin: 10px 0px;
-}
-
-.subheading {
-    font-size: 20px;
-    margin: 20px 0px;
-    white-space: pre-wrap;
-}
-
-.donation-form-group {
-    text-align: left;
-    font-size: 12px;
-}
-
-.beitritt-form-group {
-    text-align: left;
-}
-
-.modal-content {
-    border-radius: 0;
-    -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3);
-    -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3);
-    box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3);
-}
-
-.bold {
-    font-weight: bold;
-}
-
-.settings-btn {
-    margin-top: 25px;
-}
-
-.fokus-category {
-    font-size: 20px;
-}
-
-.settings-form-control {
-    width: 200px;
-    margin-top: 10px;
-}
-
-.bitcoins {
-    text-align: center;
-}
-
-.checkbox {
-    margin-top: 5px;
-    margin-bottom: 5px;
-}
-
-.non-bold {
-    font-weight: normal;
-}
-
-
-/* 
-
-
-
-
-
-Mixed 
-
-
-
-
-
-*/
-
-.quicktip.aufruf {
-    border-left: 3px solid #FF4000;
-    color: #FF4000;
-}
-
-.settings-checkbox .settings-glyphicon {
-    margin-left: 5px;
-    font-size: 12px;
-}
-
-.settings-btn + .settings-btn {
-    margin-left: 10px;
-}
-
-.wikiqtextract p {
-    margin-bottom: 0;
-}
-
-footer ul.list-inline {
-    width: 100%;
-}
-
-span.glyphicon {
-    background-color: transparent;
-}
-
-a.content.hidden-xs {
-    color: #333;
-}
-
-a.navbar-brand {
-    line-height: 100%!important;
-    padding: 0;
-}
-
-nav .navbar-brand > div.logo {
-    height: 100%;
-}
-
-.dotlist li {
-    margin-bottom: 5px;
-}
-
-form.contact {
-    max-width: 500px;
-}
-
-label.select-label {
-    margin-bottom: 0;
-    margin-top: 10px;
-}
-
-@media print {
-    .noprint {
-        display: none!important;
-    }
-}
-
-.donation-form-group label {
-    font-weight: bold;
-}
-
-.quicktip h1 {
-    font-size: 22px;
-    margin-top: 0px;
-}
-
-
-/* 
-
-
-
-
-
-By Element 
-
-
-
-
-
-*/
-
-* {
-    font-family: Liberation Sans, sans-serif;
-}
-
-section {
-    padding: 10px;
-    box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.55);
-    -moz-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.55);
-    -moz-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.55);
-}
-
-footer {
-    margin-top: 8%;
-    bottom: 0;
-    width: 100%;
-}
-
-body {
-    margin: 0;
-}
-
-header {
-    position: fixed;
-    background-color: white;
-    z-index: 500;
-    width: 100%;
-    height: 50px;
-}
-
-address {
-    white-space: pre;
-}
-
-p {
-    white-space: pre-wrap;
-}
-
-form {
-    margin: 10px 0px;
-}
-
-code {
-    white-space: pre-wrap;
-    overflow-wrap: break-word;
-    word-break: break-word;
-}
-
-
-/* 
-
-
-
-
-
-Mixed 
-
-
-
-
-
-*/
-
-label a {
-    color: inherit;
-}
-
-label a:hover {
-    text-decoration: none;
-    color: inherit;
-}
-
-footer li {
-    width: 33%;
-    text-align: center;
-}
-
-footer img {
-    max-width: 100%;
-}
-
-main ul li {
-    margin: 0 10px;
-}
-
-body ul {
-    list-style-type: none;
-    text-align: center;
-    margin-left: 0!important;
-    margin-top: 10px;
-}
-
-fieldset input[type=text] {
-    width: 100%;
-    padding-left: 10px;
-    padding-right: 10px;
-    border-width: 1px;
-    overflow: visible;
-}
-
-main fieldset {
-    border: 0;
-}
-
-nav h1 {
-    margin: 0;
-    height: 100%;
-    padding-left: 20px;
-    padding-top: 8px;
-    font-family: sans-serif;
-    font-style: italic;
-    margin: 0;
-    font-weight: bold;
-    line-height: 1;
-    white-space: nowrap;
-}
-
-body > div {
-    /*! background-color: transparent; */
-    padding-top: 70px;
-}
-
-a:hover {
-    cursor: pointer;
-}
\ No newline at end of file
diff --git a/resources/assets/js/results.js b/resources/assets/js/results.js
index 98300d45bc1f52db2045c46ab194faa934056369..c551d583efab42a9337fbcd52b2fbf46d299677b 100644
--- a/resources/assets/js/results.js
+++ b/resources/assets/js/results.js
@@ -251,7 +251,7 @@ Result.prototype.toHtml = function(){
     <div class="result row">\
       <div class="col-sm-1 glyphicon glyphicon-trash remover" title="Ergebnis aus dem Speicher löschen">\
       </div>\
-      <div class="resultInformation col-xs-12 col-sm-11">\
+      <div class="result-information col-xs-12 col-sm-11">\
         <div class="col-xs-10 col-sm-11" style="padding:0; ">\
           <p class="title">\
             <a class="title" href="' + this.link + '" target="_blank" data-hoster="' + this.hoster + '" data-count="1" rel="noopener">\
diff --git a/resources/assets/less/default.less b/resources/assets/less/default.less
index f64afa38051446a6c28c7ff29bc1a6d0cc3d7ee1..1b94f65debf1c89e6c658dc2571493b23ae75c16 100644
--- a/resources/assets/less/default.less
+++ b/resources/assets/less/default.less
@@ -1,48 +1,2 @@
 @import "./bootstrap/bootstrap.less";
-@import "./metager/metager.less";
-@import "./variables-default.less";
-
-#mglogo>a {
-}
-
-.logo h1 {
-    color: rgb(255, 128, 0);
-}
-
-.pagination {
-    &>.active {
-        &>a,
-        &>span,
-        &>a:hover,
-        &>span:hover,
-        &>a:focus,
-        &>span:focus {
-            background-color: rgb(255, 128, 0);
-            border-color: rgb(255, 128, 0);
-        }
-    }
-    &>li {
-        &>a,
-        &>span,
-        &>a:hover,
-        &>span:hover,
-        &>a:focus,
-        &>span:focus {
-            color: rgb(255, 128, 0);
-        }
-    }
-}
-
-.navbar {
-    border-bottom: 3px solid rgb(255, 128, 0);
-    box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.2);
-    &.navbar-resultpage {
-        border-bottom: 2px solid rgb(255, 128, 0);
-        box-shadow: none;
-    }
-}
-
-.lSPrev>span,
-.lSNext>span {
-    color: rgb(255, 128, 0);
-}
\ No newline at end of file
+@import "./metager/metager.less";
\ No newline at end of file
diff --git a/resources/assets/less/metager/aufruf-winter.less b/resources/assets/less/metager/aufruf-winter.less
new file mode 100644
index 0000000000000000000000000000000000000000..6c82ff6ac1a04c40fce071d325cb658ffab36377
--- /dev/null
+++ b/resources/assets/less/metager/aufruf-winter.less
@@ -0,0 +1,45 @@
+/* Winter-Spendenaufruf */
+
+.aufruf-winter {
+    h1 {
+        font-size: 32px;
+        @media(max-width: @screen-md-max) {
+            .aufruf-winter h1 {
+                font-size: 27px;
+            }
+        }
+    }
+    a,
+    a:visited {
+        color: @aufruf-winter-a-normal-or-visited;
+    }
+    .aufruf-action-btn {
+        color: @aufruf-winter-aufruf-action-btn-color;
+        background-color: @aufruf-winter-aufruf-action-btn-background-color;
+        border-color: @aufruf-winter-aufruf-action-btn-border-color;
+    }
+    .aufruf-action-btn:hover {
+        background-color: @aufruf-winter-aufruf-action-btn-hover-background-color;
+        border-color: @aufruf-winter-aufruf-action-btn-hover-border-color;
+    }
+    &.mg-panel {
+        background-image: url("/img/snowflake.svg");
+        background-repeat: no-repeat;
+        background-position: right top;
+        background-size: 100px 100px;
+        @media(max-width: @screen-sm-max) {
+            background-size: 60px 60px;
+        }
+        @media(min-width: @screen-lg) {
+            width: 940px;
+        }
+    }
+    &.quicktip {
+        border-left: 3px solid @aufruf-winter-quicktip-border-color;
+    }
+    @media(max-width: @screen-md-max) {
+        .lead {
+            font-size: 18px;
+        }
+    }
+}
\ No newline at end of file
diff --git a/resources/assets/less/metager/base.less b/resources/assets/less/metager/base.less
deleted file mode 100644
index 34630089f1daba99df4650f35b616d3f15db367d..0000000000000000000000000000000000000000
--- a/resources/assets/less/metager/base.less
+++ /dev/null
@@ -1,102 +0,0 @@
-@body-background-color: @base-body-backround-color;
-@aufruf-winter-a-normal-or-visited: @base-aufruf-winter-color;
-@aufruf-winter-aufruf-action-btn-color: @base-aufruf-winter-btn-color!important;
-@aufruf-winter-aufruf-action-btn-background-color: @base-aufruf-winter-color!important;
-@aufruf-winter-aufruf-action-btn-border-color: @base-aufruf-winter-border-color;
-@aufruf-winter-aufruf-action-btn-hover-background-color: @base-aufruf-winter-btn-hover-background-color !important;
-@aufruf-winter-aufruf-action-btn-hover-border-color: @base-aufruf-winter-border-color;
-@aufruf-winter-quicktip-border-color: @base-aufruf-winter-color!important;
-@new-feature-badge-background-color: @base-new-feature-badge-background-color;
-html {
-    min-height: 100%;
-    height: auto;
-    display: flex;
-}
-
-body {
-    flex-grow: 1;
-    background-color: @body-background-color;
-    background-attachment: fixed;
-    min-height: 100%;
-    height: auto;
-    display: flex;
-    flex-direction: column;
-}
-
-.wrapper {
-    flex-grow: 1;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-}
-
-body#resultBody {
-    background-image: inherit;
-}
-
-summary {
-    cursor: pointer;
-    &::-webkit-details-marker {
-        display: none;
-    }
-    &::-moz-details-marker {
-        display: none;
-    }
-    &::-ms-details-marker {
-        display: none;
-    }
-    &::-o-details-marker {
-        display: none;
-    }
-    &::details-marker {
-        display: none;
-    }
-}
-
-.aufruf-winter {
-    h1 {
-        font-size: 32px;
-        @media(max-width: @screen-md-max) {
-            .aufruf-winter h1 {
-                font-size: 27px;
-            }
-        }
-    }
-    a,
-    a:visited {
-        color: @aufruf-winter-a-normal-or-visited;
-    }
-    .aufruf-action-btn {
-        color: @aufruf-winter-aufruf-action-btn-color;
-        background-color: @aufruf-winter-aufruf-action-btn-background-color;
-        border-color: @aufruf-winter-aufruf-action-btn-border-color;
-    }
-    .aufruf-action-btn:hover {
-        background-color: @aufruf-winter-aufruf-action-btn-hover-background-color;
-        border-color: @aufruf-winter-aufruf-action-btn-hover-border-color;
-    }
-    &.mg-panel {
-        background-image: url("/img/snowflake.svg");
-        background-repeat: no-repeat;
-        background-position: right top;
-        background-size: 100px 100px;
-        @media(max-width: @screen-sm-max) {
-            background-size: 60px 60px;
-        }
-        @media(min-width: @screen-lg) {
-            width: 940px;
-        }
-    }
-    &.quicktip {
-        border-left: 3px solid @aufruf-winter-quicktip-border-color;
-    }
-    @media(max-width: @screen-md-max) {
-        .lead {
-            font-size: 18px;
-        }
-    }
-}
-
-.new-feature.badge {
-    background-color: @new-feature-badge-background-color;
-}
diff --git a/resources/assets/less/metager/beitritt.less b/resources/assets/less/metager/beitritt.less
index 63ec36dfd1dda5efafcfde4a8cbc0dcd1f53b74e..c82ffb54ab3588e10b1c2d80cf705da787258dc5 100644
--- a/resources/assets/less/metager/beitritt.less
+++ b/resources/assets/less/metager/beitritt.less
@@ -1,3 +1,5 @@
+/* Style für die Druckversion des Beitrittsformulars */
+
 @media print {
     header {
         display: none !important;
@@ -12,7 +14,8 @@
     hr {
         display: none !important;
     }
-    input[type=text], input[type=email] {
+    input[type=text],
+    input[type=email] {
         margin: 0px !important;
         padding: 0px !important;
         height: initial !important;
@@ -74,4 +77,7 @@
     #spendenaufruf {
         display: none !important;
     }
+    .beitritt-formular-info * {
+        font-size: 7pt !important;
+    }
 }
\ No newline at end of file
diff --git a/resources/assets/less/metager/footer.less b/resources/assets/less/metager/footer.less
index ce59c2053fe6a8981ceaf49a45ca95a358d5693e..e1dae268f5d69c170da29f8aa913ef5f345bdcff 100644
--- a/resources/assets/less/metager/footer.less
+++ b/resources/assets/less/metager/footer.less
@@ -1,3 +1,5 @@
+/* Footer bar with logos and general links */
+
 footer {
     padding: 5px 5px 15px 5px;
     width: 100%;
@@ -5,7 +7,7 @@ footer {
     display: flex;
     justify-content: space-around;
     white-space: pre-line;
-    align-items: flex-end;
+    align-items: center;
     div {
         text-align: center;
         margin-left: 10px;
@@ -27,4 +29,8 @@ footer {
             display: none;
         }
     }
+    #info {
+        display: flex;
+        flex-direction: column;
+    }
 }
\ No newline at end of file
diff --git a/resources/assets/less/metager/general.less b/resources/assets/less/metager/general.less
new file mode 100644
index 0000000000000000000000000000000000000000..f7e4198193eaa5bc2bcc0c040d8e163572b0ab40
--- /dev/null
+++ b/resources/assets/less/metager/general.less
@@ -0,0 +1,178 @@
+/* Default Font */
+
+* {
+    font-family: Liberation Sans, sans-serif;
+}
+
+
+/* Main Containers */
+
+html,
+body,
+.content-wrapper {
+    width: 100%;
+}
+
+html {
+    min-height: 100%;
+    height: auto;
+    display: flex;
+}
+
+body {
+    flex-grow: 1;
+    background-image: inherit;
+    background-color: @body-background-color;
+    background-attachment: fixed;
+    min-height: 100%;
+    height: auto;
+    display: flex;
+    flex-direction: column;
+    margin: 0;
+}
+
+.wrapper {
+    flex-grow: 1;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    margin: 50px 0px;
+}
+
+
+/* Logo */
+
+.logo h1,
+h1.mg-logo {
+    color: rgb(255, 128, 0);
+    font-weight: bold;
+}
+
+#mglogo {
+    color: rgb(255, 128, 0);
+    text-align: center;
+    &>a {
+        display: block;
+        text-decoration: none;
+        font-size: 1.1em;
+        font-family: Liberation Sans, sans-serif;
+        font-weight: bold;
+        font-style: italic;
+        font-size: 1.0em;
+        line-height: 1;
+        white-space: nowrap;
+        border-radius: .25em;
+        margin: 0 auto;
+    }
+}
+
+.metager-logo {
+    height: 30px;
+    float: left;
+    top: -2px;
+    margin-right: 3px;
+}
+
+.logo {
+    height: 30px!important;
+    &>h1 {
+        font-size: 30px;
+    }
+}
+
+
+/* Links that look like text */
+
+.mutelink {
+    &,
+    &:focus,
+    &:active,
+    &:visited {
+        color: inherit;
+    }
+}
+
+
+/* Summary Elements */
+
+summary {
+    cursor: pointer;
+    &::-webkit-details-marker {
+        display: none;
+    }
+    &::-moz-details-marker {
+        display: none;
+    }
+    &::-ms-details-marker {
+        display: none;
+    }
+    &::-o-details-marker {
+        display: none;
+    }
+    &::details-marker {
+        display: none;
+    }
+}
+
+
+/* New Feature Badge */
+
+.new-feature.badge {
+    background-color: @new-feature-badge-background-color;
+}
+
+
+/* Box to match Image size */
+
+.imagebox {
+    display: flex;
+    a {
+        display: flex;
+    }
+}
+
+
+/* Unsorted */
+
+.bold {
+    font-weight: bold;
+}
+
+@media print {
+    .noprint {
+        display: none!important;
+    }
+}
+
+nav {
+    h1 {
+        margin: 0;
+        height: 100%;
+        padding-left: 20px;
+        padding-top: 8px;
+        font-family: sans-serif;
+        font-style: italic;
+        margin: 0;
+        font-weight: bold;
+        line-height: 1;
+        white-space: nowrap;
+    }
+    .navbar-brand>div.logo {
+        height: 100%;
+    }
+}
+
+.modal-content {
+    border-radius: 0;
+    -webkit-box-shadow: 1px 1px 3px 1px @modal-content-box-shadow-color;
+    -moz-box-shadow: 1px 1px 3px 1px @modal-content-box-shadow-color;
+    box-shadow: 1px 1px 3px 1px @modal-content-box-shadow-color;
+}
+
+label a {
+    color: inherit;
+    &:hover {
+        text-decoration: none;
+        color: inherit;
+    }
+}
\ No newline at end of file
diff --git a/resources/assets/less/metager/metager.less b/resources/assets/less/metager/metager.less
index 70fb8159af0e80d601212220134711cb4ec894b2..03eba70fb3afd77163bbde834e7f5c4e15dfd95b 100644
--- a/resources/assets/less/metager/metager.less
+++ b/resources/assets/less/metager/metager.less
@@ -1,10 +1,10 @@
-@import "./base.less";
-@import "./static-pages.less";
+@import "./general.less";
+@import "./specific.less";
 @import "./result-page.less";
-@import "./quicktips.less";
 @import "./start-page.less";
 @import "./settings.less";
 @import "./variables.less";
 @import "./sidebar.less";
 @import "./footer.less";
-@import "./searchbar.less";
\ No newline at end of file
+@import "./searchbar.less";
+@import "./aufruf-winter.less";
\ No newline at end of file
diff --git a/resources/assets/less/metager/product.less b/resources/assets/less/metager/product.less
new file mode 100644
index 0000000000000000000000000000000000000000..2ab7ac88b60f0dfaa78a76bdae86cb7442859f28
--- /dev/null
+++ b/resources/assets/less/metager/product.less
@@ -0,0 +1,42 @@
+/* Produktergebnisse */
+
+.product {
+    text-align: center;
+    border: 1px dotted @product-border-color;
+    padding: 5px;
+    max-width: 150px;
+    height: 210px;
+    a {
+        color: @product-a-color;
+    }
+    img {
+        max-width: 100px;
+    }
+    .price {
+        position: relative;
+        top: 20px;
+        color: @product-price-color;
+        background-color: @product-price-background-color;
+        text-align: left;
+        width: 80px;
+        font-weight: bold;
+    }
+    .title {
+        font-size: 12px;
+        font-weight: bold;
+        text-align: left;
+        max-height: 31px;
+        overflow: hidden;
+        margin-bottom: 4px;
+    }
+    .shop {
+        font-size: 10px;
+        text-align: left;
+        color: @product-shop-color;
+        margin-bottom: 6px;
+    }
+    .shipping {
+        font-size: 10px;
+        text-align: left;
+    }
+}
\ No newline at end of file
diff --git a/resources/assets/less/metager/quicktips.less b/resources/assets/less/metager/quicktips.less
index a1e0a076aea380d2e46f72b452935801a2188cbb..60951b998e0d961d000ae59a91b8905a02f0d36c 100644
--- a/resources/assets/less/metager/quicktips.less
+++ b/resources/assets/less/metager/quicktips.less
@@ -1,15 +1,108 @@
-.qtheader {
-    font-size: 16px;
-    margin: 0px;
-    font-weight: bold;
-}
+/* Quicktips */
 
-.qt-icon {
-    height: 60px;
-}
 
-.detail-short {
-    font-weight: bold;
-    font-size: 18px;
-    line-height: 30px;
+/*
+ * <div id="quicktips">
+ *   <div class="quicktip" type="TYPE">
+ *     <details>
+ *       <summary>
+ *         <h1><a href="URL">TITLE
+ *         <p>SUMMARY
+ *       <div class="quicktip-detail">
+ *         <h1><a href="DETAILURL">DETAILTITLE
+ *         <p>DETAILSUMMARY
+ *     <span>GEFVON
+ * </...>
+ */
+
+#quicktips {
+    display: flex;
+    flex-direction: column;
+    details[open=""] .quicktip-extender {
+        animation-name: quicktip-extender-turn;
+        animation-fill-mode: forwards;
+    }
+    .quicktip {
+        margin: 10px 0px;
+        padding: 10px 0px 10px 10px;
+        border-left: 3px solid #fb0;
+        details:not([open=""]) {
+            .quicktip-summary p {
+                white-space: nowrap;
+                overflow: hidden;
+                text-overflow: ellipsis;
+            }
+        }
+        .quicktip-summary {
+            h1 {
+                margin: 0px 0px 5px 0px;
+                font-size: 18px;
+                font-weight: bold;
+                display: flex;
+                justify-content: space-between;
+                .quicktip-extender {
+                    margin-left: 10px;
+                    color: #777;
+                    font-size: 20px;
+                }
+            }
+            p {
+                font-size: 16px;
+            }
+        }
+        .quicktip-detail {
+            border-top: 1px solid #ddd;
+            border-bottom: 1px solid #ddd;
+            h2 {
+                margin: 10px 0px;
+                font-size: 16px;
+                font-weight: bold;
+            }
+            p {
+                display: none;
+                font-size: 14px;
+            }
+        }
+        .gefVon {
+            float: right;
+            font-size: 15px;
+        }
+        &[type=spruch] {
+            border-left: 3px solid #070;
+            p {
+                color: #070;
+                .author {
+                    color: #404040;
+                    font-style: italic;
+                }
+            }
+        }
+        &[type=spendenaufruf] {
+            border-left: #ddd;
+            color: #ff8000;
+            .quicktip-summary {
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                h1 {
+                    margin: 0px;
+                }
+                p {
+                    margin: 5px;
+                    .spendenaufruf-btn {
+                        color: white;
+                        background-color: #ff8000;
+                        font-size: 16px;
+                    }
+                }
+            }
+        }
+        &[type=dictCC] {
+            .quicktip-summary {
+                p {
+                    font-weight: bold;
+                }
+            }
+        }
+    }
 }
\ No newline at end of file
diff --git a/resources/assets/less/metager/result-page.less b/resources/assets/less/metager/result-page.less
index ddc217ad23c3febd1f84ea0d4395388aa169d045..32b060005ba0a8acc887489dfaa25f5666d9b386 100644
--- a/resources/assets/less/metager/result-page.less
+++ b/resources/assets/less/metager/result-page.less
@@ -1,49 +1,32 @@
-@body-background-color: @result-page-body-background-color;
-@hostlabel-a-link-or-visited-color: @result-page-color-white;
-@hostlabel-background-color: @result-page-color-strong-grey;
-@navbar-resultpage-background-color: @result-page-color-white;
-@navbar-resultpage-ul-li-a-not-metager-navbar-toggle-color: @result-page-color-grey;
-@navbar-resultpage-ul-li-a-metager-dropdown-toggle-hover-or-focus-background-color: @result-page-color-almost-white;
-@research-a-color: @result-page-color-black;
-@content-wrapper-background-color: @result-page-color-white;
-@a-visited-color: @result-page-a-visited-color;
-@a-hover-color: @result-page-a-hover-color;
-@a-donation-normal-or-visited-color: inherit;
-@a-donation-hover-color: @result-page-a-hover-color;
-@resultpage-foki-or-foki-background-color: @result-page-color-white;
-@resultpage-foki-or-foki-li-a-color: @result-page-color-grey;
-@resultpage-foki-or-foki-li-active-a-color: @result-page-color-black;
-@resultpage-foki-or-foki-li-active-a-background-color: @result-page-color-white;
-@spruch-author-color: @result-page-color-strong-grey;
-@result-title-color: @result-page-color-black;
-@result-link-options-color: @result-page-color-strong-grey;
-@result-link-options-a-color: @result-page-color-strong-grey;
-@result-description-color: @result-page-color-black;
-@result-description-img-border-color: @result-page-color-almost-white;
-@result-hoster-color: @result-page-color-grey;
-@result-hoster-a-color: @result-page-color-strong-grey;
-@options-list-li-hover-background-color: @result-page-color-almost-white;
-@options-list-li-a-color: @result-page-color-strong-grey;
-@image-item-img-box-shadow-color: fade(@result-page-color-black, 30%);
-@searchplugin-a-color: @result-page-color-white;
-@product-border-color: @result-page-color-almost-white;
-@product-a-color: @result-page-color-strong-grey;
-@product-price-color: @result-page-color-strong-grey;
-@product-price-background-color: fade(@result-page-color-white, 90%);
-@product-shop-color: @result-page-product-shop-color;
-@lsprev-or-lsnext-i-background-color: @result-page-color-black;
+/* Ergebnisseite */
+
+@import "./quicktips.less";
+@import "./result.less";
+@import "./product.less";
+//
 body {
-    background-image: inherit;
-    background-color: white;
+    &#resultBody {
+        background-image: inherit;
+    }
+    &.quicktips {
+        background-color: @quicktip-background-color;
+    }
 }
 
-.sideBar {
-    border-left: none;
-    input#nav0:checked~& {
-        border-left: 1px solid LightGray;
+.navbar {
+    border-bottom: 3px solid rgb(255, 128, 0);
+    box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.2);
+    &.navbar-resultpage {
+        border-bottom: 2px solid rgb(255, 128, 0);
+        box-shadow: none;
     }
 }
 
+.lSPrev>span,
+.lSNext>span {
+    color: rgb(255, 128, 0);
+}
+
 #map,
 #map div {
     display: flex;
@@ -89,47 +72,6 @@ body {
     padding-left: 49px;
 }
 
-.navbar-resultpage {
-    background-color: @navbar-resultpage-background-color;
-    position: absolute;
-    border-bottom: 2px solid #ff8000;
-    padding-bottom: 10px;
-    &>ul>li {
-        padding-left: 0;
-        padding-right: 0;
-        &>a:not(.metager-navbar-toggle) {
-            display: block;
-            padding: 10px;
-            color: @navbar-resultpage-ul-li-a-not-metager-navbar-toggle-color;
-        }
-        &.active>a,
-        a.metager-dropdown-toggle:hover,
-        a.metager-dropdown-toggle:focus {
-            background-color: @navbar-resultpage-ul-li-a-metager-dropdown-toggle-hover-or-focus-background-color;
-        }
-    }
-    &>ul.list-inline {
-        margin-bottom: 0;
-    }
-    @media (max-width: @screen-xs-max) {
-        right: 0px!important;
-        left: 0px!important;
-    }
-    right: initial;
-    left: initial;
-    margin-bottom: 0px;
-    .container {
-        padding: 0px;
-        margin: 0px;
-    }
-    .logo {
-        padding-top: 0px;
-    }
-    .input-group {
-        margin: 0px 5px;
-    }
-}
-
 .fa.fa-twitter {
     color: #6faedc
 }
@@ -161,34 +103,6 @@ nav .input-group {
     padding: 5px 0;
 }
 
-#research {
-    nav {
-        ul>li {
-            width: 20%;
-            vertical-align: middle;
-            padding-left: 15px;
-            padding-right: 15px;
-        }
-        ul>li.visible-xs {
-            width: 10%;
-            padding-left: 15px;
-            padding-right: 15px;
-        }
-    }
-    ul.list-inline {
-        margin-left: 0;
-        width: 100%;
-    }
-    a {
-        color: @research-a-color;
-    }
-    .visible-xs {
-        @media (max-width: 767px) {
-            display: inline-block!important;
-        }
-    }
-}
-
 .logo h1 {
     font-family: Liberation Sans, sans-serif;
     font-style: italic;
@@ -205,12 +119,6 @@ nav .input-group {
     height: 100%;
 }
 
-.content-wrapper {
-    padding: 0px;
-    padding-top: 52px;
-    background-color: white;
-}
-
 #helpButton {
     color: black;
 }
@@ -234,34 +142,6 @@ a {
     }
 }
 
-.resultpage-foki,
-.foki {
-    background-color: @resultpage-foki-or-foki-background-color;
-    li {
-        margin: 0px;
-        margin-bottom: -1px;
-        a {
-            color: @resultpage-foki-or-foki-li-a-color;
-            padding: 8px 12px;
-            i+span {
-                margin-left: 5px;
-            }
-        }
-        span {
-            margin-left: 3px;
-        }
-        &.active {
-            i+span {
-                display: inline!important;
-            }
-            a {
-                color: @resultpage-foki-or-foki-li-active-a-color;
-                background-color: @resultpage-foki-or-foki-li-active-a-background-color;
-            }
-        }
-    }
-}
-
 #spenden {
     white-space: nowrap;
     overflow: hidden;
@@ -298,181 +178,20 @@ a {
 
 #logo-searchbar-container {
     display: flex;
+    @media (max-width: @screen-xs-max) {
+        flex-direction: column;
+    }
 }
 
 .mg-logo {
     color: #ff8000;
     font-family: Liberation Sans, sans-serif;
-    padding: 5px 30px 0px 0px;
 }
 
 #header-searchbar {
     flex-grow: 1;
 }
 
-.result {
-    margin-top: 20px;
-    margin-bottom: 40px;
-    width: 100%;
-    &>.resultInformation {
-        border-radius: 5px;
-        padding-left: 0px;
-        &>.save {
-            position: absolute;
-            top: 0;
-            right: 10px;
-            cursor: pointer;
-        }
-    }
-    &>.remover {
-        cursor: pointer;
-        text-align: right;
-        color: #777;
-    }
-    .title {
-        color: @result-title-color;
-        text-decoration: none;
-        font-size: 18px;
-        font-weight: bold;
-        margin-bottom: 0;
-        white-space: nowrap;
-        line-height: 1.1;
-        max-width: 115ch;
-        overflow: hidden;
-        text-overflow: ellipsis;
-    }
-    .link {
-        font-size: 16px;
-        margin: 0;
-        line-height: 1.5;
-        &>div {
-            white-space: nowrap;
-        }
-        &>span {
-            white-space: nowrap;
-            margin: 0 5px;
-        }
-        .options {
-            color: @result-link-options-color;
-            float: left;
-        }
-        .options>a {
-            color: @result-link-options-a-color;
-            display: block;
-            padding-left: 8px;
-            padding-right: 5px;
-        }
-    }
-    .link-link {
-        white-space: nowrap;
-        max-width: 60%;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        float: left;
-    }
-    .description {
-        margin-bottom: 3px;
-        color: @result-description-color;
-        font-size: 16px;
-        line-height: 1.3;
-        clear: both;
-        .date {
-            font-weight: bold;
-        }
-        p {
-            margin: 0;
-            margin-bottom: 4px;
-        }
-        img {
-            margin: 5px;
-            margin-left: 0px;
-            margin-right: 15px;
-            height: auto;
-            width: auto;
-            max-width: 120px;
-            max-height: 200px;
-            border: solid 1px @result-description-img-border-color;
-        }
-    }
-    &.ad {
-        .ad-label {
-            border: green solid 1px;
-            padding: 1px;
-            color: green;
-            border-radius: 4px;
-        }
-        .description {
-            max-width: 115ch;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-        }
-    }
-    .hoster {
-        font-size: 13px;
-        margin: 0;
-        color: @result-hoster-color;
-        margin-right: 10px;
-        white-space: nowrap;
-        a {
-            color: @result-hoster-a-color;
-        }
-    }
-    .options {
-        .option-opener-icon {
-            display: block;
-            font-size: 16px;
-            color: #2A2ADE;
-        }
-        .option-content {
-            background-color: white;
-            z-index: 1000;
-            position: absolute;
-            border: grey solid 1px;
-            color: black;
-            font-size: 16px;
-            border-radius: 5px;
-            hr {
-                margin: 5px;
-            }
-            li {
-                padding: 5px
-            }
-            li:not(.option-title):hover {
-                background-color: #e0e0e0;
-            }
-            a,
-            a:hover,
-            a:focus,
-            a:visited {
-                color: black;
-                display: block;
-            }
-        }
-    }
-    .proxy {
-        font-size: 13px;
-        margin-top: 0;
-        white-space: nowrap;
-        img {
-            margin-bottom: 0px;
-            margin-right: 2px
-        }
-    }
-    .partnershop-info {
-        font-size: 13px;
-        margin-top: 0;
-        margin-left: 10px;
-    }
-    .result-image>img {
-        height: 100px;
-        padding: 10px;
-    }
-    .image>img {
-        max-width: 100%;
-    }
-}
-
 .description-container {
     margin: 0!important;
 }
@@ -547,7 +266,8 @@ a {
     }
 }
 
-.disabled, .disabled * {
+.disabled,
+.disabled * {
     color: #aaa !important;
     cursor: not-allowed !important;
 }
@@ -574,47 +294,6 @@ a {
     }
 }
 
-.product {
-    text-align: center;
-    border: 1px dotted @product-border-color;
-    padding: 5px;
-    max-width: 150px;
-    height: 210px;
-    a {
-        color: @product-a-color;
-    }
-    img {
-        max-width: 100px;
-    }
-    .price {
-        position: relative;
-        top: 20px;
-        color: @product-price-color;
-        background-color: @product-price-background-color;
-        text-align: left;
-        width: 80px;
-        font-weight: bold;
-    }
-    .title {
-        font-size: 12px;
-        font-weight: bold;
-        text-align: left;
-        max-height: 31px;
-        overflow: hidden;
-        margin-bottom: 4px;
-    }
-    .shop {
-        font-size: 10px;
-        text-align: left;
-        color: @product-shop-color;
-        margin-bottom: 6px;
-    }
-    .shipping {
-        font-size: 10px;
-        text-align: left;
-    }
-}
-
 .lightslider {
     overflow: visible!important;
 }
@@ -640,14 +319,6 @@ a {
     }
 }
 
-.resultContainer {
-    margin: 0px;
-    padding: 20px 0px;
-    @media(max-width: @screen-xs-max) {
-        padding-right: 0px;
-    }
-}
-
 @keyframes quicktip-extender-turn {
     from {
         transform: rotate(0deg);
@@ -658,108 +329,39 @@ a {
 }
 
 
-/*
- * <div id="quicktips">
- *   <div class="quicktip" type="TYPE">
- *     <details>
- *       <summary>
- *         <h1><a href="URL">TITLE
- *         <p>SUMMARY
- *       <div class="quicktip-detail">
- *         <h1><a href="DETAILURL">DETAILTITLE
- *         <p>DETAILSUMMARY
- *     <span>GEFVON
- * </...>
- */
+/* New result style */
 
-#quicktips {
+.content-wrapper {
     display: flex;
     flex-direction: column;
-    details[open=""] .quicktip-extender {
-        animation-name: quicktip-extender-turn;
-        animation-fill-mode: forwards;
-    }
-    .quicktip {
-        margin: 10px 0px;
-        padding: 10px 0px 10px 10px;
-        border-left: 3px solid #fb0;
-        details:not([open=""]) {
-            .quicktip-summary p {
-                white-space: nowrap;
-                overflow: hidden;
-                text-overflow: ellipsis;
-            }
-        }
-        .quicktip-summary {
-            h1 {
-                margin: 0px 0px 5px 0px;
-                font-size: 18px;
-                font-weight: bold;
-                display: flex;
-                justify-content: space-between;
-                .quicktip-extender {
-                    margin-left: 10px;
-                    color: #777;
-                    font-size: 20px;
-                }
-            }
-            p {
-                font-size: 16px;
-            }
-        }
-        .quicktip-detail {
-            border-top: 1px solid #ddd;
-            border-bottom: 1px solid #ddd;
-            h2 {
-                margin: 10px 0px;
-                font-size: 17px;
-                font-weight: bold;
-            }
-            p {
-                display: none;
-                font-size: 15px;
-            }
-        }
-        .gefVon {
-            float: right;
-            font-size: 15px;
-        }
-        &[type=spruch] {
-            border-left: 3px solid #070;
-            p {
-                color: #070;
-                .author {
-                    color: #404040;
-                    font-style: italic;
-                }
-            }
-        }
-        &[type=spendenaufruf] {
-            border-left: #ddd;
-            color: #ff8000;
-            .quicktip-summary {
-                display: flex;
-                justify-content: space-between;
-                align-items: center;
-                h1 {
-                    margin: 0px;
-                }
-                p {
-                    margin: 5px;
-                    .spendenaufruf-btn {
-                        color: white;
-                        background-color: #ff8000;
-                        font-size: 16px;
-                    }
-                }
-            }
-        }
-        &[type=dictCC] {
-            .quicktip-summary {
-                p {
-                    font-weight: bold;
-                }
-            }
+}
+
+#header-logo a h1 {
+    margin: 0px;
+}
+
+@result-width: 700px;
+@quicktip-width: 500px;
+.resultpage-container {
+    width: @result-width + @quicktip-width;
+    align-self: center;
+    @media (max-width: (@result-width + @quicktip-width - 1px)) {
+        width: @result-width;
+        #quicktips {
+            display: none;
         }
     }
+    @media (max-width: @result-width) {
+        width: 100%;
+    }
+    display: flex;
+    justify-content: center;
+    #results {
+        max-width: @result-width;
+        width: 100%;
+    }
+    #quicktips {
+        padding-left: 50px;
+        width: @quicktip-width;
+    }
 }
\ No newline at end of file
diff --git a/resources/assets/less/metager/result.less b/resources/assets/less/metager/result.less
new file mode 100644
index 0000000000000000000000000000000000000000..33a367c37cc0a662ceccc4be0e7e16245808b561
--- /dev/null
+++ b/resources/assets/less/metager/result.less
@@ -0,0 +1,144 @@
+/* Ergebnis */
+
+.result {
+    margin-top: 30px;
+    margin-bottom: 30px;
+    padding-bottom: 30px;
+    width: 100%;
+    .result-title {
+        margin: 0px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        a,
+        a:active,
+        a:focus,
+        a:visited {
+            color: black;
+            font-size: 18px;
+            font-weight: bold;
+            text-decoration: none;
+        }
+    }
+    .result-header {
+        display: flex;
+        >*:not(:first-child) {
+            margin-left: 10px;
+        }
+        .result-link {
+            overflow: auto;
+            a {
+                white-space: nowrap;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                display: block;
+            }
+        }
+        .result-options {
+            .option-opener-icon {
+                display: block;
+                font-size: 16px;
+                color: #2A2ADE;
+            }
+            .option-content {
+                background-color: white;
+                z-index: 1000;
+                position: absolute;
+                border: grey solid 1px;
+                color: black;
+                font-size: 16px;
+                border-radius: 5px;
+                hr {
+                    margin: 5px;
+                }
+                li {
+                    padding: 5px
+                }
+                li:not(.option-title):hover {
+                    background-color: #e0e0e0;
+                }
+                a,
+                a:hover,
+                a:focus,
+                a:visited {
+                    color: black;
+                    display: block;
+                }
+            }
+        }
+        .result-hoster {
+            font-size: 13px;
+            color: @result-hoster-color;
+            white-space: nowrap;
+            a {
+                color: @result-hoster-a-color;
+            }
+        }
+        .partnershop-info {
+            font-size: 13px;
+            margin-top: 0;
+            margin-left: 10px;
+        }
+        .result-proxy {
+            font-size: 13px;
+            margin-top: 0;
+            white-space: nowrap;
+            img {
+                margin-bottom: 0px;
+                margin-right: 2px
+            }
+        }
+    }
+    .result-body {
+        .result-description {
+            margin-bottom: 3px;
+            color: @result-description-color;
+            font-size: 16px;
+            line-height: 1.3;
+            clear: both;
+            .date {
+                font-weight: bold;
+            }
+            p {
+                margin: 0;
+                margin-bottom: 4px;
+            }
+            img {
+                margin: 5px;
+                margin-left: 0px;
+                margin-right: 15px;
+                height: auto;
+                width: auto;
+                max-width: 120px;
+                max-height: 200px;
+                border: solid 1px @result-description-img-border-color;
+            }
+        }
+        .result-image>img {
+            height: 100px;
+            padding: 10px;
+            max-width: 100%;
+        }
+    }
+    &.ad .ad-label {
+        border: green solid 1px;
+        padding: 1px;
+        color: green;
+        border-radius: 4px;
+    }
+    .result-information {
+        border-radius: 5px;
+        padding-left: 0px;
+        &>.save {
+            position: absolute;
+            top: 0;
+            right: 10px;
+            cursor: pointer;
+        }
+    }
+    &>.remover {
+        cursor: pointer;
+        text-align: right;
+        color: #777;
+    }
+}
\ No newline at end of file
diff --git a/resources/assets/less/metager/searchbar.less b/resources/assets/less/metager/searchbar.less
index 0b7b38a64c9a957cbf18ecc93f51929847bc4172..7d26270aa966bb87b5d9b1f75caac931851c5ff7 100644
--- a/resources/assets/less/metager/searchbar.less
+++ b/resources/assets/less/metager/searchbar.less
@@ -1,11 +1,13 @@
+/* Suchleiste */
+
 .searchbar {
     display: flex;
     align-items: stretch;
+    justify-content: center;
     font-size: 16px;
     background-color: white;
-
+    color: #333;
     .search-focus-selector {
-        background-color: transparent;
         border-radius: 5px 0px 0px 5px;
         display: flex;
         align-items: center;
@@ -20,12 +22,27 @@
 
         select {
             width: 100%;
-            color: #777;
             -webkit-appearance: none;
             -moz-appearance: none;
             appearance: none;
             background-color: transparent;
-            padding-right: 35px;
+            padding: 0px 35px 0px 5px;
+            font-family: FontAwesome, sans-serif;
+            border: none;
+            &>option {
+                font-family: FontAwesome, sans-serif;
+            }
+        }
+        &:after {
+            content: "\f078";
+            font: 15px "FontAwesome", sans-serif; //text-align: center;
+            line-height: 30px;
+            background-color: transparent;
+            right: 8px;
+            top: 2px;
+            padding: 2px 2px 2px 5px;
+            position: absolute;
+            pointer-events: none;
         }
     }
 
@@ -96,6 +113,10 @@
     .search-input-submit {
         flex-grow: 1;
         display: flex;
+        max-width: 600px;
+        @media (max-width: @screen-xs-max) {
+            max-width: initial;
+        }
     }
     .search-input {
         flex-grow: 1;
@@ -127,15 +148,40 @@
     .search-custom-hidden {
         display: none;
     }
+    .searchbar-tooltip {
+        display: none;
+        position: absolute;
+        margin-top: 40px;
+        &>.searchbar-tooltip-arrow {
+            width: 0;
+            height: 0;
+            border-left: 5px solid transparent;
+            border-right: 5px solid transparent;
+            border-bottom: 5px solid #ff8000;
+            margin-left: 5%;
+        }
+        &>.searchbar-tooltip-content {
+            position: relative;
+            margin-left: -45%;
+            &>p {
+                display: inline-block;
+                background: #ff8000;
+                border-radius: .25em;
+                font-size: 16px;
+                color: white;
+                padding: 5px 10px;
+            }
+        }
+    }
     @media (max-width: @screen-xs-max) {
         flex-direction: column-reverse;
     }
 }
 
-
-.searchform-bonus {
-    li {
-        margin: 5px;
+div:hover>.searchbar-tooltip {
+    display: inline-block;
+    @media (max-width: @screen-xs-max) {
+        display: none;
     }
 }
 
@@ -162,8 +208,6 @@
             border: 1px solid #aaa;
             border-radius: 5px;
         }
-    }
-    @media (max-width: @screen-xs-max) {
         >* {
             border: 1px solid #aaa;
             border-radius: 5px;
@@ -179,10 +223,32 @@
 }
 
 .resultpage-searchbar {
-    margin: 5px 0px 0px 5px;
-    :first-child {
+    padding: 5px;
+     :first-child {
         border-left: none;
     }
+    @media (max-width: @screen-xs-max) {
+        .search-focus-selector {
+            border: 1px solid #aaa;
+            border-top: none;
+            border-radius: 5px;
+        }
+        .search-input-submit {
+            border: 1px solid #aaa;
+            border-radius: 5px;
+        }
+        >* {
+            border: 1px solid #aaa;
+            border-radius: 5px;
+            min-height: 40px;
+            &:not(:first-child) {
+                border-left: 1px solid #aaa;
+            }
+        }
+        *:not(.search-submit) {
+            width: 100%;
+        }
+    }
 }
 
 .searchbar-tooltip {
@@ -214,10 +280,14 @@
     }
 }
 
-div:hover>.searchbar-tooltip {
-    display: inline-block;
-    
+#research-bar {
+    padding: 10px 60px 0px 10px;
+    background-color: white;
+    border-bottom: 2px solid rgb(255, 128, 0);
+    display: flex;
+    justify-content: center;
     @media (max-width: @screen-xs-max) {
-        display: none;
+        flex-direction: column;
+        padding-right: 10px;
     }
 }
\ No newline at end of file
diff --git a/resources/assets/less/metager/settings.less b/resources/assets/less/metager/settings.less
index 6f57d539dbcc5c2b6816ab3a09dbab2909817cca..c4979db26e7cafb04a673803c3f7aa94b02d48a7 100644
--- a/resources/assets/less/metager/settings.less
+++ b/resources/assets/less/metager/settings.less
@@ -1,3 +1,5 @@
+/* Einstellungen */
+
 #settings-buttons {
     margin-top: 10px;
     display: flex;
@@ -11,8 +13,10 @@
 #settings-selectors {
     display: flex;
     flex-wrap: wrap;
+    align-items: end;
     >* {
-        margin: 10px;
+        padding: 10px;
+        width: 33%;
     }
 }
 
@@ -28,6 +32,11 @@
     #settings-buttons {
         width: 100%;
     }
+    #settings-buttons>* {
+        width: 100%;
+        margin: 10px 0px;
+        overflow: auto;
+    }
     #settings-selectors {
         justify-content: stretch;
         >* {
@@ -38,9 +47,4 @@
             justify-content: end;
         }
     }
-    #settings-buttons>* {
-        width: 100%;
-        margin: 10px 0px;
-        overflow: auto;
-    }
 }
\ No newline at end of file
diff --git a/resources/assets/less/metager/sidebar.less b/resources/assets/less/metager/sidebar.less
index 46ba9002ca297ca7861577873ac897f99a44d2b8..1fab8fd1df3b783f2138fa5322720610eb9523e0 100644
--- a/resources/assets/less/metager/sidebar.less
+++ b/resources/assets/less/metager/sidebar.less
@@ -1,9 +1,5 @@
-@metager-dropdown-toggle-hover-or-focus-color: fade(@static-pages-color-black, 15%);
-@metager-dropdown-menu-background-color: @static-pages-color-white;
-@metager-dropdown-menu-box-shadow-color: fade(@static-pages-color-black, 17.5%);
-@metager-dropdown-menu-li-a-color: @static-pages-color-almost-black;
-@metager-dropdown-menu-li-a-hover-color: @static-pages-color-strong-grey;
-@metager-dropdown-menu-li-a-hover-background-color: @static-pages-color-almost-white;
+/* Navigations-Seitenleiste */
+
 .sideBar {
     position: fixed;
     display: block;
@@ -17,6 +13,7 @@
     z-index: 999;
     background-color: white;
     transition: 0.5s;
+    border-left: none;
     &>label#closeSidebar {
         position: absolute;
         font-size: 36px;
@@ -138,6 +135,9 @@
             }
         }
     }
+    input#nav0:checked~& {
+        border-left: 1px solid LightGray;
+    }
 }
 
 input#sideBarToggle:checked {
@@ -148,11 +148,11 @@ input#sideBarToggle:checked {
 
 label#openSidebar {
     position: fixed;
-    top: 5px;
+    top: 15px;
     right: 20px;
     z-index: 998;
     font-size: 36px;
-    line-height: 36px;
+    line-height: 23px;
     border-radius: 5px;
     color: grey;
     background-color: white;
@@ -164,7 +164,7 @@ label#openSidebar {
     }
 }
 
-@media (max-width: 979px) {
+@media (max-width: @screen-xs-max) {
     .sideBar {
         right: -90%;
         width: 90%;
diff --git a/resources/assets/less/metager/specific.less b/resources/assets/less/metager/specific.less
new file mode 100644
index 0000000000000000000000000000000000000000..c0d76dd67fd302e1f9e9103e07c152abde14f94d
--- /dev/null
+++ b/resources/assets/less/metager/specific.less
@@ -0,0 +1,223 @@
+/* Rules for specific elements */
+
+ul.startpage {
+    list-style-type: none;
+}
+
+li#info {
+    white-space: pre-line;
+}
+
+div#top {
+    padding-right: 35px;
+}
+
+div#expand {
+    max-height: 0px;
+    overflow: hidden;
+    -webkit-transition: max-height 0.5s;
+    -moz-transition: max-height 0.5s;
+    -o-transition: max-height 0.5s;
+    transition: max-height 0.5s;
+}
+
+textarea#message {
+    height: 200px;
+}
+
+#plugin-modal ol>li {
+    margin-bottom: 5px;
+}
+
+.wikiqtextract {
+    font-family: Georgia, "Times New Roman", Palatino, Times, serif;
+}
+
+.language-textarea {
+    resize: none;
+    overflow: hidden;
+}
+
+.language-name {
+    white-space: pre;
+}
+
+.navbar-default {
+    background-color: @navbar-default-background-color;
+    border-radius: 0;
+}
+
+.row {
+    margin-left: 0;
+    margin-right: 0;
+}
+
+.form-group {
+    font-family: sans-serif;
+    font-size: 16px;
+    color: @form-group-color;
+    background-color: transparent;
+    text-align: center;
+}
+
+.kontakt-form-group {
+    text-align: left;
+    font-size: 14px;
+}
+
+.dotlist {
+    list-style-type: disc;
+    text-align: left;
+}
+
+.well-sm {
+    margin: 10px 0px;
+}
+
+.subheading {
+    font-size: 20px;
+    margin: 20px 0px;
+    white-space: pre-wrap;
+}
+
+.donation-form-group {
+    text-align: left;
+    font-size: 12px;
+}
+
+.beitritt-form-group {
+    text-align: left;
+}
+
+.fokus-category {
+    font-size: 20px;
+}
+
+.bitcoins {
+    text-align: center;
+    padding: 30px;
+}
+
+.checkbox {
+    margin-top: 5px;
+    margin-bottom: 5px;
+}
+
+.non-bold {
+    font-weight: normal;
+}
+
+.settings-checkbox .settings-icon {
+    margin-left: 5px;
+    font-size: 12px;
+}
+
+.wikiqtextract p {
+    margin-bottom: 0;
+}
+
+i.fa {
+    background-color: transparent;
+}
+
+a.content.hidden-xs {
+    color: @a-content-hidden-xs-color;
+}
+
+a.navbar-brand {
+    line-height: 100%!important;
+    padding: 0;
+    position: absolute;
+    z-index: 5;
+    left: 10px;
+}
+
+.dotlist li {
+    margin-bottom: 5px;
+}
+
+form.contact {
+    max-width: 500px;
+}
+
+label.select-label {
+    margin-bottom: 0;
+    margin-top: 10px;
+}
+
+.donation-form-group label {
+    font-weight: bold;
+}
+
+section {
+    padding: 10px;
+    box-shadow: 5px 5px 10px 0px @section-box-shadow-color;
+    -moz-box-shadow: 5px 5px 10px 0px @section-box-shadow-color;
+    -moz-box-shadow: 5px 5px 10px 0px @section-box-shadow-color;
+}
+
+address {
+    white-space: pre;
+}
+
+code {
+    white-space: pre-wrap;
+    overflow-wrap: break-word;
+    word-break: break-word;
+}
+
+input[name=eingabe] {
+    border-right: 0;
+    box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.075);
+}
+
+input#toggle {
+    display: none;
+    visibility: hidden;
+    &:checked {
+        &~#expand {
+            max-height: 900px;
+        }
+        ~label::after {
+            content: "â–²";
+        }
+    }
+}
+
+fieldset input[type=text] {
+    width: 100%;
+    padding-left: 10px;
+    padding-right: 10px;
+    border-width: 1px;
+    overflow: visible;
+}
+
+main {
+    ul li:not(.lslide) {
+        margin: 0 10px;
+    }
+    div#foki {
+        margin: 5px 0;
+        text-align: center;
+    }
+    fieldset {
+        border: 0;
+    }
+}
+
+.searchform-bonus {
+    list-style-type: none;
+    text-align: center;
+    margin-left: 0!important;
+    margin-top: 10px;
+}
+
+.panel-title {
+    font-weight: bold;
+}
+
+.signature {
+    border-top: 1px dashed black;
+    width: 50%;
+    margin-top: 16px;
+}
\ No newline at end of file
diff --git a/resources/assets/less/metager/start-page.less b/resources/assets/less/metager/start-page.less
index 321b93044024fb2c1a7733649cde7abad9ba2c71..d37b49ddd71b1582105aabe1edde827a34207514 100644
--- a/resources/assets/less/metager/start-page.less
+++ b/resources/assets/less/metager/start-page.less
@@ -1,3 +1,5 @@
+/* Startseite */
+
 @search-bar-width: 1000px;
 .mg-panel {
     @media(max-width: @search-bar-width) {
@@ -8,6 +10,10 @@
     }
 }
 
+#mglogo {
+    margin: 0px 0px 30px 0px;
+}
+
 .settings-modal-buttons {
     padding: 5px;
     button {
@@ -71,17 +77,34 @@
     color: @link-color;
 }
 
-#anpassen-label a {
-    color: @anpassen-label-color;
-}
-
-#addFocusBtnDiv {
-    margin-left: 10px;
+#sponsors {
+    a {
+        font-size: 0.8em;
+    }
+    h2 {
+        font-size: 1.5em;
+    }
 }
 
-#settingsBtnDiv {
-    margin-left: 10px;
-    &>* {
-        vertical-align: middle;
+#more-information {
+    box-shadow: none;
+    margin-top: 5%;
+    text-align: center;
+    -moz-box-shadow: none;
+    ul {
+        padding: 0;
+    }
+    ul li {
+        color: @more-information-ul-li-color;
+    }
+    &>div {
+        font-size: 15px;
+    }
+    h2 {
+        color: @more-information-h2-color;
+        font-size: 25px;
+    }
+    a:hover {
+        text-decoration: underline;
     }
 }
\ No newline at end of file
diff --git a/resources/assets/less/metager/static-pages.less b/resources/assets/less/metager/static-pages.less
deleted file mode 100644
index 0a86cd2e37c9562f93c723e6ee4dccee2954c28e..0000000000000000000000000000000000000000
--- a/resources/assets/less/metager/static-pages.less
+++ /dev/null
@@ -1,567 +0,0 @@
-@quicktip-background-color: @static-pages-color-white;
-@spruch-color: @static-pages-spruch-color;
-@spruch-border-left-color: @spruch-color;
-@spruch-author-color: @static-pages-color-grey;
-@metager-navbar-toggle-color: @static-pages-color-grey;
-@metager-navbar-toggle-background-color: @static-pages-color-white;
-@metager-navbar-toggle-border-color: @static-pages-color-almost-white;
-@metager-navbar-toggle-visited-color: @static-pages-color-grey;
-@metager-navbar-toggle-hover-background-color: @static-pages-color-almost-white;
-@toggle-nav-hide-or-metager-navbar-toggle-background-color: rgb(255,128,0);
-@more-information-ul-li-color: @static-pages-color-grey;
-@more-information-h2-color: @static-pages-color-grey;
-@div-right-background-color: @static-pages-color-almost-white;
-@div-right-p-border-bottom-color: @static-pages-color-black;
-@quicktip-color: @static-pages-color-black;
-@quicktip-border-left-color: @static-pages-quicktip-aufruf-color;
-@quicktip-aufruf-color: @static-pages-quicktip-aufruf-background;
-@quicktip-aufruf-border-left-color: @quicktip-aufruf-color;
-@navbar-default-background-color: @static-pages-color-white;
-@mg-panel-background-color: @static-pages-color-white;
-@form-group-color: @static-pages-color-black;
-@metager-searchinput-color: @static-pages-color-strong-grey;
-@metager-searchinput-background-color: @static-pages-color-white;
-@metager-searchinput-border-color: @static-pages-color-almost-white;
-@metager-searchbutton-color: @static-pages-color-strong-grey;
-@metager-searchbutton-background-color: @static-pages-color-almost-white;
-@metager-searchbutton-border-color: @static-pages-color-almost-white;
-@modal-content-box-shadow-color: fade(@static-pages-color-black, 30%);
-@a-content-hidden-xs-color: @static-pages-color-almost-black;
-@section-box-shadow-color: fade(@static-pages-color-black, 55%);
-* {
-    font-family: Liberation Sans, sans-serif;
-}
-
-body {
-    margin: 0;
-    &>div {
-        padding-top: 50px;
-    }
-    &.quicktips {
-        background-color: @quicktip-background-color;
-    }
-}
-
-ul.startpage {
-    list-style-type: none;
-}
-
-nav {
-    h1 {
-        margin: 0;
-        height: 100%;
-        padding-left: 20px;
-        padding-top: 8px;
-        font-family: sans-serif;
-        font-style: italic;
-        margin: 0;
-        font-weight: bold;
-        line-height: 1;
-        white-space: nowrap;
-    }
-    .navbar-brand>div.logo {
-        height: 100%;
-    }
-}
-
-#mglogo {
-    color: rgb(255, 128, 0);
-    text-shadow: 2px 2px 10px rgba(150, 150, 150, 1);
-    text-align: center;
-}
-
-#spruch {
-    margin-bottom: 20px;
-    padding: 5px;
-    line-height: 1.2;
-    color: @spruch-color;
-    border-left: 3px solid @spruch-border-left-color;
-    font-size: 16px;
-    font-family: Georgia, "Times New Roman", Palatino, Times, serif;
-    .author {
-        font-size: 14px;
-        color: @spruch-author-color;
-    }
-}
-
-.metager-navbar-toggle {
-    color: @metager-navbar-toggle-color;
-    background-color: @metager-navbar-toggle-background-color;
-    padding: 5px 10px;
-    margin: 5px 8px 5px 0;
-    border-radius: 7px;
-    border: 1px solid @metager-navbar-toggle-border-color;
-    display: block;
-    width: 36px;
-    height: 30px;
-    &:visited {
-        color: @metager-navbar-toggle-visited-color;
-    }
-}
-
-#toggle-nav-hide .metager-navbar-toggle {
-    background-color: @toggle-nav-hide-or-metager-navbar-toggle-background-color;
-}
-
-#color-chooser {
-    padding: 0;
-    a {
-        display: block;
-        width: 50px;
-        height: 50px;
-    }
-    li {
-        width: 50px;
-        margin: 0;
-    }
-    #standard {
-        background-color: rgb(255, 194, 107);
-    }
-    #standardHard {
-        background-color: rgb(255, 128, 0);
-    }
-    #green {
-        background-color: rgb(177, 226, 163);
-    }
-    #greenHard {
-        background-color: rgb(127, 175, 27);
-    }
-    #blue {
-        background-color: rgb(164, 192, 230);
-    }
-    #blueHard {
-        background-color: rgb(2, 93, 140);
-    }
-    #red {
-        background-color: rgb(255, 92, 92);
-    }
-    #redHard {
-        background-color: rgb(255, 0, 0);
-    }
-    #pink {
-        background-color: rgb(255, 196, 246);
-    }
-    #pinkHard {
-        background-color: rgb(254, 67, 101);
-    }
-    #black {
-        background-color: rgb(238, 238, 238);
-    }
-    #blackHard {
-        background-color: rgb(50, 50, 50);
-    }
-}
-
-#mglogo>a {
-    display: block;
-    text-decoration: none;
-    font-size: 1.1em;
-    font-family: Liberation Sans, sans-serif;
-    font-weight: bold;
-    font-style: italic;
-    font-size: 1.0em;
-    line-height: 1;
-    white-space: nowrap;
-    padding: 0.4em 0;
-    border-radius: .25em;
-    margin: 0 auto;
-}
-
-#sponsors {
-    a {
-        font-size: 0.8em;
-    }
-    h2 {
-        font-size: 1.5em;
-    }
-}
-
-#moreInformation {
-    box-shadow: none;
-    margin-top: 5%;
-    text-align: center;
-    -moz-box-shadow: none;
-    ul {
-        padding: 0;
-    }
-    ul li {
-        color: @more-information-ul-li-color;
-    }
-    &>div {
-        font-size: 15px;
-    }
-    h2 {
-        color: @more-information-h2-color;
-        font-size: 25px;
-    }
-    a:hover {
-        text-decoration: underline;
-    }
-}
-
-li#info {
-    white-space: pre-line;
-}
-
-main div#foki {
-    margin: 5px 0;
-    text-align: center;
-}
-
-div#top {
-    padding-right: 35px;
-}
-
-div#bottom {
-    background-color: @div-right-background-color;
-    width: 100%;
-    margin-right: auto;
-    border-radius: 5px;
-    padding: 20px;
-    padding-top: 5px;
-    p {
-        white-space: normal;
-        border-bottom: 1px solid @div-right-p-border-bottom-color;
-        margin-bottom: 15px;
-        padding-bottom: 15px;
-    }
-}
-
-div#bottom label {
-    display: block;
-    vertical-align: middle;
-    text-align: center;
-    font-size: 18px;
-    color: #666;
-}
-
-div#bottom label:hover {
-    color: #000;
-}
-
-div#bottom label::after {
-    font-size: 18px;
-    content: "â–¼";
-    width: 20px;
-    height: 20px;
-    margin-left: 3px;
-}
-
-div#expand {
-    max-height: 0px;
-    overflow: hidden;
-    -webkit-transition: max-height 0.5s;
-    -moz-transition: max-height 0.5s;
-    -o-transition: max-height 0.5s;
-    transition: max-height 0.5s;
-}
-
-input#toggle:checked~#expand {
-    max-height: 900px;
-}
-
-input#toggle {
-    display: none;
-    visibility: hidden;
-}
-
-input#toggle:checked~label::after {
-    content: "â–²";
-}
-
-textarea#message {
-    height: 200px;
-}
-
-#anpassen-label a.content {
-    color: inherit;
-}
-
-#plugin-modal ol>li {
-    margin-bottom: 5px;
-}
-
-.wikiqtextract {
-    font-family: Georgia, "Times New Roman", Palatino, Times, serif;
-}
-
-.qtheader {
-    font-family: verdana, arial, helvetica, sans-serif;
-}
-
-.author {
-    float: right !important;
-}
-
-.language-textarea {
-    resize: none;
-    overflow: hidden;
-}
-
-.language-name {
-    white-space: pre;
-}
-
-.navbar-default {
-    background-color: @navbar-default-background-color;
-    border-radius: 0;
-}
-
-.row {
-    margin-left: 0;
-    margin-right: 0;
-}
-
-select[name=focus] {
-    font-family: FontAwesome, sans-serif;
-    padding: 0.5em;
-    border: 0;
-    border-radius: 0;
-}
-
-select[name=focus]>option {
-    font-family: FontAwesome, sans-serif;
-}
-
-.input-group-addon {
-    padding: 0;
-}
-
-.form-group {
-    font-family: sans-serif;
-    font-size: 16px;
-    color: @form-group-color;
-    background-color: transparent;
-    text-align: center;
-}
-
-.kontakt-form-group {
-    text-align: left;
-    font-size: 14px;
-}
-
-.metager-searchinput {
-    height: 30px;
-    padding: 6px 12px;
-    font-size: 14px;
-    line-height: 1.42857;
-    color: @metager-searchinput-color;
-    background-color: @metager-searchinput-background-color;
-    background-image: none;
-    border: 1px solid @metager-searchinput-border-color;
-    border-right: 0px none;
-    border-radius: 4px;
-    border-top-right-radius: 0px;
-    border-bottom-right-radius: 0px;
-    margin: 0px;
-}
-
-.metager-searchbutton {
-    height: 30px;
-    width: 100px;
-    border-left: 0px none;
-    border-top-right-radius: 4px;
-    border-bottom-right-radius: 4px;
-    border-top-left-radius: 0px;
-    border-bottom-left-radius: 0px;
-    color: @metager-searchbutton-color;
-    background-color: @metager-searchbutton-background-color;
-    border: 1px solid @metager-searchbutton-border-color;
-    padding: 6px 12px;
-    margin: 0px;
-    font-size: 14px;
-    font-weight: normal;
-    line-height: 1;
-    white-space: nowrap;
-    text-align: center;
-}
-
-.metager-logo {
-    height: 30px;
-    float: left;
-    top: -2px;
-    margin-right: 3px;
-}
-
-.mutelink {
-    color: inherit;
-    &:visited {
-        color: inherit;
-    }
-}
-
-.dotlist {
-    list-style-type: disc;
-    text-align: left;
-}
-
-.well-sm {
-    margin: 10px 0px;
-}
-
-.subheading {
-    font-size: 20px;
-    margin: 20px 0px;
-    white-space: pre-wrap;
-}
-
-.donation-form-group {
-    text-align: left;
-    font-size: 12px;
-}
-
-.beitritt-form-group {
-    text-align: left;
-}
-
-.beitritt-input {}
-
-.modal-content {
-    border-radius: 0;
-    -webkit-box-shadow: 1px 1px 3px 1px @modal-content-box-shadow-color;
-    -moz-box-shadow: 1px 1px 3px 1px @modal-content-box-shadow-color;
-    box-shadow: 1px 1px 3px 1px @modal-content-box-shadow-color;
-}
-
-.bold {
-    font-weight: bold;
-}
-
-.fokus-category {
-    font-size: 20px;
-}
-
-.bitcoins {
-    text-align: center;
-    padding: 30px;
-}
-
-.checkbox {
-    margin-top: 5px;
-    margin-bottom: 5px;
-}
-
-.non-bold {
-    font-weight: normal;
-}
-
-.settings-checkbox .settings-icon {
-    margin-left: 5px;
-    font-size: 12px;
-}
-
-.wikiqtextract p {
-    margin-bottom: 0;
-}
-
-i.fa {
-    background-color: transparent;
-}
-
-a.content.hidden-xs {
-    color: @a-content-hidden-xs-color;
-}
-
-a.navbar-brand {
-    line-height: 100%!important;
-    padding: 0;
-    position: absolute;
-    z-index: 5;
-    left: 10px;
-}
-
-.logo {
-    height: 30px!important;
-    &>h1 {
-        font-size: 30px;
-    }
-}
-
-.dotlist li {
-    margin-bottom: 5px;
-}
-
-form.contact {
-    max-width: 500px;
-}
-
-label.select-label {
-    margin-bottom: 0;
-    margin-top: 10px;
-}
-
-@media print {
-    .noprint {
-        display: none!important;
-    }
-    .beitritt-formular-info * {
-        font-size: 7pt !important;
-    }
-}
-
-.donation-form-group label {
-    font-weight: bold;
-}
-
-section {
-    padding: 10px;
-    box-shadow: 5px 5px 10px 0px @section-box-shadow-color;
-    -moz-box-shadow: 5px 5px 10px 0px @section-box-shadow-color;
-    -moz-box-shadow: 5px 5px 10px 0px @section-box-shadow-color;
-}
-
-address {
-    white-space: pre;
-}
-
-code {
-    white-space: pre-wrap;
-    overflow-wrap: break-word;
-    word-break: break-word;
-}
-
-label a {
-    color: inherit;
-    &:hover {
-        text-decoration: none;
-        color: inherit;
-    }
-}
-
-input[name=eingabe] {
-    border-right: 0;
-    box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.075);
-}
-
-main ul li:not(.lslide) {
-    margin: 0 10px;
-}
-
-.searchform-bonus {
-    list-style-type: none;
-    text-align: center;
-    margin-left: 0!important;
-    margin-top: 10px;
-}
-
-fieldset input[type=text] {
-    width: 100%;
-    padding-left: 10px;
-    padding-right: 10px;
-    border-width: 1px;
-    overflow: visible;
-}
-
-main fieldset {
-    border: 0;
-}
-
-.panel-title {
-    font-weight: bold;
-}
-
-.signature {
-    border-top: 1px dashed black;
-    width: 50%;
-    margin-top: 16px;
-}
\ No newline at end of file
diff --git a/resources/assets/less/metager/variables.less b/resources/assets/less/metager/variables.less
index 3cec9f7edac4b504fbddd5a9b9206551b57f447a..503a4b18c6747de41f14e377ce6a7def2a8bb09f 100644
--- a/resources/assets/less/metager/variables.less
+++ b/resources/assets/less/metager/variables.less
@@ -8,6 +8,20 @@
 @color-black: black;
 //
 @background-color: rgba(2, 93, 140, 3%);
+//
+@brand-success: #5cb85c;
+@brand-info: #FB0;
+@brand-warning: #f0ad4e;
+@brand-danger: #d9534f;
+@body-bg: rgb(250, 250, 250);
+@input-border-focus: rgb(255, 128, 0);
+@font-family-sans-serif: "Liberation Sans",
+"Helvetica Neue",
+Helvetica,
+Arial,
+sans-serif;
+// Global textual link color.
+@link-color: #2A2ADE;
 // static-pages.less
 @static-pages-color-white: @color-white;
 @static-pages-color-almost-white: @color-almost-white;
@@ -36,7 +50,6 @@
 // start-page.less
 @focus-hover-focus-edit-background-color: #e3e3e3;
 @focus-radio-checked-focus-label-focus-edit-background-color: #e3e3e3;
-@anpassen-label-color: #333;
 @foki-edge-rounding: 7px;
 // settings.less
 @settings-abort-btn-color: white;
@@ -47,13 +60,88 @@
 @base-aufruf-winter-btn-color: white;
 @base-aufruf-winter-btn-hover-background-color: #bd0d0d;
 @base-new-feature-badge-background-color: #f80;
-// Bootstrap Ersatz
-/*
-@screen-sm-min: 768px;
-@screen-md-min: 992px;
-@screen-lg-min: 1200px;
-@screen-xs-max: (@screen-sm-min - 1);
-@screen-sm-max: (@screen-md-min - 1);
-@screen-md-max: (@screen-lg-min - 1);
-@grid-gutter-width: 30px;
-*/
\ No newline at end of file
+
+/* Unsorted */
+
+@quicktip-background-color: @static-pages-color-white;
+@spruch-color: @static-pages-spruch-color;
+@spruch-border-left-color: @spruch-color;
+@spruch-author-color: @static-pages-color-grey;
+@metager-navbar-toggle-color: @static-pages-color-grey;
+@metager-navbar-toggle-background-color: @static-pages-color-white;
+@metager-navbar-toggle-border-color: @static-pages-color-almost-white;
+@metager-navbar-toggle-visited-color: @static-pages-color-grey;
+@metager-navbar-toggle-hover-background-color: @static-pages-color-almost-white;
+@toggle-nav-hide-or-metager-navbar-toggle-background-color: rgb(255, 128, 0);
+@more-information-ul-li-color: @static-pages-color-grey;
+@more-information-h2-color: @static-pages-color-grey;
+@div-right-background-color: @static-pages-color-almost-white;
+@div-right-p-border-bottom-color: @static-pages-color-black;
+@quicktip-color: @static-pages-color-black;
+@quicktip-border-left-color: @static-pages-quicktip-aufruf-color;
+@quicktip-aufruf-color: @static-pages-quicktip-aufruf-background;
+@quicktip-aufruf-border-left-color: @quicktip-aufruf-color;
+@navbar-default-background-color: @static-pages-color-white;
+@mg-panel-background-color: @static-pages-color-white;
+@form-group-color: @static-pages-color-black;
+@metager-searchinput-color: @static-pages-color-strong-grey;
+@metager-searchinput-background-color: @static-pages-color-white;
+@metager-searchinput-border-color: @static-pages-color-almost-white;
+@metager-searchbutton-color: @static-pages-color-strong-grey;
+@metager-searchbutton-background-color: @static-pages-color-almost-white;
+@metager-searchbutton-border-color: @static-pages-color-almost-white;
+@modal-content-box-shadow-color: fade(@static-pages-color-black, 30%);
+@a-content-hidden-xs-color: @static-pages-color-almost-black;
+@section-box-shadow-color: fade(@static-pages-color-black, 55%);
+//
+@body-background-color: @base-body-backround-color;
+@aufruf-winter-a-normal-or-visited: @base-aufruf-winter-color;
+@aufruf-winter-aufruf-action-btn-color: @base-aufruf-winter-btn-color!important;
+@aufruf-winter-aufruf-action-btn-background-color: @base-aufruf-winter-color!important;
+@aufruf-winter-aufruf-action-btn-border-color: @base-aufruf-winter-border-color;
+@aufruf-winter-aufruf-action-btn-hover-background-color: @base-aufruf-winter-btn-hover-background-color !important;
+@aufruf-winter-aufruf-action-btn-hover-border-color: @base-aufruf-winter-border-color;
+@aufruf-winter-quicktip-border-color: @base-aufruf-winter-color!important;
+@new-feature-badge-background-color: @base-new-feature-badge-background-color;
+//
+@body-background-color: @result-page-body-background-color;
+@hostlabel-a-link-or-visited-color: @result-page-color-white;
+@hostlabel-background-color: @result-page-color-strong-grey;
+@navbar-resultpage-background-color: @result-page-color-white;
+@navbar-resultpage-ul-li-a-not-metager-navbar-toggle-color: @result-page-color-grey;
+@navbar-resultpage-ul-li-a-metager-dropdown-toggle-hover-or-focus-background-color: @result-page-color-almost-white;
+@research-a-color: @result-page-color-black;
+@content-wrapper-background-color: @result-page-color-white;
+@a-visited-color: @result-page-a-visited-color;
+@a-hover-color: @result-page-a-hover-color;
+@a-donation-normal-or-visited-color: inherit;
+@a-donation-hover-color: @result-page-a-hover-color;
+@resultpage-foki-or-foki-background-color: @result-page-color-white;
+@resultpage-foki-or-foki-li-a-color: @result-page-color-grey;
+@resultpage-foki-or-foki-li-active-a-color: @result-page-color-black;
+@resultpage-foki-or-foki-li-active-a-background-color: @result-page-color-white;
+@spruch-author-color: @result-page-color-strong-grey;
+@result-title-color: @result-page-color-black;
+@result-link-options-color: @result-page-color-strong-grey;
+@result-link-options-a-color: @result-page-color-strong-grey;
+@result-description-color: @result-page-color-black;
+@result-description-img-border-color: @result-page-color-almost-white;
+@result-hoster-color: @result-page-color-grey;
+@result-hoster-a-color: @result-page-color-strong-grey;
+@options-list-li-hover-background-color: @result-page-color-almost-white;
+@options-list-li-a-color: @result-page-color-strong-grey;
+@image-item-img-box-shadow-color: fade(@result-page-color-black, 30%);
+@searchplugin-a-color: @result-page-color-white;
+@product-border-color: @result-page-color-almost-white;
+@product-a-color: @result-page-color-strong-grey;
+@product-price-color: @result-page-color-strong-grey;
+@product-price-background-color: fade(@result-page-color-white, 90%);
+@product-shop-color: @result-page-product-shop-color;
+@lsprev-or-lsnext-i-background-color: @result-page-color-black;
+//
+@metager-dropdown-toggle-hover-or-focus-color: fade(@static-pages-color-black, 15%);
+@metager-dropdown-menu-background-color: @static-pages-color-white;
+@metager-dropdown-menu-box-shadow-color: fade(@static-pages-color-black, 17.5%);
+@metager-dropdown-menu-li-a-color: @static-pages-color-almost-black;
+@metager-dropdown-menu-li-a-hover-color: @static-pages-color-strong-grey;
+@metager-dropdown-menu-li-a-hover-background-color: @static-pages-color-almost-white;
\ No newline at end of file
diff --git a/resources/assets/less/variables-default.less b/resources/assets/less/variables-default.less
deleted file mode 100644
index d7466d4fd4387c26a58af1d96a94e295b595919b..0000000000000000000000000000000000000000
--- a/resources/assets/less/variables-default.less
+++ /dev/null
@@ -1,29 +0,0 @@
-//@brand-primary: rgb(255, 128, 0);
-@brand-success: #5cb85c;
-@brand-info: #FB0;
-@brand-warning: #f0ad4e;
-@brand-danger: #d9534f;
-@body-bg: rgb(250, 250, 250);
-@input-border-focus: rgb(255, 128, 0);
-@font-family-sans-serif: "Liberation Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
-
-//** Global textual link color.
-@link-color:           #2A2ADE;
-//@link-color:            rgb(255, 128, 0);
-//** Link hover color set via `darken()` function.
-@link-hover-color:      darken(@link-color, 15%);
-//** Link hover decoration.
-@link-hover-decoration: underline;
-
-
-@font-size-base:          14px;
-
-
-@screen-md:                  992px;
-@container-desktop:            (920px + @grid-gutter-width);
-
-@screen-lg:                  1440px;
-@container-large-desktop:      (1370px + @grid-gutter-width);
-
-//** Point at which the navbar becomes uncollapsed.
-@grid-float-breakpoint:     865px;
\ No newline at end of file
diff --git a/resources/lang/de/ad.php b/resources/lang/de/ad.php
index 45514ae2502449a84d518587086920fe53d175df..41637b613951b1f207d148045b0490afb9b51832 100644
--- a/resources/lang/de/ad.php
+++ b/resources/lang/de/ad.php
@@ -2,5 +2,5 @@
 
 return [
     'werbung' => 'Werbung',
-    'von' => 'Werbung von',
+    'von' => 'von',
 ];
diff --git a/resources/views/index.blade.php b/resources/views/index.blade.php
index 3eaa61b5379ac71470ee47525925f9ddbacaffbb..a1b3e0ed4d45dda736ddadff7e11496a4f7d59f5 100644
--- a/resources/views/index.blade.php
+++ b/resources/views/index.blade.php
@@ -7,26 +7,12 @@
 	@include('modals.plugin-modal')
 	<h1 id="mglogo"><a class="hidden-xs" href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/") }}">MetaGer</a></h1>
 	@include('parts.searchbar', ['class' => 'startpage-searchbar'])
-	<ul class="list-inline searchform-bonus hidden">
-		<li id="plug"
-		@unless ($browser === 'Firefox' || $browser === 'Mozilla' || $browser === 'Chrome' || $browser === 'Opera' || $browser === 'IE' || $browser === 'Edge' || $browser === 'Safari' || $browser === 'Vivaldi')
-			class="hidden"
-		@endunless>
-		<a href="#" data-toggle="modal" data-target="#plugin-modal" class="btn btn-default mutelink" title="{{ trans('index.plugintitle') }}"><i class="fa fa-plug" aria-hidden="true"></i> {{ trans('index.plugin') }}</a></li>
-		@if (LaravelLocalization::getCurrentLocale() == "de")
-		<li>
-			<a href="https://suma-ev.de/presse/Werbefreie-Suche-mit-MetaGer.html" target="_blank" class="btn btn-default mutelink">
-				Werbefreie Suche mit MetaGer
-			</a>
-		</li>
-		@endif
-	</ul>
 	<script type="text/javascript" src="{{ elixir('js/scriptStartPage.js') }}"></script>
 	<script type="text/javascript" src="{{ elixir('js/searchbar.js') }}"></script>
 @endsection
 
 @section('optionalContent')
-	<section id="moreInformation" class="hidden-xs hidden">
+	<section id="more-information" class="hidden-xs hidden">
 		<h1 class="hidden">{{ trans('index.sponsors.head.1') }}</h1>
 		<div class="row">
 			<div id="sponsors" class="col-sm-6">
diff --git a/resources/views/index_old.blade.php b/resources/views/index_old.blade.php
deleted file mode 100644
index 5e24514c5b3ba7c2a018a4db57cd621a0a8490ea..0000000000000000000000000000000000000000
--- a/resources/views/index_old.blade.php
+++ /dev/null
@@ -1,348 +0,0 @@
-@extends('layouts.indexPage')
-
-@section('title', $title )
-
-@section('content')
-	<div class="modal fade" id="plugin-modal" tab-index="-1" role="dialog">
-		<div class="modal-dialog ">
-			<div class="content modal-content">
-				<div class="modal-header">
-					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
-						<span aria-hidden="true">&times;</span>
-					</button>
-					<h4>
-						@if ($browser === 'Firefox' || $browser === 'Mozilla')
-							{{ trans('index.plugin.head.1') }}
-						@elseif ($browser === 'Chrome')
-							{{ trans('index.plugin.head.2') }}
-						@elseif ($browser === 'Opera')
-							{{ trans('index.plugin.head.3') }}
-						@elseif ($browser === 'IE')
-							{{ trans('index.plugin.head.4') }}
-						@elseif ($browser === 'Edge')
-							{{ trans('index.plugin.head.5') }}
-						@elseif ($browser === 'Safari')
-							{{ trans('index.plugin.head.6') }}
-						@elseif ($browser === 'Vivaldi')
-							{{ trans('index.plugin.head.6') }}
-						@else
-							$(".seperator").addClass("hidden");
-						@endif
-					</h4>
-					<p class="text-muted">{{ trans('index.plugin.head.info') }}</p>
-				</div>
-				<div class="modal-body">
-					@if ($browser === 'Firefox' || $browser === 'Mozilla')
-						<ol>
-							<li>{{ trans('index.plugin.firefox.1') }}<img src="/img/Firefox.png" width="100%" /></li>
-							<li>{{ trans('index.plugin.firefox.2') }}<img src="/img/Firefox_Standard.png" width="100%" /></li>
-						</ol>
-						<hr />
-						<h4>{!! trans('index.plugin.firefox.3', ['browser' => $browser]) !!}</h4>
-						<ol>
-							<li>{!! trans('index.plugin.firefox.4') !!}</li>
-							<li>{!! trans('index.plugin.firefox.5') !!}</li>
-						</ol>
-					@elseif ($browser === 'Chrome')
-						<ol>
-							<li>{!! trans('index.plugin.chrome.1') !!}</li>
-							<li>{!! trans('index.plugin.chrome.2') !!}</li>
-							<li>{{ trans('index.plugin.chrome.3') }}</li>
-						</ol>
-						<hr />
-						<h4>{!! trans('index.plugin.chrome.4', ['browser' => $browser]) !!}</h4>
-						<ol>
-							<li>{!! trans('index.plugin.chrome.5') !!}</li>
-							<li>{!! trans('index.plugin.chrome.6') !!}</li>
-							<li>{!! trans('index.plugin.chrome.7') !!}</li>
-							<li>{!! trans('index.plugin.chrome.8') !!}</li>
-						</ol>
-					@elseif ($browser === 'Opera')
-						<ol>
-							<li>{!! trans('index.plugin.opera.1') !!}</li>
-							<li>{!! trans('index.plugin.opera.2') !!}</li>
-							<li>{!! trans('index.plugin.opera.3') !!}</li>
-							<li>{!! trans('index.plugin.opera.4') !!}</li>
-							<li><small>{!! trans('index.plugin.opera.5') !!}</small>
-						</ol>
-						<hr />
-						<h4>{!! trans('index.plugin.opera.6', ['browser' => $browser]) !!}</h4>
-						<ol>
-							<li>{!! trans('index.plugin.opera.7') !!}</li>
-							<li>{!! trans('index.plugin.opera.8') !!}</li>
-							<li>{!! trans('index.plugin.opera.9') !!}</li>
-							<li>{!! trans('index.plugin.opera.10') !!}</li>
-						</ol>
-					@elseif ($browser === 'IE')
-						<ol>
-							<li>{!! trans('index.plugin.IE.1') !!}</li>
-							<li>{!! trans('index.plugin.IE.4') !!} (<i class="fa fa-cog" aria-hidden="true"></i>)</li>
-							<li>{!! trans('index.plugin.IE.5') !!}</li>
-							<li>{!! trans('index.plugin.IE.6') !!}</li>
-							<li>{!! trans('index.plugin.IE.7') !!}</li>
-						</ol>
-						<hr />
-						<h4>{!! trans('index.plugin.IE.8', ['browser' => $browser]) !!}</h4>
-						<ol>
-							<li>{!! trans('index.plugin.IE.9') !!}</li>
-							<li>{!! trans('index.plugin.IE.10') !!}</li>
-							<li>{!! trans('index.plugin.IE.11') !!}</li>
-						</ol>
-					@elseif ($browser === 'Edge')
-						<ol>
-							<li>{!! trans('index.plugin.edge.1') !!}<i class="fa fa-ellipsis-h" aria-hidden="true"></i>{!! trans('index.plugin.edge.2') !!}</li>
-							<li>{!! trans('index.plugin.edge.3') !!}</li>
-							<li>{!! trans('index.plugin.edge.4') !!}</li>
-							<li>{!! trans('index.plugin.edge.5') !!}</li>
-						</ol>
-						<hr />
-						<h4>{!! trans('index.plugin.edge.6', ['browser' => $browser]) !!}</h4>
-						<ol>
-							<li>{!! trans('index.plugin.edge.7') !!}</li>
-							<li>{!! trans('index.plugin.edge.8') !!}</li>
-							<li>{!! trans('index.plugin.edge.9') !!}</li>
-							<li>{!! trans('index.plugin.edge.10') !!}</li>
-							<li>{!! trans('index.plugin.edge.11') !!}</li>
-						</ol>
-					@elseif ($browser === 'Safari')
-						<ol>
-							<li>{!! trans('index.plugin.safari.1') !!}</li>
-							<li>{!! trans('index.plugin.safari.2') !!}</li>
-							<li>{!! trans('index.plugin.safari.3') !!}</li>
-							<li>{!! trans('index.plugin.safari.4') !!}</li>
-						</ol>
-					@elseif ($browser === 'Vivaldi')
-						<ol>
-							<li>{!! trans('index.plugin.vivaldi.1') !!}</li>
-							<li>{!! trans('index.plugin.vivaldi.2') !!}</li>
-							<li>{!! trans('index.plugin.vivaldi.3') !!}</li>
-							<li>{!! trans('index.plugin.vivaldi.4') !!}</li>
-							<li>{!! trans('index.plugin.vivaldi.5') !!}</li>
-							<li>{!! trans('index.plugin.vivaldi.6') !!}</li>
-							<li>{!! trans('index.plugin.vivaldi.7') !!}</li>
-						</ol>
-						<hr />
-						<h4>{!! trans('index.plugin.vivaldi.8', ['browser' => $browser]) !!}</h4>
-						<ol>
-							<li>{!! trans('index.plugin.vivaldi.9') !!}</li>
-							<li>{!! trans('index.plugin.vivaldi.10') !!}</li>
-						</ol>
-					@endif
-					<hr>
-					<p>@lang('index.plugin.faq.1')<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/faq#mg-plugin") }}">@lang('index.plugin.faq.2')</a></p>
-				</div>
-			</div>
-		</div>
-	</div>
-	<div id="create-focus-modal" class="modal fade" tab-index="-1" role="dialog">
-		<div class="modal-dialog modal-lg">
-			<div class="content modal-content">
-				<div class="modal-header">
-					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
-						<span aria-hidden="true">&times;</span>
-					</button>
-					<h4>
-						@lang("index.focus-creator.head")
-					</h4>
-					<p class="text-muted">@lang("index.focus-creator.description")</p>
-				</div>
-				<div class="modal-body">
-					<div class="clearfix">
-						<div class="pull-left">
-							<label for="focus-name">@lang('index.focus-creator.focusname')</label>
-							<input id="focus-name" type="text" name="focus-name" placeholder="@lang('index.focus-creator.name-placeholder')">
-							<input id="original-id" type="hidden" name="original-id" value="">
-						</div>
-						<div class="settings-modal-buttons pull-right">
-							<button class="delete-focus-btn btn btn-danger">
-								@lang('index.focus-creator.delete')
-							</button>
-							<button class="save-focus-btn btn btn-primary">
-								@lang('index.focus-creator.save')
-							</button>
-						</div>
-					</div>
-					{{--
-					<h2>{!! trans('settings.suchmaschinen.1') !!} <small><button type="button" class="btn btn-link allUnchecker hide">{!! trans('settings.suchmaschinen.2') !!}</button></small></h2>
-					--}}
-					@foreach( $foki as $fokus => $sumas )
-						<div class="headingGroup {{ $fokus }}">
-							<h3 class="focus-category">
-								@lang("settings.foki." . $fokus)
-								{{--
-								<small>
-									<button type="button" class="checker btn btn-link hide" data-type="{{ $fokus }}">{!! trans('settings.suchmaschinen.3') !!}</button>
-								</small>
-								--}}
-							</h3>
-							<div class="row">
-								@foreach( $sumas as $name => $data )
-									<div class="col-sm-6 col-md-4 col-lg-3">
-										<div class="checkbox settings-checkbox">
-											<label>
-												<input type="checkbox" name="engine_{{ $name }}" class="focusCheckbox"  @if ($fokus == 'web') checked @endif >{{ $data['displayName'] }}
-												<a class="settings-icon" target="_blank" rel="noopener" href="{{ $data['url'] }}"><i class="fa fa-link" aria-hidden="true"></i></a>
-											</label>
-										</div>
-									</div>
-								@endforeach
-							</div>
-						</div>
-					@endforeach
-					<div class="clearfix">
-						<div class="settings-modal-buttons pull-right">
-							<button class="delete-focus-btn btn btn-danger">
-								@lang('index.focus-creator.delete')
-							</button>
-							<button class="save-focus-btn btn btn-primary">
-								@lang('index.focus-creator.save')
-							</button>
-						</div>
-					</div>
-				</div>
-			</div>
-		</div>
-	</div>
-	<h1 id="mglogo"><a class="hidden-xs" href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/") }}">MetaGer</a></h1>
-	<!-- Create the focus selection and options -->
-	<div id="foki" class="startpage-foki">
-		<div class="focus">
-			<input id="web" class="focus-radio hide" type="radio" name="focus" value="web" form="searchForm" @if ($focus === 'web') checked @endif required="">
-			<label id="web-label" class="focus-label" for="web">
-				<i class="fa fa-globe" aria-hidden="true"></i>
-				<span class="content">{{ trans('index.foki.web') }}</span>
-			</label>
-		</div>
-		<div class="focus">
-			<input id="nachrichten" class="focus-radio hide" type="radio" name="focus" value="nachrichten" form="searchForm" @if ($focus === 'nachrichten') checked @endif required="">
-			<label id="nachrichten-label" class="focus-label" for="nachrichten">
-				<i class="fa fa-bullhorn" aria-hidden="true"></i>
-				<span class="content">{{ trans('index.foki.nachrichten') }}</span>
-			</label>
-		</div>
-		<div class="focus">
-			<input id="wissenschaft" class="focus-radio hide" type="radio" name="focus" value="wissenschaft" form="searchForm" @if ($focus === 'wissenschaft') checked @endif required="">
-			<label id="wissenschaft-label" class="focus-label" for="wissenschaft">
-				<i class="fa fa-file-text" aria-hidden="true"></i>
-				<span class="content">{{ trans('index.foki.wissenschaft') }}</span>
-			</label>
-		</div>
-		<div class="focus">
-			<input id="produkte" class="focus-radio hide" type="radio" name="focus" value="produktsuche" form="searchForm" @if ($focus === 'produkte') checked @endif required="">
-			<label id="produkte-label" class="focus-label" for="produkte">
-				<i class="fa fa-shopping-cart" aria-hidden="true"></i>
-				<span class="content">{{ trans('index.foki.produkte') }}</span>
-			</label>
-		</div>
-		<div class="focus">
-			<input id="maps" class="focus-radio hide" type="radio" name="focus" value="maps" form="searchForm" @if ($focus === 'maps') checked @endif required="">
-			<label id="maps-label" class="focus-label" for="maps">
-				<i class="fa fa-map" aria-hidden="true"></i>
-				<span class="content">{{ trans('index.foki.maps') }}</span>
-			</label>
-		</div>
-		{{-- Fix for older Versions --}}
-		@if ($focus === 'angepasst')
-			<div class="focus">
-				<input id="angepasst" class="focus-radio hide" type="radio" name="focus" value="angepasst" form="searchForm" checked required="">
-				<label id="anpassen-label" class="focus-label" for="angepasst">
-					<i class="fa fa-cog" aria-hidden="true"></i>
-					<span class="content">{{ trans('index.foki.angepasst') }}</span>
-				</label>
-			</div>
-		@endif
-		<div id="addFocusBtnDiv">
-			<button id="addFocusBtn" class="btn btn-default hide">
-			<i class="fa fa-plus" aria-hidden="true"></i>
-			</button>
-		</div>
-		<div id="settingsBtnDiv">
-			<a id="settings-btn" class="mutelink btn btn-default" href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "settings") }}">
-			<i class="fa fa-cog" aria-hidden="true"></i>
-			</a>
-		</div>
-	</div>
-		<fieldset>
-			<form id="searchForm" @if(Request::has('request') && Request::input('request') === "POST") method="POST" @elseif(Request::has('request') && Request::input('request') === "GET") method="GET" @else method="GET" @endif action="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/meta/meta.ger3") }}" accept-charset="UTF-8">
-				<div class="input-group">
-					<div class="input-group-addon">
-						<button type="button" data-toggle="popover" data-html="true" data-container="body" title="{{ trans('index.design') }}" data-content='&lt;ul id="color-chooser" class="list-inline list-unstyled"&gt;
-							&lt;li &gt;&lt;a id="standard" data-rgba="255,194,107,1" href="#"&gt;&lt;/a&gt;&lt;/li&gt;
-							&lt;li &gt;&lt;a id="standardHard" data-rgba="255,128,0,1" href="#"&gt;&lt;/a&gt;&lt;/li&gt;
-							&lt;li &gt;&lt;a id="blue" data-rgba="164,192,230,1" href="#"&gt;&lt;/a&gt;&lt;/li&gt;
-							&lt;li &gt;&lt;a id="blueHard" data-rgba="2,93,140,1" href="#"&gt;&lt;/a&gt;&lt;/li&gt;
-							&lt;li &gt;&lt;a id="green" data-rgba="177,226,163,1" href="#"&gt;&lt;/a&gt;&lt;/li&gt;
-							&lt;li &gt;&lt;a id="greenHard" data-rgba="127,175,27,1" href="#"&gt;&lt;/a&gt;&lt;/li&gt;
-							&lt;li &gt;&lt;a id="red" data-rgba="255,92,92,1" href="#"&gt;&lt;/a&gt;&lt;/li&gt;
-							&lt;li &gt;&lt;a id="redHard" data-rgba="255,0,0,1" href="#"&gt;&lt;/a&gt;&lt;/li&gt;
-							&lt;li &gt;&lt;a id="pink" data-rgba="255,196,246,1" href="#"&gt;&lt;/a&gt;&lt;/li&gt;
-							&lt;li &gt;&lt;a id="pinkHard" data-rgba="254,67,101,1" href="#"&gt;&lt;/a&gt;&lt;/li&gt;
-							&lt;li &gt;&lt;a id="black" data-rgba="238,238,238,1" href="#"&gt;&lt;/a&gt;&lt;/li&gt;
-							&lt;li &gt;&lt;a id="blackHard" data-rgba="50,50,50,1" href="#"&gt;&lt;/a&gt;&lt;/li&gt;
-						&lt;/ul&gt;'>
-							<i class="fa fa-tint" aria-hidden="true"></i>
-						</button>
-					</div>
-					<input type="text" name="eingabe" required="" autofocus="" autocomplete="{{$autocomplete}}" class="form-control" placeholder="{{ trans('index.placeholder') }}">
-					<input type="hidden" name="encoding" value="utf8">
-					<input type="hidden" name="lang" value={{ $lang }} >
-					<input type="hidden" name="resultCount" value={{ $resultCount }} >
-					<input type="hidden" name="time" value={{ $time }} >
-					<input type="hidden" name="sprueche" value={{ $sprueche }} >
-					<input type="hidden" name="newtab" value={{ $newtab }} >
-					<input type="hidden" name="maps" value={{ $maps }} >
-					<input type="hidden" name="key" value={{ $key }} >
-					@foreach ($focusPages as $fp)
-						<input type="hidden" name={{ $fp }} value="on">
-					@endforeach
-					<input type="hidden" name="theme" value={{ $theme }}>
-					<div class="input-group-addon">
-						<button type="submit">
-							<i class="fa fa-search" aria-hidden="true"></i>
-						</button>
-					</div>
-				</div>
-			</form>
-		</fieldset>
-		<ul class="list-inline searchform-bonus">
-			<li id="plug"
-			@unless ($browser === 'Firefox' || $browser === 'Mozilla' || $browser === 'Chrome' || $browser === 'Opera' || $browser === 'IE' || $browser === 'Edge' || $browser === 'Safari' || $browser === 'Vivaldi')
-				class="hidden"
-			@endunless>
-			<a href="#" data-toggle="modal" data-target="#plugin-modal" class="btn btn-default mutelink" title="{{ trans('index.plugintitle') }}"><i class="fa fa-plug" aria-hidden="true"></i> {{ trans('index.plugin') }}</a></li>
-			@if (LaravelLocalization::getCurrentLocale() == "de")
-			<li>
-				<a href="https://suma-ev.de/presse/Werbefreie-Suche-mit-MetaGer.html" target="_blank" class="btn btn-default mutelink">
-						Werbefreie Suche mit MetaGer
-				</a>
-			</li>
-			@endif
-		</ul>
-	<script src="{{ elixir('js/scriptStartPage.js') }}"></script>
-@endsection
-
-@section('optionalContent')
-	<section id="moreInformation" class="hidden-xs">
-		<h1 class="hidden">{{ trans('index.sponsors.head.1') }}</h1>
-		<div class="row">
-			<div id="sponsors" class="col-sm-6">
-				<h2>{{ trans('index.sponsors.head.2') }}</h2>
-				<ul class="startpage">
-					<li>{!! trans('index.sponsors.woxikon') !!}</li>
-					<li>{!! trans('index.sponsors.gutscheine') !!}</li>
-					<li>{!! trans('index.sponsors.kredite') !!}</li>
-				</ul>
-			</div>
-			<div id="about-us" class="col-sm-6">
-				<h2>
-					<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "about") }}">{{ trans('index.about.title') }}</a>
-				</h2>
-				<ul class="startpage">
-					<li>{!! trans('index.about.1.1') !!}</li>
-					<li>{!! trans('index.about.2.1') !!}</li>
-					<li>@lang('index.about.3.1')</li>
-				</ul>
-			</div>
-		</div>
-	</section>
-@endsection
diff --git a/resources/views/layouts/ad.blade.php b/resources/views/layouts/ad.blade.php
index 79a11634e7402fc1f4951b4da6cda79fa6bd0675..ddcf960348dcd18c7dab279f70cf68b32890cc6f 100644
--- a/resources/views/layouts/ad.blade.php
+++ b/resources/views/layouts/ad.blade.php
@@ -1,22 +1,22 @@
 @if(isset($ad)  && !$apiAuthorized)
-	<div class="result ad row">
-		<div class="resultInformation col-sm-10">
-			<p class="title">
-				<a class="title" href="{{ $ad->link }}" target="{{ $metager->getNewtab() }}" data-hoster="{{ $ad->gefVon }}" data-count="0">
-					{{ $ad->titel }}
-				</a>
-			</p>
-			<p class="link">
+	<div class="result ad">
+		<h2 class="result-title">
+			<a class="title" href="{{ $ad->link }}" target="{{ $metager->getNewtab() }}" data-hoster="{{ $ad->gefVon }}" data-count="0">
+				{{ $ad->titel }}
+			</a>
+		</h2>
+		<div class="result-header">
+			<div class="result-link">
 				<a href="{{ $ad->link }}" target="{{ $metager->getNewtab() }}" data-hoster="{{ $ad->gefVon }}" data-count="0">
 					{{ $ad->anzeigeLink }}
 				</a>
-				<span class="hoster">
-					<span class="ad-label">{!! trans('ad.werbung') !!}</span> {!! trans('ad.von') !!} {!! $ad->gefVon !!}
-				</span>
-			</p>
-			<p class="description">
-				{{ $ad->descr }}
-			</p>
+			</div>
+			<span class="result-hoster">
+				<span class="ad-label">{!! trans('ad.werbung') !!}</span> {!! trans('ad.von') !!} {!! $ad->gefVon !!}
+			</span>
+		</div>
+		<div class="result-description">
+			{{ $ad->descr }}
 		</div>
 	</div>
 @endif
diff --git a/resources/views/layouts/products.blade.php b/resources/views/layouts/products.blade.php
index c34ef8e45d31e29024bc179d6ba503e9049837a8..9ac072aa41a70141953c34a759f86e130e3e8b3c 100644
--- a/resources/views/layouts/products.blade.php
+++ b/resources/views/layouts/products.blade.php
@@ -1,6 +1,6 @@
 <div class="row lightSliderContainer hidden">
 	<div class="col-sm-1 hidden-xs"></div>
-	<div class="resultInformation col-xs-12 col-sm-11">
+	<div class="result-information col-xs-12 col-sm-11">
 		<span id="mark">Produktanzeigen:</span>
 		<ul id="products" class="lightSlider" >
 			@foreach($products as $product)
diff --git a/resources/views/layouts/researchandtabs.blade.php b/resources/views/layouts/researchandtabs.blade.php
index 700683813371ef013f97fa6b5d63c41f22606870..bfebfcc57bedba2b742f4b704b88e89c58791752 100644
--- a/resources/views/layouts/researchandtabs.blade.php
+++ b/resources/views/layouts/researchandtabs.blade.php
@@ -8,26 +8,18 @@
 		</div>
 	</div>
 @endif
-<div class="content-wrapper container">
-	<header id="research" class="row">
-		<nav class="navbar navbar-default navbar-fixed-top navbar-resultpage">
-			<div class="container">
-				<div class="row" id="logo-searchbar-container">
-					<div id="header-logo">
-						<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/") }}"><h1 class="mg-logo">M<span class="hidden-xs">eta</span>G<span class="hidden-xs">er</span></h1></a>
-					</div>
-					<div id="header-searchbar">
-					@include('parts.searchbar', ['class' => 'resultpage-searchbar', 'request' => Request::method()])
-          </div>
-				</div>
-			</div>
-		</nav>
-	</header>
-	<main id="main-content-tabs" class="row">
-		<div>
-			<div class="row">
-				@yield('results')
-			</div>
+<div class="content-wrapper">
+	<header id="research-bar">
+		<div id="header-logo">
+			<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/") }}"><h1 class="mg-logo">MetaGer</h1></a>
+		</div>
+		<div id="header-searchbar">
+			@include('parts.searchbar', ['class' => 'resultpage-searchbar', 'request' => Request::method()])
 		</div>
+	</header>
+	<div id="research-bar-placeholder">
+	</div>
+	<main class="resultpage-container">
+		@yield('results')
 	</main>
-</div>
+</div>
\ No newline at end of file
diff --git a/resources/views/layouts/result.blade.php b/resources/views/layouts/result.blade.php
index 60ebca5dfd809cec58c656b86ad89b0112f04405..7daf17c7315d38441cad5a2cea1346f64346a947 100644
--- a/resources/views/layouts/result.blade.php
+++ b/resources/views/layouts/result.blade.php
@@ -1,80 +1,76 @@
-<div class="result row" data-count="{{ $result->number }}">
-	<div class="resultInformation col-xs-12 col-sm-11">
-		<div class="col-xs-10 col-sm-11" style="padding:0; ">
-			<p class="title">
-				<a class="title" href="{{ $result->link }}" target="{{ $metager->getNewtab() }}" data-hoster="{{ strip_tags($result->gefVon) }}" data-count="{{ $result->number }}"  rel="noopener">
-					{!! $result->titel !!}
-				</a>
-			</p>
-			<div class="link">
-				<div>
-					<div class="link-link">
-						<a href="{{ $result->link }}" target="{{ $metager->getNewtab() }}" data-hoster="{{ strip_tags($result->gefVon) }}" data-count="{{ $result->number }}" rel="noopener">
-							{{ $result->anzeigeLink }}
+<div class="result" data-count="{{ $result->number }}">
+	<h2 class="result-title">
+		<a href="{{ $result->link }}" target="{{ $metager->getNewtab() }}" data-hoster="{{ strip_tags($result->gefVon) }}" data-count="{{ $result->number }}"  rel="noopener">
+			{!! $result->titel !!}
+		</a>
+	</h2>
+	<div class="result-header">
+		<div class="result-link">
+			<a href="{{ $result->link }}" target="{{ $metager->getNewtab() }}" data-hoster="{{ strip_tags($result->gefVon) }}" data-count="{{ $result->number }}" rel="noopener">
+				{{ $result->anzeigeLink }}
+			</a>
+		</div>
+		<div class="result-options">
+			<a class="dropdown-opener" href="javascript:void(0);">
+				<i class="fa fa-caret-down option-opener-icon" aria-hidden="true"></i>
+			</a>
+			<div class="dropdown-content option-content">
+				<ul class="option-list list-unstyled small">
+					<li class="option-title">
+						<i class="fa fa-cog"></i> {!! trans('result.options.headline') !!}
+					</li>
+					<hr>
+					<li class="js-only">
+						<a href="javascript:resultSaver({{ $result->number }});" class="saver" data-counter="{{ $result->number }}">
+							<i class="fa fa-floppy-disk"></i> {!! trans('result.options.savetab') !!}
 						</a>
-					</div>
-					<div class="options">
-							<a class="dropdown-opener" href="javascript:void(0);">
-								<i class="fa fa-caret-down option-opener-icon" aria-hidden="true"></i>
+					</li>
+					@if(strlen($metager->getSite()) === 0)
+						<li>
+							<a href="{{ $metager->generateSiteSearchLink($result->strippedHost) }}">
+								{!! trans('result.options.1') !!}
 							</a>
-							<div class="dropdown-content option-content">
-								<ul class="option-list list-unstyled small">
-									<li class="option-title">
-										<i class="fa fa-cog"></i> {!! trans('result.options.headline') !!}
-									</li>
-									<hr>
-									<li class="js-only">
-										<a href="javascript:resultSaver({{ $result->number }});" class="saver" data-counter="{{ $result->number }}">
-											<i class="fa fa-floppy-disk"></i> {!! trans('result.options.savetab') !!}
-										</a>
-									</li>
-									@if(strlen($metager->getSite()) === 0)
-										<li>
-											<a href="{{ $metager->generateSiteSearchLink($result->strippedHost) }}">
-												{!! trans('result.options.1') !!}
-											</a>
-										</li>
-									@endif
-									<li>
-										<a href="{{ $metager->generateRemovedHostLink($result->strippedHost) }}">
-											{!! trans('result.options.2', ['host' => $result->strippedHost]) !!}
-										</a>
-									</li>
-									@if( $result->strippedHost !== $result->strippedDomain )
-										<li>
-											<a href="{{ $metager->generateRemovedDomainLink($result->strippedDomain) }}">
-												{!! trans('result.options.3', ['domain' => $result->strippedDomain]) !!}
-											</a>
-										</li>
-									@endif
-								</ul>
-							</div>
-					</div>
-				</div>
-				<span class="hoster">
-					von {!! $result->gefVon !!}
-				</span>
-				@if( isset($result->partnershop) && $result->partnershop === TRUE )
-					<span class="partnershop-info">
-					<img src="/img/boosticon.png" height="13" alt="">
-					<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/partnershops") }}" target="_blank" rel="noopener">{!! trans('result.options.4') !!}</a>
-					</span>
-				@endif
-				<a class="proxy" onmouseover="$(this).popover('show');" onmouseout="$(this).popover('hide');" data-toggle="popover" data-placement="auto right" data-container="body" data-content="@lang('result.proxytext')" href="{{ $result->proxyLink }}" target="{{ $metager->getNewtab() }}" rel="noopener">
-					<img src="/img/proxyicon.png" alt="" />
-					{!! trans('result.options.5') !!}
-				</a>
+						</li>
+					@endif
+					<li>
+						<a href="{{ $metager->generateRemovedHostLink($result->strippedHost) }}">
+							{!! trans('result.options.2', ['host' => $result->strippedHost]) !!}
+						</a>
+					</li>
+					@if( $result->strippedHost !== $result->strippedDomain )
+						<li>
+							<a href="{{ $metager->generateRemovedDomainLink($result->strippedDomain) }}">
+								{!! trans('result.options.3', ['domain' => $result->strippedDomain]) !!}
+							</a>
+						</li>
+					@endif
+				</ul>
 			</div>
 		</div>
+		<span class="result-hoster">
+			<span>von {!! $result->gefVon !!}</span>
+		</span>
+		@if( isset($result->partnershop) && $result->partnershop === TRUE )
+			<span class="partnershop-info">
+				<img src="/img/boosticon.png" height="13" alt="">
+				<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/partnershops") }}" target="_blank" rel="noopener">{!! trans('result.options.4') !!}</a>
+			</span>
+		@endif
+		<a class="result-proxy" onmouseover="$(this).popover('show');" onmouseout="$(this).popover('hide');" data-toggle="popover" data-placement="auto right" data-container="body" data-content="@lang('result.proxytext')" href="{{ $result->proxyLink }}" target="{{ $metager->getNewtab() }}" rel="noopener">
+			<img src="/img/proxyicon.png" alt="" />
+			<span>{!! trans('result.options.5') !!}</span>
+		</a>
+	</div>
+	<div class="result-body">
 		@if( isset($result->logo) )
-			<div class="col-xs-2 col-sm-1" style="padding: 0;">
+			<div class="result-logo">
 				<a href="{{ $result->link }}" target="{{ $metager->getNewtab() }}" data-hoster="{{ strip_tags($result->gefVon) }}" data-count="{{ $result->number }}">
 					<img src="{{ $metager->getImageProxyLink($result->logo) }}" alt="" />
 				</a>
 			</div>
 		@endif
 		@if( $result->image !== "" )
-			<div class="description">
+			<div class="result-image result-description">
 				<a href="{{ $result->link }}" target="{{ $metager->getNewtab() }}" data-hoster="{{ strip_tags($result->gefVon) }}" data-count="{{ $result->number }}"  rel="noopener">
 					<img src="{{ $metager->getImageProxyLink($result->image) }}" align="left" width="120px" height="60px" alt="" />
 				</a>
@@ -82,11 +78,14 @@
 			</div>
 		@else
 			@if( $metager->getFokus() == "nachrichten" )
-			<div class="description"><span class="date">{{ isset($result->additionalInformation["date"])?date("Y-m-d H:i:s", $result->additionalInformation["date"]):"" }}</span> {{ $result->descr }}</div>
+				<div class="result-description">
+					<span class="date">{{ isset($result->additionalInformation["date"])?date("Y-m-d H:i:s", $result->additionalInformation["date"]):"" }}</span> {{ $result->descr }}
+				</div>
 			@else
-			<div class="description">{{ $result->descr }}</div>
+				<div class="result-description">
+					{{ $result->descr }}
+				</div>
 			@endif
 		@endif
 	</div>
-
 </div>
diff --git a/resources/views/layouts/resultPage.blade.php b/resources/views/layouts/resultPage.blade.php
index 2ec5f8b38f554211b4ffb484d25617d061a1f840..095e907e36e468231fdfe1819c45c451edb21826 100644
--- a/resources/views/layouts/resultPage.blade.php
+++ b/resources/views/layouts/resultPage.blade.php
@@ -25,15 +25,15 @@
 			@include('modals.create-focus-modal')
 			@include('layouts.researchandtabs')
 		@else
-			<div class="tab-content container-fluid">
+			<div class="resultpage-container">
 				@yield('results')
 			</div>
 		@endif
 		<div id="feedback" style="width:50%;margin-left:25%;position: relative; top:10px;" class="alert alert-danger alert-dismissable">
 			<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
-  				<strong> {!! trans('metaGer.feedback') !!}<a href="{{URL::to('')}}/kontakt/{{base64_encode(Request::fullUrl())}}/" target="_blank">
-  					{!! trans('kontakt.form.1') !!}</a>
-  				</strong>
+				<strong> {!! trans('metaGer.feedback') !!}<a href="{{URL::to('')}}/kontakt/{{base64_encode(Request::fullUrl())}}/" target="_blank">
+					{!! trans('kontakt.form.1') !!}</a>
+				</strong>
 		</div>
 		@include('parts.footer', ['type' => 'resultpage', 'id' => 'resultPageFooter'])
 		<img src="{{ action('ImageController@generateImage')}}?site={{ urlencode(url()->current()) }}" class="hidden" />
diff --git a/resources/views/layouts/staticPages_old.blade.php b/resources/views/layouts/staticPages_old.blade.php
deleted file mode 100644
index cdbf6492d440db5e7ca34c143b6876abfd9b91f7..0000000000000000000000000000000000000000
--- a/resources/views/layouts/staticPages_old.blade.php
+++ /dev/null
@@ -1,224 +0,0 @@
-<!DOCTYPE html>
-<html lang="{!! trans('staticPages.meta.language') !!}">
-	<head>
-		<meta charset="utf-8" />
-		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
-		<title>@yield('title')</title>
-		<meta name="description" content="{!! trans('staticPages.meta.Description') !!}" />
-		<meta name="keywords" content="{!! trans('staticPages.meta.Keywords') !!}" />
-		<meta name="page-topic" content="Dienstleistung" />
-		<meta name="robots" content="index,follow" />
-		<meta name="revisit-after" content="7 days" />
-		<meta name="audience" content="all" />
-		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
-		<meta rel="icon" type="image/x-icon" href="/favicon.ico" />
-		<meta rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
-		<link rel="search" type="application/opensearchdescription+xml" title="{{ trans('staticPages.opensearch') }}" href="{{  LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), action('StartpageController@loadPlugin', ['params' => base64_encode(serialize(Request::all()))])) }}">
-		<link type="text/css" rel="stylesheet" href="/font-awesome/css/font-awesome.min.css" />
-		<link type="text/css" rel="stylesheet" href="{{ elixir('css/themes/default.css') }}" />
-		<link id="theme" type="text/css" rel="stylesheet" href="/css/theme.css.php" />
-		<script src="{{ elixir('js/scriptSubPages.js') }}"></script>
-		<script src="{{ elixir('js/lib.js') }}"></script>
-		@if (isset($css))
-			@if(is_array($css))
-				@foreach($css as $el)
-					<link href="/css/{{ $el }}" rel="stylesheet" />
-				@endforeach
-			@else
-				<link href="/css/{{ $css }}" rel="stylesheet" />
-			@endif
-		@endif
-	</head>
-	<body>
-		<header>
-			@yield('homeIcon')
-		<nav id="navbar-static-pages" class="navbar-resultpage">
-
-
-			<ul id="metager-static-nav-list" class="list-inline pull-right">
-				<li id="toggle-nav-hide" class="hidden">
-					<a class="metager-navbar-toggle pull-right" href="#" data-original-title="" title="">
-									<span class="sr-only">Navigation anzeigen</span>
-									<i class="fa fa-bars" aria-hidden="true"></i>
-					</a>
-					<div class="clearfix"></div>
-				</li>
-				<li id="toggle-nav-show">
-					<a class="metager-navbar-toggle pull-right" href="#metager-static-nav-list" data-original-title="" title="">
-									<span class="sr-only">Navigation anzeigen</span>
-									<i class="fa fa-bars" aria-hidden="true"></i>
-					</a>
-					<div class="clearfix"></div>
-				</li>
-				<li @if ( !isset($navbarFocus) || $navbarFocus === 'suche') class="active" @endif >
-					<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/") }}"  tabindex="200" id="navigationSuche">{{ trans('staticPages.nav1') }}</a>
-				</li>
-				<li @if (isset($navbarFocus) && $navbarFocus === 'foerdern') class="metager-dropdown active" @else class="metager-dropdown" @endif >
-					<a class="metager-dropdown-toggle" role="button" aria-expanded="false" tabindex="201">{{ trans('staticPages.nav16') }}
-								<span class="caret"></span></a>
-								<ul class="metager-dropdown-menu">
-									<li>
-										<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/spende/") }}" tabindex="202">{{ trans('staticPages.nav2') }}</a>
-									</li>
-									<li>
-										<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/beitritt/") }}" tabindex="203">{{ trans('staticPages.nav23') }}</a>
-									</li>
-									<li>
-										<a href="https://www.boost-project.com/de/shops?charity_id=1129&amp;tag=bl" tabindex="204">{{ trans('staticPages.nav17') }}</a>
-									</li>
-								</ul>
-							</li>
-							@if(LaravelLocalization::getCurrentLocale() === "de")
-							<li id="gutscheine"@if (isset($navbarFocus) && $navbarFocus === 'gutscheine') class="metager-dropdown active" @else class="metager-dropdown" @endif >
-								<a href="https://metager.de/gutscheine/">{!! trans('staticPages.gutscheineToggle') !!}</a>
-								<a class="metager-dropdown-toggle" data-role="button" aria-expanded="false" tabindex="205"><span class="caret"></span></a>
-								<ul class="metager-dropdown-menu">
-									<li>
-										<a href="https://metager.de/gutscheine/congstar/" tabindex="206" >{{ trans('staticPages.gutscheine.2') }}</a>
-									</li>
-									<li>
-										<a href="https://metager.de/gutscheine/check24/" tabindex="207" >{{ trans('staticPages.gutscheine.3') }}</a>
-									</li>
-									<li>
-										<a href="https://metager.de/gutscheine/handyflash/" tabindex="208" >{{ trans('staticPages.gutscheine.4') }}</a>
-									</li>
-									<li>
-										<a href="https://metager.de/gutscheine/groupon/" tabindex="209" >{{ trans('staticPages.gutscheine.5') }}</a>
-									</li>
-									<li>
-										<a href="https://metager.de/gutscheine/medion/" tabindex="210" >{{ trans('staticPages.gutscheine.6') }}</a>
-									</li>
-									<li>
-										<a href="https://metager.de/gutscheine/navabi/" tabindex="211" >{{ trans('staticPages.gutscheine.7') }}</a>
-									</li>
-									<li>
-										<a href="https://metager.de/gutscheine/netcologne/" tabindex="212" >{{ trans('staticPages.gutscheine.8') }}</a>
-									</li>
-									<li>
-										<a href="https://metager.de/gutscheine/teufel/" tabindex="213" >{{ trans('staticPages.gutscheine.9') }}</a>
-									</li>
-									<li role="separator" class="divider"></li>
-									<li>
-										<a href="https://metager.de/gutscheine/alle-gutscheine/" tabindex="214" >{{ trans('staticPages.gutscheine.10') }}</a>
-									</li>
-								</ul>
-							</li>
-							@endif
-							<li @if (isset($navbarFocus) && $navbarFocus === 'datenschutz') class="active" @endif >
-								<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/datenschutz/") }}" id="navigationPrivacy" tabindex="215">{{ trans('staticPages.nav3') }}</a>
-							</li>
-							<li @if (isset($navbarFocus) && $navbarFocus === 'hilfe') class="metager-dropdown active" @else class="metager-dropdown" @endif >
-								<a class="metager-dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false" id="navigationHilfe" tabindex="216">{{ trans('staticPages.nav20') }}
-								<span class="caret"></span></a>
-								<ul class="metager-dropdown-menu">
-									<li>
-										<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/hilfe/") }}" tabindex="217">{{ trans('staticPages.nav20') }}</a>
-									</li>
-									<li>
-										<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/faq/") }}" tabindex="218">{{ trans('staticPages.nav21') }}</a>
-									</li>
-								</ul>
-							</li>
-							<li @if (isset($navbarFocus) && $navbarFocus === 'kontakt') class="metager-dropdown active" @else class="metager-dropdown" @endif >
-								<a class="metager-dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false" id="navigationKontakt" tabindex="219">{{ trans('staticPages.nav18') }}
-								<span class="caret"></span></a>
-								<ul class="metager-dropdown-menu">
-									<li>
-										<a href="http://forum.suma-ev.de/" tabindex="220">{{ trans('staticPages.nav4') }}</a>
-									</li>
-									<li>
-										<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/kontakt/") }}" tabindex="221">{{ trans('staticPages.nav5') }}</a>
-									</li>
-									<li>
-										<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/team/") }}" tabindex="222">{{ trans('staticPages.nav6') }}</a>
-									</li>
-									<li>
-										<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/about/") }}" tabindex="223">{{ trans('staticPages.nav7') }}</a>
-									</li>
-									<li>
-										<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/impressum/") }}" tabindex="224">{{ trans('staticPages.nav8') }}</a>
-									</li>
-								</ul>
-							</li>
-							<li @if (isset($navbarFocus) && $navbarFocus === 'dienste') class="metager-dropdown active" @else class="metager-dropdown" @endif >
-								<a class="metager-dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" tabindex="225">{{ trans('staticPages.nav15') }}
-								<span class="caret"></span></a>
-								<ul class="metager-dropdown-menu">
-									<li>
-										<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/widget/") }}" tabindex="226">{{ trans('staticPages.nav10') }}</a>
-									</li>
-									<li>
-										<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/zitat-suche/") }}" tabindex="227">{{ trans('staticPages.nav22') }}</a>
-									</li>
-									<li>
-										<a href="https://metager.de/klassik/asso/" tabindex="228">{{ trans('staticPages.nav11') }}</a>
-									</li>
-									<li>
-										<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/app/") }}" tabindex="230">@lang('staticPages.nav25')</a>
-									</li>
-									<li>
-										<a href="https://metager.to/" tabindex="231">{{ trans('staticPages.nav13') }}</a>
-									</li>
-									<li>
-										<a href="https://maps.metager.de" target="_blank" tabindex="232">Maps.MetaGer.de</a>
-									</li>
-									<li>
-										<a href="https://gitlab.metager3.de/open-source/MetaGer" tabindex="233">{{ trans('staticPages.nav24') }}</a>
-									</li>
-									<li>
-										<a href="http://forum.suma-ev.de/viewtopic.php?f=3&amp;t=43" tabindex="234">{{ trans('staticPages.nav14') }}</a>
-									</li>
-								</ul>
-							</li>
-							<li class="metager-dropdown">
-								<a class="metager-dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false" id="navigationSprache" tabindex="235">{{ trans('staticPages.nav19') }} ({{ LaravelLocalization::getSupportedLocales()[LaravelLocalization::getCurrentLocale()]['native'] }})
-								<span class="caret"></span></a>
-								<ul class="metager-dropdown-menu">
-									@foreach(LaravelLocalization::getSupportedLocales() as $localeCode => $properties)
-										<li>
-											<a rel="alternate" hreflang="{{$localeCode}}" href="{{LaravelLocalization::getLocalizedURL($localeCode) }}" tabindex="{{235 + $loop->index}}">{{{ $properties['native'] }}}</a>
-										</li>
-									@endforeach
-								</ul>
-							</li>
-			</ul>
-		</nav>
-
-		</header>
-		<div class="wrapper">
-			<main class="mg-panel container">
-				@if (isset($success))
-					<div class="alert alert-success" role="alert">{{ $success }}</div>
-				@endif
-				@if (isset($info))
-					<div class="alert alert-info" role="alert">{{ $info }}</div>
-				@endif
-				@if (isset($warning))
-					<div class="alert alert-warning" role="alert">{{ $warning }}</div>
-				@endif
-				@if (isset($error))
-					<div class="alert alert-danger" role="alert">{{ $error }}</div>
-				@endif
-				@yield('content')
-			</main>
-			@yield('optionalContent')
-			<footer class="noprint">
-				<ul class="list-inline hidden-xs">
-					<li>
-						<a href="https://www.suma-ev.de/"  >
-						<img src="/img/suma_ev_logo-m1-greyscale.png" alt="SUMA-EV Logo"></a>
-					</li>
-					<li id="info">
-						<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "kontakt") }}">{{ trans('staticPages.nav5') }}</a> - <a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "impressum") }}">{{ trans('staticPages.nav8') }}</a>
-						{{ trans('staticPages.sumaev.1') }}<a href="https://www.suma-ev.de/">{{ trans('staticPages.sumaev.2') }}</a>
-					</li>
-					<li>
-						<a href="https://www.uni-hannover.de/"  >
-						<img src="/img/luh_metager.png" alt="LUH Logo"></a>
-					</li>
-				</ul>
-			</footer>
-			<img src="{{ action('ImageController@generateImage')}}?site={{ urlencode(url()->current()) }}" class="hidden" />
-		</div>
-	</body>
-</html>
diff --git a/resources/views/metager3.blade.php b/resources/views/metager3.blade.php
index e718409255db2013fbd25d53d81dcf14a6c0a700..3bbad8cb1f36d53480c51d41dc1239c5d55d86bc 100644
--- a/resources/views/metager3.blade.php
+++ b/resources/views/metager3.blade.php
@@ -1,6 +1,7 @@
 @extends('layouts.resultPage')
 
 @section('results')
+	{{-- Show all errors --}}
 	@if(sizeof($errors) > 0)
 		<div class="alert alert-danger">
 			<ul>
@@ -10,6 +11,7 @@
 			</ul>
 		</div>
 	@endif
+	{{-- Show all warnings --}}
 	@if(sizeof($warnings) > 0)
 		<div class="alert alert-warning">
 			<ul>
@@ -19,40 +21,41 @@
 			</ul>
 		</div>
 	@endif
-	@if($metager->showQuicktips())
-		<div class="col-xs-12 col-md-8 resultContainer">
-	@else
-		<div class="col-xs-12 col-md-12 resultContainer">
-	@endif
+	<div id="results">
+		{{-- Show initial products or ads --}}
 		@if($metager->hasProducts())
-    		@if( $metager->getFokus() !== "produktsuche" && !$apiAuthorized)
-    		    @include('layouts.products', ['products' => $metager->getProducts()])
-    		@endif
-
+			@if( $metager->getFokus() !== "produktsuche" && !$apiAuthorized)
+				@include('layouts.products', ['products' => $metager->getProducts()])
+			@endif
 		@else
 			@for($i = 0; $i <= 2; $i++)
 				@include('layouts.ad', ['ad' => $metager->popAd()])
 			@endfor
 		@endif
+		{{-- Show map --}}
 		@if($metager->getMaps())
-		<div class="result row" id="map">
-			<div class="resultInformation col-xs-12 col-sm-11">
+			<div class="result" id="map">
 				<iframe class="" src="https://maps.metager.de/metager/{{ $metager->getQ() }}" scrolling="no" tabindex="-1" style="width: 100%; height:0; border:0;"></iframe>
 			</div>
-		</div>
 		@endif
+		{{-- Create results and ongoing ads --}}
 		@foreach($metager->getResults() as $result)
 			@if($result->number % 7 === 0)
 				@include('layouts.ad', ['ad' => $metager->popAd()])
 			@endif
 			@include('layouts.result', ['result' => $result])
 		@endforeach
+		{{-- Show pagination --}}
 		<nav class="mg-pager" aria-label="...">
-			<div @if($metager->getPage() === 1) class="disabled" @endif><a href="@if($metager->getPage() === 1) # @else javascript:history.back() @endif">{{ trans('results.zurueck') }}</a></div>
-			<div @if($metager->nextSearchLink() === "#") class="disabled" @endif><a href="{{ $metager->nextSearchLink() }}">{{ trans('results.weiter') }}</a></div>
+			<div @if($metager->getPage() === 1) class="disabled" @endif>
+				<a @if($metager->getPage() !== 1) href="javascript:history.back()" @endif>{{ trans('results.zurueck') }}</a>
+			</div>
+			<div @if($metager->nextSearchLink() === "#") class="disabled" @endif>
+				<a @if($metager->nextSearchLink() !== "#") href="{{ $metager->nextSearchLink() }}" @endif>{{ trans('results.weiter') }}</a>
+			</div>
 		</nav>
 	</div>
 	@if( $metager->showQuicktips() )
-		<div class="col-md-4 hidden-xs hidden-sm" id="quicktips"></div>
+		<div id="quicktips"></div>
 	@endif
 @endsection
diff --git a/resources/views/metager3results.blade.php b/resources/views/metager3results.blade.php
index 8dee0601cd6bfa4872299a0b7715c326d11ab797..68480ab987ffd3fc1587635278020dabb78f49ac 100644
--- a/resources/views/metager3results.blade.php
+++ b/resources/views/metager3results.blade.php
@@ -1,4 +1,5 @@
-@if( sizeof($errors) > 0 )
+{{-- Show all errors --}}
+@if(sizeof($errors) > 0)
 	<div class="alert alert-danger">
 		<ul>
 			@foreach($errors as $error)
@@ -7,7 +8,8 @@
 		</ul>
 	</div>
 @endif
-@if( sizeof($warnings) > 0)
+{{-- Show all warnings --}}
+@if(sizeof($warnings) > 0)
 	<div class="alert alert-warning">
 		<ul>
 			@foreach($warnings as $warning)
@@ -16,37 +18,40 @@
 		</ul>
 	</div>
 @endif
-<div class="col-xs-12 col-md-8">
+<div id="results">
+	{{-- Show initial products or ads --}}
 	@if($metager->hasProducts())
-	    @if( $metager->getFokus() !== "produktsuche" && !$apiAuthorized)
-		    @include('layouts.products', ['products' => $metager->getProducts()])
+		@if( $metager->getFokus() !== "produktsuche" && !$apiAuthorized)
+			@include('layouts.products', ['products' => $metager->getProducts()])
 		@endif
 	@else
 		@for($i = 0; $i <= 2; $i++)
 			@include('layouts.ad', ['ad' => $metager->popAd()])
 		@endfor
 	@endif
+	{{-- Show map --}}
 	@if($metager->getMaps())
-		<div class="result row" id="map">
-			<div class="resultInformation col-xs-12 col-sm-11">
-				<iframe class="" src="https://maps.metager.de/metager/{{ $metager->getQ() }}" style="width: 100%; height:0; border:0;"></iframe>
-			</div>
+		<div class="result" id="map">
+			<iframe class="" src="https://maps.metager.de/metager/{{ $metager->getQ() }}" scrolling="no" tabindex="-1" style="width: 100%; height:0; border:0;"></iframe>
 		</div>
 	@endif
+	{{-- Create results and ongoing ads --}}
 	@foreach($metager->getResults() as $result)
 		@if($result->number % 7 === 0)
 			@include('layouts.ad', ['ad' => $metager->popAd()])
 		@endif
 		@include('layouts.result', ['result' => $result])
 	@endforeach
-	<nav aria-label="...">
-		<ul class="pager">
-			<li @if($metager->getPage() === 1) class="disabled" @endif><a href="@if($metager->getPage() === 1) # @else javascript:history.back() @endif">{{ trans('results.zurueck') }}</a></li>
-			<li @if($metager->nextSearchLink() === "#") class="disabled" @endif><a href="{{ $metager->nextSearchLink() }}">{{ trans('results.weiter') }}</a></li>
-		</ul>
+	{{-- Show pagination --}}
+	<nav class="mg-pager" aria-label="...">
+		<div @if($metager->getPage() === 1) class="disabled" @endif>
+			<a @if($metager->getPage() !== 1) href="javascript:history.back()" @endif>{{ trans('results.zurueck') }}</a>
+		</div>
+		<div @if($metager->nextSearchLink() === "#") class="disabled" @endif>
+			<a @if($metager->nextSearchLink() !== "#") href="{{ $metager->nextSearchLink() }}" @endif>{{ trans('results.weiter') }}</a>
+		</div>
 	</nav>
 </div>
 @if( $metager->showQuicktips() )
-	<div class="col-md-4 hidden-xs hidden-sm" id="quicktips"></div>
-@endif
-</div>
+	<div id="quicktips"></div>
+@endif
\ No newline at end of file
diff --git a/resources/views/parts/footer.blade.php b/resources/views/parts/footer.blade.php
index ce85506444590a6d124310c9a2aa63fd98b0d2d9..470d1d5192336b76983dbb880fa190348bfb4312 100644
--- a/resources/views/parts/footer.blade.php
+++ b/resources/views/parts/footer.blade.php
@@ -1,16 +1,18 @@
 @if ($type === 'startpage' || $type === 'subpage')
 <footer class="{{ $id }} noprint">
-  <div>
+  <div class="imagebox">
     <a href="https://www.suma-ev.de/"  >
-    <img src="/img/suma_ev_logo-m1-greyscale.png" alt="SUMA-EV Logo"></a>
+      <img src="/img/suma_ev_logo-m1-greyscale.png" alt="SUMA-EV Logo">
+    </a>
   </div>
   <div id="info">
     <span><a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "kontakt") }}">{{ trans('staticPages.nav5') }}</a> - <a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "impressum") }}">{{ trans('staticPages.nav8') }}</a></span>
     <span class="hidden-xs">{{ trans('staticPages.sumaev.1') }}<a href="https://www.suma-ev.de/">{{ trans('staticPages.sumaev.2') }}</a></span>
   </div>
-  <div>
+  <div class="imagebox">
     <a href="https://www.uni-hannover.de/">
-    <img src="/img/luh_metager.png" alt="LUH Logo"></a>
+      <img src="/img/luh_metager.png" alt="LUH Logo">
+    </a>
   </div>
 </footer>
 @elseif ($type === 'resultpage')
diff --git a/resources/views/parts/sidebar.blade.php b/resources/views/parts/sidebar.blade.php
index 087a62485b3cc77601a9bc52d7e9da54d2d55552..0c9bdc6a9d89867f4cc86fb5dca9d24d65a38dcf 100644
--- a/resources/views/parts/sidebar.blade.php
+++ b/resources/views/parts/sidebar.blade.php
@@ -1,18 +1,24 @@
 <input id="sideBarToggle" style="display: none;" type="checkbox">
-  <label id="openSidebar" role="button" for="sideBarToggle"></label>
-  <div class="sideBar">
+<label id="openSidebar" role="button" for="sideBarToggle"></label>
+<div class="sideBar">
   <label id="closeSidebar" role="button" for="sideBarToggle"></label>
-  <p><a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/") }}">MetaGer</a></p>
+  <p>
+    <a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/") }}">MetaGer</a>
+  </p>
   <ul id="metager-static-nav-list" class="list-inline pull-right">
     <li @if ( !isset($navbarFocus) || $navbarFocus === 'suche') class="active" @endif >
-      <a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/") }}"  tabindex="200" id="navigationSuche"><i class="fa fa-search" aria-hidden="true"></i>&nbsp;
-{{ trans('staticPages.nav1') }}</a>
+      <a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/") }}" tabindex="200" id="navigationSuche">
+        <i class="fa fa-search" aria-hidden="true"></i>
+        <span>&nbsp;{{ trans('staticPages.nav1') }}</span>
+      </a>
     </li>
     <li @if (isset($navbarFocus) && $navbarFocus === 'dienste') class="metager-dropdown active" @else class="metager-dropdown" @endif >
-    <input id="servicesToggle" class="sideBarCheckbox" type="checkbox">
-      <label for="servicesToggle" class="metager-dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false" tabindex="225"><i class="fa fa-wrench" aria-hidden="true"></i>
-&nbsp;{{ trans('staticPages.nav15') }}
-      <span class="caret"></span></label>
+      <input id="servicesToggle" class="sideBarCheckbox" type="checkbox">
+        <label for="servicesToggle" class="metager-dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false" tabindex="225">
+          <i class="fa fa-wrench" aria-hidden="true"></i>
+          <span>&nbsp;{{ trans('staticPages.nav15') }}</span>
+          <span class="caret"></span>
+        </label>
       <ul class="metager-dropdown-menu">
         <li>
           <a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/widget/") }}" tabindex="226">{{ trans('staticPages.nav10') }}</a>
@@ -41,14 +47,18 @@
       </ul>
     </li>
     <li @if (isset($navbarFocus) && $navbarFocus === 'datenschutz') class="active" @endif >
-      <a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/datenschutz/") }}" id="navigationPrivacy" tabindex="215"><i class="fa fa-user-secret" aria-hidden="true"></i>&nbsp;
-{{ trans('staticPages.nav3') }}</a>
+      <a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/datenschutz/") }}" id="navigationPrivacy" tabindex="215">
+        <i class="fa fa-user-secret" aria-hidden="true"></i>
+        <span>&nbsp;{{ trans('staticPages.nav3') }}</span>
+      </a>
     </li>
     <li @if (isset($navbarFocus) && $navbarFocus === 'hilfe') class="metager-dropdown active" @else class="metager-dropdown" @endif >
-    <input id="helpToggle" class="sideBarCheckbox" type="checkbox">
-      <label for="helpToggle" class="metager-dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false" id="navigationHilfe" tabindex="216"><i class="fa fa-info-circle" aria-hidden="true"></i>&nbsp;
-{{ trans('staticPages.nav20') }}
-      <span class="caret"></span></label>
+      <input id="helpToggle" class="sideBarCheckbox" type="checkbox">
+      <label for="helpToggle" class="metager-dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false" id="navigationHilfe" tabindex="216">
+        <i class="fa fa-info-circle" aria-hidden="true"></i>
+        <span>&nbsp;{{ trans('staticPages.nav20') }}</span>
+        <span class="caret"></span>
+      </label>
       <ul class="metager-dropdown-menu">
         <li>
           <a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/hilfe/") }}" tabindex="217">{{ trans('staticPages.nav20') }}</a>
@@ -60,9 +70,11 @@
     </li>
     <li @if (isset($navbarFocus) && $navbarFocus === 'foerdern') class="metager-dropdown active" @else class="metager-dropdown" @endif >
       <input id="donationToggle" class="sideBarCheckbox" type="checkbox">
-      <label for="donationToggle" class="metager-dropdown-toggle" role="button" aria-expanded="false" tabindex="201"><i class="fa fa-money" aria-hidden="true"></i>
-&nbsp;{{ trans('staticPages.nav16') }}
-      <span class="caret"></span></label>
+      <label for="donationToggle" class="metager-dropdown-toggle" role="button" aria-expanded="false" tabindex="201">
+        <i class="fa fa-money" aria-hidden="true"></i>
+        <span>&nbsp;{{ trans('staticPages.nav16') }}</span>
+        <span class="caret"></span>
+      </label>
       <ul class="metager-dropdown-menu">
         <li>
           <a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/spende/") }}" tabindex="202">{{ trans('staticPages.nav2') }}</a>
@@ -75,12 +87,13 @@
         </li>
       </ul>
     </li>
-    
     <li @if (isset($navbarFocus) && $navbarFocus === 'kontakt') class="metager-dropdown active" @else class="metager-dropdown" @endif >
-    <input id="contactToggle" class="sideBarCheckbox" type="checkbox">
-      <label for="contactToggle" class="metager-dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false" id="navigationKontakt" tabindex="219"><i class="fa fa-comments-o" aria-hidden="true"></i>&nbsp;
-{{ trans('staticPages.nav18') }}
-      <span class="caret"></span></label>
+      <input id="contactToggle" class="sideBarCheckbox" type="checkbox">
+      <label for="contactToggle" class="metager-dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false" id="navigationKontakt" tabindex="219">
+        <i class="fa fa-comments-o" aria-hidden="true"></i>
+        <span>&nbsp;{{ trans('staticPages.nav18') }}</span>
+        <span class="caret"></span>
+      </label>
       <ul class="metager-dropdown-menu">
         <li>
           <a href="http://forum.suma-ev.de/" tabindex="220">{{ trans('staticPages.nav4') }}</a>
@@ -100,10 +113,12 @@
       </ul>
     </li>
     <li class="metager-dropdown">
-    <input id="languagesToggle" class="sideBarCheckbox" type="checkbox">
-      <label for="languagesToggle" class="metager-dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false" id="navigationSprache" tabindex="235"><i class="fa fa-globe" aria-hidden="true"></i>&nbsp;
-{{ trans('staticPages.nav19') }} ({{ LaravelLocalization::getSupportedLocales()[LaravelLocalization::getCurrentLocale()]['native'] }})
-      <span class="caret"></span></label>
+      <input id="languagesToggle" class="sideBarCheckbox" type="checkbox">
+      <label for="languagesToggle" class="metager-dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false" id="navigationSprache" tabindex="235">
+        <i class="fa fa-globe" aria-hidden="true"></i>
+        <span>&nbsp;{{ trans('staticPages.nav19') }} ({{ LaravelLocalization::getSupportedLocales()[LaravelLocalization::getCurrentLocale()]['native'] }})</span>
+        <span class="caret"></span>
+      </label>
      <ul class="metager-dropdown-menu">
         @foreach(LaravelLocalization::getSupportedLocales() as $localeCode => $properties)
           <li>
diff --git a/resources/views/quicktip.blade.php b/resources/views/quicktip.blade.php
deleted file mode 100644
index 206373f5868bd5ec0da995f1ddfd313d13221f83..0000000000000000000000000000000000000000
--- a/resources/views/quicktip.blade.php
+++ /dev/null
@@ -1,78 +0,0 @@
-<!DOCTYPE html>
-<html lang="{!! trans('staticPages.meta.language') !!}">
-	<head>
-		<title>{!! trans('quicktip.title') !!}</title>
-		<link type="text/css" rel="stylesheet" href="{{ elixir('css/themes/default.css') }}" />
-	</head>
-	<body class="quicktips">
-		@if(App::isLocale("de"))
-			<div class="quicktip aufruf-winter">
-				<div class="media">
-					<div class="media-body">
-						<h2 class="qtheader"><a href="@lang('spendenaufruf.link')" target="_blank">@lang('spendenaufruf.heading')</a></h2>
-						<div>@lang('spendenaufruf.text')</div>
-						<br>
-						<a href="@lang('spendenaufruf.link')" class="btn btn-primary btn-block aufruf-action-btn" target="_blank">@lang('spendenaufruf.button')</a>
-					</div>
-				</div>
-			</div>
-		@endif
-		@if( $spruch !== "" )
-			<blockquote id="spruch">{!! $spruch !!}</blockquote>
-		@endif
-		@foreach($mqs as $mq)
-			<div class="quicktip">
-				@if(isset($mq['details']))
-					<details>
-						<summary>
-							<div class="media">
-								@if( isset($mq['image']) && isset($mq['image-alt'] ))
-									<div class="media-left">
-										<img class="qt-icon" src="{!! $mq['image'] !!}" alt="{!! $mq['image-alt'] !!}">
-									</div>
-								@endif
-								<div class="media-body">
-									<h2 class="qtheader"><a href="{{ $mq['URL'] }}" target="_blank" rel="noopener">{{ $mq['title'] }}</a></h2>
-									<div>{!! $mq['summary'] !!}</div>
-								</div>
-								<div class="media-right">
-									<i class="fa fa-info-circle info-details-available" aria-hidden="true"></i>
-								</div>
-							</div>
-						</summary>
-						{!! $mq['details'] !!}
-					</details>
-				@else
-					<div class="media">
-						@if( isset($mq['image']) && isset($mq['image-alt'] ))
-							<div class="media-left">
-								<img class="qt-icon" src="{!! $mq['image'] !!}" alt="{!! $mq['image-alt'] !!}">
-							</div>
-						@endif
-						<div class="media-body">
-							<h2 class="qtheader"><a href="{{ $mq['URL'] }}" target="_blank" rel="noopener">{{ $mq['title'] }}</a></h2>
-							<div>{!! $mq['summary'] !!}</div>
-						</div>
-					</div>
-				@endif
-				@if( isset($mq['gefVon']) )
-					<div class="pull-right">{!! $mq['gefVon'] !!}</div>
-				@endif
-			</div>
-		@endforeach
-		<div class="quicktip">
-			<div class="media">
-				<div class="media-body">
-					<div>
-						@if( Request::input('lang') === "all")
-							{!! trans('results.filter.default', ['langName' => LaravelLocalization::getSupportedLocales()[LaravelLocalization::getCurrentLocale()]['native']]) !!}
-						@else
-							{!! trans('results.filter', ['langName' => LaravelLocalization::getSupportedLocales()[LaravelLocalization::getCurrentLocale()]['native'], 'link' => base64_decode(Request::input('unfilteredLink','')), 'filter' => Request::input('lang')]) !!}
-						@endif
-					</div>
-				</div>
-			</div>
-		</div>
-		<script src="{{ elixir('js/quicktips.js') }}"></script>
-	</body>
-</html>
diff --git a/resources/views/settings.blade.php b/resources/views/settings.blade.php
index 66f03bcd1f6fc425d1daf59486af6adfda250525..986669c4bb501f3bc732c5b9063dbc711843d7b5 100644
--- a/resources/views/settings.blade.php
+++ b/resources/views/settings.blade.php
@@ -59,7 +59,7 @@
 		<div id="settings-buttons">
 			<a id="settings-abort-btn" class="btn btn-danger mutelink" href="{{ URL::previous() }}">@lang('settings.abort') <i class="fa fa-times" aria-hidden="true"></i></a>
 			<input id="unten" class="btn btn-primary" type="submit" value="{!! trans('settings.speichern.1') !!}">
-			<input id="save" class="btn btn-primary hidden" type="button" data-href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/") }}" value="{!! trans('settings.speichern.2') !!}">
+			<input id="save" class="btn btn-primary hidden" type="button" data-href="{{ URL::previous() }}" value="{!! trans('settings.speichern.2') !!}">
 			<input id="plugin" class="btn btn-primary" type="submit" value="{!! trans('settings.speichern.3') !!}">
 		</div>
 	</form>