/* Ergänzung für die Textseiten. Nutzt dieselben Token wie app.css. */
.textseite { max-width: 760px; margin: 0 auto; padding: 56px 24px 88px; }
.textseite h1 { font-size: clamp(30px, 4vw, 42px); font-weight: 700; }
.textseite h2 { font-size: 21px; margin-top: 44px; }
.textseite h3 { font-size: 17px; margin-top: 28px; }
.textseite p, .textseite li { color: var(--text-leise); font-size: 16.5px; }
.textseite p { margin-top: 12px; }
.textseite ul { margin-top: 12px; padding-left: 20px; }
.textseite li { margin-top: 6px; }
.textseite a { color: var(--akzent); }
.textseite .vor { margin-top: 14px; color: var(--text-leise); }
.zurueck { display: inline-flex; gap: 7px; align-items: center; font-size: 14.5px;
           color: var(--text-leise); text-decoration: none; margin-bottom: 26px; }
.zurueck:hover { color: var(--text); }
.tabelle { width: 100%; border-collapse: collapse; margin-top: 18px; font-size: 15px; }
.tabelle th, .tabelle td { text-align: left; padding: 11px 12px; border-bottom: 1px solid var(--linie); vertical-align: top; }
.tabelle th { font-size: 11.5px; text-transform: uppercase; letter-spacing: .1em;
              color: var(--text-leise); font-family: 'Geist Mono', monospace; font-weight: 400; }
.tabelle td:last-child { font-family: 'Geist Mono', monospace; font-size: 13px; white-space: nowrap; }
.tabelle-huelle { overflow-x: auto; }