/* Kenntnisnahme-Baustein – eigenständig gestaltet (unabhängig von Seiten-CSS-Variablen). */
.mb-ack { max-width: 1100px; margin: 48px auto 0; padding: 0 48px; font-family: 'Segoe UI','Helvetica Neue',Arial,sans-serif; }
.mb-ack__card { border: 1px solid #E0E0E0; border-radius: 8px; background: #fff; padding: 22px 26px; }
.mb-ack__eyebrow { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.2px; color: #D15024; margin: 0 0 10px; }
.mb-ack__title { font-size: 18px; font-weight: 700; color: #1A1A1A; margin: 0 0 6px; }
.mb-ack__meta { font-size: 13px; color: #888; margin: 0 0 18px; }
.mb-ack__row { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 18px; }
.mb-ack__row input { margin-top: 2px; width: 17px; height: 17px; flex: none; accent-color: #344B5A; cursor: pointer; }
.mb-ack__row label { font-size: 14px; color: #555; line-height: 1.55; cursor: pointer; }
.mb-ack__btn { background: #344B5A; color: #fff; border: none; border-radius: 4px; padding: 11px 22px; font-size: 14px; font-weight: 700; font-family: inherit; cursor: pointer; transition: background .15s; }
.mb-ack__btn:hover:not(:disabled) { background: #26333d; }
.mb-ack__btn:disabled { opacity: .45; cursor: not-allowed; }
.mb-ack__note { display: flex; align-items: center; gap: 8px; margin-top: 16px; padding-top: 13px; border-top: 1px solid #EEE; font-size: 12px; color: #999; line-height: 1.5; }
.mb-ack__err { font-size: 13px; color: #A32D2D; margin: 0; }
/* Bestätigter Zustand */
.mb-ack--done .mb-ack__card { border-color: #BFE3CD; background: #EBF5EF; }
.mb-ack__done { display: flex; align-items: flex-start; gap: 12px; }
.mb-ack__tick { flex: none; width: 26px; height: 26px; border-radius: 50%; background: #2D7A4F; color: #fff; font-size: 15px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.mb-ack__done-text { font-size: 15px; font-weight: 700; color: #206143; }
.mb-ack__done-text small { display: block; font-weight: 400; color: #4a7a5f; font-size: 12.5px; margin-top: 3px; }
@media (max-width: 640px) { .mb-ack { padding: 0 20px; } }