/* ============================================
   downloads.css - Downloads Page Styles
   ============================================ */

.downloads-page {
    max-width: 1000px;
    margin: 0 auto;
}

.downloads-section {
    padding: var(--spacing-xl) 0;
}

.downloads-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: var(--spacing-xl);
}

.download-card {
    background: var(--color-bg-card);
    border-radius: var(--border-radius);
    padding: var(--spacing-xl);
    text-align: center;
    border: 1px solid var(--color-border);
    transition: all var(--transition-base);
}

    .download-card:hover {
        transform: translateY(-4px);
        box-shadow: var(--shadow-md);
    }

.download-icon {
    font-size: 3rem;
    margin-bottom: var(--spacing-md);
}

.download-card h2 {
    font-size: var(--font-size-lg);
    margin-bottom: var(--spacing-sm);
}

.download-card p {
    color: var(--color-text-muted);
    font-size: var(--font-size-sm);
    margin-bottom: var(--spacing-lg);
}

/* ============================================
   Legal Pages (Impressum, AGB)
   ============================================ */
.legal-page {
    max-width: 800px;
    margin: 0 auto;
}

.legal-content {
    background: var(--color-bg-card);
    border-radius: var(--border-radius);
    padding: var(--spacing-2xl);
    border: 1px solid var(--color-border);
}

.legal-section {
    margin-bottom: var(--spacing-xl);
    padding-bottom: var(--spacing-xl);
    border-bottom: 1px solid var(--color-border);
}

    .legal-section:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: none;
    }

    .legal-section h2 {
        font-size: var(--font-size-lg);
        margin-bottom: var(--spacing-md);
        color: var(--color-primary);
    }

    .legal-section p {
        margin-bottom: var(--spacing-sm);
        color: var(--color-text-muted);
        line-height: 1.7;
    }

    .legal-section address {
        font-style: normal;
        line-height: 1.8;
        color: var(--color-text-muted);
    }

    .legal-section a {
        color: var(--color-primary);
    }

.legal-content .intro {
    font-size: var(--font-size-lg);
    margin-bottom: var(--spacing-xl);
}