changes to the legal

Website/main.py

@@ -3359,6 +3359,17 @@ def admin_invoices():
 def datenschutz():
     return render_template("datenschutz.html")
 
+@app.route('/nutzungsbedingungen')
+def nutzungsbedingungen():
+    return render_template("nutzungsbedingungen.html")
+
+@app.route('/vertrag')
+def vertrag():
+    return render_template("vertrag.html")
+
+@app.route('/avv')
+def avv():
+    return render_template("avv.html")
 
 @app.route('/instance_request/check_subdomain', methods=['GET'])
 @login_required
@@ -3383,14 +3394,6 @@ def impressum():
     return render_template("impressum.html")
 
 
-@app.route('/nutzungsbedingungen')
-def nutzungsbedingungen():
-    return render_template("nutzungsbedingungen.html")
-
-@app.route('/avv')
-def avv():
-    return render_template("avv.html")
-
 @app.route('/downloads/rechtliches')
 def download_legal_pdfs_bundle():
     bundle = _build_legal_pdf_bundle()

Website/templates/nutzungsbedingungen.html

@@ -2,24 +2,172 @@
 
 {% block title %}Nutzungsbedingungen | Invario{% endblock %}
 
+{% block head %}
+{{ super() }}
+<style>
+    .legal-review {
+        max-width: 920px;
+        margin: 2rem auto 3rem;
+        padding: 0;
+    }
+
+    .legal-review__panel {
+        background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 247, 244, 0.96));
+        border: 1px solid rgba(28, 90, 99, 0.14);
+        border-radius: 26px;
+        padding: clamp(1.4rem, 2.6vw, 2.2rem);
+        box-shadow: 0 18px 44px rgba(18, 49, 54, 0.08);
+    }
+
+    .legal-review__header-grid {
+        display: flex;
+        justify-content: space-between;
+        align-items: flex-start;
+        gap: 1.5rem;
+        border-bottom: 2px solid #e8f4f4;
+        padding-bottom: 1.5rem;
+        margin-bottom: 1.5rem;
+    }
+
+    .legal-review__eyebrow {
+        display: inline-flex;
+        align-items: center;
+        gap: 0.45rem;
+        padding: 0.42rem 0.82rem;
+        border-radius: 999px;
+        background: #e8f4f4;
+        color: #166271;
+        font-weight: 700;
+        margin-bottom: 1rem;
+    }
+
+    .legal-review__title {
+        color: #173a42;
+        font-size: clamp(1.5rem, 4vw, 2.1rem);
+        line-height: 1.25;
+        margin: 0 0 0.5rem 0;
+    }
+
+    .legal-review__meta {
+        color: #5e757d;
+        font-size: 0.95rem;
+        margin: 0;
+    }
+
+    /* Inhaltsverzeichnis Box */
+    .legal-review__toc {
+        background: #ffffff;
+        border: 1px solid #dbe6e7;
+        border-radius: 18px;
+        padding: 1.25rem 1.5rem;
+        margin: 2rem 0;
+    }
+
+    .legal-review__toc h2 {
+        font-size: 1.1rem;
+        color: #166271;
+        text-transform: uppercase;
+        letter-spacing: 0.03em;
+        margin-top: 0;
+        margin-bottom: 0.75rem;
+    }
+
+    .legal-review__toc ol {
+        margin: 0;
+        padding-left: 1.25rem;
+        color: #2b4f58;
+        line-height: 1.8;
+        font-weight: 600;
+    }
+
+    /* Typografie für Rechtstexte */
+    .legal-review__content h2 {
+        font-size: 1.3rem;
+        color: #166271;
+        margin-top: 2.5rem;
+        margin-bottom: 1rem;
+        border-bottom: 1px solid #cedbdd;
+        padding-bottom: 0.35rem;
+        font-weight: 700;
+    }
+
+    .legal-review__content h3 {
+        font-size: 1.05rem;
+        color: #173a42;
+        margin-top: 1.75rem;
+        margin-bottom: 0.5rem;
+        font-weight: 700;
+    }
+
+    .legal-review__content p, 
+    .legal-review__content li {
+        color: #2b4f58;
+        line-height: 1.65;
+        font-size: 0.98rem;
+        margin-bottom: 1rem;
+    }
+
+    .legal-review__content ul {
+        padding-left: 1.25rem;
+        margin-bottom: 1.5rem;
+    }
+
+    .legal-review__content li {
+        margin-bottom: 0.5rem;
+    }
+
+    .legal-review__footer {
+        margin-top: 3rem;
+        padding-top: 1.5rem;
+        border-top: 2px solid #e8f4f4;
+        color: #5e757d;
+        line-height: 1.6;
+    }
+
+    /* Print Optimization */
+    @media print {
+        header, footer, nav, .no-print, .btn { display: none !important; }
+        body { background: white; color: black; }
+        .legal-review { max-width: 100%; margin: 0; padding: 0; }
+        .legal-review__panel { box-shadow: none; border: none; background: transparent; padding: 0; }
+        .legal-review__toc { border: 1px solid #ccc; background: transparent; }
+    }
+
+    @media (max-width: 720px) {
+        .legal-review__header-grid { flex-direction: column; align-items: stretch; }
+        .legal-review__header-grid .btn { width: 100%; text-align: center; }
+    }
+</style>
+{% endblock %}
+
 {% block content %}
-<article class="panel" style="display:flex; align-items:flex-start; justify-content:space-between; gap:1rem;">
+<section class="legal-review">
+    <div class="legal-review__panel">
+        
+        <div class="legal-review__header-grid">
             <div>
-        <h1>Allgemeine Nutzungs- und Lizenzbedingungen für die Invario UG Modul Suite</h1>
+                <span class="legal-review__eyebrow">Rechtliche Hinweise</span>
-        <p><strong>Stand:</strong> Mai 2026</p>
+                <h1 class="legal-review__title">Allgemeine Nutzungs- und Lizenzbedingungen</h1>
+                <p class="legal-review__meta"><strong>Produkt:</strong> Invario UG Modul Suite &nbsp;|&nbsp; <strong>Stand:</strong> Mai 2026</p>
             </div>
             <div class="no-print">
-        <button class="print-btn" type="button" onclick="printDocument()">Dokument drucken</button>
+                <button class="btn secondary" type="button" onclick="window.print();" style="display: inline-flex; align-items: center; gap: 0.5rem; min-width: auto;">
+                    🖨️ Dokument drucken
+                </button>
+            </div>
         </div>
 
+        <div class="legal-review__toc">
             <h2>Inhaltsverzeichnis</h2>
             <ol>
                 <li>Einleitung</li>
                 <li>Teil A: Allgemeine Geschäftsbedingungen (AGB)</li>
                 <li>Teil B: Lizenzbedingungen (EULA)</li>
             </ol>
+        </div>
 
-    <h2>Einleitung</h2>
+        <div class="legal-review__content">
+            <h2>1. Einleitung</h2>
             <p>Diese Allgemeinen Nutzungs- und Lizenzbedingungen (im Folgenden „Bedingungen") regeln die Bereitstellung und Nutzung der Softwareprodukte der Invario UG (nachfolgend "Lizenzgeber"). Die Software wird als Cloud-Lösung betrieben. Mit der Registrierung, dem Login oder der Nutzung der Software erklärt sich der Nutzer mit diesen Bedingungen einverstanden.</p>
 
             <h2>Teil A: Allgemeine Geschäftsbedingungen (AGB)</h2>
@@ -98,16 +246,16 @@
 
             <h3>13. Schlussbestimmungen</h3>
             <p>Es findet deutsches Recht Anwendung. Gerichtsstand für Streitigkeiten ist, soweit zulässig, der Sitz der Invario UG.</p>
+        </div>
 
-    <hr />
+        <div class="legal-review__footer">
-    <p><strong>Invario UG</strong><br>
+            <p><strong>Invario UG (haftungsbeschränkt)</strong><br>
             Am Sportplatz 10<br>
             83052 Bruckmühl<br>
             E‑Mail: info@invario-software.de<br>
             Webseite: www.invario-software.de</p>
-</article>
+        </div>
 
-<style>
+    </div>
-    .legal-page { max-width: 900px; margin: 0 auto; }
+</section>
-</style>
 {% endblock %}

Website/templates/schnell_buchung.html

@@ -347,7 +347,7 @@
                             <input id="agreements_accepted" name="agreements_accepted" type="checkbox" required>
                             <span>
                                 Ich habe die <a href="{{ url_for('nutzungsbedingungen') }}" target="_blank" rel="noopener">AGB (PDF)</a>, 
-                                die <a href="{{ url_for('datenschutz') }}" target="_blank" rel="noopener">Datenschutzerklärung</a> sowie den gesetzlich erforderlichen 
+                                die <a href="{{ url_for('vertrag') }}" target="_blank" rel="noopener">Vertragsbedingungen</a> sowie den gesetzlich erforderlichen 
                                 <a href="{{ url_for('avv') }}" target="_blank" rel="noopener">Auftragsverarbeitungsvertrag (AVV)</a> gelesen und stimme diesen Dokumenten verbindlich zu.
                             </span>
                         </label>

Website/templates/vertrag.html

@@ -0,0 +1 @@
+Verschiedene VEtrags optionen