{% extends 'base.html.twig' %}

{% block title %}Impressum - Kreissportbund Düren{% endblock %}

{% block header %}
    <div class="container-header">
        <h1 class="display-4">Impressum</h1>
        <div class="container-status">
            <span class="badge bg-primary">Rechtliche Informationen</span>
        </div>
    </div>
{% endblock %}

{% block breadcrumb %}
    <i class="fas fa-building me-2"></i>Impressum
{% endblock %}

{% block content %}
<div class="container mt-4">
    <div class="row justify-content-center">
        <div class="col-lg-8">
            <div class="card shadow border-start border-bottom">
                <div class="card-body">
                    <div class="imprint-content">
                        <section class="mb-5">
                            <h2 class="section-title">
                                <i class="fas fa-info-circle me-2"></i>Angaben gemäß § 5 TMG / § 55 RStV
                            </h2>
                            <div class="contact-info">
                                <p>
                                    Kreissportbund Düren e.V.<br>
                                    Kirchfeld 23<br>
                                    52355 Düren<br>
                                    Deutschland
                                </p>
                            </div>
                        </section>

                        <section class="mb-5">
                            <h2 class="section-title">
                                <i class="fas fa-user-tie me-2"></i>Vertreten durch
                            </h2>
                            <div class="contact-info">
                                <p>Wolfgang Schmitz (Geschäftsführer)</p>
                            </div>
                        </section>

                        <section class="mb-5">
                            <h2 class="section-title">
                                <i class="fas fa-address-card me-2"></i>Kontakt
                            </h2>
                            <div class="contact-info">
                                <p>
                                    <i class="fas fa-phone me-2"></i>Telefon: +49 (0) 2421 208630<br>
                                    <i class="fas fa-fax me-2"></i>Telefax: +49 (0) 2421 56401<br>
                                    <i class="fas fa-envelope me-2"></i>E-Mail: info@ksb-dueren.de
                                </p>
                            </div>
                        </section>

                        <section class="mb-5">
                            <h2 class="section-title">
                                <i class="fas fa-book me-2"></i>Registereintrag
                            </h2>
                            <div class="contact-info">
                                <p>
                                    Eingetragen im Vereinsregister<br>
                                    Registergericht: Amtsgericht Düren<br>
                                    Registernummer: VR 820
                                </p>
                            </div>
                        </section>

                        <section class="mb-5">
                            <h2 class="section-title">
                                <i class="fas fa-user-shield me-2"></i>Verantwortlich für den Inhalt nach § 55 Abs. 2 RStV
                            </h2>
                            <div class="contact-info">
                                <p>
                                    Wolfgang Schmitz<br>
                                    Kirchfeld 23<br>
                                    52355 Düren
                                </p>
                            </div>
                        </section>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<style>
.container-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2rem;
}

.container-status {
    margin-left: 1rem;
}

.card {
    transition: transform 0.2s ease;
}

.card:hover {
    transform: translateY(-2px);
}

.section-title {
    color: #2c3e50;
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #e9ecef;
}

.contact-info {
    background-color: #f8f9fa;
    padding: 1.5rem;
    border-radius: 8px;
    margin: 1rem 0;
}

.badge {
    font-weight: 500;
    padding: 0.5em 1em;
}

.badge.bg-primary {
    background-color: #2c3e50 !important;
}

@media (max-width: 768px) {
    .container-header {
        flex-direction: column;
        text-align: center;
    }
    
    .container-status {
        margin: 1rem 0 0 0;
    }
    
    .section-title {
        font-size: 1.25rem;
    }
}
</style>
{% endblock %}