Add HTML files for new website design
Dieser Commit ist enthalten in:
Claude Project Manager
873
accountforger-video.html
Normale Datei
873
accountforger-video.html
Normale Datei
@ -0,0 +1,873 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>AccountForger</title>
|
||||
<link rel="stylesheet" href="styles-intelsight.css">
|
||||
<link rel="stylesheet" href="css/fonts.css">
|
||||
<style>
|
||||
:root {
|
||||
--vh: 1vh;
|
||||
}
|
||||
|
||||
body {
|
||||
background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);
|
||||
min-height: 100vh;
|
||||
min-height: calc(var(--vh, 1vh) * 100);
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.video-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
min-height: 100vh;
|
||||
min-height: calc(var(--vh, 1vh) * 100);
|
||||
padding: 2rem;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.back-button {
|
||||
position: absolute;
|
||||
top: 2rem;
|
||||
left: 2rem;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
padding: 0.75rem 1.5rem;
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
border: 1px solid rgba(255, 255, 255, 0.2);
|
||||
border-radius: 8px;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
font-family: 'Inter', sans-serif;
|
||||
font-weight: 500;
|
||||
font-size: 0.95rem;
|
||||
transition: all 0.3s ease;
|
||||
backdrop-filter: blur(10px);
|
||||
}
|
||||
|
||||
.back-button:hover {
|
||||
background: rgba(255, 255, 255, 0.15);
|
||||
transform: translateX(-5px);
|
||||
}
|
||||
|
||||
.video-header {
|
||||
text-align: center;
|
||||
margin-bottom: 2rem;
|
||||
animation: fadeInUp 0.8s ease;
|
||||
}
|
||||
|
||||
.video-header h1 {
|
||||
font-family: 'Bebas Neue', sans-serif;
|
||||
font-size: 3rem;
|
||||
color: #fff;
|
||||
margin-bottom: 0.5rem;
|
||||
letter-spacing: 2px;
|
||||
}
|
||||
|
||||
.video-header p {
|
||||
color: rgba(255, 255, 255, 0.7);
|
||||
font-size: 1.1rem;
|
||||
font-family: 'Inter', sans-serif;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.video-wrapper {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
max-width: 1200px;
|
||||
background: #000;
|
||||
border-radius: 12px;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
|
||||
animation: fadeInUp 1s ease 0.2s both;
|
||||
}
|
||||
|
||||
.video-protection {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
|
||||
height: 0;
|
||||
background: #000;
|
||||
user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
}
|
||||
|
||||
.video-protection video {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: contain;
|
||||
pointer-events: auto;
|
||||
background-color: #000;
|
||||
}
|
||||
|
||||
/* Overlay to prevent right-click */
|
||||
.video-overlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 10;
|
||||
background: transparent;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
/* Custom controls */
|
||||
.custom-controls {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background: linear-gradient(to top, rgba(0,0,0,0.9), transparent);
|
||||
padding: 1.5rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 1rem;
|
||||
z-index: 20;
|
||||
opacity: 0;
|
||||
transition: opacity 0.3s ease;
|
||||
}
|
||||
|
||||
.video-wrapper:hover .custom-controls,
|
||||
.video-wrapper.controls-visible .custom-controls {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* Fullscreen specific styles - Direct video element */
|
||||
video:fullscreen {
|
||||
position: fixed !important;
|
||||
top: 0 !important;
|
||||
left: 0 !important;
|
||||
width: 100vw !important;
|
||||
height: 100vh !important;
|
||||
object-fit: contain !important;
|
||||
background-color: #000 !important;
|
||||
z-index: 999999 !important;
|
||||
}
|
||||
|
||||
video:-webkit-full-screen {
|
||||
position: fixed !important;
|
||||
top: 0 !important;
|
||||
left: 0 !important;
|
||||
width: 100vw !important;
|
||||
height: 100vh !important;
|
||||
object-fit: contain !important;
|
||||
background-color: #000 !important;
|
||||
z-index: 999999 !important;
|
||||
}
|
||||
|
||||
video:-moz-full-screen {
|
||||
position: fixed !important;
|
||||
top: 0 !important;
|
||||
left: 0 !important;
|
||||
width: 100vw !important;
|
||||
height: 100vh !important;
|
||||
object-fit: contain !important;
|
||||
background-color: #000 !important;
|
||||
z-index: 999999 !important;
|
||||
}
|
||||
|
||||
video:-ms-fullscreen {
|
||||
position: fixed !important;
|
||||
top: 0 !important;
|
||||
left: 0 !important;
|
||||
width: 100vw !important;
|
||||
height: 100vh !important;
|
||||
object-fit: contain !important;
|
||||
background-color: #000 !important;
|
||||
z-index: 999999 !important;
|
||||
}
|
||||
|
||||
/* Fallback: Wrapper fullscreen styles */
|
||||
.video-wrapper:fullscreen,
|
||||
.video-wrapper:-webkit-full-screen,
|
||||
.video-wrapper:-moz-full-screen,
|
||||
.video-wrapper:-ms-fullscreen {
|
||||
position: fixed !important;
|
||||
top: 0 !important;
|
||||
left: 0 !important;
|
||||
width: 100vw !important;
|
||||
height: 100vh !important;
|
||||
background-color: #000 !important;
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
|
||||
.video-wrapper:fullscreen .video-protection,
|
||||
.video-wrapper:-webkit-full-screen .video-protection,
|
||||
.video-wrapper:-moz-full-screen .video-protection,
|
||||
.video-wrapper:-ms-fullscreen .video-protection {
|
||||
width: 100vw !important;
|
||||
height: 100vh !important;
|
||||
padding: 0 !important;
|
||||
background-color: #000 !important;
|
||||
}
|
||||
|
||||
.video-wrapper:fullscreen video,
|
||||
.video-wrapper:-webkit-full-screen video,
|
||||
.video-wrapper:-moz-full-screen video,
|
||||
.video-wrapper:-ms-fullscreen video {
|
||||
width: 100vw !important;
|
||||
height: 100vh !important;
|
||||
object-fit: contain !important;
|
||||
background-color: #000 !important;
|
||||
}
|
||||
|
||||
.video-wrapper:fullscreen .custom-controls,
|
||||
.video-wrapper:-webkit-full-screen .custom-controls,
|
||||
.video-wrapper:-moz-full-screen .custom-controls,
|
||||
.video-wrapper:-ms-fullscreen .custom-controls {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
padding: 2rem;
|
||||
background: linear-gradient(to top, rgba(0,0,0,0.95), transparent);
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.video-wrapper:fullscreen .video-overlay,
|
||||
.video-wrapper:-webkit-full-screen .video-overlay,
|
||||
.video-wrapper:-moz-full-screen .video-overlay,
|
||||
.video-wrapper:-ms-fullscreen .video-overlay {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.play-button, .fullscreen-button, .volume-button {
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
border: none;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
cursor: pointer;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.play-button:hover, .fullscreen-button:hover, .volume-button:hover {
|
||||
background: rgba(255, 255, 255, 0.3);
|
||||
transform: scale(1.1);
|
||||
}
|
||||
|
||||
.play-button svg, .fullscreen-button svg, .volume-button svg {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
fill: #fff;
|
||||
}
|
||||
|
||||
.volume-control {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
}
|
||||
|
||||
.volume-slider {
|
||||
width: 80px;
|
||||
height: 4px;
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
border-radius: 2px;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
opacity: 0;
|
||||
transition: opacity 0.3s ease;
|
||||
}
|
||||
|
||||
.volume-control:hover .volume-slider {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.volume-fill {
|
||||
height: 100%;
|
||||
background: #00d4ff;
|
||||
border-radius: 2px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.progress-bar {
|
||||
flex: 1;
|
||||
height: 4px;
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
border-radius: 2px;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.progress-fill {
|
||||
height: 100%;
|
||||
background: #00d4ff;
|
||||
border-radius: 2px;
|
||||
width: 0%;
|
||||
transition: width 0.1s linear;
|
||||
}
|
||||
|
||||
.time-display {
|
||||
color: #fff;
|
||||
font-size: 0.9rem;
|
||||
font-family: 'Inter', sans-serif;
|
||||
min-width: 100px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
/* Security notice */
|
||||
.security-notice {
|
||||
margin-top: 2rem;
|
||||
padding: 1rem;
|
||||
background: rgba(255, 255, 255, 0.05);
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
border-radius: 8px;
|
||||
text-align: center;
|
||||
color: rgba(255, 255, 255, 0.7);
|
||||
font-family: 'Inter', sans-serif;
|
||||
font-weight: 400;
|
||||
font-size: 0.9rem;
|
||||
animation: fadeInUp 1.2s ease 0.4s both;
|
||||
}
|
||||
|
||||
.security-notice svg {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
vertical-align: middle;
|
||||
margin-right: 0.5rem;
|
||||
fill: #00d4ff;
|
||||
}
|
||||
|
||||
@keyframes fadeInUp {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateY(30px);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
/* Mobile responsive */
|
||||
@media (max-width: 768px) {
|
||||
.video-container {
|
||||
padding: 1rem;
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.video-header {
|
||||
margin-bottom: 1rem;
|
||||
margin-top: 3rem;
|
||||
}
|
||||
|
||||
.video-header h1 {
|
||||
font-size: 1.75rem;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
.video-header p {
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
.back-button {
|
||||
top: 1rem;
|
||||
left: 1rem;
|
||||
padding: 0.5rem 1rem;
|
||||
font-size: 0.85rem;
|
||||
}
|
||||
|
||||
.video-wrapper {
|
||||
max-width: 100%;
|
||||
margin: 0 auto;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.video-protection {
|
||||
padding-bottom: 56.25%; /* 16:9 aspect ratio */
|
||||
}
|
||||
|
||||
.custom-controls {
|
||||
padding: 0.75rem;
|
||||
gap: 0.5rem;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.play-button, .fullscreen-button, .volume-button {
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
}
|
||||
|
||||
.play-button svg, .fullscreen-button svg, .volume-button svg {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
}
|
||||
|
||||
.progress-bar {
|
||||
width: 100%;
|
||||
order: -1;
|
||||
flex-basis: 100%;
|
||||
margin-bottom: 0.5rem;
|
||||
height: 6px;
|
||||
}
|
||||
|
||||
.time-display {
|
||||
font-size: 0.8rem;
|
||||
min-width: 80px;
|
||||
}
|
||||
|
||||
.volume-control {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.25rem;
|
||||
}
|
||||
|
||||
.volume-slider {
|
||||
width: 60px;
|
||||
height: 6px;
|
||||
}
|
||||
|
||||
.security-notice {
|
||||
margin-top: 1rem;
|
||||
padding: 0.75rem;
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
|
||||
.security-notice svg {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Extra small devices (phones in portrait) */
|
||||
@media (max-width: 480px) {
|
||||
.video-header h1 {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
.video-header p {
|
||||
font-size: 0.85rem;
|
||||
}
|
||||
|
||||
.back-button {
|
||||
padding: 0.4rem 0.8rem;
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
|
||||
.back-button svg {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.custom-controls {
|
||||
padding: 0.5rem;
|
||||
}
|
||||
|
||||
.play-button, .fullscreen-button, .volume-button {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
.time-display {
|
||||
font-size: 0.75rem;
|
||||
min-width: 70px;
|
||||
}
|
||||
|
||||
.volume-slider {
|
||||
width: 50px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Landscape mode on mobile */
|
||||
@media (max-width: 768px) and (orientation: landscape) {
|
||||
.video-container {
|
||||
padding: 0.5rem;
|
||||
}
|
||||
|
||||
.video-header {
|
||||
margin-bottom: 0.5rem;
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
.video-header h1 {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
.video-header p {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.video-wrapper {
|
||||
max-height: 80vh;
|
||||
}
|
||||
|
||||
.security-notice {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.back-button {
|
||||
top: 0.5rem;
|
||||
left: 0.5rem;
|
||||
padding: 0.3rem 0.6rem;
|
||||
font-size: 0.75rem;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="video-container">
|
||||
<a href="index.html" class="back-button">
|
||||
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M19 12H5M5 12L12 19M5 12L12 5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
Zurück zur Hauptseite
|
||||
</a>
|
||||
|
||||
<div class="video-header">
|
||||
<h1>AccountForger</h1>
|
||||
<p>Exklusiver Zugang für autorisierte Behörden</p>
|
||||
</div>
|
||||
|
||||
<div class="video-wrapper">
|
||||
<div class="video-protection">
|
||||
<video id="protectedVideo" controlsList="nodownload" disablePictureInPicture playsinline>
|
||||
<source src="assets/videos/AFv6.mp4" type="video/mp4">
|
||||
Ihr Browser unterstützt das Video-Tag nicht.
|
||||
</video>
|
||||
<div class="video-overlay"></div>
|
||||
<div class="custom-controls">
|
||||
<button class="play-button" id="playBtn">
|
||||
<svg viewBox="0 0 24 24">
|
||||
<polygon points="5,3 19,12 5,21" />
|
||||
</svg>
|
||||
</button>
|
||||
<div class="progress-bar" id="progressBar">
|
||||
<div class="progress-fill" id="progressFill"></div>
|
||||
</div>
|
||||
<div class="time-display" id="timeDisplay">0:00 / 0:00</div>
|
||||
<div class="volume-control">
|
||||
<button class="volume-button" id="volumeBtn">
|
||||
<svg viewBox="0 0 24 24">
|
||||
<path d="M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"/>
|
||||
</svg>
|
||||
</button>
|
||||
<div class="volume-slider" id="volumeSlider">
|
||||
<div class="volume-fill" id="volumeFill"></div>
|
||||
</div>
|
||||
</div>
|
||||
<button class="fullscreen-button" id="fullscreenBtn">
|
||||
<svg viewBox="0 0 24 24">
|
||||
<path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="security-notice">
|
||||
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12 2L2 7V11C2 16.5 6.5 20.5 12 22C17.5 20.5 22 16.5 22 11V7L12 2Z" stroke="currentColor" stroke-width="2"/>
|
||||
<path d="M9 12L11 14L15 10" stroke="currentColor" stroke-width="2"/>
|
||||
</svg>
|
||||
Dieses Video ist geschützt und nur für autorisierte Nutzer zugänglich.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
// Check authentication
|
||||
if (!sessionStorage.getItem('accountForgerAuth')) {
|
||||
window.location.href = 'index.html';
|
||||
}
|
||||
|
||||
// Video player functionality
|
||||
const video = document.getElementById('protectedVideo');
|
||||
const videoWrapper = document.querySelector('.video-wrapper');
|
||||
const playBtn = document.getElementById('playBtn');
|
||||
const progressBar = document.getElementById('progressBar');
|
||||
const progressFill = document.getElementById('progressFill');
|
||||
const timeDisplay = document.getElementById('timeDisplay');
|
||||
const fullscreenBtn = document.getElementById('fullscreenBtn');
|
||||
const volumeBtn = document.getElementById('volumeBtn');
|
||||
const volumeSlider = document.getElementById('volumeSlider');
|
||||
const volumeFill = document.getElementById('volumeFill');
|
||||
|
||||
// Disable right-click on video
|
||||
document.addEventListener('contextmenu', function(e) {
|
||||
if (e.target.tagName === 'VIDEO') {
|
||||
e.preventDefault();
|
||||
return false;
|
||||
}
|
||||
});
|
||||
|
||||
// Prevent video download
|
||||
video.addEventListener('contextmenu', function(e) {
|
||||
e.preventDefault();
|
||||
return false;
|
||||
});
|
||||
|
||||
// Play/Pause functionality
|
||||
playBtn.addEventListener('click', function() {
|
||||
if (video.paused) {
|
||||
video.play();
|
||||
playBtn.innerHTML = '<svg viewBox="0 0 24 24"><rect x="6" y="4" width="4" height="16" /><rect x="14" y="4" width="4" height="16" /></svg>';
|
||||
} else {
|
||||
video.pause();
|
||||
playBtn.innerHTML = '<svg viewBox="0 0 24 24"><polygon points="5,3 19,12 5,21" /></svg>';
|
||||
}
|
||||
});
|
||||
|
||||
// Update progress bar
|
||||
video.addEventListener('timeupdate', function() {
|
||||
const progress = (video.currentTime / video.duration) * 100;
|
||||
progressFill.style.width = progress + '%';
|
||||
|
||||
const currentMinutes = Math.floor(video.currentTime / 60);
|
||||
const currentSeconds = Math.floor(video.currentTime % 60).toString().padStart(2, '0');
|
||||
const durationMinutes = Math.floor(video.duration / 60);
|
||||
const durationSeconds = Math.floor(video.duration % 60).toString().padStart(2, '0');
|
||||
|
||||
timeDisplay.textContent = `${currentMinutes}:${currentSeconds} / ${durationMinutes}:${durationSeconds}`;
|
||||
});
|
||||
|
||||
// Seek functionality
|
||||
progressBar.addEventListener('click', function(e) {
|
||||
const rect = progressBar.getBoundingClientRect();
|
||||
const pos = (e.clientX - rect.left) / rect.width;
|
||||
video.currentTime = pos * video.duration;
|
||||
});
|
||||
|
||||
// Video ended
|
||||
video.addEventListener('ended', function() {
|
||||
playBtn.innerHTML = '<svg viewBox="0 0 24 24"><polygon points="5,3 19,12 5,21" /></svg>';
|
||||
});
|
||||
|
||||
// Fullscreen functionality - Simplified approach
|
||||
fullscreenBtn.addEventListener('click', function() {
|
||||
if (!document.fullscreenElement) {
|
||||
// Use native video fullscreen if available
|
||||
if (video.requestFullscreen) {
|
||||
video.requestFullscreen();
|
||||
} else if (video.webkitRequestFullscreen) {
|
||||
// Safari/iOS
|
||||
video.webkitRequestFullscreen();
|
||||
} else if (video.webkitEnterFullscreen) {
|
||||
// iOS Safari specific
|
||||
video.webkitEnterFullscreen();
|
||||
} else if (video.mozRequestFullScreen) {
|
||||
video.mozRequestFullScreen();
|
||||
} else if (video.msRequestFullscreen) {
|
||||
video.msRequestFullscreen();
|
||||
} else {
|
||||
// Fallback to wrapper fullscreen
|
||||
if (videoWrapper.requestFullscreen) {
|
||||
videoWrapper.requestFullscreen();
|
||||
} else if (videoWrapper.webkitRequestFullscreen) {
|
||||
videoWrapper.webkitRequestFullscreen();
|
||||
} else if (videoWrapper.mozRequestFullScreen) {
|
||||
videoWrapper.mozRequestFullScreen();
|
||||
} else if (videoWrapper.msRequestFullscreen) {
|
||||
videoWrapper.msRequestFullscreen();
|
||||
}
|
||||
}
|
||||
fullscreenBtn.innerHTML = '<svg viewBox="0 0 24 24"><path d="M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"/></svg>';
|
||||
} else {
|
||||
// Exit fullscreen
|
||||
if (document.exitFullscreen) {
|
||||
document.exitFullscreen();
|
||||
} else if (document.webkitExitFullscreen) {
|
||||
document.webkitExitFullscreen();
|
||||
} else if (document.mozCancelFullScreen) {
|
||||
document.mozCancelFullScreen();
|
||||
} else if (document.msExitFullscreen) {
|
||||
document.msExitFullscreen();
|
||||
}
|
||||
fullscreenBtn.innerHTML = '<svg viewBox="0 0 24 24"><path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/></svg>';
|
||||
}
|
||||
});
|
||||
|
||||
// Fullscreen change event
|
||||
document.addEventListener('fullscreenchange', updateFullscreenButton);
|
||||
document.addEventListener('webkitfullscreenchange', updateFullscreenButton);
|
||||
document.addEventListener('mozfullscreenchange', updateFullscreenButton);
|
||||
document.addEventListener('MSFullscreenChange', updateFullscreenButton);
|
||||
|
||||
function updateFullscreenButton() {
|
||||
if (document.fullscreenElement ||
|
||||
document.webkitFullscreenElement ||
|
||||
document.mozFullScreenElement ||
|
||||
document.msFullscreenElement) {
|
||||
fullscreenBtn.innerHTML = '<svg viewBox="0 0 24 24"><path d="M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"/></svg>';
|
||||
} else {
|
||||
fullscreenBtn.innerHTML = '<svg viewBox="0 0 24 24"><path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/></svg>';
|
||||
}
|
||||
}
|
||||
|
||||
// Volume control
|
||||
volumeBtn.addEventListener('click', function() {
|
||||
if (video.muted) {
|
||||
video.muted = false;
|
||||
video.volume = 1;
|
||||
volumeFill.style.width = '100%';
|
||||
volumeBtn.innerHTML = '<svg viewBox="0 0 24 24"><path d="M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"/></svg>';
|
||||
} else {
|
||||
video.muted = true;
|
||||
volumeFill.style.width = '0%';
|
||||
volumeBtn.innerHTML = '<svg viewBox="0 0 24 24"><path d="M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z"/></svg>';
|
||||
}
|
||||
});
|
||||
|
||||
volumeSlider.addEventListener('click', function(e) {
|
||||
const rect = volumeSlider.getBoundingClientRect();
|
||||
const pos = (e.clientX - rect.left) / rect.width;
|
||||
video.volume = pos;
|
||||
video.muted = false;
|
||||
volumeFill.style.width = (pos * 100) + '%';
|
||||
updateVolumeButton();
|
||||
});
|
||||
|
||||
function updateVolumeButton() {
|
||||
if (video.muted || video.volume === 0) {
|
||||
volumeBtn.innerHTML = '<svg viewBox="0 0 24 24"><path d="M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z"/></svg>';
|
||||
} else if (video.volume < 0.5) {
|
||||
volumeBtn.innerHTML = '<svg viewBox="0 0 24 24"><path d="M7 9v6h4l5 5V4L11 9H7z"/></svg>';
|
||||
} else {
|
||||
volumeBtn.innerHTML = '<svg viewBox="0 0 24 24"><path d="M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"/></svg>';
|
||||
}
|
||||
}
|
||||
|
||||
video.addEventListener('volumechange', function() {
|
||||
volumeFill.style.width = (video.volume * 100) + '%';
|
||||
updateVolumeButton();
|
||||
});
|
||||
|
||||
// Keyboard shortcuts
|
||||
document.addEventListener('keydown', function(e) {
|
||||
if (e.code === 'Space') {
|
||||
e.preventDefault();
|
||||
playBtn.click();
|
||||
} else if (e.code === 'ArrowLeft') {
|
||||
video.currentTime -= 10;
|
||||
} else if (e.code === 'ArrowRight') {
|
||||
video.currentTime += 10;
|
||||
} else if (e.code === 'ArrowUp') {
|
||||
e.preventDefault();
|
||||
video.volume = Math.min(1, video.volume + 0.1);
|
||||
} else if (e.code === 'ArrowDown') {
|
||||
e.preventDefault();
|
||||
video.volume = Math.max(0, video.volume - 0.1);
|
||||
} else if (e.code === 'KeyF') {
|
||||
fullscreenBtn.click();
|
||||
} else if (e.code === 'KeyM') {
|
||||
volumeBtn.click();
|
||||
} else if (e.code === 'Escape') {
|
||||
if (document.fullscreenElement ||
|
||||
document.webkitFullscreenElement ||
|
||||
document.mozFullScreenElement ||
|
||||
document.msFullscreenElement) {
|
||||
fullscreenBtn.click();
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// Show controls on mouse move
|
||||
let hideControlsTimeout;
|
||||
videoWrapper.addEventListener('mousemove', function() {
|
||||
videoWrapper.classList.add('controls-visible');
|
||||
clearTimeout(hideControlsTimeout);
|
||||
hideControlsTimeout = setTimeout(() => {
|
||||
if (!video.paused) {
|
||||
videoWrapper.classList.remove('controls-visible');
|
||||
}
|
||||
}, 3000);
|
||||
});
|
||||
|
||||
// Double-click for fullscreen
|
||||
video.addEventListener('dblclick', function() {
|
||||
fullscreenBtn.click();
|
||||
});
|
||||
|
||||
// Touch support for mobile
|
||||
let touchStartX = 0;
|
||||
let touchStartY = 0;
|
||||
let touchStartTime = 0;
|
||||
|
||||
video.addEventListener('touchstart', function(e) {
|
||||
touchStartX = e.touches[0].clientX;
|
||||
touchStartY = e.touches[0].clientY;
|
||||
touchStartTime = Date.now();
|
||||
}, { passive: true });
|
||||
|
||||
video.addEventListener('touchend', function(e) {
|
||||
const touchEndTime = Date.now();
|
||||
const touchDuration = touchEndTime - touchStartTime;
|
||||
|
||||
// Single tap to show/hide controls
|
||||
if (touchDuration < 300) {
|
||||
videoWrapper.classList.toggle('controls-visible');
|
||||
}
|
||||
}, { passive: true });
|
||||
|
||||
// Double tap for fullscreen on mobile
|
||||
let lastTap = 0;
|
||||
video.addEventListener('touchend', function(e) {
|
||||
const currentTime = new Date().getTime();
|
||||
const tapLength = currentTime - lastTap;
|
||||
if (tapLength < 500 && tapLength > 0) {
|
||||
fullscreenBtn.click();
|
||||
}
|
||||
lastTap = currentTime;
|
||||
});
|
||||
|
||||
// Swipe gestures for seeking
|
||||
let touchStartVideoTime = 0;
|
||||
video.addEventListener('touchstart', function(e) {
|
||||
touchStartVideoTime = video.currentTime;
|
||||
touchStartX = e.touches[0].clientX;
|
||||
}, { passive: true });
|
||||
|
||||
video.addEventListener('touchmove', function(e) {
|
||||
if (touchStartX !== null) {
|
||||
const touchCurrentX = e.touches[0].clientX;
|
||||
const deltaX = touchCurrentX - touchStartX;
|
||||
const seekAmount = (deltaX / window.innerWidth) * 30; // Max 30 seconds seek
|
||||
|
||||
const newTime = touchStartVideoTime + seekAmount;
|
||||
video.currentTime = Math.max(0, Math.min(video.duration, newTime));
|
||||
}
|
||||
}, { passive: true });
|
||||
|
||||
// Mobile viewport height fix
|
||||
function setMobileViewportHeight() {
|
||||
const vh = window.innerHeight * 0.01;
|
||||
document.documentElement.style.setProperty('--vh', `${vh}px`);
|
||||
}
|
||||
|
||||
setMobileViewportHeight();
|
||||
window.addEventListener('resize', setMobileViewportHeight);
|
||||
window.addEventListener('orientationchange', setMobileViewportHeight);
|
||||
|
||||
// Prevent text selection
|
||||
document.body.style.userSelect = 'none';
|
||||
document.body.style.webkitUserSelect = 'none';
|
||||
document.body.style.mozUserSelect = 'none';
|
||||
document.body.style.msUserSelect = 'none';
|
||||
|
||||
// Additional protection against developer tools
|
||||
document.addEventListener('keydown', function(e) {
|
||||
// Prevent F12, Ctrl+Shift+I, Ctrl+Shift+J, Ctrl+U
|
||||
if (e.keyCode === 123 ||
|
||||
(e.ctrlKey && e.shiftKey && (e.keyCode === 73 || e.keyCode === 74)) ||
|
||||
(e.ctrlKey && e.keyCode === 85)) {
|
||||
e.preventDefault();
|
||||
return false;
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
304
datenschutz.html
Normale Datei
304
datenschutz.html
Normale Datei
@ -0,0 +1,304 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Datenschutz - IntelSight</title>
|
||||
<link rel="stylesheet" href="css/main.css">
|
||||
<link rel="stylesheet" href="css/fonts.css">
|
||||
<style>
|
||||
body {
|
||||
background: #0a0f1c;
|
||||
min-height: 100vh;
|
||||
}
|
||||
.datenschutz-container {
|
||||
max-width: 800px;
|
||||
margin: 0 auto;
|
||||
padding: 120px 20px 40px;
|
||||
}
|
||||
.datenschutz-header {
|
||||
margin-bottom: 40px;
|
||||
text-align: center;
|
||||
}
|
||||
.datenschutz-header h1 {
|
||||
font-family: 'Bebas Neue', sans-serif;
|
||||
font-size: 3rem;
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
margin-bottom: 10px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 3px;
|
||||
}
|
||||
.datenschutz-content {
|
||||
background: rgba(255, 255, 255, 0.95);
|
||||
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
|
||||
border-radius: 20px;
|
||||
padding: 40px;
|
||||
backdrop-filter: blur(10px);
|
||||
}
|
||||
.datenschutz-section {
|
||||
margin-bottom: 35px;
|
||||
}
|
||||
.datenschutz-section h2 {
|
||||
font-family: 'Bebas Neue', sans-serif;
|
||||
font-size: 1.8rem;
|
||||
color: #0f72b5;
|
||||
margin-bottom: 20px;
|
||||
font-weight: 400;
|
||||
letter-spacing: 1px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.datenschutz-section h3 {
|
||||
font-family: 'Inter', sans-serif;
|
||||
font-size: 1.2rem;
|
||||
color: #333;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 15px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.datenschutz-section p {
|
||||
font-family: 'Inter', sans-serif;
|
||||
color: #333333;
|
||||
line-height: 1.7;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.datenschutz-section ul {
|
||||
margin-left: 20px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.datenschutz-section li {
|
||||
font-family: 'Inter', sans-serif;
|
||||
color: #333333;
|
||||
line-height: 1.7;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.datenschutz-section strong {
|
||||
color: #1a1a1a;
|
||||
font-weight: 600;
|
||||
}
|
||||
.important-notice {
|
||||
background: rgba(15, 114, 181, 0.08);
|
||||
border-left: 4px solid #0f72b5;
|
||||
padding: 15px 20px;
|
||||
margin: 20px 0;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.important-notice p {
|
||||
font-family: 'Inter', sans-serif;
|
||||
}
|
||||
.source-note {
|
||||
margin-top: 40px;
|
||||
padding-top: 20px;
|
||||
border-top: 1px solid rgba(15, 114, 181, 0.1);
|
||||
font-size: 0.9rem;
|
||||
color: #666;
|
||||
font-family: 'Inter', sans-serif;
|
||||
}
|
||||
.source-note a {
|
||||
color: #0f72b5;
|
||||
text-decoration: none;
|
||||
}
|
||||
.source-note a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- Navigation -->
|
||||
<nav class="navbar" role="navigation" aria-label="Hauptnavigation">
|
||||
<div class="nav-container">
|
||||
<div class="logo">
|
||||
<a href="index.html">
|
||||
<img src="assets/images/logos/intelsight-name-light.svg" alt="IntelSight" class="logo-img">
|
||||
</a>
|
||||
</div>
|
||||
<ul class="nav-menu">
|
||||
<li><a href="index.html#home">Startseite</a></li>
|
||||
<li><a href="index.html#about">Über uns</a></li>
|
||||
<li><a href="index.html#products">Produkte & Lösungen</a></li>
|
||||
<li><a href="mailto:info@intelsight.de">Kontakt</a></li>
|
||||
</ul>
|
||||
<div class="nav-extras">
|
||||
<button class="lang-toggle" data-lang="de" aria-label="Sprache wechseln">DE | EN</button>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div class="datenschutz-container">
|
||||
<div class="datenschutz-header">
|
||||
<h1>Datenschutzerklärung</h1>
|
||||
</div>
|
||||
|
||||
<div class="datenschutz-content">
|
||||
<div class="datenschutz-section">
|
||||
<h2>1. Datenschutz auf einen Blick</h2>
|
||||
|
||||
<h3>Allgemeine Hinweise</h3>
|
||||
<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. Ausführliche Informationen zum Thema Datenschutz entnehmen Sie unserer unter diesem Text aufgeführten Datenschutzerklärung.</p>
|
||||
|
||||
<h3>Datenerfassung auf dieser Website</h3>
|
||||
<p><strong>Wer ist verantwortlich für die Datenerfassung auf dieser Website?</strong></p>
|
||||
<p>Die Datenverarbeitung auf dieser Website erfolgt durch den Websitebetreiber. Dessen Kontaktdaten können Sie dem Abschnitt „Hinweis zur Verantwortlichen Stelle" in dieser Datenschutzerklärung entnehmen.</p>
|
||||
|
||||
<p><strong>Wie erfassen wir Ihre Daten?</strong></p>
|
||||
<p>Ihre Daten werden zum einen dadurch erhoben, dass Sie uns diese mitteilen. Hierbei kann es sich z. B. um Daten handeln, die Sie in ein Kontaktformular eingeben.</p>
|
||||
<p>Andere Daten werden automatisch oder nach Ihrer Einwilligung beim Besuch der Website durch unsere IT-Systeme erfasst. Das sind vor allem technische Daten (z. B. Internetbrowser, Betriebssystem oder Uhrzeit des Seitenaufrufs). Die Erfassung dieser Daten erfolgt automatisch, sobald Sie diese Website betreten.</p>
|
||||
|
||||
<p><strong>Wofür nutzen wir Ihre Daten?</strong></p>
|
||||
<p>Ein Teil der Daten wird erhoben, um eine fehlerfreie Bereitstellung der Website zu gewährleisten. Andere Daten können zur Analyse Ihres Nutzerverhaltens verwendet werden. Sofern über die Website Verträge geschlossen oder angebahnt werden können, werden die übermittelten Daten auch für Vertragsangebote, Bestellungen oder sonstige Auftragsanfragen verarbeitet.</p>
|
||||
|
||||
<p><strong>Welche Rechte haben Sie bezüglich Ihrer Daten?</strong></p>
|
||||
<p>Sie haben jederzeit das Recht, unentgeltlich Auskunft über Herkunft, Empfänger und Zweck Ihrer gespeicherten personenbezogenen Daten zu erhalten. Sie haben außerdem ein Recht, die Berichtigung oder Löschung dieser Daten zu verlangen. Wenn Sie eine Einwilligung zur Datenverarbeitung erteilt haben, können Sie diese Einwilligung jederzeit für die Zukunft widerrufen. Außerdem haben Sie das Recht, unter bestimmten Umständen die Einschränkung der Verarbeitung Ihrer personenbezogenen Daten zu verlangen. Des Weiteren steht Ihnen ein Beschwerderecht bei der zuständigen Aufsichtsbehörde zu.</p>
|
||||
<p>Hierzu sowie zu weiteren Fragen zum Thema Datenschutz können Sie sich jederzeit an uns wenden.</p>
|
||||
|
||||
<h3>Analyse-Tools und Tools von Drittanbietern</h3>
|
||||
<p>Beim Besuch dieser Website kann Ihr Surf-Verhalten statistisch ausgewertet werden. Das geschieht vor allem mit sogenannten Analyseprogrammen.</p>
|
||||
<p>Detaillierte Informationen zu diesen Analyseprogrammen finden Sie in der folgenden Datenschutzerklärung.</p>
|
||||
</div>
|
||||
|
||||
<div class="datenschutz-section">
|
||||
<h2>2. Hosting</h2>
|
||||
<p>Wir hosten die Inhalte unserer Website bei folgendem Anbieter:</p>
|
||||
|
||||
<h3>Hetzner</h3>
|
||||
<p>Anbieter ist die Hetzner Online GmbH, Industriestr. 25, 91710 Gunzenhausen (nachfolgend Hetzner).</p>
|
||||
<p>Details entnehmen Sie der Datenschutzerklärung von Hetzner: <a href="https://www.hetzner.com/de/legal/privacy-policy/" target="_blank">https://www.hetzner.com/de/legal/privacy-policy/</a>.</p>
|
||||
<p>Die Verwendung von Hetzner erfolgt auf Grundlage von Art. 6 Abs. 1 lit. f DSGVO. Wir haben ein berechtigtes Interesse an einer möglichst zuverlässigen Darstellung unserer Website. Sofern eine entsprechende Einwilligung abgefragt wurde, erfolgt die Verarbeitung ausschließlich auf Grundlage von Art. 6 Abs. 1 lit. a DSGVO und § 25 Abs. 1 TDDDG, soweit die Einwilligung die Speicherung von Cookies oder den Zugriff auf Informationen im Endgerät des Nutzers (z. B. Device-Fingerprinting) im Sinne des TDDDG umfasst. Die Einwilligung ist jederzeit widerrufbar.</p>
|
||||
</div>
|
||||
|
||||
<div class="datenschutz-section">
|
||||
<h2>3. Allgemeine Hinweise und Pflichtinformationen</h2>
|
||||
|
||||
<h3>Datenschutz</h3>
|
||||
<p>Die Betreiber dieser Seiten nehmen den Schutz Ihrer persönlichen Daten sehr ernst. Wir behandeln Ihre personenbezogenen Daten vertraulich und entsprechend den 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. Die vorliegende Datenschutzerklärung erläutert, welche Daten wir erheben und wofür wir sie nutzen. Sie erläutert auch, wie und zu welchem Zweck das geschieht.</p>
|
||||
<p>Wir weisen darauf hin, dass die Datenübertragung im Internet (z. B. bei der Kommunikation per E-Mail) Sicherheitslücken aufweisen kann. Ein lückenloser Schutz der Daten vor dem Zugriff durch Dritte ist nicht möglich.</p>
|
||||
|
||||
<h3>Hinweis zur verantwortlichen Stelle</h3>
|
||||
<p>Die verantwortliche Stelle für die Datenverarbeitung auf dieser Website ist:</p>
|
||||
<p>
|
||||
<strong>IntelSight UG (haftungsbeschränkt)</strong><br>
|
||||
Gladbacher Strasse 3-5<br>
|
||||
40764 Langenfeld<br><br>
|
||||
E-Mail: info@intelsight.de
|
||||
</p>
|
||||
<p>Verantwortliche Stelle ist die natürliche oder juristische Person, die allein oder gemeinsam mit anderen über die Zwecke und Mittel der Verarbeitung von personenbezogenen Daten (z. B. Namen, E-Mail-Adressen o. Ä.) entscheidet.</p>
|
||||
|
||||
<h3>Speicherdauer</h3>
|
||||
<p>Soweit innerhalb dieser Datenschutzerklärung keine speziellere Speicherdauer genannt wurde, verbleiben Ihre personenbezogenen Daten bei uns, bis der Zweck für die Datenverarbeitung entfällt. Wenn Sie ein berechtigtes Löschersuchen geltend machen oder eine Einwilligung zur Datenverarbeitung widerrufen, werden Ihre Daten gelöscht, sofern wir keine anderen rechtlich zulässigen Gründe für die Speicherung Ihrer personenbezogenen Daten haben (z. B. steuer- oder handelsrechtliche Aufbewahrungsfristen); im letztgenannten Fall erfolgt die Löschung nach Fortfall dieser Gründe.</p>
|
||||
|
||||
<h3>Allgemeine Hinweise zu den Rechtsgrundlagen der Datenverarbeitung auf dieser Website</h3>
|
||||
<p>Sofern Sie in die Datenverarbeitung eingewilligt haben, verarbeiten wir Ihre personenbezogenen Daten auf Grundlage von Art. 6 Abs. 1 lit. a DSGVO bzw. Art. 9 Abs. 2 lit. a DSGVO, sofern besondere Datenkategorien nach Art. 9 Abs. 1 DSGVO verarbeitet werden. Im Falle einer ausdrücklichen Einwilligung in die Übertragung personenbezogener Daten in Drittstaaten erfolgt die Datenverarbeitung außerdem auf Grundlage von Art. 49 Abs. 1 lit. a DSGVO. Sofern Sie in die Speicherung von Cookies oder in den Zugriff auf Informationen in Ihr Endgerät (z. B. via Device-Fingerprinting) eingewilligt haben, erfolgt die Datenverarbeitung zusätzlich auf Grundlage von § 25 Abs. 1 TDDDG. Die Einwilligung ist jederzeit widerrufbar. Sind Ihre Daten zur Vertragserfüllung oder zur Durchführung vorvertraglicher Maßnahmen erforderlich, verarbeiten wir Ihre Daten auf Grundlage des Art. 6 Abs. 1 lit. b DSGVO. Des Weiteren verarbeiten wir Ihre Daten, sofern diese zur Erfüllung einer rechtlichen Verpflichtung erforderlich sind auf Grundlage von Art. 6 Abs. 1 lit. c DSGVO. Die Datenverarbeitung kann ferner auf Grundlage unseres berechtigten Interesses nach Art. 6 Abs. 1 lit. f DSGVO erfolgen. Über die jeweils im Einzelfall einschlägigen Rechtsgrundlagen wird in den folgenden Absätzen dieser Datenschutzerklärung informiert.</p>
|
||||
|
||||
<h3>Empfänger von personenbezogenen Daten</h3>
|
||||
<p>Im Rahmen unserer Geschäftstätigkeit arbeiten wir mit verschiedenen externen Stellen zusammen. Dabei ist teilweise auch eine Übermittlung von personenbezogenen Daten an diese externen Stellen erforderlich. Wir geben personenbezogene Daten nur dann an externe Stellen weiter, wenn dies im Rahmen einer Vertragserfüllung erforderlich ist, wenn wir gesetzlich hierzu verpflichtet sind (z. B. Weitergabe von Daten an Steuerbehörden), wenn wir ein berechtigtes Interesse nach Art. 6 Abs. 1 lit. f DSGVO an der Weitergabe haben oder wenn eine sonstige Rechtsgrundlage die Datenweitergabe erlaubt. Beim Einsatz von Auftragsverarbeitern geben wir personenbezogene Daten unserer Kunden nur auf Grundlage eines gültigen Vertrags über Auftragsverarbeitung weiter. Im Falle einer gemeinsamen Verarbeitung wird ein Vertrag über gemeinsame Verarbeitung geschlossen.</p>
|
||||
|
||||
<h3>Widerruf Ihrer Einwilligung zur Datenverarbeitung</h3>
|
||||
<p>Viele Datenverarbeitungsvorgänge sind nur mit Ihrer ausdrücklichen Einwilligung möglich. Sie können eine bereits erteilte Einwilligung jederzeit widerrufen. Die Rechtmäßigkeit der bis zum Widerruf erfolgten Datenverarbeitung bleibt vom Widerruf unberührt.</p>
|
||||
|
||||
<h3>Widerspruchsrecht gegen die Datenerhebung in besonderen Fällen sowie gegen Direktwerbung (Art. 21 DSGVO)</h3>
|
||||
<div class="important-notice">
|
||||
<p><strong>WENN DIE DATENVERARBEITUNG AUF GRUNDLAGE VON ART. 6 ABS. 1 LIT. E ODER F DSGVO ERFOLGT, HABEN SIE JEDERZEIT DAS RECHT, AUS GRÜNDEN, DIE SICH AUS IHRER BESONDEREN SITUATION ERGEBEN, GEGEN DIE VERARBEITUNG IHRER PERSONENBEZOGENEN DATEN WIDERSPRUCH EINZULEGEN; DIES GILT AUCH FÜR EIN AUF DIESE BESTIMMUNGEN GESTÜTZTES PROFILING. DIE JEWEILIGE RECHTSGRUNDLAGE, AUF DENEN EINE VERARBEITUNG BERUHT, ENTNEHMEN SIE DIESER DATENSCHUTZERKLÄRUNG. WENN SIE WIDERSPRUCH EINLEGEN, WERDEN WIR IHRE BETROFFENEN PERSONENBEZOGENEN DATEN NICHT MEHR VERARBEITEN, ES SEI DENN, WIR KÖNNEN ZWINGENDE SCHUTZWÜRDIGE GRÜNDE FÜR DIE VERARBEITUNG NACHWEISEN, DIE IHRE INTERESSEN, RECHTE UND FREIHEITEN ÜBERWIEGEN ODER DIE VERARBEITUNG DIENT DER GELTENDMACHUNG, AUSÜBUNG ODER VERTEIDIGUNG VON RECHTSANSPRÜCHEN (WIDERSPRUCH NACH ART. 21 ABS. 1 DSGVO).</strong></p>
|
||||
<p><strong>WERDEN IHRE PERSONENBEZOGENEN DATEN VERARBEITET, UM DIREKTWERBUNG ZU BETREIBEN, SO HABEN SIE DAS RECHT, JEDERZEIT WIDERSPRUCH GEGEN DIE VERARBEITUNG SIE BETREFFENDER PERSONENBEZOGENER DATEN ZUM ZWECKE DERARTIGER WERBUNG EINZULEGEN; DIES GILT AUCH FÜR DAS PROFILING, SOWEIT ES MIT SOLCHER DIREKTWERBUNG IN VERBINDUNG STEHT. WENN SIE WIDERSPRECHEN, WERDEN IHRE PERSONENBEZOGENEN DATEN ANSCHLIESSEND NICHT MEHR ZUM ZWECKE DER DIREKTWERBUNG VERWENDET (WIDERSPRUCH NACH ART. 21 ABS. 2 DSGVO).</strong></p>
|
||||
</div>
|
||||
|
||||
<h3>Beschwerderecht bei der zuständigen Aufsichtsbehörde</h3>
|
||||
<p>Im Falle von Verstößen gegen die DSGVO steht den Betroffenen ein Beschwerderecht bei einer Aufsichtsbehörde, insbesondere in dem Mitgliedstaat ihres gewöhnlichen Aufenthalts, ihres Arbeitsplatzes oder des Orts des mutmaßlichen Verstoßes zu. Das Beschwerderecht besteht unbeschadet anderweitiger verwaltungsrechtlicher oder gerichtlicher Rechtsbehelfe.</p>
|
||||
|
||||
<h3>Recht auf Datenübertragbarkeit</h3>
|
||||
<p>Sie haben das Recht, Daten, die wir auf Grundlage Ihrer Einwilligung oder in Erfüllung eines Vertrags automatisiert verarbeiten, an sich oder an einen Dritten in einem gängigen, maschinenlesbaren Format aushändigen zu lassen. Sofern Sie die direkte Übertragung der Daten an einen anderen Verantwortlichen verlangen, erfolgt dies nur, soweit es technisch machbar ist.</p>
|
||||
|
||||
<h3>Auskunft, Berichtigung und Löschung</h3>
|
||||
<p>Sie haben im Rahmen der geltenden gesetzlichen Bestimmungen jederzeit das Recht auf unentgeltliche Auskunft über Ihre gespeicherten personenbezogenen Daten, deren Herkunft und Empfänger und den Zweck der Datenverarbeitung und ggf. ein Recht auf Berichtigung oder Löschung dieser Daten. Hierzu sowie zu weiteren Fragen zum Thema personenbezogene Daten können Sie sich jederzeit an uns wenden.</p>
|
||||
|
||||
<h3>Recht auf Einschränkung der Verarbeitung</h3>
|
||||
<p>Sie haben das Recht, die Einschränkung der Verarbeitung Ihrer personenbezogenen Daten zu verlangen. Hierzu können Sie sich jederzeit an uns wenden. Das Recht auf Einschränkung der Verarbeitung besteht in folgenden Fällen:</p>
|
||||
<ul>
|
||||
<li>Wenn Sie die Richtigkeit Ihrer bei uns gespeicherten personenbezogenen Daten bestreiten, benötigen wir in der Regel Zeit, um dies zu überprüfen. Für die Dauer der Prüfung haben Sie das Recht, die Einschränkung der Verarbeitung Ihrer personenbezogenen Daten zu verlangen.</li>
|
||||
<li>Wenn die Verarbeitung Ihrer personenbezogenen Daten unrechtmäßig geschah/geschieht, können Sie statt der Löschung die Einschränkung der Datenverarbeitung verlangen.</li>
|
||||
<li>Wenn wir Ihre personenbezogenen Daten nicht mehr benötigen, Sie sie jedoch zur Ausübung, Verteidigung oder Geltendmachung von Rechtsansprüchen benötigen, haben Sie das Recht, statt der Löschung die Einschränkung der Verarbeitung Ihrer personenbezogenen Daten zu verlangen.</li>
|
||||
<li>Wenn Sie einen Widerspruch nach Art. 21 Abs. 1 DSGVO eingelegt haben, muss eine Abwägung zwischen Ihren und unseren Interessen vorgenommen werden. Solange noch nicht feststeht, wessen Interessen überwiegen, haben Sie das Recht, die Einschränkung der Verarbeitung Ihrer personenbezogenen Daten zu verlangen.</li>
|
||||
</ul>
|
||||
<p>Wenn Sie die Verarbeitung Ihrer personenbezogenen Daten eingeschränkt haben, dürfen diese Daten – von ihrer Speicherung abgesehen – nur mit Ihrer Einwilligung oder zur Geltendmachung, Ausübung oder Verteidigung von Rechtsansprüchen oder zum Schutz der Rechte einer anderen natürlichen oder juristischen Person oder aus Gründen eines wichtigen öffentlichen Interesses der Europäischen Union oder eines Mitgliedstaats verarbeitet werden.</p>
|
||||
|
||||
<h3>SSL- bzw. TLS-Verschlüsselung</h3>
|
||||
<p>Diese Seite nutzt aus Sicherheitsgründen und zum Schutz der Übertragung vertraulicher Inhalte, wie zum Beispiel Bestellungen oder Anfragen, die Sie an uns als Seitenbetreiber senden, eine SSL- bzw. TLS-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>
|
||||
<p>Wenn die SSL- bzw. TLS-Verschlüsselung aktiviert ist, können die Daten, die Sie an uns übermitteln, nicht von Dritten mitgelesen werden.</p>
|
||||
|
||||
<h3>Widerspruch gegen Werbe-E-Mails</h3>
|
||||
<p>Der Nutzung von im Rahmen der Impressumspflicht veröffentlichten Kontaktdaten zur Übersendung von nicht ausdrücklich angeforderter Werbung und Informationsmaterialien wird hiermit widersprochen. Die Betreiber der Seiten behalten sich ausdrücklich rechtliche Schritte im Falle der unverlangten Zusendung von Werbeinformationen, etwa durch Spam-E-Mails, vor.</p>
|
||||
</div>
|
||||
|
||||
<div class="datenschutz-section">
|
||||
<h2>4. Datenerfassung auf dieser Website</h2>
|
||||
|
||||
<h3>Cookies</h3>
|
||||
<p>Unsere Internetseiten verwenden so genannte „Cookies". Cookies sind kleine Datenpakete und richten auf Ihrem Endgerät keinen Schaden an. Sie werden entweder vorübergehend für die Dauer einer Sitzung (Session-Cookies) oder dauerhaft (permanente Cookies) auf Ihrem Endgerät gespeichert. Session-Cookies werden nach Ende Ihres Besuchs automatisch gelöscht. Permanente Cookies bleiben auf Ihrem Endgerät gespeichert, bis Sie diese selbst löschen oder eine automatische Löschung durch Ihren Webbrowser erfolgt.</p>
|
||||
<p>Cookies können von uns (First-Party-Cookies) oder von Drittunternehmen stammen (sog. Third-Party-Cookies). Third-Party-Cookies ermöglichen die Einbindung bestimmter Dienstleistungen von Drittunternehmen innerhalb von Webseiten (z. B. Cookies zur Abwicklung von Zahlungsdienstleistungen).</p>
|
||||
<p>Cookies haben verschiedene Funktionen. Zahlreiche Cookies sind technisch notwendig, da bestimmte Webseitenfunktionen ohne diese nicht funktionieren würden (z. B. die Warenkorbfunktion oder die Anzeige von Videos). Andere Cookies können zur Auswertung des Nutzerverhaltens oder zu Werbezwecken verwendet werden.</p>
|
||||
<p>Cookies, die zur Durchführung des elektronischen Kommunikationsvorgangs, zur Bereitstellung bestimmter, von Ihnen erwünschter Funktionen (z. B. für die Warenkorbfunktion) oder zur Optimierung der Website (z. B. Cookies zur Messung des Webpublikums) erforderlich sind (notwendige Cookies), werden auf Grundlage von Art. 6 Abs. 1 lit. f DSGVO gespeichert, sofern keine andere Rechtsgrundlage angegeben wird. Der Websitebetreiber hat ein berechtigtes Interesse an der Speicherung von notwendigen Cookies zur technisch fehlerfreien und optimierten Bereitstellung seiner Dienste. Sofern eine Einwilligung zur Speicherung von Cookies und vergleichbaren Wiedererkennungstechnologien abgefragt wurde, erfolgt die Verarbeitung ausschließlich auf Grundlage dieser Einwilligung (Art. 6 Abs. 1 lit. a DSGVO und § 25 Abs. 1 TDDDG); die Einwilligung ist jederzeit widerrufbar.</p>
|
||||
<p>Sie können Ihren Browser so einstellen, dass Sie über das Setzen von Cookies informiert werden und Cookies nur im Einzelfall erlauben, die Annahme von Cookies für bestimmte Fälle oder generell ausschließen sowie das automatische Löschen der Cookies beim Schließen des Browsers aktivieren. Bei der Deaktivierung von Cookies kann die Funktionalität dieser Website eingeschränkt sein.</p>
|
||||
<p>Welche Cookies und Dienste auf dieser Website eingesetzt werden, können Sie dieser Datenschutzerklärung entnehmen.</p>
|
||||
</div>
|
||||
|
||||
<div class="datenschutz-section">
|
||||
<h2>5. Newsletter</h2>
|
||||
|
||||
<h3>Newsletterdaten</h3>
|
||||
<p>Wenn Sie den auf der Website angebotenen Newsletter beziehen möchten, benötigen wir von Ihnen eine E-Mail-Adresse sowie Informationen, welche uns die Überprüfung gestatten, dass Sie der Inhaber der angegebenen E-Mail-Adresse sind und mit dem Empfang des Newsletters einverstanden sind. Weitere Daten werden nicht bzw. nur auf freiwilliger Basis erhoben. Diese Daten verwenden wir ausschließlich für den Versand der angeforderten Informationen und geben diese nicht an Dritte weiter.</p>
|
||||
<p>Die Verarbeitung der in das Newsletteranmeldeformular eingegebenen Daten erfolgt ausschließlich auf Grundlage Ihrer Einwilligung (Art. 6 Abs. 1 lit. a DSGVO). Die erteilte Einwilligung zur Speicherung der Daten, der E-Mail-Adresse sowie deren Nutzung zum Versand des Newsletters können Sie jederzeit widerrufen, etwa über den „Austragen"-Link im Newsletter. Die Rechtmäßigkeit der bereits erfolgten Datenverarbeitungsvorgänge bleibt vom Widerruf unberührt.</p>
|
||||
<p>Die von Ihnen zum Zwecke des Newsletter-Bezugs bei uns hinterlegten Daten werden von uns bis zu Ihrer Austragung aus dem Newsletter bei uns bzw. dem Newsletterdiensteanbieter gespeichert und nach der Abbestellung des Newsletters oder nach Zweckfortfall aus der Newsletterverteilerliste gelöscht. Wir behalten uns vor, E-Mail-Adressen aus unserem Newsletterverteiler nach eigenem Ermessen im Rahmen unseres berechtigten Interesses nach Art. 6 Abs. 1 lit. f DSGVO zu löschen oder zu sperren.</p>
|
||||
<p>Daten, die zu anderen Zwecken bei uns gespeichert wurden, bleiben hiervon unberührt.</p>
|
||||
<p>Nach Ihrer Austragung aus der Newsletterverteilerliste wird Ihre E-Mail-Adresse bei uns bzw. dem Newsletterdiensteanbieter ggf. in einer Blacklist gespeichert, sofern dies zur Verhinderung künftiger Mailings erforderlich ist. Die Daten aus der Blacklist werden nur für diesen Zweck verwendet und nicht mit anderen Daten zusammengeführt. Dies dient sowohl Ihrem Interesse als auch unserem Interesse an der Einhaltung der gesetzlichen Vorgaben beim Versand von Newslettern (berechtigtes Interesse im Sinne des Art. 6 Abs. 1 lit. f DSGVO). Die Speicherung in der Blacklist ist zeitlich nicht befristet. <strong>Sie können der Speicherung widersprechen, sofern Ihre Interessen unser berechtigtes Interesse überwiegen.</strong></p>
|
||||
</div>
|
||||
|
||||
<div class="datenschutz-section">
|
||||
<h2>6. Plugins und Tools</h2>
|
||||
|
||||
<h3>Google Fonts (lokales Hosting)</h3>
|
||||
<p>Diese Seite nutzt zur einheitlichen Darstellung von Schriftarten so genannte Google Fonts, die von Google bereitgestellt werden. Die Google Fonts sind lokal installiert. Eine Verbindung zu Servern von Google findet dabei nicht statt.</p>
|
||||
<p>Weitere Informationen zu Google Fonts finden Sie unter <a href="https://developers.google.com/fonts/faq" target="_blank">https://developers.google.com/fonts/faq</a> und in der Datenschutzerklärung von Google: <a href="https://policies.google.com/privacy?hl=de" target="_blank">https://policies.google.com/privacy?hl=de</a>.</p>
|
||||
</div>
|
||||
|
||||
<div class="source-note">
|
||||
<p>Quelle: <a href="https://www.e-recht24.de" target="_blank">https://www.e-recht24.de</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="footer-content">
|
||||
<div class="footer-section">
|
||||
<h4>IntelSight UG (haftungsbeschränkt)</h4>
|
||||
<p>Gladbacher Strasse 3-5</p>
|
||||
<p>40764 Langenfeld</p>
|
||||
</div>
|
||||
<div class="footer-section">
|
||||
<h4>Navigation</h4>
|
||||
<ul>
|
||||
<li><a href="index.html#home">Startseite</a></li>
|
||||
<li><a href="index.html#about">Über uns</a></li>
|
||||
<li><a href="index.html#products">Produkte</a></li>
|
||||
<li><a href="mailto:info@intelsight.de">Kontakt</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="footer-section">
|
||||
<h4>Rechtliches</h4>
|
||||
<ul>
|
||||
<li><a href="impressum.html">Impressum</a></li>
|
||||
<li><a href="datenschutz.html">Datenschutz</a></li>
|
||||
<li><a href="#">AGB</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="footer-section">
|
||||
<h4>Kontakt</h4>
|
||||
<p><a href="mailto:info@intelsight.de">info@intelsight.de</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<p class="copyright">© 2025 IntelSight UG (haftungsbeschränkt). Alle Rechte vorbehalten.</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
183
impressum.html
Normale Datei
183
impressum.html
Normale Datei
@ -0,0 +1,183 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Impressum - IntelSight</title>
|
||||
<link rel="stylesheet" href="css/main.css">
|
||||
<link rel="stylesheet" href="css/fonts.css">
|
||||
<style>
|
||||
body {
|
||||
background: #0a0f1c;
|
||||
min-height: 100vh;
|
||||
}
|
||||
.impressum-container {
|
||||
max-width: 800px;
|
||||
margin: 0 auto;
|
||||
padding: 120px 20px 40px;
|
||||
}
|
||||
.impressum-header {
|
||||
margin-bottom: 40px;
|
||||
text-align: center;
|
||||
}
|
||||
.impressum-header h1 {
|
||||
font-family: 'Bebas Neue', sans-serif;
|
||||
font-size: 3rem;
|
||||
font-weight: 400;
|
||||
color: #ffffff;
|
||||
margin-bottom: 10px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 3px;
|
||||
}
|
||||
.impressum-content {
|
||||
background: rgba(255, 255, 255, 0.95);
|
||||
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
|
||||
border-radius: 20px;
|
||||
padding: 40px;
|
||||
backdrop-filter: blur(10px);
|
||||
}
|
||||
.impressum-section {
|
||||
margin-bottom: 30px;
|
||||
border-bottom: 1px solid rgba(15, 114, 181, 0.1);
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
.impressum-section:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
.impressum-section h2 {
|
||||
font-family: 'Bebas Neue', sans-serif;
|
||||
font-size: 1.5rem;
|
||||
color: #0f72b5;
|
||||
margin-bottom: 15px;
|
||||
font-weight: 400;
|
||||
letter-spacing: 1px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.impressum-section p {
|
||||
font-family: 'Inter', sans-serif;
|
||||
color: #333333;
|
||||
line-height: 1.6;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.impressum-section strong {
|
||||
color: #1a1a1a;
|
||||
font-weight: 600;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- Navigation -->
|
||||
<nav class="navbar" role="navigation" aria-label="Hauptnavigation">
|
||||
<div class="nav-container">
|
||||
<div class="logo">
|
||||
<a href="index.html">
|
||||
<img src="assets/images/logos/intelsight-name-light.svg" alt="IntelSight" class="logo-img">
|
||||
</a>
|
||||
</div>
|
||||
<ul class="nav-menu">
|
||||
<li><a href="index.html#home">Startseite</a></li>
|
||||
<li><a href="index.html#about">Über uns</a></li>
|
||||
<li><a href="index.html#products">Produkte & Lösungen</a></li>
|
||||
<li><a href="mailto:info@intelsight.de">Kontakt</a></li>
|
||||
</ul>
|
||||
<div class="nav-extras">
|
||||
<button class="lang-toggle" data-lang="de" aria-label="Sprache wechseln">DE | EN</button>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div class="impressum-container">
|
||||
<div class="impressum-header">
|
||||
<h1>Impressum</h1>
|
||||
</div>
|
||||
|
||||
<div class="impressum-content">
|
||||
<div class="impressum-section">
|
||||
<h2>Angaben gemäß § 5 TMG</h2>
|
||||
<p><strong>IntelSight UG i. G. (haftungsbeschränkt)</strong></p>
|
||||
<p>Gladbacher Strasse 3-5<br>
|
||||
40764 Langenfeld</p>
|
||||
</div>
|
||||
|
||||
<div class="impressum-section">
|
||||
<h2>Vertreten durch</h2>
|
||||
<p>Hendrik Gebhardt<br>
|
||||
Monami Homma</p>
|
||||
</div>
|
||||
|
||||
<div class="impressum-section">
|
||||
<h2>Kontakt</h2>
|
||||
<p>E-Mail: info@intelsight.de</p>
|
||||
</div>
|
||||
|
||||
<div class="impressum-section">
|
||||
<h2>Registereintrag</h2>
|
||||
<p>Handelsregister: [Nummer des Registereintrags]<br>
|
||||
Registergericht: [Name des Registergerichts]</p>
|
||||
</div>
|
||||
|
||||
<div class="impressum-section">
|
||||
<h2>Umsatzsteuer-ID</h2>
|
||||
<p>Umsatzsteuer-Identifikationsnummer gemäß § 27 a Umsatzsteuergesetz:<br>
|
||||
DE [Nummer]</p>
|
||||
</div>
|
||||
|
||||
<div class="impressum-section">
|
||||
<h2>Verbraucherstreitbeilegung/Universalschlichtungsstelle</h2>
|
||||
<p>Wir sind nicht bereit oder verpflichtet, an Streitbeilegungsverfahren vor einer Verbraucherschlichtungsstelle teilzunehmen.</p>
|
||||
</div>
|
||||
|
||||
<div class="impressum-section">
|
||||
<h2>Haftungsausschluss</h2>
|
||||
<p><strong>Haftung für Inhalte</strong><br>
|
||||
Die Inhalte unserer Seiten wurden mit größter Sorgfalt erstellt. Für die Richtigkeit, Vollständigkeit und Aktualität der Inhalte können wir jedoch keine Gewähr übernehmen. Als Diensteanbieter sind wir gemäß § 7 Abs.1 TMG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 TMG sind wir als Diensteanbieter jedoch nicht verpflichtet, übermittelte oder gespeicherte fremde Informationen zu überwachen oder nach Umständen zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen.</p>
|
||||
|
||||
<p><strong>Haftung für Links</strong><br>
|
||||
Unser Angebot enthält Links zu externen Webseiten Dritter, auf deren Inhalte wir keinen Einfluss haben. Deshalb können wir für diese fremden Inhalte auch keine Gewähr übernehmen. Für die Inhalte der verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber der Seiten verantwortlich.</p>
|
||||
|
||||
<p><strong>Urheberrecht</strong><br>
|
||||
Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen Seiten unterliegen dem deutschen Urheberrecht. Die Vervielfältigung, Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der Grenzen des Urheberrechtes bedürfen der schriftlichen Zustimmung des jeweiligen Autors bzw. Erstellers.</p>
|
||||
|
||||
<p style="margin-top: 30px; font-size: 0.9rem; color: #666;">
|
||||
Quelle: <a href="https://www.e-recht24.de" target="_blank" style="color: #0066cc;">eRecht24</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="footer-content">
|
||||
<div class="footer-section">
|
||||
<h4>IntelSight UG (haftungsbeschränkt)</h4>
|
||||
<p>Gladbacher Strasse 3-5</p>
|
||||
<p>40764 Langenfeld</p>
|
||||
</div>
|
||||
<div class="footer-section">
|
||||
<h4>Navigation</h4>
|
||||
<ul>
|
||||
<li><a href="index.html#home">Startseite</a></li>
|
||||
<li><a href="index.html#about">Über uns</a></li>
|
||||
<li><a href="index.html#products">Produkte</a></li>
|
||||
<li><a href="mailto:info@intelsight.de">Kontakt</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="footer-section">
|
||||
<h4>Rechtliches</h4>
|
||||
<ul>
|
||||
<li><a href="impressum.html">Impressum</a></li>
|
||||
<li><a href="datenschutz.html">Datenschutz</a></li>
|
||||
<li><a href="#">AGB</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="footer-section">
|
||||
<h4>Kontakt</h4>
|
||||
<p><a href="mailto:info@intelsight.de">info@intelsight.de</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<p class="copyright">© 2025 IntelSight UG (haftungsbeschränkt). Alle Rechte vorbehalten.</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
639
index.html
639
index.html
@ -3,341 +3,370 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>IntelSight - Sicherheit Made in Germany</title>
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
<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=Bebas+Neue&family=Inter:wght@300;400;600;700&display=swap" rel="stylesheet">
|
||||
<title data-translate="pageTitle">IntelSight - Sicherheit Made in Germany</title>
|
||||
<link rel="stylesheet" href="css/main.css">
|
||||
<link rel="stylesheet" href="css/animations-enhanced.css">
|
||||
<link rel="stylesheet" href="css/section-transitions.css">
|
||||
<link rel="stylesheet" href="css/about-modern.css">
|
||||
<link rel="stylesheet" href="css/products-modern.css">
|
||||
<link rel="stylesheet" href="css/fonts.css">
|
||||
</head>
|
||||
<body>
|
||||
<!-- Skip Navigation -->
|
||||
<a href="#features" class="skip-nav">Zum Hauptinhalt springen</a>
|
||||
<a href="#features" class="skip-nav" data-translate="skipNav">Zum Hauptinhalt springen</a>
|
||||
|
||||
<!-- Navigation -->
|
||||
<nav class="navbar" role="navigation" aria-label="Hauptnavigation">
|
||||
<div class="nav-container">
|
||||
<div class="logo">
|
||||
<img src="Logo/intelsight-dark-no-tagline-website-cropped.svg" alt="IntelSight" class="logo-img">
|
||||
<img src="assets/images/logos/intelsight-name-light.svg" alt="IntelSight" class="logo-img">
|
||||
</div>
|
||||
<ul class="nav-menu">
|
||||
<li><a href="#features">Funktionen</a></li>
|
||||
<li><a href="#security">Sicherheit</a></li>
|
||||
<li><a href="#about">Über uns</a></li>
|
||||
<li><a href="#contact">Kontakt</a></li>
|
||||
<li><a href="#home" data-translate="navHome">Startseite</a></li>
|
||||
<li><a href="#about" data-translate="navAbout">Über uns</a></li>
|
||||
<li><a href="#products" data-translate="navProducts">Produkte & Lösungen</a></li>
|
||||
<li><a href="mailto:info@intelsight.de" data-translate="navContact">Kontakt</a></li>
|
||||
</ul>
|
||||
<div class="nav-extras">
|
||||
<button class="lang-toggle" data-lang="de" aria-label="Sprache wechseln">DE | EN</button>
|
||||
<button class="cta-button" aria-label="Demo anfordern">Demo anfordern</button>
|
||||
<button class="lang-toggle" data-lang="de" aria-label="Sprache wechseln" data-translate="langSwitch">DE | EN</button>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- Hero Section -->
|
||||
<section class="hero">
|
||||
<video class="hero-video" autoplay muted loop playsinline>
|
||||
<source src="assets/videos/background.mp4" type="video/mp4">
|
||||
<source src="assets/videos/background.webm" type="video/webm">
|
||||
</video>
|
||||
<div class="video-overlay"></div>
|
||||
<section class="hero" id="home">
|
||||
<!-- Animated Background Gradient -->
|
||||
<div class="gradient-animated" style="position: absolute; inset: 0; opacity: 0.3; z-index: 0;"></div>
|
||||
<!-- Rotating Background Videos -->
|
||||
<div class="hero-video-container">
|
||||
<video class="hero-video active" autoplay muted loop playsinline>
|
||||
<source src="assets/videos/hero-data-flow.mp4" type="video/mp4">
|
||||
</video>
|
||||
<video class="hero-video" autoplay muted loop playsinline>
|
||||
<source src="assets/videos/hero-network-viz.mp4" type="video/mp4">
|
||||
</video>
|
||||
<video class="hero-video" autoplay muted loop playsinline>
|
||||
<source src="assets/videos/hero-code-abstract.mp4" type="video/mp4">
|
||||
</video>
|
||||
</div>
|
||||
|
||||
<!-- Light Overlay for better text readability -->
|
||||
<div class="hero-overlay"></div>
|
||||
|
||||
<!-- Particle Animation Canvas -->
|
||||
<canvas id="particleCanvas" aria-hidden="true"></canvas>
|
||||
<div class="hero-content">
|
||||
|
||||
<div class="hero-content animate-in">
|
||||
<h1 class="hero-title">
|
||||
<span class="subtitle">IntelSight</span>
|
||||
<span class="main-title">SICHERHEIT MADE IN GERMANY</span>
|
||||
<span class="main-title" data-translate="heroTitle">SICHERHEIT MADE IN GERMANY</span>
|
||||
</h1>
|
||||
<p class="hero-text">Fortschrittliche Software für moderne Strafverfolgung</p>
|
||||
|
||||
<div class="hero-cta">
|
||||
<button class="primary-button" aria-label="Mehr über IntelSight erfahren">Entdecken Sie mehr</button>
|
||||
<button class="secondary-button">Live-Demo</button>
|
||||
</div>
|
||||
<p class="hero-text animate-in stagger-2" data-translate="heroSubtitle">Spezialist für hochsichere, maßgeschneiderte IT-Lösungen für Behörden</p>
|
||||
</div>
|
||||
|
||||
<div class="trust-indicators">
|
||||
<div class="indicator">
|
||||
<span class="indicator-value" data-target="99.9">0</span>%
|
||||
<span class="indicator-label">Verfügbarkeit</span>
|
||||
<span class="indicator-label" data-translate="indicatorAvailability">Verfügbarkeit</span>
|
||||
</div>
|
||||
<div class="indicator">
|
||||
<span class="indicator-value" data-target="500">0</span>+
|
||||
<span class="indicator-label">Behörden vertrauen uns</span>
|
||||
<span class="indicator-label" data-translate="indicatorTrust">Behörden vertrauen uns</span>
|
||||
</div>
|
||||
<div class="indicator">
|
||||
<span class="indicator-value" data-target="24">0</span>/7
|
||||
<span class="indicator-label">Support</span>
|
||||
<span class="indicator-label" data-translate="indicatorSupport">Support</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Scroll Indicator -->
|
||||
<div class="scroll-indicator">
|
||||
<span class="scroll-text" data-translate="scrollToExplore">Scroll to Explore</span>
|
||||
<div class="scroll-arrow">
|
||||
<img src="assets/images/icons/arrow-down.svg" alt="Scroll Down" width="24" height="24">
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Digital Beat Section -->
|
||||
<section class="digital-beat" id="features">
|
||||
<!-- About Us Section -->
|
||||
<section class="about-section" id="about">
|
||||
<div class="container">
|
||||
<h2 class="section-title">Der Digitale Takt</h2>
|
||||
<p class="section-subtitle">Ein Tag mit IntelSight</p>
|
||||
<h2 class="section-title" data-translate="aboutTitle">ÜBER UNS</h2>
|
||||
<p class="section-subtitle" data-translate="aboutSubtitle">Ihr Partner für sichere Behördensoftware</p>
|
||||
|
||||
<div class="timeline">
|
||||
<div class="liquid-timeline"></div>
|
||||
<div class="timeline-item" data-time="06:00" tabindex="0" role="article" aria-label="06:00 Uhr - Schichtbeginn">
|
||||
<div class="timeline-icon">
|
||||
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12 6V12L16 14" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
|
||||
<circle cx="12" cy="12" r="9" stroke="currentColor" stroke-width="2"/>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="timeline-content">
|
||||
<h3>Schichtbeginn</h3>
|
||||
<p>Automatische Zusammenfassung der Nacht-Ereignisse</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="timeline-item" data-time="09:00" tabindex="0" role="article" aria-label="09:00 Uhr - Echtzeit-Analyse">
|
||||
<div class="timeline-icon">
|
||||
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect x="3" y="3" width="18" height="18" rx="2" stroke="currentColor" stroke-width="2"/>
|
||||
<path d="M8 12L11 15L16 9" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="timeline-content">
|
||||
<h3>Echtzeit-Analyse</h3>
|
||||
<p>KI-gestützte Mustererkennung in laufenden Fällen</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="timeline-item" data-time="14:00" tabindex="0" role="article" aria-label="14:00 Uhr - Präventive Sicherheit">
|
||||
<div class="timeline-icon">
|
||||
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12 2L2 7V12C2 16.5 5 20.74 12 22C19 20.74 22 16.5 22 12V7L12 2Z" stroke="currentColor" stroke-width="2"/>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="timeline-content">
|
||||
<h3>Präventive Sicherheit</h3>
|
||||
<p>Vorhersage-Algorithmen identifizieren Risikobereiche</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="timeline-item" data-time="22:00" tabindex="0" role="article" aria-label="22:00 Uhr - Tagesbericht">
|
||||
<div class="timeline-icon">
|
||||
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M9 11V17L12 15.5L15 17V11" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
|
||||
<rect x="4" y="4" width="16" height="16" rx="2" stroke="currentColor" stroke-width="2"/>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="timeline-content">
|
||||
<h3>Tagesbericht</h3>
|
||||
<p>Automatisierte Dokumentation und Übergabe</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- About Tabs Navigation -->
|
||||
<div class="about-tabs">
|
||||
<button class="about-tab active" data-tab="who-we-are" data-translate="tabWhoWeAre">Unternehmen</button>
|
||||
<button class="about-tab" data-tab="mission" data-translate="tabMission">Mission & Werte</button>
|
||||
<button class="about-tab" data-tab="competencies" data-translate="tabCompetencies">Kernkompetenzen</button>
|
||||
<button class="about-tab" data-tab="why-us" data-translate="tabWhyUs">Unser Versprechen</button>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Intelligence Visualization Section -->
|
||||
<section class="intelligence-viz" id="security">
|
||||
<canvas id="neuralCanvas"></canvas>
|
||||
<div class="data-particles" id="dataParticles"></div>
|
||||
<div class="container">
|
||||
<h2 class="section-title">Intelligenz visualisiert</h2>
|
||||
<div class="viz-container">
|
||||
|
||||
<div class="feature-nodes">
|
||||
<div class="node" data-feature="encryption" tabindex="0" role="article" aria-label="Ende-zu-Ende Verschlüsselung">
|
||||
<div class="node-icon">
|
||||
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12 2L3 7V11C3 16.55 6.84 21.74 12 23C17.16 21.74 21 16.55 21 11V7L12 2Z" stroke="currentColor" stroke-width="1.5"/>
|
||||
<path d="M12 11V14M12 14V17M12 14H9M12 14H15" stroke="currentColor" stroke-width="1.5"/>
|
||||
</svg>
|
||||
|
||||
<!-- About Content Panels -->
|
||||
<div class="about-content">
|
||||
<!-- Wer wir sind -->
|
||||
<div class="about-panel active reveal" id="who-we-are">
|
||||
<div class="panel-text">
|
||||
<div class="company-cards-wrapper">
|
||||
<div class="company-card">
|
||||
<h4>
|
||||
<span class="company-card-icon">
|
||||
<img src="assets/images/icons/shield.svg" alt="Security" width="24" height="24">
|
||||
</span>
|
||||
Spezialist für Behördensoftware
|
||||
</h4>
|
||||
<p data-translate="whoWeArePara1">IntelSight UG ist Ihr <strong>Spezialist für hochsichere, maßgeschneiderte IT-Lösungen</strong> aus Nordrhein-Westfalen. Wir entwickeln innovative Software speziell für staatliche Sicherheits- und Ermittlungsbehörden.</p>
|
||||
</div>
|
||||
<div class="company-card">
|
||||
<h4>
|
||||
<span class="company-card-icon">
|
||||
<img src="assets/images/icons/plus-circle.svg" alt="Future" width="24" height="24">
|
||||
</span>
|
||||
Unser Ansatz
|
||||
</h4>
|
||||
<p data-translate="whoWeArePara2">Unser Ansatz vereint modernste Technologie mit einem tiefen Verständnis für die besonderen Anforderungen von Behörden. Dabei steht die Balance zwischen Sicherheit, Effizienz und rechtskonformer Umsetzung im Mittelpunkt unserer Arbeit.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="node-info">
|
||||
<h4>Ende-zu-Ende Verschlüsselung</h4>
|
||||
<p>Militärgrade Sicherheit für sensible Daten</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="node" data-feature="ai" tabindex="0" role="article" aria-label="KI-Analyse">
|
||||
<div class="node-icon">
|
||||
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<circle cx="12" cy="12" r="3" stroke="currentColor" stroke-width="1.5"/>
|
||||
<path d="M12 2V6M12 18V22M22 12H18M6 12H2" stroke="currentColor" stroke-width="1.5"/>
|
||||
<path d="M4.93 4.93L7.76 7.76M16.24 16.24L19.07 19.07M19.07 4.93L16.24 7.76M7.76 16.24L4.93 19.07" stroke="currentColor" stroke-width="1.5"/>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="node-info">
|
||||
<h4>KI-Analyse</h4>
|
||||
<p>Mustererkennung in Echtzeit</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="node" data-feature="integration" tabindex="0" role="article" aria-label="Nahtlose Integration">
|
||||
<div class="node-icon">
|
||||
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M8 12H16M12 8V16" stroke="currentColor" stroke-width="1.5"/>
|
||||
<circle cx="12" cy="12" r="9" stroke="currentColor" stroke-width="1.5"/>
|
||||
<circle cx="12" cy="5" r="2" stroke="currentColor" stroke-width="1.5"/>
|
||||
<circle cx="19" cy="12" r="2" stroke="currentColor" stroke-width="1.5"/>
|
||||
<circle cx="12" cy="19" r="2" stroke="currentColor" stroke-width="1.5"/>
|
||||
<circle cx="5" cy="12" r="2" stroke="currentColor" stroke-width="1.5"/>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="node-info">
|
||||
<h4>Nahtlose Integration</h4>
|
||||
<p>Verbindung zu bestehenden Systemen</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="node" data-feature="compliance" tabindex="0" role="article" aria-label="100% DSGVO-konform">
|
||||
<div class="node-icon">
|
||||
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12 2L2 7V12C2 16.5 5 20.74 12 22C19 20.74 22 16.5 22 12V7L12 2Z" stroke="currentColor" stroke-width="1.5"/>
|
||||
<path d="M9 12L11 14L15 10" stroke="currentColor" stroke-width="1.5"/>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="node-info">
|
||||
<h4>100% DSGVO-konform</h4>
|
||||
<p>Entwickelt nach deutschem Datenschutzrecht</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- German Engineering Section -->
|
||||
<section class="german-engineering" id="about">
|
||||
<div class="container">
|
||||
<h2 class="section-title">Deutsche Ingenieurskunst</h2>
|
||||
<div class="engineering-grid">
|
||||
<div class="engineering-card">
|
||||
<div class="card-icon">
|
||||
<div class="icon-bg"></div>
|
||||
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M13 2L3 14H12L11 22L21 10H12L13 2Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3>Geschwindigkeit</h3>
|
||||
<p>Millisekunden-Reaktionszeit bei kritischen Alarmen</p>
|
||||
<div class="stat-bar">
|
||||
<div class="stat-fill" style="width: 95%"></div>
|
||||
<span class="stat-value">95%</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="engineering-card">
|
||||
<div class="card-icon">
|
||||
<div class="icon-bg"></div>
|
||||
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5"/>
|
||||
<circle cx="12" cy="12" r="6" stroke="currentColor" stroke-width="1.5"/>
|
||||
<circle cx="12" cy="12" r="2" fill="currentColor"/>
|
||||
<path d="M12 2V6M12 18V22M22 12H18M6 12H2" stroke="currentColor" stroke-width="1.5"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3>Präzision</h3>
|
||||
<p>99.97% Genauigkeit bei der Datenanalyse</p>
|
||||
<div class="stat-bar">
|
||||
<div class="stat-fill" style="width: 99%"></div>
|
||||
<span class="stat-value">99%</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="engineering-card">
|
||||
<div class="card-icon">
|
||||
<div class="icon-bg"></div>
|
||||
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12 2L4 7V11C4 15.42 6.67 19.44 12 20.5C17.33 19.44 20 15.42 20 11V7L12 2Z" stroke="currentColor" stroke-width="1.5"/>
|
||||
<path d="M12 7V12L15 15" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h3>Zuverlässigkeit</h3>
|
||||
<p>Ausfallsichere Redundanz-Systeme</p>
|
||||
<div class="stat-bar">
|
||||
<div class="stat-fill" style="width: 100%"></div>
|
||||
<span class="stat-value">100%</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Command Center Preview -->
|
||||
<section class="command-center">
|
||||
<div class="container">
|
||||
<h2 class="section-title">Kommandozentrale</h2>
|
||||
<div class="preview-container">
|
||||
<div class="preview-header">
|
||||
<div class="window-controls">
|
||||
<span class="control red"></span>
|
||||
<span class="control yellow"></span>
|
||||
<span class="control green"></span>
|
||||
</div>
|
||||
<div class="preview-tabs" role="tablist" aria-label="Dashboard Ansichten">
|
||||
<button class="tab active" role="tab" aria-selected="true" aria-controls="tab-overview" tabindex="0">Übersicht</button>
|
||||
<button class="tab" role="tab" aria-selected="false" aria-controls="tab-analysis" tabindex="-1">Analyse</button>
|
||||
<button class="tab" role="tab" aria-selected="false" aria-controls="tab-reports" tabindex="-1">Berichte</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="preview-content">
|
||||
<div class="dashboard-grid">
|
||||
<div class="widget threat-level" data-value="LOW">
|
||||
<h4>Bedrohungsstufe</h4>
|
||||
<div class="threat-indicator low">NIEDRIG</div>
|
||||
</div>
|
||||
<div class="widget active-cases" data-value="247">
|
||||
<h4>Aktive Fälle</h4>
|
||||
<div class="case-count" id="liveCounter">0</div>
|
||||
</div>
|
||||
<div class="widget response-time" data-value="3.2s">
|
||||
<h4>Ø Reaktionszeit</h4>
|
||||
<div class="time-display" id="responseTimer">0.0s</div>
|
||||
</div>
|
||||
<div class="widget map-view">
|
||||
<h4>Einsatzkarte</h4>
|
||||
<div class="map-placeholder">
|
||||
<div class="map-points" id="mapPoints"></div>
|
||||
<div class="location-section">
|
||||
<div class="mini-germany-map">
|
||||
<img src="assets/images/nrw.png" alt="NRW Map" />
|
||||
</div>
|
||||
<div class="location-badge">
|
||||
<img src="assets/images/icons/location.svg" alt="Location" width="24" height="24">
|
||||
<span data-translate="locationBadge">Nordrhein-Westfalen, Deutschland</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Mission & Werte -->
|
||||
<div class="about-panel" id="mission">
|
||||
<div class="mission-grid">
|
||||
<div class="mission-header">
|
||||
<h3 data-translate="missionTitle">Unsere Mission</h3>
|
||||
<p data-translate="missionStatement">Wir schaffen <strong>effiziente, sichere und datenschutzkonforme Lösungen</strong> für moderne Strafverfolgung und Sicherheitsbehörden.</p>
|
||||
</div>
|
||||
<div class="values-grid">
|
||||
<div class="value-card card-hover-lift tilt-card">
|
||||
<div class="value-icon">
|
||||
<img src="assets/images/icons/shield-check.svg" alt="Verified" width="48" height="48">
|
||||
</div>
|
||||
<h4 data-translate="valueIntegrityTitle">Integrität</h4>
|
||||
<p data-translate="valueIntegrityDesc">Höchste ethische Standards in allem was wir tun</p>
|
||||
</div>
|
||||
<div class="value-card card-hover-lift tilt-card">
|
||||
<div class="value-icon">
|
||||
<img src="assets/images/icons/clock-circle.svg" alt="Time" width="48" height="48">
|
||||
</div>
|
||||
<h4 data-translate="valueTransparencyTitle">Transparenz</h4>
|
||||
<p data-translate="valueTransparencyDesc">Offene Kommunikation und nachvollziehbare Prozesse</p>
|
||||
</div>
|
||||
<div class="value-card card-hover-lift tilt-card">
|
||||
<div class="value-icon">
|
||||
<img src="assets/images/icons/pyramid.svg" alt="Scale" width="48" height="48">
|
||||
</div>
|
||||
<h4 data-translate="valueDemocracyTitle">Demokratische Prinzipien</h4>
|
||||
<p data-translate="valueDemocracyDesc">Kooperation nur mit Behörden im Einklang mit der freiheitlich demokratischen Grundordnung</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="principle-note">
|
||||
<p data-translate="principleNote"><strong>Unser Ziel:</strong> Technologie, die Recht und Sicherheit stärkt und die freiheitlich demokratische Grundordnung schützt.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Kernkompetenzen -->
|
||||
<div class="about-panel" id="competencies">
|
||||
<div class="competencies-list">
|
||||
<div class="competency-item">
|
||||
<div class="competency-number">01</div>
|
||||
<div class="competency-content">
|
||||
<h4 data-translate="comp1Title">Behördenspezifische Software</h4>
|
||||
<p data-translate="comp1Desc">Entwicklung mit höchsten Sicherheitsstandards, maßgeschneidert für staatliche Anforderungen</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="competency-item">
|
||||
<div class="competency-number">02</div>
|
||||
<div class="competency-content">
|
||||
<h4 data-translate="comp2Title">Intuitive Bedienkonzepte</h4>
|
||||
<p data-translate="comp2Desc">Benutzerfreundliche Oberflächen trotz komplexer Funktionen für effizientes Arbeiten</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="competency-item">
|
||||
<div class="competency-number">03</div>
|
||||
<div class="competency-content">
|
||||
<h4 data-translate="comp3Title">Langzeit-Support</h4>
|
||||
<p data-translate="comp3Desc">Kontinuierliche Sicherheitsupdates und zuverlässige Wartung über den gesamten Lebenszyklus</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Warum IntelSight -->
|
||||
<div class="about-panel" id="why-us">
|
||||
<div class="why-grid">
|
||||
<div class="why-card card-hover-lift">
|
||||
<div class="why-icon">
|
||||
<img src="assets/images/icons/check-circle-filled.svg" alt="Check" width="48" height="48">
|
||||
</div>
|
||||
<h4 data-translate="why1Title">Enge Zusammenarbeit</h4>
|
||||
<p data-translate="why1Desc">Wir arbeiten Hand in Hand mit unseren Kunden für maßgeschneiderte Lösungen</p>
|
||||
</div>
|
||||
<div class="why-card card-hover-lift">
|
||||
<div class="why-icon german-flag-icon">
|
||||
<img src="assets/images/icons/german-flag.svg" alt="German Flag" width="60" height="36">
|
||||
</div>
|
||||
<h4 data-translate="why2Title">Made in Germany</h4>
|
||||
<p data-translate="why2Desc">Klare, robuste und sichere Software nach deutschen Qualitätsstandards</p>
|
||||
</div>
|
||||
<div class="why-card card-hover-lift">
|
||||
<div class="why-icon">
|
||||
<img src="assets/handshake.svg" alt="Handshake" width="50" height="50" />
|
||||
</div>
|
||||
<h4 data-translate="why3Title">Verlässliche Partnerschaft</h4>
|
||||
<p data-translate="why3Desc">Basierend auf gemeinsamen Werten und langfristigem Vertrauen</p>
|
||||
</div>
|
||||
<div class="why-card card-hover-lift">
|
||||
<div class="why-icon">
|
||||
<img src="assets/images/icons/clock.svg" alt="Clock" width="48" height="48">
|
||||
</div>
|
||||
<h4 data-translate="why4Title">Nachhaltigkeit</h4>
|
||||
<p data-translate="why4Desc">Fokus auf Sicherheit, Professionalität & zukunftssichere Lösungen</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- CTA Section -->
|
||||
<section class="final-cta" id="contact">
|
||||
<div class="container">
|
||||
<div class="cta-content">
|
||||
<h2 class="cta-title" data-text="Bereit für die Zukunft der Strafverfolgung?">Bereit für die Zukunft der Strafverfolgung?</h2>
|
||||
<p class="cta-subtitle">Erleben Sie IntelSight in Aktion</p>
|
||||
<div class="cta-buttons">
|
||||
<button class="primary-button large">Demo vereinbaren</button>
|
||||
<button class="secondary-button large">Kontakt aufnehmen</button>
|
||||
<!-- Products & Solutions Section -->
|
||||
<section class="products-section" id="products">
|
||||
<div class="tech-particles">
|
||||
<div class="particle"></div>
|
||||
<div class="particle"></div>
|
||||
<div class="particle"></div>
|
||||
</div>
|
||||
<div class="products-container">
|
||||
<div style="text-align: center; margin-bottom: 60px;">
|
||||
<h2 class="section-title" data-translate="productsTitle">PRODUKTE & LÖSUNGEN</h2>
|
||||
<p class="section-subtitle" data-translate="productsSubtitle">Professionelle Werkzeuge für moderne Ermittlungsarbeit</p>
|
||||
</div>
|
||||
|
||||
<div class="products-grid">
|
||||
<!-- Product: IntelSight Professional Toolbox -->
|
||||
<div class="product-card">
|
||||
<div class="product-header">
|
||||
<div class="product-icon-wrapper">
|
||||
<div class="product-icon-bg"></div>
|
||||
<img class="product-icon" src="assets/images/icons/cube.svg" alt="Toolbox">
|
||||
</div>
|
||||
<div class="product-title-wrapper">
|
||||
<h3 class="product-title" data-translate="productToolboxTitle">Professional Toolbox</h3>
|
||||
<p class="product-tagline">Professional OSINT Suite</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="product-body">
|
||||
<p class="product-description" data-translate="productToolboxDesc">Eine leistungsstarke Desktop-Anwendung mit fünf essentiellen Tools für behördliche OSINT-Ermittler und Analysten. Modernes Design, intuitive Bedienung, professionelle Funktionen.</p>
|
||||
<button class="product-learn-more expand-button" data-expanded="false" onclick="toggleTools(this)">
|
||||
<span data-translate="expandDetails">Details anzeigen</span>
|
||||
</button>
|
||||
|
||||
<!-- Tools Grid (Hidden by default, shown on expand) -->
|
||||
<div class="tools-grid collapsed" id="toolsGrid">
|
||||
<!-- Tool 1: Metadata Analyzer -->
|
||||
<div class="tool-card">
|
||||
<div class="tool-icon">
|
||||
<img src="assets/images/icons/document.svg" alt="Document" width="48" height="48">
|
||||
</div>
|
||||
<h4 data-translate="tool1Title">Metadata Analyzer</h4>
|
||||
<div class="tool-features">
|
||||
<ul>
|
||||
<li data-translate="tool1Feature1">Extrahiert versteckte Informationen (EXIF, GPS, Erstellungsdaten)</li>
|
||||
<li data-translate="tool1Feature2">Forensische Analyse von Dokumenten & Bildern</li>
|
||||
<li data-translate="tool1Feature3">Export als JSON</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Tool 2: Screen Recorder -->
|
||||
<div class="tool-card">
|
||||
<div class="tool-icon">
|
||||
<img src="assets/images/icons/video-camera.svg" alt="Video" width="48" height="48">
|
||||
</div>
|
||||
<h4 data-translate="tool2Title">Screen Recorder</h4>
|
||||
<div class="tool-features">
|
||||
<ul>
|
||||
<li data-translate="tool2Feature1">Bildschirmaufnahme mit Audio (System & Mikrofon)</li>
|
||||
<li data-translate="tool2Feature2">Bereichsauswahl oder Vollbild</li>
|
||||
<li data-translate="tool2Feature3">Wählbare Qualitätsstufen</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Tool 3: Video Crawler -->
|
||||
<div class="tool-card">
|
||||
<div class="tool-icon">
|
||||
<img src="assets/images/icons/shield-play.svg" alt="Security" width="48" height="48">
|
||||
</div>
|
||||
<h4 data-translate="tool3Title">Video Crawler</h4>
|
||||
<div class="tool-features">
|
||||
<ul>
|
||||
<li data-translate="tool3Feature1">Download von Videos aus 1000+ Plattformen</li>
|
||||
<li data-translate="tool3Feature2">Automatischer Untertitel-Download</li>
|
||||
<li data-translate="tool3Feature3">Qualitätsauswahl</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Tool 4: Website Crawler -->
|
||||
<div class="tool-card">
|
||||
<div class="tool-icon">
|
||||
<img src="assets/images/icons/globe.svg" alt="Global" width="48" height="48">
|
||||
</div>
|
||||
<h4 data-translate="tool4Title">Website Crawler</h4>
|
||||
<div class="tool-features">
|
||||
<ul>
|
||||
<li data-translate="tool4Feature1">Archiviert Webseiten offline</li>
|
||||
<li data-translate="tool4Feature2">Einstellbare Crawling-Tiefe</li>
|
||||
<li data-translate="tool4Feature3">Erhält Originalstruktur inkl. CSS, JS & Medien</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Tool 5: Multimedia Converter -->
|
||||
<div class="tool-card">
|
||||
<div class="tool-icon">
|
||||
<img src="assets/images/icons/cube.svg" alt="Architecture" width="48" height="48">
|
||||
</div>
|
||||
<h4 data-translate="tool5Title">Multimedia Converter</h4>
|
||||
<div class="tool-features">
|
||||
<ul>
|
||||
<li data-translate="tool5Feature1">Konvertierung von Bildern, Videos, Audio</li>
|
||||
<li data-translate="tool5Feature2">Batch-Verarbeitung</li>
|
||||
<li data-translate="tool5Feature3">Drag & Drop Unterstützung</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="certifications">
|
||||
<div class="cert-card">
|
||||
<div class="cert-icon">
|
||||
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12 2L3 7V11C3 16.55 6.84 21.74 12 23C17.16 21.74 21 16.55 21 11V7L12 2Z" stroke="currentColor" stroke-width="1.5"/>
|
||||
<path d="M8 12L12 16L16 8" stroke="currentColor" stroke-width="1.5"/>
|
||||
</svg>
|
||||
|
||||
<!-- Product: AccountForger -->
|
||||
<div class="product-card">
|
||||
<div class="product-header">
|
||||
<div class="product-icon-wrapper">
|
||||
<div class="product-icon-bg"></div>
|
||||
<img class="product-icon" src="assets/images/icons/lock.svg" alt="AccountForger">
|
||||
</div>
|
||||
<div class="product-title-wrapper">
|
||||
<h3 class="product-title" data-translate="productAccountForgerTitle">AccountForger</h3>
|
||||
<p class="product-tagline">Zugang nur mit Berechtigung</p>
|
||||
</div>
|
||||
<div class="cert-name">ISO 27001</div>
|
||||
</div>
|
||||
<div class="cert-card">
|
||||
<div class="cert-icon">
|
||||
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12 2L2 7V12C2 17 6.5 21 12 22C17.5 21 22 17 22 12V7L12 2Z" stroke="currentColor" stroke-width="1.5"/>
|
||||
<circle cx="12" cy="12" r="3" stroke="currentColor" stroke-width="1.5"/>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="cert-name">BSI</div>
|
||||
</div>
|
||||
<div class="cert-card">
|
||||
<div class="cert-icon">
|
||||
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect x="3" y="3" width="18" height="18" rx="2" stroke="currentColor" stroke-width="1.5"/>
|
||||
<path d="M7 7H17M7 12H17M7 17H12" stroke="currentColor" stroke-width="1.5"/>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="cert-name">DSGVO</div>
|
||||
<div class="product-body">
|
||||
<p class="product-description" data-translate="protectedProductDesc">Dieses Produkt ist speziell für autorisierte Behörden entwickelt und erfordert eine Authentifizierung.</p>
|
||||
<button class="product-learn-more" onclick="showLoginModal()">
|
||||
<span data-translate="loginForAccess">Anmelden für Zugriff</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -349,27 +378,45 @@
|
||||
<div class="container">
|
||||
<div class="footer-content">
|
||||
<div class="footer-section">
|
||||
<h4>IntelSight UG</h4>
|
||||
<p>Sicherheit Made in Germany</p>
|
||||
<h4 data-translate="footerCompanyTitle">IntelSight UG (haftungsbeschränkt)</h4>
|
||||
<p data-translate="footerCompanyAddress1">Gladbacher Strasse 3-5</p>
|
||||
<p data-translate="footerCompanyAddress2">40764 Langenfeld</p>
|
||||
</div>
|
||||
<div class="footer-section">
|
||||
<h4>Rechtliches</h4>
|
||||
<h4 data-translate="footerNavTitle">Navigation</h4>
|
||||
<ul>
|
||||
<li><a href="#">Impressum</a></li>
|
||||
<li><a href="#">Datenschutz</a></li>
|
||||
<li><a href="#">AGB</a></li>
|
||||
<li><a href="#home" data-translate="footerNavHome">Startseite</a></li>
|
||||
<li><a href="#about" data-translate="footerNavAbout">Über uns</a></li>
|
||||
<li><a href="#products" data-translate="footerNavProducts">Produkte</a></li>
|
||||
<li><a href="mailto:info@intelsight.de" data-translate="footerNavContact">Kontakt</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="footer-section">
|
||||
<h4>Kontakt</h4>
|
||||
<p>info@intelsight.de</p>
|
||||
<p>+49 (0) 30 123456789</p>
|
||||
<h4 data-translate="footerLegalTitle">Rechtliches</h4>
|
||||
<ul>
|
||||
<li><a href="impressum.html" data-translate="footerImprint">Impressum</a></li>
|
||||
<li><a href="datenschutz.html" data-translate="footerPrivacy">Datenschutz</a></li>
|
||||
<li><a href="#" data-translate="footerTerms">AGB</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="footer-section">
|
||||
<h4 data-translate="footerContactTitle">Kontakt</h4>
|
||||
<p><a href="mailto:info@intelsight.de">info@intelsight.de</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<p class="copyright">© 2025 IntelSight. Alle Rechte vorbehalten.</p>
|
||||
<p class="copyright" data-translate="copyright">© 2025 IntelSight UG (haftungsbeschränkt). Alle Rechte vorbehalten.</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="script.js"></script>
|
||||
<!-- JavaScript Files -->
|
||||
<script src="js/protection.js"></script>
|
||||
<script src="js/config.js"></script>
|
||||
<script src="js/translations.js"></script>
|
||||
<script src="js/animations.js"></script>
|
||||
<script src="js/animations-enhanced.js"></script>
|
||||
<script src="js/section-transitions.js"></script>
|
||||
<script src="js/hero-videos.js"></script>
|
||||
<script src="js/components.js"></script>
|
||||
<script src="js/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
110
robots.txt
110
robots.txt
@ -1,2 +1,112 @@
|
||||
# robots.txt for IntelSight UG
|
||||
# Block ALL web crawlers and bots from the entire site
|
||||
|
||||
# Block all bots
|
||||
User-agent: *
|
||||
Disallow: /
|
||||
Crawl-delay: 86400
|
||||
|
||||
# Specifically block major search engines
|
||||
User-agent: Googlebot
|
||||
Disallow: /
|
||||
|
||||
User-agent: Bingbot
|
||||
Disallow: /
|
||||
|
||||
User-agent: Slurp
|
||||
Disallow: /
|
||||
|
||||
User-agent: DuckDuckBot
|
||||
Disallow: /
|
||||
|
||||
User-agent: Baiduspider
|
||||
Disallow: /
|
||||
|
||||
User-agent: YandexBot
|
||||
Disallow: /
|
||||
|
||||
# Block social media crawlers
|
||||
User-agent: facebookexternalhit
|
||||
Disallow: /
|
||||
|
||||
User-agent: Twitterbot
|
||||
Disallow: /
|
||||
|
||||
User-agent: LinkedInBot
|
||||
Disallow: /
|
||||
|
||||
User-agent: WhatsApp
|
||||
Disallow: /
|
||||
|
||||
User-agent: TelegramBot
|
||||
Disallow: /
|
||||
|
||||
# Block SEO and analysis bots
|
||||
User-agent: AhrefsBot
|
||||
Disallow: /
|
||||
|
||||
User-agent: SemrushBot
|
||||
Disallow: /
|
||||
|
||||
User-agent: DotBot
|
||||
Disallow: /
|
||||
|
||||
User-agent: MJ12bot
|
||||
Disallow: /
|
||||
|
||||
User-agent: SEOkicks-Robot
|
||||
Disallow: /
|
||||
|
||||
User-agent: SeznamBot
|
||||
Disallow: /
|
||||
|
||||
User-agent: MauiBot
|
||||
Disallow: /
|
||||
|
||||
User-agent: Majestic-12
|
||||
Disallow: /
|
||||
|
||||
User-agent: Majestic-SEO
|
||||
Disallow: /
|
||||
|
||||
# Block archiving bots
|
||||
User-agent: ia_archiver
|
||||
Disallow: /
|
||||
|
||||
User-agent: Wayback Machine
|
||||
Disallow: /
|
||||
|
||||
User-agent: SiteSnagger
|
||||
Disallow: /
|
||||
|
||||
User-agent: WebCopier
|
||||
Disallow: /
|
||||
|
||||
# Block AI/ML crawlers
|
||||
User-agent: GPTBot
|
||||
Disallow: /
|
||||
|
||||
User-agent: ChatGPT-User
|
||||
Disallow: /
|
||||
|
||||
User-agent: CCBot
|
||||
Disallow: /
|
||||
|
||||
User-agent: anthropic-ai
|
||||
Disallow: /
|
||||
|
||||
User-agent: Claude-Web
|
||||
Disallow: /
|
||||
|
||||
# Block download managers
|
||||
User-agent: wget
|
||||
Disallow: /
|
||||
|
||||
User-agent: curl
|
||||
Disallow: /
|
||||
|
||||
User-agent: HTTrack
|
||||
Disallow: /
|
||||
|
||||
# No sitemap provided
|
||||
# No crawl permissions granted
|
||||
In neuem Issue referenzieren
Einen Benutzer sperren