/* Rita fuer WERT PAKET.EU - Stil der Einbettung (01.11.2026). Eigener Namensraum .wpk-rita-*.
   Farben ueber Variablen, damit die Seite sie an ihr Design anpassen kann (Standard: neutral, gut lesbar). */
.wpk-rita{--wpk-rita-akzent:#7a5c2e;--wpk-rita-tinte:#1d1d1b;--wpk-rita-leise:#5c5a55;--wpk-rita-flaeche:#fbf8f2;
  --wpk-rita-linie:#e3dccd;--wpk-rita-ich:#1d1d1b;--wpk-rita-radius:10px;
  color:var(--wpk-rita-tinte);max-width:880px;margin:0 auto;min-width:0}
.wpk-rita *{box-sizing:border-box}
.wpk-rita-intro{color:var(--wpk-rita-leise);line-height:1.6;margin:0 0 12px}
.wpk-rita-beispiele{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px;padding:0;list-style:none}
.wpk-rita-beispiel{font:inherit;font-size:.92rem;padding:8px 14px;min-height:40px;border-radius:999px;cursor:pointer;
  background:transparent;color:var(--wpk-rita-tinte);border:1px solid var(--wpk-rita-linie)}
.wpk-rita-beispiel:hover,.wpk-rita-beispiel:focus-visible{border-color:var(--wpk-rita-akzent)}
.wpk-rita-verlauf{display:grid;gap:12px;margin:0 0 16px}
.wpk-rita-verlauf[hidden]{display:none}
.wpk-rita-msg{padding:14px 16px;border-radius:var(--wpk-rita-radius);line-height:1.62;overflow-wrap:anywhere}
.wpk-rita-msg--ich{margin-left:auto;max-width:85%;background:var(--wpk-rita-ich);color:#fff}
.wpk-rita-msg--rita{margin-right:auto;max-width:100%;background:var(--wpk-rita-flaeche);border:1px solid var(--wpk-rita-linie)}
.wpk-rita-meta{display:block;margin-bottom:6px;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--wpk-rita-leise)}
.wpk-rita-text{white-space:pre-line}
.wpk-rita-arbeit{display:flex;align-items:center;gap:10px;color:var(--wpk-rita-leise)}
.wpk-rita-arbeit::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--wpk-rita-akzent);animation:wpk-rita-puls 1.1s ease-in-out infinite}
@keyframes wpk-rita-puls{0%,100%{opacity:.3}50%{opacity:1}}
@media (prefers-reduced-motion:reduce){.wpk-rita-arbeit::before{animation:none}}
.wpk-rita-wege{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}
.wpk-rita-weg{display:inline-flex;align-items:center;min-height:44px;padding:9px 16px;border-radius:999px;text-decoration:none;
  background:var(--wpk-rita-akzent);color:#fff;font-weight:600;font-size:.92rem}
.wpk-rita-weg:hover,.wpk-rita-weg:focus-visible{filter:brightness(1.1)}
.wpk-rita-quellen{margin-top:12px;font-size:.92rem}
.wpk-rita-quellen summary{cursor:pointer;color:var(--wpk-rita-leise)}
.wpk-rita-quelle{margin-top:10px;padding:10px 12px;border-left:3px solid var(--wpk-rita-linie);background:#fff}
.wpk-rita-quelle blockquote{margin:6px 0;color:var(--wpk-rita-leise);white-space:pre-line}
.wpk-rita-quelle a{color:var(--wpk-rita-akzent)}
.wpk-rita-kontakt{margin:10px 0 0;color:var(--wpk-rita-tinte)}
.wpk-rita-kontakt a{color:var(--wpk-rita-akzent);text-decoration:underline}
.wpk-rita-form label{display:block;margin-bottom:6px;font-weight:600}
.wpk-rita-feld{display:block;width:100%;min-height:96px;resize:vertical;padding:12px 14px;font:inherit;line-height:1.5;
  color:var(--wpk-rita-tinte);background:#fff;border:1px solid var(--wpk-rita-linie);border-radius:var(--wpk-rita-radius)}
.wpk-rita-feld:focus-visible{outline:3px solid var(--wpk-rita-akzent);outline-offset:2px}
.wpk-rita-aktionen{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.wpk-rita-senden,.wpk-rita-neu{font:inherit;font-weight:600;min-height:44px;padding:10px 20px;border-radius:999px;cursor:pointer}
.wpk-rita-senden{background:var(--wpk-rita-akzent);color:#fff;border:0}
.wpk-rita-senden:disabled{opacity:.55;cursor:wait}
.wpk-rita-neu{background:transparent;color:var(--wpk-rita-tinte);border:1px solid var(--wpk-rita-linie)}
.wpk-rita-neu[hidden]{display:none}
.wpk-rita-hinweis{margin:14px 0 0;font-size:.85rem;line-height:1.55;color:var(--wpk-rita-leise)}
.wpk-rita-hinweis a{color:inherit;text-decoration:underline}
.wpk-rita-hinweis strong{display:block;color:var(--wpk-rita-tinte)}
/* Nur fuer die eigenstaendige Testseite des Dienstes (chat_wertpaket.html) - auf wertpaket.eu ungenutzt. */
.wpk-seite{margin:0;background:#f4efe6;font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}
.wpk-seite-rahmen{max-width:920px;margin:0 auto;padding:24px 16px 48px}
.wpk-seite-marke{margin:0 0 8px;font-weight:700;letter-spacing:.12em;color:#7a5c2e}
.wpk-seite h1{margin:0 0 8px;font-size:clamp(24px,4vw,34px)}