/* style.css - Clean, professional, high-contrast light mode */

:root { 
  --color-scheme: light; 
  
  /* Farbpalette: Professionell und edel */
  --bg-primary: #f8f9fa;       /* Haupt-Hintergrund (Off-White) */
  --bg-secondary: #ffffff;     /* Container-Hintergrund (Weiß) */
  --text-main: #212529;        /* Textfarbe (Sehr dunkles Grau/Navy) */
  --text-muted: #495057;       /* Gedimmter Text */
  --accent-color: #0d6efd;     /* Helles, professionelles Blau für Akzente */
  --border-color: #e9ecef;     /* Sehr feine Border */

  font-family: 'Space Grotesk', system-ui, -apple-system, sans-serif; 
  line-height: 1.7; 
  font-weight: 400; 
} 

*, 
*::before, 
*::after { 
  box-sizing: border-box; 
} 

body.legal-page { 
  margin: 0; 
  background: var(--bg-primary); 
  color: var(--text-main); 
  min-height: 100vh;
} 

.legal-layout { 
  max-width: 960px; /* Etwas breiter für mehr Luft */
  margin: 40px auto; 
  padding: 60px 40px; 
  background: var(--bg-secondary); 
  border-radius: 6px; 
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); /* Dezenter Schatten */
} 

.legal-header { 
  margin-bottom: 40px; 
  padding-bottom: 24px; 
  border-bottom: 2px solid var(--border-color); 
} 

.legal-eyebrow { 
  margin: 0 0 0.5rem; 
  color: var(--accent-color); 
  letter-spacing: 0.15em; 
  text-transform: uppercase; 
  font-size: 0.75rem; 
  font-weight: 700; 
} 

.legal-header h1 { 
  margin: 0 0 0.75rem; 
  font-size: clamp(2rem, 3.5vw, 2.8rem); 
  letter-spacing: -0.01em; 
  color: var(--text-main); 
} 

.legal-intro { 
  margin: 0; 
  max-width: 80ch; 
  color: var(--text-muted); 
  font-size: 1.1rem;
} 

section { 
  margin-top: 40px; 
} 

h2 { 
  margin: 0 0 1rem; 
  font-size: 1.5rem; 
  letter-spacing: -0.005em; 
  color: var(--text-main); 
  border-left: 4px solid var(--accent-color);
  padding-left: 15px;
} 

p { 
  margin: 0 0 1rem; 
  color: var(--text-muted); 
} 

ul.legal-list { 
  margin: 0.5rem 0 0; 
  padding-left: 0; 
  list-style: none;
  display: flex; 
  flex-direction: column; 
  gap: 1rem; /* Mehr Abstand */
} 

.legal-list li {
  position: relative;
  padding-left: 20px;
  color: var(--text-muted);
}
.legal-list li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: var(--accent-color);
  font-size: 1.2rem;
  line-height: 1.7rem; /* Anpassung an line-height */
}

.legal-list li strong { 
  color: var(--text-main); 
} 

a { 
  color: var(--accent-color); 
  text-decoration: none; 
  border-bottom: 1px solid rgba(13, 110, 253, 0.3); 
  transition: all 0.2s ease-in-out;
} 

a:hover { 
  color: var(--text-main); 
  border-color: currentColor; 
} 

.legal-meta { 
  color: var(--text-muted); 
  font-size: 0.9rem; 
  margin-top: 20px;
} 

.legal-footer { 
  margin-top: 50px; 
  padding-top: 20px; 
  border-top: 1px solid var(--border-color); 
  color: var(--text-muted); 
  font-size: 0.95rem; 
  text-align: center;
} 
.legal-footer a {
  font-weight: 600;
}


/* Mobile Optimierung */
@media (max-width: 720px) {
  .legal-layout {
      padding: 30px 20px;
      margin: 0;
      border-radius: 0;
      box-shadow: none;
  }
}