/* WERT PAKET.EU – Seite „Fragen und Kontakt“ (/fragen.html, 01.11.2026). Nur diese Seite laedt die Datei; Farben/Schriften aus stil.css. */
.fragen .faqs{margin-top:8px}
.fragen .recht-text .faq summary{padding:20px 0}
.fragen .recht-text .faq summary h3{margin:0;font:600 1.0625rem/1.45 var(--sans);letter-spacing:0;color:var(--tinte)}
.fragen .recht-text .faq summary:hover h3{color:var(--akzent)}
.fragen .recht-text .faq-a p{margin:0 0 4px;color:var(--text)}
.fragen-schnell p{margin:0}

/* Kontaktformular */
.kontakt{margin-top:24px;padding:clamp(20px,3vw,32px);background:var(--karte);border:1px solid var(--linie);border-radius:var(--radius)}
.kontakt>.fein:first-child{margin:0 0 18px}
.k-raster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}
.k-feld{display:flex;flex-direction:column;gap:6px;min-width:0}
.k-feld-anliegen,.k-feld-nachricht{grid-column:1/-1}
.k-feld label{font:600 .9375rem/1.4 var(--sans);color:var(--tinte)}
.k-pflicht{color:var(--akzent)}
.k-opt{font-weight:400;color:var(--leise);font-size:.875rem}
.k-feld input,.k-feld select,.k-feld textarea{font:400 1rem/1.5 var(--sans);color:var(--tinte);background:var(--bg);border:1px solid var(--linie-stark);border-radius:var(--radius);padding:12px 14px;min-height:48px;width:100%;box-sizing:border-box}
.k-feld textarea{resize:vertical;min-height:168px}
.k-feld input:focus-visible,.k-feld select:focus-visible,.k-feld textarea:focus-visible,.k-einw input:focus-visible{outline:2px solid var(--akzent);outline-offset:2px}
.k-feld [aria-invalid="true"],.k-einw [aria-invalid="true"]{border-color:#9b2c2c}
.k-hilfe{margin:0;font-size:.8125rem;color:var(--leise)}
.k-fehler{margin:0;font-size:.875rem;line-height:1.45;color:#9b2c2c}
.k-fehler-form{margin-top:16px}
.k-einw{display:grid;grid-template-columns:28px 1fr;gap:6px 12px;align-items:start;margin-top:22px}
.k-einw input{width:24px;height:24px;margin:1px 0 0;accent-color:var(--akzent)}
.k-einw label{font-size:.9375rem;line-height:1.55;color:var(--text)}
.k-einw .k-fehler{grid-column:2}
.k-hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.k-aktion{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:22px}
.k-status{margin:0;font-size:.9375rem;color:var(--leise)}
.k-status:empty{display:none}
.k-hinweis{margin:18px 0 0}
.k-ohne-js{margin:16px 0 0;padding:14px 16px;border-left:3px solid var(--akzent);background:var(--akzent-flaeche)}
.k-erfolg{margin-top:24px;padding:clamp(20px,3vw,32px);background:var(--akzent-flaeche);border-left:3px solid var(--akzent);border-radius:var(--radius)}
.k-erfolg:focus{outline:2px solid var(--akzent);outline-offset:3px}
.k-erfolg-h{font:600 1.125rem/1.4 var(--sans);color:var(--tinte);margin:0 0 8px}
.k-erfolg p{margin:6px 0 0}

/* Rita (fragen_bau.RITA_WPK): Farben des Widgets ueber seine CSS-Variablen an die Seite angleichen (EINBINDUNG.md Abschn. 2) */
.fragen .wpk-rita{--wpk-rita-akzent:var(--akzent);--wpk-rita-tinte:var(--tinte);--wpk-rita-leise:var(--leise);--wpk-rita-flaeche:var(--karte);
  --wpk-rita-linie:var(--linie-stark);--wpk-rita-ich:var(--akzent-flaeche)}
/* Rita-Karte im Seitenkopf (01.11.2026): klar als Auskunftgeberin, kompakt am Handy */
.fragen .rita-karte{margin:32px 0 0;max-width:860px;padding:clamp(18px,3vw,30px);background:var(--karte);border:1px solid var(--linie);
  border-left:4px solid var(--akzent);border-radius:var(--radius);box-shadow:0 10px 30px -18px rgba(16,24,32,.35)}
.rita-kopf{display:flex;align-items:center;gap:14px;margin:0 0 10px}
.rita-avatar{width:56px;height:56px;flex:none;border-radius:50%}
.rita-wer{min-width:0}
.rita-karte h2{margin:0;font-size:clamp(1.6rem,2.4vw,2rem);line-height:1.1}
.rita-rolle{margin:4px 0 0;font:500 .8125rem/1.3 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--leise)}
.rita-ki{display:inline-block;margin-right:6px;padding:1px 7px;border:1px solid var(--akzent);border-radius:999px;color:var(--akzent);
  font-weight:600;letter-spacing:.08em}
.rita-karte .wpk-rita-intro{margin:0 0 14px;font-size:1.0625rem;color:var(--text)}
.rita-karte .wpk-rita-form label{font:600 .9375rem/1.4 var(--sans);color:var(--tinte)}
.rita-eingabe{display:flex;gap:10px;align-items:stretch}
.rita-eingabe .wpk-rita-feld{flex:1 1 auto;min-height:56px;font-size:1rem}
.rita-eingabe .wpk-rita-aktionen{margin:0;flex-direction:column;justify-content:stretch}
.rita-eingabe .wpk-rita-senden{white-space:nowrap}
.rita-bsp-h{margin:14px 0 6px;font-size:.8125rem;color:var(--leise)}
.rita-karte .wpk-rita-beispiele{margin:0}
.rita-karte .wpk-rita-hinweis{margin-top:14px}
@media (max-width:640px){
  .fragen .rita-karte{margin-top:22px;padding:16px}
  .rita-avatar{width:44px;height:44px}
  .rita-eingabe{flex-direction:column}
  .rita-eingabe .wpk-rita-aktionen{flex-direction:row}
  .rita-karte .wpk-rita-feld{font-size:16px}
}

@media (max-width:640px){
  .k-raster{grid-template-columns:1fr}
  .k-feld input,.k-feld select,.k-feld textarea{font-size:16px}
  .k-aktion .btn{width:100%;justify-content:center;min-height:52px}
}