/* ================================
   VERBESSERTE LESBARKEIT
   Fixes für Legal Pages
   ================================ */

/* Navigation & Footer Layout Fix */
.nav-content,
.nav-wrapper {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
}

.logo {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    text-decoration: none !important;
}

.nav-links {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
    align-items: center !important;
}

/* Footer Layout Fix */
.footer-content {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
    gap: 40px !important;
    align-items: start !important;
}

.footer-links {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 30px !important;
}

.footer-logo {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    margin-bottom: 15px !important;
}

/* Hellere Textfarben für bessere Lesbarkeit */
.legal-section p,
.legal-section li,
.legal-section td {
    color: #e0e0e0 !important;
}

/* Links besser sichtbar */
.legal-section a {
    color: #4da6ff !important;
    text-decoration: underline !important;
    font-weight: 600 !important;
}

.legal-section a:hover {
    color: #80c0ff !important;
    text-shadow: 0 0 15px rgba(77, 166, 255, 0.8) !important;
}

/* Info-Boxen mit besserem Kontrast */
.info-box {
    background: rgba(0, 119, 255, 0.08) !important;
    border-left: 4px solid #4da6ff !important;
}

.info-box p,
.info-box li,
.info-box td {
    color: #e8e8e8 !important;
}

.info-box strong {
    color: #4da6ff !important;
}

/* Highlight-Boxen */
.highlight-box {
    background: linear-gradient(135deg, rgba(0, 119, 255, 0.12) 0%, rgba(255, 119, 0, 0.12) 100%) !important;
    border: 1px solid rgba(77, 166, 255, 0.4) !important;
}

.highlight-box h3,
.highlight-box h4 {
    color: #4da6ff !important;
}

.highlight-box p,
.highlight-box li {
    color: #e0e0e0 !important;
}

/* Warning-Boxen */
.warning-box {
    background: rgba(255, 193, 7, 0.12) !important;
    border-left: 4px solid #ffc107 !important;
}

.warning-box h4 {
    color: #ffc107 !important;
}

.warning-box p {
    color: #f0f0f0 !important;
}

/* Table of Contents */
.table-of-contents {
    background: rgba(0, 119, 255, 0.08) !important;
    border: 1px solid rgba(77, 166, 255, 0.3) !important;
}

.table-of-contents h3 {
    color: #ffffff !important;
}

.table-of-contents a {
    color: #d0d0d0 !important;
}

.table-of-contents a:hover {
    color: #4da6ff !important;
}

/* Tabellen */
table {
    color: #e0e0e0 !important;
}

table tr td {
    color: #e0e0e0 !important;
}

table tr td strong {
    color: #ffffff !important;
}

/* Listen */
.legal-section ul li::before {
    color: #4da6ff !important;
}

.legal-section ol li::before {
    color: #4da6ff !important;
}

/* Footer auf Legal Pages */
.footer .footer-section a {
    color: #d0d0d0 !important;
}

.footer .footer-section a:hover {
    color: #4da6ff !important;
}

.footer-bottom p {
    color: #c0c0c0 !important;
}

/* Legal Footer CTA */
.legal-footer .cta-button {
    background: linear-gradient(135deg, #0077ff 0%, #00d4ff 100%) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
}

.legal-footer .cta-button:hover {
    background: linear-gradient(135deg, #0099ff 0%, #00f0ff 100%) !important;
    box-shadow: 0 10px 40px rgba(0, 119, 255, 0.5) !important;
}

/* Source Note */
.source-note {
    color: #999 !important;
}

.source-note a {
    color: #4da6ff !important;
}

/* Responsive: Mobile */
@media (max-width: 768px) {
    .legal-section p,
    .legal-section li {
        font-size: 15px !important;
    }
    
    .info-box,
    .highlight-box,
    .warning-box {
        padding: 15px !important;
    }
}