.pbw-citizen{
  --pbw-blue:#1c5e8c;
  --pbw-blue-dark:#164b70;
  --pbw-soft:#eef7fc;
  --pbw-border:#d9e2e8;
  --pbw-text:#1d2830;
  max-width:930px;
  margin:24px auto;
  padding:0;
  color:var(--pbw-text);
  background:#fff;
  border:1px solid var(--pbw-border);
  border-radius:18px;
  box-shadow:0 8px 28px rgba(20,49,68,.10);
  overflow:hidden;
  font-size:18px;
  line-height:1.55;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.pbw-citizen *{box-sizing:border-box}
.pbw-preview-note{margin:18px 22px 0;padding:12px 15px;border:2px solid #e4b84f;border-radius:10px;background:#fff8e6;font-size:15px}
.pbw-overview-nav{padding:16px 34px 0;background:var(--pbw-soft)}
.pbw-overview-link{display:inline-flex;align-items:center;min-height:44px;padding:8px 2px;color:var(--pbw-blue-dark);font-size:17px;font-weight:800;text-decoration:underline;text-underline-offset:4px}
.pbw-overview-link:hover{color:#0f3f60}.pbw-overview-link:focus{outline:4px solid rgba(28,94,140,.23);outline-offset:3px;border-radius:4px}
.pbw-citizen-head{padding:34px 34px 28px;background:var(--pbw-soft);text-align:center}
.pbw-kicker{margin:0 0 6px;font-size:15px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--pbw-blue)}
.pbw-citizen-head h1{margin:0 0 10px;font-size:clamp(30px,5vw,44px);line-height:1.15;color:#17394f}
.pbw-citizen-head p{max-width:720px;margin:0 auto;font-size:20px}
.pbw-search-panel{margin:28px 34px 16px;padding:22px;border:1px solid var(--pbw-border);border-radius:14px;background:#fff}
.pbw-search-panel label{display:block;margin-bottom:10px;font-size:21px;font-weight:800}
.pbw-search-row{display:flex;gap:10px}
.pbw-search-row input{flex:1;min-width:0;min-height:56px;padding:12px 16px;border:2px solid #8799a5;border-radius:9px;font:inherit;background:#fff;color:#18242b}
.pbw-search-row input:focus{outline:4px solid rgba(28,94,140,.20);border-color:var(--pbw-blue)}
.pbw-primary{min-height:56px;padding:10px 24px;border:0;border-radius:9px;background:var(--pbw-blue);color:#fff;font:inherit;font-weight:800}
.pbw-primary[disabled]{opacity:.55;cursor:not-allowed}
.pbw-help{margin:8px 0 0;font-size:14px;color:#5d6970}
.pbw-speech-wrap{width:calc(100% - 68px);margin:0 34px 28px}
.pbw-speech{display:flex;width:100%;margin:0;padding:16px 20px;gap:14px;align-items:center;text-align:left;border:2px solid var(--pbw-blue);border-radius:14px;background:#fff;color:var(--pbw-blue-dark);font:inherit;cursor:pointer}
.pbw-speech>span:first-child{font-size:32px}
.pbw-speech strong,.pbw-speech small{display:block}.pbw-speech small{margin-top:2px;font-size:14px;font-weight:400;color:#63717a}
.pbw-speech[disabled]{opacity:.65;cursor:not-allowed}.pbw-speech:hover:not([disabled]){background:#f7fbfe}.pbw-speech:focus{outline:4px solid rgba(28,94,140,.23);outline-offset:2px}.pbw-speech.is-listening{border-color:#a83b3b;background:#fff4f4;color:#7c2525}.pbw-speech-help{margin:8px 2px 0;font-size:13px;line-height:1.45;color:#5d6970}.pbw-speech-status{margin:10px 0 0;padding:11px 13px;border-radius:9px;background:#eef7fc;font-size:15px;font-weight:650}.pbw-speech-wrap[data-state="listening"] .pbw-speech-status{background:#fff4f4;color:#7c2525}.pbw-speech-wrap[data-state="recognized"] .pbw-speech-status{background:#eef8ef;color:#23532c}.pbw-speech-wrap[data-state="error"] .pbw-speech-status,.pbw-speech-wrap[data-state="unsupported"] .pbw-speech-status{background:#fff8e6;color:#705510}
.pbw-topic-section,.pbw-selection{padding:0 34px 34px}
.pbw-topic-section h2,.pbw-selection h2{font-size:25px;margin:0 0 16px;color:#17394f}
.pbw-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pbw-topic{display:grid;grid-template-columns:44px 1fr 20px;gap:10px;align-items:center;min-height:78px;padding:12px 16px;border:2px solid #d7e3ea;border-radius:13px;background:#fff;color:#17394f;text-decoration:none;font-weight:750}
.pbw-topic:hover{border-color:var(--pbw-blue);background:#f7fbfe;color:#17394f}.pbw-topic:focus{outline:4px solid rgba(28,94,140,.23);outline-offset:2px}
.pbw-topic-icon{font-size:29px;text-align:center}.pbw-topic-arrow{font-size:30px;color:var(--pbw-blue)}
.pbw-back{display:inline-block;margin:4px 0 20px;color:var(--pbw-blue-dark);font-weight:750;text-decoration:underline;text-underline-offset:3px}
.pbw-selected-title{display:flex;gap:16px;align-items:center;margin-bottom:18px}.pbw-selected-icon{font-size:48px}.pbw-selected-title h2{margin:0 0 3px}.pbw-selected-title p{margin:0}
.pbw-safe-notice{padding:18px;border-left:5px solid #d5a52d;border-radius:8px;background:#fff8e6}
.pbw-citizen-foot{display:flex;gap:8px;flex-direction:column;padding:22px 34px;background:#f5f7f8;border-top:1px solid var(--pbw-border);font-size:15px;color:#4c5a62}.pbw-citizen-foot strong{font-size:18px;color:#17394f}
@media(max-width:700px){
 .pbw-citizen{margin:12px;border-radius:14px;font-size:17px}
 .pbw-citizen-head{padding:28px 20px 24px}.pbw-citizen-head p{font-size:18px}
 .pbw-search-panel{margin:20px 16px 14px;padding:16px}.pbw-search-row{flex-direction:column}.pbw-primary{width:100%}
 .pbw-speech-wrap{width:calc(100% - 32px);margin:0 16px 22px}.pbw-speech{padding:14px}
 .pbw-topic-section,.pbw-selection{padding:0 16px 26px}.pbw-topic-grid{grid-template-columns:1fr}.pbw-topic{min-height:72px}
 .pbw-citizen-foot{padding:20px}.pbw-preview-note{margin:14px 14px 0}.pbw-overview-nav{padding:12px 20px 0}.pbw-overview-link{min-height:48px;font-size:17px}
}
@media(prefers-reduced-motion:reduce){.pbw-citizen *{scroll-behavior:auto!important;transition:none!important}}
.pbw-search-results{margin:0 34px 24px;padding:22px;border:2px solid #cfe0ea;border-radius:14px;background:#f8fcfe}
.pbw-results-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px}.pbw-results-head h2{margin:0;font-size:25px;color:#17394f}.pbw-results-head a{color:var(--pbw-blue-dark);font-weight:700}
.pbw-query-echo{margin:0 0 16px;color:#44545e}.pbw-result-list{display:grid;gap:10px}.pbw-result-card{display:grid;grid-template-columns:46px 1fr;gap:12px;padding:16px;border:1px solid #d4e0e7;border-radius:12px;background:#fff}.pbw-result-card.is-first{border:2px solid var(--pbw-blue)}
.pbw-result-icon{font-size:30px;text-align:center}.pbw-result-body h3{margin:2px 0 2px;font-size:21px;color:#17394f}.pbw-result-label{display:inline-block;padding:2px 8px;border-radius:999px;background:#e9f4fa;color:var(--pbw-blue-dark);font-size:13px;font-weight:800}.pbw-result-category{margin:0 0 7px;font-size:15px;color:#5d6970}.pbw-result-state{margin:0;padding:9px 11px;border-radius:8px;background:#fff8e6;font-size:15px}.pbw-result-state-ok{background:#eef8ef}
@media(max-width:700px){.pbw-search-results{margin:0 16px 20px;padding:16px}.pbw-results-head{align-items:flex-start;flex-direction:column;gap:5px}.pbw-result-card{grid-template-columns:38px 1fr;padding:13px}.pbw-result-icon{font-size:25px}}
/* BW006 – Anliegen-Routing */
.pbw-route-message{margin:0 0 14px;padding:12px 14px;border-radius:9px;background:#eef8ef;color:#234b2b}
.pbw-select-intent{display:inline-block;margin-top:10px;padding:9px 14px;border-radius:8px;background:var(--pbw-blue);color:#fff!important;text-decoration:none;font-weight:800}
.pbw-select-intent:hover{background:var(--pbw-blue-dark)}
.pbw-select-intent:focus{outline:4px solid rgba(28,94,140,.23);outline-offset:2px}
.pbw-choice-heading{margin:22px 0 12px;font-size:21px;color:#17394f}
.pbw-intent-grid{display:grid;gap:10px}
.pbw-intent-choice{display:flex;justify-content:space-between;gap:14px;align-items:center;min-height:58px;padding:13px 16px;border:2px solid #d7e3ea;border-radius:11px;background:#fff;color:#17394f;text-decoration:none;font-weight:800}
.pbw-intent-choice:hover{border-color:var(--pbw-blue);background:#f7fbfe;color:#17394f}
.pbw-intent-choice:focus{outline:4px solid rgba(28,94,140,.23);outline-offset:2px}
.pbw-intent-choice span:last-child{font-size:27px;color:var(--pbw-blue)}
.pbw-route-confirmation{display:flex;gap:16px;align-items:center;margin:2px 0 18px;padding:18px;border:2px solid var(--pbw-blue);border-radius:13px;background:#f8fcfe}
.pbw-route-confirmation h2{margin:0 0 3px}
.pbw-route-confirmation p{margin:0}
.pbw-route-kicker{font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--pbw-blue-dark)}


/* BW007 – sichere Bürgerantwort */
.pbw-answer{display:grid;gap:14px;margin-top:16px}
.pbw-answer-lock{margin-bottom:2px}
.pbw-answer-card{padding:18px;border:1px solid #d7e3ea;border-radius:12px;background:#fff}
.pbw-answer-card h3{margin:0 0 10px;font-size:21px;color:#17394f}
.pbw-answer-card h4{margin:14px 0 6px;font-size:17px;color:#17394f}
.pbw-answer-card p:last-child{margin-bottom:0}
.pbw-answer-card ul,.pbw-answer-card ol{margin:8px 0 0;padding-left:24px}
.pbw-answer-card li+li{margin-top:10px}
.pbw-answer-steps{counter-reset:item}
.pbw-answer-pending{margin:0;padding:11px 13px;border-radius:8px;background:#f5f7f8;color:#52616a}
.pbw-answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.pbw-answer-link{display:inline-block;color:var(--pbw-blue-dark);font-weight:800;text-decoration:underline;text-underline-offset:3px}
.pbw-answer-link-primary{padding:10px 14px;border-radius:8px;background:var(--pbw-blue);color:#fff!important;text-decoration:none}
.pbw-answer-status{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;padding:14px 16px;border-radius:10px;background:#f5f7f8;font-size:15px}
.pbw-quality-ok{font-weight:800;color:#1f6a2b}
.pbw-quality-pending{font-weight:800;color:#8a6510}
@media(max-width:700px){
 .pbw-answer-grid{grid-template-columns:1fr}
 .pbw-answer-card{padding:15px}
 .pbw-answer-status{align-items:flex-start;flex-direction:column}
}

/* BW010 – offizieller Mängelmelder */
.pbw-report-card{margin:16px 0 20px;padding:20px;border:2px solid var(--pbw-blue);border-radius:13px;background:#f8fcfe}
.pbw-report-head{display:flex;gap:14px;align-items:center;margin-bottom:10px}.pbw-report-icon{font-size:38px}.pbw-report-head h3{margin:0;font-size:23px;color:#17394f}.pbw-report-head p{margin:0}
.pbw-report-card>p{margin:10px 0}.pbw-report-privacy{padding:12px 14px;border-radius:9px;background:#fff8e6;color:#5f4d18}
.pbw-report-button{display:inline-block;padding:12px 18px;border-radius:9px;background:var(--pbw-blue);color:#fff!important;text-decoration:none;font-weight:800}.pbw-report-button:hover{background:var(--pbw-blue-dark)}.pbw-report-button:focus{outline:4px solid rgba(28,94,140,.23);outline-offset:2px}
.pbw-report-source{font-size:14px;color:#5d6970}
@media(max-width:700px){.pbw-report-card{padding:16px}.pbw-report-head{align-items:flex-start}.pbw-report-button{display:block;text-align:center}}


/* BW011 – persönliche Checkliste ohne Server-Speicherung */
.pbw-checklist{margin:18px 0 6px;padding:20px;border:2px solid #bfd6e4;border-radius:13px;background:#fff}
.pbw-checklist-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}
.pbw-checklist-head h3{margin:0;font-size:23px;color:#17394f}
.pbw-checklist-head p{margin:0 0 2px}
.pbw-checklist-progress{flex:0 0 auto;min-width:66px;padding:6px 10px;border-radius:999px;background:#e9f4fa;color:var(--pbw-blue-dark);font-weight:800;text-align:center}
.pbw-checklist-items{display:grid;gap:10px}
.pbw-checklist-item{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border:1px solid #d7e3ea;border-radius:10px;background:#f9fcfe;cursor:pointer}
.pbw-checklist-item input{width:24px;height:24px;flex:0 0 24px;margin:1px 0 0;accent-color:var(--pbw-blue)}
.pbw-checklist-item span{font-weight:650}
.pbw-checklist-item:has(input:checked){background:#eef8ef;border-color:#b8d7bd}
.pbw-checklist-item:has(input:checked) span{text-decoration:line-through;color:#45614a}
.pbw-checklist-privacy{margin:14px 0 0;padding:11px 13px;border-radius:9px;background:#f5f7f8;font-size:14px;color:#52616a}
.pbw-checklist-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.pbw-checklist-button{min-height:46px;padding:9px 14px;border:2px solid var(--pbw-blue);border-radius:9px;background:#fff;color:var(--pbw-blue-dark);font:inherit;font-weight:800;cursor:pointer}
.pbw-checklist-button-primary{background:var(--pbw-blue);color:#fff}
.pbw-checklist-button:hover{background:#f0f7fb}.pbw-checklist-button-primary:hover{background:var(--pbw-blue-dark)}
.pbw-checklist-button:focus{outline:4px solid rgba(28,94,140,.23);outline-offset:2px}
.pbw-checklist-help{margin:8px 0 0;font-size:13px;color:#5d6970}
@media(max-width:700px){.pbw-checklist{padding:16px}.pbw-checklist-head{flex-direction:column}.pbw-checklist-actions{flex-direction:column}.pbw-checklist-button{width:100%}}
@media print{
 body.pbw-print-checklist *{visibility:hidden!important}
 body.pbw-print-checklist [data-pbw-print-target],body.pbw-print-checklist [data-pbw-print-target] *{visibility:visible!important}
 body.pbw-print-checklist [data-pbw-print-target]{position:absolute!important;left:0!important;top:0!important;width:100%!important;margin:0!important;border:0!important;box-shadow:none!important;background:#fff!important}
 body.pbw-print-checklist [data-pbw-print-target] .pbw-checklist-actions,body.pbw-print-checklist [data-pbw-print-target] .pbw-checklist-help{display:none!important}
 body.pbw-print-checklist [data-pbw-print-target] .pbw-checklist-item{break-inside:avoid}
}


/* BW012.1 – Behördenbrief: lokale Dokumentvorbereitung, Foto-OCR und technische Textanalyse */
.pbw-letter-tool{margin:16px 0 22px;padding:20px;border:2px solid var(--pbw-blue);border-radius:13px;background:#f8fcfe}
.pbw-letter-head{display:flex;gap:14px;align-items:center;margin-bottom:12px}.pbw-letter-icon{font-size:40px}.pbw-letter-head h3{margin:0;font-size:24px;color:#17394f}.pbw-letter-head p{margin:0}
.pbw-letter-privacy,.pbw-letter-warning{padding:12px 14px;border-radius:9px;background:#eef8ef;color:#294e30}.pbw-letter-warning{margin-top:16px;background:#fff8e6;color:#5f4d18}
.pbw-letter-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.pbw-letter-upload-card,.pbw-letter-preview-card,.pbw-letter-text-card{padding:17px;border:1px solid #d7e3ea;border-radius:12px;background:#fff}.pbw-letter-upload-card h4,.pbw-letter-preview-card h4,.pbw-letter-text-card h4{margin:0 0 8px;font-size:20px;color:#17394f}.pbw-letter-upload-card p,.pbw-letter-text-card p{margin:0 0 12px}
.pbw-letter-file-actions{display:flex;flex-wrap:wrap;gap:9px}.pbw-letter-file-input{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}.pbw-letter-file-button{display:inline-block;padding:11px 16px;border-radius:9px;background:var(--pbw-blue);color:#fff;font-weight:800;cursor:pointer}.pbw-letter-file-button-light{background:#fff;color:var(--pbw-blue-dark);border:2px solid var(--pbw-blue);padding:9px 14px}.pbw-letter-file-button:hover{background:var(--pbw-blue-dark)}.pbw-letter-file-button-light:hover{background:#f0f7fb;color:var(--pbw-blue-dark)}.pbw-letter-file-button:focus-within{outline:4px solid rgba(28,94,140,.23);outline-offset:2px}.pbw-letter-file-help{margin:9px 0 0!important;font-size:13px;color:#5d6970}.pbw-letter-file-status{margin-top:12px;padding:10px 12px;border-radius:8px;background:#f5f7f8;font-size:14px;word-break:break-word}
.pbw-letter-secondary{min-height:42px;margin-top:10px;padding:8px 13px;border:2px solid var(--pbw-blue);border-radius:8px;background:#fff;color:var(--pbw-blue-dark);font:inherit;font-weight:800;cursor:pointer}.pbw-letter-secondary:hover{background:#f0f7fb}.pbw-letter-secondary:focus{outline:4px solid rgba(28,94,140,.23);outline-offset:2px}
.pbw-letter-preview{display:flex;min-height:220px;align-items:center;justify-content:center;overflow:hidden;border:1px dashed #b7c6cf;border-radius:10px;background:#f5f7f8;text-align:center}.pbw-letter-preview img{display:block;width:100%;max-height:430px;object-fit:contain}.pbw-letter-preview iframe{display:block;width:100%;height:360px;border:0;background:#fff}.pbw-letter-preview-hint{padding:8px 10px;font-size:13px;color:#5d6970}
.pbw-letter-text-card{margin-top:14px}.pbw-letter-text-card label{display:block;margin:10px 0 7px;font-weight:800}.pbw-letter-text-card textarea{width:100%;min-height:190px;padding:12px 14px;border:2px solid #8799a5;border-radius:9px;background:#fff;color:#18242b;font:inherit;line-height:1.5;resize:vertical}.pbw-letter-text-card textarea:focus{outline:4px solid rgba(28,94,140,.20);border-color:var(--pbw-blue)}.pbw-letter-text-actions{display:flex;gap:12px;align-items:center;justify-content:space-between}.pbw-letter-text-actions .pbw-letter-secondary{margin-top:8px}.pbw-letter-text-actions span{font-size:14px;color:#5d6970}.pbw-letter-analysis{margin-top:12px;padding:12px 14px;border-radius:9px;background:#eef7fc;color:#29485c}
@media(max-width:700px){.pbw-letter-tool{padding:16px}.pbw-letter-upload-grid{grid-template-columns:1fr}.pbw-letter-head{align-items:flex-start}.pbw-letter-file-actions{flex-direction:column}.pbw-letter-file-button,.pbw-letter-secondary{width:100%;text-align:center}.pbw-letter-text-actions{align-items:stretch;flex-direction:column}.pbw-letter-preview iframe{height:300px}}


/* BW012.1 – Foto-OCR */
.pbw-letter-ocr-card{margin-top:14px;padding:17px;border:1px solid #d7e3ea;border-radius:12px;background:#fff}.pbw-letter-ocr-card h4{margin:0 0 8px;font-size:20px;color:#17394f}.pbw-letter-ocr-card p{margin:0 0 12px}.pbw-letter-ocr-button{min-height:46px}.pbw-letter-ocr-button:disabled{opacity:.55;cursor:not-allowed}.pbw-letter-ocr-status{margin-top:10px;padding:10px 12px;border-radius:8px;background:#f5f7f8;color:#34444e}.pbw-letter-ocr-status[data-state="success"]{background:#eaf7ec;color:#23542b}.pbw-letter-ocr-status[data-state="error"]{background:#fff1e6;color:#713b18}.pbw-letter-ocr-status[data-state="working"]{background:#eef7fc;color:#29485c}.pbw-letter-progress{height:8px;margin-top:10px;overflow:hidden;border-radius:999px;background:#dfe8ed}.pbw-letter-progress span{display:block;width:0;height:100%;background:var(--pbw-blue);transition:width .2s ease}.pbw-letter-analysis-title{margin-bottom:10px}.pbw-letter-analysis-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.pbw-letter-analysis-grid>div{padding:10px;border-radius:8px;background:#fff;border:1px solid #d8e6ed}.pbw-letter-analysis-grid span{display:block;margin-bottom:3px;font-size:12px;color:#5d6970}.pbw-letter-analysis-grid strong{display:block;word-break:break-word}.pbw-letter-deadline{margin-top:10px;padding:10px 12px;border-radius:8px;background:#fff8e6;color:#5f4d18}.pbw-letter-deadline ul{margin:6px 0 0 18px}.pbw-letter-analysis-disclaimer{margin-bottom:0!important;padding-top:8px;border-top:1px solid #d3e2e9}
@media(max-width:700px){.pbw-letter-analysis-grid{grid-template-columns:1fr}.pbw-letter-ocr-button{width:100%}}