/* Styles for /impressum/ and /datenschutz/ pages */
body.legal-page { background: var(--bg); color: var(--text); }

.legal-main {
  padding: 140px 0 80px;
  min-height: 70vh;
}
.legal-container {
  max-width: 760px;
  margin: 0 auto;
}
.legal-container h1 {
  font-family: var(--serif);
  font-size: clamp(40px, 5vw, 64px);
  font-weight: 400;
  margin: 0 0 16px;
  color: var(--cream);
}
.legal-sub {
  color: var(--text-dim);
  font-size: 18px;
  margin: 0 0 48px;
  font-style: italic;
}
.legal-container section {
  margin-bottom: 40px;
  padding-bottom: 32px;
  border-bottom: 1px solid var(--line);
}
.legal-container section:last-of-type { border-bottom: 0; }
.legal-container h2 {
  font-family: var(--serif);
  font-size: 24px;
  font-weight: 500;
  margin: 0 0 16px;
  color: var(--accent);
}
.legal-container p {
  color: var(--cream-soft);
  margin: 0 0 14px;
  line-height: 1.7;
}
.legal-container ul {
  color: var(--cream-soft);
  padding-left: 22px;
  margin: 0 0 16px;
}
.legal-container ul li { padding: 4px 0; }
.legal-container a {
  color: var(--accent);
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s ease;
}
.legal-container a:hover { border-bottom-color: var(--accent); }
.legal-container strong { color: var(--cream); font-weight: 500; }

.legal-updated {
  font-size: 13px;
  color: var(--text-dim);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-top: 48px;
}
.legal-back {
  margin-top: 40px;
  font-size: 14px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

/* 404 page */
.notfound-container { text-align: center; }
.notfound-code {
  font-family: var(--serif);
  font-size: clamp(80px, 12vw, 160px);
  font-weight: 700;
  color: var(--accent);
  line-height: 1;
  margin: 0 0 8px;
  opacity: 0.6;
}
.notfound-container h1 { margin-bottom: 12px; }
.notfound-container .legal-sub { margin-bottom: 40px; }

@media (max-width: 720px) {
  .legal-main { padding: 100px 0 60px; }
  .legal-container h1 { font-size: 36px; }
}