@extends('layouts.app')

@section('content')
    <!-- =============================================
         1. HEADER SECTION
         ============================================= -->
    <header style="padding: 160px 8% 60px; background: var(--bg-gray); border-bottom: 1px solid #e2e8f0;">
        <div class="container reveal active">
            <span class="label">Privacy Policy</span>
            <h1>Datenschutz</h1>
            <p class="lead" style="max-width: 650px;">Der Schutz Ihrer persönlichen Daten ist mir als Entwickler ein besonderes Anliegen. Hier erfahren Sie detailliert, wie ich mit Ihren Daten umgehe.</p>
        </div>
    </header>

    <!-- =============================================
         2. CONTENT SECTION
         ============================================= -->
    <section style="padding: 80px 8% 120px;">
        <div class="container reveal">
            <div style="max-width: 900px; line-height: 1.8; color: var(--text);">

                <!-- 1. Verantwortlicher -->
                <div style="margin-bottom: 60px;">
                    <h2 style="font-size: 2rem; margin-bottom: 20px; color: var(--text-dark);">1. Verantwortlicher im Sinne der DSGVO</h2>
                    <p>Verantwortlich für die Datenverarbeitung auf dieser Website ist:</p>
                    <p style="margin-top: 15px; padding: 20px; background: var(--bg-gray); border-radius: 15px; border: 1px solid #e2e8f0;">
                        <strong>Arthur Kotsch</strong><br>
                        Brückenstraße 4<br>
                        09350 Lichtenstein<br>
                        Deutschland<br>
                        E-Mail: kotsch.tech@icloud.com
                    </p>
                </div>

                <!-- 2. Allgemeine Hinweise -->
                <div style="margin-bottom: 60px;">
                    <h2 style="font-size: 2rem; margin-bottom: 20px; color: var(--text-dark);">2. Allgemeine Hinweise und Pflichtinformationen</h2>
                    <p>Die Betreiber dieser Seiten nehmen den Schutz Ihrer persönlichen Daten sehr ernst. Wir behandeln Ihre personenbezogenen Daten vertraulich und entsprechend der gesetzlichen Datenschutzvorschriften sowie dieser Datenschutzerklärung.</p>
                    <p>Wenn Sie diese Website benutzen, werden verschiedene personenbezogene Daten erhoben. Personenbezogene Daten sind Daten, mit denen Sie persönlich identifiziert werden können.</p>
                </div>

                <!-- 3. Datenerfassung auf dieser Website -->
                <div style="margin-bottom: 60px;">
                    <h2 style="font-size: 2rem; margin-bottom: 20px; color: var(--text-dark);">3. Datenerfassung auf dieser Website</h2>
                    
                    <h3 style="font-size: 1.3rem; margin-top: 30px; margin-bottom: 10px;">Server-Log-Dateien</h3>
                    <p>Der Provider der Seiten erhebt und speichert automatisch Informationen in sogenannten Server-Log-Dateien, die Ihr Browser automatisch an uns übermittelt. Dies sind:</p>
                    <ul style="margin-left: 20px; margin-bottom: 20px;">
                        <li>Browsertyp und Browserversion</li>
                        <li>Verwendetes Betriebssystem</li>
                        <li>Referrer URL (die zuvor besuchte Seite)</li>
                        <li>Hostname des zugreifenden Rechners</li>
                        <li>Uhrzeit der Serveranfrage</li>
                        <li>IP-Adresse</li>
                    </ul>
                    <p>Grundlage für die Datenverarbeitung ist Art. 6 Abs. 1 lit. f DSGVO (berechtigtes Interesse an der technischen Fehlerfreiheit und Optimierung der Website).</p>

                    <h3 style="font-size: 1.3rem; margin-top: 30px; margin-bottom: 10px;">Cookies (z.B. Darkmode)</h3>
                    <p>Ich verwende technisch notwendige Cookies, um Funktionen wie den <strong>Darkmode-Switch</strong> zu ermöglichen. Dieser Cookie speichert lediglich Ihre Design-Präferenz. Es findet kein Tracking Ihres Surfverhaltens statt. Rechtsgrundlage ist Art. 6 Abs. 1 lit. f DSGVO.</p>
                </div>

                <!-- 4. Kontaktformular und Formspree -->
                <div style="margin-bottom: 60px; padding: 30px; background: #eff6ff; border-radius: 20px; border: 1px solid #dbeafe;">
                    <h2 style="font-size: 1.8rem; margin-bottom: 20px; color: var(--primary);">4. Kontaktformular (Formspree)</h2>
                    <p>Wenn Sie mir per Kontaktformular Anfragen zukommen lassen, werden Ihre Angaben aus dem Anfrageformular inklusive der von Ihnen dort angegebenen Kontaktdaten zwecks Bearbeitung der Anfrage bei mir gespeichert.</p>
                    <p>Für den Versand des Formulars nutze ich den Dienst <strong>Formspree</strong> (Formspree Inc., USA). Formspree empfängt die Daten, um sie an mein E-Mail-Postfach weiterzuleiten. </p>
                    <p><strong>Hinweis zum Datentransfer:</strong> Formspree verarbeitet Daten in den USA. Wir haben die Nutzung auf das notwendige Maß beschränkt. Mit der Nutzung des Formulars willigen Sie in diese Verarbeitung ein (Art. 6 Abs. 1 lit. a DSGVO).</p>
                </div>

                <!-- 5. Externe Ressourcen (CDN) -->
                <div style="margin-bottom: 60px;">
                    <h2 style="font-size: 2rem; margin-bottom: 20px; color: var(--text-dark);">5. Plugins und Tools</h2>
                    
                    <h3 style="font-size: 1.3rem; margin-top: 30px; margin-bottom: 10px;">Google Fonts & FontAwesome</h3>
                    <p>Diese Seite nutzt zur einheitlichen Darstellung von Schriftarten und Symbolen sogenannte Web Fonts (Google Fonts) und Icons (FontAwesome). Beim Aufruf einer Seite lädt Ihr Browser die benötigten Web Fonts in ihren Browsercache. Hierbei wird technisch bedingt Ihre IP-Adresse an die Server der Anbieter (z.B. Google) übertragen.</p>
                    <p>Die Nutzung erfolgt im Interesse einer ansprechenden Darstellung meiner Online-Angebote (Art. 6 Abs. 1 lit. f DSGVO).</p>
                </div>

                <!-- 6. Rechte des Nutzers -->
                <div style="margin-bottom: 60px;">
                    <h2 style="font-size: 2rem; margin-bottom: 20px; color: var(--text-dark);">6. Ihre Rechte als betroffene Person</h2>
                    <p>Sie haben im Rahmen der geltenden gesetzlichen Bestimmungen jederzeit das Recht auf:</p>
                    <ul style="margin-left: 20px; line-height: 2;">
                        <li><strong>Auskunft (Art. 15 DSGVO):</strong> Welche Daten habe ich über Sie gespeichert?</li>
                        <li><strong>Berichtigung (Art. 16 DSGVO):</strong> Korrektur falscher Daten.</li>
                        <li><strong>Löschung (Art. 17 DSGVO):</strong> "Recht auf Vergessenwerden".</li>
                        <li><strong>Einschränkung der Verarbeitung (Art. 18 DSGVO).</strong></li>
                        <li><strong>Datenübertragbarkeit (Art. 20 DSGVO).</strong></li>
                    </ul>
                    <p style="margin-top: 20px;">Wenden Sie sich hierzu bitte einfach formlos an <strong>kotsch.tech@icloud.com</strong>.</p>
                </div>

                <!-- 7. Widerspruch gegen Werbe-Mails -->
                <div style="font-size: 0.85rem; color: var(--text-gray); border-top: 1px solid #eee; padding-top: 40px;">
                    <p>Der Nutzung von im Rahmen der Impressumspflicht veröffentlichten Kontaktdaten zur Übersendung von nicht ausdrücklich angeforderter Werbung und Informationsmaterialien wird hiermit widersprochen.</p>
                </div>

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

    <!-- UNTEN: CTA BANNER -->
    <section style="background: var(--text-dark); color: white; padding: 60px 0; text-align: center;">
        <div class="container reveal">
            <h2 style="color: white; margin-bottom: 30px; font-size: 2rem;">Sicherer Code. Sichere Daten.</h2>
            <p style="opacity: 0.6; max-width: 500px; margin: 0 auto 40px;">Haben Sie Fragen zum Datenschutz bei meinen Apps oder Tools?</p>
            <a href="/kontakt" class="btn-nav" style="background: var(--primary); color: white;">KONTAKT AUFNEHMEN</a>
        </div>
    </section>
@endsection