From 6463cc6dd78ea468f8ad2b548b8e16e0314c7dca Mon Sep 17 00:00:00 2001
From: Dominik Hebeler <dominik@suma-ev.de>
Date: Tue, 19 Feb 2019 13:53:41 +0100
Subject: [PATCH] Fixed style of the static pages

---
 resources/lang/de/footer.php                  |   1 +
 resources/lang/en/footer.php                  |   1 +
 resources/lang/en/spende.php                  |   4 +-
 resources/less/metager/general/general.less   |   6 +
 resources/less/metager/pages/donation.less    |  28 +-
 resources/less/metager/pages/help_faq.less    |  19 +-
 resources/less/metager/pages/privacy.less     |  69 +--
 resources/less/metager/variables.less         |   2 +-
 resources/views/about.blade.php               |  68 +-
 resources/views/datenschutz/english.blade.php | 553 ++++++++++-------
 resources/views/datenschutz/german.blade.php  | 584 ++++++++++--------
 resources/views/hilfe.blade.php               |  10 +-
 resources/views/impressum.blade.php           |  32 +-
 resources/views/kontakt/kontakt.blade.php     |  80 +--
 resources/views/parts/footer.blade.php        |   4 +-
 resources/views/spende/spende.blade.php       | 144 ++---
 resources/views/team/team.blade.php           |  84 +--
 17 files changed, 936 insertions(+), 753 deletions(-)

diff --git a/resources/lang/de/footer.php b/resources/lang/de/footer.php
index aaebf6738..85dce54c8 100644
--- a/resources/lang/de/footer.php
+++ b/resources/lang/de/footer.php
@@ -3,4 +3,5 @@
 return [
     'sumaev.1' => 'Ein Projekt des',
     'sumaev.2' => 'SUMA-EV',
+    'sumaev.link' => 'https://suma-ev.de',
 ];
diff --git a/resources/lang/en/footer.php b/resources/lang/en/footer.php
index d1df7b9a9..758f58961 100644
--- a/resources/lang/en/footer.php
+++ b/resources/lang/en/footer.php
@@ -3,4 +3,5 @@
 return [
     "sumaev.1" => "MetaGer is developed and run by ",
     "sumaev.2" => "SUMA-EV - Association for Free Access to Knowledge.",
+    'sumaev.link' => 'https://suma-ev.de/en/index.html',
 ];
diff --git a/resources/lang/en/spende.php b/resources/lang/en/spende.php
index e2c008b8a..2e13276c1 100644
--- a/resources/lang/en/spende.php
+++ b/resources/lang/en/spende.php
@@ -14,8 +14,8 @@ return [
     "lastschrift.3.placeholder" => "Name",
     "lastschrift.4" => "Your E-Mail adress:",
     "lastschrift.5" => "Your phone number to verify your donation by callback:",
-    "lastschrift.6" => "Your IBAN or bank account number:",
-    "lastschrift.7" => "Your BIC or bank code:",
+    "lastschrift.6" => "Your IBAN:",
+    "lastschrift.7" => "Your BIC (only for non SEPA countries):",
     "lastschrift.8.value" => "Here you can tell us, what amount you want to donate:",
     "lastschrift.8.value.placeholder" => "Donation amount",
     "lastschrift.8.message" => "Here you can informally add a message to your donation:",
diff --git a/resources/less/metager/general/general.less b/resources/less/metager/general/general.less
index 7b7fe480d..35730b914 100644
--- a/resources/less/metager/general/general.less
+++ b/resources/less/metager/general/general.less
@@ -430,4 +430,10 @@ label a {
     display: flex;
     flex-direction: column;
     align-items: center;
+}
+
+#impressum, #kontakt, #team, #about {
+    .card-heavy {
+        margin: 8px 0;
+    }
 }
\ No newline at end of file
diff --git a/resources/less/metager/pages/donation.less b/resources/less/metager/pages/donation.less
index 3a5ecac1b..770e92765 100644
--- a/resources/less/metager/pages/donation.less
+++ b/resources/less/metager/pages/donation.less
@@ -1,8 +1,22 @@
-.donation-form-group {
-    text-align: left;
-    font-size: 12px;
-}
+#donation {
+    .donation-form-group {
+        text-align: left;
+        font-size: 12px;
+    }
+
+    .donation-form-group label {
+        font-weight: bold;
+    }
+    .section {
+        .card-light;
+        margin: 8px 0;
+    }
 
-.donation-form-group label {
-    font-weight: bold;
-}
\ No newline at end of file
+    .col-left .section{
+        margin: 8px;
+        margin-left: 0;
+        @media(max-width: @screen-small){
+            margin-right: 0;
+        }
+    }
+}
diff --git a/resources/less/metager/pages/help_faq.less b/resources/less/metager/pages/help_faq.less
index 5be91c7d9..977e5637d 100644
--- a/resources/less/metager/pages/help_faq.less
+++ b/resources/less/metager/pages/help_faq.less
@@ -1,7 +1,14 @@
 .hilfe,
 .faq {
     section {
-        .card-heavy;
+        .card-light; 
+        @media(max-width: @screen-medium){
+            .card-medium;
+        }
+        @media(max-width: @screen-small){
+            .card-heavy;
+        }
+        margin: 4px 0;
         h3 {
             border-bottom: 1px solid #aaa;
         }
@@ -11,6 +18,16 @@
             border-radius: 5px;
             padding: 10px;
         }
+        div.image-container {
+            align-items: center;
+            justify-content: center;
+            img {
+                margin: 10px 0;
+                padding: 8px;
+                border: 1px solid #ccc;
+                border-radius: 3px;
+            }
+        }
     }
     .fake-result {
         *:hover {
diff --git a/resources/less/metager/pages/privacy.less b/resources/less/metager/pages/privacy.less
index 9d8c728ff..4836cea6c 100644
--- a/resources/less/metager/pages/privacy.less
+++ b/resources/less/metager/pages/privacy.less
@@ -1,48 +1,27 @@
 .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;
+    ol, ul {
+        list-style-type: none;
+        padding-left: 0;
+    }
+    .section {
+        margin: 8px 0;
+        .card-light;
+        @media(max-width: @screen-medium){
+            .card-medium;
+        }
+        @media(max-width: @screen-small){
+            .card-heavy;
+        }
+        .kontext {
+            border-bottom: 1px solid #ccc;
+            border-top: 1px solid #ccc;
+            padding: 8px 0;
+            .datum-list {
+                margin-top: 8px;
+                > li {
+                    padding: 8px 0;
+                }
+            }
+        }
     }
 }
\ No newline at end of file
diff --git a/resources/less/metager/variables.less b/resources/less/metager/variables.less
index 77d098e19..11bf55cb2 100644
--- a/resources/less/metager/variables.less
+++ b/resources/less/metager/variables.less
@@ -26,5 +26,5 @@ sans-serif;
 @padding-small-default: 8px;
 // Screen sizes
 @screen-mobile: 760px;
-@screen-small: 1000;
+@screen-small: 1000px;
 @screen-medium: 1200px;
\ No newline at end of file
diff --git a/resources/views/about.blade.php b/resources/views/about.blade.php
index afea4e713..b398ee69a 100644
--- a/resources/views/about.blade.php
+++ b/resources/views/about.blade.php
@@ -3,38 +3,40 @@
 @section('title', $title )
 
 @section('content')
-	<h1 class="page-title">{{ trans('about.head.1') }}</h1>
-	<div class="card-heavy">
-		<h2>{{ trans('about.head.3') }}</h2>
-		<p class="lead">{!! trans('about.3.0') !!}</p>
-		<ul class="dotlist">
-			<li>{!! trans('about.3.1') !!}</li>
-			<li>{!! trans('about.3.2') !!}</li>
-			<li>{!! trans('about.3.3') !!}</li>
-			<li>{!! trans('about.3.4') !!}</li>
-			<li>{!! trans('about.3.5') !!}</li>
-			<li>{!! trans('about.3.6') !!}</li>
-			<li>{!! trans('about.3.7') !!}</li>
-		</ul>
-	</div>
-	<div class="card-heavy">
-		<h2>{{ trans('about.head.2') }}</h2>
-		<ul class="dotlist">
-			<li>{!! trans('about.list.1') !!}</li>
-			<li>{!! trans('about.list.2') !!}</li>
-			<li>{!! trans('about.list.3') !!}</li>
-			<li>{!! trans('about.list.4') !!}</li>
-			<li>{!! trans('about.list.5') !!}</li>
-			<li>{!! trans('about.list.6') !!}</li>
-			<li>{!! trans('about.list.7') !!}</li>
-		</ul>
-	</div>
-	<div class="card-heavy">
-	<h2>{{ trans('about.head.4') }}</h2>
-		<ul class="dotlist">
-			<li><p>{!! trans('spende.about.3') !!}</p></li>
-			<li><p>{!! trans('spende.about.4') !!}</p></li>
-			<li><p>{!! trans('spende.about.5') !!}</p></li>
-		</ul>
+	<div id="about">
+		<h1 class="page-title">{{ trans('about.head.1') }}</h1>
+		<div class="card-heavy">
+			<h2>{{ trans('about.head.3') }}</h2>
+			<p class="lead">{!! trans('about.3.0') !!}</p>
+			<ul class="dotlist">
+				<li>{!! trans('about.3.1') !!}</li>
+				<li>{!! trans('about.3.2') !!}</li>
+				<li>{!! trans('about.3.3') !!}</li>
+				<li>{!! trans('about.3.4') !!}</li>
+				<li>{!! trans('about.3.5') !!}</li>
+				<li>{!! trans('about.3.6') !!}</li>
+				<li>{!! trans('about.3.7') !!}</li>
+			</ul>
+		</div>
+		<div class="card-heavy">
+			<h2>{{ trans('about.head.2') }}</h2>
+			<ul class="dotlist">
+				<li>{!! trans('about.list.1') !!}</li>
+				<li>{!! trans('about.list.2') !!}</li>
+				<li>{!! trans('about.list.3') !!}</li>
+				<li>{!! trans('about.list.4') !!}</li>
+				<li>{!! trans('about.list.5') !!}</li>
+				<li>{!! trans('about.list.6') !!}</li>
+				<li>{!! trans('about.list.7') !!}</li>
+			</ul>
+		</div>
+		<div class="card-heavy">
+		<h2>{{ trans('about.head.4') }}</h2>
+			<ul class="dotlist">
+				<li><p>{!! trans('spende.about.3') !!}</p></li>
+				<li><p>{!! trans('spende.about.4') !!}</p></li>
+				<li><p>{!! trans('spende.about.5') !!}</p></li>
+			</ul>
+		</div>
 	</div>
 @endsection
diff --git a/resources/views/datenschutz/english.blade.php b/resources/views/datenschutz/english.blade.php
index 2690f0b11..e70d73949 100644
--- a/resources/views/datenschutz/english.blade.php
+++ b/resources/views/datenschutz/english.blade.php
@@ -1,275 +1,348 @@
-<div class="card-heavy">
-    <div>
-    <h1>Data protection at MetaGer/SUMA-EV</h1>
-		For maximum transparency, we list the information we collect from you and how we use it. The protection of your data is important to us and it should be you, too.
-		<br /><strong>Please read this statement thoroughly; it is in your interest.</strong>
-		</div>
-        <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") }}">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>
-		As a non-profit organization, we have committed ourselves to free access to knowledge. Since we know that free research is not compatible with mass surveillance, we also take privacy very seriously. We always only process the data that is necessary for the operation of our services. Data protection is always the standard we aim for. We do not operate profiling – i.e. the automatic creation of user profiles.
-		</div>
-    <div>
-    <h1>Accumulating data by context</h1>
-    <ol>
-        <li class="kontext-list">
-            <article class="kontext">
-                <h1>Using the web search engine MetaGer</h1>
-                When using our web search engine MetaGer via their web form or through their OpenSearch interface, the following data is generated:
-                <ol class="datum-list">
-                    <li>
-                        <article class="datum">
-                            <h1 id="ip-address">Internet protocol address</h1>
-														The Internet protocol address (hereafter referred to as IP) is necessary to use web services such as MetaGer. This IP, in combination with a date similar to a telephone number, uniquely identifies Internet access and its owner.
-														<br />In general, the first three (out of four) blocks of an IP are not personal. When rear blocks of the IP are truncated, the truncated address identifies the approximate geographic area around the Internet connection.
-														<h2>Examples (full IP address)</h2>
-														<samp>154.67.88.47</samp><br />
-														<samp>82.159.53.49</samp>
-														<h2>Examples (only the first two blocks)</h2>
-														<samp>154.67.0.0</samp><br />
-														<samp>82.159.0.0</samp>
-														<h2>What does MetaGer/SUMA-EV do with it?</h2>
-														<ol>
-															<li>To protect our service from congestion, we need to limit the number of search queries per Internet connection. For this purpose alone, we store the full IP address and a timestamp for a maximum of 96 hours. If a noticeable number of searches are performed by an IP, this IP is temporarily stored in a revocation list (maximum 96 hours after the last search). Then the IP is deleted.
-															</li>
-														  <li>In addition to donations and membership fees, we must finance our operation through non-personalized advertising on the results page. To receive this advertising, we give the first two blocks of the IP in connection with parts of the so-called user agent to our advertising partners
-													   </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:
-													<a href="#ihrerechte">View rights</a>
-                        </article>
-                    </li>
-                    <li>
-                        <article class="datum">
-                            <h1 id="search-request">Entered search query</h1>
-                            Entered search terms are mandatory for a web search. As a rule, personal data cannot be obtained from them; partly because they have no fixed structure.
-														<h2>Beispiele</h2>
-                            <samp>Water consumption when showering</samp><br />
-                            <samp>Lyrics from the song There was a bird on a tree</samp><br />
-                            <samp>Grakvaloth</samp><br />
-                            <samp>WHO abbreviation</samp>
-														<h2>What does MetaGer/SUMA-EV do with it?</h2>
-														<ol>
-															<li>As an integral part of the Metasearch, the search query will be transmitted to our partners to get search results for display on the results page. The results, including the search term, are kept for display for a few hours.
-															</li>
-														</ol>
-                        </article>
-                    </li>
-                    <li>
-                        <article class="datum">
-													<h1 id="user-agent">User Agent Name</h1>
-                            When a website is opened, your browser automatically sends an identifier, usually with data about the browser and operating system used. This browser identifier (the so-called user agent) can be used by web pages, for example, to recognize mobile devices and present them with a customized output.
-                            <h2>Example</h2>
-                            <samp>Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:59.0) Gecko/20100101 Firefox/59.0</samp>
-														<h2>What does MetaGer/SUMA-EV do with it?</h2>
-														<ol>
-															<li>In addition to donations and membership fees, we must finance our operation through non-personalized advertising on the results page. To receive this advertising, we give parts of the user agent in connection with the first two blocks of the so-called <a href="#ip-address">IP-Adresse</a> to our advertising partners.
-															</li>
-														</ol>
-                        </article>
-                    </li>
-                    <li>
-                        <article class="datum">
-                            <h1>User preferences</h1>
-                            In addition to form data and user agent, the browser often transmits additional data. These include language selection, search settings, accept header, do-not-track header and more.
-														<h2>Examples</h2>
-                            <samp>interface=de sprachfilter=all fokus=web</samp><br />
-                            <samp>interface=de sprachfilter=de fokus=nachrichten</samp><br />
-                            <samp>interface=en sprachfilter=en fokus=web</samp>
-														<h2>What does MetaGer / SUMA-EV do with it?</h2>
-														<ol>
-															<li>We use this data (e.g., language settings) to answer the query.</li>
-															<li>We store some of these data non-personally for statistical purposes.</li>
-														</ol>
-                        </article>
-                    </li>
-                </ol>
-            </article>
-            <article class="kontext">
-                <h1 id="contact">Use of the contact form</h1>
-                When using the MetaGer contact form, we collect the following information that we store for reference purposes up to 2 months after your request has been completed:
-                <ol class="datum-list">
-                    <li>
-                        <article class="datum">
-                            <h1>Contact data</h1>
-                            This includes the name you provided (first and last name) and your e-mail address. We only use this data to answer you and under no circumstances pass it on to third parties.
-                            <h2>Examples</h2>
-                            <samp>Max Mustermann, mail@example.com</samp><br />
-                            <samp>Erika Musterfrau, erika_m@domain.de</samp><br />
-                        </article>
-                    </li>
-                    <li>
-                        <article class="datum">
-                            <h1>Message</h1>
-                            The message entered here will be transmitted to us and used to process your request.
-                            <h2>Examples</h2>
-                            <samp>Feedback to MetaGer</samp><br />
-                            <samp>MetaGer as a browser plug-in</samp><br/>
-                        </article>
-                    </li>
-                </ol>
-            </article>
-            <article class="kontext">
-                <h1 id="donation">Use of the donation form</h1>
-                The following data submitted in the donation form will be stored for processing for 2 months:
-                <ol class="datum-list">
-                    <li>
-                        <article class="datum">
-                            <h1>Contact data</h1>
-                            This includes the name you provided (first and last name) and your e-mail address. We use this data exclusively for any queries and under no circumstances pass them on to third parties.
-                            <h2>Examples</h2>
-                            <samp>Max Mustermann, mail@example.com</samp><br />
-                            <samp>Erika Musterfrau, erika_m@domain.de</samp><br />
-                        </article>
-                    </li>
-                    <li>
-                        <article class="datum">
-                            <h1>Payment data</h1>
-                            The payment data will be used exclusively to process the donation and under no circumstances will be passed on to third parties.
-                        </article>
-                    </li>
-                    <li>
-                        <article class="datum">
-                            <h1>Message (optional)</h1>
-                            The message entered here will be transmitted to us and considered when processing your donation.
-                        </article>
-                    </li>
-                </ol>
-            </article>
-            <article class="kontext">
-                <h1>Simple Website useage</h1>
-	                            When visiting websites of the domain "suma-ev.de", the following data are collected and stored for up to one week:
-                                <ul>
-                                    <li>Your IP-Address</li>
-                                    <li>Name and URL of the retrieved file</li>
-                                    <li>Date and time of access</li>
-                                    <li>The referrer you sent</li>
-                                    <li>The user agent you sent</li>
-                                </ul>
-                We use the aforementioned data to ensure the functionality of the website and to protect ourselves from attacks. The legal basis for the processing is, therefore, a legitimate interest under Art. 6 para. 1 lit. f GDPR.
-                <br/>
-                On the other websites of our domains, we process the collected data only to answer inquiries and in the context of the other points of this privacy policy.
-                <br/>
-                On the start page of our service MetaGer we use the User-Agent you have assigned, to show you the appropriate plug-in installation guide to your browser.
+<div>
+    <div class="section">
+        <h1>Data protection at MetaGer/SUMA-EV</h1>
+        For maximum transparency, we list the information we collect from you and how we use it. The protection of your
+        data is important to us and it should be you, too.
+        <br /><strong>Please read this statement thoroughly; it is in your interest.</strong>
+    </div>
+    <div class="section">
+        <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") }}">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 class="section">
+        <h1>Principles</h1>
+        As a non-profit organization, we have committed ourselves to free access to knowledge. Since we know that free
+        research is not compatible with mass surveillance, we also take privacy very seriously. We always only process
+        the data that is necessary for the operation of our services. Data protection is always the standard we aim for.
+        We do not operate profiling – i.e. the automatic creation of user profiles.
+    </div>
+    <div class="section">
+        <h1>Accumulating data by context</h1>
+        <ol>
+            <li class="kontext-list">
+                <article class="kontext">
+                    <h2>Using the web search engine MetaGer</h2>
+                    When using our web search engine MetaGer via their web form or through their OpenSearch interface,
+                    the following data is generated:
+                    <ol class="datum-list">
+                        <li>
+                            <article class="datum">
+                                <h3 id="ip-address">Internet protocol address</h3>
+                                The Internet protocol address (hereafter referred to as IP) is necessary to use web
+                                services such as MetaGer. This IP, in combination with a date similar to a telephone
+                                number, uniquely identifies Internet access and its owner.
+                                <br />In general, the first three (out of four) blocks of an IP are not personal. When
+                                rear blocks of the IP are truncated, the truncated address identifies the approximate
+                                geographic area around the Internet connection.
+                                <h4>Examples (full IP address)</h4>
+                                <samp>154.67.88.47</samp><br />
+                                <samp>82.159.53.49</samp>
+                                <h4>Examples (only the first two blocks)</h4>
+                                <samp>154.67.0.0</samp><br />
+                                <samp>82.159.0.0</samp>
+                                <h3>What does MetaGer/SUMA-EV do with it?</h3>
+                                <ol>
+                                    <li>To protect our service from congestion, we need to limit the number of search
+                                        queries per Internet connection. For this purpose alone, we store the full IP
+                                        address and a timestamp for a maximum of 96 hours. If a noticeable number of
+                                        searches are performed by an IP, this IP is temporarily stored in a revocation
+                                        list (maximum 96 hours after the last search). Then the IP is deleted.
+                                    </li>
+                                    <li>In addition to donations and membership fees, we must finance our operation
+                                        through non-personalized advertising on the results page. To receive this
+                                        advertising, we give the first two blocks of the IP in connection with parts of
+                                        the so-called user agent to our advertising partners
+                                    </li>
+                                </ol>
+                                <h3>Which rights do I have as a user?</h3>
+                                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>
+                        <li>
+                            <article class="datum">
+                                <h3 id="search-request">Entered search query</h3>
+                                Entered search terms are mandatory for a web search. As a rule, personal data cannot be
+                                obtained from them; partly because they have no fixed structure.
+                                <h4>Beispiele</h4>
+                                <samp>Water consumption when showering</samp><br />
+                                <samp>Lyrics from the song There was a bird on a tree</samp><br />
+                                <samp>Grakvaloth</samp><br />
+                                <samp>WHO abbreviation</samp>
+                                <h4>What does MetaGer/SUMA-EV do with it?</h4>
+                                <ol>
+                                    <li>As an integral part of the Metasearch, the search query will be transmitted to
+                                        our partners to get search results for display on the results page. The results,
+                                        including the search term, are kept for display for a few hours.
+                                    </li>
+                                </ol>
+                            </article>
+                        </li>
+                        <li>
+                            <article class="datum">
+                                <h3 id="user-agent">User Agent Name</h3>
+                                When a website is opened, your browser automatically sends an identifier, usually with
+                                data about the browser and operating system used. This browser identifier (the so-called
+                                user agent) can be used by web pages, for example, to recognize mobile devices and
+                                present them with a customized output.
+                                <h4>Example</h4>
+                                <samp>Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:59.0) Gecko/20100101
+                                    Firefox/59.0</samp>
+                                <h4>What does MetaGer/SUMA-EV do with it?</h4>
+                                <ol>
+                                    <li>In addition to donations and membership fees, we must finance our operation
+                                        through non-personalized advertising on the results page. To receive this
+                                        advertising, we give parts of the user agent in connection with the first two
+                                        blocks of the so-called <a href="#ip-address">IP-Adresse</a> to our advertising
+                                        partners.
+                                    </li>
+                                </ol>
+                            </article>
+                        </li>
+                        <li>
+                            <article class="datum">
+                                <h3>User preferences</h3>
+                                In addition to form data and user agent, the browser often transmits additional data.
+                                These include language selection, search settings, accept header, do-not-track header
+                                and more.
+                                <h4>Examples</h4>
+                                <samp>interface=de sprachfilter=all fokus=web</samp><br />
+                                <samp>interface=de sprachfilter=de fokus=nachrichten</samp><br />
+                                <samp>interface=en sprachfilter=en fokus=web</samp>
+                                <h4>What does MetaGer / SUMA-EV do with it?</h4>
+                                <ol>
+                                    <li>We use this data (e.g., language settings) to answer the query.</li>
+                                    <li>We store some of these data non-personally for statistical purposes.</li>
+                                </ol>
+                            </article>
+                        </li>
+                    </ol>
+                </article>
+                <article class="kontext">
+                    <h2 id="contact">Use of the contact form</h2>
+                    When using the MetaGer contact form, we collect the following information that we store for
+                    reference purposes up to 2 months after your request has been completed:
+                    <ol class="datum-list">
+                        <li>
+                            <article class="datum">
+                                <h3>Contact data</h3>
+                                This includes the name you provided (first and last name) and your e-mail address. We
+                                only use this data to answer you and under no circumstances pass it on to third parties.
+                                <h4>Examples</h4>
+                                <samp>Max Mustermann, mail@example.com</samp><br />
+                                <samp>Erika Musterfrau, erika_m@domain.de</samp><br />
+                            </article>
+                        </li>
+                        <li>
+                            <article class="datum">
+                                <h3>Message</h3>
+                                The message entered here will be transmitted to us and used to process your request.
+                                <h4>Examples</h4>
+                                <samp>Feedback to MetaGer</samp><br />
+                                <samp>MetaGer as a browser plug-in</samp><br />
+                            </article>
+                        </li>
+                    </ol>
+                </article>
+                <article class="kontext">
+                    <h2 id="donation">Use of the donation form</h2>
+                    The following data submitted in the donation form will be stored for processing for 2 months:
+                    <ol class="datum-list">
+                        <li>
+                            <article class="datum">
+                                <h3>Contact data</h3>
+                                This includes the name you provided (first and last name) and your e-mail address. We
+                                use this data exclusively for any queries and under no circumstances pass them on to
+                                third parties.
+                                <h4>Examples</h4>
+                                <samp>Max Mustermann, mail@example.com</samp><br />
+                                <samp>Erika Musterfrau, erika_m@domain.de</samp><br />
+                            </article>
+                        </li>
+                        <li>
+                            <article class="datum">
+                                <h3>Payment data</h3>
+                                The payment data will be used exclusively to process the donation and under no
+                                circumstances will be passed on to third parties.
+                            </article>
+                        </li>
+                        <li>
+                            <article class="datum">
+                                <h3>Message (optional)</h3>
+                                The message entered here will be transmitted to us and considered when processing your
+                                donation.
+                            </article>
+                        </li>
+                    </ol>
+                </article>
+                <article class="kontext">
+                    <h2>Simple Website useage</h2>
+                    When visiting websites of the domain "suma-ev.de", the following data are collected and stored for
+                    up to one week:
+                    <ul>
+                        <li>Your IP-Address</li>
+                        <li>Name and URL of the retrieved file</li>
+                        <li>Date and time of access</li>
+                        <li>The referrer you sent</li>
+                        <li>The user agent you sent</li>
+                    </ul>
+                    We use the aforementioned data to ensure the functionality of the website and to protect ourselves
+                    from attacks. The legal basis for the processing is, therefore, a legitimate interest under Art. 6
+                    para. 1 lit. f GDPR.
+                    <br />
+                    On the other websites of our domains, we process the collected data only to answer inquiries and in
+                    the context of the other points of this privacy policy.
+                    <br />
+                    On the start page of our service MetaGer we use the User-Agent you have assigned, to show you the
+                    appropriate plug-in installation guide to your browser.
 
-            </article>
-            <article class="kontext">
-                <h1>Registration for the SUMA-EV newsletter</h1>
-                To keep you up to date on our activities, we offer an e-mail newsletter. We store the following data until you cancel:
-                <ol class="datum-list">
-                    <li>
-                        <article class="datum">
-                            <h1>Contact data</h1>
-                            This includes the name you provided (first and last name) and your e-mail address. We use this data exclusively for sending the newsletter and under no circumstances pass it on to third parties.
-                            <h2>Examples</h2>
-                            <samp>Max Mustermann, mail@example.com</samp><br />
-                            <samp>Erika Musterfrau, erika_m@domain.de</samp><br />
-                        </article>
-                    </li>
-                </ol>
-            </article>
-            <article class="kontext">
-                <h1>Use of Maps.MetaGer.de</h1>
-                When using the MetaGer map service, the following data is generated:
-                <ol>
-                    <br/>
-                    <li><a href="#ip-address">IP-Adress</a>: Will not be stored or shared.</li>
-                    <li><a href="#user-agent">User-Agent</a>: Will not be stored or shared.</li>
-                    <li><a href="#search-request">Search query</a>: Will not be stored or shared.</li>
-                    <li>Location data: Will not be stored or shared.</li>
-                </ol>
-            </article>
-            <article class="kontext">
-                <h1>Use of the anonymizing proxy</h1>
-                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>
-                    <li><a href="#user-agent">User-Agent</a>: Will not be stored or shared.</li>
-                </ol>
-            </article>
-            <article class="kontext">
-                <h1>Using the citation search</h1>
-                    The entered search term is used to search for results in the citation database. In contrast to the <a href="#search-request">web search</a> with MetaGer, it is not necessary to pass the search term on to third parties, as the citation database is located on our server. Other data will not be stored or shared.
-            </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.
-            </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.
-            </article>
-            <article class="kontext">
-                <h1>Use of the MetaGer plugin</h1>
-				When using the MetaGer plugin, the following data is generated:
-                <ol>
-                    <br/>
-                    <li><a href="#ip-address">IP-Adress</a>: Will not be stored or shared.</li>
-                    <li><a href="#user-agent">User-Agent</a>: Will not be stored or shared.</li>
-                </ol>
-            </article>
-        </li>
-    </ol>
+                </article>
+                <article class="kontext">
+                    <h2>Registration for the SUMA-EV newsletter</h2>
+                    To keep you up to date on our activities, we offer an e-mail newsletter. We store the following data
+                    until you cancel:
+                    <ol class="datum-list">
+                        <li>
+                            <article class="datum">
+                                <h3>Contact data</h3>
+                                This includes the name you provided (first and last name) and your e-mail address. We
+                                use this data exclusively for sending the newsletter and under no circumstances pass it
+                                on to third parties.
+                                <h4>Examples</h4>
+                                <samp>Max Mustermann, mail@example.com</samp><br />
+                                <samp>Erika Musterfrau, erika_m@domain.de</samp><br />
+                            </article>
+                        </li>
+                    </ol>
+                </article>
+                <article class="kontext">
+                    <h2>Use of Maps.MetaGer.de</h2>
+                    When using the MetaGer map service, the following data is generated:
+                    <ol>
+                        <br />
+                        <li><a href="#ip-address">IP-Adress</a>: Will not be stored or shared.</li>
+                        <li><a href="#user-agent">User-Agent</a>: Will not be stored or shared.</li>
+                        <li><a href="#search-request">Search query</a>: Will not be stored or shared.</li>
+                        <li>Location data: Will not be stored or shared.</li>
+                    </ol>
+                </article>
+                <article class="kontext">
+                    <h2>Use of the anonymizing proxy</h2>
+                    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>
+                        <li><a href="#user-agent">User-Agent</a>: Will not be stored or shared.</li>
+                    </ol>
+                </article>
+                <article class="kontext">
+                    <h2>Using the citation search</h2>
+                    The entered search term is used to search for results in the citation database. In contrast to the
+                    <a href="#search-request">web search</a> with MetaGer, it is not necessary to pass the search term
+                    on to third parties, as the citation database is located on our server. Other data will not be
+                    stored or shared.
+                </article>
+                <article class="kontext">
+                    <h2>Use of the associator</h2>
+                    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">
+                    <h2>Use of the MetaGer app</h2>
+                    Use of the MetaGer app is the same as using MetaGer via a web browser.
+                </article>
+                <article class="kontext">
+                    <h2>Use of the MetaGer plugin</h2>
+                    When using the MetaGer plugin, the following data is generated:
+                    <ol>
+                        <br />
+                        <li><a href="#ip-address">IP-Adress</a>: Will not be stored or shared.</li>
+                        <li><a href="#user-agent">User-Agent</a>: Will not be stored or shared.</li>
+                    </ol>
+                </article>
+            </li>
+        </ol>
     </div>
-    <div>
+    <div class="section">
         <h1>Hosting</h1>
-        The websites under the domain "suma-ev.de" are hosted and administered by Intares GmbH. The remaining services are administrated by us, the SUMA-EV, and operated on hired hardware at Hetzner Online GmbH.
+        The websites under the domain "suma-ev.de" are hosted and administered by Intares GmbH. The remaining services
+        are administrated by us, the SUMA-EV, and operated on hired hardware at Hetzner Online GmbH.
+    </div>
+    <div class="section">
+        <h1>Legal basis for processing</h1>
+        As a legal basis for processing your personal data, either Art. 6 (1) lit. a GDPR, if you consent to the
+        processing by using our services, or Art. 6 para. 1 lit. f GDPR, if the processing is necessary for the
+        protection of our legitimate interests, or another legal basis, if we inform you separately.
     </div>
-    <div>
-    <h1>Legal basis for processing</h1>
-		As a legal basis for processing your personal data, either Art. 6 (1) lit. a GDPR, if you consent to the processing by using our services, or Art. 6 para. 1 lit. f GDPR, if the processing is necessary for the protection of our legitimate interests, or another legal basis, if we inform you separately.
-	</div>
-   <div>
-    <h1 id="ihrerechte">Your rights as a user (and our duties)</h1>
-        To be able to protect your personal data, we clarify (in accordance with Art. 13 GDPR) that you have the following rights:
+    <div class="section">
+        <h1 id="ihrerechte">Your rights as a user (and our duties)</h1>
+        To be able to protect your personal data, we clarify (in accordance with Art. 13 GDPR) that you have the
+        following rights:
         <ol>
             <li><b>Right to information:</b></li>
             <article class="kontext">
-            You have the right (Art. 15 GDPR) to request information from us at any time, if and if so, which of your data we (metager.de and SUMA-EV) have about you. We will send you as soon as possible, i.e. within days, a full copy pursuant to Art. 15 (3) subparagraph 1 GDPR of the data stored about you or other data stored by us. For this, we prefer the electronic way according to article 15 (3) subparagraph 3 GDPR; For this we will save your e-mail address for the time of processing. Please inform us if you want to have the information expressly in paper form.
+                You have the right (Art. 15 GDPR) to request information from us at any time, if and if so, which of
+                your data we (metager.de and SUMA-EV) have about you. We will send you as soon as possible, i.e. within
+                days, a full copy pursuant to Art. 15 (3) subparagraph 1 GDPR of the data stored about you or other data
+                stored by us. For this, we prefer the electronic way according to article 15 (3) subparagraph 3 GDPR;
+                For this we will save your e-mail address for the time of processing. Please inform us if you want to
+                have the information expressly in paper form.
             </article>
             <li><b>Right to rectification and supplementation:</b></li>
             <article class="kontext">
-            In accordance with Art. 16 GDPR. If we have stored incorrect data about you, you can determine that they will be corrected. This also applies to missing components, here you have the right to supplement.
+                In accordance with Art. 16 GDPR. If we have stored incorrect data about you, you can determine that they
+                will be corrected. This also applies to missing components, here you have the right to supplement.
             </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">
-            In accordance with Art. 18 GDPR; For example, if you have asked us to erase or modify data about you, you may impose a processing ban on us for the time we need to do so. This is possible regardless of whether we ultimately change, delete, etc. the data in question.
+                In accordance with Art. 18 GDPR; For example, if you have asked us to erase or modify data about you,
+                you may impose a processing ban on us for the time we need to do so. This is possible regardless of
+                whether we ultimately change, delete, etc. the data in question.
             </article>
             <li><b>Right to appeal:</b></li>
             <article class="kontext">
-            In accordance with Art. 13 (2)  d) GDPR you can complain about us to the data protection officer of the state of Lower Saxony. In the web: <a href="https://www.lfd.niedersachsen.de/startseite/">Data Protection Officer</a>
+                In accordance with Art. 13 (2) d) GDPR you can complain about us to the data protection officer of the
+                state of Lower Saxony. In the web: <a href="https://www.lfd.niedersachsen.de/startseite/">Data
+                    Protection Officer</a>
             </article>
             <li><b>Right to object to processing:</b></li>
             <article class="kontext">
-            In accordance with Art. 21 GDPR; If, for example, you are on a list and you want to be listed there, you can still prohibit the processing or further processing of this data.
+                In accordance with Art. 21 GDPR; If, for example, you are on a list and you want to be listed there, you
+                can still prohibit the processing or further processing of this data.
             </article>
             <li><b>Right to Data Portability:</b></li>
             <article class="kontext">
-            In accordance with Art. 20 GDPR; this means that we are required to provide you with the requested data in a readable, possibly machine-readable or common form, so that you would be able to make the data available to another person (to transfer).
+                In accordance with Art. 20 GDPR; this means that we are required to provide you with the requested data
+                in a readable, possibly machine-readable or common form, so that you would be able to make the data
+                available to another person (to transfer).
             </article>
-            <li><b>Obligation to notify in connection with the correction or deletion of personal data or the restriction of processing:</b></li>
+            <li><b>Obligation to notify in connection with the correction or deletion of personal data or the
+                    restriction of processing:</b></li>
             <article class="kontext">
-            In accordance with Art. 19 GDPR; if we have disclosed information you have entrusted to us to third parties (which we never do), we would be obliged to notify those that we performed a deletion, modification, etc. at your request.
+                In accordance with Art. 19 GDPR; if we have disclosed information you have entrusted to us to third
+                parties (which we never do), we would be obliged to notify those that we performed a deletion,
+                modification, etc. at your request.
             </article>
         </ol>
-        To exercise these rights, it is sufficient to send us an e-mail to office@suma-ev.de. If you prefer the letter form, please send us postal mail to our office address:
+        To exercise these rights, it is sufficient to send us an e-mail to office@suma-ev.de. If you prefer the letter
+        form, please send us postal mail to our office address:
         <br />
         <br />SUMA-EV
         <br />Röselerstraße 3
         <br />30159 Hannover
     </div>
-    <div>
-    <h1>Changes to this statement</h1>
-		Like our offers, this privacy policy is subject to constant change. You should therefore read it again regularly.
+    <div class="section">
+        <h1>Changes to this statement</h1>
+        Like our offers, this privacy policy is subject to constant change. You should therefore read it again
+        regularly.
         <br />This version of our Privacy Policy is dated 2018-05-24.
-</div>
+    </div>
\ No newline at end of file
diff --git a/resources/views/datenschutz/german.blade.php b/resources/views/datenschutz/german.blade.php
index d68f964a8..104b83488 100644
--- a/resources/views/datenschutz/german.blade.php
+++ b/resources/views/datenschutz/german.blade.php
@@ -1,291 +1,369 @@
-<div class="card-heavy">
-    <div>
-    <h1>Datenschutz bei MetaGer/SUMA-EV</h1>
-		Für maximale Transparenz listen wir auf, welche Daten wir von Ihnen erheben und wie wir sie verwenden.
-		Der Schutz Ihrer Daten ist uns wichtig und Ihnen sollte er das auch sein.
-		<br /><strong>Lesen Sie diese Erklärung bitte gründlich; es ist in Ihrem Interesse.</strong>
-		</div>
-        <div>
-    <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="{{ 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>
-		Wir haben uns als gemeinnütziger Verein dem freien Wissenszugang verschrieben. Da wir wissen, dass freie Recherche nicht mit Massenüberwachung vereinbar ist, nehmen wir auch Datenschutz sehr ernst. Wir verarbeiten schon immer nur die Daten, die zum Betrieb unserer Dienste unbedingt nötig sind. Datenschutz ist bei uns immer der Standard. Profiling – also die automatische Erstellung von Nutzerprofilen – betreiben wir nicht.
-		</div>
-    <div>
-    <h1>Anfallende Daten nach Kontext</h1>
-    <ol>
-        <li class="kontext-list">
-            <article class="kontext">
-                <h1>Benutzung der Websuchmaschine MetaGer</h1>
-                Bei der Nutzung unserer Websuchmaschine MetaGer über deren Web-Formular oder durch deren OpenSearch-Schnittstelle fallen folgende Daten an:
-                <ol class="datum-list">
-                    <li>
-                        <article class="datum">
-                            <h1 id="ip-address">Internet-Protokoll-Adresse</h1>
-														Die Internet-Protokoll-Adresse (nachfolgend kurz IP) wird zwingend benötigt, um Webdienste wie MetaGer zu nutzen. Diese IP identifiziert in Kombination mit einem Datum – ähnlich einer Telefonnummer – einen Internetzugang sowie dessen Inhaber eindeutig.
-														<br />Im Allgemeinen sind die ersten drei (von insgesamt vier) Blöcken einer IP nicht personenbezogen.
-														Werden hintere Blöcke der IP gekürzt, identifiziert die gekürzte Adresse den ungefähren geografischen Bereich um den Internet-Anschluss.
-														<h2>Beispiele (vollständige IP-Adresse)</h2>
-														<samp>154.67.88.47</samp><br />
-														<samp>82.159.53.49</samp>
-														<h2>Beispiele (nur die ersten zwei Blöcke)</h2>
-														<samp>154.67.0.0</samp><br />
-														<samp>82.159.0.0</samp>
-														<h2>Was macht MetaGer/SUMA-EV damit?</h2>
-														<ol>
-															<li>Um unseren Dienst vor Überlastung zu schützen, müssen wir die Anzahl der Suchanfragen pro Internetanschluss begrenzen.
-																Allein für diesen Zweck speichern wir die vollständige IP-Adresse und einen Zeitstempel für maximal 96 Stunden.
-																Werden auffällig viele Suchen von einer IP durchgeführt, wird diese IP vorübergehend (maximal 96 Stunden nach der letzen Suche) in einer Sperrliste gespeichert.
-																Anschließend wird die IP gelöscht.
-															</li>
-														  <li>Neben Spenden und Mitgliedsbeiträgen müssen wir unseren Betrieb durch nicht-personalisierte Werbung auf der Ergebnisseite finanzieren. Um diese Werbung zu erhalten, geben wir die ersten beiden Blöcke der IP in Verbindung mit Teilen vom sog. <a href="#user-agent">User-Agent</a> an unsere Werbepartner.
-													   </li>
-												</ol>
-												<h2>Welche Rechte habe ich als Nutzer?</h2>
-												Da die vollständige Form der Internet-Protokoll-Adresse personenbezogen ist, haben Sie insbesondere die folgenden Rechte:
-													<a href="#ihrerechte">Rechte ansehen</a>
-                        </article>
-                    </li>
-                    <li>
-                        <article class="datum">
-                            <h1 id="search-request">Eingegebene Suchanfrage</h1>
-                            Eingegebene Suchbegriffe sind zwingend notwendig für eine Websuche.
-														Aus ihnen können in der Regel keine personenbezogenen Daten gewonnen werden; unter anderem, weil sie keine feste Struktur aufweisen.
-														<h2>Beispiele</h2>
-                            <samp>Wasserverbrauch duschen</samp><br />
-                            <samp>Liedtext Auf einem Baum ein Kuckuck</samp><br />
-                            <samp>Grakvaloth</samp><br />
-                            <samp>WHO Abkürzung</samp>
-														<h2>Was macht MetaGer/SUMA-EV damit?</h2>
-														<ol>
-															<li>Als integraler Bestandteil der Metasuche wird die Suchanfrage an unsere Partner übertragen, um Suchergebnisse zur Anzeige auf der Ergebisseite zu erhalten. Die erhaltenen Ergebnisse inklusive dem Suchbegriff werden für wenige Stunden zur Anzeige vorgehalten.
-															</li>
-														</ol>
-                        </article>
-                    </li>
-                    <li>
-                        <article class="datum">
-													<h1 id="user-agent">User-Agent-Bezeichner</h1>
-                            Beim Aufruf einer Webseite sendet ihr Browser automatisch eine Kennung, in der Regel mit Daten über den verwendeten Browser und das verwendete Betriebssystem.
-														Diese Browser-Kennung (der sog. User-Agent) kann von Webseiten zum Beispiel verwendet werden, um Mobilgeräte zu erkennen und diesen eine angepasste Ausgabe zu präsentieren.
-                            <h2>Beispiel</h2>
-                            <samp>Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:59.0) Gecko/20100101 Firefox/59.0</samp>
-														<h2>Was macht MetaGer/SUMA-EV damit?</h2>
-														<ol>
-															<li>Neben Spenden und Mitgliedsbeiträgen müssen wir unseren Betrieb durch nicht-personalisierte Werbung auf der Ergebnisseite finanzieren. Um diese Werbung zu erhalten, geben wir Teile des User-Agents in Verbindung mit den ersten beiden Blöcken der sog. <a href="#ip-address">IP-Adresse</a> an unsere Werbepartner.
-															</li>
-														</ol>
-                        </article>
-                    </li>
-                    <li>
-                        <article class="datum">
-                            <h1>Nutzerpräferenzen</h1>
-                            Neben Formulardaten und User-Agent werden vom Browser oft weitere Daten übertragen.
-														Dazu gehören Sprachauswahl, Sucheinstellungen, Accept-Header, Do-Not-Track-Header und weitere.
-														<h2>Beispiele</h2>
-                            <samp>interface=de sprachfilter=all fokus=web</samp><br />
-                            <samp>interface=de sprachfilter=de fokus=nachrichten</samp><br />
-                            <samp>interface=en sprachfilter=en fokus=web</samp>
-														<h2>Was macht MetaGer/SUMA-EV damit?</h2>
-														<ol>
-															<li>Wir verwenden diese Daten (z.B. Spracheinstellungen), um die jeweilige Suchanfrage zu beantworten.</li>
-															<li>Einige dieser Daten speichern wir nicht-personenbezogen zu statistischen Zwecken.</li>
-														</ol>
-                        </article>
-                    </li>
-                </ol>
-            </article>
-            <article class="kontext">
-                <h1 id="contact">Nutzung des Kontaktformulars</h1>
-                Bei der Nutzung des MetaGer-Kontaktformulars fallen folgende Daten an, die wir zu Referenzzwecken bis 2 Monate nach Abschluss Ihres Anliegens speichern:
-                <ol class="datum-list">
-                    <li>
-                        <article class="datum">
-                            <h1>Kontaktdaten</h1>
-                            Hierunter fällt der von Ihnen angegebene Name (Vor- und Nachname), sowie Ihre E-Mail Adresse.
-                            Diese Daten nutzen wir ausschließlich, um Ihnen zu antworten und geben Sie unter keinen Umständen weiter an Dritte.
-                            <h2>Beispiele</h2>
-                            <samp>Max Mustermann, mail@example.com</samp><br />
-                            <samp>Erika Musterfrau, erika_m@domain.de</samp><br />
-                        </article>
-                    </li>
-                    <li>
-                        <article class="datum">
-                            <h1>Nachricht</h1>
-                            Die hier eingegebene Nachricht wird an uns übertragen und zur Bearbeitung Ihres Anliegens genutzt.
-                            <h2>Beispiele</h2>
-                            <samp>Feedback zu MetaGer</samp><br />
-                            <samp>MetaGer als Browser-PlugIn</samp><br/>
-                        </article>
-                    </li>
-                </ol>
-            </article>
-            <article class="kontext">
-                <h1 id="donation">Nutzung des Spendenformulars</h1>
-                Die folgenden, im Spendenformular übermittelten, Daten werden 2 Monate zur Bearbeitung gespeichert:
-                <ol class="datum-list">
-                    <li>
-                        <article class="datum">
-                            <h1>Kontaktdaten</h1>
-                            Hierunter fällt der von Ihnen angegebene Name (Vor- und Nachname), sowie Ihre E-Mail Adresse.
-                            Diese Daten nutzen wir ausschließlich für eventuelle Rückfragen und geben Sie unter keinen Umständen weiter an Dritte.
-                            <h2>Beispiele</h2>
-                            <samp>Max Mustermann, mail@example.com</samp><br />
-                            <samp>Erika Musterfrau, erika_m@domain.de</samp><br />
-                        </article>
-                    </li>
-                    <li>
-                        <article class="datum">
-                            <h1>Zahlungsdaten</h1>
-                            Die Zahlungsdaten werden ausschließlich zur Abwicklung der Spende genutzt und unter keinen Umständen an Dritte weitergegeben.
-                        </article>
-                    </li>
-                    <li>
-                        <article class="datum">
-                            <h1>Nachricht (optional)</h1>
-                            Die hier eingegebene Nachricht wird an uns übertragen und bei der Bearbeitung Ihrer Spende berücksichtigt.
-                        </article>
-                    </li>
-                </ol>
-            </article>
-            <article class="kontext">
-                <h1>Einfache Nutzung des Webangebotes</h1>
-	                            Beim Besuch von Webseiten der Domain „suma-ev.de“ werden folgende Daten erhoben und bis zu einer Woche gespeichert:
-                                <ul>
-                                    <li>Ihre IP-Adresse</li>
-                                    <li>Name und URL der abgerufenen Datei</li>
-                                    <li>Datum und Uhrzeit des Zugriffs</li>
-                                    <li>der von Ihnen gesendete Referrer</li>
-                                    <li>der von Ihnen gesendete User-Agent</li>
-                                </ul>
-                Wir verwenden die genannten Daten, um die Funktionsfähigkeit der Webseite sicherzustellen und uns vor Angriffen zu schützen. Die Rechtsgrundlage für die Verarbeitung ist damit ein berechtigtes Interesse nach Art. 6 Abs. 1 lit. f DSGVO.
-                <br/>
-                Auf den anderen Webseiten unserer Domains verarbeiten wir die erhobenen Daten nur zur Beantwortung von Anfragen und im Rahmen der anderen Punkte dieser Datenschutzerklärung.
-                <br/>
-                Auf der Startseite unseres Dienstes MetaGer verwenden wir den von Ihnen übertragenen User-Agent, um Ihnen die passende PlugIn-Installationsanleitung zu Ihrem Browser anzuzeigen.
+<div>
+    <div class="section">
+        <h1>Datenschutz bei MetaGer/SUMA-EV</h1>
+        Für maximale Transparenz listen wir auf, welche Daten wir von Ihnen erheben und wie wir sie verwenden.
+        Der Schutz Ihrer Daten ist uns wichtig und Ihnen sollte er das auch sein.
+        <br /><strong>Lesen Sie diese Erklärung bitte gründlich; es ist in Ihrem Interesse.</strong>
+    </div class="section">
+    <div class="section">
+        <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="{{ 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 class="section">
+        <h1>Grundsätze</h1>
+        Wir haben uns als gemeinnütziger Verein dem freien Wissenszugang verschrieben. Da wir wissen, dass freie
+        Recherche nicht mit Massenüberwachung vereinbar ist, nehmen wir auch Datenschutz sehr ernst. Wir verarbeiten
+        schon immer nur die Daten, die zum Betrieb unserer Dienste unbedingt nötig sind. Datenschutz ist bei uns immer
+        der Standard. Profiling – also die automatische Erstellung von Nutzerprofilen – betreiben wir nicht.
+    </div>
+    <div class="section">
+        <h1>Anfallende Daten nach Kontext</h1>
+        <ol>
+            <li class="kontext-list">
+                <article class="kontext">
+                    <h2>Benutzung der Websuchmaschine MetaGer</h2>
+                    Bei der Nutzung unserer Websuchmaschine MetaGer über deren Web-Formular oder durch deren
+                    OpenSearch-Schnittstelle fallen folgende Daten an:
+                    <ol class="datum-list">
+                        <li>
+                            <article class="datum">
+                                <h3 id="ip-address">Internet-Protokoll-Adresse</h3>
+                                Die Internet-Protokoll-Adresse (nachfolgend kurz IP) wird zwingend benötigt, um
+                                Webdienste wie MetaGer zu nutzen. Diese IP identifiziert in Kombination mit einem Datum
+                                – ähnlich einer Telefonnummer – einen Internetzugang sowie dessen Inhaber eindeutig.
+                                <br />Im Allgemeinen sind die ersten drei (von insgesamt vier) Blöcken einer IP nicht
+                                personenbezogen.
+                                Werden hintere Blöcke der IP gekürzt, identifiziert die gekürzte Adresse den ungefähren
+                                geografischen Bereich um den Internet-Anschluss.
+                                <h4>Beispiele (vollständige IP-Adresse)</h4>
+                                <samp>154.67.88.47</samp><br />
+                                <samp>82.159.53.49</samp>
+                                <h4>Beispiele (nur die ersten zwei Blöcke)</h4>
+                                <samp>154.67.0.0</samp><br />
+                                <samp>82.159.0.0</samp>
+                                <h4>Was macht MetaGer/SUMA-EV damit?</h4>
+                                <ol>
+                                    <li>Um unseren Dienst vor Überlastung zu schützen, müssen wir die Anzahl der
+                                        Suchanfragen pro Internetanschluss begrenzen.
+                                        Allein für diesen Zweck speichern wir die vollständige IP-Adresse und einen
+                                        Zeitstempel für maximal 96 Stunden.
+                                        Werden auffällig viele Suchen von einer IP durchgeführt, wird diese IP
+                                        vorübergehend (maximal 96 Stunden nach der letzen Suche) in einer Sperrliste
+                                        gespeichert.
+                                        Anschließend wird die IP gelöscht.
+                                    </li>
+                                    <li>Neben Spenden und Mitgliedsbeiträgen müssen wir unseren Betrieb durch
+                                        nicht-personalisierte Werbung auf der Ergebnisseite finanzieren. Um diese
+                                        Werbung zu erhalten, geben wir die ersten beiden Blöcke der IP in Verbindung mit
+                                        Teilen vom sog. <a href="#user-agent">User-Agent</a> an unsere Werbepartner.
+                                    </li>
+                                </ol>
+                                <h4>Welche Rechte habe ich als Nutzer?</h4>
+                                Da die vollständige Form der Internet-Protokoll-Adresse personenbezogen ist, haben Sie
+                                insbesondere die folgenden Rechte:
+                                <a href="#ihrerechte">Rechte ansehen</a>
+                            </article>
+                        </li>
+                        <li>
+                            <article class="datum">
+                                <h3 id="search-request">Eingegebene Suchanfrage</h3>
+                                Eingegebene Suchbegriffe sind zwingend notwendig für eine Websuche.
+                                Aus ihnen können in der Regel keine personenbezogenen Daten gewonnen werden; unter
+                                anderem, weil sie keine feste Struktur aufweisen.
+                                <h4>Beispiele</h4>
+                                <samp>Wasserverbrauch duschen</samp><br />
+                                <samp>Liedtext Auf einem Baum ein Kuckuck</samp><br />
+                                <samp>Grakvaloth</samp><br />
+                                <samp>WHO Abkürzung</samp>
+                                <h4>Was macht MetaGer/SUMA-EV damit?</h4>
+                                <ol>
+                                    <li>Als integraler Bestandteil der Metasuche wird die Suchanfrage an unsere Partner
+                                        übertragen, um Suchergebnisse zur Anzeige auf der Ergebisseite zu erhalten. Die
+                                        erhaltenen Ergebnisse inklusive dem Suchbegriff werden für wenige Stunden zur
+                                        Anzeige vorgehalten.
+                                    </li>
+                                </ol>
+                            </article>
+                        </li>
+                        <li>
+                            <article class="datum">
+                                <h3 id="user-agent">User-Agent-Bezeichner</h3>
+                                Beim Aufruf einer Webseite sendet ihr Browser automatisch eine Kennung, in der Regel mit
+                                Daten über den verwendeten Browser und das verwendete Betriebssystem.
+                                Diese Browser-Kennung (der sog. User-Agent) kann von Webseiten zum Beispiel verwendet
+                                werden, um Mobilgeräte zu erkennen und diesen eine angepasste Ausgabe zu präsentieren.
+                                <h4>Beispiel</h4>
+                                <samp>Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:59.0) Gecko/20100101
+                                    Firefox/59.0</samp>
+                                <h4>Was macht MetaGer/SUMA-EV damit?</h4>
+                                <ol>
+                                    <li>Neben Spenden und Mitgliedsbeiträgen müssen wir unseren Betrieb durch
+                                        nicht-personalisierte Werbung auf der Ergebnisseite finanzieren. Um diese
+                                        Werbung zu erhalten, geben wir Teile des User-Agents in Verbindung mit den
+                                        ersten beiden Blöcken der sog. <a href="#ip-address">IP-Adresse</a> an unsere
+                                        Werbepartner.
+                                    </li>
+                                </ol>
+                            </article>
+                        </li>
+                        <li>
+                            <article class="datum">
+                                <h3>Nutzerpräferenzen</h3>
+                                Neben Formulardaten und User-Agent werden vom Browser oft weitere Daten übertragen.
+                                Dazu gehören Sprachauswahl, Sucheinstellungen, Accept-Header, Do-Not-Track-Header und
+                                weitere.
+                                <h4>Beispiele</h4>
+                                <samp>interface=de sprachfilter=all fokus=web</samp><br />
+                                <samp>interface=de sprachfilter=de fokus=nachrichten</samp><br />
+                                <samp>interface=en sprachfilter=en fokus=web</samp>
+                                <h4>Was macht MetaGer/SUMA-EV damit?</h4>
+                                <ol>
+                                    <li>Wir verwenden diese Daten (z.B. Spracheinstellungen), um die jeweilige
+                                        Suchanfrage zu beantworten.</li>
+                                    <li>Einige dieser Daten speichern wir nicht-personenbezogen zu statistischen
+                                        Zwecken.</li>
+                                </ol>
+                            </article>
+                        </li>
+                    </ol>
+                </article>
+                <article class="kontext">
+                    <h2 id="contact">Nutzung des Kontaktformulars</h2>
+                    Bei der Nutzung des MetaGer-Kontaktformulars fallen folgende Daten an, die wir zu Referenzzwecken
+                    bis 2 Monate nach Abschluss Ihres Anliegens speichern:
+                    <ol class="datum-list">
+                        <li>
+                            <article class="datum">
+                                <h3>Kontaktdaten</h3>
+                                Hierunter fällt der von Ihnen angegebene Name (Vor- und Nachname), sowie Ihre E-Mail
+                                Adresse.
+                                Diese Daten nutzen wir ausschließlich, um Ihnen zu antworten und geben Sie unter keinen
+                                Umständen weiter an Dritte.
+                                <h4>Beispiele</h4>
+                                <samp>Max Mustermann, mail@example.com</samp><br />
+                                <samp>Erika Musterfrau, erika_m@domain.de</samp><br />
+                            </article>
+                        </li>
+                        <li>
+                            <article class="datum">
+                                <h3>Nachricht</h3>
+                                Die hier eingegebene Nachricht wird an uns übertragen und zur Bearbeitung Ihres
+                                Anliegens genutzt.
+                                <h4>Beispiele</h4>
+                                <samp>Feedback zu MetaGer</samp><br />
+                                <samp>MetaGer als Browser-PlugIn</samp><br />
+                            </article>
+                        </li>
+                    </ol>
+                </article>
+                <article class="kontext">
+                    <h2 id="donation">Nutzung des Spendenformulars</h2>
+                    Die folgenden, im Spendenformular übermittelten, Daten werden 2 Monate zur Bearbeitung gespeichert:
+                    <ol class="datum-list">
+                        <li>
+                            <article class="datum">
+                                <h3>Kontaktdaten</h3>
+                                Hierunter fällt der von Ihnen angegebene Name (Vor- und Nachname), sowie Ihre E-Mail
+                                Adresse.
+                                Diese Daten nutzen wir ausschließlich für eventuelle Rückfragen und geben Sie unter
+                                keinen Umständen weiter an Dritte.
+                                <h4>Beispiele</h4>
+                                <samp>Max Mustermann, mail@example.com</samp><br />
+                                <samp>Erika Musterfrau, erika_m@domain.de</samp><br />
+                            </article>
+                        </li>
+                        <li>
+                            <article class="datum">
+                                <h3>Zahlungsdaten</h3>
+                                Die Zahlungsdaten werden ausschließlich zur Abwicklung der Spende genutzt und unter
+                                keinen Umständen an Dritte weitergegeben.
+                            </article>
+                        </li>
+                        <li>
+                            <article class="datum">
+                                <h3>Nachricht (optional)</h3>
+                                Die hier eingegebene Nachricht wird an uns übertragen und bei der Bearbeitung Ihrer
+                                Spende berücksichtigt.
+                            </article>
+                        </li>
+                    </ol>
+                </article>
+                <article class="kontext">
+                    <h2>Einfache Nutzung des Webangebotes</h2>
+                    Beim Besuch von Webseiten der Domain „suma-ev.de“ werden folgende Daten erhoben und bis zu einer
+                    Woche gespeichert:
+                    <ul>
+                        <li>Ihre IP-Adresse</li>
+                        <li>Name und URL der abgerufenen Datei</li>
+                        <li>Datum und Uhrzeit des Zugriffs</li>
+                        <li>der von Ihnen gesendete Referrer</li>
+                        <li>der von Ihnen gesendete User-Agent</li>
+                    </ul>
+                    Wir verwenden die genannten Daten, um die Funktionsfähigkeit der Webseite sicherzustellen und uns
+                    vor Angriffen zu schützen. Die Rechtsgrundlage für die Verarbeitung ist damit ein berechtigtes
+                    Interesse nach Art. 6 Abs. 1 lit. f DSGVO.
+                    <br />
+                    Auf den anderen Webseiten unserer Domains verarbeiten wir die erhobenen Daten nur zur Beantwortung
+                    von Anfragen und im Rahmen der anderen Punkte dieser Datenschutzerklärung.
+                    <br />
+                    Auf der Startseite unseres Dienstes MetaGer verwenden wir den von Ihnen übertragenen User-Agent, um
+                    Ihnen die passende PlugIn-Installationsanleitung zu Ihrem Browser anzuzeigen.
 
-            </article>
-            <article class="kontext">
-                <h1>Anmeldung für den SUMA-EV-Newsletter</h1>
-                Um Sie über unsere Tätigkeiten auf dem Laufenden zu halten, bieten wir einen E-Mail-Newsletter an. Wir speichern dafür bis zu Ihrer Abmeldung folgende Daten:
-                <ol class="datum-list">
-                    <li>
-                        <article class="datum">
-                            <h1>Kontaktdaten</h1>
-                            Hierunter fällt der von Ihnen angegebene Name (Vor- und Nachname), sowie Ihre E-Mail Adresse.
-                            Diese Daten nutzen wir ausschließlich für den Versand des Newsletters und geben Sie unter keinen Umständen weiter an Dritte.
-                            <h2>Beispiele</h2>
-                            <samp>Max Mustermann, mail@example.com</samp><br />
-                            <samp>Erika Musterfrau, erika_m@domain.de</samp><br />
-                        </article>
-                    </li>
-                </ol>
-            </article>
-            <article class="kontext">
-                <h1>Nutzung von Maps.MetaGer.de</h1>
-                Bei der Nutzung des MetaGer-Kartendienstes fallen folgende Daten an:
-                <ol>
-                    <br/>
-                    <li><a href="#ip-address">IP-Adresse</a>: Wird nicht gespeichert oder weitergegeben.</li>
-                    <li><a href="#user-agent">User-Agent</a>: Wird nicht gespeichert oder weitergegeben.</li>
-                    <li><a href="#search-request">Suchanfrage</a>: Wird nicht gespeichert oder weitergegeben.</li>
-                    <li>Ortungsdaten: Werden nicht gespeichert oder weitergegeben.</li>
-                </ol>
-            </article>
-            <article class="kontext">
-                <h1>Nutzung des anonymisierenden Proxy</h1>
-                Bei der Nutzung des anonymisierenden Proxy fallen folgende Daten an:
-                <ol>
-                    <br/>
-                    <li><a href="#ip-address">IP-Adresse</a>: Wird nicht gespeichert oder weitergegeben.</li>
-                    <li><a href="#user-agent">User-Agent</a>: Wird nicht gespeichert oder weitergegeben.</li>
-                </ol>
-            </article>
-            <article class="kontext">
-                <h1>Nutzung der Zitat-Suche</h1>
+                </article>
+                <article class="kontext">
+                    <h2>Anmeldung für den SUMA-EV-Newsletter</h2>
+                    Um Sie über unsere Tätigkeiten auf dem Laufenden zu halten, bieten wir einen E-Mail-Newsletter an.
+                    Wir speichern dafür bis zu Ihrer Abmeldung folgende Daten:
+                    <ol class="datum-list">
+                        <li>
+                            <article class="datum">
+                                <h3>Kontaktdaten</h3>
+                                Hierunter fällt der von Ihnen angegebene Name (Vor- und Nachname), sowie Ihre E-Mail
+                                Adresse.
+                                Diese Daten nutzen wir ausschließlich für den Versand des Newsletters und geben Sie
+                                unter keinen Umständen weiter an Dritte.
+                                <h4>Beispiele</h4>
+                                <samp>Max Mustermann, mail@example.com</samp><br />
+                                <samp>Erika Musterfrau, erika_m@domain.de</samp><br />
+                            </article>
+                        </li>
+                    </ol>
+                </article>
+                <article class="kontext">
+                    <h2>Nutzung von Maps.MetaGer.de</h2>
+                    Bei der Nutzung des MetaGer-Kartendienstes fallen folgende Daten an:
+                    <ol>
+                        <br />
+                        <li><a href="#ip-address">IP-Adresse</a>: Wird nicht gespeichert oder weitergegeben.</li>
+                        <li><a href="#user-agent">User-Agent</a>: Wird nicht gespeichert oder weitergegeben.</li>
+                        <li><a href="#search-request">Suchanfrage</a>: Wird nicht gespeichert oder weitergegeben.</li>
+                        <li>Ortungsdaten: Werden nicht gespeichert oder weitergegeben.</li>
+                    </ol>
+                </article>
+                <article class="kontext">
+                    <h2>Nutzung des anonymisierenden Proxy</h2>
+                    Bei der Nutzung des anonymisierenden Proxy fallen folgende Daten an:
+                    <ol>
+                        <br />
+                        <li><a href="#ip-address">IP-Adresse</a>: Wird nicht gespeichert oder weitergegeben.</li>
+                        <li><a href="#user-agent">User-Agent</a>: Wird nicht gespeichert oder weitergegeben.</li>
+                    </ol>
+                </article>
+                <article class="kontext">
+                    <h2>Nutzung der Zitat-Suche</h2>
                     Der eingegebene Suchbegriff wird genutzt, um in der Zitat-Datenbank nach Ergebnissen zu suchen.
-                    Im Gegensatz zur <a href="#search-request">Websuche</a> mit MetaGer, ist die Weitergabe des Suchbegriffes an Dritte nicht erforderlich, da sich die Zitat-Datenbank auf unserem Server befindet.
+                    Im Gegensatz zur <a href="#search-request">Websuche</a> mit MetaGer, ist die Weitergabe des
+                    Suchbegriffes an Dritte nicht erforderlich, da sich die Zitat-Datenbank auf unserem Server befindet.
                     Andere Daten werden nicht gespeichert oder weitergegeben.
-            </article>
-            <article class="kontext">
-                <h1>Nutzung des Assoziators</h1>
-                    Der Assoziator nutzt den Suchbegriff, um die damit assoziierten Begriffe zu bestimmen und anzuzeigen.
+                </article>
+                <article class="kontext">
+                    <h2>Nutzung des Assoziators</h2>
+                    Der Assoziator nutzt den Suchbegriff, um die damit assoziierten Begriffe zu bestimmen und
+                    anzuzeigen.
                     Andere Daten werden nicht gespeichert oder weitergegeben.
-            </article>
-            <article class="kontext">
-                <h1>Nutzung der MetaGer-App</h1>
-                   Die Nutzung der MetaGer-App ist gleichzubehandeln mit der Verwendung von MetaGer über einen Webbrowser.
-            </article>
-            <article class="kontext">
-                <h1>Nutzung des MetaGer-Plugin</h1>
-				Bei der Nutzung des MetaGer-Plugin fallen folgende Daten an:
-                <ol>
-                    <br/>
-                    <li><a href="#ip-address">IP-Adresse</a>: Wird nicht gespeichert oder weitergegeben.</li>
-                    <li><a href="#user-agent">User-Agent</a>: Wird nicht gespeichert oder weitergegeben.</li>
-                </ol>
-            </article>
-        </li>
-    </ol>
+                </article>
+                <article class="kontext">
+                    <h2>Nutzung der MetaGer-App</h2>
+                    Die Nutzung der MetaGer-App ist gleichzubehandeln mit der Verwendung von MetaGer über einen
+                    Webbrowser.
+                </article>
+                <article class="kontext">
+                    <h2>Nutzung des MetaGer-Plugin</h2>
+                    Bei der Nutzung des MetaGer-Plugin fallen folgende Daten an:
+                    <ol>
+                        <br />
+                        <li><a href="#ip-address">IP-Adresse</a>: Wird nicht gespeichert oder weitergegeben.</li>
+                        <li><a href="#user-agent">User-Agent</a>: Wird nicht gespeichert oder weitergegeben.</li>
+                    </ol>
+                </article>
+            </li>
+        </ol>
     </div>
-    <div>
+    <div class="section">
         <h1>Hosting</h1>
-        Die Webseiten unter der Domain „suma-ev.de“ werden bei der Intares GmbH gehostet und administriert. Die übrigen Dienste werden von uns, dem SUMA-EV, administriert und auf angemieteter Hardware bei der Hetzner Online GmbH betrieben.
+        Die Webseiten unter der Domain „suma-ev.de“ werden bei der Intares GmbH gehostet und administriert. Die übrigen
+        Dienste werden von uns, dem SUMA-EV, administriert und auf angemieteter Hardware bei der Hetzner Online GmbH
+        betrieben.
+    </div>
+    <div class="section">
+        <h1>Rechtsgrundlage zur Verarbeitung</h1>
+        Als Rechtsgrundlage zur Verarbeitung Ihrer personenbeziehbaren Daten dient uns entweder Art. 6 Abs. 1 lit. a
+        DSGVO, wenn Sie der Verarbeitung durch Nutzung unserer Dienste zustimmen, oder Art. 6 Abs. 1 lit. f DSGVO, wenn
+        die Verarbeitung für die Wahrung unserer berechtigeten Interessen nötig ist, oder eine andere Rechtsgrundlage,
+        falls wir Ihnen diese gesondert mitteilen.
     </div>
-    <div>
-    <h1>Rechtsgrundlage zur Verarbeitung</h1>
-		Als Rechtsgrundlage zur Verarbeitung Ihrer personenbeziehbaren Daten dient uns entweder Art. 6 Abs. 1 lit. a DSGVO, wenn Sie der Verarbeitung durch Nutzung unserer Dienste zustimmen, oder Art. 6 Abs. 1 lit. f DSGVO, wenn die Verarbeitung für die Wahrung unserer berechtigeten Interessen nötig ist, oder eine andere Rechtsgrundlage, falls wir Ihnen diese gesondert mitteilen.
-	</div>
-   <div>
-    <h1 id="ihrerechte">Ihre Rechte als Nutzer (und unsere Pflichten)</h1>
-        Damit Sie Ihre personenbezogenen Daten auch schützen können, klären wir Sie (gemäß Art. 13 DSGVO) auf, dass Sie über die folgenden Rechte verfügen:
+    <div class="section">
+        <h1 id="ihrerechte">Ihre Rechte als Nutzer (und unsere Pflichten)</h1>
+        Damit Sie Ihre personenbezogenen Daten auch schützen können, klären wir Sie (gemäß Art. 13 DSGVO) auf, dass Sie
+        über die folgenden Rechte verfügen:
         <ol>
             <li><b>Auskunftsrecht:</b></li>
             <article class="kontext">
-            Sie haben das Recht (Art. 15 DSGVO), jederzeit von uns Auskunft zu verlangen, ob und wenn ja welche Ihrer Daten wir (metager.de und SUMA-EV) über Sie besitzen. Wir werden Ihnen so schnell wie möglich, also binnen Tagen, eine vollumfängliche Kopie gemäß Art. 15 Absatz 3 Unterabsatz 1 DSGVO der bei uns über Sie gespeicherten
-            oder anderweitig verwahrten Daten zukommen lassen. Wir bevorzugen hierfür den elektronischen Weg gemäß Art. 15 Absatz 3 Unterabsatz 3 DSGVO; hierzu werden wir Ihre E-Mailadresse für die Zeit der Abwicklung speichern. Bitte informieren Sie uns, wenn Sie die Information ausdrücklich in Papierform haben wollen.
+                Sie haben das Recht (Art. 15 DSGVO), jederzeit von uns Auskunft zu verlangen, ob und wenn ja welche
+                Ihrer Daten wir (metager.de und SUMA-EV) über Sie besitzen. Wir werden Ihnen so schnell wie möglich,
+                also binnen Tagen, eine vollumfängliche Kopie gemäß Art. 15 Absatz 3 Unterabsatz 1 DSGVO der bei uns
+                über Sie gespeicherten
+                oder anderweitig verwahrten Daten zukommen lassen. Wir bevorzugen hierfür den elektronischen Weg gemäß
+                Art. 15 Absatz 3 Unterabsatz 3 DSGVO; hierzu werden wir Ihre E-Mailadresse für die Zeit der Abwicklung
+                speichern. Bitte informieren Sie uns, wenn Sie die Information ausdrücklich in Papierform haben wollen.
             </article>
             <li><b>Recht auf Berichtigung und Ergänzung:</b></li>
             <article class="kontext">
-            Gemäß Artikel 16 DSGVO. Sollten wir fehlerhafte Daten über Sie gespeichert haben, so können Sie bestimmen, dass diese berichtigt werden. Dies gilt auch für fehlende Bestandteile, hier haben Sie das Recht auf Ergänzung.
+                Gemäß Artikel 16 DSGVO. Sollten wir fehlerhafte Daten über Sie gespeichert haben, so können Sie
+                bestimmen, dass diese berichtigt werden. Dies gilt auch für fehlende Bestandteile, hier haben Sie das
+                Recht auf Ergänzung.
             </article>
             <li><b>Recht auf Löschung:</b></li>
             <article class="kontext">
-            Gemäß Artikel 17 DSGVO
+                Gemäß Artikel 17 DSGVO
             </article>
             <li><b>Recht auf Einschränkung der Verarbeitung:</b></li>
             <article class="kontext">
-            Gemäß Artikel 18 DSGVO; wenn Sie uns zum Beispiel aufgefordert haben, Daten von Ihnen zu löschen oder zu verändern, dann können Sie uns für die Zeit, die wir dafür benötigen, ein Verarbeitungsverbot auferlegen. Dies ist unabhängig davon möglich, ob wir die in Frage stehenden Daten letztlich ändern, löschen, etc.
+                Gemäß Artikel 18 DSGVO; wenn Sie uns zum Beispiel aufgefordert haben, Daten von Ihnen zu löschen oder zu
+                verändern, dann können Sie uns für die Zeit, die wir dafür benötigen, ein Verarbeitungsverbot
+                auferlegen. Dies ist unabhängig davon möglich, ob wir die in Frage stehenden Daten letztlich ändern,
+                löschen, etc.
             </article>
             <li><b>Recht auf Beschwerde:</b></li>
             <article class="kontext">
-            Gemäß Artikel 13 Absatz 2 Buchstabe d) DSGVO können Sie sich bei der Datenschutzbeauftragten des Landes Niedersachsen über uns beschweren. Im Netz: <a href="https://www.lfd.niedersachsen.de/startseite/">Datenschutzbeauftragte</a>
+                Gemäß Artikel 13 Absatz 2 Buchstabe d) DSGVO können Sie sich bei der Datenschutzbeauftragten des Landes
+                Niedersachsen über uns beschweren. Im Netz: <a
+                    href="https://www.lfd.niedersachsen.de/startseite/">Datenschutzbeauftragte</a>
             </article>
             <li><b>Recht auf Widerspruch gegen die Verarbeitung:</b></li>
             <article class="kontext">
-            Gemäß Artikel 21 DSGVO; wenn Sie zum Beispiel auf einer Liste stehen und dort auch stehen wollen, können Sie trotzdem die Verarbeitung oder Weiterverarbeitung dieser Daten verbieten.
+                Gemäß Artikel 21 DSGVO; wenn Sie zum Beispiel auf einer Liste stehen und dort auch stehen wollen, können
+                Sie trotzdem die Verarbeitung oder Weiterverarbeitung dieser Daten verbieten.
             </article>
             <li><b>Recht auf Datenübertragbarkeit:</b></li>
             <article class="kontext">
-            Gemäß Artikel 20 DSGVO; dies bedeutet, dass wir verpflichtet sind, Ihnen die angefragten Daten in einer lesbaren, ggfs. maschinenlesbaren oder auch üblichen Art zu übermitteln, so dass Sie in der Lage wären, die Daten, so wie sie sind, einer anderen Person zugänglich zu machen (zu übermitteln).
+                Gemäß Artikel 20 DSGVO; dies bedeutet, dass wir verpflichtet sind, Ihnen die angefragten Daten in einer
+                lesbaren, ggfs. maschinenlesbaren oder auch üblichen Art zu übermitteln, so dass Sie in der Lage wären,
+                die Daten, so wie sie sind, einer anderen Person zugänglich zu machen (zu übermitteln).
             </article>
-            <li><b>Mitteilungspflicht im Zusammenhang mit der Berichtigung oder Löschung personenbezogener Daten oder der Einschränkung der Verarbeitung:</b></li>
+            <li><b>Mitteilungspflicht im Zusammenhang mit der Berichtigung oder Löschung personenbezogener Daten oder
+                    der Einschränkung der Verarbeitung:</b></li>
             <article class="kontext">
-            Gemäß Artikel 19 DSGVO; falls wir Daten, die Sie uns anvertraut haben, Dritten zugänglich gemacht haben sollten (was wir niemals tun), wären wir verpflichtet, jenen mitzuteilen, dass wir auf Ihre Veranlassung hin eine Löschung, Änderung u.s.w. durchgeführt haben.
+                Gemäß Artikel 19 DSGVO; falls wir Daten, die Sie uns anvertraut haben, Dritten zugänglich gemacht haben
+                sollten (was wir niemals tun), wären wir verpflichtet, jenen mitzuteilen, dass wir auf Ihre Veranlassung
+                hin eine Löschung, Änderung u.s.w. durchgeführt haben.
             </article>
         </ol>
-        Zur Wahrnehmung dieser Rechte genügt es, uns eine <b>E-Mail an office@suma-ev.de</b> zu schreiben. Sollten Sie die Briefform bevorzugen, senden Sie uns Post an unsere Büroadresse:
+        Zur Wahrnehmung dieser Rechte genügt es, uns eine <b>E-Mail an office@suma-ev.de</b> zu schreiben. Sollten Sie
+        die Briefform bevorzugen, senden Sie uns Post an unsere Büroadresse:
         <br />
         <br />SUMA-EV
         <br />Röselerstraße 3
         <br />30159 Hannover
     </div>
-    <div>
-    <h1>Änderungen an dieser Erklärung</h1>
-		Wie unsere Angebote ist auch diese Datenschutzerklärung einem ständigen Wandel unterworfen. Sie sollten sie daher regelmäßig erneut lesen.
+    <div class="section">
+        <h1>Änderungen an dieser Erklärung</h1>
+        Wie unsere Angebote ist auch diese Datenschutzerklärung einem ständigen Wandel unterworfen. Sie sollten sie
+        daher regelmäßig erneut lesen.
         <br />Die vorliegende Version unserer Datenschutzerklärung trägt folgendes Datum: 2018-05-24
-</div>
+    </div>
\ No newline at end of file
diff --git a/resources/views/hilfe.blade.php b/resources/views/hilfe.blade.php
index f6fabaa75..bba230f49 100644
--- a/resources/views/hilfe.blade.php
+++ b/resources/views/hilfe.blade.php
@@ -44,7 +44,9 @@
 		<h3>{!! trans('hilfe.result.title') !!}</h3>
 		<div>
 			<p>{!! trans('hilfe.result.info.1') !!}</p>
-			<img style = "margin: 10px 0px 10px 0px;" src = "/img/hilfe-php-resultpic-01.png">
+			<div class="image-container">
+				<img src="/img/hilfe-php-resultpic-01.png">
+			</div>
 			<ul class = "dotlist">
 				<li>{!! trans('hilfe.result.info.open') !!}</li>
 				<li>{!! trans('hilfe.result.info.newtab') !!}</li>
@@ -52,7 +54,9 @@
 				<li>{!! trans('hilfe.result.info.more') !!}</li>
 			</ul>
 			<p>{!! trans('hilfe.result.info.2') !!}</p>
-			<img style = "margin: 10px 0px 10px 0px;" src = "/img/hilfe-php-resultpic-02.png">
+			<div class="image-container">
+				<img src="/img/hilfe-php-resultpic-02.png">
+			</div>
 			<ul class = "dotlist">
 				<li>{!! trans('hilfe.result.info.saveresult') !!}</li>
 				<li>{!! trans('hilfe.result.info.domainnewsearch') !!}</li>
@@ -61,7 +65,7 @@
 
 		</div>
 	</section>
-	
+
 	<section id="urls">
 		<h3>{!! trans('hilfe.urls.title') !!}</h3>
 		<div>
diff --git a/resources/views/impressum.blade.php b/resources/views/impressum.blade.php
index 88268e4bb..2253ebf55 100644
--- a/resources/views/impressum.blade.php
+++ b/resources/views/impressum.blade.php
@@ -3,20 +3,22 @@
 @section('title', $title )
 
 @section('content')
-	<h1 class="page-title">{!! trans('impressum.title') !!}</h1>
-	<div class="card-heavy">
-		<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>
-	</div>
-	<div class="card-heavy">
-		<p>{!! trans('impressum.info.4') !!}</p>
-		<p>{!! trans('impressum.info.6') !!}</p>
-		<p>{!! trans('impressum.info.8') !!}</p>
-	</div>
-	<div class="card-heavy">
-		<h2>{!! trans('impressum.info.9') !!}</h2>
-		<p>{!! trans('impressum.info.10') !!}</p>
+	<div id="impressum">
+		<h1 class="page-title">{!! trans('impressum.title') !!}</h1>
+		<div class="card-heavy">
+			<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>
+		</div>
+		<div class="card-heavy">
+			<p>{!! trans('impressum.info.4') !!}</p>
+			<p>{!! trans('impressum.info.6') !!}</p>
+			<p>{!! trans('impressum.info.8') !!}</p>
+		</div>
+		<div class="card-heavy">
+			<h2>{!! trans('impressum.info.9') !!}</h2>
+			<p>{!! trans('impressum.info.10') !!}</p>
+		</div>
 	</div>
 @endsection
diff --git a/resources/views/kontakt/kontakt.blade.php b/resources/views/kontakt/kontakt.blade.php
index 1c5e50283..4bcee3452 100644
--- a/resources/views/kontakt/kontakt.blade.php
+++ b/resources/views/kontakt/kontakt.blade.php
@@ -3,47 +3,49 @@
 @section('title', $title )
 
 @section('content')
-	<h1 class="page-title">{!! trans('kontakt.headline.1') !!}</h1>
-	<div class="card-heavy">
-		<h2>{!! trans('kontakt.form.1') !!}</h2>
-		<p>{!! trans('kontakt.form.2') !!}</p>
-		@if(isset($formerrors))
-			@foreach($formerrors->errors()->all() as $errormessage)
-			<div class="alert alert-danger" role="alert">{{$errormessage}}</div>
-			@endforeach
-		@endif
-		<form class="contact" name="contact" method="post" action="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/kontakt") }}">
-			{{ csrf_field() }}
-			<div class="form-group kontakt-form-group">
-				<input class="form-control" name="name" placeholder="{!!trans('kontakt.form.name')!!}" type="text" required @if(isset($formerrors) && Request::has('name'))value="{{Request::input('name')}}"@endif>
-			</div>
-			<div class="form-group kontakt-form-group">
-				<input class="form-control" name="email" placeholder="{!! trans('kontakt.form.5') !!}" type="email" required @if(isset($formerrors) && Request::has('email'))value="{{Request::input('email')}}"@endif>
-			</div>
-			<div class="form-group kontakt-form-group">
-				<input class="form-control" name="subject" placeholder="{!! trans('kontakt.form.7') !!}" type="text" required @if(isset($formerrors) && Request::has('subject'))value="{{Request::input('subject')}}"@endif>
-			</div>
+	<div id="kontakt">
+		<h1 class="page-title">{!! trans('kontakt.headline.1') !!}</h1>
+		<div class="card-heavy">
+			<h2>{!! trans('kontakt.form.1') !!}</h2>
+			<p>{!! trans('kontakt.form.2') !!}</p>
+			@if(isset($formerrors))
+				@foreach($formerrors->errors()->all() as $errormessage)
+				<div class="alert alert-danger" role="alert">{{$errormessage}}</div>
+				@endforeach
+			@endif
+			<form class="contact" name="contact" method="post" action="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/kontakt") }}">
+				{{ csrf_field() }}
 				<div class="form-group kontakt-form-group">
-					@if(isset($url) && $url !== "")
-					<label for="message">Wenn MetaGer bestimmte Webseiten nicht angezeigt hat, von denen Sie wissen, dass es sie gibt: Bitte nennen Sie deren Adresse/n (http:// ...???...). Wir werden das detailliert untersuchen.</label>
-					@endif
-					<textarea class="form-control" id="message" name="message" placeholder="{!! trans('kontakt.form.6') !!}" required>@if(isset($formerrors) && Request::has('message')){{Request::input('message')}}@endif</textarea>
+					<input class="form-control" name="name" placeholder="{!!trans('kontakt.form.name')!!}" type="text" required @if(isset($formerrors) && Request::has('name'))value="{{Request::input('name')}}"@endif>
 				</div>
 				<div class="form-group kontakt-form-group">
-				<button title="" data-original-title="" class="btn btn-default encrypt-btn" type="submit">{!! trans('kontakt.form.8') !!}</button>
-			</div>
-		</form>
-	</div>
-	<div class="card-heavy">
-		<h2>{!! trans('kontakt.mail.1') !!}</h2>
-		<p>{!! trans('kontakt.mail.2') !!}</p>
-		<p>{!! trans('kontakt.mail.3') !!}</p>
-		<textarea id="pubkey" style="width:50%" rows="8" readonly>@include('kontakt/pgp')</textarea>
-	</div>
-	<div class="card-heavy">
-		<h2>{!! trans('kontakt.letter.1') !!}</h2>
-		<p>{!! trans('kontakt.letter.2') !!}</p>
-		<address>{!! trans('kontakt.letter.3') !!}</address>
+					<input class="form-control" name="email" placeholder="{!! trans('kontakt.form.5') !!}" type="email" required @if(isset($formerrors) && Request::has('email'))value="{{Request::input('email')}}"@endif>
+				</div>
+				<div class="form-group kontakt-form-group">
+					<input class="form-control" name="subject" placeholder="{!! trans('kontakt.form.7') !!}" type="text" required @if(isset($formerrors) && Request::has('subject'))value="{{Request::input('subject')}}"@endif>
+				</div>
+					<div class="form-group kontakt-form-group">
+						@if(isset($url) && $url !== "")
+						<label for="message">Wenn MetaGer bestimmte Webseiten nicht angezeigt hat, von denen Sie wissen, dass es sie gibt: Bitte nennen Sie deren Adresse/n (http:// ...???...). Wir werden das detailliert untersuchen.</label>
+						@endif
+						<textarea class="form-control" id="message" name="message" placeholder="{!! trans('kontakt.form.6') !!}" required>@if(isset($formerrors) && Request::has('message')){{Request::input('message')}}@endif</textarea>
+					</div>
+					<div class="form-group kontakt-form-group">
+					<button title="" data-original-title="" class="btn btn-default encrypt-btn" type="submit">{!! trans('kontakt.form.8') !!}</button>
+				</div>
+			</form>
+		</div>
+		<div class="card-heavy">
+			<h2>{!! trans('kontakt.mail.1') !!}</h2>
+			<p>{!! trans('kontakt.mail.2') !!}</p>
+			<p>{!! trans('kontakt.mail.3') !!}</p>
+			<textarea id="pubkey" style="width:50%" rows="8" readonly>@include('kontakt/pgp')</textarea>
+		</div>
+		<div class="card-heavy">
+			<h2>{!! trans('kontakt.letter.1') !!}</h2>
+			<p>{!! trans('kontakt.letter.2') !!}</p>
+			<address>{!! trans('kontakt.letter.3') !!}</address>
+		</div>
+		<script src="{{ mix('js/lib.js') }}"></script>
 	</div>
-	<script src="{{ mix('js/lib.js') }}"></script>
 @endsection
diff --git a/resources/views/parts/footer.blade.php b/resources/views/parts/footer.blade.php
index 0ec24d18e..d38e39de2 100644
--- a/resources/views/parts/footer.blade.php
+++ b/resources/views/parts/footer.blade.php
@@ -6,7 +6,7 @@
     <a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "datenschutz") }}">{{ trans('sidebar.nav3') }}</a>
   </div>
   <div>
-    <span class="hidden-xs">{{ trans('footer.sumaev.1') }} <a href="https://www.suma-ev.de/">{{ trans('footer.sumaev.2') }}</a></span>
+    <span class="hidden-xs">{{ trans('footer.sumaev.1') }} <a href="{{ trans('footer.sumaev.link') }}">{{ trans('footer.sumaev.2') }}</a></span>
   </div>
 </footer>
-@endif
\ No newline at end of file
+@endif
diff --git a/resources/views/spende/spende.blade.php b/resources/views/spende/spende.blade.php
index 83cd3441c..d61971dff 100644
--- a/resources/views/spende/spende.blade.php
+++ b/resources/views/spende/spende.blade.php
@@ -5,81 +5,83 @@
 @section('navbarFocus.donate', 'class="dropdown active"')
 
 @section('content')
-	<div class="card-heavy">
-		<h1>{!! trans('spende.headline.1') !!}</h1>
-		<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>
-	<div class="two-col">
-		<div class="col-left">
-			<div class="card-medium">
-				<h3 id="lastschrift">{!! trans('spende.lastschrift.1') !!}</h3>
-				<p>{!! trans('spende.lastschrift.2') !!}</p>
-				<form id="donate" method="POST">
-					<input type="hidden" name="dt" value="{{ md5(date('Y') . date('m') . date('d')) }}">
-					<div class="form-group donation-form-group">
-						<label for="Name">*{!! trans('spende.lastschrift.3') !!}</label>
-						<input type="text" class="form-control" id="Name" required="" name="Name" placeholder="{!! trans('spende.lastschrift.3.placeholder') !!}" @if(isset($data['name'])) value="{{$data['name']}}" @endif />
-					</div>
-					<div class="form-group donation-form-group">
-						<label for="email">{!! trans('spende.lastschrift.4') !!}</label>
-						<input type="email" class="form-control" id="email" name="email" placeholder="Email" @if(isset($data['email'])) value="{{$data['email']}}" @endif>
-					</div>
-					<div class="form-group donation-form-group">
-						<label for="iban">*{!! trans('spende.lastschrift.6') !!}</label>
-						<input type="text" class="form-control" id="iban" required="" name="iban" placeholder="IBAN" @if(isset($data['iban'])) value="{{$data['iban']}}" @endif>
-					</div>
-					<div class="form-group donation-form-group">
-						<label for="bic">{!! trans('spende.lastschrift.7') !!}</label>
-						<input type="text" class="form-control" id="bic" name="bic" placeholder="BIC" @if(isset($data['bic'])) value="{{$data['bic']}}" @endif>
-					</div>
-					<div class="form-group donation-form-group">
-						<label for="value">*{!! trans('spende.lastschrift.8.value')!!} </label>
-						<input type="number" class="form-control" id="value" required="" name="Betrag" min="1" step="0.01" placeholder="{!! trans('spende.lastschrift.8.value.placeholder') !!}" @if(isset($data['betrag'])) value="{{$data['betrag']}}" @endif>
-					</div>
-					<div class="form-group donation-form-group">
-						<label for="msg">{!! trans('spende.lastschrift.8.message')!!}</label>
-						<p>{!! trans('spende.bankinfo.3')!!}</p>
-						<textarea class="form-control" id="msg" name="Nachricht" placeholder="{!! trans('spende.lastschrift.8.message.placeholder') !!}">@if(isset($data['nachricht'])){{$data['nachricht']}}@endif</textarea>
-					</div>
-					<button type="submit" form="donate" class="btn btn-default">{!! trans('spende.lastschrift.9') !!}</button>
-				</form>
-			</div>
+	<div id="donation">
+		<div class="section">
+			<h1>{!! trans('spende.headline.1') !!}</h1>
+			<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>
-		<div class="col-right">
-			<div class="card-medium">
-				<h3>{!! trans('spende.bankinfo.1') !!}</h3>
-				<p>{!! trans('spende.bankinfo.2') !!}</p>
-			</div>
-			<div class="card-medium">
-				<h3>{!! trans('spende.paypal.title') !!}</h3>
-				<p>{!! trans('spende.paypal.subtitle') !!}</p>
-				<div class="center-wrapper">
-					<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
-						<input name="cmd" value="_xclick" type="hidden">
-						<input name="business" value="wsb@suma-ev.de" type="hidden">
-						<input name="item_name" value="SuMa-eV Spende" type="hidden">
-						<input name="buyer_credit_promo_code" value="" type="hidden">
-						<input name="buyer_credit_product_category" value="" type="hidden">
-						<input name="buyer_credit_shipping_method" value="" type="hidden">
-						<input name="buyer_credit_user_address_change" value="" type="hidden">
-						<input name="no_shipping" value="0" type="hidden">
-						<input name="no_note" value="1" type="hidden">
-						<input name="currency_code" value="EUR" type="hidden">
-						<input name="tax" value="0" type="hidden">
-						<input name="lc" value="DE" type="hidden">
-						<input name="bn" value="PP-DonationsBF" type="hidden">
-						<input src="/img/paypalspenden.gif" name="submit" width="120" alt="{!! trans('spende.paypal.2') !!}" type="image">
+		<div class="two-col">
+			<div class="col-left">
+				<div class="section">
+					<h3 id="lastschrift">{!! trans('spende.lastschrift.1') !!}</h3>
+					<p>{!! trans('spende.lastschrift.2') !!}</p>
+					<form id="donate" method="POST">
+						<input type="hidden" name="dt" value="{{ md5(date('Y') . date('m') . date('d')) }}">
+						<div class="form-group donation-form-group">
+							<label for="Name">*{!! trans('spende.lastschrift.3') !!}</label>
+							<input type="text" class="form-control" id="Name" required="" name="Name" placeholder="{!! trans('spende.lastschrift.3.placeholder') !!}" @if(isset($data['name'])) value="{{$data['name']}}" @endif />
+						</div>
+						<div class="form-group donation-form-group">
+							<label for="email">{!! trans('spende.lastschrift.4') !!}</label>
+							<input type="email" class="form-control" id="email" name="email" placeholder="Email" @if(isset($data['email'])) value="{{$data['email']}}" @endif>
+						</div>
+						<div class="form-group donation-form-group">
+							<label for="iban">*{!! trans('spende.lastschrift.6') !!}</label>
+							<input type="text" class="form-control" id="iban" required="" name="iban" placeholder="IBAN" @if(isset($data['iban'])) value="{{$data['iban']}}" @endif>
+						</div>
+						<div class="form-group donation-form-group">
+							<label for="bic">{!! trans('spende.lastschrift.7') !!}</label>
+							<input type="text" class="form-control" id="bic" name="bic" placeholder="BIC" @if(isset($data['bic'])) value="{{$data['bic']}}" @endif>
+						</div>
+						<div class="form-group donation-form-group">
+							<label for="value">*{!! trans('spende.lastschrift.8.value')!!} </label>
+							<input type="number" class="form-control" id="value" required="" name="Betrag" min="1" step="0.01" placeholder="{!! trans('spende.lastschrift.8.value.placeholder') !!}" @if(isset($data['betrag'])) value="{{$data['betrag']}}" @endif>
+						</div>
+						<div class="form-group donation-form-group">
+							<label for="msg">{!! trans('spende.lastschrift.8.message')!!}</label>
+							<p>{!! trans('spende.bankinfo.3')!!}</p>
+							<textarea class="form-control" id="msg" name="Nachricht" placeholder="{!! trans('spende.lastschrift.8.message.placeholder') !!}">@if(isset($data['nachricht'])){{$data['nachricht']}}@endif</textarea>
+						</div>
+						<button type="submit" form="donate" class="btn btn-default">{!! trans('spende.lastschrift.9') !!}</button>
 					</form>
 				</div>
 			</div>
-			<div class="card-medium">
-				<h3>{{ trans('spende.bitpay.title') }}</h3>
-				@include('spende.bitpay')
-			</div>
-			<div class="card-medium">
-				<p>{!! trans('spende.lastschrift.10') !!}</p>
+			<div class="col-right">
+				<div class="section">
+					<h3>{!! trans('spende.bankinfo.1') !!}</h3>
+					<p>{!! trans('spende.bankinfo.2') !!}</p>
+				</div>
+				<div class="section">
+					<h3>{!! trans('spende.paypal.title') !!}</h3>
+					<p>{!! trans('spende.paypal.subtitle') !!}</p>
+					<div class="center-wrapper">
+						<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
+							<input name="cmd" value="_xclick" type="hidden">
+							<input name="business" value="wsb@suma-ev.de" type="hidden">
+							<input name="item_name" value="SuMa-eV Spende" type="hidden">
+							<input name="buyer_credit_promo_code" value="" type="hidden">
+							<input name="buyer_credit_product_category" value="" type="hidden">
+							<input name="buyer_credit_shipping_method" value="" type="hidden">
+							<input name="buyer_credit_user_address_change" value="" type="hidden">
+							<input name="no_shipping" value="0" type="hidden">
+							<input name="no_note" value="1" type="hidden">
+							<input name="currency_code" value="EUR" type="hidden">
+							<input name="tax" value="0" type="hidden">
+							<input name="lc" value="DE" type="hidden">
+							<input name="bn" value="PP-DonationsBF" type="hidden">
+							<input src="/img/paypalspenden.gif" name="submit" width="120" alt="{!! trans('spende.paypal.2') !!}" type="image">
+						</form>
+					</div>
+				</div>
+				<div class="section">
+					<h3>{{ trans('spende.bitpay.title') }}</h3>
+					@include('spende.bitpay')
+				</div>
+				<div class="section">
+					<p>{!! trans('spende.lastschrift.10') !!}</p>
+				</div>
 			</div>
 		</div>
 	</div>
diff --git a/resources/views/team/team.blade.php b/resources/views/team/team.blade.php
index 9f44aa735..8ff5079b8 100644
--- a/resources/views/team/team.blade.php
+++ b/resources/views/team/team.blade.php
@@ -3,46 +3,48 @@
 @section('title', $title )
 
 @section('content')
-	<h1 class="page-title">Team</h1>
-	<div class="card-heavy">
-		<ul class="dotlist">
-			<li>
-				<p>Hebeler, Dominik - {!! trans('team.role.0') !!} -
-				<a href="mailto:dominik@suma-ev.de">dominik@suma-ev.de</a></p>
-			</li>
-			<li>
-				<p>Riel, Carsten - {!! trans('team.role.1') !!} & {!! trans('team.role.7') !!} -
-				<a href="carsten@suma-ev.de">carsten@suma-ev.de</a></p>
-			</li>
-			<li>
-				<p>Becker, Georg - {!! trans('team.role.2') !!} -
-				<a href="mailto:georg.becker@suma-ev.de">georg.becker@suma-ev.de</a></p>
-			</li>
-			<li>
-				<p>Branz, Manuela - {!! trans('team.role.3') !!} -
-				<a href="mailto:manuela.branz@suma-ev.de">manuela.branz@suma-ev.de</a></p>
-			</li>
-			<li>
-				<p>Höfer, Phil - {!! trans('team.role.5') !!} -
-				<a href="mailto:phil@suma-ev.de">phil@suma-ev.de</a></p>
-			</li>
-			<li>
-				<p>Hasselbring, Karl - {!! trans('team.role.6') !!} -
-				<a href="mailto:karl@suma-ev.de">karl@suma-ev.de</a></p>
-			</li>
-			<li>
-				<p>Givi, Aria - {!! trans('team.role.6') !!} -
-				<a href="mailto:aria@suma-ev.de">aria@suma-ev.de</a></p>
-			</li>
-			<li>
-				<p><a href="https://de.wikipedia.org/wiki/Wolfgang_Sander-Beuermann" target="_blank" rel="noopener">Sander-Beuermann, Wolfgang</a>, Dr.-Ing - {!! trans('team.role.8') !!} -
-				<a href="mailto:wsb@suma-ev.de">wsb@suma-ev.de</a>
-			</li>
-		</ul>
-	</div>
-	<div class="card-heavy">
-		<p>{!! trans('team.contact.1') !!}</p>
-		<p>{!! trans('team.contact.2') !!}</p>
-		<p>{!! trans('team.contact.3') !!}</p>
+	<div id="team">
+		<h1 class="page-title">Team</h1>
+		<div class="card-heavy">
+			<ul class="dotlist">
+				<li>
+					<p>Hebeler, Dominik - {!! trans('team.role.0') !!} -
+					<a href="mailto:dominik@suma-ev.de">dominik@suma-ev.de</a></p>
+				</li>
+				<li>
+					<p>Riel, Carsten - {!! trans('team.role.1') !!} & {!! trans('team.role.7') !!} -
+					<a href="carsten@suma-ev.de">carsten@suma-ev.de</a></p>
+				</li>
+				<li>
+					<p>Becker, Georg - {!! trans('team.role.2') !!} -
+					<a href="mailto:georg.becker@suma-ev.de">georg.becker@suma-ev.de</a></p>
+				</li>
+				<li>
+					<p>Branz, Manuela - {!! trans('team.role.3') !!} -
+					<a href="mailto:manuela.branz@suma-ev.de">manuela.branz@suma-ev.de</a></p>
+				</li>
+				<li>
+					<p>Höfer, Phil - {!! trans('team.role.5') !!} -
+					<a href="mailto:phil@suma-ev.de">phil@suma-ev.de</a></p>
+				</li>
+				<li>
+					<p>Hasselbring, Karl - {!! trans('team.role.6') !!} -
+					<a href="mailto:karl@suma-ev.de">karl@suma-ev.de</a></p>
+				</li>
+				<li>
+					<p>Givi, Aria - {!! trans('team.role.6') !!} -
+					<a href="mailto:aria@suma-ev.de">aria@suma-ev.de</a></p>
+				</li>
+				<li>
+					<p><a href="https://de.wikipedia.org/wiki/Wolfgang_Sander-Beuermann" target="_blank" rel="noopener">Sander-Beuermann, Wolfgang</a>, Dr.-Ing - {!! trans('team.role.8') !!} -
+					<a href="mailto:wsb@suma-ev.de">wsb@suma-ev.de</a>
+				</li>
+			</ul>
+		</div>
+		<div class="card-heavy">
+			<p>{!! trans('team.contact.1') !!}</p>
+			<p>{!! trans('team.contact.2') !!}</p>
+			<p>{!! trans('team.contact.3') !!}</p>
+		</div>
 	</div>
 @endsection
-- 
GitLab