.broihan-bk { font-family: inherit; max-width: 100%; }
.broihan-bk h3 { color: #395243; margin: 0 0 .5rem; }
.bk-nav { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }
.bk-nav h3 { margin: 0; }
.bk-nav-link {
    display: inline-flex; align-items: center; justify-content: center;
    width: 1.75rem; height: 1.75rem; border-radius: 4px;
    color: #395243; text-decoration: none; font-size: 1rem; flex: none;
}
.bk-nav-link:hover, .bk-nav-link:focus { background: #eef2ef; }
.bk-nav-link.bk-nav-disabled { opacity: .3; }
.bk-jump { display: flex; flex-wrap: wrap; gap: .35rem; align-items: center; margin: .5rem 0 .75rem; font-size: .85rem; }
.bk-jump select { font-size: .85rem; padding: .1rem .25rem; }
.bk-jump-submit {
    font-size: .8rem; padding: .15rem .6rem; border-radius: 4px; border: 1px solid #395243;
    background: #395243; color: #fff; cursor: pointer;
}
.bk-sr-only {
    position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
    overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}
.bk-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; }
.bk-weekdays { margin-bottom: 2px; }
.bk-weekday {
    display: flex; align-items: center; justify-content: center;
    font-size: .75rem; font-weight: 600; color: #395243; opacity: .7;
}
.bk-day {
    display: flex; align-items: center; justify-content: center;
    aspect-ratio: 1; border-radius: 6px; font-size: .85rem;
}
.bk-day.bk-frei    { color: #395243; }
.bk-day.bk-gebucht { color: #395243; font-weight: 600; }
.bk-day.bk-halb    { color: #395243; font-weight: 600; }
.bk-day.bk-empty   { visibility: hidden; }
.bk-legend  { margin-top: .5rem; font-size: .8rem; color: #395243; }
.bk-legend span { display: inline-block; width: 12px; height: 12px; border-radius: 3px; vertical-align: middle; }