feat(legal): add impressum and datenschutz pages
All checks were successful
Deploy Feature Branch to Test / deploy (push) Successful in 23s
All checks were successful
Deploy Feature Branch to Test / deploy (push) Successful in 23s
Fix #29: Create impressum.html with full §5 TMG details and datenschutz.html with DSGVO-compliant privacy policy. Fix footer links in main page. Both pages use landingpage design, have meta robots noindex, and are responsive.
This commit is contained in:
223
datenschutz.html
Normal file
223
datenschutz.html
Normal file
@@ -0,0 +1,223 @@
|
||||
<!doctype html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Datenschutzerklärung – Haus Schleusingen</title>
|
||||
<meta name="description" content="Datenschutzerklärung der Website haus-schleusingen.de" />
|
||||
<meta name="robots" content="noindex" />
|
||||
<link rel="canonical" href="https://haus-schleusingen.de/datenschutz.html" />
|
||||
<link rel="stylesheet" href="fonts/fonts.css" />
|
||||
<link rel="stylesheet" href="css/haus-schleusingen.css" />
|
||||
<style>
|
||||
.legal-page {
|
||||
max-width: 800px;
|
||||
margin: 0 auto;
|
||||
padding: 8rem 3rem 6rem;
|
||||
min-height: 70vh;
|
||||
}
|
||||
.legal-page .section-eyebrow { margin-bottom: 0.75rem; }
|
||||
.legal-page h1 {
|
||||
font-family: "Cormorant Garamond", serif;
|
||||
font-size: clamp(2rem, 4vw, 3rem);
|
||||
font-weight: 300;
|
||||
color: var(--charcoal);
|
||||
margin-bottom: 2.5rem;
|
||||
line-height: 1.2;
|
||||
}
|
||||
.legal-page h2 {
|
||||
font-family: "Cormorant Garamond", serif;
|
||||
font-size: 1.5rem;
|
||||
font-weight: 400;
|
||||
color: var(--charcoal);
|
||||
margin-top: 2.5rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
.legal-page h3 {
|
||||
font-size: 0.95rem;
|
||||
font-weight: 600;
|
||||
color: var(--dark);
|
||||
margin-top: 1.5rem;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.legal-page p, .legal-page ul {
|
||||
font-size: 0.9rem;
|
||||
line-height: 1.85;
|
||||
color: var(--stone);
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
.legal-page ul { padding-left: 1.25rem; }
|
||||
.legal-page ul li { margin-bottom: 0.4rem; }
|
||||
.legal-page a {
|
||||
color: var(--accent);
|
||||
text-decoration: none;
|
||||
font-weight: 500;
|
||||
transition: color 0.2s;
|
||||
}
|
||||
.legal-page a:hover { color: var(--accent-light); }
|
||||
.legal-page address {
|
||||
font-style: normal;
|
||||
line-height: 1.85;
|
||||
color: var(--stone);
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
.legal-back {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
margin-top: 3rem;
|
||||
padding: 0.8rem 2rem;
|
||||
font-family: "DM Sans", sans-serif;
|
||||
font-size: 0.78rem;
|
||||
font-weight: 500;
|
||||
letter-spacing: 0.12em;
|
||||
text-transform: uppercase;
|
||||
background: var(--accent);
|
||||
color: var(--white);
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
border-radius: 2px;
|
||||
transition: background 0.3s, transform 0.2s;
|
||||
}
|
||||
.legal-back:hover {
|
||||
background: var(--accent-light);
|
||||
transform: translateY(-1px);
|
||||
color: var(--white);
|
||||
}
|
||||
.legal-divider {
|
||||
border: none;
|
||||
border-top: 1px solid var(--warm);
|
||||
margin: 2rem 0;
|
||||
}
|
||||
@media (width <= 768px) {
|
||||
.legal-page { padding: 6rem 1.5rem 4rem; }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<nav id="navbar" class="scrolled">
|
||||
<div class="nav-logo">Bahnhofstraße 10</div>
|
||||
<ul class="nav-links">
|
||||
<li><a href="haus-schleusingen.html#galerie">Galerie</a></li>
|
||||
<li><a href="haus-schleusingen.html#grundriss">Grundriss</a></li>
|
||||
<li><a href="haus-schleusingen.html#miete">Miete</a></li>
|
||||
<li><a href="haus-schleusingen.html#lage">Lage</a></li>
|
||||
</ul>
|
||||
<a href="haus-schleusingen.html#kontakt" class="nav-cta" style="text-decoration:none;">Jetzt anfragen</a>
|
||||
</nav>
|
||||
|
||||
<main class="legal-page">
|
||||
<div class="section-eyebrow">Datenschutz</div>
|
||||
<h1>Datenschutzerklärung</h1>
|
||||
|
||||
<h2>1. Verantwortliche Stelle</h2>
|
||||
<address>
|
||||
Martin Kiesewetter<br />
|
||||
Am Schaftalsgraben 4<br />
|
||||
98529 Suhl<br />
|
||||
Telefon: 0176 – 45853923<br />
|
||||
E-Mail: <a href="mailto:mki@kies-media.de">mki@kies-media.de</a>
|
||||
</address>
|
||||
<p>
|
||||
Diese Datenschutzerklärung informiert Sie über die Art, den Umfang und den Zweck der Erhebung und Verwendung personenbezogener Daten auf dieser Website.
|
||||
</p>
|
||||
|
||||
<hr class="legal-divider" />
|
||||
|
||||
<h2>2. Erhebung und Speicherung personenbezogener Daten</h2>
|
||||
|
||||
<h3>a) Beim Besuch der Website</h3>
|
||||
<p>
|
||||
Beim Aufrufen dieser Website werden durch den Hosting-Anbieter automatisch Informationen allgemeiner Natur erfasst. Diese Informationen (Server-Logfiles) beinhalten etwa die Art des Webbrowsers, das verwendete Betriebssystem, den Domainnamen Ihres Internet-Service-Providers, Ihre IP-Adresse und Ähnliches. Sie werden insbesondere zu einem sicheren und reibungslosen Betrieb der Website benötigt.
|
||||
</p>
|
||||
<ul>
|
||||
<li>IP-Adresse</li>
|
||||
<li>Datum und Uhrzeit der Anfrage</li>
|
||||
<li>Zeitzonenunterschied zur Greenwich Mean Time (GMT)</li>
|
||||
<li>Inhalt der Anforderung (konkrete Seite)</li>
|
||||
<li>Zugriffsstatus/HTTP-Statuscode</li>
|
||||
<li>Jeweils übertragene Datenmenge</li>
|
||||
<li>Website, von der die Anforderung kommt (Referrer-URL)</li>
|
||||
<li>Verwendeter Browser</li>
|
||||
<li>Verwendetes Betriebssystem</li>
|
||||
</ul>
|
||||
<p>
|
||||
Die Verarbeitung dieser Daten erfolgt auf Grundlage von Art. 6 Abs. 1 lit. f DSGVO. Die Daten werden nicht mit anderen Datenquellen zusammengeführt und nach 30 Tagen automatisch gelöscht.
|
||||
</p>
|
||||
|
||||
<h3>b) Kontakt per E-Mail</h3>
|
||||
<p>
|
||||
Auf dieser Website wird die Kontaktaufnahme über einen E-Mail-Link (mailto:) angeboten. Wenn Sie uns per E-Mail kontaktieren, werden Ihre Angaben (E-Mail-Adresse, ggf. Name und Nachricht) zwecks Bearbeitung Ihrer Anfrage gespeichert. Die Daten werden ausschließlich zur Beantwortung Ihrer Anfrage verwendet und nach Abschluss der Kommunikation gelöscht.
|
||||
</p>
|
||||
<p>
|
||||
Rechtsgrundlage ist Art. 6 Abs. 1 lit. a DSGVO (Ihre Einwilligung) oder Art. 6 Abs. 1 lit. b DSGVO (zur Erfüllung eines Vertrags bzw. vorvertraglicher Maßnahmen).
|
||||
</p>
|
||||
|
||||
<hr class="legal-divider" />
|
||||
|
||||
<h2>3. Cookies</h2>
|
||||
<p>
|
||||
Diese Website verwendet <strong>keine Cookies</strong>. Es werden keine Tracking-Cookies, Werbe-Cookies oder sonstige Cookies gesetzt.
|
||||
</p>
|
||||
|
||||
<h2>4. Tracking & Analyse</h2>
|
||||
<p>
|
||||
Diese Website setzt <strong>keine Tracking- oder Analyse-Tools</strong> ein. Es werden keine Besucherstatistiken erstellt, kein Google Analytics, kein Facebook Pixel und keine ähnlichen Dienste verwendet.
|
||||
</p>
|
||||
|
||||
<h2>5. Social-Media-Plugins</h2>
|
||||
<p>
|
||||
Diese Website verwendet <strong>keine Social-Media-Plugins</strong> (Facebook, Twitter, Instagram etc.).
|
||||
</p>
|
||||
|
||||
<hr class="legal-divider" />
|
||||
|
||||
<h2>6. Google Maps</h2>
|
||||
<p>
|
||||
Auf dieser Website wird ein Google Maps-Embed (Kartenansicht) eingebunden. Beim Laden der Karte werden Daten an Google übertragen, darunter möglicherweise Ihre IP-Adresse. Google Maps wird ausschließlich genutzt, um Ihnen die Lage des Mietobjekts anzuzeigen.
|
||||
</p>
|
||||
<p>
|
||||
Weitere Informationen zum Datenschutz bei Google finden Sie unter: <a href="https://policies.google.com/privacy" target="_blank" rel="noopener">https://policies.google.com/privacy</a>
|
||||
</p>
|
||||
<p>
|
||||
Rechtsgrundlage: Art. 6 Abs. 1 lit. f DSGVO (berechtigte Interessen an der Darstellung des Objektstandorts).
|
||||
</p>
|
||||
|
||||
<hr class="legal-divider" />
|
||||
|
||||
<h2>7. SSL-Verschlüsselung</h2>
|
||||
<p>
|
||||
Diese Seite nutzt aus Sicherheitsgründen eine SSL-Verschlüsselung. Eine verschlüsselte Verbindung erkennen Sie daran, dass die Adresszeile des Browsers von „http://" auf „https://" wechselt und an dem Schloss-Symbol in Ihrer Browserzeile.
|
||||
</p>
|
||||
|
||||
<hr class="legal-divider" />
|
||||
|
||||
<h2>8. Ihre Rechte</h2>
|
||||
<p>Sie haben gegenüber uns folgende Rechte hinsichtlich der Sie betreffenden personenbezogenen Daten:</p>
|
||||
<ul>
|
||||
<li><strong>Recht auf Auskunft</strong> (Art. 15 DSGVO)</li>
|
||||
<li><strong>Recht auf Berichtigung</strong> (Art. 16 DSGVO)</li>
|
||||
<li><strong>Recht auf Löschung</strong> (Art. 17 DSGVO)</li>
|
||||
<li><strong>Recht auf Einschränkung der Verarbeitung</strong> (Art. 18 DSGVO)</li>
|
||||
<li><strong>Recht auf Datenübertragbarkeit</strong> (Art. 20 DSGVO)</li>
|
||||
<li><strong>Widerspruchsrecht</strong> (Art. 21 DSGVO)</li>
|
||||
<li><strong>Recht auf Widerruf der Einwilligung</strong> (Art. 7 Abs. 3 DSGVO)</li>
|
||||
<li><strong>Beschwerderecht bei einer Aufsichtsbehörde</strong> (Art. 77 DSGVO)</li>
|
||||
</ul>
|
||||
<p>
|
||||
Zur Ausübung Ihrer Rechte wenden Sie sich bitte an: <a href="mailto:mki@kies-media.de">mki@kies-media.de</a>
|
||||
</p>
|
||||
|
||||
<a href="haus-schleusingen.html" class="legal-back">← Zurück zum Objekt</a>
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
<div class="footer-logo">Bahnhofstraße 10 · Schleusingen</div>
|
||||
<div class="footer-links">
|
||||
<a href="impressum.html">Impressum</a>
|
||||
<a href="datenschutz.html">Datenschutz</a>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user