.tabs {
  display: flex;
  gap: .5rem;
  row-gap: .6rem;
  flex-wrap: wrap;
  overflow-x: auto;
  padding-bottom: .25rem;
  scroll-snap-type: x proximity;
  width: 100%
}

.tab {
  white-space: nowrap;
  scroll-snap-align: start;
  background: transparent;
  border: 1px solid var(--primary);
  color: var(--primary);
  padding: .35rem .7rem;
  border-radius: .5rem;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: .45rem
}

.tab.active {
  background: var(--primary);
  color: var(--primary-text)
}

/* Monats-Badge mit Anzahl nicht erfasster Tage */
.tab-badge {
  min-width: 1.4em;
  height: 1.4em;
  border-radius: 999px;
  background: var(--badge-bg);
  color: var(--badge-fg);
  font-weight: 800;
  font-size: .85em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 .4em
}

.table-wrap {
  overflow: auto;
  -webkit-overflow-scrolling: touch
}

/* Rahmen für den Monatskalender */
.calendar-frame {