/* Support, privacy and imprint: a calm reading column under the same top bar as the start page. */

.doc .topbar { position: sticky; }
.doc .topbar__end { margin-left: auto; }
.doc .brand__name { display: inline; }
.doc__main { max-width: 760px; margin: 0 auto; padding: 48px clamp(18px, 5vw, 40px) 24px; }
/* Long German words like Datenschutzerklärung fit a phone: smaller there, hyphenated if needed. */
.doc__main h1 { font-size: clamp(30px, 8vw, 56px); margin-bottom: 14px; }
.doc__main h1, .doc__main h2, .doc__main h3 { hyphens: auto; overflow-wrap: break-word; }
.doc__main h2 { font-size: clamp(24px, 3.4vw, 30px); margin: 46px 0 14px; }
.doc__main h3 { font-size: 20px; margin: 26px 0 8px; }
.doc__main p, .doc__main li { color: var(--ink-soft); }
.doc__main p { margin: 0 0 14px; }
.doc__main ul { padding-left: 1.2em; margin: 0 0 14px; }
.doc__main a { color: var(--vermilion); }
.doc__note { font-size: 15px; }
.doc__card {
  background: var(--paper-raised); border: 1px solid var(--line); border-radius: var(--radius);
  padding: 20px 22px; margin: 24px 0; box-shadow: var(--shadow);
}
.doc__card p:last-child { margin-bottom: 0; }
.doc__main address { font-style: normal; color: var(--ink); margin: 0 0 14px; line-height: 1.6; }
.doc .faq__list { margin: 0; }
.doc .footer a { color: inherit; }
@media (max-width: 560px) {
  .doc .brand__name { display: none; }
}