/**
 * Delic IT Services - Legal Pages Styles
 * Styles für Impressum und Datenschutz
 */

.legal-content {
  padding: var(--spacing-lg) 0;
  background-color: var(--bg-color);
  transition: background-color 0.3s ease;
}

.legal-wrapper {
  max-width: 800px;
  margin: 0 auto;
  background-color: var(--card-bg);
  padding: var(--spacing-md);
  border-radius: var(--border-radius-md);
  box-shadow: var(--shadow-sm);
  transition: background-color 0.3s ease;
}

.legal-wrapper h1 {
  font-size: 2rem;
  margin-bottom: var(--spacing-md);
  color: var(--primary-color);
}

.legal-wrapper h2 {
  font-size: 1.5rem;
  margin-top: var(--spacing-md);
  margin-bottom: var(--spacing-sm);
  color: var(--text-color);
}

.legal-wrapper h3 {
  font-size: 1.25rem;
  margin-top: var(--spacing-sm);
  margin-bottom: var(--spacing-xs);
  color: var(--text-color);
}

.legal-wrapper p,
.legal-wrapper ul,
.legal-wrapper ol {
  margin-bottom: var(--spacing-sm);
}

.legal-wrapper ul,
.legal-wrapper ol {
  margin-left: var(--spacing-md);
}

.legal-wrapper ul li,
.legal-wrapper ol li {
  margin-bottom: var(--spacing-xs);
  list-style-type: disc;
}

.legal-wrapper ol li {
  list-style-type: decimal;
}

.legal-wrapper a {
  color: var(--primary-color);
  text-decoration: underline;
}

.legal-wrapper a:hover {
  color: var(--primary-dark);
}