/* Width of the the Textblock*/
.md-grid {
  max-width: 80%;
}

/* General Fontsize */
.md-typeset {

  font-size: .7rem;

}

.md-header__button.md-logo img {

  height: 3rem;

}

.md-typeset .admonition.question,
.md-typeset details.question {
  border-color: blue;
}

.md-typeset .question>.admonition-title,
.md-typeset .question>summary {
  background-color: rgba(0, 140, 255, 0.1);
}

.md-typeset .question>summary::before,
.md-typeset .question>summary::after {

  background-color: rgba(2, 64, 127, 255);
}

.md-tabs__link {

  font-size: .8rem;
}

[data-md-color-scheme="ssc"] {
  --md-primary-fg-color: #363b57;
  --md-primary-fg-color--light: #ECB7B7;
  --md-primary-fg-color--dark: #90030C;
}

[data-md-color-scheme="ssc-slate"] {
  --md-hue: 210;

}


/*ngh added */
.img-300 {
    width: 300px;
}

.img-400 {
    width: 400px;
}

.img-500 {
    width: 500px;
}


/* Hübschere Tabellen */

.md-typeset thead tr {
    background-color: #f4f8ff; /* helles Blau, du kannst auch z.B. #f0f0f0 nehmen */
    font-weight: bold;
    border-bottom: 2px solid #a0a0a0;
}

.md-typeset table {
    border-collapse: collapse;
    width: 100%;
    margin: 1em 0;
    font-size: 0.95em;
    border: 1px solid #cfcfcf;
}

.md-typeset th,
.md-typeset td {
    padding: 10px 12px;
    text-align: left;
    border-bottom: 1px solid #cfcfcf;
    border-right: 1px solid #cfcfcf; /* ← Vertikale Linie rechts jeder Zelle */
}

/* Optional: letzte Zelle ohne rechter Linie */
.md-typeset tr th:last-child,
.md-typeset tr td:last-child {
    border-right: none;
}
/* Abwechselnde Zeilenfarben */
.md-typeset tr:nth-child(even) {
    background-color: #f9f9f9;
}

.md-typeset tr:hover {
    background-color: #f1f1f1;
}
/*ngh end */