/* Schlichte Textseiten (Meldeweg, Fehlerseiten) in den Tokens des Designers. */
body.textseite, body.fehlerseite { min-height: 100dvh; font-size: var(--s-16, 16px); }
.seite-schmal { max-width: 40rem; margin: 0 auto; padding: 24px 16px 64px; display: grid; gap: 16px; }
.seite-schmal h1 { font-size: clamp(2rem, 6vw, 2.75rem); }
.seite-schmal .klein { font-size: var(--s-13, 13px); color: var(--tinte-2); }
.seite-schmal form { display: grid; gap: 14px; }
.seite-schmal label, .seite-schmal legend { font-weight: 700; }
.seite-schmal input[type="text"], .seite-schmal input[type="email"], .seite-schmal select, .seite-schmal textarea {
  width: 100%; min-height: var(--ziel, 44px); padding: 8px 12px; background: var(--zettel, #fff); border: 2px solid var(--kante); border-radius: var(--r-feld, 6px); }
.seite-schmal textarea { min-height: 8rem; resize: vertical; }
.seite-schmal .kasten { display: flex; gap: 10px; align-items: flex-start; font-weight: 400; }
.seite-schmal .kasten input { width: 24px; height: 24px; margin-top: 2px; flex: none; }
.seite-schmal .hinweis { padding: 12px 14px; border: 2px solid var(--kante); border-radius: 8px; background: var(--zettel, #fff); }
.seite-schmal .hinweis.fehler { border-color: var(--fehler); background: var(--fehler-zart); }
.seite-schmal .hinweis.ok { border-color: var(--ok); background: var(--ok-zart); }
.seite-schmal a.knopf, .seite-schmal button.knopf { display: inline-flex; align-items: center; justify-content: center; min-height: var(--ziel, 44px); padding: 0 18px; width: fit-content; text-decoration: none; }