/* === Site-Titel oben links === */
.md-header__topic .md-ellipsis {
  font-size: 1.1rem;
  font-weight: 700;
}

/* Logo/Titel-Bereich in der Sidebar */
.md-nav--primary > .md-nav__title {
  font-size: 1rem;
  font-weight: 700;
  background-color: #37474f;
  color: #ffffff;
  padding: 0.8rem 0.6rem;
  margin: 0;
  letter-spacing: 0.02em;
}

/* Kategorie-Überschriften in der Sidebar */
.md-nav--primary > .md-nav__list > .md-nav__item > .md-nav__link,
.md-nav--primary > .md-nav__list > .md-nav__item > label.md-nav__link {
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--md-primary-fg-color);
  padding-bottom: 0.3rem;
  margin-top: 0.6rem;
}

/* Einzelne Dokumente */
.md-nav--primary > .md-nav__list > .md-nav__item > .md-nav > .md-nav__list > .md-nav__item > .md-nav__link {
  font-size: 0.72rem;
  font-weight: 400;
}

/* === Light Mode: Sidebars komplett grau === */
[data-md-color-scheme="default"] .md-sidebar {
  background-color: #f0f0f3;
}

[data-md-color-scheme="default"] .md-sidebar__scrollwrap {
  background-color: #f0f0f3;
}

[data-md-color-scheme="default"] .md-sidebar__inner {
  background-color: #f0f0f3;
}

[data-md-color-scheme="default"] .md-content {
  background-color: #ffffff;
}

/* === Dark Mode === */
[data-md-color-scheme="slate"] .md-sidebar,
[data-md-color-scheme="slate"] .md-sidebar__scrollwrap,
[data-md-color-scheme="slate"] .md-sidebar__inner {
  background-color: hsla(var(--md-hue), 15%, 14%, 1);
}

[data-md-color-scheme="slate"] .md-content {
  background-color: hsla(var(--md-hue), 15%, 18%, 1);
}

[data-md-color-scheme="slate"] .md-nav--primary > .md-nav__title {
  background-color: hsla(var(--md-hue), 15%, 10%, 1);
}

/* === CK Logo im Header === */
.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  display: none;
}

.md-header__button.md-logo {
  background-image: url('/assets/images/logo-ck.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 160px;
  height: 32px;
}