/* V23 Kundenportal intern: nur Klassen mit Präfix .ojcpi, Kontrast WCAG 2.1 AA. */
.ojcpi{margin-top:.75rem;border:1px solid #cfd3c2;border-radius:.625rem;padding:.5rem .75rem;background:#fff}
.ojcpi summary{cursor:pointer;font-weight:700;display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;min-height:2.5rem}
.ojcpi :focus-visible,.ojcpi-dialog :focus-visible{outline:3px solid #1f3a93;outline-offset:2px}
.ojcpi-flag{background:#9d2a20;color:#fff;border-radius:999px;padding:.125rem .5rem;font-size:.8rem}
.ojcpi-block{border-top:1px solid #dfe2d6;padding-top:.5rem;margin-top:.5rem}
.ojcpi-block h4{margin:.25rem 0}
.ojcpi form,.ojcpi-dialog form{display:grid;gap:.375rem;margin:.5rem 0}
.ojcpi label,.ojcpi-dialog label{display:grid;gap:.25rem}
.ojcpi-hint{color:#555555;font-size:.9rem}
.ojcpi-events{max-height:14rem;overflow:auto;padding-left:1.25rem}
.ojcpi-dialog{max-width:min(46rem,95vw);border:1px solid #cfd3c2;border-radius:.75rem;padding:1rem 1.25rem}
.ojcpi-dialog::backdrop{background:rgba(20,22,15,.45)}
.ojcpi-close{display:flex;justify-content:flex-end;margin:0}
.ojcpi-dl{display:grid;grid-template-columns:minmax(8rem,max-content) 1fr;gap:.25rem 1rem}
.ojcpi-dl dt{font-weight:700}
.ojcpi-dl dd{margin:0}
@media (max-width:37.5rem){.ojcpi-dl{grid-template-columns:1fr}}