/* === legal.css === */ /* Optional */

/* --- Impressum & Datenschutz Seiten --- */
.impressum-content h3, .privacy-content h3 { color: var(--primary-text-color); margin-top: 25px; margin-bottom: 8px; font-size: 1.3rem; font-weight: 600; }
.impressum-content h4 { color: var(--primary-text-color); margin-top: 20px; margin-bottom: 5px; font-size: 1.1rem; font-weight: 600; }
.impressum-content p, .privacy-content p, .privacy-content ul { margin-bottom: 15px; line-height: 1.7; }
.privacy-content ul { padding-left: 20px; }
.privacy-content li { margin-bottom: 5px; }
.impressum-content a, .privacy-content a { color: var(--accent-color); text-decoration: underline; transition: color 0.3s ease; }
.impressum-content a:hover, .privacy-content a:hover { color: var(--primary-text-color); }
#impressum-section, #privacy-section { padding-top: calc(var(--header-height) + 80px); padding-bottom: 80px; min-height: calc(100vh - var(--header-height) - 101px); background-color: var(--surface-color); /* Farbe explizit, da nth-child wegfällt */ }

/* --- Fehlerseite --- */
#error-section { padding-top: calc(var(--header-height) + 80px); text-align: center; min-height: calc(100vh - var(--header-height) - 101px); background-color: var(--surface-color); }
#error-section h2 { color: var(--primary-text-color); margin-bottom: 20px; }
.error-icon { font-size: 4rem; margin-bottom: 20px; color: var(--accent-color); }
.error-actions { margin-top: 40px; }
.error-actions p { margin-bottom: 20px; }
.error-actions .btn, .error-actions .btn-secondary { margin: 8px; }
/* Responsive .error-actions bereits in base.css @media (max-width: 480px) */

/* --- Cookie Management Section (Datenschutzseite) --- */
#cookie-settings-section { background-color: var(--surface-alt-color); padding: 25px 30px; border-radius: 12px; margin-top: 30px; margin-bottom: 40px; border: 1px solid #444; }
#cookie-settings-section h3 { text-align: center; margin-bottom: 20px; color: var(--primary-text-color); }
#consent-status-display { font-weight: bold; font-size: 1.1em; text-align: center; margin-bottom: 25px; }
.cookie-management-buttons { display: flex; flex-wrap: wrap; gap: 15px; justify-content: center; }
#consent-update-notice { margin-top: 20px; font-size: 0.9em; text-align: center; color: var(--secondary-text-color); display: none; font-style: italic; }