142 lines
8.2 KiB
HTML
142 lines
8.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Impressum — Ban Yaro</title>
|
|
<meta name="description" content="Impressum von Ban Yaro — Anbieterkennzeichnung nach § 5 DDG und Kontakt.">
|
|
<link rel="canonical" href="https://banyaro.app/impressum">
|
|
<meta name="robots" content="index, follow">
|
|
<link rel="icon" href="/icons/favicon.ico">
|
|
<link rel="stylesheet" href="/css/design-system.css">
|
|
<link rel="stylesheet" href="/css/layout.css">
|
|
<link rel="stylesheet" href="/css/components.css">
|
|
<link rel="stylesheet" href="/css/utilities.css">
|
|
<style>
|
|
body{background:var(--c-bg);color:var(--c-text);font-family:var(--font-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);margin:0;}
|
|
.legal-bar{max-width:640px;margin:0 auto;padding:var(--space-4) var(--space-4) 0;}
|
|
.legal-bar a{color:var(--c-primary);text-decoration:none;font-size:var(--text-sm);font-weight:600;}
|
|
.legal-foot{max-width:640px;margin:var(--space-4) auto 0;padding:var(--space-4);border-top:1px solid var(--c-border);text-align:center;font-size:var(--text-sm);color:var(--c-text-muted);}
|
|
.legal-foot a{color:var(--c-primary);text-decoration:none;margin:0 var(--space-2);}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<nav class="legal-bar"><a href="/">← Ban Yaro</a></nav>
|
|
<main id="legal-content">
|
|
<div style="max-width:640px;margin:0 auto;padding:var(--space-6) var(--space-4)">
|
|
|
|
<h1 style="font-size:var(--text-2xl);font-weight:var(--weight-bold);
|
|
color:var(--c-text);margin:0 0 var(--space-6)">Impressum</h1>
|
|
|
|
<section style="margin-bottom:var(--space-6)">
|
|
<h2 style="font-size:var(--text-base);font-weight:var(--weight-semibold);
|
|
color:var(--c-text);margin:0 0 var(--space-2)">Angaben gemäß § 5 DDG</h2>
|
|
<p style="font-size:var(--text-sm);color:var(--c-text-secondary);line-height:1.7;margin:0">
|
|
René Degelmann<br>
|
|
Ringstr. 26<br>
|
|
85560 Ebersberg
|
|
</p>
|
|
</section>
|
|
|
|
<section style="margin-bottom:var(--space-6)">
|
|
<h2 style="font-size:var(--text-base);font-weight:var(--weight-semibold);
|
|
color:var(--c-text);margin:0 0 var(--space-2)">Kontakt</h2>
|
|
<p style="font-size:var(--text-sm);color:var(--c-text-secondary);line-height:1.7;margin:0 0 var(--space-4)">
|
|
E-Mail: <a href="mailto:hallo@banyaro.app"
|
|
class="text-primary">hallo@banyaro.app</a><br>
|
|
Oder nutze das Formular — wir antworten in der Regel innerhalb von 24 Stunden.
|
|
</p>
|
|
|
|
<form id="contact-form" class="flex-col-gap-3">
|
|
<div class="grid-2">
|
|
<div>
|
|
<label for="cf-name" style="display:block;font-size:var(--text-xs);font-weight:600;margin-bottom:4px;color:var(--c-text)">Name *</label>
|
|
<input id="cf-name" type="text" required maxlength="100"
|
|
placeholder="Dein Name"
|
|
style="width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);
|
|
border:1.5px solid var(--c-border);background:var(--c-surface);
|
|
color:var(--c-text);font-size:var(--text-sm);box-sizing:border-box">
|
|
</div>
|
|
<div>
|
|
<label for="cf-email" style="display:block;font-size:var(--text-xs);font-weight:600;margin-bottom:4px;color:var(--c-text)">E-Mail *</label>
|
|
<input id="cf-email" type="email" required maxlength="200"
|
|
placeholder="deine@email.de"
|
|
style="width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);
|
|
border:1.5px solid var(--c-border);background:var(--c-surface);
|
|
color:var(--c-text);font-size:var(--text-sm);box-sizing:border-box">
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<label for="cf-subject" style="display:block;font-size:var(--text-xs);font-weight:600;margin-bottom:4px;color:var(--c-text)">Betreff *</label>
|
|
<input id="cf-subject" type="text" required maxlength="150"
|
|
placeholder="Worum geht es?"
|
|
style="width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);
|
|
border:1.5px solid var(--c-border);background:var(--c-surface);
|
|
color:var(--c-text);font-size:var(--text-sm);box-sizing:border-box">
|
|
</div>
|
|
<div>
|
|
<label for="cf-message" style="display:block;font-size:var(--text-xs);font-weight:600;margin-bottom:4px;color:var(--c-text)">Nachricht *</label>
|
|
<textarea id="cf-message" required maxlength="3000" rows="5"
|
|
placeholder="Deine Nachricht…"
|
|
style="width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);
|
|
border:1.5px solid var(--c-border);background:var(--c-surface);
|
|
color:var(--c-text);font-size:var(--text-sm);resize:vertical;
|
|
font-family:inherit;box-sizing:border-box"></textarea>
|
|
</div>
|
|
<div id="cf-status" style="display:none;padding:var(--space-2) var(--space-3);
|
|
border-radius:var(--radius-md);font-size:var(--text-sm)"></div>
|
|
<button id="cf-submit" type="submit"
|
|
style="align-self:flex-start;padding:var(--space-2) var(--space-5);
|
|
border-radius:var(--radius-full);border:none;cursor:pointer;
|
|
background:var(--c-primary);color:#fff;font-size:var(--text-sm);
|
|
font-weight:600">
|
|
Nachricht senden
|
|
</button>
|
|
</form>
|
|
</section>
|
|
|
|
<section style="margin-bottom:var(--space-6)">
|
|
<h2 style="font-size:var(--text-base);font-weight:var(--weight-semibold);
|
|
color:var(--c-text);margin:0 0 var(--space-2)">Verantwortlich für den Inhalt
|
|
gemäß § 18 Abs. 2 MStV</h2>
|
|
<p style="font-size:var(--text-sm);color:var(--c-text-secondary);line-height:1.7;margin:0">
|
|
René Degelmann<br>
|
|
(Anschrift wie oben)
|
|
</p>
|
|
</section>
|
|
|
|
<section style="margin-bottom:var(--space-6)">
|
|
<h2 style="font-size:var(--text-base);font-weight:var(--weight-semibold);
|
|
color:var(--c-text);margin:0 0 var(--space-2)">Streitschlichtung</h2>
|
|
<p style="font-size:var(--text-sm);color:var(--c-text-secondary);line-height:1.7;margin:0">
|
|
Wir sind nicht bereit und nicht verpflichtet, an einem Streitbeilegungsverfahren vor einer
|
|
Verbraucherschlichtungsstelle teilzunehmen (§ 36 VSBG).
|
|
</p>
|
|
</section>
|
|
|
|
<section style="margin-bottom:var(--space-6)">
|
|
<h2 style="font-size:var(--text-base);font-weight:var(--weight-semibold);
|
|
color:var(--c-text);margin:0 0 var(--space-2)">Haftungshinweis</h2>
|
|
<p style="font-size:var(--text-sm);color:var(--c-text-secondary);line-height:1.7;margin:0">
|
|
Die Inhalte dieser App wurden mit größtmöglicher Sorgfalt erstellt. Für die Richtigkeit,
|
|
Vollständigkeit und Aktualität der Inhalte übernehmen wir keine Gewähr. Als
|
|
Diensteanbieter sind wir gemäß § 7 Abs. 1 DDG für eigene Inhalte verantwortlich.
|
|
Für nutzergenerierte Inhalte (Forenbeiträge, Fotos, Kommentare) sind ausschließlich
|
|
die jeweiligen Nutzer verantwortlich. Bei Bekanntwerden rechtswidriger Inhalte werden
|
|
diese im Rahmen der gesetzlichen Vorgaben (§§ 7 ff. DDG) geprüft und gegebenenfalls
|
|
unverzüglich entfernt.
|
|
</p>
|
|
</section>
|
|
|
|
<p style="font-size:var(--text-xs);color:var(--c-text-muted);margin:0">
|
|
Stand: Mai 2026
|
|
</p>
|
|
|
|
</div>
|
|
</main>
|
|
<footer class="legal-foot">
|
|
<a href="/datenschutz">Datenschutz</a> · <a href="/agb">AGB</a> · <a href="/impressum">Impressum</a>
|
|
</footer>
|
|
<script src="/js/contact-form.js"></script>
|
|
</body>
|
|
</html>
|