/* 
 * Statischer Google-Review-Slider (ohne API) 
 * ------------------------------------------ 
 * Mobile-first, leichtgewichtig, direkt einbettbar. 
 */ 
:root { 
--mrs-bg: #ffffff; 
--mrs-text: #111827; 
--mrs-muted: #6b7280; 
--mrs-border: #e5e7eb; 
--mrs-star: #f59e0b; 
--mrs-accent: #111827; 
} 
.manual-reviews-slider { 
max-width: 860px; 
margin: 0 auto; 
border: 1px solid var(--mrs-border); 
border-radius: 14px; 
background: var(--mrs-bg); 
color: var(--mrs-text); 
padding: 1rem; 
font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; 
} 
.mrs-header { 
display: flex; 
align-items: center; 
justify-content: space-between; 
gap: 0.75rem; 
margin-bottom: 0.8rem; 
} 
.mrs-title { 
margin: 0; 
font-size: 1.1rem; 
} 
.mrs-summary { 
margin: 0; 
color: var(--mrs-muted); 
font-size: 0.9rem; 
} 
.mrs-stars { 
color: var(--mrs-star); 
letter-spacing: 0.04em; 
} 
.mrs-slider { 
display: grid; 
grid-template-columns: auto 1fr auto; 
gap: 0.5rem; 
align-items: center; 
} 
.mrs-track-wrap { 
overflow: hidden; 
} 
.mrs-track { 
display: flex; 
transition: transform 360ms ease; 
will-change: transform; 
} 
.mrs-card { 
min-width: 100%; 
box-sizing: border-box; 
border: 1px solid var(--mrs-border); 
border-radius: 12px; 
padding: 0.9rem; 
} 
.mrs-top { 
display: flex; 
align-items: center; 
justify-content: space-between; 
gap: 0.5rem; 
margin-bottom: 0.5rem; 
} 
.mrs-author { 
font-weight: 700; 
} 
.mrs-date { 
color: var(--mrs-muted); 
font-size: 0.85rem; 
} 
.mrs-text { 
margin: 0.3rem 0 0; 
line-height: 1.55; 
white-space: pre-line; 
} 
.mrs-nav { 
width: 36px; 
height: 36px; 
border-radius: 999px; 
border: 1px solid var(--mrs-border); 
background: #fff; 
color: var(--mrs-accent); 
cursor: pointer; 
} 
.mrs-dots { 
display: flex; 
gap: 0.35rem; 
justify-content: center; 
margin-top: 0.75rem; 
} 
.mrs-dot { 
width: 8px; 
height: 8px; 
border-radius: 999px; 
border: 0; 
background: #d1d5db; 
cursor: pointer; 
} 
.mrs-dot.is-active { 
background: #111827; 
} 
@media (min-width: 768px) { 
.manual-reviews-slider { 
padding: 1.2rem; 
  } 
.mrs-title { 
font-size: 1.2rem; 
  } 
}