/* Gemeinsames Layout der Rechtsseiten - baut auf design-system/styles.css auf */
* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: var(--font-body);
  font-size: var(--text-base);
  line-height: var(--leading-relaxed);
  color: var(--neutral-800);
  background: var(--neutral-0);
}
.nav {
  position: sticky; top: 0; z-index: 50;
  background: rgba(255,255,255,0.92); backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--neutral-100);
}
.nav-inner { display: flex; align-items: center; justify-content: space-between; padding: var(--space-3) var(--space-5); max-width: var(--container-max); margin: 0 auto; }
.wordmark { font-family: var(--font-display); font-weight: var(--weight-display); font-size: var(--text-lg); color: var(--ink); text-decoration: none; display: inline-flex; align-items: center; gap: 0; }
.brandmark { display: block; flex-shrink: 0; margin-right: 9px; }
.wordmark .accent { color: var(--blue-500); }
.back-link { font-size: var(--text-sm); font-weight: var(--weight-semibold); color: var(--blue-700); text-decoration: none; }
.back-link:hover { text-decoration: underline; }
main { max-width: var(--container-narrow); margin: 0 auto; padding: var(--space-8) var(--space-5) var(--space-10); }
h1 { font-family: var(--font-body); font-weight: var(--weight-bold); font-size: var(--text-xl); line-height: var(--leading-snug); color: var(--neutral-900); margin: 0 0 var(--space-2); }
.stand { font-size: var(--text-sm); color: var(--neutral-500); margin: 0 0 var(--space-6); }
h2 { font-family: var(--font-body); font-weight: var(--weight-semibold); font-size: var(--text-md); color: var(--neutral-900); margin: var(--space-6) 0 var(--space-2); }
p, li { font-size: var(--text-base); color: var(--neutral-700); }
ul, ol { padding-left: 1.4em; }
address { font-style: normal; }
a { color: var(--blue-700); }
footer { background: var(--neutral-900); padding: var(--space-6) 0; font-size: var(--text-sm); color: var(--neutral-400); }
.footer-inner { display: flex; justify-content: space-between; gap: var(--space-4); flex-wrap: wrap; align-items: center; max-width: var(--container-max); margin: 0 auto; padding: 0 var(--space-5); }
footer .wordmark { color: var(--neutral-0); font-size: var(--text-base); }
footer a { color: var(--neutral-400); text-decoration: none; margin-right: var(--space-4); }
footer a:hover { color: var(--blue-light); }