mirror of
https://git.hexahost.dev/smueller/HexaHost-Frontend.git
synced 2026-06-02 05:48:43 +00:00
Add legal pages styles and update footer links: Introduced new CSS styles for Impressum and Datenschutz pages, enhancing layout and responsiveness. Updated footer to link to the Impressum page, improving navigation.
This commit is contained in:
TheOnlyMace
@@ -1720,4 +1720,138 @@ body {
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ==========================================
|
||||||
|
LEGAL PAGES (Impressum, Datenschutz)
|
||||||
|
========================================== */
|
||||||
|
|
||||||
|
.legal-hero {
|
||||||
|
padding: calc(var(--header-height) + var(--spacing-2xl)) 0 var(--spacing-2xl);
|
||||||
|
background: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.legal-hero-content {
|
||||||
|
max-width: 800px;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.legal-hero-title {
|
||||||
|
font-size: clamp(2rem, 5vw, 3rem);
|
||||||
|
font-weight: 700;
|
||||||
|
margin-bottom: var(--spacing-md);
|
||||||
|
background: var(--gradient-primary);
|
||||||
|
-webkit-background-clip: text;
|
||||||
|
-webkit-text-fill-color: transparent;
|
||||||
|
background-clip: text;
|
||||||
|
}
|
||||||
|
|
||||||
|
.legal-hero-description {
|
||||||
|
font-size: 1.125rem;
|
||||||
|
color: var(--text-secondary);
|
||||||
|
max-width: 600px;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.legal-content {
|
||||||
|
padding: var(--spacing-2xl) 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.legal-container {
|
||||||
|
max-width: 900px;
|
||||||
|
margin: 0 auto;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: var(--spacing-lg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.legal-section {
|
||||||
|
padding: var(--spacing-xl);
|
||||||
|
}
|
||||||
|
|
||||||
|
.legal-section h2 {
|
||||||
|
font-size: 1.5rem;
|
||||||
|
font-weight: 600;
|
||||||
|
color: var(--text-primary);
|
||||||
|
margin-bottom: var(--spacing-md);
|
||||||
|
padding-bottom: var(--spacing-sm);
|
||||||
|
border-bottom: 2px solid var(--primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
.legal-section h3 {
|
||||||
|
font-size: 1.125rem;
|
||||||
|
font-weight: 600;
|
||||||
|
color: var(--text-primary);
|
||||||
|
margin-bottom: var(--spacing-sm);
|
||||||
|
margin-top: var(--spacing-md);
|
||||||
|
}
|
||||||
|
|
||||||
|
.legal-section h3:first-child {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.legal-block {
|
||||||
|
margin-bottom: var(--spacing-md);
|
||||||
|
}
|
||||||
|
|
||||||
|
.legal-block:last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.legal-block p {
|
||||||
|
color: var(--text-secondary);
|
||||||
|
line-height: 1.8;
|
||||||
|
margin-bottom: var(--spacing-sm);
|
||||||
|
}
|
||||||
|
|
||||||
|
.legal-block p:last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.legal-block a {
|
||||||
|
color: var(--primary);
|
||||||
|
text-decoration: none;
|
||||||
|
transition: color var(--transition-fast);
|
||||||
|
}
|
||||||
|
|
||||||
|
.legal-block a:hover {
|
||||||
|
color: var(--primary-light);
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.legal-block ul,
|
||||||
|
.legal-block ol {
|
||||||
|
margin: var(--spacing-sm) 0;
|
||||||
|
padding-left: var(--spacing-lg);
|
||||||
|
color: var(--text-secondary);
|
||||||
|
}
|
||||||
|
|
||||||
|
.legal-block li {
|
||||||
|
margin-bottom: var(--spacing-xs);
|
||||||
|
line-height: 1.7;
|
||||||
|
}
|
||||||
|
|
||||||
|
.legal-note {
|
||||||
|
font-size: 0.875rem;
|
||||||
|
color: var(--text-muted);
|
||||||
|
background: rgba(var(--primary-rgb), 0.1);
|
||||||
|
padding: var(--spacing-sm) var(--spacing-md);
|
||||||
|
border-radius: var(--radius-sm);
|
||||||
|
border-left: 3px solid var(--primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Legal Page Responsive */
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.legal-section {
|
||||||
|
padding: var(--spacing-lg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.legal-section h2 {
|
||||||
|
font-size: 1.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.legal-hero {
|
||||||
|
padding: calc(var(--header-height) + var(--spacing-xl)) 0 var(--spacing-xl);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
185
public/impressum.php
Normal file
185
public/impressum.php
Normal file
@@ -0,0 +1,185 @@
|
|||||||
|
<?php
|
||||||
|
require_once 'includes/functions.php';
|
||||||
|
|
||||||
|
// Page configuration
|
||||||
|
$page_title = 'Impressum - HexaHost.de | Rechtliche Angaben';
|
||||||
|
$page_description = 'Impressum und rechtliche Angaben von HexaHost.de - Hosting aus Niederbayern.';
|
||||||
|
$current_page = 'impressum';
|
||||||
|
|
||||||
|
// Include header
|
||||||
|
includeHeader($page_title, $page_description, $current_page);
|
||||||
|
?>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
<!-- Impressum Hero -->
|
||||||
|
<section class="legal-hero">
|
||||||
|
<div class="container">
|
||||||
|
<div class="legal-hero-content">
|
||||||
|
<?php
|
||||||
|
generateBreadcrumbs([
|
||||||
|
['title' => 'Home', 'url' => 'index.php'],
|
||||||
|
['title' => 'Impressum', 'url' => '']
|
||||||
|
]);
|
||||||
|
?>
|
||||||
|
<h1 class="legal-hero-title">Impressum</h1>
|
||||||
|
<p class="legal-hero-description">
|
||||||
|
Angaben gemäß § 5 DDG
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Impressum Content -->
|
||||||
|
<section class="legal-content">
|
||||||
|
<div class="container">
|
||||||
|
<div class="legal-container">
|
||||||
|
|
||||||
|
<!-- Anbieterkennung -->
|
||||||
|
<div class="legal-section glass-card">
|
||||||
|
<h2>Angaben gemäß § 5 DDG</h2>
|
||||||
|
|
||||||
|
<div class="legal-block">
|
||||||
|
<h3>Diensteanbieter</h3>
|
||||||
|
<p>
|
||||||
|
<strong>HexaHost</strong><br>
|
||||||
|
Inh. Samuel Müller<br>
|
||||||
|
Richard-Miller-Straße 1<br>
|
||||||
|
94051 Hauzenberg<br>
|
||||||
|
Deutschland
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Kontakt -->
|
||||||
|
<div class="legal-section glass-card">
|
||||||
|
<h2>Kontakt</h2>
|
||||||
|
<div class="legal-block">
|
||||||
|
<p>
|
||||||
|
<strong>Telefon:</strong> +49 15566 175855<br>
|
||||||
|
<strong>E-Mail:</strong> <a href="mailto:info@hexahost.de">info@hexahost.de</a>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Umsatzsteuer-ID (falls vorhanden) -->
|
||||||
|
<div class="legal-section glass-card">
|
||||||
|
<h2>Umsatzsteuer-ID</h2>
|
||||||
|
<div class="legal-block">
|
||||||
|
<p>
|
||||||
|
Umsatzsteuer-Identifikationsnummer gemäß § 27a Umsatzsteuergesetz:<br>
|
||||||
|
<strong>[UST-ID, z.B. DE458741546]</strong>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Verantwortlich für den Inhalt -->
|
||||||
|
<div class="legal-section glass-card">
|
||||||
|
<h2>Redaktionell verantwortlich</h2>
|
||||||
|
<div class="legal-block">
|
||||||
|
<p>
|
||||||
|
Samuel Müller<br>
|
||||||
|
Richard-Miller-Straße 1<br>
|
||||||
|
94051 Hauzenberg<br>
|
||||||
|
Deutschland
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- EU-Streitschlichtung -->
|
||||||
|
<div class="legal-section glass-card">
|
||||||
|
<h2>EU-Streitschlichtung</h2>
|
||||||
|
<div class="legal-block">
|
||||||
|
<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 noreferrer">
|
||||||
|
https://ec.europa.eu/consumers/odr/
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Unsere E-Mail-Adresse finden Sie oben im Impressum.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Verbraucherstreitbeilegung -->
|
||||||
|
<div class="legal-section glass-card">
|
||||||
|
<h2>Verbraucherstreitbeilegung / Universalschlichtungsstelle</h2>
|
||||||
|
<div class="legal-block">
|
||||||
|
<p>
|
||||||
|
Wir sind nicht bereit oder verpflichtet, an Streitbeilegungsverfahren vor einer
|
||||||
|
Verbraucherschlichtungsstelle teilzunehmen.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Haftungsausschluss -->
|
||||||
|
<div class="legal-section glass-card">
|
||||||
|
<h2>Haftung für Inhalte</h2>
|
||||||
|
<div class="legal-block">
|
||||||
|
<p>
|
||||||
|
Als Diensteanbieter sind wir gemäß § 7 Abs. 1 DDG für eigene Inhalte auf diesen Seiten
|
||||||
|
nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 DDG 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>
|
||||||
|
Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den
|
||||||
|
allgemeinen Gesetzen bleiben hiervon unberührt. Eine diesbezügliche Haftung ist jedoch
|
||||||
|
erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung möglich. Bei
|
||||||
|
Bekanntwerden von entsprechenden Rechtsverletzungen werden wir diese Inhalte umgehend
|
||||||
|
entfernen.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Haftung für Links -->
|
||||||
|
<div class="legal-section glass-card">
|
||||||
|
<h2>Haftung für Links</h2>
|
||||||
|
<div class="legal-block">
|
||||||
|
<p>
|
||||||
|
Unser Angebot enthält Links zu externen Websites 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. Die verlinkten Seiten wurden zum Zeitpunkt der Verlinkung auf
|
||||||
|
mögliche Rechtsverstöße überprüft. Rechtswidrige Inhalte waren zum Zeitpunkt der
|
||||||
|
Verlinkung nicht erkennbar.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Eine permanente inhaltliche Kontrolle der verlinkten Seiten ist jedoch ohne konkrete
|
||||||
|
Anhaltspunkte einer Rechtsverletzung nicht zumutbar. Bei Bekanntwerden von
|
||||||
|
Rechtsverletzungen werden wir derartige Links umgehend entfernen.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Urheberrecht -->
|
||||||
|
<div class="legal-section glass-card">
|
||||||
|
<h2>Urheberrecht</h2>
|
||||||
|
<div class="legal-block">
|
||||||
|
<p>
|
||||||
|
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. Downloads und Kopien dieser Seite sind
|
||||||
|
nur für den privaten, nicht kommerziellen Gebrauch gestattet.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Soweit die Inhalte auf dieser Seite nicht vom Betreiber erstellt wurden, werden die
|
||||||
|
Urheberrechte Dritter beachtet. Insbesondere werden Inhalte Dritter als solche
|
||||||
|
gekennzeichnet. Sollten Sie trotzdem auf eine Urheberrechtsverletzung aufmerksam werden,
|
||||||
|
bitten wir um einen entsprechenden Hinweis. Bei Bekanntwerden von Rechtsverletzungen
|
||||||
|
werden wir derartige Inhalte umgehend entfernen.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<?php
|
||||||
|
// Include footer
|
||||||
|
includeFooter();
|
||||||
|
?>
|
||||||
@@ -26,7 +26,7 @@
|
|||||||
<ul>
|
<ul>
|
||||||
<li><a href="about.php">Über uns</a></li>
|
<li><a href="about.php">Über uns</a></li>
|
||||||
<li><a href="contact.php">Kontakt</a></li>
|
<li><a href="contact.php">Kontakt</a></li>
|
||||||
<li><a href="#">Impressum</a></li>
|
<li><a href="impressum.php">Impressum</a></li>
|
||||||
<li><a href="#">Datenschutz</a></li>
|
<li><a href="#">Datenschutz</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user