@extends('layouts.app')

@section('content')
    <!-- =============================================
         1. HEADER SECTION
         ============================================= -->
    <header style="padding: 160px 8% 60px; background: var(--bg-gray); border-bottom: 1px solid #e2e8f0;">
        <div class="container reveal active">
            <span class="label">Terms & Conditions</span>
            <h1>Allgemeine Geschäftsbedingungen</h1>
            <p class="lead" style="max-width: 650px;">Die rechtliche Grundlage für die Nutzung von KOTSCH.TECH Software, Hardware und Dienstleistungen.</p>
        </div>
    </header>

    <!-- =============================================
         2. CONTENT SECTION
         ============================================= -->
    <section style="padding: 80px 8% 120px;">
        <div class="container reveal">
            <div style="max-width: 900px; line-height: 1.8; color: var(--text);">

                <!-- 1. Geltungsbereich -->
                <div style="margin-bottom: 50px;">
                    <h2 style="font-size: 1.8rem; margin-bottom: 20px; color: var(--text-dark);">1. Geltungsbereich</h2>
                    <p>Diese Allgemeinen Geschäftsbedingungen (AGB) gelten für alle Verträge, Lieferungen und Leistungen zwischen Arthur Kotsch (nachfolgend „Anbieter“) und seinen Kunden über die Plattform kotsch.tech.</p>
                </div>

                <!-- 2. Vertragsgegenstand -->
                <div style="margin-bottom: 50px;">
                    <h2 style="font-size: 1.8rem; margin-bottom: 20px; color: var(--text-dark);">2. Vertragsgegenstand</h2>
                    <p>Der Anbieter bietet digitale Produkte (Windows-Software, Android-Apps), physische Komponenten (Elektronik-Bausätze, Werkzeuge) sowie Dienstleistungen (Webdesign, Hosting) an.</p>
                </div>

                <!-- 3. Preise und Zahlung -->
                <div style="margin-bottom: 50px; padding: 25px; background: #f8fafc; border-radius: 20px; border: 1px solid #e2e8f0;">
                    <h2 style="font-size: 1.5rem; margin-bottom: 15px; color: var(--primary);">3. Preise & Kleinunternehmerstatus</h2>
                    <p>Alle angegebenen Preise sind Endpreise. Gemäß <strong>§ 19 UStG (Kleinunternehmerregelung)</strong> wird keine Umsatzsteuer erhoben und folglich auch nicht ausgewiesen. Die Zahlung erfolgt je nach Vereinbarung per Vorkasse, PayPal oder anderen auf der Website angebotenen Zahlungsmitteln.</p>
                </div>

                <!-- 4. Software-Lizenzierung (WICHTIG FÜR DICH) -->
                <div style="margin-bottom: 50px;">
                    <h2 style="font-size: 1.8rem; margin-bottom: 20px; color: var(--text-dark);">4. Software-Nutzungsrechte</h2>
                    <p>Mit dem Kauf der Software erhält der Kunde ein einfaches, zeitlich unbegrenztes Recht zur Nutzung der Software auf einer (1) Instanz/Gerät, sofern nicht anders angegeben. Eine Weitergabe, Vervielfältigung oder Dekompilierung (Reverse Engineering) ist ausdrücklich untersagt.</p>
                </div>

                <!-- 5. Haftungsausschluss (DEIN SCHUTZSCHILD) -->
                <div style="margin-bottom: 50px; padding: 30px; background: #fef2f2; border-radius: 20px; border: 1px solid #fee2e2;">
                    <h2 style="font-size: 1.5rem; margin-bottom: 15px; color: #dc2626;">5. Haftungsbeschränkung</h2>
                    <p><strong>A. Software:</strong> Der Anbieter haftet nicht für Schäden, die durch die Installation oder Nutzung der bereitgestellten Software entstehen (z.B. Datenverlust, Systemabstürze). Die Software wird „wie besehen“ ohne Gewährleistung bereitgestellt.</p>
                    <p><strong>B. Hardware:</strong> Die angebotenen Elektronik-Kits sind Experimentier-Bausätze. Der Anbieter haftet nicht für Schäden durch unsachgemäßen Zusammenbau, Kurzschlüsse oder Überhitzung. Die Nutzung ist nur für fachkundige Personen im Niederspannungsbereich zulässig.</p>
                </div>

                <!-- 6. Hosting-Leistungen -->
                <div style="margin-bottom: 50px;">
                    <h2 style="font-size: 1.8rem; margin-bottom: 20px; color: var(--text-dark);">6. Hosting und Verfügbarkeit</h2>
                    <p>Der Anbieter bemüht sich um eine Verfügbarkeit der Hosting-Dienste von 99% im Jahresmittel. Ausgenommen sind Wartungsarbeiten und höhere Gewalt. Der Kunde ist für die Sicherung (Backup) seiner Daten selbst verantwortlich.</p>
                </div>

                <!-- 7. Widerrufsrecht -->
                <div style="margin-bottom: 50px;">
                    <h2 style="font-size: 1.8rem; margin-bottom: 20px; color: var(--text-dark);">7. Widerrufsrecht</h2>
                    <p>Verbrauchern steht ein gesetzliches Widerrufsrecht zu. <strong>Wichtiger Hinweis:</strong> Das Widerrufsrecht erlischt bei digitalen Inhalten (Software-Downloads), sobald mit der Ausführung des Vertrags begonnen wurde und der Kunde der Übermittlung zugestimmt hat.</p>
                </div>

                <!-- 8. Schlussbestimmungen -->
                <div style="margin-bottom: 50px;">
                    <h2 style="font-size: 1.8rem; margin-bottom: 20px; color: var(--text-dark);">8. Schlussbestimmungen</h2>
                    <p>Es gilt das Recht der Bundesrepublik Deutschland. Sofern der Kunde Kaufmann ist, ist der Gerichtsstand der Wohnsitz des Anbieters (Lichtenstein / Sachsen).</p>
                </div>

            </div>
        </div>
    </section>

    <!-- UNTEN: KONTAKT CTA -->
    <section style="background: var(--text-dark); color: white; padding: 60px 0; text-align: center;">
        <div class="container reveal">
            <h2 style="color: white; margin-bottom: 20px; font-size: 2rem;">Noch rechtliche Fragen?</h2>
            <p style="opacity: 0.6; margin-bottom: 40px;">Schreib mir einfach, falls dir ein Punkt in den AGB unklar ist.</p>
            <a href="/kontakt" class="btn-nav" style="background: var(--primary); color: white;">KONTAKT AUFNEHMEN</a>
        </div>
    </section>
@endsection