/* Rechtsseiten auf iseou.app (/privacy, /terms, /imprint, /sub, /consumer-health-privacy,
   /sofia-crisis-response). Der Text kommt unverändert aus dem Backend (luna-femtech.com);
   nginx hängt dieses Blatt plus assets/iseou.css an und tauscht nur den Rahmen
   (Wortmarke, Titel, Fußlink), siehe ops/nginx/snippets_iseou-rechtstexte.conf. */
body { max-width: 820px !important; padding: 20px 16px 56px !important; }
header {
  background: var(--hero); border: 0 !important; border-radius: 22px;
  padding: 14px 20px !important; margin-bottom: 4px !important;
  align-items: center !important; row-gap: 10px;
}
header .wordmark { display: block; line-height: 0; }
header .wordmark img { display: block; height: 30px; width: auto; }
header nav, header nav * { color: var(--creme) !important; font-weight: 400; }
header nav a { padding: 2px 3px; text-decoration: none; }
header nav a.cur { color: var(--flieder) !important; font-weight: 900; }
.meta { margin: 16px 6px 18px !important; font-weight: 900; letter-spacing: .02em; }
main {
  background: var(--karte) !important; border: 0 !important;
  border-radius: 24px !important; padding: 28px 24px !important;
}
main h1, main h2, main h3 { font-weight: 900; line-height: 1.2; color: var(--text) !important; }
main h1 { font-size: 1.7rem; } main h2 { font-size: 1.25rem; margin-top: 1.6em; }
main a, footer a { color: var(--text) !important; text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 3px; }
main table { border-collapse: collapse; width: 100%; }
main th, main td { border-bottom: 1px solid var(--linie); padding: 8px 6px; text-align: left; vertical-align: top; }
footer { margin-top: 24px !important; }