<?php

declare(strict_types=1);

$desc = 'Techno Artisan - Data Privacy + Data Protection';

return [
    'meta-tags' => [
        'title'      => 'Data Privacy + Data Protection',
        'general'    => [
            'keywords'    => 'techno artisan, dj artist hamburg, hardgroove dj, schranz techno dj, hard techno dj, intro opener designer, techno dj buchen, signature sound techno',
            'description' => $desc,
        ],
        'open-graph' => [
            'title'       => fcms__('global.website_title'),
            'description' => $desc,
            'image'       => asset('vendor/filament-cms/img/Techno_Artisan__SEO__DJ_Artist__Intro_Opener_Designer__HardGroove_Acid_Schranz_Hard_Techno.webp'),
            'site_name'   => fcms__('global.website_title'),
        ],
        'twitter_x'  => [
            'card'        => 'summary_large_image',
            'title'       => fcms__('global.website_title'),
            'description' => $desc,
        ],
    ],
    'title'        => 'Data Privacy',
    'title_long'   => 'Data Privacy',
    'data-privacy' => [
        'title'   => 'Data Protection',
        'content' =><<<CONTENT
<!-- Table of Contents -->
<nav class="mb-3 p-0" aria-label="Inhaltsübersicht">
    <h2 class="section-heading mt-4 mb-4 text-xs font-semibold uppercase tracking-[0.2em] text-white">Table of contents</h2>
    <ol class="space-y-2 text-sm">
        <li><a href="#praembel"    class="text-[#d4d4d4] underline-offset-4 hover:text-white hover:underline transition-colors">1. Preamble</a></li>
        <li><a href="#verantwortlicher" class="text-[#d4d4d4] underline-offset-4 hover:text-white hover:underline transition-colors">2. Controller</a></li>
        <li><a href="#uebersicht"  class="text-[#d4d4d4] underline-offset-4 hover:text-white hover:underline transition-colors">3. Overview of processing activities</a></li>
        <li><a href="#rechtsgrundlagen" class="text-[#d4d4d4] underline-offset-4 hover:text-white hover:underline transition-colors">4. Relevant legal bases</a></li>
        <li><a href="#sicherheit"  class="text-[#d4d4d4] underline-offset-4 hover:text-white hover:underline transition-colors">5. Security measures</a></li>
        <li><a href="#uebermittlung" class="text-[#d4d4d4] underline-offset-4 hover:text-white hover:underline transition-colors">6. Transfer of personal data</a></li>
        <li><a href="#speicherung" class="text-[#d4d4d4] underline-offset-4 hover:text-white hover:underline transition-colors">7. Data storage and deletion</a></li>
        <li><a href="#rechte"      class="text-[#d4d4d4] underline-offset-4 hover:text-white hover:underline transition-colors">8. Rights of data subjects</a></li>
        <li><a href="#webhosting"  class="text-[#d4d4d4] underline-offset-4 hover:text-white hover:underline transition-colors">9. Provision of the online offering and web hosting</a></li>
        <li><a href="#cookies"     class="text-[#d4d4d4] underline-offset-4 hover:text-white hover:underline transition-colors">10. Use of cookies</a></li>
        <li><a href="#kontakt"     class="text-[#d4d4d4] underline-offset-4 hover:text-white hover:underline transition-colors">11. Contact and request management</a></li>
        <li><a href="#socialmedia" class="text-[#d4d4d4] underline-offset-4 hover:text-white hover:underline transition-colors">12. Presence on social networks</a></li>
        <li><a href="#plugins"     class="text-[#d4d4d4] underline-offset-4 hover:text-white hover:underline transition-colors">13. Plug‑ins and embedded functions</a></li>
        <li><a href="#aenderung"   class="text-[#d4d4d4] underline-offset-4 hover:text-white hover:underline transition-colors">14. Amendments and updates</a></li>
        <li><a href="#begriffe"    class="text-[#d4d4d4] underline-offset-4 hover:text-white hover:underline transition-colors">15. Definitions</a></li>
    </ol>
</nav>

<!-- ─── Sections ─── -->
<div class="space-y-8">

    <!-- 1 · Präambel -->
    <section id="praembel">
        <h2 class="section-heading mt-4 mb-4 flex items-center gap-3 text-xl font-semibold text-white">
            Preamble
        </h2>
        <p class="leading-relaxed text-[#d4d4d4]">
            With the following privacy policy, we would like to inform you which types of your personal data (hereinafter also referred to briefly as “data”) we process, for which purposes, and to what extent.
        </p>
        <p class="mt-3 text-sm text-[#737373]">The terms used are not gender‑specific.</p>
    </section>

    <!-- 2 · Verantwortlicher -->
    <section id="verantwortlicher">
        <h2 class="section-heading mt-4 mb-4 flex items-center gap-3 text-xl font-semibold text-white">
            Controller
        </h2>

        <div class="rounded-lg border border-[#2a2a2a] bg-slate-900 p-3 mb-4 text-sm leading-relaxed">
            <p class="font-semibold text-white">Björn Ellebrecht</p>
            <p class="mt-1 text-[#737373]">
                E-mail:
                <span class="font-mono text-[#d4d4d4]">imprint (punkt) nospam ]at[ technoartisan [dOt] de</span>
            </p>
        </div>
    </section>

    <!-- 3 · Übersicht der Verarbeitungen -->
    <section id="uebersicht">
        <h2 class="section-heading mt-4 mb-2 flex items-center gap-3 text-xl font-semibold text-white">
            Overview of processing activities
        </h2>
        <p class="mb-6 leading-relaxed text-[#d4d4d4]">
            The following overview summarizes the types of data processed and the purposes of their processing and refers to the data subjects.
        </p>

        <div class="grid gap-4 sm:grid-cols-3">
            <!-- Datenarten -->
            <div class="rounded-lg border border-[#2a2a2a] bg-slate-900 p-3 mb-4">
                <h3 class="mb-3 text-xs font-semibold uppercase tracking-widest text-white">Types of data</h3>
                <ul class="space-y-1 text-sm text-[#d4d4d4]">
                    <li class="flex items-start gap-2"><span class="mt-1.5 h-1 w-1 shrink-0 rounded-full bg-slate-600"></span>Contact data</li>
                    <li class="flex items-start gap-2"><span class="mt-1.5 h-1 w-1 shrink-0 rounded-full bg-slate-600"></span>Content data</li>
                    <li class="flex items-start gap-2"><span class="mt-1.5 h-1 w-1 shrink-0 rounded-full bg-slate-600"></span>Usage data</li>
                    <li class="flex items-start gap-2"><span class="mt-1.5 h-1 w-1 shrink-0 rounded-full bg-slate-600"></span>Meta, communication and process data</li>
                    <li class="flex items-start gap-2"><span class="mt-1.5 h-1 w-1 shrink-0 rounded-full bg-slate-600"></span>Log data</li>
                </ul>
            </div>
            <!-- Betroffene Personen -->
            <div class="rounded-lg border border-[#2a2a2a] bg-slate-900 p-3 mb-4">
                <h3 class="mb-3 text-xs font-semibold uppercase tracking-widest text-white">Data subjects</h3>
                <ul class="space-y-1 text-sm text-[#d4d4d4]">
                    <li class="flex items-start gap-2"><span class="mt-1.5 h-1 w-1 shrink-0 rounded-full bg-slate-600"></span>Communication partners</li>
                    <li class="flex items-start gap-2"><span class="mt-1.5 h-1 w-1 shrink-0 rounded-full bg-slate-600"></span>Users</li>
                </ul>
            </div>
            <!-- Zwecke -->
            <div class="rounded-lg border border-[#2a2a2a] bg-slate-900 p-3 mb-4">
                <h3 class="mb-3 text-xs font-semibold uppercase tracking-widest text-white">Purposes</h3>
                <ul class="space-y-1 text-sm text-[#d4d4d4]">
                    <li class="flex items-start gap-2"><span class="mt-1.5 h-1 w-1 shrink-0 rounded-full bg-slate-600"></span>Communication</li>
                    <li class="flex items-start gap-2"><span class="mt-1.5 h-1 w-1 shrink-0 rounded-full bg-slate-600"></span>Security measures</li>
                    <li class="flex items-start gap-2"><span class="mt-1.5 h-1 w-1 shrink-0 rounded-full bg-slate-600"></span>Reach measurement</li>
                    <li class="flex items-start gap-2"><span class="mt-1.5 h-1 w-1 shrink-0 rounded-full bg-slate-600"></span>Tracking</li>
                    <li class="flex items-start gap-2"><span class="mt-1.5 h-1 w-1 shrink-0 rounded-full bg-slate-600"></span>Audience building</li>
                    <li class="flex items-start gap-2"><span class="mt-1.5 h-1 w-1 shrink-0 rounded-full bg-slate-600"></span>Marketing</li>
                    <li class="flex items-start gap-2"><span class="mt-1.5 h-1 w-1 shrink-0 rounded-full bg-slate-600"></span>Provision of the online offering</li>
                    <li class="flex items-start gap-2"><span class="mt-1.5 h-1 w-1 shrink-0 rounded-full bg-slate-600"></span>IT infrastructure</li>
                    <li class="flex items-start gap-2"><span class="mt-1.5 h-1 w-1 shrink-0 rounded-full bg-slate-600"></span>Public relations</li>
                </ul>
            </div>
        </div>
    </section>

    <!-- 4 · Rechtsgrundlagen -->
    <section id="rechtsgrundlagen">
        <h2 class="section-heading mt-1 mb-4 flex items-center gap-3 text-xl font-semibold text-white">
            Relevant legal bases
        </h2>
        <p class="mb-5 leading-relaxed text-[#d4d4d4]">
            Below you will find an overview of the legal bases under the GDPR on which we process personal data. In addition to the provisions of the GDPR, national data protection provisions may apply in your or our country of residence or registered office.
        </p>

        <dl class="space-y-4">
            <div class="rounded-lg border border-[#2a2a2a] bg-slate-900 p-3 mb-4">
                <dt class="mb-1 font-semibold text-white">Consent (Art. 6 para. 1 sentence 1 lit. a GDPR)</dt>
                <dd class="text-sm leading-relaxed text-[#d4d4d4]">
                    The data subject has given their consent to the processing of personal data concerning them for one or more specific purposes.
                </dd>
            </div>
            <div class="rounded-lg border border-[#2a2a2a] bg-slate-900 p-3 mb-4">
                <dt class="mb-1 font-semibold text-white">Performance of a contract and pre‑contractual inquiries (Art. 6 para. 1 sentence 1 lit. b GDPR)</dt>
                <dd class="text-sm leading-relaxed text-[#d4d4d4]">
                    Processing is necessary for the performance of a contract to which the data subject is party or in order to take steps at the request of the data subject prior to entering into a contract.
                </dd>
            </div>
            <div class="rounded-lg border border-[#2a2a2a] bg-slate-900 p-3 mb-4">
                <dt class="mb-1 font-semibold text-white">Legitimate interests (Art. 6 para. 1 sentence 1 lit. f GDPR)</dt>
                <dd class="text-sm leading-relaxed text-[#d4d4d4]">
                    Processing is necessary for the purposes of the legitimate interests pursued by the controller or by a third party, provided that the interests or fundamental rights and freedoms of the data subject do not override those interests.
                </dd>
            </div>
        </dl>

        <div class="mt-5 rounded-lg border border-[#c8a84b]/20 bg-slate-600/5 p-3 mb-4">
            <h3 class="mb-2 text-sm font-semibold text-white">National regulations (BDSG)</h3>
            <p class="text-sm leading-relaxed text-[#d4d4d4]">
                In addition to the data protection regulations of the GDPR, national regulations apply in Germany, in particular the Federal Data Protection Act (Bundesdatenschutzgesetz, BDSG). The BDSG contains specific provisions on the right of access, erasure, objection, the processing of special categories of data, and automated decision‑making including profiling.
            </p>
        </div>
    </section>

    <!-- 5 · Sicherheitsmaßnahmen -->
    <section id="sicherheit">
        <h2 class="section-heading mt-4 mb-4 flex items-center gap-3 text-xl font-semibold text-white">
            Security measures
        </h2>
        <div class="space-y-4 text-sm leading-relaxed text-[#d4d4d4]">
            <p>
                We take appropriate technical and organizational measures in accordance with the statutory requirements, taking into account the state of the art, implementation costs and the nature, scope and purposes of processing, in order to ensure a level of protection appropriate to the risk.
            </p>
            <p>
                These measures include, in particular, safeguarding the confidentiality, integrity and availability of data by controlling physical and electronic access to the data. We also take into account the protection of personal data in the development or selection of hardware, software and procedures in accordance with the principle of data protection by design and by default.
            </p>
            <div class="rounded-lg border border-[#2a2a2a] bg-slate-900 p-3 mb-4">
                <p class="mb-1 font-semibold text-white">TLS/SSL encryption (HTTPS)</p>
                <p>
                    To protect users’ data from unauthorized access, we use TLS/SSL encryption technology. If a website is secured by an SSL/TLS certificate, this is indicated by the display of <span class="font-mono text-white">HTTPS</span>
                    in the URL.
                </p>
            </div>
        </div>
    </section>

    <!-- 6 · Übermittlung -->
    <section id="uebermittlung">
        <h2 class="section-heading mt-4 mb-4 flex items-center gap-3 text-xl font-semibold text-white">
            Transfer of personal data
        </h2>
        <p class="text-sm leading-relaxed text-[#d4d4d4]">
            In the course of our processing of personal data, it may happen that such data is transferred to other entities, companies, legally independent organizational units or persons. Recipients may include, for example, service providers commissioned with IT tasks or providers of services integrated into a website. In such cases, we comply with the statutory requirements and conclude appropriate contracts that serve to protect your data.
        </p>
    </section>

    <!-- 7 · Datenspeicherung und Löschung -->
    <section id="speicherung">
        <h2 class="section-heading mt-4 mb-4 flex items-center gap-3 text-xl font-semibold text-white">
            Data storage and deletion
        </h2>
        <div class="space-y-4 text-sm leading-relaxed text-[#d4d4d4]">
            <p>
                We delete personal data in accordance with the statutory provisions as soon as the underlying consents are revoked or there is no further legal basis for processing.
            </p>
            <p>
                Exceptions apply where statutory obligations or specific interests require longer retention or archiving of the data. If several retention periods are indicated, the longest period is always decisive.
            </p>

            <h3 class="pt-2 text-base font-semibold text-white">General retention periods (German law)</h3>
            <div class="overflow-hidden rounded-lg border border-[#2a2a2a]">
                <table class="w-full text-left text-sm">
                    <thead class="bg-slate-900">
                    <tr>
                        <th class="px-4 py-3 font-semibold text-white w-20">Period</th>
                        <th class="px-4 py-3 font-semibold text-white">Applies to</th>
                    </tr>
                    </thead>
                    <tbody class="divide-y divide-[#2a2a2a]">
                    <tr class="bg-slate-850">
                        <td class="px-4 py-3 font-semibold text-white whitespace-nowrap">10 years</td>
                        <td class="px-4 py-3 text-[#d4d4d4]">Books, records, annual financial statements, inventories, management reports, opening balance sheet (§ 147 AO, § 14b UStG, § 257 HGB)</td>
                    </tr>
                    <tr class="bg-gray-900">
                        <td class="px-4 py-3 font-semibold text-white whitespace-nowrap">8 years</td>
                        <td class="px-4 py-3 text-[#d4d4d4]">Accounting records such as invoices and cost receipts (§ 147 AO, § 257 HGB)</td>
                    </tr>
                    <tr class="bg-slate-850">
                        <td class="px-4 py-3 font-semibold text-white whitespace-nowrap">6 years</td>
                        <td class="px-4 py-3 text-[#d4d4d4]">Other business documents, received/sent commercial letters, tax‑relevant documents (§ 147 AO, § 257 HGB)</td>
                    </tr>
                    <tr class="bg-gray-900">
                        <td class="px-4 py-3 font-semibold text-white whitespace-nowrap">3 years</td>
                        <td class="px-4 py-3 text-[#d4d4d4]">Data for asserting warranty and damage claims (§§ 195, 199 BGB)</td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <p class="text-xs text-[#737373]">
                Start of the period: If a period does not explicitly begin on a specific date and is at least one year, it automatically starts at the end of the calendar year in which the event triggering the period occurred.
            </p>
        </div>
    </section>

    <!-- 8 · Rechte der betroffenen Personen -->
    <section id="rechte">
        <h2 class="section-heading mt-4 mb-4 flex items-center gap-3 text-xl font-semibold text-white">
            Rights of data subjects
        </h2>
        <p class="mb-5 text-sm leading-relaxed text-[#d4d4d4]">
            As a data subject, you are entitled to various rights under the GDPR (Art. 15–21 GDPR):
        </p>
        <dl class="space-y-3">
            <div class="rounded-lg border border-[#2a2a2a] bg-slate-900 p-3 mb-4">
                <dt class="mb-1 font-semibold text-white">Right to object</dt>
                <dd class="text-sm leading-relaxed text-[#d4d4d4]">
                    You have the right, on grounds relating to your particular situation, to object at any time to the processing of personal data concerning you which is based on Art. 6 para. 1 lit. e or f GDPR, including profiling and direct marketing.
                </dd>
            </div>
            <div class="rounded-lg border border-[#2a2a2a] bg-slate-900 p-3 mb-4">
                <dt class="mb-1 font-semibold text-white">Right to withdraw consent</dt>
                <dd class="text-sm leading-relaxed text-[#d4d4d4]">You have the right to withdraw consent you have given at any time.</dd>
            </div>
            <div class="rounded-lg border border-[#2a2a2a] bg-slate-900 p-3 mb-4">
                <dt class="mb-1 font-semibold text-white">Right of access</dt>
                <dd class="text-sm leading-relaxed text-[#d4d4d4]">
                    You have the right to obtain confirmation as to whether data concerning you is being processed and, where that is the case, access to and a copy of the data in accordance with the statutory provisions.
                </dd>
            </div>
            <div class="rounded-lg border border-[#2a2a2a] bg-slate-900 p-3 mb-4">
                <dt class="mb-1 font-semibold text-white">Right to rectification</dt>
                <dd class="text-sm leading-relaxed text-[#d4d4d4]">
                    You have the right to request the completion or rectification of inaccurate data concerning you.
                </dd>
            </div>
            <div class="rounded-lg border border-[#2a2a2a] bg-slate-900 p-3 mb-4">
                <dt class="mb-1 font-semibold text-white">Right to erasure and restriction of processing</dt>
                <dd class="text-sm leading-relaxed text-[#d4d4d4]">
                    You have the right to request that data concerning you be erased without undue delay, or, alternatively, to request restriction of processing.
                </dd>
            </div>
            <div class="rounded-lg border border-[#2a2a2a] bg-slate-900 p-3 mb-4">
                <dt class="mb-1 font-semibold text-white">Right to data portability</dt>
                <dd class="text-sm leading-relaxed text-[#d4d4d4]">
                    You have the right to receive data concerning you in a structured, commonly used and machine‑readable format or to have it transmitted to another controller.
                </dd>
            </div>
            <div class="rounded-lg border border-[#2a2a2a] bg-slate-900 p-3 mb-4">
                <dt class="mb-1 font-semibold text-white">Right to lodge a complaint with a supervisory authority</dt>
                <dd class="text-sm leading-relaxed text-[#d4d4d4]">
                    You have the right to lodge a complaint with a supervisory authority, in particular in the Member State of your habitual residence, place of work or place of the alleged infringement.
                </dd>
            </div>
        </dl>
    </section>

    <!-- 9 · Webhosting -->
    <section id="webhosting">
        <h2 class="section-heading mt-4 mb-4 flex items-center gap-3 text-xl font-semibold text-white">
            Provision of the online offering and web hosting
        </h2>
        <p class="mb-5 text-sm leading-relaxed text-[#d4d4d4]">
            We process users’ data in order to provide them with our online services. For this purpose, we process the user’s IP address, which is necessary to transmit the content and functions to the user’s browser or device.
        </p>

        <div class="mb-5 rounded-lg border border-[#2a2a2a] bg-slate-900 p-3 mb-4 text-sm">
            <dl class="space-y-3">
                <div>
                    <dt class="font-semibold text-white">Types of data processed</dt>
                    <dd class="mt-1 text-[#d4d4d4]">Usage data; meta, communication and process data; log data.</dd>
                </div>
                <div>
                    <dt class="font-semibold text-white">Data subjects</dt>
                    <dd class="mt-1 text-[#d4d4d4]">Users (e.g. website visitors, users of online services).</dd>
                </div>
                <div>
                    <dt class="font-semibold text-white">Purposes</dt>
                    <dd class="mt-1 text-[#d4d4d4]">Provision of the online offering; IT infrastructure; security measures.</dd>
                </div>
                <div>
                    <dt class="font-semibold text-white">Legal basis</dt>
                    <dd class="mt-1 text-[#d4d4d4]">Legitimate interests (Art. 6 para. 1 sentence 1 lit. f GDPR).</dd>
                </div>
            </dl>
        </div>

        <h3 class="mb-3 text-sm font-semibold uppercase tracking-wider text-[#737373]">Further details</h3>
        <div class="space-y-3 text-sm leading-relaxed text-[#d4d4d4]">
            <div class="rounded-lg border border-[#2a2a2a] bg-slate-900 p-4 mb-2">
                <p class="mb-1 font-semibold text-white">Provision on rented storage space</p>
                <p>
                    To provide our online offering, we use storage space, computing capacity and software of a server provider (web host).
                    <span class="text-[#737373]">Legal basis: legitimate interests (Art. 6 para. 1 sentence 1 lit. f GDPR).</span>
                </p>
            </div>
            <div class="rounded-lg border border-[#2a2a2a] bg-slate-900 p-4">
                <p class="mb-1 font-semibold text-white">Collection of access data and log files</p>
                <p>
                    Access to our online offering is logged in the form of “server log files” (requested URL, date/time, amount of data transferred, browser type, operating system, IP address, etc.). Log file information is stored for a maximum of 30 days and then deleted or anonymized.
                    <span class="text-[#737373]">Legal basis: legitimate interests (Art. 6 para. 1 sentence 1 lit. f GDPR).</span>
                </p>
            </div>
        </div>
    </section>

    <!-- 10 · Cookies -->
    <section id="cookies">
        <h2 class="section-heading mt-4 mb-4 flex items-center gap-3 text-xl font-semibold text-white">
            Use of cookies
        </h2>
        <div class="space-y-4 text-sm leading-relaxed text-[#d4d4d4]">
            <p>
                The term “cookies” is used for functions that store information on users’ devices and read it from them. We use cookies in accordance with statutory requirements and obtain users’ prior consent where required.
            </p>

            <h3 class="pt-1 font-semibold text-white">Storage period</h3>
            <div class="grid gap-3 sm:grid-cols-2">
                <div class="rounded-lg border border-[#2a2a2a] bg-slate-900 p-4">
                    <p class="mb-1 font-semibold text-white">Temporary cookies (session cookies)</p>
                    <p>Are deleted at the latest after the user has left the online offering and closed their device (e.g. browser).</p>
                </div>
                <div class="rounded-lg border border-[#2a2a2a] bg-slate-900 p-4">
                    <p class="mb-1 font-semibold text-white">Permanent cookies</p>
                    <p>Remain stored even after the device has been closed. The storage period can be up to two years.</p>
                </div>
            </div>

            <p>
                Users can withdraw the consents they have given at any time and may also declare an objection by using the privacy settings of their browser.
            </p>

            <div class="rounded-lg border border-[#2a2a2a] bg-slate-900 p-3 mb-4">
                <dl class="space-y-3">
                    <div>
                        <dt class="font-semibold text-white">Types of data processed</dt>
                        <dd class="mt-1">Meta, communication and process data.</dd>
                    </div>
                    <div>
                        <dt class="font-semibold text-white">Data subjects</dt>
                        <dd class="mt-1">Users.</dd>
                    </div>
                    <div>
                        <dt class="font-semibold text-white">Legal bases</dt>
                        <dd class="mt-1">Legitimate interests (Art. 6 para. 1 sentence 1 lit. f GDPR); consent (Art. 6 para. 1 sentence 1 lit. a GDPR).</dd>
                    </div>
                </dl>
            </div>

            <div class="rounded-lg border border-[#2a2a2a] bg-slate-900 p-4">
                <p class="mb-1 font-semibold text-white">Consent management</p>
                <p>
                    We use a consent management solution. The duration of storage of the consent is up to two years. A pseudonymous user identifier is created and stored together with the time of consent and further technical information.
                    <span class="text-[#737373]">Legal basis: consent (Art. 6 para. 1 sentence 1 lit. a GDPR).</span>
                </p>
            </div>
        </div>
    </section>

    <!-- 11 · Kontakt- und Anfrageverwaltung -->
    <section id="kontakt">
        <h2 class="section-heading mt-4 mb-4 flex items-center gap-3 text-xl font-semibold text-white">
            Contact and request management
        </h2>
        <p class="mb-5 text-sm leading-relaxed text-[#d4d4d4]">
            When contacting us (e.g. via contact form, e‑mail, telephone or social media), the information provided by the inquiring persons is processed insofar as this is necessary to respond to contact requests and any requested measures.
        </p>

        <div class="rounded-lg border border-[#2a2a2a] bg-slate-900 p-4 mt-2 text-sm">
            <dl class="space-y-3 text-[#d4d4d4]">
                <div>
                    <dt class="font-semibold text-white">Types of data processed</dt>
                    <dd class="mt-1">Contact data; content data; meta, communication and process data.</dd>
                </div>
                <div>
                    <dt class="font-semibold text-white">Data subjects</dt>
                    <dd class="mt-1">Communication partners.</dd>
                </div>
                <div>
                    <dt class="font-semibold text-white">Purposes</dt>
                    <dd class="mt-1">Communication; organizational and administrative procedures; feedback; provision of the online offering.</dd>
                </div>
                <div>
                    <dt class="font-semibold text-white">Legal bases</dt>
                    <dd class="mt-1">Legitimate interests (Art. 6 para. 1 sentence 1 lit. f GDPR); performance of a contract and pre‑contractual inquiries (Art. 6 para. 1 sentence 1 lit. b GDPR).</dd>
                </div>
            </dl>
        </div>
    </section>

    <!-- 12 · Social Media -->
    <section id="socialmedia">
        <h2 class="section-heading mt-4 mb-4 flex items-center gap-3 text-xl font-semibold text-white">
            Presence on social networks
        </h2>
        <div class="space-y-4 text-sm leading-relaxed text-[#d4d4d4]">
            <p>
                We maintain online presences within social networks and process user data in order to communicate with users active there or to provide information.
            </p>
            <p>
                We would like to point out that user data may be processed outside the territory of the European Union. User data is generally processed for market research and advertising purposes within social networks.
            </p>

            <h3 class="pt-1 font-semibold text-white">Services used</h3>
            <div class="space-y-3">

                <div class="rounded-lg border border-[#2a2a2a] bg-slate-900 p-4 mb-2">
                    <p class="mb-1 font-semibold text-white">Instagram</p>
                    <p class="text-[#d4d4d4]">Social network for photos and videos.</p>
                    <ul class="mt-2 space-y-1 text-xs text-[#737373]">
                        <li><span class="text-white">Service provider:</span> Meta Platforms Ireland Limited, Dublin 4, Ireland</li>
                        <li><span class="text-white">Legal basis:</span> legitimate interests (Art. 6 para. 1 sentence 1 lit. f GDPR)</li>
                        <li><span class="text-white">Third‑country transfer:</span> Data Privacy Framework (DPF)</li>
                        <li><a href="https://privacycenter.instagram.com/policy/" target="_blank" rel="noopener" class="text-white hover:underline">Privacy policy →</a></li>
                    </ul>
                </div>

                <div class="rounded-lg border border-[#2a2a2a] bg-slate-900 p-4 mb-2">
                    <p class="mb-1 font-semibold text-white">Facebook pages</p>
                    <p class="text-[#d4d4d4]">
                        The controller is jointly responsible with Meta Platforms Ireland Limited for the collection and transmission of data of visitors to our Facebook page. Users may address requests for access or deletion directly to Facebook.
                    </p>
                    <ul class="mt-2 space-y-1 text-xs text-[#737373]">
                        <li><span class="text-white">Service provider:</span> Meta Platforms Ireland Limited, Dublin 4, Ireland</li>
                        <li><span class="text-white">Legal basis:</span> legitimate interests (Art. 6 para. 1 sentence 1 lit. f GDPR)</li>
                        <li><span class="text-white">Third‑country transfer:</span> Data Privacy Framework (DPF), standard contractual clauses</li>
                        <li><a href="https://www.facebook.com/privacy/policy/" target="_blank" rel="noopener" class="text-white hover:underline">Privacy policy →</a></li>
                    </ul>
                </div>

                <div class="rounded-lg border border-[#2a2a2a] bg-slate-900 p-4">
                    <p class="mb-1 font-semibold text-white">X (formerly Twitter)</p>
                    <ul class="mt-2 space-y-1 text-xs text-[#737373]">
                        <li><span class="text-white">Service provider:</span> X Internet Unlimited Company, Dublin 2, Ireland</li>
                        <li><span class="text-white">Legal basis:</span> legitimate interests (Art. 6 para. 1 sentence 1 lit. f GDPR)</li>
                        <li><a href="https://x.com/de/privacy" target="_blank" rel="noopener" class="text-white hover:underline">Privacy policy →</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    <!-- 13 · Plugins -->
    <section id="plugins">
        <h2 class="section-heading mt-4 mb-4 flex items-center gap-3 text-xl font-semibold text-white">
            Plug‑ins and embedded functions and content
        </h2>
        <div class="space-y-4 text-sm leading-relaxed text-[#d4d4d4]">
            <p>
                We integrate functional and content elements into our online offering that are obtained from the servers of their respective providers (third‑party providers). Integration always requires that the third‑party providers process the users’ IP address.
            </p>

            <div class="rounded-lg border border-[#2a2a2a] bg-slate-900 p-3 mb-4">
                <dl class="space-y-3 text-[#d4d4d4]">
                    <div>
                        <dt class="font-semibold text-white">Types of data processed</dt>
                        <dd class="mt-1">Usage data; meta, communication and process data.</dd>
                    </div>
                    <div>
                        <dt class="font-semibold text-white">Purposes</dt>
                        <dd class="mt-1">Provision of the online offering; reach measurement; tracking; audience building; marketing.</dd>
                    </div>
                    <div>
                        <dt class="font-semibold text-white">Cookie storage period</dt>
                        <dd class="mt-1">Up to 2 years (unless otherwise stated).</dd>
                    </div>
                    <div>
                        <dt class="font-semibold text-white">Legal bases</dt>
                        <dd class="mt-1">Consent (Art. 6 para. 1 sentence 1 lit. a GDPR); legitimate interests (Art. 6 para. 1 sentence 1 lit. f GDPR).</dd>
                    </div>
                </dl>
            </div>

            <h3 class="pt-1 font-semibold text-white">Services used</h3>
            <div class="space-y-3">

                <div class="rounded-lg border border-[#2a2a2a] bg-slate-900 p-4 mb-2">
                    <p class="mb-1 font-semibold text-white">Google Fonts (from the Google server)</p>
                    <p class="text-[#d4d4d4]">
                        Retrieval of fonts for technically secure, low‑maintenance and efficient use. The provider is informed of the user’s IP address so that the fonts can be provided in the browser. According to its own statements, Google does not use the information collected to create profiles of end users or to display targeted advertisements.
                    </p>
                    <ul class="mt-2 space-y-1 text-xs text-[#737373]">
                        <li><span class="text-white">Service provider:</span> Google Ireland Limited, Dublin 4, Ireland</li>
                        <li><span class="text-white">Legal basis:</span> legitimate interests (Art. 6 para. 1 sentence 1 lit. f GDPR)</li>
                        <li><span class="text-white">Third‑country transfer:</span> Data Privacy Framework (DPF)</li>
                        <li><a href="https://policies.google.com/privacy" target="_blank" rel="noopener" class="text-white hover:underline">Privacy policy →</a></li>
                    </ul>
                </div>

                <div class="rounded-lg border border-[#2a2a2a] bg-slate-900 p-4">
                    <p class="mb-1 font-semibold text-white">YouTube videos</p>
                    <ul class="mt-2 space-y-1 text-xs text-[#737373]">
                        <li><span class="text-white">Service provider:</span> Google Ireland Limited, Dublin 4, Ireland</li>
                        <li><span class="text-white">Legal basis:</span> consent (Art. 6 para. 1 sentence 1 lit. a GDPR)</li>
                        <li><span class="text-white">Third‑country transfer:</span> Data Privacy Framework (DPF)</li>
                        <li>
                            <a href="https://tools.google.com/dlpage/gaoptout?hl=de" target="_blank" rel="noopener" class="text-white hover:underline">Opt‑out plugin →</a>
                            &nbsp;|&nbsp;
                            <a href="https://myadcenter.google.com/personalizationoff" target="_blank" rel="noopener" class="text-white hover:underline">Ad settings →</a>
                        </li>
                    </ul>
                </div>

            </div>
        </div>
    </section>

    <!-- 14 · Änderung -->
    <section id="aenderung">
        <h2 class="section-heading mt-4 mb-4 flex items-center gap-3 text-xl font-semibold text-white">
            Amendments and updates
        </h2>
        <p class="text-sm leading-relaxed text-[#d4d4d4]">
            Please check the content of our privacy policy on a regular basis. We will adapt the privacy policy as soon as changes in our data processing activities make this necessary. We will inform you when such changes require your cooperation (e.g. consent) or another individual notification.
        </p>
        <p class="mt-3 text-sm leading-relaxed text-[#d4d4d4]">
            Where we provide addresses and contact information of companies and organizations in this privacy policy, please note that such addresses may change over time and check the information before contacting them.
        </p>
    </section>

    <!-- 15 · Begriffe -->
    <section id="begriffe">
        <h2 class="section-heading mt-4 mb-4 flex items-center gap-3 text-xl font-semibold text-white">
            Definitions
        </h2>
        <p class="mb-5 text-sm text-[#d4d4d4]">
            Insofar as terms are defined by law, their statutory definitions apply. The following explanations are primarily for understanding.
        </p>
        <dl class="space-y-3 text-sm">
            <div class="rounded-lg border border-[#2a2a2a] bg-slate-900 p-4 mb-2">
                <dt class="font-semibold text-white">Content data</dt>
                <dd class="mt-1 leading-relaxed text-[#d4d4d4]">Information generated in the course of creating, editing and publishing content of any kind (texts, images, videos, audio files as well as metadata such as tags, descriptions, author information).</dd>
            </div>
            <div class="rounded-lg border border-[#2a2a2a] bg-slate-900 p-4 mb-2">
                <dt class="font-semibold text-white">Contact data</dt>
                <dd class="mt-1 leading-relaxed text-[#d4d4d4]">Essential information that enables communication with persons or organizations (telephone numbers, addresses, e‑mail addresses, social media handles).</dd>
            </div>
            <div class="rounded-lg border border-[#2a2a2a] bg-slate-900 p-4 mb-2">
                <dt class="font-semibold text-white">Meta, communication and process data</dt>
                <dd class="mt-1 leading-relaxed text-[#d4d4d4]">Information on the way in which data is processed, transmitted and managed. Includes metadata (file size, creation date, author), communication data (e‑mail traffic, call logs, chat histories) and process data (workflow documentation, logs, audit trails).</dd>
            </div>
            <div class="rounded-lg border border-[#2a2a2a] bg-slate-900 p-4 mb-2">
                <dt class="font-semibold text-white">Usage data</dt>
                <dd class="mt-1 leading-relaxed text-[#d4d4d4]">Information that records how users interact with digital products, services or platforms (page views, time spent, click paths, device information, IP addresses, location data).</dd>
            </div>
            <div class="rounded-lg border border-[#2a2a2a] bg-slate-900 p-4 mb-2">
                <dt class="font-semibold text-white">Personal data</dt>
                <dd class="mt-1 leading-relaxed text-[#d4d4d4]">Any information relating to an identified or identifiable natural person (directly or indirectly, e.g. by reference to a name, identification number, location data, online identifier or one or more specific characteristics).</dd>
            </div>
            <div class="rounded-lg border border-[#2a2a2a] bg-slate-900 p-4 mb-2">
                <dt class="font-semibold text-white">Log data</dt>
                <dd class="mt-1 leading-relaxed text-[#d4d4d4]">Information on events or activities that have been logged in a system or network (timestamps, IP addresses, user actions, error messages).</dd>
            </div>
            <div class="rounded-lg border border-[#2a2a2a] bg-slate-900 p-4 mb-2">
                <dt class="font-semibold text-white">Reach measurement (web analytics)</dt>
                <dd class="mt-1 leading-relaxed text-[#d4d4d4]">Evaluation of visitor flows to an online offering. Enables analysis of when users visit websites and which content they are interested in.</dd>
            </div>
            <div class="rounded-lg border border-[#2a2a2a] bg-slate-900 p-4 mb-2">
                <dt class="font-semibold text-white">Tracking</dt>
                <dd class="mt-1 leading-relaxed text-[#d4d4d4]">Monitoring user behavior across multiple online offerings. Behavioral and interest information is stored in cookies or on servers (profiling) and may be used for targeted advertising, for example.</dd>
            </div>
            <div class="rounded-lg border border-[#2a2a2a] bg-slate-900 p-4 mb-2">
                <dt class="font-semibold text-white">Controller</dt>
                <dd class="mt-1 leading-relaxed text-[#d4d4d4]">The natural or legal person, public authority, agency or other body which, alone or jointly with others, determines the purposes and means of the processing of personal data.</dd>
            </div>
            <div class="rounded-lg border border-[#2a2a2a] bg-slate-900 p-4 mb-2">
                <dt class="font-semibold text-white">Processing</dt>
                <dd class="mt-1 leading-relaxed text-[#d4d4d4]">Any operation performed on personal data, from collection and storage to transmission and deletion.</dd>
            </div>
            <div class="rounded-lg border border-[#2a2a2a] bg-slate-900 p-4">
                <dt class="font-semibold text-white">Audience building (custom audiences)</dt>
                <dd class="mt-1 leading-relaxed text-[#d4d4d4]">Definition of target groups for advertising purposes based on interests or usage behavior. “Lookalike audiences” are similar target groups formed on the basis of existing profiles.</dd>
            </div>
        </dl>
    </section>

</div><!-- /space-y-14 -->

CONTENT
        ,
    ],
];
