/* Google-Bewertungen auf der Startseite (statisch, ohne Google-Einbettung: keine Cookies, keine Datenuebertragung) */
.gr { padding: 80px 0; }
.gr-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 28px; margin-bottom: 36px; }
.gr-head .section-label, .gr-head .section-title { text-align: left; }
.gr-summary { display: flex; align-items: center; gap: 18px; padding: 16px 22px; border-radius: 18px;
  border: 1px solid var(--border); background: rgba(var(--fg-rgb, 255,255,255), .03); }
.gr-score { font-size: 2.6rem; font-weight: 700; line-height: 1; letter-spacing: -.02em; }
.gr-stars { color: #FBBC05; letter-spacing: 2px; font-size: 1.05rem; line-height: 1; }
.gr-count { color: var(--muted); font-size: .85rem; margin-top: 4px; }
.gr-gword { font-weight: 700; }
.gr-gword span:nth-child(1), .gr-gword span:nth-child(4) { color: #4285F4; }
.gr-gword span:nth-child(2), .gr-gword span:nth-child(6) { color: #EA4335; }
.gr-gword span:nth-child(3) { color: #FBBC05; }
.gr-gword span:nth-child(5) { color: #34A853; }

.gr-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.gr-card { display: flex; flex-direction: column; gap: 12px; padding: 22px; border-radius: 18px;
  border: 1px solid var(--border); background: rgba(var(--fg-rgb, 255,255,255), .03);
  transition: border-color .2s, transform .15s; }
.gr-card:hover { border-color: rgba(var(--accent-rgb, 59,130,246), .35); transform: translateY(-2px); }
.gr-card.gr-wide { grid-column: span 2; }
.gr-top { display: flex; align-items: center; gap: 12px; }
.gr-av { width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; flex: 0 0 auto;
  color: #fff; font-weight: 700; font-size: 1rem; }
.gr-name { font-weight: 600; font-size: .95rem; line-height: 1.2; }
.gr-src { display: flex; align-items: center; gap: 6px; color: var(--muted); font-size: .78rem; }
.gr-src svg { width: 13px; height: 13px; }
.gr-card .gr-stars { font-size: .95rem; }
.gr-text { color: var(--text); font-size: .95rem; line-height: 1.65; margin: 0; }
.gr-text::before { content: "„"; } .gr-text::after { content: "“"; }

.gr-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.gr-btn { display: inline-flex; align-items: center; gap: 8px; padding: 12px 22px; border-radius: 999px; font-weight: 600;
  font-size: .92rem; border: 1px solid var(--border); color: var(--text); text-decoration: none;
  background: rgba(var(--fg-rgb, 255,255,255), .04); transition: border-color .2s, transform .15s; }
.gr-btn:hover { transform: translateY(-1px); border-color: rgba(var(--accent-rgb, 59,130,246), .5); }
.gr-btn.gr-primary { background: linear-gradient(135deg, var(--accent), var(--accent-2)); color: var(--on-accent-text, #fff); border: 0; }
.gr-btn svg { width: 16px; height: 16px; }
.gr-note { color: var(--muted); font-size: .78rem; margin-top: 14px; }

@media (max-width: 900px) {
  .gr-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .gr-card.gr-wide { grid-column: span 2; }
}
@media (max-width: 620px) {
  .gr { padding: 56px 0; }
  /* auf dem Handy wischbar statt endlos lang */
  .gr-grid { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 12px; padding-bottom: 8px;
    margin: 0 -24px; padding-left: 24px; padding-right: 24px; scroll-padding: 0 24px; scrollbar-width: none; }
  .gr-grid::-webkit-scrollbar { display: none; }
  .gr-card, .gr-card.gr-wide { flex: 0 0 82%; scroll-snap-align: start; }
  .gr-summary { width: 100%; }
  .gr-btn { flex: 1 1 100%; justify-content: center; }
}