/* Shared styles for Impressum & Datenschutz pages — paper-collage palette */
:root {
  --bg:     #121D17;
  --paper:  #F8EDE2;
  --muted:  rgba(248, 237, 226, 0.55);
  --yellow: #ECC61D;
  --red:    #E03D52;
  --font:   'Helvetica Neue', 'Inter', 'Arial', sans-serif;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
  background: var(--bg);
  color: var(--paper);
  font-family: var(--font);
  font-size: 17px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
a { color: var(--yellow); text-decoration: none; }
a:hover { text-decoration: underline; }
.wrap {
  max-width: 760px;
  margin: 0 auto;
  padding: 56px 24px 96px;
}
.back {
  display: inline-block;
  font-size: 16px;
  color: var(--muted);
  margin-bottom: 40px;
  letter-spacing: 0.02em;
}
.back:hover { color: var(--paper); text-decoration: none; }
h1 {
  font-weight: 700;
  font-size: 44px;
  line-height: 1.1;
  letter-spacing: -0.01em;
  margin-bottom: 32px;
}
h2 {
  font-weight: 600;
  font-size: 22px;
  letter-spacing: -0.005em;
  margin-top: 40px;
  margin-bottom: 14px;
  color: var(--paper);
}
p, ul { margin-bottom: 16px; color: rgba(248, 237, 226, 0.85); }
ul { padding-left: 22px; }
li { margin-bottom: 6px; }

@media (max-width: 600px) {
  .wrap { padding: 40px 20px 72px; }
  h1 { font-size: 32px; }
  h2 { font-size: 19px; margin-top: 32px; }
}