/* Fliesstextseiten (Datenschutz, Einladung). Benoetigt ss-tokens.css und ss-base.css. */
.ss-prose{max-width:760px;margin:0 auto;padding:clamp(48px,8vw,96px) var(--gutter) clamp(64px,9vw,112px)}
.ss-prose .augenbraue{margin:0 0 16px;font-family:var(--font-mono);font-size:var(--type-eyebrow-size);letter-spacing:var(--type-eyebrow-ls);color:var(--accent);text-transform:uppercase}
.ss-prose h1{margin:0 0 24px;font-size:var(--type-h1-agents-size);line-height:.94;font-weight:600;letter-spacing:var(--type-h1-ls)}
.ss-prose h2{margin:56px 0 16px;padding-top:28px;border-top:1px solid var(--border-subtle);font-size:28px;line-height:1.1;font-weight:600;letter-spacing:var(--type-h2-ls)}
.ss-prose p,.ss-prose li{color:var(--text-secondary);text-wrap:pretty}
.ss-prose p{margin:0 0 16px}
.ss-prose .lead{font-size:var(--type-lead-size);color:var(--text-lead);max-width:34em}
.ss-prose ul,.ss-prose ol{margin:0 0 16px;padding-left:1.4em;display:flex;flex-direction:column;gap:10px}
.ss-prose li::marker{color:var(--text-label);font-family:var(--font-mono)}
.ss-prose a{color:var(--accent);text-decoration:underline;text-decoration-color:var(--ss-signal-line);text-underline-offset:3px}
.ss-prose a:hover{color:var(--accent-hover);text-decoration-color:currentColor}
.ss-prose strong{color:var(--text-primary);font-weight:600}
.ss-prose .hinweis{border:1px dashed var(--border-default);border-radius:var(--radius-xl);padding:16px 18px;font-size:var(--type-small-size)}
.ss-prose .regeln{counter-reset:regel}
.ss-prose [hidden]{display:none}
.ss-prose code{overflow-wrap:anywhere}
.ss-prose .konto-einladung{margin-top:48px;padding:24px;border:1px solid var(--border-default);border-radius:var(--radius-xl);background:var(--ss-panel)}
.ss-prose .konto-einladung h2{margin:0 0 16px;padding:0;border:0;font-size:24px}
.ss-prose .konto-einladung p{margin-bottom:16px}
.ss-prose .konto-einladung form{display:grid;gap:12px}
.ss-prose .konto-einladung label{color:var(--text-primary);font-weight:600}
.ss-prose .konto-einladung input{width:100%;min-height:48px;padding:10px 12px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--ss-void);color:var(--text-primary);font:inherit}
.ss-prose .konto-einladung button{min-height:48px;padding:10px 16px;border:1px solid var(--accent);border-radius:var(--radius-md);background:var(--accent);color:var(--ss-void);font:inherit;font-weight:600;cursor:pointer}
.ss-prose .konto-einladung button:hover{background:var(--accent-hover);border-color:var(--accent-hover)}
.ss-prose .konto-einladung a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.ss-prose #beitrittstext{white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal}
.beitrittstext__bar{margin:.75rem 0}
.beitrittstext__line{font-family:var(--font-mono);overflow-wrap:anywhere}