/**
 * File: TC-Hugsweier/css/impressum.css
 * Path: /css/impressum.css
 * 
 * Purpose:
 * - Impressum-spezifische Styles (ergänzt style.css)
 * - Card-Header mit verschiedenen Farben
 * - Tabellen-Formatierung für Vereinsangaben
 * - Alert-Boxen für Hinweise
 * 
 * Dependencies:
 * - css/style.css (muss zuerst geladen werden!)
 * - Bootstrap 5.3.2
 * - FontAwesome 6.5.1
 * 
 * Sections:
 * 1. Card Headers (verschiedene Farben)
 * 2. Tabellen (Vereinsangaben, Vorstand, etc.)
 * 3. Sections (Überschriften und Abstände)
 * 4. Alerts (Info-Boxen)
 * 5. Responsive Design
 * 6. Print Styles
 * 
 * Colors:
 * - Vereinsangaben: #007bff → #0056b3 (Blau)
 * - Vorstand: #28a745 → #1e7e34 (Grün)
 * - Register: #17a2b8 → #117a8b (Cyan)
 * 
 * Created: 2026-02-02
 * Author: TC Hugsweier Webteam
 * Version: 1.0.0
 */

/* ========================================
   1. CARD HEADERS
======================================== */

/**
 * Basis Card Header Style
 * - Verwendet für alle Sektionen
 * - Weiße Schrift auf farbigem Gradient
 */
.impressum-card-header {
    padding: 1rem;
    color: white;
    border: none;
    font-weight: 600;
}

.impressum-card-header h2 {
    margin-bottom: 0;
    font-size: 1.3rem;
}

.impressum-card-header i {
    margin-right: 0.5rem;
}

/**
 * Vereinsangaben Header - Blau-Gradient
 */
.card-header-vereinsangaben {
    background: linear-gradient(135deg, #007bff, #0056b3);
}

/**
 * Vorstand Header - Grün-Gradient
 */
.card-header-vorstand {
    background: linear-gradient(135deg, #28a745, #1e7e34);
}

/**
 * Register Header - Cyan-Gradient
 */
.card-header-register {
    background: linear-gradient(135deg, #17a2b8, #117a8b);
}

/* ========================================
   2. TABELLEN
======================================== */

/**
 * Impressum Tabelle
 * - Entfernt Standard-Borders
 * - Zwei-Spalten-Layout
 */
.impressum-table {
    margin-bottom: 0;
}

.impressum-table td {
    padding: 0.75rem;
    border: none;
}

/**
 * Erste Spalte - Label/Bezeichnung
 * - Feste Breite
 * - Fett und blau
 */
.impressum-table td:first-child {
    width: 200px;
    font-weight: 600;
    color: #0056b3;
}

/* ========================================
   3. SECTIONS
======================================== */

/**
 * Impressum Section - Abstand zwischen Sektionen
 */
.impressum-section {
    margin-bottom: 3rem;
}

/**
 * Überschriften in Impressum
 * - Blau gefärbt
 */
.impressum-section h2,
.impressum-section h3 {
    color: #007bff;
}

.impressum-section h2 {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
}

.impressum-section h3 {
    font-size: 1.2rem;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

/* ========================================
   4. ALERTS
======================================== */

/**
 * Impressum Alert - Info-Box
 * - Hellblauer Hintergrund
 * - Blauer linker Rand
 * - Für zusätzliche Hinweise
 */
.impressum-alert {
    border-left: 4px solid #007bff;
    background: #e3f2fd;
    padding: 1rem;
    border-radius: 0 0.5rem 0.5rem 0;
    margin-top: 1rem;
}

.impressum-alert i {
    color: #007bff;
    margin-right: 0.5rem;
}

/* ========================================
   5. RESPONSIVE DESIGN
======================================== */

/**
 * Mobile Anpassungen
 * - Kleinere Spaltenbreite
 * - Kleinere Schrift
 */
@media (max-width: 768px) {
    .impressum-table td:first-child {
        width: 120px;
        font-size: 0.9rem;
    }
    
    .impressum-card-header h2 {
        font-size: 1.1rem;
    }
}

/* ========================================
   6. PRINT STYLES
======================================== */

/**
 * Druck-Optimierung
 * - Schwarzweiß Headers
 * - Rahmen statt Farben
 */
@media print {
    .impressum-card-header {
        background: white !important;
        color: #333 !important;
        border: 2px solid #333 !important;
    }
    
    .card-header-vereinsangaben,
    .card-header-vorstand,
    .card-header-register {
        background: white !important;
        color: #333 !important;
    }
}