/* ALTENBRAND Datentechnik GmbH – Custom Styles
   Angepasst an das Design von www.altenbrand.de
   Farben: Primär #0b4da3, Navigation #006489, Akzent #f5821f
   Schriften: Raleway (Überschriften), Lato (Body)
*/

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Raleway:wght@400;500;600;700&display=swap');

/* ===== Farbvariablen (Light Mode) ===== */
:root {
  --md-primary-fg-color: #0b4da3;
  --md-primary-fg-color--light: #3f84a4;
  --md-primary-fg-color--dark: #006489;
  --md-accent-fg-color: #f5821f;

  --md-typeset-font-family: 'Lato', sans-serif;
  --md-typeset-heading-font-family: 'Raleway', sans-serif;
  --md-code-font-family: 'Courier 10 Pitch', Courier, monospace;
}

/* ===== Farbvariablen (Dark Mode) ===== */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #0b4da3;
  --md-primary-fg-color--light: #3f84a4;
  --md-primary-fg-color--dark: #006489;
  --md-accent-fg-color: #f5821f;
}

/* ===== Typografie ===== */
.md-typeset {
  font-family: var(--md-typeset-font-family);
  color: #58585a;
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
  font-family: var(--md-typeset-heading-font-family);
  font-weight: 600;
  color: #0b4da3;
}

[data-md-color-scheme="slate"] .md-typeset h1,
[data-md-color-scheme="slate"] .md-typeset h2,
[data-md-color-scheme="slate"] .md-typeset h3,
[data-md-color-scheme="slate"] .md-typeset h4,
[data-md-color-scheme="slate"] .md-typeset h5,
[data-md-color-scheme="slate"] .md-typeset h6 {
  color: #8ebfdf;
}

/* ===== Header ===== */
.md-header {
  background-color: #ffffff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}

.md-header__button.md-logo img {
  height: 5.67rem;
}

.md-header__button.md-logo {
  padding: 0.2rem 0;
}

.md-header__title {
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
  font-size: 1.4rem;
  color: #0b4da3;
}

.md-header__button {
  color: #0b4da3;
}

.md-header .md-search__input {
  background-color: #eaf1f7;
  color: #58585a;
}

[data-md-color-scheme="slate"] .md-header {
  background-color: #1e1e1e;
}

/* ===== Navigation (Sidebar) ===== */
.md-nav__link {
  font-family: 'Lato', sans-serif;
}

.md-nav__link--active,
.md-nav__link:hover {
  color: #f5821f;
}

.md-nav__item--active > .md-nav__link {
  color: #0b4da3;
  font-weight: 700;
}

/* ===== Tabs (obere Navigation) ===== */
.md-tabs {
  background-color: #0b4da3;
}

.md-tabs__link--active,
.md-tabs__link:hover {
  color: #f5821f;
}

/* ===== Footer ===== */
.md-footer {
  background-color: #006489;
}

.md-footer-meta {
  background-color: #004d66;
}

.md-footer-nav__link {
  color: #ffffff;
}

/* ===== Links ===== */
.md-typeset a {
  color: #0b4da3;
}

.md-typeset a:hover {
  color: #f5821f;
}

[data-md-color-scheme="slate"] .md-typeset a {
  color: #5ba3d9;
}

[data-md-color-scheme="slate"] .md-typeset a:hover {
  color: #f5821f;
}

/* ===== Admonitions ===== */
.md-typeset .admonition.info,
.md-typeset details.info {
  border-color: #0b4da3;
}

.md-typeset .admonition.tip,
.md-typeset details.tip {
  border-color: #f5821f;
}

/* ===== Buttons & Akzente ===== */
.md-typeset .md-button--primary {
  background-color: #f5821f;
  border-color: #f5821f;
  color: #ffffff;
}

.md-typeset .md-button--primary:hover {
  background-color: #d96f15;
  border-color: #d96f15;
}

/* ===== Search ===== */
.md-search__input {
  font-family: 'Lato', sans-serif;
}

[data-md-toggle="search"]:checked ~ .md-header .md-search__form {
  border-color: #f5821f;
}

/* ===== Scrollbar-Akzent ===== */
.md-sidebar__scrollwrap::-webkit-scrollbar-thumb {
  background-color: #3f84a4;
}

.md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
  background-color: #006489;
}

/* ===== Content-Bereich ===== */
.md-content {
  font-size: 0.95rem;
  line-height: 1.7;
}

/* ===== Tabellen ===== */
.md-typeset table:not([class]) th {
  background-color: #0b4da3;
  color: #ffffff;
  font-family: 'Raleway', sans-serif;
  font-weight: 600;
}

.md-typeset table:not([class]) tr:nth-child(even) {
  background-color: #eaf1f7;
}

/* ===== Code-Blöcke ===== */
.md-typeset code {
  background-color: #eaf1f7;
  color: #0b4da3;
}

[data-md-color-scheme="slate"] .md-typeset code {
  background-color: rgba(11, 77, 163, 0.15);
  color: #8ebfdf;
}

/* ===== Top-Navigation "Back to top" ===== */
.md-top {
  background-color: #f5821f;
  color: #ffffff;
}

.md-top:hover {
  background-color: #d96f15;
}