/* Kontakt-Topbar oberhalb der Navigation.
   Sitzt zusammen mit der Nav in .site-top (siehe style.css) und bleibt
   dadurch beim Scrollen dauerhaft sichtbar. */

.topbar {
  background: var(--ink-1);
  color: rgba(255, 255, 255, 0.92);
}

.topbar__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px 52px;
  padding: 11px 20px;
  font-size: 13.5px;
  font-weight: 700;
}

.topbar__item {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: inherit;
  white-space: nowrap;
  transition: color 0.2s ease;
}
.topbar__item:hover { color: var(--yl-1); }
.topbar__item svg { flex: 0 0 auto; color: var(--yl-1); }

@media (max-width: 560px) {
  .topbar__inner { gap: 8px 30px; padding: 10px 16px; font-size: 12.5px; }
  .topbar__item svg { width: 16px; height: 16px; }
}