/* bewertungen.css – Google-Bewertungen auf der Startseite (20.09.2026)
   Eigene Datei, damit sich diese Sektion einzeln hochladen lässt, ohne die
   Versionsnummer von site.css auf allen Seiten anfassen zu müssen.
   Die Texte sind wörtliche Zitate aus dem Google-Unternehmensprofil. */

.gb-sec { background: #fff; padding: clamp(3rem, 2.5rem + 2vw, 4.5rem) 1.25rem; }
@media (min-width: 48em) { .gb-sec { padding-left: 2rem; padding-right: 2rem; } }
.gb-wrap { max-width: 64rem; margin: 0 auto; }

.gb-kopf { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .75rem 1.25rem; margin-bottom: 2.25rem; text-align: center; }
.gb-marke { display: inline-flex; align-items: center; gap: .55rem; font-weight: 800; font-size: 1rem; color: #111827; }
.gb-marke svg { width: 1.25rem; height: 1.25rem; flex: none; }
.gb-note { display: inline-flex; align-items: center; gap: .5rem; font-size: 1rem; color: #4B5563; }
.gb-note b { font-size: 1.375rem; font-weight: 900; color: #111827; letter-spacing: -.02em; }
.gb-sterne { display: inline-flex; gap: .1rem; }
.gb-sterne svg { width: 1.05rem; height: 1.05rem; color: #F5A623; }

.gb-liste { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
@media (max-width: 62em) { .gb-liste { grid-template-columns: minmax(0, 1fr); max-width: 38rem; margin: 0 auto; } }

.gb-karte { display: flex; flex-direction: column; padding: 1.75rem 1.5rem; border-radius: 1.25rem; background: #fff;
  border: 1px solid #EDF0F4; box-shadow: 0 1px 3px rgba(10, 37, 64, .04);
  transition: transform .4s cubic-bezier(.22,.61,.36,1), box-shadow .35s, border-color .35s; }
.gb-karte:hover { transform: translateY(-4px); border-color: rgba(10, 110, 189, .2); box-shadow: 0 24px 50px -30px rgba(10, 60, 120, .35); }
.gb-karte .gb-sterne { margin-bottom: .9rem; }
.gb-text { margin: 0 0 1.25rem; font-size: .95rem; line-height: 1.7; color: #4B5563; }
.gb-fuss { display: flex; align-items: center; gap: .7rem; margin-top: auto; }
.gb-initial { display: grid; place-items: center; width: 2.25rem; height: 2.25rem; flex: none; border-radius: 50%;
  background: linear-gradient(135deg, #0A6EBD 0%, #3A9FE8 100%); color: #fff; font-size: .85rem; font-weight: 800; }
.gb-name { display: block; font-size: .9rem; font-weight: 800; color: #111827; }
.gb-wann { display: block; font-size: .8125rem; color: #6B7280; }

.gb-mehr { display: flex; justify-content: center; margin-top: 2rem; }
.gb-mehr a { display: inline-flex; align-items: center; gap: .5rem; min-height: 2.75rem; padding: .7rem 1.4rem; border-radius: .75rem;
  border: 1px solid #E2E8F0; background: #fff; font-size: .9rem; font-weight: 700; color: #111827; text-decoration: none; transition: border-color .2s, box-shadow .2s; }
.gb-mehr a:hover { border-color: #CBD5E1; box-shadow: 0 10px 24px -16px rgba(10, 37, 64, .5); }
.gb-mehr svg { width: 1.05rem; height: 1.05rem; flex: none; }

@media (prefers-reduced-motion: reduce) { .gb-karte { transition: none; } }