/* Google-Bewertungs-Pill im Hero (Platzhalter: bewertung, google_hero_auf_google, anzahl_bewertungen, google_hero_bewertungen_label, firma_name) */
.bd-hero-google-pill{
  box-sizing:border-box;
  display:inline-flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px 10px;
  margin:0 0 18px;
  padding:10px 18px;
  border-radius:999px;
  background:#1A1A1A;
  border:1px solid rgba(255,255,255,0.35);
  color:#fff;
  font-size:14px;
  font-weight:500;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  line-height:1.35;
  max-width:100%;
}
.bd-hero-google-pill .bd-hgp-star{
  color:#fff;
  font-size:15px;
  line-height:1;
  letter-spacing:0;
}
.bd-hero-google-pill .bd-hgp-dot{
  opacity:0.75;
  padding:0 1px;
  user-select:none;
}
/* Farbe explizit: sonst z. B. `main strong { color: … }` im Template die Zahlen abdunkeln */
.bd-hero-google-pill strong{font-weight:700;color:inherit}
.bd-hero-google-pill .bd-hgp-name{
  font-style:italic;
  font-weight:500;
  color:#fff;
}
/* Zentrierte Hero-Layouts (z. B. Barbershop, Restaurant) */
.hero .bd-hero-google-pill--center,
.wrap .bd-hero-google-pill--center,
.rt-hero .bd-hero-google-pill--center{
  margin-left:auto;
  margin-right:auto;
}