@extends('layouts.app')

@section('title', 'Impressum | KOTSCH.TECH von Arthur Kotsch')
@section('meta_description', 'Impressum von KOTSCH.TECH: Betreiber ist Arthur Kotsch. Persönliche Tech-Marke für Software, Apps, Webdesign, Tools und IT-Hilfe.')

@section('content')
    <style>
        @media (max-width: 820px) {
            .imp-bio-grid { grid-template-columns: minmax(0, 1fr) !important; gap: 32px !important; }
            .imp-bio-grid > div:first-child { position: static !important; max-width: 380px; }
        }
    </style>
    <!-- =============================================
         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">Impressum</span>
            <h1>Impressum</h1>
            <p style="max-width: 720px; margin-top: 18px; color: #475569; font-weight: 750; line-height: 1.65;">
                Betreiber: Arthur Kotsch. Marke: KOTSCH.TECH. Website: https://www.kotsch.tech.
            </p>
            <p class="lead" style="max-width: 650px;">Angaben gemäß § 5 Digitale-Dienste-Gesetz (DDG)</p>
        </div>
    </header>

    <!-- =============================================
         2. MAIN CONTENT (Optimiertes Layout)
         ============================================= -->
    <section style="padding: 80px 8% 120px;">
        <div class="container">
            <!-- Grid-Anpassung: Linke Spalte schmaler für kleineres Bild -->
            <div style="display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 60px; align-items: start;" class="reveal imp-bio-grid">
                
                <!-- LINKER BEREICH: PROFIL (KLEINER) -->
                <div style="position: sticky; top: 120px;">
                    <div style="background: white; border-radius: 20px; border: 1px solid #e2e8f0; overflow: hidden; box-shadow: var(--shadow-soft);">
                        <div style="width: 100%; height: 300px; background: #f1f5f9; position: relative;">
                            <!-- Bild ist jetzt kleiner skaliert -->
                            <img src="{{ asset('img/arthur-kotsch.jpg') }}" alt="Arthur Kotsch" style="width: 100%; height: 100%; object-fit: cover;">
                        </div>
                        
                        <div style="padding: 20px;">
                            <h3 style="font-size: 1.1rem; margin-bottom: 5px;">Arthur Kotsch</h3>
                            <p style="color: var(--primary); font-weight: 700; font-size: 0.8rem; text-transform: uppercase;">Informatik-Student</p>
                            <p style="font-size: 0.8rem; color: var(--text-gray); line-height: 1.5; margin-top: 15px;">
                                Diese Präsenz dient der Vorstellung studentischer Projekte und der Finanzierung von Forschungsmitteln im Bereich Digital Engineering.
                            </p>
                        </div>
                    </div>
                </div>

                <!-- RECHTER BEREICH: RECHTLICHER SCHUTZSCHILD (MASSIV) -->
                <div style="line-height: 1.7; font-size: 0.95rem;">
                    
                    <!-- Angaben gemäß § 5 DDG -->
                    <div style="margin-bottom: 40px;">
                        <h4 class="label">Anbieterkennzeichnung</h4>
                        <p style="font-size: 1.1rem; font-weight: 700;">Arthur Kotsch</p>
                        <p style="margin-top: 6px;">
                            <strong>Marke:</strong> KOTSCH.TECH<br>
                            <strong>Website:</strong> <a href="https://www.kotsch.tech" style="color: var(--primary); text-decoration: none;">https://www.kotsch.tech</a>
                        </p>
                        <p>
                            Brückenstraße 4<br>
                            09350 Lichtenstein<br>
                            Deutschland
                        </p>
                        <p style="margin-top: 10px;">
                            <strong>Kontakt:</strong><br>
                            E-Mail: <a href="mailto:arthurkotsch@kotsch.tech" style="color: var(--primary); text-decoration: none;">arthurkotsch@kotsch.tech</a><br>
                            Kontaktformular: <a href="https://kotsch.tech/kontakt" style="color: var(--primary); text-decoration: none;">https://kotsch.tech/kontakt</a>
                        </p>
                        <p style="margin-top: 10px; font-size: 0.9rem; color: var(--text-gray);">
                            Für eine schnelle und unmittelbare elektronische Kontaktaufnahme im Sinne von § 5 DDG erreichst du mich über das <a href="https://kotsch.tech/kontakt" style="color: var(--primary); text-decoration: none;">Kontaktformular</a> sowie per E-Mail. Anfragen werden zeitnah elektronisch beantwortet.
                        </p>
                    </div>

                    <!-- 2. STEUERLICHER STATUS -->
                    <div style="margin-bottom: 40px; padding: 20px; background: #fffbeb; border-radius: 12px; border: 1px solid #fef3c7;">
                        <h4 style="font-size: 0.9rem; font-weight: 800; color: #92400e; margin-bottom: 10px; text-transform: uppercase;">Steuerhinweis</h4>
                        <p style="color: #92400e; font-size: 0.9rem;">
                            Als Kleinunternehmer im Sinne von <strong>§ 19 Abs. 1 UStG</strong> wird keine Umsatzsteuer berechnet und folglich auf Rechnungen nicht ausgewiesen.
                        </p>
                    </div>

                    <!-- 3. HAFTUNG FÜR INHALTE -->
                    <div style="margin-bottom: 40px;">
                        <h4 class="label">Haftung für Inhalte</h4>
                        <p style="font-size: 0.9rem; color: var(--text-gray);">
                            Die Inhalte dieser Website wurden sorgfältig erstellt. Dennoch kann keine Gewähr für Aktualität, Vollständigkeit und Richtigkeit übernommen werden. Gesetzliche Haftungsansprüche bleiben unberührt.
                        </p>
                        <p style="font-size: 0.9rem; color: var(--text-gray); margin-top: 10px;">
                            Als Diensteanbieter bin ich für eigene Inhalte nach den allgemeinen Gesetzen verantwortlich. Eine Verpflichtung zur Überwachung fremder Informationen besteht nach geltendem Recht nicht, solange keine konkreten Hinweise auf Rechtsverletzungen vorliegen.
                        </p>
                    </div>

                    <!-- 6. URHEBERRECHT -->
                    <div style="margin-bottom: 40px;">
                        <h4 class="label">Urheberrecht</h4>
                        <p style="font-size: 0.9rem; color: var(--text-gray);">
                            Die durch mich erstellten Inhalte, Codes 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.
                        </p>
                    </div>

                    <!-- 7. VERANTWORTLICH NACH MSTV -->
                    <div style="margin-bottom: 40px;">
                        <h4 class="label">Inhaltlich Verantwortlich</h4>
                        <p>
                            Arthur Kotsch (Anschrift wie oben)<br>
                            Gemäß § 18 Abs. 2 MStV.
                        </p>
                    </div>

                    <!-- 8. VERBRAUCHERSTREITBEILEGUNG / VSBG -->
                    <div style="margin-bottom: 40px;">
                        <h4 class="label">Verbraucherstreitbeilegung / Universalschlichtungsstelle</h4>
                        <p style="font-size: 0.9rem; color: var(--text-gray);">
                            Ich bin nicht bereit und nicht verpflichtet, an Streitbeilegungsverfahren vor einer Verbraucherschlichtungsstelle teilzunehmen (§ 36 Verbraucherstreitbeilegungsgesetz – VSBG).
                        </p>
                        <p style="font-size: 0.9rem; color: var(--text-gray); margin-top: 10px;">
                            Die Europäische Kommission stellt eine Plattform zur Online-Streitbeilegung (OS) bereit, die du unter <a href="https://ec.europa.eu/consumers/odr/" target="_blank" rel="noopener" style="color: var(--primary); text-decoration: none;">https://ec.europa.eu/consumers/odr/</a> findest. Meine E-Mail-Adresse findest du oben in dieser Anbieterkennzeichnung.
                        </p>
                    </div>

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

    <!-- FOOTER INFO -->
    <section style="background: var(--bg-gray); padding: 40px 0; text-align: center;">
        <div class="container">
            <p style="font-size: 0.9rem; color: #334155; max-width: 760px; margin: 0 auto 16px; font-weight: 750; line-height: 1.65;">
                KOTSCH.TECH ist die persönliche Tech-Marke von Arthur Kotsch. Es besteht keine Verbindung zu anderen öffentlich auffindbaren Personen mit ähnlichem Namen.
            </p>
            <p style="font-size: 0.75rem; color: #94a3b8; max-width: 600px; margin: 0 auto; letter-spacing: 0.5px;">
                KOTSCH.TECH ist ein unabhängiges Projekt. Alle genannten Markennamen (Windows, Android) sind Eigentum ihrer jeweiligen Inhaber und werden hier nur zu beschreibenden Zwecken verwendet.
            </p>
        </div>
    </section>
@endsection