|
| 1 | +<!DOCTYPE html> |
| 2 | +<html lang="de"> |
| 3 | +<head> |
| 4 | +<meta charset="utf-8"> |
| 5 | +<meta name="viewport" content="width=device-width, initial-scale=1"> |
| 6 | +<meta name="robots" content="noindex, follow"> |
| 7 | +<title>Datenschutzerklärung — MXmap</title> |
| 8 | +<style> |
| 9 | + * { margin: 0; padding: 0; box-sizing: border-box; } |
| 10 | + body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; color: #222; background: #fff; } |
| 11 | + #header { |
| 12 | + background: #1a1a2e; color: #fff; height: 44px; padding: 0 16px; |
| 13 | + display: flex; align-items: center; justify-content: space-between; flex-shrink: 0; |
| 14 | + } |
| 15 | + .header-left { display: flex; align-items: center; gap: 10px; } |
| 16 | + .brand { font-size: 17px; font-weight: 700; white-space: nowrap; margin: 0; } |
| 17 | + .brand a { color: #fff; text-decoration: none; } |
| 18 | + .header-nav { display: flex; align-items: center; gap: 12px; } |
| 19 | + .header-link { color: #a0a0b0; font-size: 12px; text-decoration: none; } |
| 20 | + .header-link:hover { color: #fff; } |
| 21 | + .header-link.active { color: #fff; } |
| 22 | + @media (max-width: 600px) { |
| 23 | + .header-link { font-size: 11px; } |
| 24 | + } |
| 25 | + main { |
| 26 | + max-width: 720px; margin: 0 auto; padding: 32px 20px 48px; |
| 27 | + line-height: 1.7; font-size: 15px; |
| 28 | + } |
| 29 | + h1 { font-size: 22px; font-weight: 700; color: #1a1a2e; margin-bottom: 24px; } |
| 30 | + h2 { font-size: 17px; font-weight: 600; color: #1a1a2e; margin-top: 28px; margin-bottom: 8px; } |
| 31 | + p { margin-bottom: 12px; } |
| 32 | + ul { margin: 0 0 12px 20px; } |
| 33 | + li { margin-bottom: 4px; } |
| 34 | + a { color: #2563eb; text-decoration: none; } |
| 35 | + a:hover { text-decoration: underline; } |
| 36 | + code { font-family: ui-monospace, monospace; font-size: 13px; background: #f3f4f6; padding: 1px 5px; border-radius: 3px; } |
| 37 | + footer { |
| 38 | + max-width: 720px; margin: 0 auto; padding: 24px 20px; |
| 39 | + border-top: 1px solid #e2e4e8; font-size: 13px; color: #888; |
| 40 | + } |
| 41 | + footer a { color: #888; } |
| 42 | + footer a:hover { color: #555; } |
| 43 | +</style> |
| 44 | +</head> |
| 45 | +<body> |
| 46 | +<header id="header"> |
| 47 | + <div class="header-left"> |
| 48 | + <h1 class="brand"><a href="/">MXmap</a></h1> |
| 49 | + </div> |
| 50 | + <nav class="header-nav"> |
| 51 | + <a href="/" class="header-link">Karte</a> |
| 52 | + <a href="/impressum.html" class="header-link">Impressum</a> |
| 53 | + <a href="/datenschutz.html" class="header-link active">Datenschutz</a> |
| 54 | + </nav> |
| 55 | +</header> |
| 56 | +<main> |
| 57 | + <h1>Datenschutzerklärung</h1> |
| 58 | + |
| 59 | + <h2>1. Allgemeines</h2> |
| 60 | + <p>Diese Datenschutzerklärung erläutert, wie auf dieser Website mit Personendaten umgegangen wird. Die verantwortliche Person ist im <a href="/impressum.html">Impressum</a> aufgeführt.</p> |
| 61 | + |
| 62 | + <h2>2. Hosting</h2> |
| 63 | + <p>Diese Website wird über <strong>GitHub Pages</strong> (GitHub Inc., USA) bereitgestellt. Beim Aufruf der Website wird Ihre IP-Adresse an die Server von GitHub übermittelt. Dies ist technisch notwendig, um die Website auszuliefern. Weitere Informationen finden Sie in der <a href="https://docs.github.com/en/site-policy/privacy-policies/github-general-privacy-statement" target="_blank">Datenschutzerklärung von GitHub</a>. Die Übermittlung in die USA erfolgt gestützt auf Art. 17 des Bundesgesetzes über den Datenschutz (nDSG).</p> |
| 64 | + |
| 65 | + <h2>3. Externe Ressourcen (CDNs)</h2> |
| 66 | + <p>Zur Darstellung der Karte werden externe Ressourcen von Drittanbietern geladen. Dabei wird Ihre IP-Adresse an die jeweiligen Server übermittelt:</p> |
| 67 | + <ul> |
| 68 | + <li><code>unpkg.com</code> — Leaflet-Kartenbibliothek</li> |
| 69 | + <li><code>cdn.jsdelivr.net</code> — Schweizer Gemeindegrenzen (TopoJSON)</li> |
| 70 | + <li><code>basemaps.cartocdn.com</code> — Kartenkacheln (CARTO)</li> |
| 71 | + </ul> |
| 72 | + |
| 73 | + <h2>4. Cookies</h2> |
| 74 | + <p>Diese Website verwendet keine Cookies.</p> |
| 75 | + |
| 76 | + <h2>5. Keine Erhebung personenbezogener Daten</h2> |
| 77 | + <p>Diese Website enthält keine Formulare, kein Tracking, keine Analysedienste und keine Werbung. Es werden keine personenbezogenen Daten über die in den Abschnitten 2 und 3 beschriebenen technisch notwendigen Übermittlungen hinaus erhoben.</p> |
| 78 | + |
| 79 | + <h2>6. Ihre Rechte</h2> |
| 80 | + <p>Sie haben gemäss dem Bundesgesetz über den Datenschutz (nDSG) das Recht auf Auskunft, Berichtigung, Löschung und Herausgabe Ihrer Personendaten. Für entsprechende Anfragen wenden Sie sich bitte an die im <a href="/impressum.html">Impressum</a> genannte Kontaktadresse.</p> |
| 81 | + |
| 82 | + <h2>7. Änderungen</h2> |
| 83 | + <p>Diese Datenschutzerklärung kann jederzeit angepasst werden. Die jeweils aktuelle Fassung ist auf dieser Seite abrufbar.</p> |
| 84 | +</main> |
| 85 | +<footer> |
| 86 | + © David Huser · <a href="/impressum.html">Impressum</a> |
| 87 | +</footer> |
| 88 | +</body> |
| 89 | +</html> |
0 commit comments