tryotrix.github.io/datenschutz.html at main · TryoTrix/tryotrix.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Datenschutzerklärung - SEO Agentur Schweiz von Daniel Gächter">
    <meta name="robots" content="noindex, follow">
    <title>Datenschutz | SEO Agentur Schweiz</title>

    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;900&family=JetBrains+Mono:wght@400;500;600&family=Inter:wght@400;500;600&display=swap" rel="stylesheet">

    <!-- Stylesheet -->
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <!-- Ambient Background -->
    <div class="ambient-bg">
        <div class="neon-orb"></div>
        <div class="neon-orb"></div>
        <div class="neon-orb"></div>
    </div>

    <!-- Scanlines Overlay -->
    <div class="scanlines"></div>

    <!-- Legal Page Content -->
    <section class="legal-page">
        <div class="glass-panel legal-content hud-brackets glow-card">
            <div class="glow-blob"></div>
            <div class="glow-target"></div>
            <span class="bracket-bl"></span>
            <span class="bracket-br"></span>

            <a href="index.html" class="back-link">&larr; Zurück zur Startseite</a>

            <h1>Datenschutzerklärung</h1>

            <div class="legal-section">
                <h2>1. Verantwortlicher</h2>
                <p>
                    Daniel Gächter<br>
                    Oberstadtstrasse 9<br>
                    8500 Frauenfeld<br>
                    Schweiz
                </p>
                <p>Telefon: <span class="phone-display-legal">Laden...</span></p>
            </div>

            <div class="legal-section">
                <h2>2. Allgemeines</h2>
                <p>Gestützt auf Artikel 13 der Schweizerischen Bundesverfassung und die datenschutzrechtlichen Bestimmungen des Bundes (Datenschutzgesetz, DSG) hat jede Person Anspruch auf Schutz ihrer Privatsphäre sowie auf Schutz vor Missbrauch ihrer persönlichen Daten. Wir halten diese Bestimmungen ein.</p>
                <p>Persönliche Daten werden streng vertraulich behandelt und weder an Dritte verkauft noch weitergegeben.</p>
            </div>

            <div class="legal-section">
                <h2>3. Erhebung von Daten</h2>
                <p>Beim Besuch unserer Website werden folgende Daten in Logfiles gespeichert:</p>
                <ul>
                    <li>IP-Adresse (anonymisiert)</li>
                    <li>Datum und Uhrzeit der Anfrage</li>
                    <li>Aufgerufene Seite/Name der abgerufenen Datei</li>
                    <li>Übertragene Datenmenge</li>
                    <li>Browser und Betriebssystem</li>
                    <li>Referrer-URL (zuvor besuchte Seite)</li>
                </ul>
                <p>Diese Daten werden ausschliesslich zur Sicherstellung eines störungsfreien Betriebs und zur Verbesserung unseres Angebots ausgewertet.</p>
            </div>

            <div class="legal-section">
                <h2>4. Kontaktaufnahme</h2>
                <p>Wenn Sie uns per Telefon oder WhatsApp kontaktieren, werden die von Ihnen mitgeteilten Daten (Name, Telefonnummer, Ihre Nachricht) zum Zweck der Bearbeitung Ihrer Anfrage gespeichert. Diese Daten werden nicht ohne Ihre Einwilligung weitergegeben.</p>
            </div>

            <div class="legal-section">
                <h2>5. Externe Dienste</h2>

                <h3>Google Fonts</h3>
                <p>Diese Website nutzt Google Fonts zur einheitlichen Darstellung von Schriftarten. Beim Aufruf einer Seite lädt Ihr Browser die benötigten Schriftarten in Ihren Browser-Cache. Dabei wird Ihre IP-Adresse an Google übermittelt. Weitere Informationen finden Sie in der <a href="https://policies.google.com/privacy" target="_blank" rel="noopener nofollow">Datenschutzerklärung von Google</a>.</p>

                <h3>GitHub Pages</h3>
                <p>Diese Website wird auf GitHub Pages gehostet. GitHub kann beim Zugriff technische Daten wie IP-Adressen erfassen. Weitere Informationen finden Sie in der <a href="https://docs.github.com/de/site-policy/privacy-policies/github-privacy-statement" target="_blank" rel="noopener nofollow">Datenschutzerklärung von GitHub</a>.</p>

                <h3>WhatsApp</h3>
                <p>Für die Kontaktaufnahme bieten wir WhatsApp an. Bei Nutzung gelten die <a href="https://www.whatsapp.com/legal/privacy-policy" target="_blank" rel="noopener nofollow">Datenschutzbestimmungen von WhatsApp</a>.</p>
            </div>

            <div class="legal-section">
                <h2>6. Cookies</h2>
                <p>Diese Website verwendet keine Cookies zu Tracking- oder Analysezwecken. Es werden keine Werbe-Cookies oder Cookies von Drittanbietern eingesetzt.</p>
            </div>

            <div class="legal-section">
                <h2>7. Ihre Rechte</h2>
                <p>Sie haben jederzeit das Recht auf:</p>
                <ul>
                    <li>Auskunft über Ihre bei uns gespeicherten Daten</li>
                    <li>Berichtigung unrichtiger Daten</li>
                    <li>Löschung Ihrer Daten</li>
                    <li>Einschränkung der Datenverarbeitung</li>
                    <li>Widerspruch gegen die Verarbeitung</li>
                    <li>Datenübertragbarkeit</li>
                </ul>
                <p>Für die Ausübung dieser Rechte kontaktieren Sie uns bitte über die im Impressum angegebenen Kontaktdaten.</p>
            </div>

            <div class="legal-section">
                <h2>8. Änderungen</h2>
                <p>Wir behalten uns vor, diese Datenschutzerklärung jederzeit anzupassen, damit sie stets den aktuellen rechtlichen Anforderungen entspricht oder um Änderungen unserer Leistungen umzusetzen.</p>
                <p><strong>Stand:</strong> Februar 2026</p>
            </div>

        </div>
    </section>

    <!-- Footer -->
    <footer class="hud-footer">
        <div class="footer-content">
            <p class="footer-text">
                &copy; 2026 Daniel Gächter | SEO Agentur Schweiz
            </p>
        </div>
    </footer>

    <script>
    // Phone number protection
    (function() {
        const p = ['\x30','\x37','\x36','\x20','\x32','\x38','\x31','\x20','\x38','\x35','\x20','\x38','\x32'];
        const d = function(a) { return a.join(''); };
        document.querySelectorAll('.phone-display-legal').forEach(function(el) {
            el.textContent = d(p);
        });
    })();

    // Glow effect
    if (!('ontouchstart' in window)) {
        const cards = document.querySelectorAll('.glow-card');
        window.addEventListener('mousemove', (e) => {
            cards.forEach(card => {
                const blob = card.querySelector('.glow-blob');
                if (!blob) return;
                const rect = card.getBoundingClientRect();
                const x = e.clientX - rect.left - 125;
                const y = e.clientY - rect.top - 125;
                blob.style.transform = `translate(${x}px, ${y}px)`;
            });
        });
    }
    </script>
</body>
</html>