diff --git a/resources/assets/js/scriptResultPage.js b/resources/assets/js/scriptResultPage.js
index 686f1cbc34e73e0f224b006c16f9821dc83f6c89..ba732e700ac0addec75b2bce7fae3ee54faa158b 100644
--- a/resources/assets/js/scriptResultPage.js
+++ b/resources/assets/js/scriptResultPage.js
@@ -77,7 +77,7 @@ function getDocumentReadyForUse(fokus, custom) {
   // pagination()
   tabs();
   fokiChanger();
-  pluginInfo();
+  //pluginInfo();
   $('iframe:not(.resized)').iFrameResize();
   $('iframe').addClass('resized');
   addListeners();
@@ -91,6 +91,7 @@ function resetSearchbar() {
   $('.search-input input').val('').focus();
 }
 
+/*
 function pluginInfo() {
   if (localStorage) {
     if (localStorage.getItem('pluginInfo') == 'off') $('#searchplugin').css('display', 'none');
@@ -103,6 +104,7 @@ function pluginInfo() {
     });
   }
 }
+*/
 
 function botProtection() {
   $('.result').find('a').click(function () {
diff --git a/resources/assets/less/default.less b/resources/assets/less/default.less
deleted file mode 100644
index faac8a6b8b986569820af01ad0c94a7db59ce6db..0000000000000000000000000000000000000000
--- a/resources/assets/less/default.less
+++ /dev/null
@@ -1 +0,0 @@
-@import "./metager/metager.less";
\ No newline at end of file
diff --git a/resources/assets/less/metager/cards.less b/resources/assets/less/metager/general/cards.less
similarity index 100%
rename from resources/assets/less/metager/cards.less
rename to resources/assets/less/metager/general/cards.less
diff --git a/resources/assets/less/metager/general.less b/resources/assets/less/metager/general/general.less
similarity index 68%
rename from resources/assets/less/metager/general.less
rename to resources/assets/less/metager/general/general.less
index 180c0132b409ccc3c517edc7f5f4cb50ac33e0bf..061360579e8b462fd16fa974de7220b95293b1e9 100644
--- a/resources/assets/less/metager/general.less
+++ b/resources/assets/less/metager/general/general.less
@@ -1,7 +1,10 @@
 /* Default Font */
 
+@modal-content-box-shadow-color: fade(@color-black, 30%);
+@body-background-color: @background-color;
+@a-hover-color: red;
 body {
-    font-family: Arimo, Liberation Sans, sans-serif;
+    font-family: @metager-font;
 }
 
 /* Main Containers */
@@ -45,6 +48,46 @@ body {
     }
 }
 
+.navbar,
+#navbar-static-pages {
+    box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.2);
+}
+
+/* Scrollbox Style */
+
+@scrollfade-color: white;
+.scrollbox {
+    position: relative;
+    width: 100%;
+    max-width: @results-width-max;
+    .scrollfade- {
+        &left,
+        &right {
+            position: absolute;
+            width: 20px;
+            height: 40px;
+            top: 1px;
+            pointer-events: none;
+        }
+        &left {
+            background: -webkit-gradient(linear, left top, right top, from(@scrollfade-color), color-stop(fade(@scrollfade-color, 80%)), to(fade(@scrollfade-color, 0%)));
+            background: linear-gradient(to right, @scrollfade-color, fade(@scrollfade-color, 80%), fade(@scrollfade-color, 0%));
+            left: 1px;
+        }
+        &right {
+            background: -webkit-gradient(linear, right top, left top, from(@scrollfade-color), color-stop(fade(@scrollfade-color, 80%)), to(fade(@scrollfade-color, 0%)));
+            background: linear-gradient(to left, @scrollfade-color, fade(@scrollfade-color, 80%), fade(@scrollfade-color, 0%));
+            right: 1px;
+        }
+    }
+    .search-option-frame {
+        position: relative;
+    }
+}
+
+/* General font sizing */
+
+@default-font-size: 15px;
 .first-last-child-margin-fix() {
     &:first-child {
         margin-top: 0px;
@@ -54,14 +97,6 @@ body {
     }
 }
 
-.navbar,
-#navbar-static-pages {
-    box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.2);
-}
-
-/* General font sizing */
-
-@default-font-size: 15px;
 h1 {
     font-size: (@default-font-size * 1.6);
     .first-last-child-margin-fix;
@@ -97,8 +132,26 @@ body {
     text-align: center;
 }
 
+.subheading {
+    font-size: 20px;
+    margin: 20px 0px;
+    white-space: center;
+}
+
 a {
     font-size: 100%;
+    color: @link-color;
+    &:visited {
+        color: @link-color;
+    }
+    &:hover {
+        text-decoration: none;
+        color: @a-hover-color;
+    }
+}
+
+i.fa {
+    background-color: transparent;
 }
 
 /* Logo */
@@ -124,7 +177,7 @@ a {
         width: fit-content;
         text-decoration: none;
         font-size: 75px;
-        @media(max-width: @screen-xs-max) {
+        @media(max-width: @screen-mobile) {
             font-size: 50px;
         }
     }
@@ -132,10 +185,18 @@ a {
 
 #subpage-logo {
     padding: 5px 0;
-    a h1 {
-        .logo;
-        font-size: 30px;
-        margin: 0;
+    .navbar-brand {
+        .noprint;
+        line-height: 100% !important;
+        padding: 0;
+        position: absolute;
+        z-index: 5;
+        left: 10px;
+        h1 {
+            .logo;
+            font-size: 30px;
+            margin: 0;
+        }
     }
 }
 
@@ -177,8 +238,8 @@ summary {
 
 /* Tooltips 
  * 
- * Für alle Elemente mit einem "data-tooltip"-Attribut wird ein 
- * Tooltip mit entsprechendem Inhalt unterhalb des Elements angezeigt
+ * All elements with a "data-tooltip" attribute show a 
+ * tooltip below on hover
  */
 
 *[data-tooltip] {
@@ -234,7 +295,7 @@ summary {
         width: 50%;
         margin: 0;
         float: left;
-        @media (max-width: @screen-xs-max) {
+        @media (max-width: @screen-mobile) {
             width: 100%;
         }
     }
@@ -268,32 +329,50 @@ summary {
 
 /* Little helpers */
 
+// Bold text
 .bold {
     font-weight: bold;
 }
 
+// Do not print this
 .noprint {
     @media print {
         display: none !important;
     }
 }
 
+// For print: Start new page after this
 .newpage {
     page-break-after: always;
 }
 
+// For list elements without a dot
+li.nodot {
+    list-style-type: none;
+}
+
+// Disabled elements (only visual)
 .disabled,
-.disabled * {
+:disabled,
+.disabled *,
+:disabled *,
+    {
     color: #aaa !important;
     cursor: not-allowed !important;
 }
 
+// Convert excess text into "..."
 .overflow-ellipsis {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }
 
+// Used on labels which initiate visual change (e.g. open-sidebar-button)
+.navigation-element {
+    cursor: pointer;
+}
+
 /* Button */
 
 button {
@@ -301,16 +380,32 @@ button {
     background-color: transparent;
 }
 
-/* Unsorted */
+/* Lists with dots */
+
+.dotlist {
+    list-style-type: disc;
+    text-align: left;
+    li {
+        margin-bottom: 5px !important;
+    }
+}
+
+/* Code */
 
-// Currently in use for the plugin modal
-.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;
+code {
+    white-space: pre-wrap;
+    overflow-wrap: break-word;
+    word-break: break-word;
 }
 
+/* Adresses */
+
+address {
+    white-space: pre;
+}
+
+/* Unknown Uses */
+
 label a {
     color: inherit;
     &:hover {
@@ -319,15 +414,6 @@ label a {
     }
 }
 
-li.nodot {
-    list-style-type: none;
-}
-
-// Used on labels which initiate visual change (e.g. open-sidebar-button)
-.navigation-element {
-    cursor: pointer;
-}
-
 // For Elements where newlines should actually be displayed
 .wrap {
     white-space: pre-wrap;
diff --git a/resources/assets/less/metager/general/specific.less b/resources/assets/less/metager/general/specific.less
new file mode 100644
index 0000000000000000000000000000000000000000..a703ee66ed0b5dea23bfea862ced857a7256e56a
--- /dev/null
+++ b/resources/assets/less/metager/general/specific.less
@@ -0,0 +1,23 @@
+/* Rules for specific elements */
+
+// kontakt.blade.php, spende.blade.php, zitatsuche.blade.php
+.form-group {
+    font-family: sans-serif;
+    font-size: 16px;
+    color: @color-black;
+    background-color: transparent;
+    text-align: center;
+}
+
+input[name=eingabe] {
+    border-right: 0;
+    box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.075);
+}
+
+fieldset input[type=text] {
+    width: 100%;
+    padding-left: 10px;
+    padding-right: 10px;
+    border-width: 1px;
+    overflow: visible;
+}
\ No newline at end of file
diff --git a/resources/assets/less/metager/metager.less b/resources/assets/less/metager/metager.less
index 1351c3a8e588c33f8ff13a04a624abc260ccf754..e89da21eb81d68919d3d1cb6b60dd451a1ecc6a7 100644
--- a/resources/assets/less/metager/metager.less
+++ b/resources/assets/less/metager/metager.less
@@ -1,13 +1,22 @@
-@import "./general.less";
-@import "./specific.less";
-@import "./result-page.less";
-@import "./start-page.less";
-@import "./settings.less";
+// Variables
 @import "./variables.less";
-@import "./sidebar.less";
-@import "./modals.less";
-@import "./footer.less";
-@import "./searchbar.less";
-@import "./aufruf-winter.less";
-@import "./cards.less";
-@import "./widget.less";
\ No newline at end of file
+// General
+@import "./general/cards.less";
+@import "./general/general.less";
+@import "./general/specific.less";
+// Pages
+@import "./pages/contact.less";
+@import "./pages/donation.less";
+@import "./pages/help_faq.less";
+@import "./pages/language.less";
+@import "./pages/privacy.less";
+@import "./pages/resultpage.less";
+@import "./pages/start-page.less";
+@import "./pages/widget.less";
+// Parts
+@import "./parts/aufruf-winter.less";
+@import "./parts/footer.less";
+@import "./parts/modals.less";
+@import "./parts/searchbar.less";
+@import "./parts/settings.less";
+@import "./parts/sidebar.less";
\ No newline at end of file
diff --git a/resources/assets/less/metager/beitritt.less b/resources/assets/less/metager/pages/beitritt.less
similarity index 100%
rename from resources/assets/less/metager/beitritt.less
rename to resources/assets/less/metager/pages/beitritt.less
diff --git a/resources/assets/less/metager/pages/contact.less b/resources/assets/less/metager/pages/contact.less
new file mode 100644
index 0000000000000000000000000000000000000000..ea987ab7ee4f7c8e4a590c78f732188fc9e0dde7
--- /dev/null
+++ b/resources/assets/less/metager/pages/contact.less
@@ -0,0 +1,12 @@
+.kontakt-form-group {
+    text-align: left;
+    font-size: 14px;
+}
+
+form.contact {
+    max-width: 500px;
+}
+
+textarea#message {
+    height: 200px;
+}
\ No newline at end of file
diff --git a/resources/assets/less/metager/pages/donation.less b/resources/assets/less/metager/pages/donation.less
new file mode 100644
index 0000000000000000000000000000000000000000..3a5ecac1bd7121c871daab42c214a680c847df17
--- /dev/null
+++ b/resources/assets/less/metager/pages/donation.less
@@ -0,0 +1,8 @@
+.donation-form-group {
+    text-align: left;
+    font-size: 12px;
+}
+
+.donation-form-group label {
+    font-weight: bold;
+}
\ No newline at end of file
diff --git a/resources/assets/less/metager/pages/help_faq.less b/resources/assets/less/metager/pages/help_faq.less
new file mode 100644
index 0000000000000000000000000000000000000000..5be91c7d932a1b2dedad5f2b544f5f6a9dbc3c56
--- /dev/null
+++ b/resources/assets/less/metager/pages/help_faq.less
@@ -0,0 +1,33 @@
+.hilfe,
+.faq {
+    section {
+        .card-heavy;
+        h3 {
+            border-bottom: 1px solid #aaa;
+        }
+        .search-example {
+            border: 1px solid #aaa;
+            background-color: #eee;
+            border-radius: 5px;
+            padding: 10px;
+        }
+    }
+    .fake-result {
+        *:hover {
+            overflow: visible !important;
+        }
+        .result-footer {
+            overflow: hidden;
+            align-items: center;
+        }
+        .open-result-options label {
+            padding: 10px;
+            border: 2px dashed red;
+            border-radius: 100%;
+            color: black;
+            font-size: 14px;
+            text-decoration: none;
+            font-weight: normal;
+        }
+    }
+}
\ No newline at end of file
diff --git a/resources/assets/less/metager/pages/language.less b/resources/assets/less/metager/pages/language.less
new file mode 100644
index 0000000000000000000000000000000000000000..b87b3b047e8c9e84d1fd04e0d90979e839ef6aa6
--- /dev/null
+++ b/resources/assets/less/metager/pages/language.less
@@ -0,0 +1,3 @@
+.language-name {
+    white-space: pre;
+}
\ No newline at end of file
diff --git a/resources/assets/less/metager/pages/privacy.less b/resources/assets/less/metager/pages/privacy.less
new file mode 100644
index 0000000000000000000000000000000000000000..9d8c728ff91f05064f54d7173f9f7251e670a727
--- /dev/null
+++ b/resources/assets/less/metager/pages/privacy.less
@@ -0,0 +1,48 @@
+.privacy {
+    main {
+        font-size: 10pt;
+        hyphens: auto;
+        counter-reset: kontext 0 datum 0;
+        text-align: justify;
+    }
+    h1 {
+        font-size: 18pt;
+    }
+    .kontext>h1::before {
+        counter-increment: kontext;
+        content: "K" counter(kontext) " ";
+        font-weight: normal;
+    }
+    .datum>h1::before {
+        counter-increment: datum;
+        content: "D" counter(datum) " ";
+        font-weight: normal;
+    }
+    .kontext h1 {
+        font-size: 16pt;
+        margin-bottom: inherit;
+    }
+    .kontext h2 {
+        font-size: 14pt;
+        margin-bottom: inherit;
+    }
+    .datum h1 {
+        font-size: 12pt;
+        margin-bottom: inherit;
+    }
+    .datum h2 {
+        font-size: 11pt;
+        margin-bottom: inherit;
+        margin-top: 5pt;
+    }
+    .kontext-list {
+        list-style: none;
+    }
+    .datum-list {
+        list-style: none;
+    }
+    samp {
+        hyphens: none;
+        font-size: 8pt;
+    }
+}
\ No newline at end of file
diff --git a/resources/assets/less/metager/pages/resultpage.less b/resources/assets/less/metager/pages/resultpage.less
new file mode 100644
index 0000000000000000000000000000000000000000..991a2c42e9f93851ce4b513b1c687c922e9ec013
--- /dev/null
+++ b/resources/assets/less/metager/pages/resultpage.less
@@ -0,0 +1,5 @@
+@import "./resultpage/result-page.less";
+@import "./resultpage/result.less";
+@import "./resultpage/product.less";
+@import "./resultpage/quicktips.less";
+@import "./resultpage/result-saver.less";
\ No newline at end of file
diff --git a/resources/assets/less/metager/product.less b/resources/assets/less/metager/pages/resultpage/product.less
similarity index 78%
rename from resources/assets/less/metager/product.less
rename to resources/assets/less/metager/pages/resultpage/product.less
index 5b3ccd441ff6d1c2b115463f35e631c090e318dd..350e954ce01bce40c22e5463726773693b3f9aa9 100644
--- a/resources/assets/less/metager/product.less
+++ b/resources/assets/less/metager/pages/resultpage/product.less
@@ -5,12 +5,12 @@
     flex-direction: column;
     text-align: center;
     padding: 5px;
-    .lSSlideOuter  {
+    .lSSlideOuter {
         margin-top: 5px;
-        border: 1px dotted @product-border-color;
+        border: 1px dotted @color-almost-white;
     }
     a {
-        color: @product-a-color;
+        color: @color-strong-grey;
     }
     img {
         max-width: 100px;
@@ -18,8 +18,8 @@
     .price {
         position: relative;
         top: 20px;
-        color: @product-price-color;
-        background-color: @product-price-background-color;
+        color: @color-strong-grey;
+        background-color: fade(@color-white, 90%);
         text-align: left;
         width: 80px;
         font-weight: bold;
diff --git a/resources/assets/less/metager/quicktips.less b/resources/assets/less/metager/pages/resultpage/quicktips.less
similarity index 100%
rename from resources/assets/less/metager/quicktips.less
rename to resources/assets/less/metager/pages/resultpage/quicktips.less
diff --git a/resources/assets/less/metager/result-page.less b/resources/assets/less/metager/pages/resultpage/result-page.less
similarity index 76%
rename from resources/assets/less/metager/result-page.less
rename to resources/assets/less/metager/pages/resultpage/result-page.less
index 353956c976e462d430ceebff0723c1add015a3fb..0d2b7ef3e52e83ef6264b1ec44d68610398e9ffd 100644
--- a/resources/assets/less/metager/result-page.less
+++ b/resources/assets/less/metager/pages/resultpage/result-page.less
@@ -1,39 +1,28 @@
-/* Ergebnisseite */
-
-@import "./quicktips.less";
-@import "./result-saver.less";
-@import "./result.less";
-@import "./product.less";
-//
-@resultpage-background-color: #FAFAFA;
-//
+/* Variables */
+
+// Background color
+@resultpage-background-color: @background-color;
+// Margin to the left of the results
 @results-margin-left: 16px;
-//
-@result-page-body-background-color: @background-color;
-@result-page-a-hover-color: red;
-@result-page-product-shop-color: green;
-//
-@body-background-color: @result-page-body-background-color;
-@a-hover-color: @result-page-a-hover-color;
-@a-donation-hover-color: @result-page-a-hover-color;
-@product-shop-color: @result-page-product-shop-color;
-//
+// Min and max widths of the 2 resultpage columns
 @results-width-min: 500px;
 @results-width-max: 700px;
 @additions-width-min: 400px;
 @additions-width-max: 500px;
-//
-@resultpage-breakpoint-large: (@results-width-max + @additions-width-max + @padding-small-default * 4);
-@resultpage-breakpoint-small: (@results-width-min + @additions-width-min + @padding-small-default * 4);
-//
-@resultpage-leftbox-max-width: @results-width-max;
-@resultpage-leftbox-min-dist-left-right: @padding-small-default;
-@resultpage-leftbox-min-dist-top-bottom: @padding-small-default;
-//
+// Breakpoints for the 2 resultpage columns
+@resultpage-breakpoint-max: (@results-width-max + @additions-width-max + @padding-small-default * 4);
+@resultpage-breakpoint-min: (@results-width-min + @additions-width-min + @padding-small-default * 4);
+@product-shop-color: green;
+// The point upon which a .screen-large logo is displayed
 @logo-size-breakpoint: (@results-width-min + @padding-small-default * 2);
-//
+// The point upon which the sidebar opener switches place
 @sidebar-opener-breakpoint: (@results-width-max + @padding-small-default * 2 + 60px);
-//
+// Quicktip background color
+@quicktip-background-color: @color-white;
+// Color of the Spruch author
+@spruch-author-color: @color-strong-grey;
+/* Styles */
+
 #header-logo {
     z-index: 0;
     padding-right: 10px;
@@ -46,7 +35,6 @@
     .screen-small {
         display: none;
     }
-    .screen-large {}
     @media (max-width: @logo-size-breakpoint) {
         .screen-large {
             display: none;
@@ -96,17 +84,6 @@ body {
     padding-top: 10px;
 }
 
-.hostlabel {
-    display: none;
-    position: relative;
-    margin-top: -14px;
-    background-color: @hostlabel-background-color;
-    a:link,
-    a:visited {
-        color: @hostlabel-a-link-or-visited-color;
-    }
-}
-
 .img:hover .hostlabel {
     display: block;
 }
@@ -124,7 +101,7 @@ body {
 .alert ul {
     list-style-type: none;
     padding-left: 49px;
-    @media (max-width: @screen-xs-max) {
+    @media (max-width: @screen-mobile) {
         padding-left: 0px;
     }
 }
@@ -162,20 +139,10 @@ nav .input-group {
 }
 
 a {
-    &:visited {
-        color: @link-color;
-    }
-    &:hover {
-        text-decoration: none;
-        color: @a-hover-color;
-    }
     &#donation {
         &,
         &:visited {
-            color: @a-donation-normal-or-visited-color;
-        }
-        &:hover {
-            color: @a-donation-hover-color;
+            color: inherit;
         }
     }
 }
@@ -220,24 +187,6 @@ a {
     margin: 0 !important;
 }
 
-.options-list>li {
-    &:hover {
-        background-color: @options-list-li-hover-background-color;
-    }
-    &>a {
-        color: @options-list-li-a-color;
-        white-space: nowrap;
-        display: block;
-        padding: 5px 14px;
-    }
-    input[type=submit] {
-        width: 100%;
-        background-color: transparent;
-        border: 0;
-        margin: 5px 0;
-    }
-}
-
 .js-only {
     display: none;
 }
@@ -254,7 +203,7 @@ a {
     margin-bottom: 10px;
     margin: 5px;
     .img {
-        box-shadow: 0px 0px 10px 2px @image-item-img-box-shadow-color;
+        box-shadow: 0px 0px 10px 2px fade(@color-black, 30%);
     }
 }
 
@@ -290,6 +239,8 @@ a {
     }
 }
 
+/*
+@searchplugin-a-color: @color-white;
 #searchplugin {
     display: none;
     position: fixed;
@@ -311,6 +262,7 @@ a {
         display: initial;
     }
 }
+*/
 
 #products {
     width: 100%;
@@ -322,7 +274,7 @@ a {
 
 .lSPrev>i,
 .lSNext>i {
-    background-color: @lsprev-or-lsnext-i-background-color;
+    background-color: @color-black;
     padding: 5px;
 }
 
@@ -391,13 +343,13 @@ a {
             display: none;
         }
     }
-    @media (max-width: @resultpage-breakpoint-large) {
+    @media (max-width: @resultpage-breakpoint-max) {
         @supports (display: grid) {
             grid-template-columns:~"calc(60% - 8px)"~"calc(40% - 8px)";
             grid-template-areas: "searchbar ." "foki ." "results additions";
         }
     }
-    @media (max-width: @resultpage-breakpoint-small) {
+    @media (max-width: @resultpage-breakpoint-min) {
         margin-left: @padding-small-default;
         grid-template-columns: 100%;
         grid-template-areas: "searchbar" "foki" "results";
@@ -417,12 +369,12 @@ a {
     padding: @padding-small-default @padding-small-default 0px @padding-small-default;
     width: (@results-width-max + 2 * @padding-small-default);
     max-width: (@results-width-max + 2 * @padding-small-default);
-    @media (max-width: @resultpage-breakpoint-large) {
+    @media (max-width: @resultpage-breakpoint-max) {
         @supports (display: grid) {
             width: ~"calc(60% - 6px)";
         }
     }
-    @media (max-width: @resultpage-breakpoint-small) {
+    @media (max-width: @resultpage-breakpoint-min) {
         width: 100%;
         margin-left: 0px;
     }
@@ -461,41 +413,12 @@ a {
 #foki {
     display: flex;
     justify-content: left;
-    /*
-    @media (max-width: (@results-width-min + @additions-width-min - 1px)) {
-        width: 100%;
-        max-width: none;
-        margin: 0px;
-        padding: @padding-small-default;
-        .scrollbox {
-            max-width: none;
-            margin: 0px;
-            #foki-box {
-                max-width: none;
-                margin: 0px;
-            }
-        }
-    }
-    @media (max-width: (4 * @padding-small-default + @results-width-max + @additions-width-max - 1px)) {
-        padding-left: @padding-small-default;
-    }
-    @media (max-width: (@results-width-min + @additions-width-min - 1px)) {
-        width: 100%;
-        max-width: 700px;
-        margin: 0px;
-        padding: @padding-small-default;
-        #research-bar {
-            max-width: none;
-            margin: 0px;
-        }
-    }
-    */
     #foki-box {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         width: 100%;
-        max-width: @resultpage-leftbox-max-width;
+        max-width: @results-width-max;
         background-color: white;
         border: 1px solid #ccc;
         -webkit-box-shadow: 0px 1px 1.5px 0px rgba(0, 0, 0, 0.12), 1px 0px 1px 0px rgba(0, 0, 0, 0.24);
@@ -570,7 +493,7 @@ footer.resultPageFooter {
 #resultpage-container {
     #results-container {
         float: left;
-        @media (max-width: @resultpage-breakpoint-small) {
+        @media (max-width: @resultpage-breakpoint-min) {
             float:none;
         }
     }
@@ -596,7 +519,7 @@ footer.resultPageFooter {
     position: fixed;
     width: 100%;
     padding: 15px;
-    @media (max-width: @screen-xs-max) {
+    @media (max-width: @screen-mobile) {
         padding: 5px;
     }
 }
@@ -605,7 +528,7 @@ footer.resultPageFooter {
     .metager3-unstable-warning;
     top: 0;
     padding-right: 50px;
-    @media (max-width: @screen-xs-max) {
+    @media (max-width: @screen-mobile) {
         padding: 5px;
         padding-right: 50px;
     }
@@ -615,4 +538,16 @@ footer.resultPageFooter {
     .metager3-unstable-warning;
     bottom: 0;
     margin-bottom: 0px;
+}
+
+/* Settings button and checkboxes */
+
+.settings-checkbox {
+    margin-top: 5px;
+    margin-bottom: 5px;
+}
+
+.settings-checkbox .settings-icon {
+    margin-left: 5px;
+    font-size: 12px;
 }
\ No newline at end of file
diff --git a/resources/assets/less/metager/result-saver.less b/resources/assets/less/metager/pages/resultpage/result-saver.less
similarity index 99%
rename from resources/assets/less/metager/result-saver.less
rename to resources/assets/less/metager/pages/resultpage/result-saver.less
index dc872225e3fb4e1332551f47098a4a2cf328da8e..4096e742ecd2e6bde8a08845d7eed7345db8ffe2 100644
--- a/resources/assets/less/metager/result-saver.less
+++ b/resources/assets/less/metager/pages/resultpage/result-saver.less
@@ -1,6 +1,5 @@
 @saved-result-distance-first: 10px;
 @saved-result-distance-between: 10px;
-
 #savedFoki {
     padding-top: 50px;
     display: flex;
diff --git a/resources/assets/less/metager/result.less b/resources/assets/less/metager/pages/resultpage/result.less
similarity index 96%
rename from resources/assets/less/metager/result.less
rename to resources/assets/less/metager/pages/resultpage/result.less
index 434ac838dd6273aba014d604b2fc732242aeb7ea..6b3c0a958a93d0d25590c81e2dae1e6ba5480a2a 100644
--- a/resources/assets/less/metager/result.less
+++ b/resources/assets/less/metager/pages/resultpage/result.less
@@ -1,12 +1,12 @@
-/* Ergebnis */
-
 @result-font-large: 18px;
 @result-font-medium: 16px;
 @result-font-url: 14px;
 @result-font-small: 12px;
+@result-description-color: @color-black;
+@result-image-border-color: @color-almost-white;
 .result {
     .card;
-    margin: @resultpage-leftbox-min-dist-top-bottom 0px @resultpage-leftbox-min-dist-top-bottom 0px;
+    margin: @padding-small-default 0px;
     padding: 8px 15px 5px 15px;
     width: 100%;
     .result-header {
@@ -78,7 +78,7 @@
                 color: #333;
                 text-shadow: none;
                 font-weight: inherit;
-                border: 1px solid #686868 ;
+                border: 1px solid #686868;
                 padding: 2px;
                 margin-left: 20px;
                 border-radius: 4px;
@@ -126,7 +126,7 @@
                 width: auto;
                 max-width: 120px;
                 max-height: 200px;
-                border: solid 1px @result-description-img-border-color;
+                border: solid 1px @result-image-border-color;
             }
         }
     }
@@ -181,11 +181,9 @@
             }
         }
     }
-    
     .result-footer * {
         font-size: 10px !important;
     }
-    
     &.ad .ad-label {
         &,
         & a,
diff --git a/resources/assets/less/metager/pages/start-page.less b/resources/assets/less/metager/pages/start-page.less
new file mode 100644
index 0000000000000000000000000000000000000000..a18047f3bdb53ae56c0dd0ccc1cd4a172e52c345
--- /dev/null
+++ b/resources/assets/less/metager/pages/start-page.less
@@ -0,0 +1,81 @@
+/* Startseite */
+
+@main-content-width: 1000px;
+@foki-edge-rounding: 7px;
+#main-content {
+    flex-grow: 1;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    @media(max-width: @main-content-width) {
+        width: 100%;
+    }
+    @media(min-width: @main-content-width) {
+        width: @main-content-width;
+    }
+    #plugin-btn-div {
+        display: flex;
+        justify-content: center;
+        margin-top: 5px;
+    }
+    #plugin-btn {
+        color: @text-color;
+    }
+}
+
+#additional-content {
+    flex-grow: 2;
+    padding-top: 50px;
+    display: flex;
+    @media(max-width: @screen-mobile) {
+        flex-direction: column;
+    }
+    #about-us {
+        max-width: 500px;
+        margin-right: 50px;
+        @media(max-width: @screen-mobile) {
+            margin: 0px 8px;
+        }
+        h2 {
+            font-size: 21px;
+        }
+        p {
+            font-size: 15px;
+        }
+    }
+    #sponsors {
+        @media(max-width: @screen-mobile) {
+            margin: 20px 5px;
+        }
+        h2 {
+            font-size: 21px;
+        }
+        ul {
+            list-style-type: none;
+            padding: 0px;
+            text-align: left;
+            li.sponsor {
+                a {
+                    color: inherit;
+                    display: flex;
+                    justify-content: space-between;
+                    font-size: 15px;
+                    i {
+                        margin-left: 10px;
+                    }
+                }
+            }
+        }
+    }
+}
+
+#spendenaufruf {
+    text-align: center;
+    a {
+        background-color: white;
+        display: inline-block;
+        width: 100%;
+        max-width: 770px;
+        margin-bottom: 10px;
+    }
+}
\ No newline at end of file
diff --git a/resources/assets/less/metager/widget.less b/resources/assets/less/metager/pages/widget.less
similarity index 96%
rename from resources/assets/less/metager/widget.less
rename to resources/assets/less/metager/pages/widget.less
index 37f6514edbfa95a2d786e17fa99ecfeb2f2f8842..964d52fd816d4772f1d2427287af439ed3eb01b7 100644
--- a/resources/assets/less/metager/widget.less
+++ b/resources/assets/less/metager/pages/widget.less
@@ -5,7 +5,7 @@
     font-size: 14px;
     line-height: 1.42857;
     color: #555;
-    background-color: #FFF;
+    background-color: white;
     background-image: none;
     border: 1px solid #CCC;
     margin: 0px;
diff --git a/resources/assets/less/metager/aufruf-winter.less b/resources/assets/less/metager/parts/aufruf-winter.less
similarity index 82%
rename from resources/assets/less/metager/aufruf-winter.less
rename to resources/assets/less/metager/parts/aufruf-winter.less
index 7a4ee98fca97f8c1ed0721cb20de4f66dd0265dc..dedcaa87679ab2b2776786b08b15fe3de8bfc1c8 100644
--- a/resources/assets/less/metager/aufruf-winter.less
+++ b/resources/assets/less/metager/parts/aufruf-winter.less
@@ -6,16 +6,16 @@
 @base-aufruf-winter-btn-hover-background-color: #bd0d0d;
 //
 @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-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-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;
+@aufruf-winter-quicktip-border-color: @base-aufruf-winter-color !important;
 .aufruf-winter {
     h1 {
         font-size: 32px;
-        @media(max-width: @screen-md-max) {
+        @media(max-width: @screen-medium) {
             .aufruf-winter h1 {
                 font-size: 27px;
             }
@@ -34,22 +34,22 @@
         background-color: @aufruf-winter-aufruf-action-btn-hover-background-color;
         border-color: @aufruf-winter-aufruf-action-btn-hover-border-color;
     }
-    &.mg-panel {
+    &#main-content {
         background-image: url("/img/snowflake.svg");
         background-repeat: no-repeat;
         background-position: right top;
         background-size: 100px 100px;
-        @media(max-width: @screen-sm-max) {
+        @media(max-width: @screen-small) {
             background-size: 60px 60px;
         }
-        @media(min-width: @screen-lg) {
+        @media(min-width: @screen-medium) {
             width: 940px;
         }
     }
     &.quicktip {
         border-left: 3px solid @aufruf-winter-quicktip-border-color;
     }
-    @media(max-width: @screen-md-max) {
+    @media(max-width: @screen-medium) {
         .lead {
             font-size: 18px;
         }
diff --git a/resources/assets/less/metager/footer.less b/resources/assets/less/metager/parts/footer.less
similarity index 94%
rename from resources/assets/less/metager/footer.less
rename to resources/assets/less/metager/parts/footer.less
index 347197d1bc218f39d3a73bdea88515ac0d5b6776..c0e69b6ed7951792da4190dfbaf64bd6960359c5 100644
--- a/resources/assets/less/metager/footer.less
+++ b/resources/assets/less/metager/parts/footer.less
@@ -29,7 +29,7 @@ footer {
             color: @color-black;
         }
     }
-    @media (max-width: @screen-xs-max) {
+    @media (max-width: @screen-mobile) {
         img {
             display: none;
         }
diff --git a/resources/assets/less/metager/modals.less b/resources/assets/less/metager/parts/modals.less
similarity index 95%
rename from resources/assets/less/metager/modals.less
rename to resources/assets/less/metager/parts/modals.less
index 53b090f436ab467cd631cd0d99b379b22a6e3b61..0ad7c57b73ec3e96adc452c3576c549a2f0c0376 100644
--- a/resources/assets/less/metager/modals.less
+++ b/resources/assets/less/metager/parts/modals.less
@@ -3,18 +3,27 @@
 #show-create-focus:checked {
     &+#create-focus-modal {
         position: fixed;
-        display: -webkit-box;
-        display: -ms-flexbox;
         display: flex;
     }
 }
 
+#plugin-modal ol>li {
+    margin-bottom: 5px;
+}
+
 #plugin-modal-checkbox:checked {
     &+#plugin-modal {
         display: block;
     }
 }
 
+.settings-modal-buttons {
+    padding: 5px;
+    button {
+        margin: 5px
+    }
+}
+
 .metager-modal {
     display: none;
     position: absolute;
diff --git a/resources/assets/less/metager/searchbar.less b/resources/assets/less/metager/parts/searchbar.less
similarity index 75%
rename from resources/assets/less/metager/searchbar.less
rename to resources/assets/less/metager/parts/searchbar.less
index 295c9494076e5b4209cc4cb5cf45fc667a28fcd1..c92bac4b3aa54865f104deeb08f44bf6f8b7d3b6 100644
--- a/resources/assets/less/metager/searchbar.less
+++ b/resources/assets/less/metager/parts/searchbar.less
@@ -1,8 +1,5 @@
-/* Suchleiste */
-
-@startpage-border-color: #a2a2a2;
-/**/
-
+@searchbar-border-color: #a2a2a2;
+@searchbar-background-color: white;
 .searchbar {
     display: -webkit-box;
     display: -ms-flexbox;
@@ -93,6 +90,7 @@
             }
         }
         .search-input {
+            position: relative;
             -webkit-box-flex: 1;
             -ms-flex-positive: 1;
             flex-grow: 1;
@@ -110,6 +108,16 @@
                     border-radius: 4px;
                 }
             }
+            #search-delete-btn {
+                position: absolute;
+                right: 2px;
+                bottom: 1px;
+                width: auto;
+                border: none;
+                background-color: white;
+                font-size: 25px;
+                font-weight: normal;
+            }
         }
         .search-submit {
             button {
@@ -128,7 +136,7 @@
     .search-custom-hidden {
         display: none;
     }
-    @media (max-width: @screen-xs-max) {
+    @media (max-width: @screen-mobile) {
         -webkit-box-orient: vertical;
         -webkit-box-direction: reverse;
         -ms-flex-direction: column-reverse;
@@ -138,21 +146,21 @@
 
 .startpage-searchbar {
     >* {
-        border: 1px solid @startpage-border-color;
+        border: 1px solid @searchbar-border-color;
         &:not(:first-child) {
             border-left: none;
         }
     }
     .search-input-submit {
         border-radius: 5px;
-        @media (max-width: @screen-xs-max) {
+        @media (max-width: @screen-mobile) {
             max-width: initial;
         }
         >:not(:first-child) {
-            border-left: 1px solid @startpage-border-color;
+            border-left: 1px solid @searchbar-border-color;
         }
     }
-    @media (max-width: @screen-xs-max) {
+    @media (max-width: @screen-mobile) {
         .search-focus-selector {
             border: 1px solid #aaa;
             border-top: none;
@@ -177,7 +185,7 @@
     .search-input-submit {
         #search-lang,
         #search-key {
-            @media (max-width: @screen-xs-max) {
+            @media (max-width: @screen-mobile) {
                 display: none;
             }
         }
@@ -187,61 +195,8 @@
     }
 }
 
-header:nth-child(1) {
-    @media (max-width: 1400px) {
-        position: relative;
-    }
-}
-
-/* Scrollbar Style */
-
-@scrollfade-color: white;
-.scrollbox {
-    position: relative;
-    width: 100%;
-    max-width: @results-width-max;
-    .foki-scrollfade {
-        &-left,
-        &-right {
-            position: absolute;
-            width: 20px;
-            height: 40px;
-            top: 1px;
-            pointer-events: none;
-        }
-        &-left {
-            background: -webkit-gradient(linear, left top, right top, from(@scrollfade-color), color-stop(fade(@scrollfade-color, 80%)), to(fade(@scrollfade-color, 0%)));
-            background: linear-gradient(to right, @scrollfade-color, fade(@scrollfade-color, 80%), fade(@scrollfade-color, 0%));
-            left: 1px;
-        }
-        &-right {
-            background: -webkit-gradient(linear, right top, left top, from(@scrollfade-color), color-stop(fade(@scrollfade-color, 80%)), to(fade(@scrollfade-color, 0%)));
-            background: linear-gradient(to left, @scrollfade-color, fade(@scrollfade-color, 80%), fade(@scrollfade-color, 0%));
-            right: 1px;
-        }
-    }
-    .search-option-frame {
-        position: relative;
-    }
-}
-
 #research-bar-placeholder {
     width: 100%;
     max-width: 760px;
     height: 51px;
-}
-
-.search-input {
-    position: relative;
-}
-
-#search-delete-btn {
-    position: absolute;
-    right: 2px;
-    bottom: 1px;
-    width: auto;
-    border: none;
-    background-color: white;
-    font-size: 25px;
-    font-weight: normal;
 }
\ No newline at end of file
diff --git a/resources/assets/less/metager/settings.less b/resources/assets/less/metager/parts/settings.less
similarity index 89%
rename from resources/assets/less/metager/settings.less
rename to resources/assets/less/metager/parts/settings.less
index 5596a208808d6e0c1491f7ac8fe5153d3f0f2a04..0bc3e26f0100bde7630d2cb5f89b0c656a4f3ab0 100644
--- a/resources/assets/less/metager/settings.less
+++ b/resources/assets/less/metager/parts/settings.less
@@ -26,7 +26,12 @@
     margin-right: auto;
 }
 
-@media (max-width: @screen-xs-max) {
+label.select-label {
+    margin-bottom: 0;
+    margin-top: 10px;
+}
+
+@media (max-width: @screen-mobile) {
     html,
     body,
     .wrapper,
diff --git a/resources/assets/less/metager/sidebar.less b/resources/assets/less/metager/parts/sidebar.less
similarity index 91%
rename from resources/assets/less/metager/sidebar.less
rename to resources/assets/less/metager/parts/sidebar.less
index dd7aec9d495210706b2b1d223c1c736962ed5fbd..fd580d35214587c963c73d670e3599365c4b1d84 100644
--- a/resources/assets/less/metager/sidebar.less
+++ b/resources/assets/less/metager/parts/sidebar.less
@@ -1,9 +1,6 @@
-/* Navigations-Seitenleiste */
-
 .sidebar {
     border-left: 1px solid #ccc;
     box-shadow: 0px 1px 1.5px 1px #c0c0c0;
-    /**/
     position: fixed;
     display: block;
     top: 0px;
@@ -142,24 +139,44 @@
     }
 }
 
-input#sidebarToggle:checked {
-    &~.sidebar {
-        right: 0px;
-    }
-    &~.sidebar-opener {
-        &:after {
-            content: "×";
+@media (max-width: @screen-mobile) {
+    .sidebar {
+        padding-top: 15px;
+        right: -90%;
+        width: 90%;
+        overflow: auto;
+        .sidebar-list {
+            max-height: 1000px;
+        }
+        .sidebar-logo {
+            display: none;
+        }
+        ul.metager-dropdown-content {
+            position: inherit;
+            width: 100%;
         }
     }
+    .sidebar-opener {
+        // Make the open and close button bigger, so it is easier to hit
+        @sidebar-opener-mobile-magnification: 10px;
+        margin: @sidebar-opener-mobile-magnification;
+        top: (@sidebar-opener-position-top - @sidebar-opener-mobile-magnification);
+        right: (@sidebar-opener-position-right - @sidebar-opener-mobile-magnification);
+    }
+    .sidebar-opener-placeholder {
+        display: initial;
+    }
 }
 
+/* Sidebar opener */
+
 // Top right starting position of the sidebar icon
-@sidebar-opener-top: 23px;
-@sidebar-opener-right: 25px;
+@sidebar-opener-position-top: 23px;
+@sidebar-opener-position-right: 25px;
 .sidebar-opener {
     position: fixed;
-    top: @sidebar-opener-top;
-    right: @sidebar-opener-right;
+    top: @sidebar-opener-position-top;
+    right: @sidebar-opener-position-right;
     margin: 0px;
     z-index: 20;
     font-size: 36px;
@@ -180,31 +197,15 @@ input#sidebarToggle:checked {
     width: 45px;
 }
 
-@media (max-width: @screen-xs-max) {
-    .sidebar {
-        padding-top: 15px;
-        right: -90%;
-        width: 90%;
-        overflow: auto;
-        .sidebar-list {
-            max-height: 1000px;
-        }
-        .sidebar-logo {
-            display: none;
-        }
-        ul.metager-dropdown-content {
-            position: inherit;
-            width: 100%;
-        }
-    }
-    .sidebar-opener {
-        // Make the open and close button bigger, so it is easier to hit
-        @sidebar-opener-mobile-magnification: 10px;
-        margin: @sidebar-opener-mobile-magnification;
-        top: (@sidebar-opener-top - @sidebar-opener-mobile-magnification);
-        right: (@sidebar-opener-right - @sidebar-opener-mobile-magnification);
+/* Sidebar toggle checkbox */
+
+#sidebarToggle:checked {
+    &~.sidebar {
+        right: 0px;
     }
-    .sidebar-opener-placeholder {
-        display: initial;
+    &~.sidebar-opener {
+        &:after {
+            content: "×";
+        }
     }
 }
\ No newline at end of file
diff --git a/resources/assets/less/metager/specific.less b/resources/assets/less/metager/specific.less
deleted file mode 100644
index 889064be16ccc1aba5b6b846f006e987aa6f2ec6..0000000000000000000000000000000000000000
--- a/resources/assets/less/metager/specific.less
+++ /dev/null
@@ -1,211 +0,0 @@
-/* Rules for specific elements */
-
-ul.startpage {
-    list-style-type: none;
-}
-
-li#info {
-    white-space: pre-line;
-}
-
-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;
-}
-
-.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;
-    text-align: center;
-}
-
-.donation-form-group {
-    text-align: left;
-    font-size: 12px;
-}
-
-.checkbox {
-    margin-top: 5px;
-    margin-bottom: 5px;
-}
-
-.non-bold {
-    font-weight: normal;
-}
-
-.settings-checkbox .settings-icon {
-    margin-left: 5px;
-    font-size: 12px;
-}
-
-i.fa {
-    background-color: transparent;
-}
-
-a.content.hidden-xs {
-    color: @a-content-hidden-xs-color;
-}
-
-.navbar-brand {
-    line-height: 100% !important;
-    padding: 0;
-    position: absolute;
-    z-index: 5;
-    left: 10px;
-    .noprint;
-}
-
-.dotlist li {
-    margin-bottom: 5px !important;
-}
-
-.emphasize {
-    @media (min-width: 768px) {
-        font-size: 17px;
-    }
-}
-
-form.contact {
-    max-width: 500px;
-}
-
-label.select-label {
-    margin-bottom: 0;
-    margin-top: 10px;
-}
-
-.donation-form-group label {
-    font-weight: bold;
-}
-
-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;
-    }
-    fieldset {
-        border: 0;
-    }
-}
-
-.panel-title {
-    font-weight: bold;
-}
-
-.fake-result {
-    *:hover {
-        overflow: visible !important;
-    }
-    .result-footer {
-        overflow: hidden;
-        align-items: center;
-    }
-    .open-result-options label {
-        padding: 10px;
-        border: 2px dashed red;
-        border-radius: 100%;
-        color: black;
-        font-size: 14px;
-        text-decoration: none;
-        font-weight: normal;
-    }
-}
-
-.hilfe,
-.faq {
-    section {
-        .card-heavy;
-        h3 {
-            border-bottom: 1px solid #aaa;
-        }
-        .search-example {
-            border: 1px solid #aaa;
-            background-color: #eee;
-            border-radius: 5px;
-            padding: 10px;
-        }
-    }
-}
\ No newline at end of file
diff --git a/resources/assets/less/metager/start-page.less b/resources/assets/less/metager/start-page.less
deleted file mode 100644
index b2e78689423f525e54e3674077226761288794b7..0000000000000000000000000000000000000000
--- a/resources/assets/less/metager/start-page.less
+++ /dev/null
@@ -1,137 +0,0 @@
-/* Startseite */
-
-@search-bar-width: 1000px;
-//
-@focus-hover-focus-edit-background-color: #e3e3e3;
-@focus-radio-checked-focus-label-focus-edit-background-color: #e3e3e3;
-@foki-edge-rounding: 7px;
-.mg-panel {
-    flex-grow: 1;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    @media(max-width: @search-bar-width) {
-        width: 100%;
-    }
-    @media(min-width: @search-bar-width) {
-        width: @search-bar-width;
-    }
-    .settings-modal-buttons {
-        padding: 5px;
-        button {
-            margin: 5px
-        }
-    }
-    .startpage-foki,
-    .foki {
-        display: flex;
-        flex-wrap: wrap;
-        justify-content: center;
-        input {
-            visibility: hidden;
-            &+.custom-focus-label {
-                border-radius: @foki-edge-rounding 0px 0px @foki-edge-rounding;
-            }
-            &+.custom-focus-label+.custom-focus-edit {
-                margin-left: 5px;
-                display: inline-block;
-                border-radius: 0px @foki-edge-rounding @foki-edge-rounding 0px;
-            }
-        }
-        label {
-            & span:not(.badge) {
-                background-color: transparent;
-            }
-        }
-    }
-    .focus {
-        margin: 0px;
-        &~.focus {
-            margin-left: 10px;
-        }
-        &:hover {
-            .focus-label,
-            .focus-edit {
-                cursor: pointer;
-                background-color: @focus-hover-focus-edit-background-color;
-            }
-        }
-    }
-    .focus-radio:checked {
-        &+.focus-label,
-        &+.focus-label+.focus-edit {
-            background-color: @focus-radio-checked-focus-label-focus-edit-background-color;
-        }
-    }
-    .focus-label,
-    .focus-edit {
-        margin: 0px;
-        border-radius: 7px;
-        padding: 7px;
-        font-weight: normal;
-    }
-    #plugin-btn-div {
-        display: flex;
-        justify-content: center;
-        margin-top: 5px;
-    }
-    #plugin-btn {
-        color: @text-color;
-    }
-}
-
-#more-information {
-    flex-grow: 2;
-    padding-top: 50px;
-    display: flex;
-    @media(max-width: @screen-xs-max) {
-        flex-direction: column;
-    }
-    #about-us {
-        max-width: 500px;
-        margin-right: 50px;
-        @media(max-width: @screen-xs-max) {
-            margin: 0px 8px;
-        }
-        h2 {
-            font-size: 21px;
-        }
-        p {
-            font-size: 15px;
-        }
-    }
-    #sponsors {
-        @media(max-width: @screen-xs-max) {
-            margin: 20px 5px;
-        }
-        h2 {
-            font-size: 21px;
-        }
-        ul {
-            padding: 0px;
-            text-align: left;
-            li.sponsor {
-                a {
-                    color: inherit;
-                    display: flex;
-                    justify-content: space-between;
-                    font-size: 15px;
-                    i {
-                        margin-left: 10px;
-                    }
-                }
-            }
-        }
-    }
-}
-
-#spendenaufruf {
-    text-align: center;
-    a {
-        background-color: white;
-        display: inline-block;
-        width: 100%;
-        max-width: 770px;
-        margin-bottom: 10px;
-    }
-}
\ No newline at end of file
diff --git a/resources/assets/less/metager/variables.less b/resources/assets/less/metager/variables.less
index 0632f3346073d425420593ad77dece2c5ff53d6b..c66a306b49ff786a4f03abf7e21a28182c698641 100644
--- a/resources/assets/less/metager/variables.less
+++ b/resources/assets/less/metager/variables.less
@@ -1,6 +1,6 @@
 // MetaGer Brand Color
 @metager-orange: #FF8000;
-// General Colors
+// Shades of Gray
 @color-white: white;
 @color-almost-white: mix(@color-white, @color-black, 90%);
 @color-light-grey: mix(@color-white, @color-black, 75%);
@@ -8,17 +8,10 @@
 @color-strong-grey: mix(@color-white, @color-black, 25%);
 @color-almost-black: mix(@color-white, @color-black, 10%);
 @color-black: black;
-// General Background Color
+// Default Background Color
 @background-color: #FAFAFA;
-// Signal Colors
-@brand-success: #5cb85c;
-@brand-info: #FB0;
-@brand-warning: #f0ad4e;
-@brand-danger: #d9534f;
-//
-@body-bg: rgb(250, 250, 250);
-@input-border-focus: @metager-orange;
-@font-family-sans-serif: Arimo,
+// Default Font
+@metager-font: Arimo,
 "Liberation Sans",
 "Helvetica Neue",
 Helvetica,
@@ -26,41 +19,11 @@ Arial,
 sans-serif;
 // General text color.
 @text-color: @color-black;
-// General textual link color.
-@link-color: #0066CC;
-//
+// Default textual link color.
+@link-color: #06C;
+// Default Mini-Padding
 @padding-small-default: 8px;
 // Screen sizes
-@screen-xs-max: 767px;
-@screen-sm-max: 991;
-@screen-md-max: 1199px;
-@screen-lg: 1200;
-/* Unsorted */
-
-@quicktip-background-color: @color-white;
-@navbar-default-background-color: @color-white;
-@form-group-color: @color-black;
-@modal-content-box-shadow-color: fade(@color-black, 30%);
-@a-content-hidden-xs-color: @color-almost-black;
-@section-box-shadow-color: fade(@color-black, 55%);
-@body-background-color: @background-color;
-@hostlabel-a-link-or-visited-color: @color-white;
-@hostlabel-background-color: @color-strong-grey;
-@navbar-resultpage-background-color: @color-white;
-@navbar-resultpage-ul-li-a-metager-dropdown-toggle-hover-or-focus-background-color: @color-almost-white;
-@research-a-color: @color-black;
-@content-wrapper-background-color: @color-white;
-@a-donation-normal-or-visited-color: inherit;
-@spruch-author-color: @color-strong-grey;
-@result-description-color: @color-black;
-@result-description-img-border-color: @color-almost-white;
-@options-list-li-hover-background-color: @color-almost-white;
-@options-list-li-a-color: @color-strong-grey;
-@image-item-img-box-shadow-color: fade(@color-black, 30%);
-@searchplugin-a-color: @color-white;
-@product-border-color: @color-almost-white;
-@product-a-color: @color-strong-grey;
-@product-price-color: @color-strong-grey;
-@product-price-background-color: fade(@color-white, 90%);
-@lsprev-or-lsnext-i-background-color: @color-black;
-@searchbar-background-color: white;
\ No newline at end of file
+@screen-mobile: 760px;
+@screen-small: 1000;
+@screen-medium: 1200px;
\ No newline at end of file
diff --git a/resources/lang/en/faktencheck.php b/resources/lang/en/faktencheck.php
index 570e58df5e95b11e8d460a441a98fba495e7bef6..8ebb8b03547dfec0d3dbc481eb3d1d482b2a9b86 100644
--- a/resources/lang/en/faktencheck.php
+++ b/resources/lang/en/faktencheck.php
@@ -1,37 +1,37 @@
 <?php
 
 return [
-    "heading.1"	=>	"Fact-checks versus fake news:",
-    "paragraph.1"	=>	"Which origin has this message?",
-    "list.1"	=>	"Web",
-    "list.1.1"	=>	"Has this web document an imprint? What can be found out about these specified persons, companies....",
-    "list.1.2"	=>	"Checking the WHOIS database: who is listed as the owner / operator of the website / page? Does these informations fit with the imprint? What can be found out about the owner of the web document? (<a href=\"https://de.wikipedia.org/wiki/Whois\" target=\"_blank\" rel=\"noopener\">https://de.wikipedia.org/wiki/Whois</a>)",
-    "list.1.3"	=>	"On the page: Is there an author mentioned? What can be found out about that author?",
-    "list.1.4"	=>	"Is it a very well known author on this subject? Any Wikipedia entries?",
-    "list.1.5"	=>	"Does the text contain facts which can be sifted? Other sources -not only internet- known and available? ",
-    "list.1.6"	=>	"Does the writing style indicate if the text could be ironical?",
-    "list.1.7"	=>	"Does the author use a proper citation which can be sifted elsewhere?",
-    "list.1.8"	=>	"Is the argumentation logical and reasonable ?",
-    "list.2"	=>	"Facebook and other social nets or panels",
-    "list.2.1"	=>	"The message is not very believable if there is no real appearing authors name.",
-    "list.2.2"	=>	"Are there additional informations referring to this author's name?",
-    "list.2.3"	=>	"Can be verified if this name is real? Is the person reachable on other channels? Is it possible to speak with this person?",
-    "list.2.4"	=>	"Is there a verified Facebook profile?  (<a href=\"https://www.facebook.com/help/196050490547892\" target=\"_blank\" rel=\"noopener\">https://www.facebook.com/help/196050490547892</a>)",
-    "list.2.5"	=>	"Since when is this profile online?",
-    "list.2.6"	=>	"How many friends are listed in this profile? Can be found out anything about these profiles?",
-    "list.3"	=>	"Wikipedia",
-    "list.3.1"	=>	"Not everything which can be found on wikipedia is true!",
-    "list.3.2"	=>	"Check the history: Who wrote this at what time?",
-    "list.3.3"	=>	"Can be found out anything about these authors?",
-    "list.3.4"	=>	"Is there a special discussion page on wikipedia?",
-    "list.4"	=>	"Emails",
-    "list.4.1"	=>	"It's very easy to fake Emails or to manipulate accounts. => Fakemails.",
-    "list.4.2"	=>	"It' not easy to find out the origin and other facts of an email. You may find some hints here: <a href=\"http://cert.uni-stuttgart.de/themen/spam/header.html\" target=\"_blank\" rel=\"noopener\">http://cert.uni-stuttgart.de/themen/spam/header.html</a>",
-    "list.4.3"	=>	"It is very good and safe to use encrypted mails. Hints: <a href=\"https://www.heise.de/ct/artikel/Ausgebootet-289538.html\" target=\"_blank\" rel=\"noopener\">https://www.heise.de/ct/artikel/Ausgebootet-289538.html</a> ",
-    "list.5"	=>	"Pictures an videos",
-    "list.5.1"	=>	"Check out the image background. Landscape, buildings, cars with their registration numbers, persons and clothes. Does this fit together? Does it fit with the text?",
-    "list.5.2"	=>	"Could be find similar pictures with an reverse-image-search (provided by image search engines)?",
-    "list.5.3"	=>	"Open the image file with a graphic application: are their metadatas inside the image and do they fit with the image content?",
-    "list.6"	=>	"There is a \"Fake News Check\"-App for the smartphone which considers very subjective and emotional issues.",
-    "list.7"	=>	"There's no such thing as absolute security against fakes."
-];
\ No newline at end of file
+    "heading.1"   => "Fact-checks versus fake news:",
+    "paragraph.1" => "Which origin has this message?",
+    "list.1"      => "Web",
+    "list.1.1"    => "Does this web document have a site notice? What can be found out about these specified persons, companies....",
+    "list.1.2"    => "Checking the WHOIS database: Who is listed as the owner / operator of the website / page? Does this information fit with the site notice? What can be found out about the owner of the web document? (<a href=\"https://de.wikipedia.org/wiki/Whois\" target=\"_blank\" rel=\"noopener\">https://de.wikipedia.org/wiki/Whois</a>)",
+    "list.1.3"    => "On the page: Is there an author mentioned? What can be found out about that author?",
+    "list.1.4"    => "Is it a very well known author on this subject? Any Wikipedia entries?",
+    "list.1.5"    => "Does the text contain facts which can be sifted? Other sources -not only internet- known and available? ",
+    "list.1.6"    => "Does the writing style indicate if the text could be ironical?",
+    "list.1.7"    => "Does the author use a proper citation which can be sifted elsewhere?",
+    "list.1.8"    => "Is the argumentation logical and reasonable ?",
+    "list.2"      => "Facebook and other social nets or panels",
+    "list.2.1"    => "The message is not very believable if there is no real appearing authors name.",
+    "list.2.2"    => "Are there additional informations referring to this author's name?",
+    "list.2.3"    => "Can be verified if this name is real? Is the person reachable on other channels? Is it possible to speak with this person?",
+    "list.2.4"    => "Is there a verified Facebook profile?  (<a href=\"https://www.facebook.com/help/196050490547892\" target=\"_blank\" rel=\"noopener\">https://www.facebook.com/help/196050490547892</a>)",
+    "list.2.5"    => "Since when is this profile online?",
+    "list.2.6"    => "How many friends are listed in this profile? Can be found out anything about these profiles?",
+    "list.3"      => "Wikipedia",
+    "list.3.1"    => "Not everything which can be found on wikipedia is true!",
+    "list.3.2"    => "Check the history: Who wrote this at what time?",
+    "list.3.3"    => "Can be found out anything about these authors?",
+    "list.3.4"    => "Is there a special discussion page on wikipedia?",
+    "list.4"      => "Emails",
+    "list.4.1"    => "It's very easy to fake Emails or to manipulate accounts. => Fakemails.",
+    "list.4.2"    => "It' not easy to find out the origin and other facts of an email. You may find some hints here: <a href=\"http://cert.uni-stuttgart.de/themen/spam/header.html\" target=\"_blank\" rel=\"noopener\">http://cert.uni-stuttgart.de/themen/spam/header.html</a>",
+    "list.4.3"    => "It is very good and safe to use encrypted mails. Hints: <a href=\"https://www.heise.de/ct/artikel/Ausgebootet-289538.html\" target=\"_blank\" rel=\"noopener\">https://www.heise.de/ct/artikel/Ausgebootet-289538.html</a> ",
+    "list.5"      => "Pictures an videos",
+    "list.5.1"    => "Check out the image background. Landscape, buildings, cars with their registration numbers, persons and clothes. Does this fit together? Does it fit with the text?",
+    "list.5.2"    => "Could be find similar pictures with an reverse-image-search (provided by image search engines)?",
+    "list.5.3"    => "Open the image file with a graphic application: are their metadatas inside the image and do they fit with the image content?",
+    "list.6"      => "There is a \"Fake News Check\"-App for the smartphone which considers very subjective and emotional issues.",
+    "list.7"      => "There's no such thing as absolute security against fakes.",
+];
diff --git a/resources/lang/en/index.php b/resources/lang/en/index.php
index 6364b6412fa2be78a224c7c3420aff0ac923f811..96182180c8345925092b024961b187e8262da75f 100644
--- a/resources/lang/en/index.php
+++ b/resources/lang/en/index.php
@@ -1,137 +1,135 @@
 <?php
 
 return [
-    "foki.web"	=>	"Web",
-    "foki.bilder"	=>	"Pictures",
-    "foki.nachrichten"	=>	"News/Politics",
-    "foki.wissenschaft"	=>	"Science",
-    "foki.produkte"	=>	"Shopping",
-    "foki.angepasst"	=>	"Customized",
-    "foki.maps"           => "maps.metager.de",
-
-    "design"	=>	"select personal theme",
-
-    "conveyor"	=>	"Purchase at affiliate shops",
-    "partnertitle"	=>	"Support MetaGer without any costs to you",
-    "mapstitle"	=>	"MetaGer Maps Service",
-
-    "plugin"	=>	"Add MetaGer-Plugin",
-    "plugintitle"	=>	"add MetaGer to your browser",
-
-    "focus-creator.head"	=>	"Customize search",
-    "focus-creator.description"	=>	"Arrange a personal search",
-    "focus-creator.name-placeholder"	=>	"Label of search focus",
-    "focus-creator.save"	=>	"Save search focus",
-    "focus-creator.delete"	=>	"Delete search focus",
-    "focus-creator.focusname"	=>	"Focus:",
+    "foki.web"                       => "Web",
+    "foki.bilder"                    => "Pictures",
+    "foki.nachrichten"               => "News/Politics",
+    "foki.wissenschaft"              => "Science",
+    "foki.produkte"                  => "Shopping",
+    "foki.angepasst"                 => "Customized",
+    "foki.maps"                      => "maps.metager.de",
+
+    "design"                         => "select personal theme",
+
+    "conveyor"                       => "Purchase at affiliate shops",
+    "partnertitle"                   => "Support MetaGer without any costs to you",
+    "mapstitle"                      => "MetaGer Maps Service",
+
+    "plugin"                         => "Add MetaGer-Plugin",
+    "plugintitle"                    => "add MetaGer to your browser",
+
+    "focus-creator.head"             => "Customize search",
+    "focus-creator.description"      => "Arrange a personal search",
+    "focus-creator.name-placeholder" => "Label of search focus",
+    "focus-creator.save"             => "Save search focus",
+    "focus-creator.delete"           => "Delete search focus",
+    "focus-creator.focusname"        => "Focus:",
 
     'slogan.title'                   => 'MetaGer: Privacy protected Search and Find',
-    'slogan.1'=> 'We provide privacy & data protection and we are a non profit NGO. <a href="/beitritt">Become a member</a> oder <a href="/spende">donate</a>! Our source code is open:<a href="https://gitlab.metager3.de/open-source/MetaGer"</a>' ,
+    'slogan.1'                       => 'We provide privacy & data protection and we are a non profit NGO. <a href="/beitritt">Become a member</a> oder <a href="/spende">donate</a>! Our source code is open: <a href="https://gitlab.metager3.de/open-source/MetaGer">gitlab.metager3.de</a>',
     'slogan.2'                       => 'You keep a neutral view on the web by using MetaGer',
 
-    "sponsors.head.1"	=>	"Further Information",
-    "sponsors.head.2"	=>	"Sponsors",
-    'sponsors.woxikon'    => 'Tagesgeld jetzt!',
-    'sponsors.gutscheine' => 'Aktuelle Gutscheine auf Gutschein-Magazin.de',
-    'sponsors.seo'        => 'Suchmaschinenoptimierung',
+    "sponsors.head"                  => "Sponsors",
+    'sponsors.woxikon'               => 'Tagesgeld jetzt!',
+    'sponsors.gutscheine'            => 'Aktuelle Gutscheine auf Gutschein-Magazin.de',
+    'sponsors.seo'                   => 'Suchmaschinenoptimierung',
 
-    "about.title"	=>	"About Us",
-    "about.1.1"	=>	"We provide <a href=\"/en/datenschutz\">privacy & data protection.</a>",
-    "about.2.1"	=>	"We are a <a href=\"/en/spende\">non profit NGO</a>. <a href=\"https://gitlab.metager3.de/open-source/MetaGer\" target=\"_blank\">Our source code is open:</a>",
-    "about.3.1"	=>	"Everyone might check our data protection & privacy features.",
+    "about.title"                    => "About Us",
+    "about.1.1"                      => "We provide <a href=\"/en/datenschutz\">privacy & data protection.</a>",
+    "about.2.1"                      => 'We are a <a href="/en/spende">non profit NGO</a>. Our source code is open:<a href="https://gitlab.metager3.de/open-source/MetaGer" target="_blank">gitlab.metager3.de</a>',
+    "about.3.1"                      => "Everyone might check our data protection & privacy features.",
 
-     'lang.tooltip'                   => 'Language',
+    'lang.tooltip'                   => 'Language',
     'key.placeholder'                => 'Enter member key',
     'key.tooltip'                    => 'Enter member key',
 
-    "placeholder"	=>	"MetaGer: Privacy Protected Search & Find",
+    "placeholder"                    => "MetaGer: Privacy Protected Search & Find",
 
-    'plugin.open-modal'  => 'Install MetaGer-Plugin',
-    'plugin.open-modal.title'  => 'Add the MetaGer-Plugin to your browser',
-    "plugin.head.1"	=>	"Add MetaGer to your Firefox",
-    "plugin.head.2"	=>	"Add MetaGer to your Chrome",
-    "plugin.head.3"	=>	"Add MetaGer to your Opera",
-    "plugin.head.4"	=>	"Add MetaGer to your Internet Explorer",
-    "plugin.head.5"	=>	"Add MetaGer to your Microsoft Edge",
-    "plugin.head.6"	=>	"Add MetaGer to your Safari",
-    "plugin.head.7"	=>	"Add Metager to your Vivaldi",
-    "plugin.head.8"	=>	"Add MetaGer to your Firefox Focus",
-    "plugin.head.info"	=>	"(selected search preferences will be used)",
+    'plugin.open-modal'              => 'Install MetaGer-Plugin',
+    'plugin.open-modal.title'        => 'Add the MetaGer-Plugin to your browser',
+    "plugin.head.1"                  => "Add MetaGer to your Firefox",
+    "plugin.head.2"                  => "Add MetaGer to your Chrome",
+    "plugin.head.3"                  => "Add MetaGer to your Opera",
+    "plugin.head.4"                  => "Add MetaGer to your Internet Explorer",
+    "plugin.head.5"                  => "Add MetaGer to your Microsoft Edge",
+    "plugin.head.6"                  => "Add MetaGer to your Safari",
+    "plugin.head.7"                  => "Add Metager to your Vivaldi",
+    "plugin.head.8"                  => "Add MetaGer to your Firefox Focus",
+    "plugin.head.info"               => "(selected search preferences will be used)",
 
     'plugin.firefox.plugin'          => 'You can download the plugin for Firefox <a href="https://addons.mozilla.org/en-GB/firefox/addon/metager-suche/?src=search" target="_blank">here</a>. Using the plugin allows you to keep your search settings even when deleting your history data. Alternatively you can set MetaGer as your default search engine:',
-    "plugin.firefox.1" => 'In your browser, click on "<i class="fa fa-ellipsis-h"></i>" in the upper right corner of the address bar to open the page action menu and then click on "Add search engine" (see picture)',
-    "plugin.firefox.2" => 'Open the Firefox settings. For this, enter "about: preferences" in the address bar. Now enter "search engine" in the search box in the upper right corner. In the section "Default search engine" select MetaGer (see picture).',
-    "plugin.firefox.3"	=>	"Use MetaGer as start page in :browser",
-    "plugin.firefox.4"    => "Click top right in your browser on <i class=\"fa fa-menu\" aria-hidden=\"true\"></i><span class=\"sr-only\">the three small horizontal lines</span> (menu) and open \"Preferences\"",
-    "plugin.firefox.5"	=>	"Type in field \"Home Page\" => \"https://metager.de/en/\"",
-
-    'plugin.firefox-klar.1'     => 'Click on the cog icon next to the searchbar to open your browser settings (click on <i class="fa fa-ellipsis-v"></i> when using an Android device)',
-    'plugin.firefox-klar.2'     => 'Select \'Searchengine\' under the \'Search\' menu item (see picture below).',
-    'plugin.firefox-klar.3'     => 'Click on \'Add another search engine\' and fill in the textfields as seen in the picture below.',
-    'plugin.firefox-klar.4'     => 'Be careful not to add whitespaces at the end of the searchstring, otherwise Firefox Focus won\'t let you save your changes.',
-
-
-    "plugin.chrome.1"     => "Click in your Chrome browser on <i class=\"fa fa-ellipsis-v\"></i> and in the next menu on \"Preferences\" to open the settings of your Chrome browser",
-    "plugin.chrome.2"	=>	"Click in field \"Search\" on manage search engines",
-    "plugin.chrome.3"	=>	"Now you will find an entry \"MetaGer\". Move your mouse over that entry and click on \"Standard\",",
-    "plugin.chrome.4"	=>	"Set up MetaGer as start page in your browser",
-    "plugin.chrome.5"     => "Click in your browser on<i class=\"fa fa-ellipsis-v\"></i> and open \"Preferences\"",
-    "plugin.chrome.6"	=>	"In the field \"Start\" choose \"Open specific Page/s\" and then click on \"Choose Page/s\"",
-    "plugin.chrome.7"	=>	"Type in https://metager.de/en/\" as URL at \"Add new page\"",
-    "plugin.chrome.8"	=>	"Hint: Every Webpage in this field will be opened when you start your browser. You can delete entries by moving the mouse on it and click \"x\"",
-   
-    "plugin.opera.1"	=>	"Click on <a href=\"/\" target=\"_blank\" rel=\"noopener\">hier</a> to open MetaGer in a new TAB",
-    "plugin.opera.2"	=>	"In that news TAB click with the right mouse button within the search field in the middle of the page",
-    "plugin.opera.3"	=>	"Choose \"create search engine\" in the menu",
-    "plugin.opera.4"	=>	"Click \"create\" within the popup",
-    "plugin.opera.5"	=>	"(Unfortunately it is no loger possible to set up new search engines in the Opera browser as standard, but you might install the  open source browser <a href=\"https://www.mozilla.org/de/firefox/new/\" target=\"_blank\" rel=\"noopener\">Firefox</a>, who does support that)",
-    "plugin.opera.6"	=>	"Set up MetaGer as start page in your browser",
-    "plugin.opera.7"	=>	"Click in browser menu on \"Edit\" and them \"Preferences\"",
-    "plugin.opera.8"	=>	"In the field \"Start\" choose \"Open specific Page\\/s\" and then click on \"Choose Page\\/s\"",
-    "plugin.opera.9"	=>	"Type in https://metager.de/en/\" as URL at \"Add new page\"",
-    "plugin.opera.10"	=>	"Click on OK",
-   
-    "plugin.IE.1"	=>	"Click <a href=\"javascript:window.external.addSearchProvider($('link[rel=search]').attr('href'));\">here</a> to add MetaGer as search engine",
-    "plugin.IE.4"	=>	"Click top right in your browser on \"Extras\"",
-    "plugin.IE.5"	=>	"Choose the menu \"manage Add-Ons\"",
-    "plugin.IE.6"	=>	"Click in field \"Add-Ons\" on \"search provider\" and the on the right on \"MetaGer\"",
-    "plugin.IE.7"	=>	"Coose button \"Standard\"",
-    "plugin.IE.8"	=>	"Set up MetaGer as start page in your browser",
-    "plugin.IE.9"         => "Click at top right in your browser on <i class=\"fa fa-cog\"></i> and open \"Internet Options\"",
-    "plugin.IE.10"	=>	"If MetaGer should be your only startpage mark the existing text within the text field, and replace it by \"https://metager.de/en/\"",
-    "plugin.IE.11"	=>	"Click on OK",
-   
-    "plugin.edge.1"	=>	"Click in your browser top right on Extras (",
-    "plugin.edge.2"	=>	") and choose \"Preferences\"",
-    "plugin.edge.3"	=>	"Scroll down and click on \"Show adavanced Preferences\"",
-    "plugin.edge.4"	=>	"Scroll again down to topic \"within addresses\" and click on \"Change\"",
-    "plugin.edge.5"	=>	"Choose \"MetaGer ...\" and click on \"Standard\"",
-    "plugin.edge.6"	=>	"Set up MetaGer as start page in :browser",
-    "plugin.edge.7"       => "Click at top right in your browser on <i class=\"fa fa-ellipsis-h\"></i> and open \"Preferences\"",
-    "plugin.edge.8"	=>	"Choose in the field \"Open\" the topic \"Specific pages\"",
-    "plugin.edge.9"	=>	"Choose \"User defined\" within drop down menu",
-    "plugin.edge.10"	=>	"Type \"https://metager.de/en/\" in field \"Webaddress\" and click on \"+\"",
-    "plugin.edge.11"	=>	"Delete all entries which should not be opened at start (for example \"about:start\") by click on \"x\"",
-   
-    "plugin.safari.1"	=>	"Install the Safari-PlugIn <a href=\"http://www.opensearchforsafari.com/\" target=\"_blank\" rel=\"noopener\">OpenSearchforSafari</a>.",
-    "plugin.safari.2"	=>	"Open MetaGer and add MetaGer by the OpenSearch-button within the Safari menu",
-    "plugin.safari.3"	=>	"Delete (if you want) other search engines by clicking on \"X\"",
-    "plugin.safari.4"	=>	"Now you might search with MetaGer via the OpenSearch-button (magnifying glass symbol)",
-   
-    "plugin.faq.1"	=>	"See also:",
-    "plugin.faq.2"	=>	"Metager FAQ - Plugin",
-    
-    "plugin.vivaldi.1"	=>	"Click the red logo \"Vivaldi\" at the top left of your web browser. Then select \"Tools / Preferences\"",
-    "plugin.vivaldi.2"	=>	"Within the new menu choose \"search\"",
-    "plugin.vivaldi.3"	=>	"Select \"Add new search\"",
-    "plugin.vivaldi.4"	=>	"Enter \"https://metager.de/meta/meta.ger3?eingabe=%s\" into the field \"URL\"",
-    "plugin.vivaldi.5"	=>	"Please enter \"MetaGer\" as the description and \"mg\" as abbreviation.",
-    "plugin.vivaldi.6"	=>	"Check \"Set as standard\" if you want MetaGer to be your standard search engine.",
-    "plugin.vivaldi.7"	=>	"Click \"Add\".",
-    "plugin.vivaldi.8"	=>	"Set MetaGer.de as the start page of your web browser :browser",
-    "plugin.vivaldi.9"	=>	"Click the red logo \"Vivaldi\" at the top left of your web browser. Then select \"Tools / Preferences\"",
-    "plugin.vivaldi.10"	=>	"Enter \"https://metager.de\" into the field \"Start page\"",
-    'tooltips.add-focus'                      => 'Adjust search',
-    'tooltips.edit-focus'                     => 'Change the actual focus',
-    'tooltips.settings' => 'Common settings',
+    "plugin.firefox.1"               => 'In your browser, click on "<i class="fa fa-ellipsis-h"></i>" in the upper right corner of the address bar to open the page action menu and then click on "Add search engine" (see picture)',
+    "plugin.firefox.2"               => 'Open the Firefox settings. For this, enter "about: preferences" in the address bar. Now enter "search engine" in the search box in the upper right corner. In the section "Default search engine" select MetaGer (see picture).',
+    "plugin.firefox.3"               => "Use MetaGer as start page in :browser",
+    "plugin.firefox.4"               => "Click top right in your browser on <i class=\"fa fa-menu\" aria-hidden=\"true\"></i><span class=\"sr-only\">the three small horizontal lines</span> (menu) and open \"Preferences\"",
+    "plugin.firefox.5"               => "Type in field \"Home Page\" => \"https://metager.de/en/\"",
+
+    'plugin.firefox-klar.1'          => 'Click on the cog icon next to the searchbar to open your browser settings (click on <i class="fa fa-ellipsis-v"></i> when using an Android device)',
+    'plugin.firefox-klar.2'          => 'Select \'Searchengine\' under the \'Search\' menu item (see picture below).',
+    'plugin.firefox-klar.3'          => 'Click on \'Add another search engine\' and fill in the textfields as seen in the picture below.',
+    'plugin.firefox-klar.4'          => 'Be careful not to add whitespaces at the end of the searchstring, otherwise Firefox Focus won\'t let you save your changes.',
+
+    "plugin.chrome.1"                => "Click in your Chrome browser on <i class=\"fa fa-ellipsis-v\"></i> and in the next menu on \"Preferences\" to open the settings of your Chrome browser",
+    "plugin.chrome.2"                => "Click in field \"Search\" on manage search engines",
+    "plugin.chrome.3"                => "Now you will find an entry \"MetaGer\". Move your mouse over that entry and click on \"Standard\",",
+    "plugin.chrome.4"                => "Set up MetaGer as start page in your browser",
+    "plugin.chrome.5"                => "Click in your browser on<i class=\"fa fa-ellipsis-v\"></i> and open \"Preferences\"",
+    "plugin.chrome.6"                => "In the field \"Start\" choose \"Open specific Page/s\" and then click on \"Choose Page/s\"",
+    "plugin.chrome.7"                => "Type in https://metager.de/en/\" as URL at \"Add new page\"",
+    "plugin.chrome.8"                => "Hint: Every Webpage in this field will be opened when you start your browser. You can delete entries by moving the mouse on it and click \"x\"",
+
+    "plugin.opera.1"                 => "Click on <a href=\"/\" target=\"_blank\" rel=\"noopener\">hier</a> to open MetaGer in a new TAB",
+    "plugin.opera.2"                 => "In that news TAB click with the right mouse button within the search field in the middle of the page",
+    "plugin.opera.3"                 => "Choose \"create search engine\" in the menu",
+    "plugin.opera.4"                 => "Click \"create\" within the popup",
+    "plugin.opera.5"                 => "(Unfortunately it is no loger possible to set up new search engines in the Opera browser as standard, but you might install the  open source browser <a href=\"https://www.mozilla.org/de/firefox/new/\" target=\"_blank\" rel=\"noopener\">Firefox</a>, who does support that)",
+    "plugin.opera.6"                 => "Set up MetaGer as start page in your browser",
+    "plugin.opera.7"                 => "Click in browser menu on \"Edit\" and them \"Preferences\"",
+    "plugin.opera.8"                 => "In the field \"Start\" choose \"Open specific Page\\/s\" and then click on \"Choose Page\\/s\"",
+    "plugin.opera.9"                 => "Type in https://metager.de/en/\" as URL at \"Add new page\"",
+    "plugin.opera.10"                => "Click on OK",
+
+    "plugin.IE.1"                    => "Click <a href=\"javascript:window.external.addSearchProvider($('link[rel=search]').attr('href'));\">here</a> to add MetaGer as search engine",
+    "plugin.IE.4"                    => "Click top right in your browser on \"Extras\"",
+    "plugin.IE.5"                    => "Choose the menu \"manage Add-Ons\"",
+    "plugin.IE.6"                    => "Click in field \"Add-Ons\" on \"search provider\" and the on the right on \"MetaGer\"",
+    "plugin.IE.7"                    => "Coose button \"Standard\"",
+    "plugin.IE.8"                    => "Set up MetaGer as start page in your browser",
+    "plugin.IE.9"                    => "Click at top right in your browser on <i class=\"fa fa-cog\"></i> and open \"Internet Options\"",
+    "plugin.IE.10"                   => "If MetaGer should be your only startpage mark the existing text within the text field, and replace it by \"https://metager.de/en/\"",
+    "plugin.IE.11"                   => "Click on OK",
+
+    "plugin.edge.1"                  => "Click in your browser top right on Extras (",
+    "plugin.edge.2"                  => ") and choose \"Preferences\"",
+    "plugin.edge.3"                  => "Scroll down and click on \"Show adavanced Preferences\"",
+    "plugin.edge.4"                  => "Scroll again down to topic \"within addresses\" and click on \"Change\"",
+    "plugin.edge.5"                  => "Choose \"MetaGer ...\" and click on \"Standard\"",
+    "plugin.edge.6"                  => "Set up MetaGer as start page in :browser",
+    "plugin.edge.7"                  => "Click at top right in your browser on <i class=\"fa fa-ellipsis-h\"></i> and open \"Preferences\"",
+    "plugin.edge.8"                  => "Choose in the field \"Open\" the topic \"Specific pages\"",
+    "plugin.edge.9"                  => "Choose \"User defined\" within drop down menu",
+    "plugin.edge.10"                 => "Type \"https://metager.de/en/\" in field \"Webaddress\" and click on \"+\"",
+    "plugin.edge.11"                 => "Delete all entries which should not be opened at start (for example \"about:start\") by click on \"x\"",
+
+    "plugin.safari.1"                => "Install the Safari-PlugIn <a href=\"http://www.opensearchforsafari.com/\" target=\"_blank\" rel=\"noopener\">OpenSearchforSafari</a>.",
+    "plugin.safari.2"                => "Open MetaGer and add MetaGer by the OpenSearch-button within the Safari menu",
+    "plugin.safari.3"                => "Delete (if you want) other search engines by clicking on \"X\"",
+    "plugin.safari.4"                => "Now you might search with MetaGer via the OpenSearch-button (magnifying glass symbol)",
+
+    "plugin.faq.1"                   => "See also:",
+    "plugin.faq.2"                   => "Metager FAQ - Plugin",
+
+    "plugin.vivaldi.1"               => "Click the red logo \"Vivaldi\" at the top left of your web browser. Then select \"Tools / Preferences\"",
+    "plugin.vivaldi.2"               => "Within the new menu choose \"search\"",
+    "plugin.vivaldi.3"               => "Select \"Add new search\"",
+    "plugin.vivaldi.4"               => "Enter \"https://metager.de/meta/meta.ger3?eingabe=%s\" into the field \"URL\"",
+    "plugin.vivaldi.5"               => "Please enter \"MetaGer\" as the description and \"mg\" as abbreviation.",
+    "plugin.vivaldi.6"               => "Check \"Set as standard\" if you want MetaGer to be your standard search engine.",
+    "plugin.vivaldi.7"               => "Click \"Add\".",
+    "plugin.vivaldi.8"               => "Set MetaGer.de as the start page of your web browser :browser",
+    "plugin.vivaldi.9"               => "Click the red logo \"Vivaldi\" at the top left of your web browser. Then select \"Tools / Preferences\"",
+    "plugin.vivaldi.10"              => "Enter \"https://metager.de\" into the field \"Start page\"",
+    'tooltips.add-focus'             => 'Adjust search',
+    'tooltips.edit-focus'            => 'Change the actual focus',
+    'tooltips.settings'              => 'Common settings',
 ];
diff --git a/resources/lang/en/resultPage.php b/resources/lang/en/resultPage.php
index 2d6cb7afb280623e4a8511dde56a5b659fa48c44..d899a07423f6909d8c37535b5878785eb131550a 100644
--- a/resources/lang/en/resultPage.php
+++ b/resources/lang/en/resultPage.php
@@ -1,8 +1,8 @@
 <?php
 
 return [
-    "opensearch"	=>	"MetaGer: secure search & find, protecting privacy",
-    "startseite"	=>	"MetaGer start page",
-    "impressum"	    =>	"legal notice",
-    'search-placeholder' => 'Your search query...'
+    "opensearch"         => "MetaGer: secure search & find, protecting privacy",
+    "startseite"         => "MetaGer start page",
+    "impressum"          => "site notice",
+    'search-placeholder' => 'Your search query...',
 ];
diff --git a/resources/lang/es/index.php b/resources/lang/es/index.php
index c5fa4da3d558597aff3058fc6bb1580289362a21..a7a2567e8d8a121c9fa0fb681f4fd4347303cd05 100644
--- a/resources/lang/es/index.php
+++ b/resources/lang/es/index.php
@@ -1,79 +1,78 @@
 <?php
 
 return [
-    "foki.web" => "Web",
-    "foki.bilder" => "Imágenes",
-    "foki.nachrichten" => "Informativos/Política",
-    "foki.wissenschaft" => "Ciencia",
-    "foki.produkte" => "Productos",
-    "foki.angepasst" => "ajustado",
-    "foki.maps" => "Maps.metager.de",
-    "design" => "Escoger un diseño personalizado",
-    "conveyor" => "Comprar en tiendas que apoyan MetaGer ",
-    "partnertitle" => "Apoyar MetaGer, sin costos para usted",
-    "plugin" => "Añadir MetaGer-Plugin",
-    "plugintitle" => "Añadir MetaGer a su navegador",
-    "sponsors.head.1" => "Más informaciones",
-    "sponsors.head.2" => "Esponsores",
-    "sponsors.woxikon" => "<a href=\"http://www.woxikon.de/\" class=\"mutelink\" target=\"_blank\" rel=\"noopener\">Buscar palabras & sinónimos</a>",
-    "sponsors.seo" => "<a href=\"http://www.gutschein-magazin.de/\" class=\"mutelink\" target=\"_blank\" rel=\"noopener\">Vales actuales de Gutschein-Magazin.de</a>",
+    "foki.web"            => "Web",
+    "foki.bilder"         => "Imágenes",
+    "foki.nachrichten"    => "Informativos/Política",
+    "foki.wissenschaft"   => "Ciencia",
+    "foki.produkte"       => "Productos",
+    "foki.angepasst"      => "ajustado",
+    "foki.maps"           => "Maps.metager.de",
+    "design"              => "Escoger un diseño personalizado",
+    "conveyor"            => "Comprar en tiendas que apoyan MetaGer ",
+    "partnertitle"        => "Apoyar MetaGer, sin costos para usted",
+    "plugin"              => "Añadir MetaGer-Plugin",
+    "plugintitle"         => "Añadir MetaGer a su navegador",
+    "sponsors.head.2"     => "Esponsores",
+    "sponsors.woxikon"    => "<a href=\"http://www.woxikon.de/\" class=\"mutelink\" target=\"_blank\" rel=\"noopener\">Buscar palabras & sinónimos</a>",
+    "sponsors.seo"        => "<a href=\"http://www.gutschein-magazin.de/\" class=\"mutelink\" target=\"_blank\" rel=\"noopener\">Vales actuales de Gutschein-Magazin.de</a>",
     "sponsors.gutscheine" => "<a href=\"https://www.finanzcheck.de/\" class=\"mutelink\" target=\"_blank\" rel=\"noopener\">Comparar créditos económicos en FINANZCHECK.de</a>",
-    "about.title" => "Sobre nosotros",
-    "about.1.1" => "<a href=\"/es/datenschutz\">Privacidad & protección de datos</a> son con nosotros simples & dado por sentado",
-    "about.2.1" => "No trabajamos orientado al lucro, somos una <a href=\"/es/spende\">asociación sin fines de lucro</a>",
-    "placeholder" => "MetaGer: Buscar & encontrar seguro",
-    "plugin.head.1" => "Añadir MetaGer a Firefox",
-    "plugin.head.2" => "Añadir MetaGer a Chrome",
-    "plugin.head.3" => "Añadir MetaGer a Opera",
-    "plugin.head.4" => "Añadir MetaGer a Internet Explorer",
-    "plugin.head.5" => "Añadir MetaGer a Microsoft Edge",
-    "plugin.head.6" => "Añadir MetaGer a Safari",
-    "plugin.head.info" => "(los criterios actuales de búsqueda serán asumidos)",
+    "about.title"         => "Sobre nosotros",
+    "about.1.1"           => "<a href=\"/es/datenschutz\">Privacidad & protección de datos</a> son con nosotros simples & dado por sentado",
+    "about.2.1"           => "No trabajamos orientado al lucro, somos una <a href=\"/es/spende\">asociación sin fines de lucro</a>",
+    "placeholder"         => "MetaGer: Buscar & encontrar seguro",
+    "plugin.head.1"       => "Añadir MetaGer a Firefox",
+    "plugin.head.2"       => "Añadir MetaGer a Chrome",
+    "plugin.head.3"       => "Añadir MetaGer a Opera",
+    "plugin.head.4"       => "Añadir MetaGer a Internet Explorer",
+    "plugin.head.5"       => "Añadir MetaGer a Microsoft Edge",
+    "plugin.head.6"       => "Añadir MetaGer a Safari",
+    "plugin.head.info"    => "(los criterios actuales de búsqueda serán asumidos)",
     "plugin.firefox.1"    => 'En su navegador, haga clic en "<i class =" fa fa-ellipsis-h "> </i>" en la esquina superior derecha de la barra de direcciones para abrir el menú de acción de la página y luego haga clic en "Agregar motor de búsqueda" ( ver foto)',
     "plugin.firefox.2"    => 'Abre la configuración de Firefox. Para esto, ingrese "about: preferences" en la barra de direcciones. Ahora ingrese "motor de búsqueda" en el cuadro de búsqueda en la esquina superior derecha. En la sección "Motor de búsqueda predeterminado", seleccione MetaGer (ver imagen).',
-    "plugin.firefox.3" => "Instalar MetaGer como página de inico en el :browser",
-    "plugin.firefox.4" => "Hacer click arriba a la derecha en los tres barras horizontales en su navegador (Menú) y abre \"Preferencias\"",
-    "plugin.firefox.5" => "Introducir en el campo \"Pagina de inicio\" \"https:\\/\\/metager.de\"",
-    "plugin.chrome.1" => "Haga click en su Chrome arriba a la derecha <i class=\"fa fa-ellipsis-v\"></i> y en el subsecuente menú en \"Preferencias\", para abrir las preferencias de su Chrome.",
-    "plugin.chrome.2" => "In la área de la búsqueda hacer click en administrar motores de búsqueda ...",
-    "plugin.chrome.3" => "En la lista que se ve ahora, busca la entrada \"MetaGer\". Cloquease con el ratón sobre la entrada \"Establecer como predeterminado\"",
-    "plugin.chrome.4" => "Definir MetaGer como pagina de inicio en el :browser ",
-    "plugin.chrome.5" => "Hacer click arriba a la derecha en su navegador en <i class=\"fa fa-ellipsis-v\"></i> y abre  \"Configuración\"",
-    "plugin.chrome.6" => "En la sección  \"Al abrir el navegador ... \" seleccionar  \"Abrir una página especifica\" y haga click en \"Establecer páginas\"  ",
-    "plugin.chrome.7" => "Introduzca \"https:\\/\\/metager.de\" como URL en el campo \"Añadir una nueva página\" ",
-    "plugin.chrome.8" => "Nota: Todos los sitios web visibles aquí se abren ahora cuando inicia el navegador. Usted puede borrarlos, poniéndose con el ratón encima y hacer click en la \"x\" al lado derecha.",
-    "plugin.opera.1" => "Haga click <a href=\"/\" target=\"_blank\" rel=\"noopener\">a</a> para abrir MetaGer en una nueva pestaña.",
-    "plugin.opera.2" => "En la nueva pestaña haga click en la barra de la búsqueda con el botón derecha del ratón.",
-    "plugin.opera.3" => "Elige en el menú de contexto \"editar buscadores\" ",
-    "plugin.opera.4" => "En la ventana popup hacer click en \"Añadir buscador\"",
-    "plugin.opera.5" => "(Desafortunadamente ya no es posible en Opera poner buscadores nuevos como estandard, pero <a href=\"https://www.mozilla.org/de/firefox/new/\" target=\"_blank\" rel=\"noopener\">aquí</a>puede instalar un navegador de código abierto que soporta esto.)",
-    "plugin.opera.6" => "Hacer MetaGer la página de inicio en :browser",
-    "plugin.opera.7" => "Hacer click en el menú del navegador en \"Editar\"->\"Configuración\"",
-    "plugin.opera.8" => "En la sección  \"Inicio\" seleccione \"Abrir una página especifica\" y después  \"Definir página\"",
-    "plugin.opera.9" => "En el campo \"Introducir URL\" ponga \"https://metager.de\" y confirma con introducir",
-    "plugin.opera.10" => "Haga click en \"Confirmar\"",
-    "plugin.IE.1" => "Haga click en  <a href=\"javascript:window.external.addSearchProvider($('link[rel=search]').attr('href'));\"></a>, para añadir MetaGer como búscador",
-    "plugin.IE.4" => "Haga click en su navegador arriba derecha en Extras",
-    "plugin.IE.5" => "Escoge el punto del menú \"Administrar extensiones\"",
-    "plugin.IE.6" => "Busca Tipos de Extensiones y haga click en \"Máquinas de búsqueda\" y después al lado derecho click en \"MetaGer\"",
-    "plugin.IE.7" => "Escoge el botón \"Definir como predeterminado\"",
-    "plugin.IE.8" => "Definir MetaGer como página de inicio en :browser ",
-    "plugin.IE.9" => "Haga click arriba derecha en <i class=\"fa fa-cog\"></i> y abre \"Opciones de internet\"",
-    "plugin.IE.10" => "Si quiere definir MetaGer como única página de inicio, marca todo el texto en el campo del texto y reemplázalo por \"https://metager.de\"",
-    "plugin.IE.11" => "Haga click en \"Aceptar\"",
-    "plugin.edge.1" => "Haga click en su navegador arriba derecha en Extras (",
-    "plugin.edge.2" => ") y selecciona \"Configuración\"",
-    "plugin.edge.3" => "Haga scroll hacia abajo y haga click en \"Mostrar configuración avanzada\"",
-    "plugin.edge.4" => "Haga scroll de nuevo hacia abajo llegando al \"Buscar en la barra de direcciones con\" y haga click en  \"Cambiar\"",
-    "plugin.edge.5" => "Selecciona \"MetaGer: Sicher suchen & finden...\" y clickea en  \"Definir com predeterminado\"",
-    "plugin.edge.6" => "Hacer MetaGer la página de inicio en :browser",
-    "plugin.edge.7" => "Haga click arriba derecha en el navegador en <i class=\"fa fa-ellipsis-h\"></i> y abre  \"Configuraciones\"",
-    "plugin.edge.8" => "Selecciona en la sección \"Abrir con\" el ítem \"Página específica\"",
-    "plugin.edge.9" => "En el menú de cascada selecciona \"Definido por el usuario\"",
-    "plugin.edge.10" => "En la área abajo ponga \"https://metager.de\" en el campo \"Introducir URL\" y haga click en el símbolo \"+\"",
-    "plugin.edge.11" => "Borra todas las entradas, que no quiere abrir al inicio (p.ej. about:start), haciendo click en el pequeño \"x\" a la derecha.",
-    "plugin.safari.1" => "Instala la extensión de Safari <a href=\"http://www.opensearchforsafari.com/\" target=\"_blank\" rel=\"noopener\">OpenSearchforSafari</a>.",
-    "plugin.safari.2" => "Busca MetaGer y añade MetaGer con el botón OpenSearch (símbolo de na lupa) en la barra de menú de Safari.",
-    "plugin.safari.3" => "Borra (según necesidad) los demás buscadores de la extension OpenSearch, haciendo click en el \"X\" a la par y confirma.",
-    "plugin.safari.4" => "Ahora puede buscar con MetaGer usando el botón de OpenSearch (la lupa).",
+    "plugin.firefox.3"    => "Instalar MetaGer como página de inico en el :browser",
+    "plugin.firefox.4"    => "Hacer click arriba a la derecha en los tres barras horizontales en su navegador (Menú) y abre \"Preferencias\"",
+    "plugin.firefox.5"    => "Introducir en el campo \"Pagina de inicio\" \"https:\\/\\/metager.de\"",
+    "plugin.chrome.1"     => "Haga click en su Chrome arriba a la derecha <i class=\"fa fa-ellipsis-v\"></i> y en el subsecuente menú en \"Preferencias\", para abrir las preferencias de su Chrome.",
+    "plugin.chrome.2"     => "In la área de la búsqueda hacer click en administrar motores de búsqueda ...",
+    "plugin.chrome.3"     => "En la lista que se ve ahora, busca la entrada \"MetaGer\". Cloquease con el ratón sobre la entrada \"Establecer como predeterminado\"",
+    "plugin.chrome.4"     => "Definir MetaGer como pagina de inicio en el :browser ",
+    "plugin.chrome.5"     => "Hacer click arriba a la derecha en su navegador en <i class=\"fa fa-ellipsis-v\"></i> y abre  \"Configuración\"",
+    "plugin.chrome.6"     => "En la sección  \"Al abrir el navegador ... \" seleccionar  \"Abrir una página especifica\" y haga click en \"Establecer páginas\"  ",
+    "plugin.chrome.7"     => "Introduzca \"https:\\/\\/metager.de\" como URL en el campo \"Añadir una nueva página\" ",
+    "plugin.chrome.8"     => "Nota: Todos los sitios web visibles aquí se abren ahora cuando inicia el navegador. Usted puede borrarlos, poniéndose con el ratón encima y hacer click en la \"x\" al lado derecha.",
+    "plugin.opera.1"      => "Haga click <a href=\"/\" target=\"_blank\" rel=\"noopener\">a</a> para abrir MetaGer en una nueva pestaña.",
+    "plugin.opera.2"      => "En la nueva pestaña haga click en la barra de la búsqueda con el botón derecha del ratón.",
+    "plugin.opera.3"      => "Elige en el menú de contexto \"editar buscadores\" ",
+    "plugin.opera.4"      => "En la ventana popup hacer click en \"Añadir buscador\"",
+    "plugin.opera.5"      => "(Desafortunadamente ya no es posible en Opera poner buscadores nuevos como estandard, pero <a href=\"https://www.mozilla.org/de/firefox/new/\" target=\"_blank\" rel=\"noopener\">aquí</a>puede instalar un navegador de código abierto que soporta esto.)",
+    "plugin.opera.6"      => "Hacer MetaGer la página de inicio en :browser",
+    "plugin.opera.7"      => "Hacer click en el menú del navegador en \"Editar\"->\"Configuración\"",
+    "plugin.opera.8"      => "En la sección  \"Inicio\" seleccione \"Abrir una página especifica\" y después  \"Definir página\"",
+    "plugin.opera.9"      => "En el campo \"Introducir URL\" ponga \"https://metager.de\" y confirma con introducir",
+    "plugin.opera.10"     => "Haga click en \"Confirmar\"",
+    "plugin.IE.1"         => "Haga click en  <a href=\"javascript:window.external.addSearchProvider($('link[rel=search]').attr('href'));\"></a>, para añadir MetaGer como búscador",
+    "plugin.IE.4"         => "Haga click en su navegador arriba derecha en Extras",
+    "plugin.IE.5"         => "Escoge el punto del menú \"Administrar extensiones\"",
+    "plugin.IE.6"         => "Busca Tipos de Extensiones y haga click en \"Máquinas de búsqueda\" y después al lado derecho click en \"MetaGer\"",
+    "plugin.IE.7"         => "Escoge el botón \"Definir como predeterminado\"",
+    "plugin.IE.8"         => "Definir MetaGer como página de inicio en :browser ",
+    "plugin.IE.9"         => "Haga click arriba derecha en <i class=\"fa fa-cog\"></i> y abre \"Opciones de internet\"",
+    "plugin.IE.10"        => "Si quiere definir MetaGer como única página de inicio, marca todo el texto en el campo del texto y reemplázalo por \"https://metager.de\"",
+    "plugin.IE.11"        => "Haga click en \"Aceptar\"",
+    "plugin.edge.1"       => "Haga click en su navegador arriba derecha en Extras (",
+    "plugin.edge.2"       => ") y selecciona \"Configuración\"",
+    "plugin.edge.3"       => "Haga scroll hacia abajo y haga click en \"Mostrar configuración avanzada\"",
+    "plugin.edge.4"       => "Haga scroll de nuevo hacia abajo llegando al \"Buscar en la barra de direcciones con\" y haga click en  \"Cambiar\"",
+    "plugin.edge.5"       => "Selecciona \"MetaGer: Sicher suchen & finden...\" y clickea en  \"Definir com predeterminado\"",
+    "plugin.edge.6"       => "Hacer MetaGer la página de inicio en :browser",
+    "plugin.edge.7"       => "Haga click arriba derecha en el navegador en <i class=\"fa fa-ellipsis-h\"></i> y abre  \"Configuraciones\"",
+    "plugin.edge.8"       => "Selecciona en la sección \"Abrir con\" el ítem \"Página específica\"",
+    "plugin.edge.9"       => "En el menú de cascada selecciona \"Definido por el usuario\"",
+    "plugin.edge.10"      => "En la área abajo ponga \"https://metager.de\" en el campo \"Introducir URL\" y haga click en el símbolo \"+\"",
+    "plugin.edge.11"      => "Borra todas las entradas, que no quiere abrir al inicio (p.ej. about:start), haciendo click en el pequeño \"x\" a la derecha.",
+    "plugin.safari.1"     => "Instala la extensión de Safari <a href=\"http://www.opensearchforsafari.com/\" target=\"_blank\" rel=\"noopener\">OpenSearchforSafari</a>.",
+    "plugin.safari.2"     => "Busca MetaGer y añade MetaGer con el botón OpenSearch (símbolo de na lupa) en la barra de menú de Safari.",
+    "plugin.safari.3"     => "Borra (según necesidad) los demás buscadores de la extension OpenSearch, haciendo click en el \"X\" a la par y confirma.",
+    "plugin.safari.4"     => "Ahora puede buscar con MetaGer usando el botón de OpenSearch (la lupa).",
 ];
diff --git a/resources/lang/fr/index.php b/resources/lang/fr/index.php
index 4be2db0aba3893be0da0d0572d05239cad03f219..68e5c0e7a1dab2b2e06eba39c6b7391e45284b67 100644
--- a/resources/lang/fr/index.php
+++ b/resources/lang/fr/index.php
@@ -1,26 +1,25 @@
 <?php
 
 return [
-    "foki.web"	        =>	"Web",
-    "foki.bilder"	    =>	"Images",
-    "foki.nachrichten"	=>	"News/Politique",
-    "foki.wissenschaft"	=>	"Sciènces",
-    "foki.produkte"	    =>	"Produits",
-    "foki.angepasst"	=>	"ajusté(e)",
-    "foki.maps"     	=>	"Maps.metager.de",
-    "design"	        =>	"Choisir un design personnel",
-    "partnertitle"  	=>	"Soutenir MetaGer, sans frais supplémentaires pour vous",
-    "plugin"	        =>	"Ajouter un plug-in MetaGer",
-    "plugintitle"   	=>	"Ajouter MetaGer à votre browser",
-    "sponsors.head.1"	=>	"Informations supplémentaires",
-    "sponsors.head.2"	=>	"Sponsors",
-    "plugin.head.1"	    =>	"Ajouter MetaGer à Firefox",
-    "plugin.head.2"	    =>	"Ajouter MetaGer à Chrome",
-    "plugin.head.3"	    =>	"Ajouter MetaGer à Opera",
-    "plugin.head.4"	    =>	"Ajouter MetaGer à Internet Explorer",
-    "plugin.head.5"	    =>	"Ajouter MetaGer à Microsoft Edge",
-    "plugin.head.6"	    =>	"Ajouter MetaGer à Vivaldi",
-    "plugin.opera.10"	=>	"Cliquer sur \"ok\"",
-    "plugin.IE.11"  	=>	"Cliquer sur \"ok\"",
-    "plugin.vivaldi.7"	=>	"Cliquer sur \"ajouter\""
-];
\ No newline at end of file
+    "foki.web"          => "Web",
+    "foki.bilder"       => "Images",
+    "foki.nachrichten"  => "News/Politique",
+    "foki.wissenschaft" => "Sciènces",
+    "foki.produkte"     => "Produits",
+    "foki.angepasst"    => "ajusté(e)",
+    "foki.maps"         => "Maps.metager.de",
+    "design"            => "Choisir un design personnel",
+    "partnertitle"      => "Soutenir MetaGer, sans frais supplémentaires pour vous",
+    "plugin"            => "Ajouter un plug-in MetaGer",
+    "plugintitle"       => "Ajouter MetaGer à votre browser",
+    "sponsors.head.2"   => "Sponsors",
+    "plugin.head.1"     => "Ajouter MetaGer à Firefox",
+    "plugin.head.2"     => "Ajouter MetaGer à Chrome",
+    "plugin.head.3"     => "Ajouter MetaGer à Opera",
+    "plugin.head.4"     => "Ajouter MetaGer à Internet Explorer",
+    "plugin.head.5"     => "Ajouter MetaGer à Microsoft Edge",
+    "plugin.head.6"     => "Ajouter MetaGer à Vivaldi",
+    "plugin.opera.10"   => "Cliquer sur \"ok\"",
+    "plugin.IE.11"      => "Cliquer sur \"ok\"",
+    "plugin.vivaldi.7"  => "Cliquer sur \"ajouter\"",
+];
diff --git a/resources/views/datenschutz/datenschutz.blade.php b/resources/views/datenschutz/datenschutz.blade.php
index 88da679d70913c24e98bb251a2f7a0e3ec4c1a17..ecd5a29a07332632572d41c28ebc666df0c598fa 100644
--- a/resources/views/datenschutz/datenschutz.blade.php
+++ b/resources/views/datenschutz/datenschutz.blade.php
@@ -1,64 +1,10 @@
-@extends('layouts.subPages')
+@extends('layouts.subPages', ['page' => 'privacy'])
 
 @section('title', $title )
 
 @section('navbarFocus.datenschutz', 'class="active"')
 
 @section('content')
-<style>
-main {
-    font-size: 10pt;
-    hyphens:auto;
-    counter-reset: kontext 0 datum 0;
-    text-align: justify;
-}
-
-h1 {
-    font-size: 18pt;
-}
-
-.kontext > h1::before {
-  counter-increment: kontext;
-  content: "K" counter(kontext) " ";
-  font-weight: normal;
-}
-
-.datum > h1::before {
-  counter-increment: datum;
-  content: "D" counter(datum) " ";
-  font-weight: normal;
-}
-
-.kontext h1 {
-   font-size: 16pt;
-   margin-bottom: inherit;
-}
-.kontext h2 {
-   font-size: 14pt;
-   margin-bottom: inherit;
-}
-.datum h1 {
-   font-size: 12pt;
-   margin-bottom: inherit;
-}
-.datum h2 {
-   font-size: 11pt;
-   margin-bottom: inherit;
-   margin-top: 5pt;
-}
-
-.kontext-list {
-    list-style: none;
-}
-.datum-list {
-    list-style: none;
-}
-
-samp {
-    hyphens:none;
-    font-size: 8pt;
-}
-</style>
     @if (LaravelLocalization::getCurrentLocale() == "de")
         @include('datenschutz.german')
 	@else
diff --git a/resources/views/datenschutz/english.blade.php b/resources/views/datenschutz/english.blade.php
index 47b8720d89772586ad8224238f4441c91b8ef5a8..2690f0b11455280cf4c0c5b75fd3ce6a5d9fa418 100644
--- a/resources/views/datenschutz/english.blade.php
+++ b/resources/views/datenschutz/english.blade.php
@@ -7,7 +7,7 @@
         <div>
     <h1>Person responsible and contact person</h1>
 		MetaGer and related services are operated by <a href="https://suma-ev.de/impressum.html">SUMA-EV</a>, which is also the author of this statement. By "we" in this statement usually SUMA-EV is meant.
-		<br />Our contact details can be found in our <a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "impressum") }}">imprint</a>. We can be reached by e-mail at <a href="mailto:office@suma-ev.de">office@suma-ev.de</a>.
+		<br />Our contact details can be found in our <a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "impressum") }}">site notice</a>. We can be reached by e-mail at <a href="mailto:office@suma-ev.de">office@suma-ev.de</a>.
 		</div>
     <div>
     <h1>Principles</h1>
diff --git a/resources/views/index.blade.php b/resources/views/index.blade.php
index 6f3b6850f800881518c3b18a477015656fb5b57e..11014409fb0f617a63ec09854b63754435e8cb80 100644
--- a/resources/views/index.blade.php
+++ b/resources/views/index.blade.php
@@ -14,22 +14,20 @@
 	<script src="{{ mix('js/searchbar.js') }}" defer></script>
 @endsection
 
-@section('optionalContent')
-	<div id="more-information">
-		<div id="about-us">
-			<h2>{!! trans('index.slogan.title') !!}</h2>
-			<p>{!! trans('index.slogan.1') !!}</p>
-			<p>{!! trans('index.slogan.2') !!}</p>
-		</div>
-		<div id="sponsors">
-			<h2>{{ trans('index.sponsors.head.2') }}</h2>
-			<ul class="startpage">
-				@foreach($sponsors as $link)
-				<li class="sponsor">
-					<a href="{{ $link->link }}" target="_blank" rel="noopener"><p>{{ $link->linktext }}</p> <i class="fa fa-external-link-alt"></i></a>
-				</li>
-				@endforeach
-			</ul>
-		</div>
+@section('additional-content')
+	<div id="about-us">
+		<h2>{!! trans('index.slogan.title') !!}</h2>
+		<p>{!! trans('index.slogan.1') !!}</p>
+		<p>{!! trans('index.slogan.2') !!}</p>
+	</div>
+	<div id="sponsors">
+		<h2>{{ trans('index.sponsors.head.2') }}</h2>
+		<ul class="startpage">
+			@foreach($sponsors as $link)
+			<li class="sponsor">
+				<a href="{{ $link->link }}" target="_blank" rel="noopener"><p>{{ $link->linktext }}</p> <i class="fa fa-external-link-alt"></i></a>
+			</li>
+			@endforeach
+		</ul>
 	</div>
 @endsection
diff --git a/resources/views/layouts/researchandtabs.blade.php b/resources/views/layouts/researchandtabs.blade.php
index 71d7592b9b54278e283e2ff5f6adc44257f0d9da..50f80a235e8f4254a9646177fb68f6a585b8dbd4 100644
--- a/resources/views/layouts/researchandtabs.blade.php
+++ b/resources/views/layouts/researchandtabs.blade.php
@@ -19,11 +19,11 @@
 	</div>
 	<div id="foki">
 		<div class="scrollbox">
-			<div class="foki-scrollfade-left"></div>
+			<div class="scrollfade-left"></div>
 			<div id="foki-box">
 				@include('parts.foki')
 			</div>
-			<div class="foki-scrollfade-right"></div>
+			<div class="scrollfade-right"></div>
 		</div>
 	</div>
 	<div id="results-container">
diff --git a/resources/views/layouts/resultPage.blade.php b/resources/views/layouts/resultPage.blade.php
index cc54c119b2294f6b2276a7b00843536dcb79a004..9f17542b089a71408faa714cc3577d4b603ab1d1 100644
--- a/resources/views/layouts/resultPage.blade.php
+++ b/resources/views/layouts/resultPage.blade.php
@@ -15,7 +15,7 @@
 		<link type="text/css" rel="stylesheet" href="{{ mix('css/fontawesome.css') }}" />
 		<link type="text/css" rel="stylesheet" href="{{ mix('css/fontawesome-solid.css') }}" />
 		<link type="text/css" rel="stylesheet" href="{{ mix('css/bootstrap.css') }}" />
-		<link type="text/css" rel="stylesheet" href="{{ mix('css/themes/default.css') }}" />
+		<link type="text/css" rel="stylesheet" href="{{ mix('css/themes/metager.css') }}" />
 		<link type="text/css" rel="stylesheet" href="/fonts/arimo/stylesheet.css" />
 		<meta name="referrer" content="origin">
 		<meta name="age-meta-label" content="age=18"/>
diff --git a/resources/views/layouts/staticPages.blade.php b/resources/views/layouts/staticPages.blade.php
index 7435eb4bb4f7c4c5c2c3eeaaaaacf53a4199b5fc..4daa887b6cb209bbcf03444a847e817db8c98040 100644
--- a/resources/views/layouts/staticPages.blade.php
+++ b/resources/views/layouts/staticPages.blade.php
@@ -17,7 +17,7 @@
 		<link type="text/css" rel="stylesheet" href="{{ mix('css/fontawesome.css') }}" />
 		<link type="text/css" rel="stylesheet" href="{{ mix('css/fontawesome-solid.css') }}" />
 		<link type="text/css" rel="stylesheet" href="{{ mix('css/bootstrap.css') }}" />
-		<link type="text/css" rel="stylesheet" href="{{ mix('css/themes/default.css') }}" />
+		<link type="text/css" rel="stylesheet" href="{{ mix('css/themes/metager.css') }}" />
 		<link type="text/css" rel="stylesheet" href="{{ mix('css/utility.css') }}" />
 		<script src="{{ mix('js/lib.js') }}"></script>
 		<script src="{{ mix('js/utility.js') }}"></script>
@@ -43,7 +43,7 @@
 		@include('parts.sidebar', ['id' => 'staticPagesSideBar'])
 		@include('parts.sidebar-opener', ['class' => 'fixed'])
 		<div class="wrapper {{$page or ''}}">
-			<main class="mg-panel">
+			<main id="main-content">
 				@if (isset($success))
 					<div class="alert alert-success" role="alert">{{ $success }}</div>
 				@endif
@@ -58,7 +58,9 @@
 				@endif
 				@yield('content')
 			</main>
-			@yield('optionalContent')
+			<div id="additional-content">
+				@yield('additional-content')
+			</div>
 		</div>
 		@if (isset($page) && $page === 'startpage')
 			@include('parts.footer', ['type' => 'startpage', 'id' => 'startPageFooter'])
diff --git a/resources/views/spende/beitritt.blade.php b/resources/views/spende/beitritt.blade.php
index 1f604df6eeaad004a0c8135f3ce834adda818c24..0e840d54d86a08eb45cf2de67a3adb1e65a16071 100644
--- a/resources/views/spende/beitritt.blade.php
+++ b/resources/views/spende/beitritt.blade.php
@@ -5,8 +5,8 @@
 @section('navbarFocus.donate', 'class="dropdown active"')
 
 @section('content')
-	<link type="text/css" rel="stylesheet" href="{{ mix('/css/beitritt.css') }}" />	
-	<script src="{{ mix('js/scriptJoinPage.js') }}"></script>
+<link type="text/css" rel="stylesheet" href="{{ mix('/css/beitritt.css') }}" />
+<script src="{{ mix('js/scriptJoinPage.js') }}"></script>
 <form id="donation-form">
 	<div class="card-heavy">
 		<h1>{{ trans('beitritt.heading.1') }}</h1>
diff --git a/webpack.mix.js b/webpack.mix.js
index db676f19d976152301879d608d5b567a6077ae27..d64b85df4efca184dcff27db109089fccf4bf2e8 100644
--- a/webpack.mix.js
+++ b/webpack.mix.js
@@ -18,7 +18,7 @@ mix
   @import "./bootstrap/bootstrap.less";
   */
   // css
-  .less("resources/assets/less/default.less", "public/css/themes/default.css", {
+  .less("resources/assets/less/metager/metager.less", "public/css/themes/metager.css", {
     strictMath: true
   })
   .less("resources/assets/less/font-awesome/fontawesome.less", "public/css/fontawesome.css", {
@@ -31,7 +31,7 @@ mix
     strictMath: true
   })
   .less(
-    "resources/assets/less/metager/beitritt.less",
+    "resources/assets/less/metager/pages/beitritt.less",
     "public/css/beitritt.css", {
       strictMath: true
     }