/* ===================================== */
/* Glossar-Trigger im Fließtext          */
/* ===================================== */

.glossary-trigger{
  color:#666;
  cursor:pointer;
  font-size:.95em;
  vertical-align:middle;
}

.glossary-trigger:hover{
  color:#000;
}


/* ===================================== */
/* Overlay                               */
/* ===================================== */

.glossary-overlay{
  display:none;
  position:fixed;
  inset:0;
  background:#fff;
  z-index:9999;
  overflow-y:auto;
}

.glossary-overlay.active{
  display:block;
}


/* ===================================== */
/* Hauptpanel                            */
/* ===================================== */

.glossary-panel{
  max-width:900px;
  margin:0 auto;
  padding:18px 24px 60px;
}


/* ===================================== */
/* Toolbar (Suche + Schließen)           */
/* ===================================== */

.glossary-toolbar{

  display:flex;
  align-items:center;

  gap:16px;

  margin-bottom:28px;

}

#glossarySearch{

  flex:1;
  min-width:0;

  height:42px;

  padding:0 14px;

  border:0;
  border-bottom:1px solid #999;

  background:transparent;

  color:#666;

  font-size:18px;
  font-family:inherit;

}

#glossarySearch:focus{

  outline:none;
  border-bottom:1px solid #444;

}

#glossarySearch::placeholder{

  color:#999;

}

.glossary-close{
  flex-shrink:0;

  border:0;
  background:none;

  font-size:32px;
  line-height:1;

  color:#666;
  cursor:pointer;

  padding:0;
}

.glossary-close:hover{
  color:#000;
}


/* ===================================== */
/* Suchtreffer                           */
/* ===================================== */

#glossarySearchResults{
  margin-bottom:20px;
}

.glossary-search-result{

  display:block;

  padding:10px 12px;

  margin-bottom:4px;

  background:#f3f3f3;

  color:#000;

  text-decoration:none;

  cursor:pointer;

  transition:
    background .15s ease,
    color .15s ease;

}

.glossary-search-result:hover{

  background:#666;

  color:#fff;

}

/* ===================================== */
/* Überschrift                           */
/* ===================================== */

#glossaryTitle{
  margin-top:0;
  margin-bottom:22px;
}

#glossaryContent h3{
  margin-top:30px;
  margin-bottom:10px;

  font-size:1.15rem;
  font-weight:600;

  color:#444;
}

#glossaryContent ul{
  padding-left:22px;
}

#glossaryContent li{
  margin-bottom:6px;
}

/* ===================================== */
/* Verwandte Begriffe                    */
/* ===================================== */

.glossary-related{
  margin:0;
  padding-left:20px;
}

.glossary-related a{
  color:#666;
}

.glossary-related a:hover{
  color:#000;
}


/* ===================================== */
/* Separator                             */
/* ===================================== */

.glossary-section-separator{
  width:90px;
  height:1px;

  background:#999;

  margin:30px auto;
}