.ssg-suche { max-width: 820px; margin: 0 auto; }
.ssg-suche__form { display: flex; gap: .5rem; margin-bottom: 1.5rem; }
.ssg-suche__input {
  flex: 1; padding: .75rem 1rem; font-size: 1rem;
  border: 2px solid var(--ssg-border, #c9d4e3); border-radius: 8px;
  background: #fff; color: var(--ssg-text, #1b2a41);
}
.ssg-suche__input:focus { outline: none; border-color: var(--ssg-accent-blue, #3b82c4); }
.ssg-suche__btn {
  appearance: none; -webkit-appearance: none; box-shadow: none;
  background-color: var(--ssg-accent-blue, #3b82c4); color: #fff;
  border: 0; border-radius: 8px; padding: .75rem 1.25rem; font-weight: 600; cursor: pointer;
}
.ssg-suche__btn:hover, .ssg-suche__btn:focus, .ssg-suche__btn:active {
  appearance: none; box-shadow: none; background-color: #2f6ea8; color: #fff;
}
.ssg-suche__group { margin-bottom: 1.75rem; }
.ssg-suche__group-title {
  font-size: 1.05rem; color: var(--ssg-text, #1b2a41);
  border-bottom: 2px solid var(--ssg-accent-blue, #3b82c4); padding-bottom: .35rem;
}
.ssg-suche__count {
  display: inline-block; margin-left: .5rem; font-size: .8rem; font-weight: 600;
  background: #eef3f9; color: #4a5a72; border-radius: 999px; padding: .1rem .55rem;
}
.ssg-suche__list { list-style: none; margin: .75rem 0 0; padding: 0; }
.ssg-suche__item { border-bottom: 1px solid #eef1f5; }
.ssg-suche__link { display: block; padding: .65rem .25rem; text-decoration: none; color: inherit; }
.ssg-suche__link:hover { background: #f6f9fc; }
.ssg-suche__item-title { display: block; font-weight: 600; color: var(--ssg-accent-blue, #3b82c4); }
.ssg-suche__item-meta { display: block; font-size: .8rem; color: #6b7890; margin-top: .15rem; }
.ssg-suche__item-snippet { display: block; font-size: .9rem; color: #4a5667; margin-top: .25rem; }
.ssg-suche__empty { color: #6b7890; padding: 1rem 0; }