/* Ruhiger Blau-Grau-Akzent statt Rot (Links, Hover, aktive Elemente). */
:root {
  --md-accent-fg-color:             #4f6470;
  --md-accent-fg-color--transparent: rgba(79, 100, 112, 0.1);
}

/* Suche vorerst ausgeblendet (Suchbox/Lupe im Header). */
.md-search,
.md-search__button,
[data-md-component="search"] {
  display: none !important;
}

/* Linke Navigation: Unterpunkte einer Gruppe (z. B. "Die sechs Räume")
   klar als Untergruppe einrücken, auch ohne Auf-/Zuklapp-Mechanik.
   Die Gruppenüberschrift bleibt als fester Abschnitts-Header stehen. */
.md-nav__item--section > nav .md-nav__list {
  margin-left: 0.5rem;
  padding-left: 0.6rem;
  border-left: 1px solid var(--md-default-fg-color--lightest);
}
.md-nav__item--section > nav .md-nav__link {
  font-weight: 400;
}
/* Den nicht mehr klickbaren Pfeil/Toggle der Gruppe ausblenden. */
.md-nav__item--section > .md-nav__link > .md-nav__icon {
  display: none;
}

/* ---- Bilder ---------------------------------------------------------- */
/* Alle verwendeten Bilder einheitlich auf ca. zwei Drittel der
   Absatzbreite, abgerundete Ecken, als Block mit sauberem Abstand. */
.coco-diagram,
.coco-inline-img,
.coco-room-img,
.coco-schriftzug {
  display: block;
  width: 66%;
  height: auto;
  border-radius: 10px;
  margin: 1.6rem 0;
}

/* Auf schmalen Bildschirmen volle Breite. */
@media screen and (max-width: 600px) {
  .coco-diagram,
  .coco-inline-img,
  .coco-room-img,
  .coco-schriftzug {
    width: 100%;
  }
}