/* KINDLINGER Google-Bewertungen: Zusammenfassung und Karten, ohne Google-Script. */
.klr { display: grid; gap: 16px; margin: 0 0 24px; }
.klr-summary { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; }
.klr-summary__value { font-size: 1.5rem; font-weight: 800; line-height: 1; }
.klr-summary__count { color: var(--k-muted,#586273); }
.klr-summary__link { margin-left: auto; font-weight: 600; }
.klr-stars { --klr-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 2.8 2.8 5.8 6.3.9-4.6 4.4 1.1 6.3L12 17.2l-5.6 3 1.1-6.3-4.6-4.4 6.3-.9z'/%3E%3C/svg%3E"); display: inline-block; flex: none; width: 90px; height: 18px; background: linear-gradient(90deg, #fbbc04 calc(var(--klr-rating) / 5 * 100%), rgb(16 24 40 / 18%) 0); -webkit-mask: var(--klr-star) 0 0 / 18px 18px repeat-x; mask: var(--klr-star) 0 0 / 18px 18px repeat-x; }
.klr-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
.klr-card { display: flex; flex-direction: column; gap: 8px; padding: 16px; border: 1px solid var(--k-line, #e3e6ea); border-radius: 8px; background: #fff; }
.klr-card p { margin: 0; }
.klr-card__head { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.klr-card__head .klr-stars { width: 75px; height: 15px; -webkit-mask-size: 15px 15px; mask-size: 15px 15px; }
.klr-card__time, .klr-note { color: var(--k-muted,#586273); font-size: .8125rem; }
.klr-card__text { flex: 1; line-height: 1.5; }
.klr-card__author { font-weight: 700; }
.klr-card__author a { color: inherit; }
@media (max-width: 599px) { .klr-summary__link { flex-basis: 100%; margin-left: 0; } .klr-list { grid-auto-flow: column; grid-auto-columns: 85%; grid-template-columns: none; overflow-x: auto; scroll-snap-type: x mandatory; } .klr-card { scroll-snap-align: start; } }