/* Projektspezifische Anpassungen (nicht Teil des Themes) */

/* Logo-Maske: hex.svg hat keine intrinsische Größe -> Safari/WebKit kann die
   Maske mit "auto" nicht dimensionieren und blendet das Bild aus. "contain"
   skaliert das Sechseck auf die Bildgröße und repariert die Darstellung. */
.img-mask img {
  -webkit-mask-size: contain;
  mask-size: contain;
}

/* Kompakte Kontakt-Pillen auf der Startseite (viele Kontakte) */
.contact-pills {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: .15rem;
}
.btn-contact.btn-contact-sm {
  padding: .35rem 1rem .35rem .4rem;
  margin: .25rem;
}
.btn-contact-sm .blockquote-details img {
  width: 2.25rem !important;
  height: 2.25rem;
  object-fit: cover;
}
.btn-contact-sm .blockquote-details .info {
  padding-left: .55rem;
}
.btn-contact-sm .info .name {
  font-size: .85rem;
  font-weight: 600;
  line-height: 1.15;
  margin-bottom: 0;
}
.btn-contact-sm .info .role {
  font-size: .68rem;
  line-height: 1.15;
  opacity: .75;
  margin-bottom: 0;
}