/* ===== Glossar Archiv – Layout & CI ===== */

.glossar-archive {
  max-width: 960px;
  margin: 0 auto;
  padding: 1.5rem;
  font-family: inherit;
}

/* Header */
.glossar-archive .page-header p {
  margin-top: .25rem;
  color: #444;
}

/* Sticky A-Z & Suche */
.glossar-toolbar {
  position: sticky;
  top: 70px;               /* ggf. an Headerhöhe anpassen */
  z-index: 20;
  background: #fff;
  border: 1px solid #e6e6e6;
  border-left: 4px solid #0077b6;
  border-radius: 4px;
  padding: .6rem .8rem;
  margin: 1rem 0 1.25rem;
  display: flex;
  gap: .75rem;
  align-items: center;
  flex-wrap: wrap;
}

.glossar-az {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
}

.glossar-az a {
  display: inline-block;
  min-width: 1.75rem;
  text-align: center;
  padding: .25rem .4rem;
  border: 1px solid #ccd6dd;
  border-radius: 4px;
  text-decoration: none;
  color: #003049;
  font-weight: 600;
  line-height: 1.1;
}
.glossar-az a:hover { background: #eef6fb; border-color: #a9cbe0; }

/* Suche */
#glossarSearch {
  margin-left: auto;
  flex: 1 1 260px;
  max-width: 380px;
  padding: .5rem .75rem;
  border: 1px solid #ccd6dd;
  border-radius: 4px;
  font-size: .95rem;
}

/* Buchstaben-Section */
.glossar-letter {
  margin: 1.5rem 0 .5rem;
}
.glossar-letter h2 {
  font-size: 1.25rem;
  color: #003049;
  margin: 0 0 .5rem;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: .3rem;
}

/* Karte / Eintrag */
.glossar-card {
  background: #f7f7f7;
  border-left: 4px solid #0077b6;
  border-radius: 4px;
  padding: 1rem 1.25rem;
  margin-bottom: .9rem;
}

.glossar-card h3 {
  margin: 0 0 .35rem;
  font-size: 1.1rem;
  color: #003049;
}

/* dezente Admin-ID */
.glossar-id {
  display: inline-block;
  font-size: .8rem;
  color: #6a6a6a;
  margin: 0 0 .4rem;
}

/* Feldtitel */
.glossar-field {
  font-weight: 700;
  display: inline-block;
  margin-right: .35rem;
  color: #333;
}

/* Inhalte/Blöcke */
.glossar-block {
  background: #e7ecf0;
  border-radius: 3px;
  padding: .7rem .9rem;
  margin-top: .5rem;
  font-size: .95rem;
}

/* Responsiv */
@media (max-width: 600px) {
  .glossar-toolbar { top: 56px; gap: .5rem; }
  #glossarSearch { flex-basis: 100%; max-width: none; }
  .glossar-card { padding: .85rem 1rem; }
}

/* ===== Glossar Archiv ===== */
/* ===== Glossar – Layout & Sticky A-Z ===== */

/* Seite */
.glossar-archive-wrapper{
  max-width:960px;
  margin:0 auto;
  padding:1.5rem;
}

/* A-Z-Leiste oben, sticky */
.glossar-archive-wrapper .glossar-az.sticky{
  position:sticky;
  top:0;                 /* bei eingeloggter Admin-Bar ggf. 32px */
  z-index:10;
  background:#fff;
  padding:0.6rem 0 0.8rem;
  border-bottom:1px solid #eee;
  display:flex;
  flex-wrap:wrap;
  gap:0.4rem;
  align-items:center;
}

/* A-Z Links */
.glossar-az .az-link{
  display:inline-block;
  min-width:28px;
  text-align:center;
  padding:0.25rem 0.4rem;
  border:1px solid #e0e6ea;
  border-radius:4px;
  color:#003049;
  text-decoration:none;
  font-size:.9rem;
}
.glossar-az .az-link:hover{ background:#f5f8fa; }
.glossar-az .az-link.is-disabled{
  opacity:.35;
  pointer-events:none;
}

/* Suche rechts in der A-Z */
.glossar-az #glossarSearch{
  margin-left:auto;
  padding:.45rem .6rem;
  border:1px solid #ccd6dd;
  border-radius:4px;
  width:260px;
  max-width:60%;
}

/* Der Bereich darunter scrollt unabhängig (A-Z bleibt stehen) */
.glossar-scroll{
  max-height:calc(100vh - 180px); /* Header+Intro+A-Z -> ggf. feintunen */
  overflow-y:auto;
  padding-right:.5rem; /* Platz für Scrollbar */
  scroll-behavior:smooth;
}

/* Buchstaben-Trenner */
.glossar-letter{
  margin:1.8rem 0 .8rem;
  border-left:4px solid #0077b6;
  padding-left:.6rem;
  font-weight:700;
}

/* Kartenraster */
.glossar-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:1rem;
}

/* Karten */
.glossar-card{
  background:#f7f7f7;
  border-left:4px solid #0077b6;
  border-radius:4px;
  padding:1rem 1.25rem;
}
.g-head{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:1rem;
  margin-bottom:.3rem;
}
.g-title{
  margin:0;
  color:#003049;
  font-size:1.1rem;
  font-weight:700;
}
.g-title a{ color:inherit; text-decoration:none; }
.g-title a:hover{ text-decoration:underline; }
.g-id{ font-size:.8rem; color:#888; }

.g-block{ margin-top:.6rem; }
.g-label{
  font-size:.8rem;
  text-transform:uppercase;
  letter-spacing:.02em;
  color:#666;
  margin-bottom:.15rem;
}
.g-content p{ margin:.4rem 0; }

/* Quellenliste */
.g-sources .g-source-list{ margin:.2rem 0 0; padding-left:1.1rem; }
.g-sources .g-source-list li{ margin:.15rem 0; }

/* Single Glossar (Detail) – optional hier mitführen */
.glossar-single{ max-width:960px; margin:0 auto; padding:1.5rem; }
.glossar-backlink{ display:inline-block; margin-bottom:.5rem; text-decoration:none; }
.glossar-single__title{ margin:0 0 .25rem; }
.glossar-single__id{ color:#6b7280; font-size:.85rem; margin:0 0 1rem; }
.glossar-single .g-block{
  background:#f7f7f7;
  border-left:4px solid #005293;
  padding:1rem 1.25rem;
  border-radius:4px;
  margin-bottom:1rem;
}
.glossar-single .g-block__title{
  margin:.1rem 0 .5rem;
  font-size:1.05rem;
  font-weight:700;
  color:#003049;
}
.glossar-single .g-block__text p{ margin:.5rem 0; }
.glossar-single .g-block--sources{ background:#f8f9fc; }
.glossar-single .g-source-list{ list-style:none; margin:.25rem 0 0; padding:0; }
.glossar-single .g-source-list__item{ margin:.25rem 0; }
.glossar-single .g-source-list__link{ text-decoration:none; }
.glossar-single .g-source-list__id{ margin-left:.4rem; font-size:.85rem; color:#6b7280; }

/* Responsive */
@media (max-width:600px){
  .glossar-az #glossarSearch{ max-width:100%; width:100%; }
  .g-title{ font-size:1rem; }
  .glossar-scroll{ max-height:calc(100vh - 220px); }
}

/* Wenn du oft mit der WP-Adminbar eingeloggt bist, aktiviere das:
.admin-bar .glossar-archive-wrapper .glossar-az.sticky{ top:32px; }
*/