/* Impressum and Datenschutzerklärung: one column of prose, nothing interactive.
   Everything on those pages sits inside .wrap, so the looser line height goes there
   rather than on body, where it would follow the home page around. */
.wrap { max-width: 44rem; margin: 0 auto; padding: 3rem 1.5rem 4rem; line-height: 1.7; }
a { color: var(--ridge-far); text-underline-offset: 3px; }
a:hover { color: #f0cc6a; }
h1 { font-size: clamp(1.9rem, 5vw, 2.4rem); font-weight: 700; letter-spacing: -.02em; margin: 0 0 .4rem; }
h2 { font-size: 1.15rem; font-weight: 700; margin: 2.2rem 0 .5rem; }
h3 { font-size: 1rem; font-weight: 700; margin: 1.6rem 0 .3rem; color: var(--ink); }
p, li { color: var(--ink-soft); }
p { margin: 0 0 1rem; }
ul { padding-left: 1.2rem; margin: 0 0 1rem; }
address { font-style: normal; color: var(--ink); margin: 0 0 1rem; }
.back {
  display: inline-block; margin-bottom: 2rem; text-decoration: none;
  font: 700 .72rem/1.5 system-ui, -apple-system, "Segoe UI", sans-serif;
  letter-spacing: .14em; text-transform: uppercase;
  border: 1px solid rgba(218,165,32,.5); border-radius: 999px;
  padding: .3rem .85rem; color: var(--ridge-far);
}
.back:hover { border-color: var(--ridge-far); }
.note { border-left: 2px solid var(--green-bright); padding-left: 1rem; margin: 0 0 1.5rem; }

/* The generated privacy text brings its own heading levels. h2, h3, p and li above already
   cover it identically; only these two have nothing to inherit from. */
.erecht24 h4 { font-size: .95rem; font-weight: 700; margin: 1.3rem 0 .3rem; color: var(--ink); }
.erecht24 strong { color: var(--ink); }