/* ——— Breakpoint exakt 996px ——— */
@media (max-width: 1399.98px) {
  /* Mobil: Button sichtbar, Offcanvas-Overlay aktiv */
  .catnav-toggle { display: inline-flex; }
  /* Der Main-Container bekommt volle Breite, weil Offcanvas aus dem Flow ist (position: fixed) */
}

@media (min-width: 1899.98px) {
  /* Desktop: Button ausblenden */
  .catnav-toggle { display: none !important; }

  /* Offcanvas wird zur statischen Sidebar links */
  #catNavigation {
    position: static !important;
    visibility: visible !important;
    transform: none !important;
    bottom: auto !important;
    border-right: var(--bs-border-width) solid var(--bs-border-color) !important;
    width: 280px; /* feste Sidebar-Breite */
  }

  /* Close-Button in der Kopfzeile ausblenden (nur mobil nötig) */
  #catNavigation .catnav-close { display: none !important; }

  /* Optional: Offcanvas-Backdrop unterdrücken (wird ohnehin nicht erzeugt, da kein Offcanvas-Zustand) */
  .offcanvas-backdrop { display: none !important; }
}
  .btn-reset {
    padding: 0.25rem 0.5rem;
    border: solid 1px black;
    border-radius: 7px;
    background-color: white;
  
  }
  .btn-reset:hover, .btn-reset:focus, .btn-reset:active {
    background-color: orange;
    color: black;
  }

  .btn-cat-nav::before {
    font: var(--fa-font-solid);
    content: "\f0c9"; /* fa-bars */
    font-size: 1.5rem;
    margin-right: 0.5rem;
  }

  #iconsSearchContainer h4 {
    padding-bottom: 1rem;
    border-bottom: solid 1px orange;
  }
  #iconsSearchRowSolid, #iconsSearchRowRegular {
    margin-top: 1.25rem;
  }
  #iconsSearchSolid .h4, #iconsSearchRegular .h4 {
    font-size: 1.25rem !important;
  }
  
  #iconsSearchSummary {
    font-size: 1.25rem;
    padding-bottom: 2rem;
  }
   .position-sticky {
   top: 1rem;
  }
 @media (width: 996px) {
  .position-sticky {
   margin-top: 1rem;
  }
  #catNavigationLabel {
   margin-top: 3.5rem;
  }
 }
  #previewCat .text-bg-light:hover {
    background-color: cadetblue !important;
    color: white !important;
  }
#solidCell[aria-pressed="true"],
#regularCell[aria-pressed="true"] {
  background-color: var(--bs-success);
  color: #fff;
}

#solidCell[aria-pressed="false"],
#regularCell[aria-pressed="false"] {
  background-color: transparent;
  color: inherit;
}
#codeBlock .code-sample pre {
  white-space: pre;           /* oder pre-wrap, wenn Soft-Wrap gewünscht */
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  font-size: .9rem;
  line-height: 1.4;
  padding: .5rem .75rem;
  border: 1px solid rgba(0,0,0,.1);
  border-radius: .25rem;
  margin: 0;
}


.kat-name {
  text-transform: capitalize;
  }
  
  .kat-style-btn:hover {
    background-color: orange !important;
    color: black;
  }
  .kat-style-btn.active{
    background-color: orange !important;
    color: black;
  }