/* =================================================_
   1. Layout, Breite & Schriftarten
   ================================================= */
:root {
  --md-max-width: 1600px;         
  --md-typeset-max-width: 1400px;  

  /* Haupt-Schriftart für den Fließtext */
  --md-text-font: "Inter", "Segoe UI", Helvetica, Arial, sans-serif;
  
  /* Schriftart für Code-Blöcke */
  --md-code-font: "JetBrains Mono", Consolas, Menlo, monospace;
}

/* Passt das Grid an und rückt es nach links neben das fixierte Menü */
.md-grid {
  max-width: none !important;
  margin-left: 13.5rem !important; /* Puffer nach dem 12.1rem breiten Menü */
  margin-right: auto !important;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* Inhaltsbereich (Lesebereich) linksbündig mit feinem Abstand */
.md-content {
  max-width: 1400px !important;
  margin: 0 !important; 
  padding: 2rem;
  border-radius: 8px;
}

/* =================================================_
   2. Farb-Schemata & Seiten-Layout (Links / Mitte / Rechts)
   ================================================= */
[data-md-color-scheme="default"] {
  --md-default-bg-color: #a2b5cd; 
  --md-bg-color: #a2b5cd;         
}

[data-md-color-scheme="slate"] {
  --md-default-bg-color: #1e2229; 
  --md-bg-color: #1e2229;         
  --md-code-bg-color: #262b35;
}

/* --- Linke Seite (Menü / Navigation): Ganz links fixiert & tiefschwarz --- */
.md-sidebar--primary {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 12.1rem; /* Feste Breite der primären Sidebar */
    height: 100vh !important;
    z-index: 10; 
    overflow-y: auto !important;
}

/* Hintergrundfarbe für alle inneren Container der linken Sidebar erzwingen */
.md-sidebar--primary,
.md-sidebar--primary .md-sidebar__scrollwrap,
.md-sidebar--primary .md-sidebar__inner {
    background-color: #111111 !important;
}

/* Setzt den Hauptbereich zurück, da das Grid selbst verschoben wurde */
.md-main {
    margin-left: 0;
}

/* Einheitliche Text- und Linkfarben im schwarzen Menü (verhindert blaue Ausreißer) */
.md-sidebar--primary .md-nav__link {
    color: #c0c0c0 !important; /* Sanftes Hellgrau für normalen Text */
}

/* Hover-Effekt: Wenn man mit der Maus über einen Menüpunkt fährt */
.md-sidebar--primary .md-nav__link:hover {
    background-color: #222222 !important;
    color: #ffffff !important; 
}

/* Aktiver Menüpunkt (Hintergrund und Textfarbe sauber definiert) */
.md-sidebar--primary .md-nav__item--active > .md-nav__link,
.md-sidebar--primary .md-nav__link--active {
    background-color: #2b2d31 !important;
    color: #ffffff !important;
    font-weight: 600;
    border-radius: 4px;
}

/* --- Rechte Seite (Inhaltsverzeichnis / TOC): Hellgrau --- */
.md-sidebar--secondary,
.md-sidebar--secondary .md-sidebar__scrollwrap,
.md-sidebar--secondary .md-sidebar__inner {
    background-color: #f3f4f6 !important;
}

/* =================================================_
   3. Tabellen-Styling (Ultra-kompakt & sicher erzwungen)
   ================================================= */
.md-typeset table {
    width: 100%;
    font-size: 0.85rem !important;
}

.md-typeset table, 
.md-typeset th, 
.md-typeset td {
    border: 1px solid #000000 !important;
}

/* Zebra-Look (Abwechselnde Zeilenfarben für Light Mode) */
.md-typeset table tr:nth-child(even) {
    background-color: rgba(0, 0, 0, 0.03);
}

/* Zebra-Look für Dark Mode (Slate) */
.md-typeset [data-md-color-scheme="slate"] table tr:nth-child(even) {
    background-color: rgba(255, 255, 255, 0.03);
}

/* Hover-Effekt beim Mitlesen in Tabellen */
.md-typeset table tr:hover {
    background-color: rgba(162, 181, 205, 0.15) !important;
}

/* Extrem kompakte Zellen und minimale Abstände */
.md-typeset table th, 
.md-typeset table td {
    padding: 3px 6px !important;
    line-height: 1.15 !important;
    vertical-align: middle !important;
}

/* Entfernt überschüssige Absatz-Abstände (<p>) innerhalb von Tabellenzellen absolut */
.md-typeset table th p,
.md-typeset table td p {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.15 !important;
}

/* Tabellen-Überschriften (Light Mode) */
.md-typeset table th {
    font-weight: 700;
    background-color: rgba(0, 0, 0, 0.05);
}

/* Tabellen-Überschriften (Dark Mode) */
.md-typeset [data-md-color-scheme="slate"] table th {
    background-color: rgba(255, 255, 255, 0.05);
}