109 lines
3.1 KiB
HTML
109 lines
3.1 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<link rel="icon" href="/img/icon.png" type="image/png">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Impressum – xXx Sphere</title>
|
||
<link rel="stylesheet" href="/css/variables.css">
|
||
<link rel="stylesheet" href="/css/style.css">
|
||
<style>
|
||
.hilfe-header {
|
||
margin-bottom: 2rem;
|
||
}
|
||
.hilfe-header h1 {
|
||
font-size: 1.6rem;
|
||
margin: 0 0 0.4rem 0;
|
||
}
|
||
.hilfe-header p {
|
||
color: var(--color-muted);
|
||
font-size: 0.92rem;
|
||
margin: 0;
|
||
line-height: 1.6;
|
||
}
|
||
|
||
.impressum-block {
|
||
background: var(--color-card);
|
||
border: 1px solid var(--color-secondary);
|
||
border-radius: 10px;
|
||
padding: 1.25rem;
|
||
margin-bottom: 0.75rem;
|
||
}
|
||
.impressum-block h2 {
|
||
font-size: 0.72rem;
|
||
font-weight: 700;
|
||
letter-spacing: 0.08em;
|
||
text-transform: uppercase;
|
||
color: var(--color-muted);
|
||
margin: 0 0 0.75rem 0;
|
||
}
|
||
.impressum-block p,
|
||
.impressum-block address {
|
||
font-size: 0.9rem;
|
||
color: var(--color-muted);
|
||
line-height: 1.8;
|
||
margin: 0;
|
||
font-style: normal;
|
||
}
|
||
.impressum-block a {
|
||
color: var(--color-muted);
|
||
text-decoration: none;
|
||
transition: color 0.15s;
|
||
}
|
||
.impressum-block a:hover {
|
||
color: var(--color-text);
|
||
}
|
||
.impressum-block + .impressum-block {
|
||
margin-top: 0;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body class="app">
|
||
<div class="main">
|
||
<div class="content">
|
||
|
||
<div class="hilfe-header">
|
||
<h1>📄 Impressum</h1>
|
||
<p>Angaben gemäß § 5 TMG</p>
|
||
</div>
|
||
|
||
<div class="impressum-block">
|
||
<h2>Verantwortlich</h2>
|
||
<address>
|
||
Vorname Nachname<br>
|
||
Musterstraße 1<br>
|
||
12345 Musterstadt<br>
|
||
Deutschland
|
||
</address>
|
||
</div>
|
||
|
||
<div class="impressum-block">
|
||
<h2>Kontakt</h2>
|
||
<p>
|
||
E-Mail: <a href="mailto:kontakt@xxx-sphere.de">kontakt@xxx-sphere.de</a>
|
||
</p>
|
||
</div>
|
||
|
||
<div class="impressum-block">
|
||
<h2>Hinweis</h2>
|
||
<p>
|
||
xXx Sphere ist ein privat betriebenes Projekt ohne kommerzielle Absicht.
|
||
Die Plattform richtet sich ausschließlich an volljährige Personen.
|
||
</p>
|
||
</div>
|
||
|
||
<div class="impressum-block">
|
||
<h2>Haftungsausschluss</h2>
|
||
<p>
|
||
Trotz sorgfältiger inhaltlicher Kontrolle übernehmen wir keine Haftung für die Inhalte externer Links.
|
||
Für den Inhalt verlinkter Seiten sind ausschließlich deren Betreiber verantwortlich.
|
||
</p>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
<script src="/js/icons.js"></script>
|
||
<script src="/js/sidebar.js"></script>
|
||
</body>
|
||
</html>
|