172 lines
7.0 KiB
HTML
172 lines
7.0 KiB
HTML
<!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="7SYS - Datenschutzerklärung und Informationen zum Umgang mit Ihren Daten">
|
|
|
|
<!-- Favicon -->
|
|
<link rel="icon" type="image/svg+xml" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🔒</text></svg>">
|
|
|
|
<!-- Preload Critical Assets -->
|
|
<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=Inter:wght@400;600;700&display=swap" rel="stylesheet">
|
|
|
|
<title>Datenschutzerklärung - 7SYS</title>
|
|
|
|
<!-- CSS Files -->
|
|
<link rel="stylesheet" href="css/variables.css">
|
|
<link rel="stylesheet" href="css/reset.css">
|
|
<link rel="stylesheet" href="css/accessibility.css">
|
|
<link rel="stylesheet" href="css/animations.css">
|
|
<link rel="stylesheet" href="css/header.css">
|
|
<link rel="stylesheet" href="css/buttons.css">
|
|
<link rel="stylesheet" href="css/footer.css">
|
|
<link rel="stylesheet" href="css/responsive.css">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
|
|
|
<style>
|
|
.datenschutz-section {
|
|
padding: 80px 0;
|
|
min-height: calc(100vh - 200px);
|
|
}
|
|
|
|
.datenschutz-content {
|
|
max-width: 800px;
|
|
margin: 0 auto;
|
|
padding: 20px;
|
|
}
|
|
|
|
.datenschutz-section h1 {
|
|
font-size: 2.5rem;
|
|
margin-bottom: 2rem;
|
|
color: var(--text-primary);
|
|
}
|
|
|
|
.datenschutz-section h2 {
|
|
font-size: 1.5rem;
|
|
margin: 2rem 0 1rem;
|
|
color: var(--text-primary);
|
|
}
|
|
|
|
.datenschutz-section p {
|
|
margin-bottom: 1rem;
|
|
line-height: 1.6;
|
|
color: var(--text-secondary);
|
|
}
|
|
|
|
.privacy-section {
|
|
background: var(--bg-secondary);
|
|
padding: 20px;
|
|
border-radius: 8px;
|
|
margin: 20px 0;
|
|
}
|
|
|
|
.privacy-section ul {
|
|
list-style-type: disc;
|
|
margin-left: 20px;
|
|
margin-bottom: 1rem;
|
|
color: var(--text-secondary);
|
|
}
|
|
|
|
.privacy-section li {
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body class="dark-theme">
|
|
<!-- Skip to main content -->
|
|
<a href="#main-content" class="skip-link">Zum Hauptinhalt springen</a>
|
|
|
|
<!-- Progress Bar -->
|
|
<div class="scroll-progress" aria-hidden="true"></div>
|
|
|
|
<header>
|
|
<nav class="main-nav">
|
|
<div class="logo" role="banner">
|
|
<a href="index.html">
|
|
<span class="logo-text">7</span>
|
|
<span class="logo-sys">SYS</span>
|
|
</a>
|
|
</div>
|
|
<div class="nav-controls">
|
|
<button id="theme-toggle" class="icon-button" aria-label="Theme wechseln" title="Zwischen Hell- und Dunkel-Modus wechseln">
|
|
<i class="fas fa-moon"></i>
|
|
<span class="sr-only">Theme wechseln</span>
|
|
</button>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
|
|
<main id="main-content">
|
|
<section class="datenschutz-section">
|
|
<div class="datenschutz-content">
|
|
<h1>Datenschutzerklärung</h1>
|
|
|
|
<div class="privacy-section">
|
|
<h2>1. Datenschutz auf einen Blick</h2>
|
|
<p>Wir 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>
|
|
</div>
|
|
|
|
<div class="privacy-section">
|
|
<h2>2. Allgemeine Hinweise</h2>
|
|
<p>Die folgenden Hinweise geben einen einfachen Überblick darüber, was mit Ihren personenbezogenen Daten passiert, wenn Sie diese Website besuchen. Personenbezogene Daten sind alle Daten, mit denen Sie persönlich identifiziert werden können.</p>
|
|
</div>
|
|
|
|
<div class="privacy-section">
|
|
<h2>3. Datenerfassung auf unserer Website</h2>
|
|
<h3>Cookies</h3>
|
|
<p>Unsere Website verwendet Cookies. Das sind kleine Textdateien, die Ihr Webbrowser auf Ihrem Endgerät speichert. Cookies helfen uns dabei, unser Angebot nutzerfreundlicher, effektiver und sicherer zu machen.</p>
|
|
<p>Einige Cookies sind "Session-Cookies." Solche Cookies werden nach Ende Ihrer Browser-Sitzung von selbst gelöscht. Hingegen bleiben andere Cookies auf Ihrem Endgerät bestehen, bis Sie diese selbst löschen.</p>
|
|
</div>
|
|
|
|
<div class="privacy-section">
|
|
<h2>4. Ihre Rechte</h2>
|
|
<p>Sie haben folgende Rechte:</p>
|
|
<ul>
|
|
<li>Recht auf Auskunft</li>
|
|
<li>Recht auf Berichtigung oder Löschung</li>
|
|
<li>Recht auf Einschränkung der Verarbeitung</li>
|
|
<li>Recht auf Widerspruch gegen die Verarbeitung</li>
|
|
<li>Recht auf Datenübertragbarkeit</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="privacy-section">
|
|
<h2>5. Kontakt</h2>
|
|
<p>Bei Fragen zur Erhebung, Verarbeitung oder Nutzung Ihrer personenbezogenen Daten, bei Auskünften, Berichtigung, Sperrung oder Löschung von Daten wenden Sie sich bitte an:</p>
|
|
<p>7SYS GmbH<br>
|
|
Musterstraße 123<br>
|
|
12345 Stadt<br>
|
|
Deutschland</p>
|
|
<p>E-Mail: datenschutz@7sys.de<br>
|
|
Telefon: +49 123 456789</p>
|
|
</div>
|
|
|
|
<div class="privacy-section">
|
|
<h2>6. Aktualität und Änderung dieser Datenschutzerklärung</h2>
|
|
<p>Diese Datenschutzerklärung ist aktuell gültig und hat den Stand Januar 2024. Durch die Weiterentwicklung unserer Website und Angebote oder aufgrund geänderter gesetzlicher beziehungsweise behördlicher Vorgaben kann es notwendig werden, diese Datenschutzerklärung zu ändern.</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<footer role="contentinfo">
|
|
<div class="container">
|
|
<div class="footer-content">
|
|
<div class="footer-left">
|
|
<p>© 2024 7SYS GmbH. Alle Rechte vorbehalten.</p>
|
|
</div>
|
|
<div class="footer-right">
|
|
<a href="impressum.html" class="footer-link">Impressum</a>
|
|
<a href="datenschutz.html" class="footer-link">Datenschutz</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="script.js"></script>
|
|
</body>
|
|
</html>
|