/* Button zentrieren */
.center-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
  }

/* Index-Hero-Bild: Desktop 50 %, Mobile volle Breite */
.index-hero-image {
  max-width: 50%;
}

@media screen and (max-width: 76.1875em) {
  .index-hero-image {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* Suche ausblenden */
.md-header__button[for="__search"],
.md-header__button[data-md-component="search"],
.md-search,
.md-search__input,
.md-search__output {
  display: none !important;
}

/* Inhaltsverzeichnis im Burger-Menü für mobile Ansicht */
@media screen and (max-width: 76.1875em) {
  /* Stelle sicher, dass das TOC im primären Sidebar (Burger-Menü) immer sichtbar ist */
  .md-sidebar--primary nav[aria-label="Inhaltsverzeichnis"] {
    display: block !important;
  }

  /* Stelle sicher, dass das TOC immer angezeigt wird, auch wenn das Toggle nicht aktiviert ist */
  .md-sidebar--primary #__toc:not(:checked) ~ nav[aria-label="Inhaltsverzeichnis"],
  .md-sidebar--primary #__toc ~ nav[aria-label="Inhaltsverzeichnis"],
  .md-sidebar--primary nav[aria-label="Inhaltsverzeichnis"] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  
  /* Stelle sicher, dass das TOC auch innerhalb des verschachtelten Nav-Elements sichtbar ist */
  .md-sidebar--primary .md-nav__item nav[aria-label="Inhaltsverzeichnis"] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* Verbessere die Sichtbarkeit des TOC im Burger-Menü */
  .md-sidebar--primary .md-nav--secondary {
    margin-top: 1rem;
  }

  .md-sidebar--primary .md-nav--secondary .md-nav__title {
    font-weight: 600;
    padding: 0.6rem 0.8rem;
    cursor: default; /* Zeige an, dass es nicht klickbar ist */
  }

  /* Verhindere, dass das TOC-Label das Menü schließt */
  .md-sidebar--primary label[for="__toc"] {
    pointer-events: none; /* Verhindere Klicks auf das Label */
  }

  .md-sidebar--primary label[for="__toc"] .md-nav__icon {
    display: none; /* Verstecke das Toggle-Icon, da es nicht mehr benötigt wird */
  }
  
  /* Überschreibe alle möglichen Versteck-Mechanismen für das TOC */
  .md-sidebar--primary input#__toc:not(:checked) ~ nav[aria-label="Inhaltsverzeichnis"],
  .md-sidebar--primary input#__toc:not(:checked) ~ .md-nav--secondary,
  .md-sidebar--primary .md-nav__item input#__toc:not(:checked) ~ nav[aria-label="Inhaltsverzeichnis"],
  .md-sidebar--primary .md-nav__item input#__toc:not(:checked) ~ .md-nav--secondary {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    max-height: none !important;
    height: auto !important;
  }
  
  /* Stelle sicher, dass das TOC auch nach Navigation sichtbar bleibt */
  .md-sidebar--primary .md-nav--secondary[aria-label="Inhaltsverzeichnis"] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}