Enable configuration of an Imprint.

templates/imprint.html

@@ -0,0 +1,99 @@
+{% extends "layout.html" %}
+
+{% block content %}
+<div class="container">
+    <div class="imprint-page">
+        <h1>{{ title }}</h1>
+        
+        <div class="imprint-content">
+            {{ content|safe }}
+        </div>
+        
+        <div class="imprint-footer">
+            <a href="{{ url_for('home') }}" class="btn btn-secondary">← Back to Home</a>
+        </div>
+    </div>
+</div>
+
+<style>
+.imprint-page {
+    max-width: 800px;
+    margin: 0 auto;
+    padding: 2rem;
+    background: white;
+    border-radius: 8px;
+    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+}
+
+.imprint-page h1 {
+    margin-bottom: 2rem;
+    color: #333;
+    border-bottom: 2px solid #e0e0e0;
+    padding-bottom: 1rem;
+}
+
+.imprint-content {
+    margin-bottom: 3rem;
+    line-height: 1.8;
+    color: #555;
+}
+
+.imprint-content h2 {
+    margin-top: 2rem;
+    margin-bottom: 1rem;
+    color: #333;
+}
+
+.imprint-content h3 {
+    margin-top: 1.5rem;
+    margin-bottom: 0.75rem;
+    color: #444;
+}
+
+.imprint-content p {
+    margin-bottom: 1rem;
+}
+
+.imprint-content a {
+    color: var(--primary-color);
+    text-decoration: none;
+}
+
+.imprint-content a:hover {
+    text-decoration: underline;
+}
+
+.imprint-content ul,
+.imprint-content ol {
+    margin-bottom: 1rem;
+    padding-left: 2rem;
+}
+
+.imprint-content li {
+    margin-bottom: 0.5rem;
+}
+
+.imprint-content strong {
+    font-weight: 600;
+    color: #333;
+}
+
+.imprint-footer {
+    margin-top: 3rem;
+    padding-top: 2rem;
+    border-top: 1px solid #e0e0e0;
+    text-align: center;
+}
+
+@media (max-width: 768px) {
+    .imprint-page {
+        padding: 1rem;
+        margin: 1rem;
+    }
+    
+    .imprint-page h1 {
+        font-size: 1.5rem;
+    }
+}
+</style>
+{% endblock %}