Impressum/title>
<style>
.impressum-container {
font-family: sans-serif;
line-height: 1.6;
max-width: 800px;
margin: 20px auto;
padding: 0 20px;
}
h1 {
border-bottom: 1px solid #ccc;
}
</style>
</head>
<body>
<div class="impressum-container">
<h1>Impressum</h1>
<section>
<h2>Angaben gemäß § 5 TMG</h2>
<p>
Apleona Infra Services GmbH<br />
Lindnerstr. 96<br />
4649 Oberhausen
</p>
</section>
<section>
<h2>Kontakt</h2>
<p>
Telefon: +49 (0) 208 6590 0<br />
E-Mail: edv.ahr@apleona.com
</p>
</section>
<section>
<h2>Verantwortlich für den Inhalt nach § 18 Abs. 2 MStV</h2>
<p>
Apleona Infra Services GmbH<br />
Lindnerstr. 96<br />
4649 Oberhausen
</p>
</section>
<section>
<h2>EU-Streitschlichtung</h2>
<p>
Die Europäische Kommission stellt eine Plattform zur Online-Streitbeilegung (OS) bereit:
<a href="https://ec.europa.eu/consumers/odr/" target="_blank" rel="noopener">https://ec.europa.eu/consumers/odr/</a>.<br />
Unsere E-Mail-Adresse finden Sie oben im Impressum.
</p>
</section>
</div>
</body>
</html>
</div>
<footer class="app-footer">
<footer class="mt-auto py-5 shadow-lg" style="background:#001e41;color:rgba(255,255,255,0.7);border-top:1px solid rgba(255,255,255,0.05);">
<div class="container">
<div class="row g-5">
<div class="col-lg-4 col-md-12">
<div class="d-flex align-items-center mb-3">
<span class="material-symbols-rounded me-2" style="color:#C41230;font-size:2rem">hub</span>
<span class="fw-bold text-white fs-4">
APLEONA <span style="color:#C41230">PORTAL</span>
</span>
</div>
<p class="small lh-lg" style="max-width:320px">
Zentrale Plattform der <strong>Apleona Infra Services GmbH</strong>.<br />
Bündelung von Infrastruktur, Zeiterfassung und interner Kommunikation.
</p>
</div>
<div class="col-lg-2 col-md-4">
<h6 class="text-white fw-bold mb-3">Navigation</h6>
<ul class="list-unstyled small">
<li class="mb-2"><a href="/" class="footer-link">Dashboard</a></li>
<li class="mb-2"><a href="/ansprechpartner" class="footer-link">Ansprechpartner</a></li>
</ul>
</div>
<div class="col-lg-4 col-md-4">
<h6 class="text-white fw-bold mb-3">Support & Hilfe</h6>
<div class="d-flex align-items-center mb-2 small">
<span class="material-symbols-rounded me-2 fs-5" style="color:#C41230">mail</span>
<a href="mailto:aik.support@apleona.com" class="footer-link">aik.support@apleona.com</a>
</div>
<div class="d-flex align-items-center mb-2 small">
<span class="material-symbols-rounded me-2 fs-5" style="color:#C41230">support_agent</span>
<a href="https://serviceportal.apleona.net" target="_blank" rel="noopener" class="footer-link">
Ticket-System (ServiceNow)
</a>
</div>
</div>
</div>
<hr class="my-5" style="border-color:rgba(255,255,255,0.08)">
<div class="row align-items-center g-3">
<div class="col-md-6 text-center text-md-start small">
© 2026 <span class="text-white fw-bold">Apleona Infra Services GmbH</span>
<span class="ms-2 opacity-50" style="font-size:0.7rem">Version 2.4.0</span>
</div>
<div class="col-md-6 text-center text-md-end">
<a href="/impressum" class="footer-link small me-4 text-decoration-none">Impressum</a>
<a href="https://apleona.com/datenschutz/" target="_blank" rel="noopener" class="footer-link small text-decoration-none">Datenschutz</a>
</div>
</div>
</div>
</footer>
<style>
.footer-link {
color: rgba(255,255,255,0.55);
text-decoration: none;
transition: color 0.2s ease;
}
.footer-link:hover { color: #C41230 !important; }
</style>
</footer>
</main>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<script>
/* ═══════════════════════════════════════════════════════
SIDEBAR TOGGLE
═══════════════════════════════════════════════════════ */
(function () {
var STORAGE_KEY = 'aik-sb';
var body = document.body;
function applyState(collapsed, animate) {
if (!animate) {
document.documentElement.style.setProperty('--sb-transition', '0s');
}
body.classList.toggle('sb-collapsed', collapsed);
if (!animate) {
void body.offsetWidth;
document.documentElement.style.removeProperty('--sb-transition');
}
}
window.sbToggle = function () {
var collapsed = !body.classList.contains('sb-collapsed');
applyState(collapsed, true);
try { localStorage.setItem(STORAGE_KEY, collapsed ? '1' : '0'); } catch (e) {}
};
var saved = null;
try { saved = localStorage.getItem(STORAGE_KEY); } catch (e) {}
applyState(saved === '1', false);
})();
</script>
</body>
</html>