:root  > * {
  --md-primary-fg-color:        #ec7404;
  --md-primary-fg-color--light: #ECB7B7;
  --md-primary-fg-color--dark:  #90030C;
}

.md-header__title,
.md-nav__link {
  color: #000000;  /* statt reinem weiß */
  /* font-weight: 600;  etwas kräftiger */
}

/* Logo größer anzeigen */
.md-header__button.md-logo img {
  height: 40px; /* oder 48px, je nach Wunsch */
  width: auto;
  max-width: 200px; /* Logo wird nicht zu breit */
}

/* Logo innerhalb der App-Bar sauber positionieren */
.md-header__button.md-logo {
  padding: 0 10px;
}
.md-nav__title {
  color: #444;
}

/* Grundzustand der Navigation */
.md-nav__link {
  color: #444;
  font-weight: 500;
  text-decoration: none;
    transition: all 0.2s ease-in-out;

}

/* Hover-Effekt */
.md-nav__link:hover {
  font-weight: 700;
  color: black !important;
  text-decoration: underline;
}

/* Aktiver Link */
.md-nav__link--active {
  color: black !important;
  font-weight: 700;
  text-decoration: underline;
}

/* Labels für ausklappbare Gruppen */
/* .md-nav__toggle + .md-nav__link {
  color: #444;
  font-weight: 600;
  text-decoration: none;
} */

/* Beim Öffnen (wenn expanded) */
.md-nav__toggle:checked + .md-nav__link {
  color: black;
  font-weight: 700;
  /* text-decoration: underline; */
}


/* Standard-Links im Text */
.md-typeset a,
.md-typeset a:visited,
.md-typeset a.internal,
.md-typeset a.external {
  color: #000 !important; /* Schwarz */
  text-decoration: underline !important;
  font-weight: 500 !important;
  transition: all 0.2s ease-in-out !important;
}

/* Hover-Effekt: leicht fetter, Farbe bleibt gleich */
.md-typeset a:hover {
  font-weight: 700 !important;
}

/* Aktive/angeklickte Links (optional) */
.md-typeset a:visited {
  color: #222 !important; /* Ein ganz dunkleres Schwarz für visited, wenn du willst */
}

/* Footer-Text explizit */
.md-footer .md-copyright {
  color: #fff !important;
}
.md-footer a {
  color: #fff !important;
  text-decoration: underline;
  font-weight: 500;
}

.center {
    display: block;
    margin: 0 auto;
}

.imgbox {
  display: block;
  margin: 1.5em auto;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
}

/* Embed-Modus ----------------------------------------------------------- */
html.is-embed,
html.is-embed body {
  background: #fff;
  overflow-y: auto;
}

html.is-embed body {
  min-height: 100vh;
}

html.is-embed .md-header,
html.is-embed .md-sidebar,
html.is-embed .md-footer,
html.is-embed .md-tabs,
html.is-embed .md-top,
html.is-embed .md-overlay {
  display: none !important;
}

html.is-embed .md-main {
  margin: 0;
  padding-top: 0;
}

html.is-embed .md-main__inner {
  margin: 0;
  padding: 0;
  display: block;
}

html.is-embed .md-content {
  margin: 0;
  max-width: 100%;
  padding: 0;
}

html.is-embed .md-content__inner {
  margin: 0 auto;
  max-width: 960px;
  padding: 1.5rem 1.5rem 3rem;
}

html.is-embed .md-typeset > :first-child {
  margin-top: 0;
}

html.is-embed :target {
  scroll-margin-top: 1rem;
}