/* Google-Bewertungen · Seitalis-Baustein. Farben über Variablen am Container anpassbar. */
.gb{--gb-akzent:#1a73e8;--gb-stern:#fbbc04;--gb-leer:#dadce0;--gb-text:inherit;--gb-grau:#5f6368;--gb-karte:#fff;--gb-kartentext:#202124;--gb-linie:rgba(0,0,0,.09);--gb-radius:14px;color:var(--gb-text)}
.gb[hidden],.gb [hidden]{display:none!important}
.gb-kopf{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-bottom:22px}
.gb-note{display:flex;align-items:center;gap:12px}
.gb-note b{font-size:44px;line-height:1;font-weight:800;letter-spacing:-.02em}
.gb-note small{display:block;color:var(--gb-grau);font-size:14px;margin-top:4px}
.gb-sterne{display:inline-flex;gap:2px;vertical-align:middle}
.gb-sterne svg{width:18px;height:18px;display:block}
.gb-note .gb-sterne svg{width:22px;height:22px}
.gb-sterne .an{fill:var(--gb-stern)}.gb-sterne .aus{fill:var(--gb-leer)}
.gb-knopf{display:inline-flex;align-items:center;gap:8px;margin-left:auto;padding:10px 18px;border-radius:999px;border:1.5px solid currentColor;color:inherit;font-weight:700;font-size:15px;text-decoration:none}
.gb-knopf:hover{color:var(--gb-akzent)}
.gb-liste{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px;margin:0;padding:0;list-style:none}
.gb-liste:has(>:only-child){grid-template-columns:minmax(0,680px)}
.gb-karte{background:var(--gb-karte);border:1px solid var(--gb-linie);border-radius:var(--gb-radius);padding:20px;display:flex;flex-direction:column;gap:12px;color:var(--gb-kartentext)}
.gb-autor{display:flex;align-items:center;gap:12px}
.gb-bild{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;font-size:17px}
.gb-autor b{display:block;font-size:15.5px;line-height:1.25}
.gb-autor b a{color:inherit;text-decoration:none}.gb-autor b a:hover{text-decoration:underline}
.gb-autor small,.gb-karte .gb-fuss{color:var(--gb-grau)}
.gb-autor small{display:block;font-size:13px}
.gb-text{margin:0;font-size:15.5px;line-height:1.55;white-space:pre-line}
.gb-text.zu{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.gb-mehr{align-self:flex-start;background:none;border:0;padding:0;color:var(--gb-akzent);font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.gb-fuss{display:flex;align-items:center;gap:6px;margin-top:auto;color:var(--gb-grau);font-size:12.5px}
.gb-fuss a{color:inherit}
.gb-g{width:16px;height:16px;flex:none}
@media(max-width:560px){.gb-knopf{margin-left:0}.gb-note b{font-size:38px}}
