/* Logo: explizite Dimensionen gegen CLS (natürliche Größe 300x66px) */
.md-logo img {
  width: 150px;
  height: 33px;
}

/* Header: weißer Hintergrund, schwarze Schrift, blauer Trennstrich */
.md-header {
  background-color: #ffffff !important;
  color: #000000 !important;
  border-bottom: 3px solid #1565c0;
  box-shadow: none;
}

.md-header__title,
.md-header__topic,
.md-header__topic .md-ellipsis,
.md-header__inner .md-ellipsis {
  color: #000000 !important;
}

/* Suchfeld im Header */
.md-search__input {
  color: #000000;
}

.md-search__input::placeholder {
  color: #666666;
}

/* Navigations-Tabs */
.md-tabs {
  background-color: #ffffff !important;
  border-bottom: none;
}

.md-tabs__link {
  color: #333333 !important;
  opacity: 1;
}

.md-tabs__link:hover,
.md-tabs__link--active {
  color: #1565c0 !important;
}

.md-tabs__indicator {
  background-color: #1565c0;
}

/* Profilbild mit umfließendem Text */
.author-photo {
  float: right;
  margin: 0 0 1.5rem 2rem;
  border-radius: 6px;
  width: 220px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

@media (max-width: 600px) {
  .author-photo {
    float: none;
    display: block;
    margin: 0 auto 1.5rem auto;
    width: 160px;
  }
}

/* Accessibility: explizite Bildgröße für author-photo (CLS-Fix) */
.author-photo {
  height: auto;
  aspect-ratio: 2 / 3;
}

/* Accessibility: Links im Fließtext unterstreichen (nicht nur Farbe) */
.md-content a:not(.md-button):not(.md-tag) {
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* Accessibility: Besserer Kontrast für Suchfeld-Placeholder */
.md-search__input::placeholder {
  color: #555555;
}

/* Accessibility: Kontrast für Copyright-Links im Footer
   Footer-BG ist rgba(0,0,0,0.87) ≈ #202020 → Links müssen hell sein.
   #ffffff ergibt 16.3:1 auf dem dunklen Footer-Hintergrund.
   Spezifizität erhöht (.md-footer-meta .md-typeset a überschreibt .md-copyright a sonst). */
.md-footer-meta .md-copyright a,
.md-footer-meta.md-typeset .md-copyright a {
  color: #ffffff !important;
  text-decoration: underline;
}

/* Accessibility: Kontrast für Datumsanzeige (git-revision-date, font-size: 0.68rem)
   Material-Default rgba(0,0,0,0.54) ≈ 4.61:1 – zu knapp für kleine Schrift.
   #595959 erreicht 7.0:1 auf weißem Hintergrund. */
.md-source-file__fact {
  color: #595959 !important;
}

/* Icons im Header (Suche, Menü) */
.md-header__button {
  color: #333333 !important;
}

.md-header__button:hover {
  color: #1565c0 !important;
}