Files
Websites/Profice WebSite/sites/impressum.html
2026-03-03 16:17:14 +01:00

254 lines
11 KiB
HTML

<!DOCTYPE html>
<html lang="de">
<head>
<!-- Cookiebot -->
<script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="d6499c25-b3c2-41ac-8edf-60a4209f74c9" data-blockingmode="auto" type="text/javascript"></script>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-PNJK5FN7');</script>
<!-- End Google Tag Manager -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Impressum - Profice GmbH">
<meta name="keywords" content="Impressum, Profice">
<meta name="author" content="Profice">
<meta property="og:title" content="Impressum - Profice">
<meta property="og:description" content="Impressum der Profice GmbH">
<meta property="og:type" content="website">
<meta name="robots" content="index, follow">
<title>Impressum - Profice</title>
<!-- Favicon with multiple sizes for better visibility -->
<link rel="icon" type="image/png" sizes="32x32" href="../images/logo/Appicon 1024X1024-01.png">
<link rel="icon" type="image/png" sizes="16x16" href="../images/logo/Appicon 1024X1024-01.png">
<link rel="icon" type="image/png" sizes="192x192" href="../images/logo/Appicon 1024X1024-01.png">
<link rel="icon" type="image/png" sizes="512x512" href="../images/logo/Appicon 1024X1024-01.png">
<link rel="apple-touch-icon" sizes="180x180" href="../images/logo/Appicon 1024X1024-01.png">
<link rel="apple-touch-icon" sizes="152x152" href="../images/logo/Appicon 1024X1024-01.png">
<link rel="apple-touch-icon" sizes="144x144" href="../images/logo/Appicon 1024X1024-01.png">
<link rel="apple-touch-icon" sizes="120x120" href="../images/logo/Appicon 1024X1024-01.png">
<link rel="apple-touch-icon" sizes="114x114" href="../images/logo/Appicon 1024X1024-01.png">
<link rel="apple-touch-icon" sizes="76x76" href="../images/logo/Appicon 1024X1024-01.png">
<link rel="apple-touch-icon" sizes="72x72" href="../images/logo/Appicon 1024X1024-01.png">
<link rel="apple-touch-icon" sizes="60x60" href="../images/logo/Appicon 1024X1024-01.png">
<link rel="apple-touch-icon" sizes="57x57" href="../images/logo/Appicon 1024X1024-01.png">
<link rel="shortcut icon" href="../images/logo/Appicon 1024X1024-01.png">
<!-- Preload critical resources -->
<link rel="preload" href="../style/design.css" as="style">
<link rel="preload" href="../style/cursor.css" as="style">
<!-- Stylesheets -->
<link rel="stylesheet" href="../style/fonts.css">
<link rel="stylesheet" href="../style/design.css">
<link rel="stylesheet" href="../style/cursor.css">
<!-- DNS prefetch for external resources -->
<link rel="dns-prefetch" href="//www.googletagmanager.com">
<link rel="dns-prefetch" href="//connect.facebook.net">
<link rel="dns-prefetch" href="//www.google-analytics.com">
<style>
.legal-content {
max-width: 900px;
margin: 0 auto;
padding: 140px 40px 80px;
position: relative;
z-index: 1;
}
.legal-content h1 {
font-size: clamp(2rem, 4vw, 3rem);
font-weight: 700;
color: var(--primary-dark);
margin-bottom: 40px;
line-height: 1.2;
}
.legal-content h2 {
font-size: 1.5rem;
font-weight: 700;
color: var(--primary-dark);
margin-top: 48px;
margin-bottom: 16px;
line-height: 1.3;
}
.legal-content h3 {
font-size: 1.15rem;
font-weight: 700;
color: var(--primary-dark);
margin-top: 32px;
margin-bottom: 12px;
line-height: 1.4;
}
.legal-content p {
font-size: 1rem;
line-height: 1.7;
color: var(--primary-dark);
margin-bottom: 16px;
}
.legal-content .contact-block {
margin: 16px 0;
padding: 20px 24px;
background: rgba(255, 255, 255, 0.6);
border-left: 4px solid var(--accent-orange);
border-radius: 0 8px 8px 0;
}
.legal-content .contact-block p {
margin-bottom: 4px;
}
@media (max-width: 768px) {
.legal-content {
padding: 120px 20px 60px;
}
}
</style>
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PNJK5FN7"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!-- Hexagonal Background Canvas -->
<canvas id="hexCanvas"></canvas>
<!-- Top Banner -->
<header class="top-banner dark-theme">
<div class="top-banner-left">
<div class="banner-left">
<a href="../index.html" class="logo-link">
<img src="../images/logo/logo-01-complete.png" alt="Profice Logo" class="logo">
</a>
</div>
</div>
<div class="top-banner-center">
<nav class="main-nav">
<a href="../index.html#hero" class="nav-link">Start</a>
<a href="../index.html#problems" class="nav-link">Systeme</a>
<a href="../index.html#fit" class="nav-link">Für wen?</a>
<a href="../index.html#process" class="nav-link">Prozess</a>
<a href="../index.html#demo-section" class="nav-link">Kontakt</a>
</nav>
</div>
<div class="top-banner-right">
<button id="cursorToggle">
<img src="../images/icons/spider.png?v=20260303" alt="Spider" class="cursor-icon" style="width: 46px; height: 46px;">
</button>
</div>
</header>
<div class="overlay" id="overlay"></div>
<!-- Main Content -->
<main class="legal-content">
<h1>Impressum</h1>
<h2>Angaben gemäß § 5 DDG</h2>
<div class="contact-block">
<p>Profice GmbH</p>
<p>Grüner Weg 36</p>
<p>03185 Peitz</p>
<p>Deutschland</p>
</div>
<h3>Vertreten durch</h3>
<p>Geschäftsführer: Marco Vitalone</p>
<h3>Kontakt</h3>
<p>Telefon: +49 35601 988890</p>
<p>E-Mail: hello@profice.ai</p>
<p>Website: www.profice.ai</p>
<h3>Registereintrag</h3>
<p>Eintragung im Handelsregister.</p>
<p>Registergericht: Amtsgericht Cottbus</p>
<p>Registernummer: HRB 18848</p>
<h3>Umsatzsteuer-ID</h3>
<p>Umsatzsteuer-Identifikationsnummer gemäß § 27 a Umsatzsteuergesetz:</p>
<p>DE455542668</p>
</main>
<!-- Footer Banner -->
<footer class="footer-banner" style="background: #4F4747 !important; color: white !important;">
<style>
.footer-banner a { color: white !important; }
</style>
<div class="footer-container">
<div class="footer-content">
<!-- Company Info Section -->
<div class="footer-section">
<div class="footer-description">
<p>Wir bauen digitale Mitarbeiter für Vertrieb, Support und Marketing.</p>
</div>
</div>
<!-- Quick Links Section -->
<div class="footer-section">
<h4 class="footer-title">Services</h4>
<nav class="footer-nav">
<a href="../index.html#systeme" class="footer-link">KI Systeme</a>
<a href="../index.html#interaction" class="footer-link">Demo</a>
</nav>
</div>
<!-- Legal Section -->
<div class="footer-section">
<h4 class="footer-title">Rechtliches</h4>
<nav class="footer-nav">
<a href="datenschutz.html" class="footer-link">Datenschutzerklärung</a>
<a href="impressum.html" class="footer-link">Impressum</a>
</nav>
</div>
<!-- Contact Section -->
<div class="footer-section">
<h4 class="footer-title">Kontakt</h4>
<div class="footer-contact">
<div class="contact-item">
<img src="../images/icons/email_white.png" alt="Email" class="contact-icon-image" style="width: 46px; height: 46px;">
<span>info@profice.de</span>
</div>
</div>
<div class="social-media">
<div class="social-icons">
<a href="https://instagram.com" target="_blank" rel="noopener noreferrer" class="social-link instagram">
<img src="../images/icons/instagram.png" alt="Instagram" width="40" height="40">
</a>
<a href="https://facebook.com" target="_blank" rel="noopener noreferrer" class="social-link facebook">
<img src="../images/icons/facebook.png" alt="Facebook" width="40" height="40">
</a>
</div>
</div>
</div>
</div>
<div class="footer-bottom">
<div class="footer-bottom-content">
<p>&copy; 2026 Profice. Alle Rechte vorbehalten.</p>
<div class="footer-bottom-links">
<a href="datenschutz.html" class="footer-link">Datenschutz</a>
<span class="separator">&bull;</span>
<a href="impressum.html" class="footer-link">Impressum</a>
</div>
</div>
</div>
</div>
</footer>
<!-- Optimized script loading -->
<script src="../scripts/hex-background.js" defer></script>
<script src="../scripts/script.js" defer></script>
<script src="../scripts/cursor.js" defer></script>
<script src="../scripts/scroll-header.min.js" defer></script>
</body>
</html>