/* Tabelle mit Live-Werten auf volle Inhaltsbreite */
.ha-werte .md-typeset__table {
  display: block;
}
.ha-werte table:not([class]) {
  display: table;
  width: 100%;
}

/* Verlaufsdiagramme */
.md-typeset .ha-figur {
  display: block;
  width: 100%;
  margin: 1.5em 0;
}
.md-typeset .ha-figur figcaption {
  max-width: none;
  margin: 0 0 0.4em;
  text-align: left;
  font-style: normal;
}
.ha-diagramm {
  display: block;
  width: 100%;
  height: auto;
}
.ha-diagramm .linie {
  fill: none;
  stroke: var(--md-primary-fg-color);
  stroke-width: 2;
  stroke-linejoin: round;
  stroke-linecap: round;
}
.ha-diagramm .punkt {
  fill: var(--md-primary-fg-color);
}
.ha-diagramm .gitter {
  stroke: var(--md-default-fg-color--lightest);
  stroke-width: 1;
}
.ha-diagramm .gitter--zeit {
  stroke-dasharray: 2 4;
}
.ha-diagramm text {
  fill: var(--md-default-fg-color--light);
  font-size: 12px;
}

.md-typeset .ha-stand {
  color: var(--md-default-fg-color--light);
  font-size: 0.85em;
}

/* ---------- Farben: Gartengrün mit warmem Akzent ---------- */
:root > * {
  --md-primary-fg-color: #3d6b35;
  --md-primary-fg-color--light: #5b8a4f;
  --md-primary-fg-color--dark: #2a4d24;
  --md-primary-bg-color: #ffffff;
  --md-primary-bg-color--light: #ffffffb3;
  --md-accent-fg-color: #c2702b;
  --md-accent-fg-color--transparent: #c2702b1a;
  --md-typeset-a-color: #2f6a2a;
}
[data-md-color-scheme="default"] {
  --md-default-bg-color: #fbfaf6;
  --md-footer-bg-color: #2a4d24;
  --md-footer-bg-color--dark: #22401d;
}
.md-typeset h1 {
  color: var(--md-primary-fg-color--dark);
  font-weight: 600;
}

/* ---------- Startseite: Banner ---------- */
.md-typeset .hero {
  position: relative;
  margin: 0 0 1.5rem;
  min-height: 11rem;
  border-radius: 0.6rem;
  overflow: hidden;
  background: url("../bilder/banner.svg") center bottom / cover no-repeat;
  display: flex;
  align-items: flex-start;
}
.md-typeset .hero__text {
  margin: 1rem;
  padding: 0.6rem 0.9rem;
  max-width: 30rem;
  background: #ffffffd9;
  border-radius: 0.4rem;
  font-size: 0.85rem;
}
.md-typeset .hero__text p {
  margin: 0;
}

/* ---------- Startseite: Kacheln ---------- */
.md-typeset .grid.cards > ul > li {
  background: #ffffff;
  border-color: #e3e0d6;
}
.md-typeset .grid.cards > ul > li:hover {
  border-color: var(--md-primary-fg-color--light);
}
.md-typeset .grid.cards .lg {
  color: var(--md-primary-fg-color);
}
.md-typeset .ha-wert {
  font-weight: 600;
  white-space: nowrap;
}
.md-typeset .hinweis-wlan {
  color: var(--md-default-fg-color--light);
  font-size: 0.8rem;
  text-align: center;
}