&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;de&quot;&gt;
&lt;head&gt;
  &lt;meta charset=&quot;UTF-8&quot;&gt;
  &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
  &lt;title&gt;Datenschutz – Wikipedia&lt;/title&gt;
  &lt;script src=&quot;/tailwindcss.js&quot;&gt;&lt;/script&gt;
  &lt;style&gt;
    .hero {
      background-image: linear-gradient(to top, #f7f7f7, #e5e5e5);
      background-size: 100% 300px;
      background-position: 0% 100%;
      height: 300px;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
    }
  &lt;/style&gt;
&lt;/head&gt;
&lt;body class=&quot;bg-gray-100&quot;&gt;
  &lt;header class=&quot;bg-blue-600 text-white p-4 text-center sticky top-0 z-50 shadow-md&quot;&gt;
    &lt;nav&gt;
      &lt;ul class=&quot;flex justify-center space-x-4&quot;&gt;
        &lt;li&gt;&lt;a href=&quot;/de.wikipedia.org/index.html&quot; class=&quot;hover:underline&quot;&gt;Hauptseite&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href=&quot;/de.wikipedia.org/ueber-wikipedia.html&quot; class=&quot;hover:underline&quot;&gt;Über Wikipedia&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href=&quot;/de.wikipedia.org/kontakt.html&quot; class=&quot;hover:underline&quot;&gt;Kontakt&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href=&quot;/de.wikipedia.org/spenden.html&quot; class=&quot;hover:underline&quot;&gt;Spenden&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/nav&gt;
  &lt;/header&gt;
  &lt;main&gt;
    &lt;section class=&quot;hero&quot;&gt;
      &lt;h1 class=&quot;text-4xl font-bold&amp;quot;Datenschutz&quot;&gt;&lt;/h1&gt;
    &lt;/section&gt;
    &lt;section class=&quot;terms p-8 max-w-4xl mx-auto&quot;&gt;
      &lt;h2 class=&quot;text-3xl font-bold mb-6 text-blue-600&quot;&gt;&lt;strong&gt;Datenschutz auf einen Blick&lt;/strong&gt;&lt;/h2&gt;
      &lt;p class=&quot;mb-4&quot;&gt;Diese Website sammelt keine personenbezogenen Daten. Alle Funktionalitäten sind so gestaltet, dass sie anonym genutzt werden können. Weitere Informationen finden Sie unten.&lt;/p&gt;
      
      &lt;section class=&quot;mt-8 border-l-4 border-blue-500 pl-4&quot;&gt;
        &lt;h3 class=&quot;text-xl font-bold mb-2&quot;&gt;1. Cookies&lt;/h3&gt;
        &lt;p class=&quot;mb-3&quot;&gt;Wir nutzen Cookies, um die Funktion und Sicherheit der Website zu optimieren. Die Erhebung wird über die &lt;a href=&quot;/de.wikipedia.org/cookies.html&quot; class=&quot;text-blue-600 hover:underline&quot;&gt;Cookie-Einstellungen&lt;/a&gt; gesteuert.&lt;/p&gt;
      &lt;/section&gt;
      
      &lt;section class=&quot;mt-6 border-l-4 border-blue-500 pl-4&quot;&gt;
        &lt;h3 class=&quot;text-xl font-bold mb-2&quot;&gt;2. Serverlogs&lt;/h3&gt;
        &lt;p class=&quot;mb-3&quot;&gt;Automatisiert gespeicherte Serverlogs (IP-Adresse, Anmeldezeit) dienen der Systemanalyse. Diese werden nach maximal 7 Tagen anonymisiert oder gelöscht.&lt;/p&gt;
      &lt;/section&gt;
      
      &lt;section class=&quot;mt-6 border-l-4 border-blue-500 pl-4&quot;&gt;
        &lt;h3 class=&quot;text-xl font-bold mb-2&quot;&gt;3. Rechte des Nutzers&lt;/h3&gt;
        &lt;p class=&quot;mb-3&quot;&gt;Sie haben jederzeit ein Recht auf Auskunft, Berichtigung und Löschung Ihrer Daten. Schreiben Sie uns: &lt;a href=&quot;/de.wikipedia.org/kontakt.html&quot; class=&quot;text-blue-600 hover:underline&quot;&gt;Kontakt&lt;/a&gt;.&lt;/p&gt;
      &lt;/section&gt;
      
      &lt;section class=&quot;mt-6 border-l-4 border-blue-500 pl-4&quot;&gt;
        &lt;h3 class=&quot;text-xl font-bold mb-2&quot;&gt;4. Drittanbieter&lt;/h3&gt;
        &lt;p class=&quot;mb-3&quot;&gt;Wir nutzen Drittanbieter wie Google Fonts. Diese Drittanbieter haben eigene Datenschutzhinweise. Weitere Links: &lt;a href=&quot;/de.wikipedia.org/impressum.html&quot; class=&quot;text-blue-600 hover:underline&quot;&gt;Impressum&lt;/a&gt; und &lt;a href=&quot;/de.wikipedia.org/nutzungsbedingungen.html&quot; class=&quot;text-blue-600 hover:underline&quot;&gt;Nutzungsbedingungen&lt;/a&gt;.&lt;/p&gt;
      &lt;/section&gt;
      
      &lt;p class=&quot;mt-8 text-center&quot;&gt;
        &lt;a href=&quot;/de.wikipedia.org/impressum.html&quot; class=&quot;bg-blue-600 text-white px-6 py-3 rounded-lg hover:bg-blue-700 transition&quot;&gt;Zum Impressum&lt;/a&gt;
      &lt;/p&gt;
    &lt;/section&gt;
  &lt;/main&gt;
  &lt;footer class=&quot;bg-gray-300 p-4 text-center&quot;&gt;
    &lt;p&gt;&amp;copy;2025 Wikipedia&lt;/p&gt;
    &lt;ul class=&quot;flex justify-center space-x-4 mt-2 text-sm&quot;&gt;
      &lt;li&gt;&lt;a href=&quot;/de.wikipedia.org/impressum.html&quot; class=&quot;text-blue-600 hover:underline&quot;&gt;Impressum&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;/de.wikipedia.org/datenschutz.html&quot; class=&quot;text-blue-600 hover:underline&quot;&gt;Datenschutz&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=&quot;/de.wikipedia.org/nutzungsbedingungen.html&quot; class=&quot;text-blue-600 hover:underline&quot;&gt;Nutzungsbedingungen&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/footer&gt;
&lt;/body&gt;
&lt;/html&gt;