:root { --mb: #2277b8; --mb-dark: #1a5f94; }
body { background: #f4f7fa; }
.bg-mb { background: var(--mb); }
.btn-mb { background: var(--mb); color: #fff; }
.btn-mb:hover { background: var(--mb-dark); color: #fff; }
.border-mb { border-top: 3px solid var(--mb); }
.text-bg-purple { background: #6f42c1; color: #fff; }
.kachel { transition: transform .1s, box-shadow .1s; color: inherit; }
.kachel:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,.08); }
.rel { display: inline-block; width: 26px; height: 26px; line-height: 26px; text-align: center; border-radius: 6px; font-weight: 600; font-size: .85rem; }
.rel-A { background: #d9ead3; color: #2d6a1f; }
.rel-B { background: #fff2cc; color: #8a6d00; }
.rel-C { background: #ececec; color: #666; }
.verlauf li { border-left: 2px solid #dee2e6; padding-left: .75rem; }
.table td, .table th { white-space: normal; }