diff --git a/public/img/Firefox.png b/public/img/Firefox.png
index 10febca1054e18fdfe32f05e3abf259efc371fee..a6bb0a48129d17e3681b82ee1a9db3d4a2d750a1 100644
Binary files a/public/img/Firefox.png and b/public/img/Firefox.png differ
diff --git a/public/img/Firefox_Standard.png b/public/img/Firefox_Standard.png
index ab1659b51629e6c2671a26111b91b3ec7b24b1f3..a18e825fb4bb1a10ca5844544749091997675705 100644
Binary files a/public/img/Firefox_Standard.png and b/public/img/Firefox_Standard.png differ
diff --git a/resources/assets/less/metager/general/general.less b/resources/assets/less/metager/general/general.less
index 4594e7d0dd08232c71fb12001dcbbd01d0dff532..061360579e8b462fd16fa974de7220b95293b1e9 100644
--- a/resources/assets/less/metager/general/general.less
+++ b/resources/assets/less/metager/general/general.less
@@ -135,7 +135,7 @@ body {
 .subheading {
     font-size: 20px;
     margin: 20px 0px;
-    white-space: pre-wrap;
+    white-space: center;
 }
 
 a {
@@ -412,4 +412,9 @@ label a {
         text-decoration: none;
         color: inherit;
     }
+}
+
+// For Elements where newlines should actually be displayed
+.wrap {
+    white-space: pre-wrap;
 }
\ No newline at end of file
diff --git a/resources/assets/less/metager/pages/start-page.less b/resources/assets/less/metager/pages/start-page.less
index 0ffeea8438235175e59699ae518691959409c4f6..a18047f3bdb53ae56c0dd0ccc1cd4a172e52c345 100644
--- a/resources/assets/less/metager/pages/start-page.less
+++ b/resources/assets/less/metager/pages/start-page.less
@@ -13,12 +13,13 @@
     @media(min-width: @main-content-width) {
         width: @main-content-width;
     }
-    #show-plugin-modal {
+    #plugin-btn-div {
         display: flex;
         justify-content: center;
-        &>.open-plugin-modal {
-            margin: 5px;
-        }
+        margin-top: 5px;
+    }
+    #plugin-btn {
+        color: @text-color;
     }
 }
 
diff --git a/resources/assets/less/metager/variables.less b/resources/assets/less/metager/variables.less
index 1791180a10a3183369995e9aadf69974976aa7fc..c66a306b49ff786a4f03abf7e21a28182c698641 100644
--- a/resources/assets/less/metager/variables.less
+++ b/resources/assets/less/metager/variables.less
@@ -17,6 +17,8 @@
 Helvetica,
 Arial,
 sans-serif;
+// General text color.
+@text-color: @color-black;
 // Default textual link color.
 @link-color: #06C;
 // Default Mini-Padding
diff --git a/resources/lang/de/index.php b/resources/lang/de/index.php
index f08a5e95a0d80e03727589329c1f64821732ffd1..3da3b9533b91f4fe5e67a930d398cd39803e9528 100644
--- a/resources/lang/de/index.php
+++ b/resources/lang/de/index.php
@@ -1,136 +1,51 @@
 <?php
 
 return [
-    'foki.web' => 'Web',
-    'foki.bilder' => 'Bilder',
-    'foki.nachrichten' => 'News/Politik',
-    'foki.wissenschaft' => 'Wissenschaft',
-    'foki.produkte' => 'Produkte',
-    'foki.angepasst' => 'Angepasst',
-    'foki.maps' => 'Maps.metager.de',
+    'foki.web'                       => 'Web',
+    'foki.bilder'                    => 'Bilder',
+    'foki.nachrichten'               => 'News/Politik',
+    'foki.wissenschaft'              => 'Wissenschaft',
+    'foki.produkte'                  => 'Produkte',
+    'foki.angepasst'                 => 'Angepasst',
+    'foki.maps'                      => 'Maps.metager.de',
 
-    'design' => 'Persönliches Design auswählen',
+    'design'                         => 'Persönliches Design auswählen',
 
-    'conveyor' => 'Einkaufen bei MetaGer-Fördershops',
-    'partnertitle' => 'MetaGer unterstützen, ohne Mehrkosten für Sie',
-    'mapstitle' => 'Der MetaGer Kartenservice',
+    'conveyor'                       => 'Einkaufen bei MetaGer-Fördershops',
+    'partnertitle'                   => 'MetaGer unterstützen, ohne Mehrkosten für Sie',
+    'mapstitle'                      => 'Der MetaGer Kartenservice',
 
-    'plugin' => 'MetaGer-Plugin hinzufügen',
-    'plugintitle' => 'MetaGer zu Ihrem Browser hinzufügen',
+    'plugin'                         => 'MetaGer-Plugin hinzufügen',
+    'plugin-title'                   => 'MetaGer zu Ihrem Browser hinzufügen',
 
-    'focus-creator.head' => 'Eigene Suche erstellen',
-    'focus-creator.description' => 'Suchen Sie sich aus unseren Suchmaschinen Ihre eigene Suche zusammen.',
+    'focus-creator.head'             => 'Eigene Suche erstellen',
+    'focus-creator.description'      => 'Suchen Sie sich aus unseren Suchmaschinen Ihre eigene Suche zusammen.',
     'focus-creator.name-placeholder' => 'Name der eigenen Suche',
-    'focus-creator.save' => 'Eigene Suche durchführen',
-    'focus-creator.delete' => 'Eigene Suche löschen',
-    'focus-creator.focusname' => 'Suchname: ',
-
-    'slogan.title' => 'Besser&nbsp;suchen, schneller&nbsp;finden',
-    'slogan.1' => 'Datenschutz & Privatsphäre: Bei uns einfach und selbstverständlich.<br>Wir arbeiten nicht gewinnorientiert, wir sind ein gemeinnütziger Verein: <a href="/beitritt">Werden Sie Mitglied</a> oder <a href="/spende">spenden Sie</a>!',
-    'slogan.2' => 'Mit MetaGer bewahren Sie einen neutralen Blick auf’s Web!',
-
-    'sponsors.head.1' => 'Weitere Informationen',
-    'sponsors.head.2' => 'Sponsoren',
-    'sponsors.woxikon' => 'SEO Agentur',
-    'sponsors.gutscheine' => 'STERN.de: Günstige Kredite im Kreditvergleich',
-    'sponsors.seo' => 'Weihnachtsfeier',
-
-    'about.title' => 'Ãœber uns',
-    'about.1.1' => '<a href="/datenschutz">Datenschutz & Privatsphäre</a>: Bei uns einfach & selbstverständlich.',
-    'about.2.1' => 'Wir arbeiten nicht gewinnorientiert, wir sind ein <a href="/spende">gemeinnütziger Verein</a>: <a href="/beitritt">Werden Sie Mitglied!</a>',
-    'about.3.1' => '',
-
-    'lang.tooltip' => 'Ergebnissprache wählen',
-    'key.placeholder' => 'Mitglieder-Key eingeben',
-    'key.tooltip' => 'Mitglieder-Key eingeben',
-    'placeholder' => 'MetaGer: Sicher suchen & finden, Privatsphäre schützen',
-
-    'plugin.open-modal' => 'MetaGer-Plugin hinzufügen',
-    'plugin.open-modal.title' => 'MetaGer zu Ihren Browser hinzufügen',
-    'plugin.head.1' => 'MetaGer zum Firefox hinzufügen',
-    'plugin.head.2' => 'MetaGer zum Chrome hinzufügen',
-    'plugin.head.3' => 'MetaGer zum Opera hinzufügen',
-    'plugin.head.4' => 'MetaGer zum Internet Explorer hinzufügen',
-    'plugin.head.5' => 'MetaGer zum Microsoft Edge hinzufügen',
-    'plugin.head.6' => 'MetaGer zum Safari hinzufügen',
-    'plugin.head.7' => 'MetaGer zum Vivaldi hinzufügen',
-    'plugin.head.8' => 'MetaGer zum Firefox Klar hinzufügen',
-    'plugin.head.info' => '(aktuelle Sucheinstellungen werden übernommen)',
-
-    'plugin.firefox.plugin' => 'Das Plugin für Firefox können Sie <a href="https://addons.mozilla.org/de/firefox/addon/metager-suche/?src=search" target="_blank">hier</a> herunterladen. Dadurch bleiben Ihre Sucheinstellungen jederzeit erhalten. Alternativ können Sie MetaGer auch als Standardsuchmaschine einrichten:',
-    'plugin.firefox.1' => 'Klicken Sie in Ihrem Browser oben rechts im Suchfeld auf die Lupe mit dem kleinen "+" und dann auf "MetaGer hinzufügen" (siehe Bild)',
-    'plugin.firefox.2' => 'Klicken Sie nun mit der rechten Maustaste auf das neue MetaGer Logo in der Liste und auf "als Standard Suchmaschine verwenden" (siehe Bild)',
-    'plugin.firefox.3' => 'MetaGer als Startseite im :browser einrichten',
-    'plugin.firefox.4' => 'Klicken Sie oben rechts im Browser auf <i class="fa fa-bars" aria-hidden="true"></i><span class="sr-only">die drei horizontalen Striche</span> (Menü) und öffnen Sie die "Einstellungen"',
-    'plugin.firefox.5' => 'Tragen Sie im Feld "Startseite" "https://metager.de" ein.',
-
-    'plugin.firefox-klar.1' => 'Öffnen Sie die Einstellungen Ihres Browsers über das Zahnrad (unter Android <i class="fa fa-ellipsis-v"></i>) rechts neben der Suchleiste',
-    'plugin.firefox-klar.2' => 'Klicken Sie unter dem Menüpunkt "Suche" auf "Suchmaschine". Aktuell wird die voreingestellte Suchmaschine angezeigt (siehe Bild)',
-    'plugin.firefox-klar.3' => 'Klicken Sie auf "Weitere Suchmaschine hinzufügen" und füllen Sie die Felder aus. Als Such-String geben Sie „https://metager.de/meta/meta.ger3?focus=web&encoding=utf8&lang=all&eingabe=%s“ an.',
-    'plugin.firefox-klar.4' => 'Achten Sie hierbei darauf, dass sich keine Leerzeichen am Ende des Suchstrings "einschleichen", da Firefox Klar die Speicherung der Einstellung sonst verweigert.',
-
-    'plugin.chrome.1' => 'Klicken Sie in Ihrem Chrome oben rechts auf <i class="fa fa-ellipsis-v"></i> und im folgenden Menü auf "Einstellungen", um die Einstellungen Ihres Chromes zu öffnen.',
-    'plugin.chrome.2' => 'Im Bereich "Suchen" klicken Sie auf Suchmaschinen verwalten...',
-    'plugin.chrome.3' => 'In der nun angezeigten Liste, finden Sie den Eintrag "MetaGer". Fahren Sie mit der Maus über den Eintrag und klicken auf "Als Standard festlegen"',
-    'plugin.chrome.4' => 'MetaGer als Startseite im :browser einrichten',
-    'plugin.chrome.5' => 'Klicken Sie oben rechts im Browser auf <i class="fa fa-ellipsis-v"></i> und öffnen Sie die "Einstellungen"',
-    'plugin.chrome.6' => 'Im Bereich "Beim Start" wählen Sie "Bestimmte Seite oder Seiten öffnen und klicken anschließend auf "Seiten festlegen"',
-    'plugin.chrome.7' => 'Tragen Sie "https://metager.de" als URL bei "Neue Seite hinzufügen ein"',
-    'plugin.chrome.8' => 'Hinweis: Alle hier sichtbaren Webseiten werden nun beim Start des Browsers geöffnet. Sie können Einträge entfernen, indem Sie mit der Maus drüber fahren und rechts auf das "x" klicken.',
-
-    'plugin.opera.1' => 'Klicken Sie <a href="/" target="_blank" rel="noopener">hier</a> um MetaGer in einem neuen Tab zu öffnen.',
-    'plugin.opera.2' => 'Im neuen Tab klicken Sie mit der rechten Maustaste auf das Sucheingabefeld in der Mitte der Seite.',
-    'plugin.opera.3' => 'Wählen Sie im Kontextmenü "Suchmaschine erstellen..."',
-    'plugin.opera.4' => 'Klicken Sie im Popup auf "erstellen"',
-    'plugin.opera.5' => '(Leider ist es Suchmaschinen nicht mehr möglich im Opera als Standard eingestellt zu werden, aber <a href="https://www.mozilla.org/de/firefox/new/" target="_blank" rel="noopener">hier</a> können Sie mit Firefox einen Open-Source Browser installieren, der dies unterstützt.)',
-    'plugin.opera.6' => 'MetaGer als Startseite im :browser einrichten',
-    'plugin.opera.7' => 'Klicken Sie im Browser-Menü auf "Bearbeiten"->"Einstellungen"',
-    'plugin.opera.8' => 'Im Bereich "Beim Starten" wählen Sie "Eine bestimmte Seite, oder bestimmte Seiten öffnen
-" und anschließend "Seiten festlegen"',
-    'plugin.opera.9' => 'Tragen Sie bei "Adresse eingeben" "https://metager.de" ein und bestätigen mit Enter',
-    'plugin.opera.10' => 'Klicken Sie auf "OK"',
-
-    'plugin.IE.1' => 'Klicken Sie <a href="javascript:window.external.addSearchProvider($(\'link[rel=search]\').attr(\'href\'));">hier</a>, um MetaGer als Suchmaschine hinzuzufügen',
-    'plugin.IE.4' => 'Klicken Sie in Ihrem Browser oben rechts auf Extras',
-    'plugin.IE.5' => 'Wählen Sie den Menüpunkt "Add-Ons verwalten"',
-    'plugin.IE.6' => 'Klicken Sie im Bereich Add-On-Typen auf "Suchanbieter" und danach im rechten Bereich auf "MetaGer"',
-    'plugin.IE.7' => 'Wählen Sie unten den Knopf "Als Standard"',
-    'plugin.IE.8' => 'MetaGer als Startseite im :browser einrichten',
-    'plugin.IE.9' => 'Klicken Sie oben rechts im Browser auf <i class="fa fa-cog"></i> und öffnen Sie die "Internetoptionen"',
-    'plugin.IE.10' => 'Falls MetaGer die einzige Startseite sein soll, markieren Sie im Textfeld den kompletten Text und ersetzen Ihn durch "https://metager.de"',
-    'plugin.IE.11' => 'Klicken Sie auf "OK"',
-
-    'plugin.edge.1' => 'Klicken Sie in Ihrem Browser oben rechts auf Extras (',
-    'plugin.edge.2' => ') und wählen Sie "Einstellungen"',
-    'plugin.edge.3' => 'Scrollen Sie nach unten und klicken auf "Erweiterte Einstellungen anzeigen"',
-    'plugin.edge.4' => 'Scrollen Sie erneut nach unten bis zum Punkt "In Adressleiste suchen mit" und klicken Sie auf "Ändern"',
-    'plugin.edge.5' => 'Wählen Sie "MetaGer: Sicher suchen & finden..." und klicken Sie auf "Als Standard"',
-    'plugin.edge.6' => 'MetaGer als Startseite im :browser einrichten',
-    'plugin.edge.7' => 'Klicken Sie oben rechts im Browser auf <i class="fa fa-ellipsis-h"></i> und öffnen Sie die "Einstellungen"',
-    'plugin.edge.8' => 'Wählen Sie im Bereich "Öffnen mit" den Punkt "Bestimmte Seite(n)" aus',
-    'plugin.edge.9' => 'Im Dropdown-Menü darunter wählen Sie "Benutzerdefiniert" aus',
-    'plugin.edge.10' => 'Im Bereich darunter tragen Sie "https://metager.de" in das Feld "Webadresse eingeben" ein und klicken auf das "+" Symbol',
-    'plugin.edge.11' => 'Entfernen Sie alle Einträge, die beim Start nicht geöffnet werden sollen (z.B. about:start), indem Sie rechts auf das kleine "x" klicken.',
-
-    'plugin.safari.1' => 'Installieren Sie das Safari-PlugIn <a href="http://www.opensearchforsafari.com/" target="_blank" rel="noopener">OpenSearchforSafari</a>.',
-    'plugin.safari.2' => 'Rufen Sie MetaGer auf und fügen Sie MetaGer mit dem OpenSearch-Knopf(Lupen-Symbol) in der Safari-Men&uuml;leiste hinzu.',
-    'plugin.safari.3' => 'L&ouml;schen Sie (nach Bedarf) die anderen Suchmaschinen aus dem OpenSearch-PlugIn, indem Sie das "X" neben diesen betätigen.',
-    'plugin.safari.4' => 'Sie können nun über den OpenSearch-Knopf(Lupe) mit MetaGer suchen.',
-
-    'plugin.faq.1' => 'Siehe auch: ',
-    'plugin.faq.2' => 'Metager FAQ - Plugin',
-    'plugin.vivaldi.1' => 'Klicken Sie in Ihrem Browser oben links auf das rote Vivaldi Logo und wählen Sie zuerst "Werkzeuge", dann im Untermenü "Einstellungen".',
-    'plugin.vivaldi.2' => 'In dem dann erscheinenden Menu wählen Sie bitte "Suche".',
-    'plugin.vivaldi.3' => 'Wählen Sie "Neue Suche hinzufügen".',
-    'plugin.vivaldi.4' => 'Tragen Sie im Feld URL "https://metager.de/meta/meta.ger3?eingabe=%s" ein.',
-    'plugin.vivaldi.5' => 'Tragen Sie als Beschreibung "MetaGer" und als Kürzel "mg" ein.',
-    'plugin.vivaldi.6' => 'Wenn Sie MetaGer als Standardsuchmaschine verwenden möchten, setzen Sie ein Häkchen bei "Als Standard setzen".',
-    'plugin.vivaldi.7' => 'Klicken Sie auf "Hinzufügen".',
-    'plugin.vivaldi.8' => 'MetaGer als Startseite im :browser einrichten',
-    'plugin.vivaldi.9' => 'Klicken Sie in Ihrem Browser oben links auf das rote Vivaldi Logo und wählen Sie zuerst "Werkzeuge", dann im Untermenü "Einstellungen".',
-    'plugin.vivaldi.10' => 'Tragen Sie im Feld "Startseite" "https://metager.de" ein.',
-
-    'tooltips.add-focus' => 'Suche anpassen',
-    'tooltips.edit-focus' => 'Aktuellen Fokus bearbeiten',
-    'tooltips.settings' => 'Allgemeine Einstellungen',
+    'focus-creator.save'             => 'Eigene Suche durchführen',
+    'focus-creator.delete'           => 'Eigene Suche löschen',
+    'focus-creator.focusname'        => 'Suchname: ',
+
+    'slogan.title'                   => 'Besser&nbsp;suchen, schneller&nbsp;finden',
+    'slogan.1'                       => 'Datenschutz & Privatsphäre: Bei uns einfach und selbstverständlich.<br>Wir arbeiten nicht gewinnorientiert, wir sind ein gemeinnütziger Verein: <a href="/beitritt">Werden Sie Mitglied</a> oder <a href="/spende">spenden Sie</a>!',
+    'slogan.2'                       => 'Mit MetaGer bewahren Sie einen neutralen Blick auf’s Web!',
+
+    'sponsors.head.1'                => 'Weitere Informationen',
+    'sponsors.head.2'                => 'Sponsoren',
+    'sponsors.woxikon'               => 'SEO Agentur',
+    'sponsors.gutscheine'            => 'STERN.de: Günstige Kredite im Kreditvergleich',
+    'sponsors.seo'                   => 'Weihnachtsfeier',
+
+    'about.title'                    => 'Ãœber uns',
+    'about.1.1'                      => '<a href="/datenschutz">Datenschutz & Privatsphäre</a>: Bei uns einfach & selbstverständlich.',
+    'about.2.1'                      => 'Wir arbeiten nicht gewinnorientiert, wir sind ein <a href="/spende">gemeinnütziger Verein</a>: <a href="/beitritt">Werden Sie Mitglied!</a>',
+    'about.3.1'                      => '',
+
+    'lang.tooltip'                   => 'Ergebnissprache wählen',
+    'key.placeholder'                => 'Mitglieder-Key eingeben',
+    'key.tooltip'                    => 'Mitglieder-Key eingeben',
+    'placeholder'                    => 'MetaGer: Sicher suchen & finden, Privatsphäre schützen',
+
+    'tooltips.add-focus'             => 'Suche anpassen',
+    'tooltips.edit-focus'            => 'Aktuellen Fokus bearbeiten',
+    'tooltips.settings'              => 'Allgemeine Einstellungen',
 ];
diff --git a/resources/lang/de/plugin-page.php b/resources/lang/de/plugin-page.php
new file mode 100644
index 0000000000000000000000000000000000000000..6596bce2677dc99413387607b3a2b4cbf4e9304a
--- /dev/null
+++ b/resources/lang/de/plugin-page.php
@@ -0,0 +1,90 @@
+<?php
+
+return [
+    'open-modal'       => 'MetaGer-Plugin hinzufügen',
+    'open-modal.title' => 'MetaGer zu Ihren Browser hinzufügen',
+    'head.1'           => 'MetaGer zum Firefox hinzufügen',
+    'head.2'           => 'MetaGer zum Chrome hinzufügen',
+    'head.3'           => 'MetaGer zum Opera hinzufügen',
+    'head.4'           => 'MetaGer zum Internet Explorer hinzufügen',
+    'head.5'           => 'MetaGer zum Microsoft Edge hinzufügen',
+    'head.6'           => 'MetaGer zum Safari hinzufügen',
+    'head.7'           => 'MetaGer zum Vivaldi hinzufügen',
+    'head.8'           => 'MetaGer zum Firefox Klar hinzufügen',
+    'head.info'        => '(aktuelle Sucheinstellungen werden übernommen)',
+
+    'default-search'   => 'MetaGer als Standardsuchmaschine einrichten',
+
+    'firefox.plugin'   => 'Das Plugin für Firefox können Sie <a href="https://addons.mozilla.org/de/firefox/addon/metager-suche/?src=search" target="_blank">hier</a> herunterladen. Dadurch bleiben Ihre Sucheinstellungen jederzeit erhalten.',
+    'firefox.1'        => 'Klicken Sie in Ihrem Browser oben rechts in der Adressleiste auf "<i class="fas fa-ellipsis-h"></i>" um das Menü der Seitenaktionen zu öffnen und dann auf "Suchmaschine hinzufügen" (siehe Bild)',
+    'firefox.2'        => 'Öffnen Sie die Firefox Einstellungen. Geben Sie hierfür z.B. "about:preferences" in die Adressleiste ein. Geben Sie nun in das Suchfeld oben rechts "Suchmaschine" ein. Im Bereich "Standardsuchmaschine" wählen Sie MetaGer aus (siehe Bild).',
+    'firefox.3'        => 'MetaGer als Startseite im :browser einrichten',
+    'firefox.4'        => 'Klicken Sie oben rechts im Browser auf <i class="fa fa-bars" aria-hidden="true"></i><span class="sr-only">die drei horizontalen Striche</span> (Menü) und öffnen Sie die "Einstellungen"',
+    'firefox.5'        => 'Tragen Sie im Feld "Startseite" "https://metager.de" ein.',
+
+    'firefox-klar.1'   => 'Öffnen Sie die Einstellungen Ihres Browsers über das Zahnrad (unter Android <i class="fa fa-ellipsis-v"></i>) rechts neben der Suchleiste',
+    'firefox-klar.2'   => 'Klicken Sie unter dem Menüpunkt "Suche" auf "Suchmaschine". Aktuell wird die voreingestellte Suchmaschine angezeigt (siehe Bild)',
+    'firefox-klar.3'   => 'Klicken Sie auf "Weitere Suchmaschine hinzufügen" und füllen Sie die Felder aus. Als Such-String geben Sie „https://metager.de/meta/meta.ger3?focus=web&encoding=utf8&lang=all&eingabe=%s“ an.',
+    'firefox-klar.4'   => 'Achten Sie hierbei darauf, dass sich keine Leerzeichen am Ende des Suchstrings "einschleichen", da Firefox Klar die Speicherung der Einstellung sonst verweigert.',
+
+    'chrome.1'         => 'Klicken Sie in Ihrem Chrome oben rechts auf <i class="fa fa-ellipsis-v"></i> und im folgenden Menü auf "Einstellungen", um die Einstellungen Ihres Chromes zu öffnen.',
+    'chrome.2'         => 'Im Bereich "Suchen" klicken Sie auf Suchmaschinen verwalten...',
+    'chrome.3'         => 'In der nun angezeigten Liste, finden Sie den Eintrag "MetaGer". Fahren Sie mit der Maus über den Eintrag und klicken auf "Als Standard festlegen"',
+    'chrome.4'         => 'MetaGer als Startseite im :browser einrichten',
+    'chrome.5'         => 'Klicken Sie oben rechts im Browser auf <i class="fa fa-ellipsis-v"></i> und öffnen Sie die "Einstellungen"',
+    'chrome.6'         => 'Im Bereich "Beim Start" wählen Sie "Bestimmte Seite oder Seiten öffnen und klicken anschließend auf "Seiten festlegen"',
+    'chrome.7'         => 'Tragen Sie "https://metager.de" als URL bei "Neue Seite hinzufügen ein"',
+    'chrome.8'         => 'Hinweis: Alle hier sichtbaren Webseiten werden nun beim Start des Browsers geöffnet. Sie können Einträge entfernen, indem Sie mit der Maus drüber fahren und rechts auf das "x" klicken.',
+
+    'opera.1'          => 'Klicken Sie <a href="/" target="_blank" rel="noopener">hier</a> um MetaGer in einem neuen Tab zu öffnen.',
+    'opera.2'          => 'Im neuen Tab klicken Sie mit der rechten Maustaste auf das Sucheingabefeld in der Mitte der Seite.',
+    'opera.3'          => 'Wählen Sie im Kontextmenü "Suchmaschine erstellen..."',
+    'opera.4'          => 'Klicken Sie im Popup auf "erstellen"',
+    'opera.5'          => '(Leider ist es Suchmaschinen nicht mehr möglich im Opera als Standard eingestellt zu werden, aber <a href="https://www.mozilla.org/de/firefox/new/" target="_blank" rel="noopener">hier</a> können Sie mit Firefox einen Open-Source Browser installieren, der dies unterstützt.)',
+    'opera.6'          => 'MetaGer als Startseite im :browser einrichten',
+    'opera.7'          => 'Klicken Sie im Browser-Menü auf "Bearbeiten"->"Einstellungen"',
+    'opera.8'          => 'Im Bereich "Beim Starten" wählen Sie "Eine bestimmte Seite, oder bestimmte Seiten öffnen
+" und anschließend "Seiten festlegen"',
+    'opera.9'          => 'Tragen Sie bei "Adresse eingeben" "https://metager.de" ein und bestätigen mit Enter',
+    'opera.10'         => 'Klicken Sie auf "OK"',
+
+    'IE.1'             => 'Klicken Sie <a href="javascript:window.external.addSearchProvider($(\'link[rel=search]\').attr(\'href\'));">hier</a>, um MetaGer als Suchmaschine hinzuzufügen',
+    'IE.4'             => 'Klicken Sie in Ihrem Browser oben rechts auf Extras',
+    'IE.5'             => 'Wählen Sie den Menüpunkt "Add-Ons verwalten"',
+    'IE.6'             => 'Klicken Sie im Bereich Add-On-Typen auf "Suchanbieter" und danach im rechten Bereich auf "MetaGer"',
+    'IE.7'             => 'Wählen Sie unten den Knopf "Als Standard"',
+    'IE.8'             => 'MetaGer als Startseite im :browser einrichten',
+    'IE.9'             => 'Klicken Sie oben rechts im Browser auf <i class="fa fa-cog"></i> und öffnen Sie die "Internetoptionen"',
+    'IE.10'            => 'Falls MetaGer die einzige Startseite sein soll, markieren Sie im Textfeld den kompletten Text und ersetzen Ihn durch "https://metager.de"',
+    'IE.11'            => 'Klicken Sie auf "OK"',
+
+    'edge.1'           => 'Klicken Sie in Ihrem Browser oben rechts auf Extras (',
+    'edge.2'           => ') und wählen Sie "Einstellungen"',
+    'edge.3'           => 'Scrollen Sie nach unten und klicken auf "Erweiterte Einstellungen anzeigen"',
+    'edge.4'           => 'Scrollen Sie erneut nach unten bis zum Punkt "In Adressleiste suchen mit" und klicken Sie auf "Ändern"',
+    'edge.5'           => 'Wählen Sie "MetaGer: Sicher suchen & finden..." und klicken Sie auf "Als Standard"',
+    'edge.6'           => 'MetaGer als Startseite im :browser einrichten',
+    'edge.7'           => 'Klicken Sie oben rechts im Browser auf <i class="fa fa-ellipsis-h"></i> und öffnen Sie die "Einstellungen"',
+    'edge.8'           => 'Wählen Sie im Bereich "Öffnen mit" den Punkt "Bestimmte Seite(n)" aus',
+    'edge.9'           => 'Im Dropdown-Menü darunter wählen Sie "Benutzerdefiniert" aus',
+    'edge.10'          => 'Im Bereich darunter tragen Sie "https://metager.de" in das Feld "Webadresse eingeben" ein und klicken auf das "+" Symbol',
+    'edge.11'          => 'Entfernen Sie alle Einträge, die beim Start nicht geöffnet werden sollen (z.B. about:start), indem Sie rechts auf das kleine "x" klicken.',
+
+    'safari.1'         => 'Installieren Sie das Safari-PlugIn <a href="http://www.opensearchforsafari.com/" target="_blank" rel="noopener">OpenSearchforSafari</a>.',
+    'safari.2'         => 'Rufen Sie MetaGer auf und fügen Sie MetaGer mit dem OpenSearch-Knopf(Lupen-Symbol) in der Safari-Men&uuml;leiste hinzu.',
+    'safari.3'         => 'L&ouml;schen Sie (nach Bedarf) die anderen Suchmaschinen aus dem OpenSearch-PlugIn, indem Sie das "X" neben diesen betätigen.',
+    'safari.4'         => 'Sie können nun über den OpenSearch-Knopf(Lupe) mit MetaGer suchen.',
+
+    'faq.1'            => 'Siehe auch: ',
+    'faq.2'            => 'Metager FAQ - Plugin',
+    'vivaldi.1'        => 'Klicken Sie in Ihrem Browser oben links auf das rote Vivaldi Logo und wählen Sie zuerst "Werkzeuge", dann im Untermenü "Einstellungen".',
+    'vivaldi.2'        => 'In dem dann erscheinenden Menu wählen Sie bitte "Suche".',
+    'vivaldi.3'        => 'Wählen Sie "Neue Suche hinzufügen".',
+    'vivaldi.4'        => 'Tragen Sie im Feld URL "https://metager.de/meta/meta.ger3?eingabe=%s" ein.',
+    'vivaldi.5'        => 'Tragen Sie als Beschreibung "MetaGer" und als Kürzel "mg" ein.',
+    'vivaldi.6'        => 'Wenn Sie MetaGer als Standardsuchmaschine verwenden möchten, setzen Sie ein Häkchen bei "Als Standard setzen".',
+    'vivaldi.7'        => 'Klicken Sie auf "Hinzufügen".',
+    'vivaldi.8'        => 'MetaGer als Startseite im :browser einrichten',
+    'vivaldi.9'        => 'Klicken Sie in Ihrem Browser oben links auf das rote Vivaldi Logo und wählen Sie zuerst "Werkzeuge", dann im Untermenü "Einstellungen".',
+    'vivaldi.10'       => 'Tragen Sie im Feld "Startseite" "https://metager.de" ein.',
+];
diff --git a/resources/lang/de/sidebar.php b/resources/lang/de/sidebar.php
index dc02cffd5d6e5fe8de35732ec4b94dd04159460a..8f144f21d4339a86d94218cd60f0c8d83aebeef4 100644
--- a/resources/lang/de/sidebar.php
+++ b/resources/lang/de/sidebar.php
@@ -27,4 +27,5 @@ return [
     'nav26'            => 'MetaGer-Fanshop',
     'navigationToggle' => 'Navigation anzeigen',
     'titles.tips'      => 'Tips',
+    'plugin'           => 'MetaGer Plugin',
 ];
diff --git a/resources/lang/de/titles.php b/resources/lang/de/titles.php
index ee24ab4f4d68da59844250489436e2b8c7b95381..3e5cd6a716127917ae091b38be0019e9900fe713 100644
--- a/resources/lang/de/titles.php
+++ b/resources/lang/de/titles.php
@@ -23,4 +23,5 @@ return [
     'jugendschutz'   => 'Jugendschutz',
     'ad-info'        => 'Werbung bei MetaGer',
     'asso'           => 'Assoziator - MetaGer',
+    'plugin'         => 'Plugin - MetaGer',
 ];
diff --git a/resources/lang/en/index.php b/resources/lang/en/index.php
index 1638e77c69162f5deba1313fc23d5a5df9ccff35..6364b6412fa2be78a224c7c3420aff0ac923f811 100644
--- a/resources/lang/en/index.php
+++ b/resources/lang/en/index.php
@@ -59,8 +59,8 @@ return [
     "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"	=>	"Click on the magnifying glass with the small green \"+\" and then on \"Add MetaGer..\" (picture 1)",
-    "plugin.firefox.2"	=>	"Now right click on the new MetaGer Logo in the List and select \"Make MetaGer the default search engine\" (picture2)",
+    "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/\"",
diff --git a/resources/lang/es/index.php b/resources/lang/es/index.php
index f440ebf90e83ab336b6ff9757120ef5e766affe4..c5fa4da3d558597aff3058fc6bb1580289362a21 100644
--- a/resources/lang/es/index.php
+++ b/resources/lang/es/index.php
@@ -29,8 +29,8 @@ return [
     "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" => "Hacer click en su navegador a la lupa con el pequeño \"+\" arriba a la derecha y entonces en \"Añadir Metager\" (ver imagen)",
-    "plugin.firefox.2" => "Ahora hacer click con la tecla derecha el ratón en el nuevo logo de MetaGer en la lista y en \"Usar por defecto\" (ver imagen)",
+    "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\"",
diff --git a/resources/views/datenschutz/english.blade.php b/resources/views/datenschutz/english.blade.php
index b7033eea8bf53412811dad8839bbdf0df2dd8d77..47b8720d89772586ad8224238f4441c91b8ef5a8 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="https://suma-ev.de/impressum.html">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") }}">imprint</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>
@@ -40,7 +40,7 @@
 													   </li>
 												</ol>
 												<h2>Which rights do I have as a user?</h2>
-												Since the full form of the Internet Protocol address is personal, you have the following rights in particular: 
+												Since the full form of the Internet Protocol address is personal, you have the following rights in particular:
 													<a href="#ihrerechte">View rights</a>
                         </article>
                     </li>
@@ -186,7 +186,7 @@
             </article>
             <article class="kontext">
                 <h1>Use of the anonymizing proxy</h1>
-                When using the anonymizing proxy, the following data is generated: 
+                When using the anonymizing proxy, the following data is generated:
                 <ol>
                     <br/>
                     <li><a href="#ip-address">IP-Adress</a>: Will not be stored or shared.</li>
@@ -199,11 +199,11 @@
             </article>
             <article class="kontext">
                 <h1>Use of the associator</h1>
-                    The associator uses the search term to determine and display the terms associated therewith. Other data will not be stored or shared. 
+                    The associator uses the search term to determine and display the terms associated therewith. Other data will not be stored or shared.
             </article>
             <article class="kontext">
                 <h1>Use of the MetaGer app</h1>
-                   Use of the MetaGer app is the same as using MetaGer via a web browser. 
+                   Use of the MetaGer app is the same as using MetaGer via a web browser.
             </article>
             <article class="kontext">
                 <h1>Use of the MetaGer plugin</h1>
@@ -239,7 +239,7 @@
             </article>
             <li><b>Right to deletion:</b></li>
             <article class="kontext">
-            In accordance with Art. 17 GDPR 
+            In accordance with Art. 17 GDPR
             </article>
             <li><b>Right to restriction of processing:</b></li>
             <article class="kontext">
diff --git a/resources/views/datenschutz/german.blade.php b/resources/views/datenschutz/german.blade.php
index f02d3262704695a9a42d9c7528ecec37170f22d8..d68f964a8d7c17475f1a5b86e555919f0a0811b0 100644
--- a/resources/views/datenschutz/german.blade.php
+++ b/resources/views/datenschutz/german.blade.php
@@ -9,7 +9,7 @@
     <h1>Verantwortliche und Ansprechpartner</h1>
 		MetaGer und verwandte Dienste werden betrieben vom <a href="https://suma-ev.de/impressum.html">SUMA-EV</a>, der auch Verfasser dieser Erklärung ist.
 		Mit „Wir“ ist in dieser Erklärung in der Regel der SUMA-EV gemeint.
-		<br />Unsere Kontaktdaten finden Sie in unserem <a href="https://suma-ev.de/impressum.html">Impressum</a>. Per E-Mail sind wir unter der Adresse  <a href="mailto:office@suma-ev.de">office@suma-ev.de</a> zu erreichen.
+		<br />Unsere Kontaktdaten finden Sie in unserem <a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "impressum") }}">Impressum</a>. Per E-Mail sind wir unter der Adresse  <a href="mailto:office@suma-ev.de">office@suma-ev.de</a> zu erreichen.
 		</div>
     <div>
     <h1>Grundsätze</h1>
diff --git a/resources/views/impressum.blade.php b/resources/views/impressum.blade.php
index 0a3d83fbe91492ba98d89e48c3ac3d045d66a5db..8c95e23f2436a27b2e223484b942bc91919f1d7e 100644
--- a/resources/views/impressum.blade.php
+++ b/resources/views/impressum.blade.php
@@ -5,7 +5,7 @@
 @section('content')
 	<h1 class="page-title">{!! trans('impressum.title') !!}</h1>
 	<div class="card-heavy">
-		<h2 class="subheading">{!! trans('impressum.headline.1') !!}</h2>
+		<h2 class="wrap">{!! trans('impressum.headline.1') !!}</h2>
 		<p>{!! trans('impressum.info.1') !!}</p>
 		<address>{!! trans('impressum.info.2') !!}</address>
 		<address>{!! trans('impressum.info.3') !!}</address>
diff --git a/resources/views/index.blade.php b/resources/views/index.blade.php
index f6d965547d98bf4e3674e11a430c6f452298bb72..11014409fb0f617a63ec09854b63754435e8cb80 100644
--- a/resources/views/index.blade.php
+++ b/resources/views/index.blade.php
@@ -3,13 +3,12 @@
 @section('title', $title )
 
 @section('content')
-	@include('modals.plugin-modal')
 	<h1 id="startpage-logo">
 		<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/") }}">MetaGer</a>
 	</h1>
 	@include('parts.searchbar', ['class' => 'startpage-searchbar'])
-	<div id="show-plugin-modal">
-		<label for="plugin-modal-checkbox" class="btn btn-default open-plugin-modal" title="{{ trans('index.plugin.open-modal.title') }}"><i class="fa fa-plug" aria-hidden="true"></i> {{ trans('index.plugin.open-modal') }}</label>
+	<div id="plugin-btn-div">
+		<a id="plugin-btn" class="btn btn-default" href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/plugin") }}" title="{{ trans('index.plugin-title') }}"><i class="fa fa-plug" aria-hidden="true"></i> {{ trans('index.plugin') }}</a>
 	</div>
 	<script src="{{ mix('js/scriptStartPage.js') }}" defer></script>
 	<script src="{{ mix('js/searchbar.js') }}" defer></script>
diff --git a/resources/views/modals/plugin-modal.blade.php b/resources/views/modals/plugin-modal.blade.php
deleted file mode 100644
index aa112c261b5529fea39c2a885e8e027b13bd78c5..0000000000000000000000000000000000000000
--- a/resources/views/modals/plugin-modal.blade.php
+++ /dev/null
@@ -1,141 +0,0 @@
-<input type="checkbox" id="plugin-modal-checkbox" class="hidden" @if( isset($pluginmodal) && $pluginmodal == 'on') checked @endif>
-<div class="metager-modal" id="plugin-modal" role="dialog">
-		<div class="metager-modal-dialog ">
-			<div class="metager-modal-content">
-				<div class="metager-modal-header">
-					<label for="plugin-modal-checkbox" class="close">
-						<span aria-hidden="true">&times;</span>
-					</label>
-					<h4>
-						@if ($browser === 'Firefox' || $browser === 'Mozilla')
-							{{ trans('index.plugin.head.1') }}
-						@elseif ($browser === 'Chrome')
-							{{ trans('index.plugin.head.2') }}
-						@elseif ($browser === 'Opera')
-							{{ trans('index.plugin.head.3') }}
-						@elseif ($browser === 'IE')
-							{{ trans('index.plugin.head.4') }}
-						@elseif ($browser === 'Edge')
-							{{ trans('index.plugin.head.5') }}
-						@elseif ($browser === 'Safari')
-							{{ trans('index.plugin.head.6') }}
-						@elseif ($browser === 'Vivaldi')
-							{{ trans('index.plugin.head.7') }}
-						@else
-							$(".seperator").addClass("hidden");
-						@endif
-					</h4>
-					<p class="text-muted">{{ trans('index.plugin.head.info') }}</p>
-				</div>
-				<div class="modal-body">
-					@if ($browser === 'Firefox' || $browser === 'Mozilla')
-						<h4>{!! trans('index.plugin.firefox.plugin') !!}</h4>
-						<ol>
-							<li>{{ trans('index.plugin.firefox.1') }}<img src="/img/Firefox.png" width="100%" /></li>
-							<li>{{ trans('index.plugin.firefox.2') }}<img src="/img/Firefox_Standard.png" width="100%" /></li>
-						</ol>
-						<hr />
-						<h4>{!! trans('index.plugin.firefox.3', ['browser' => $browser]) !!}</h4>
-						<ol>
-							<li>{!! trans('index.plugin.firefox.4') !!}</li>
-							<li>{!! trans('index.plugin.firefox.5') !!}</li>
-						</ol>
-						<hr>
-						<h4>{{ trans('index.plugin.head.8') }}</h4>
-						<ol>
-							<li>{!! trans('index.plugin.firefox-klar.1') !!}</li>
-							<li>{{ trans('index.plugin.firefox-klar.2')}}<img src="/img/FirefoxKlar-Settings.png" width="100%"/></li>
-							<li>{{ trans('index.plugin.firefox-klar.3') }}<img src="/img/FirefoxKlar-addSearchengine.png" width="100%"/></li>
-							<li>{{ trans('index.plugin.firefox-klar.4') }}</li>
-						</ol>
-					@elseif ($browser === 'Chrome')
-						<ol>
-							<li>{!! trans('index.plugin.chrome.1') !!}</li>
-							<li>{!! trans('index.plugin.chrome.2') !!}</li>
-							<li>{{ trans('index.plugin.chrome.3') }}</li>
-						</ol>
-						<hr />
-						<h4>{!! trans('index.plugin.chrome.4', ['browser' => $browser]) !!}</h4>
-						<ol>
-							<li>{!! trans('index.plugin.chrome.5') !!}</li>
-							<li>{!! trans('index.plugin.chrome.6') !!}</li>
-							<li>{!! trans('index.plugin.chrome.7') !!}</li>
-							<li>{!! trans('index.plugin.chrome.8') !!}</li>
-						</ol>
-					@elseif ($browser === 'Opera')
-						<ol>
-							<li>{!! trans('index.plugin.opera.1') !!}</li>
-							<li>{!! trans('index.plugin.opera.2') !!}</li>
-							<li>{!! trans('index.plugin.opera.3') !!}</li>
-							<li>{!! trans('index.plugin.opera.4') !!}</li>
-							<li><small>{!! trans('index.plugin.opera.5') !!}</small>
-						</ol>
-						<hr />
-						<h4>{!! trans('index.plugin.opera.6', ['browser' => $browser]) !!}</h4>
-						<ol>
-							<li>{!! trans('index.plugin.opera.7') !!}</li>
-							<li>{!! trans('index.plugin.opera.8') !!}</li>
-							<li>{!! trans('index.plugin.opera.9') !!}</li>
-							<li>{!! trans('index.plugin.opera.10') !!}</li>
-						</ol>
-					@elseif ($browser === 'IE')
-						<ol>
-							<li>{!! trans('index.plugin.IE.1') !!}</li>
-							<li>{!! trans('index.plugin.IE.4') !!} (<i class="fa fa-cog" aria-hidden="true"></i>)</li>
-							<li>{!! trans('index.plugin.IE.5') !!}</li>
-							<li>{!! trans('index.plugin.IE.6') !!}</li>
-							<li>{!! trans('index.plugin.IE.7') !!}</li>
-						</ol>
-						<hr />
-						<h4>{!! trans('index.plugin.IE.8', ['browser' => $browser]) !!}</h4>
-						<ol>
-							<li>{!! trans('index.plugin.IE.9') !!}</li>
-							<li>{!! trans('index.plugin.IE.10') !!}</li>
-							<li>{!! trans('index.plugin.IE.11') !!}</li>
-						</ol>
-					@elseif ($browser === 'Edge')
-						<ol>
-							<li>{!! trans('index.plugin.edge.1') !!}<i class="fa fa-ellipsis-h" aria-hidden="true"></i>{!! trans('index.plugin.edge.2') !!}</li>
-							<li>{!! trans('index.plugin.edge.3') !!}</li>
-							<li>{!! trans('index.plugin.edge.4') !!}</li>
-							<li>{!! trans('index.plugin.edge.5') !!}</li>
-						</ol>
-						<hr />
-						<h4>{!! trans('index.plugin.edge.6', ['browser' => $browser]) !!}</h4>
-						<ol>
-							<li>{!! trans('index.plugin.edge.7') !!}</li>
-							<li>{!! trans('index.plugin.edge.8') !!}</li>
-							<li>{!! trans('index.plugin.edge.9') !!}</li>
-							<li>{!! trans('index.plugin.edge.10') !!}</li>
-							<li>{!! trans('index.plugin.edge.11') !!}</li>
-						</ol>
-					@elseif ($browser === 'Safari')
-						<ol>
-							<li>{!! trans('index.plugin.safari.1') !!}</li>
-							<li>{!! trans('index.plugin.safari.2') !!}</li>
-							<li>{!! trans('index.plugin.safari.3') !!}</li>
-							<li>{!! trans('index.plugin.safari.4') !!}</li>
-						</ol>
-					@elseif ($browser === 'Vivaldi')
-						<ol>
-							<li>{!! trans('index.plugin.vivaldi.1') !!}</li>
-							<li>{!! trans('index.plugin.vivaldi.2') !!}</li>
-							<li>{!! trans('index.plugin.vivaldi.3') !!}</li>
-							<li>{!! trans('index.plugin.vivaldi.4') !!}</li>
-							<li>{!! trans('index.plugin.vivaldi.5') !!}</li>
-							<li>{!! trans('index.plugin.vivaldi.6') !!}</li>
-							<li>{!! trans('index.plugin.vivaldi.7') !!}</li>
-						</ol>
-						<hr />
-						<h4>{!! trans('index.plugin.vivaldi.8', ['browser' => $browser]) !!}</h4>
-						<ol>
-							<li>{!! trans('index.plugin.vivaldi.9') !!}</li>
-							<li>{!! trans('index.plugin.vivaldi.10') !!}</li>
-						</ol>
-					@endif
-					<hr>
-					<p>@lang('index.plugin.faq.1')<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/faq#mg-plugin") }}">@lang('index.plugin.faq.2')</a></p>
-				</div>
-			</div>
-		</div>
-	</div>
diff --git a/resources/views/parts/sidebar.blade.php b/resources/views/parts/sidebar.blade.php
index b32363cd0fa1094cec96ecb96eb902a9280325f3..1e85a4693ad84098a2d529612b1bb08b8bc4c455 100644
--- a/resources/views/parts/sidebar.blade.php
+++ b/resources/views/parts/sidebar.blade.php
@@ -88,13 +88,16 @@
         </label>
       <ul class="metager-dropdown-content">
         <li>
-          <a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/widget/") }}" tabindex="226">{{ trans('sidebar.nav10') }}</a>
+          <a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/plugin/") }}" tabindex="226">{{ trans('sidebar.plugin') }}</a>
         </li>
         <li>
-          <a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/zitat-suche/") }}" tabindex="227">{{ trans('sidebar.nav22') }}</a>
+          <a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/widget/") }}" tabindex="227">{{ trans('sidebar.nav10') }}</a>
         </li>
         <li>
-          <a href="{{ action('Assoziator@asso') }}" tabindex="228">{{ trans('sidebar.nav11') }}</a>
+          <a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/zitat-suche/") }}" tabindex="228">{{ trans('sidebar.nav22') }}</a>
+        </li>
+        <li>
+          <a href="{{ action('Assoziator@asso') }}" tabindex="229">{{ trans('sidebar.nav11') }}</a>
         </li>
         <li>
           <a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/tips/") }}" tabindex="230">{{ trans('sidebar.titles.tips') }}</a>
diff --git a/resources/views/plugin-page.blade.php b/resources/views/plugin-page.blade.php
new file mode 100644
index 0000000000000000000000000000000000000000..c6452ebe9ec51db73dd637ce13614b4589130bdc
--- /dev/null
+++ b/resources/views/plugin-page.blade.php
@@ -0,0 +1,166 @@
+@extends('layouts.subPages')
+
+@section('title', $title )
+
+@section('navbarFocus.tips', 'class="active"')
+
+@section('content')<div role="dialog">
+	<h1 class="page-title">
+		@if ($browser === 'Firefox' || $browser === 'Mozilla')
+			{{ trans('plugin-page.head.1') }}
+		@elseif ($browser === 'Chrome')
+			{{ trans('plugin-page.head.2') }}
+		@elseif ($browser === 'Opera')
+			{{ trans('plugin-page.head.3') }}
+		@elseif ($browser === 'IE')
+			{{ trans('plugin-page.head.4') }}
+		@elseif ($browser === 'Edge')
+			{{ trans('plugin-page.head.5') }}
+		@elseif ($browser === 'Safari')
+			{{ trans('plugin-page.head.6') }}
+		@elseif ($browser === 'Vivaldi')
+			{{ trans('plugin-page.head.7') }}
+		@else
+			$(".seperator").addClass("hidden");
+		@endif
+	</h1>
+	<h2 class="subheading">{{ trans('plugin-page.head.info') }}</h2>
+	@if ($browser === 'Firefox' || $browser === 'Mozilla')
+		<div class="card-medium">
+			<h3>{!! trans('plugin-page.firefox.plugin') !!}</h3>
+		</div>
+		<div class="card-heavy">
+			<h3>{!! trans('plugin-page.default-search', ['browser' => $browser]) !!}</h3>
+			<ol>
+				<li>{!! trans('plugin-page.firefox.1') !!}<img src="/img/Firefox.png" width="100%" /></li>
+				<li>{!! trans('plugin-page.firefox.2') !!}<img src="/img/Firefox_Standard.png" width="100%" /></li>
+			</ol>
+		</div>
+		<div class="card-heavy">
+			<h3>{!! trans('plugin-page.firefox.3', ['browser' => $browser]) !!}</h3>
+			<ol>
+				<li>{!! trans('plugin-page.firefox.4') !!}</li>
+				<li>{!! trans('plugin-page.firefox.5') !!}</li>
+			</ol>
+		</div>
+		<div class="card-heavy">
+			<h4>{{ trans('plugin-page.head.8') }}</h4>
+			<ol>
+				<li>{!! trans('plugin-page.firefox-klar.1') !!}</li>
+				<li>{{ trans('plugin-page.firefox-klar.2')}}<img src="/img/FirefoxKlar-Settings.png" width="100%"/></li>
+				<li>{{ trans('plugin-page.firefox-klar.3') }}<img src="/img/FirefoxKlar-addSearchengine.png" width="100%"/></li>
+				<li>{{ trans('plugin-page.firefox-klar.4') }}</li>
+			</ol>
+		</div>
+	@elseif ($browser === 'Chrome')
+		<div class="card-heavy">
+			<h3>{!! trans('plugin-page.default-search') !!}</h3>
+			<ol>
+				<li>{!! trans('plugin-page.chrome.1') !!}</li>
+				<li>{!! trans('plugin-page.chrome.2') !!}</li>
+				<li>{{ trans('plugin-page.chrome.3') }}</li>
+			</ol>
+		</div>
+		<div class="card-heavy">
+			<h3>{!! trans('plugin-page.chrome.4', ['browser' => $browser]) !!}</h3>
+			<ol>
+				<li>{!! trans('plugin-page.chrome.5') !!}</li>
+				<li>{!! trans('plugin-page.chrome.6') !!}</li>
+				<li>{!! trans('plugin-page.chrome.7') !!}</li>
+				<li>{!! trans('plugin-page.chrome.8') !!}</li>
+			</ol>
+		</div>
+	@elseif ($browser === 'Opera')
+		<div class="card-heavy">
+			<h3>{!! trans('plugin-page.default-search') !!}</h3>
+			<ol>
+				<li>{!! trans('plugin-page.opera.1') !!}</li>
+				<li>{!! trans('plugin-page.opera.2') !!}</li>
+				<li>{!! trans('plugin-page.opera.3') !!}</li>
+				<li>{!! trans('plugin-page.opera.4') !!}</li>
+				<li><small>{!! trans('plugin-page.opera.5') !!}</small>
+			</ol>
+		</div>
+		<div class="card-heavy">
+			<h3>{!! trans('plugin-page.opera.6', ['browser' => $browser]) !!}</h3>
+			<ol>
+				<li>{!! trans('plugin-page.opera.7') !!}</li>
+				<li>{!! trans('plugin-page.opera.8') !!}</li>
+				<li>{!! trans('plugin-page.opera.9') !!}</li>
+				<li>{!! trans('plugin-page.opera.10') !!}</li>
+			</ol>
+		</div>
+	@elseif ($browser === 'IE')
+		<div class="card-heavy">
+			<h3>{!! trans('plugin-page.default-search') !!}</h3>
+			<ol>
+				<li>{!! trans('plugin-page.IE.1') !!}</li>
+				<li>{!! trans('plugin-page.IE.4') !!} (<i class="fa fa-cog" aria-hidden="true"></i>)</li>
+				<li>{!! trans('plugin-page.IE.5') !!}</li>
+				<li>{!! trans('plugin-page.IE.6') !!}</li>
+				<li>{!! trans('plugin-page.IE.7') !!}</li>
+			</ol>
+		</div>
+		<div class="card-heavy">
+			<h3>{!! trans('plugin-page.IE.8', ['browser' => $browser]) !!}</h3>
+			<ol>
+				<li>{!! trans('plugin-page.IE.9') !!}</li>
+				<li>{!! trans('plugin-page.IE.10') !!}</li>
+				<li>{!! trans('plugin-page.IE.11') !!}</li>
+			</ol>
+		</div>
+	@elseif ($browser === 'Edge')
+		<div class="card-heavy">
+			<h3>{!! trans('plugin-page.default-search') !!}</h3>
+			<ol>
+				<li>{!! trans('plugin-page.edge.1') !!}<i class="fa fa-ellipsis-h" aria-hidden="true"></i>{!! trans('plugin-page.edge.2') !!}</li>
+				<li>{!! trans('plugin-page.edge.3') !!}</li>
+				<li>{!! trans('plugin-page.edge.4') !!}</li>
+				<li>{!! trans('plugin-page.edge.5') !!}</li>
+			</ol>
+		</div>
+		<div class="card-heavy">
+			<h3>{!! trans('plugin-page.edge.6', ['browser' => $browser]) !!}</h3>
+			<ol>
+				<li>{!! trans('plugin-page.edge.7') !!}</li>
+				<li>{!! trans('plugin-page.edge.8') !!}</li>
+				<li>{!! trans('plugin-page.edge.9') !!}</li>
+				<li>{!! trans('plugin-page.edge.10') !!}</li>
+				<li>{!! trans('plugin-page.edge.11') !!}</li>
+			</ol>
+		</div>
+	@elseif ($browser === 'Safari')
+		<div class="card-heavy">
+			<h3>{!! trans('plugin-page.default-search') !!}</h3>
+			<ol>
+				<li>{!! trans('plugin-page.safari.1') !!}</li>
+				<li>{!! trans('plugin-page.safari.2') !!}</li>
+				<li>{!! trans('plugin-page.safari.3') !!}</li>
+				<li>{!! trans('plugin-page.safari.4') !!}</li>
+			</ol>
+		</div>
+	@elseif ($browser === 'Vivaldi')
+		<div class="card-heavy">
+			<h3>{!! trans('plugin-page.default-search') !!}</h3>
+			<ol>
+				<li>{!! trans('plugin-page.vivaldi.1') !!}</li>
+				<li>{!! trans('plugin-page.vivaldi.2') !!}</li>
+				<li>{!! trans('plugin-page.vivaldi.3') !!}</li>
+				<li>{!! trans('plugin-page.vivaldi.4') !!}</li>
+				<li>{!! trans('plugin-page.vivaldi.5') !!}</li>
+				<li>{!! trans('plugin-page.vivaldi.6') !!}</li>
+				<li>{!! trans('plugin-page.vivaldi.7') !!}</li>
+			</ol>
+		</div>
+		<div class="card-heavy">
+			<h4>{!! trans('plugin-page.vivaldi.8', ['browser' => $browser]) !!}</h4>
+			<ol>
+				<li>{!! trans('plugin-page.vivaldi.9') !!}</li>
+				<li>{!! trans('plugin-page.vivaldi.10') !!}</li>
+			</ol>
+		</div>
+	@endif
+	<div class="card-medium">
+		<p>@lang('plugin-page.faq.1')<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/faq#mg-plugin") }}">@lang('plugin-page.faq.2')</a></p>
+	</div>
+@endsection
diff --git a/resources/views/spende/spende.blade.php b/resources/views/spende/spende.blade.php
index 955622082c4d605d47680fe4e8d4dc93bfaf198a..b32b9757a23a864b312e3be6fac4a09c3a37fda7 100644
--- a/resources/views/spende/spende.blade.php
+++ b/resources/views/spende/spende.blade.php
@@ -7,7 +7,7 @@
 @section('content')
 	<div class="card-heavy">
 		<h1>{!! trans('spende.headline.1') !!}</h1>
-		<h2 class="subheading">{!! trans('spende.headline.2') !!}</h2>
+		<h2>{!! trans('spende.headline.2') !!}</h2>
 		<p>{!! trans('spende.about.2') !!}</p>
 		<p><i class="fa fa-info fa-fw fa-lg" aria-hidden="true"></i>{!! trans('spende.bankinfo.3') !!}</p>
 	</div>
diff --git a/routes/web.php b/routes/web.php
index aa88d03931f22e04d5e76aa38e034edfa86f7120..5de61053976588f92d9cb422aee3a7cf351fc8fb 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -1,5 +1,7 @@
 <?php
 
+use Jenssegers\Agent\Agent;
+
 /*
 |--------------------------------------------------------------------------
 | Web Routes
@@ -20,14 +22,13 @@ Route::group(
 
         Route::get('/', 'StartpageController@loadStartPage');
 
-        Route::get('asso', function(){
+        Route::get('asso', function () {
             return view('assoziator.asso')
                 ->with('title', trans('titles.asso'))
                 ->with('navbarFocus', 'dienste');
         });
         Route::post('asso', 'Assoziator@asso');
 
-
         Route::get('impressum', function () {
             return view('impressum')
                 ->with('title', trans('titles.impressum'))
@@ -158,6 +159,14 @@ Route::group(
             return $response;
         });
 
+        Route::get('plugin', function () {
+            return view('plugin-page')
+                ->with('title', trans('titles.plugin'))
+                ->with('navbarFocus', 'dienste')
+                ->with('browser', (new Agent())->browser())
+                ->with('request', $this->input('request', 'GET'));
+        });
+
         Route::group([/*'middleware' => ['referer.check'],*/'prefix' => 'admin'], function () {
             Route::get('/', 'AdminInterface@index');
             Route::match(['get', 'post'], 'count', 'AdminInterface@count');
@@ -207,7 +216,7 @@ Route::group(
                 return response()->download($filePath, "MetaGer-release.apk");
             });
             Route::get('maps', function () {
-                $filePath = env('maps_app');
+                $filePath     = env('maps_app');
                 $fileContents = file_get_contents($filePath);
                 return response($fileContents, 200)
                     ->header('Cache-Control', 'public')
@@ -217,7 +226,7 @@ Route::group(
             });
 
             Route::get('maps/version', function () {
-                $filePath = env('maps_version');
+                $filePath     = env('maps_version');
                 $fileContents = file_get_contents($filePath);
                 return response($fileContents, 200)
                     ->header('Content-Type', 'text/plain');