.review-cards {
  /* =========================================
       Variables
    ========================================= */
  --rw-text-color: #1f2937;
  --rw-heading-color: #111827;
  --rw-muted-color: #6b7280;
  --rw-body-color: #374151;
  --rw-card-bg: #ffffff;
  --rw-card-border: #e5e7eb;
  --rw-rating-bg: #fef3c7;
  --rw-rating-color: #92400e;
  --rw-radius: 18px;
  --rw-padding: 24px;
  --rw-gap: 24px;
  --rw-shadow:
          0 2px 6px rgba(0, 0, 0, 0.04),
          0 8px 20px rgba(0, 0, 0, 0.06);
  --rw-shadow-hover:
          0 4px 12px rgba(0, 0, 0, 0.08),
          0 12px 28px rgba(0, 0, 0, 0.10);
  --rw-hover-translate: -4px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: var(--rw-gap);
  margin: 40px 0;
  color: var(--rw-text-color); }
  .review-cards .review-card {
    background: var(--rw-card-bg);
    border: 1px solid var(--rw-card-border);
    border-radius: var(--rw-radius);
    padding: var(--rw-padding);
    box-shadow: var(--rw-shadow);
    transition: transform 0.2s ease, box-shadow 0.2s ease; }
    .review-cards .review-card:hover {
      transform: translateY(var(--rw-hover-translate));
      box-shadow: var(--rw-shadow-hover); }
    .review-cards .review-card .header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 12px;
      margin-bottom: 12px; }
      .review-cards .review-card .header strong {
        font-size: 1rem;
        font-weight: 700;
        color: var(--rw-heading-color); }
    .review-cards .review-card .review-icon {
      width: 28px;
      height: 28px;
      opacity: .9;
      transition: .2s ease; }
    .review-cards .review-card .review-icon:hover {
      opacity: 1;
      transform: scale(1.08); }
    .review-cards .review-card .date {
      font-size: 0.85rem;
      color: var(--rw-muted-color);
      white-space: nowrap; }
    .review-cards .review-card .rating {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      margin-bottom: 16px;
      padding: 6px 12px;
      border-radius: 999px;
      background: var(--rw-rating-bg);
      color: var(--rw-rating-color);
      font-weight: 600; }
      .review-cards .review-card .rating .stars {
        display: flex;
        margin-right: 5px; }
      .review-cards .review-card .rating .star {
        font-size: 1.2rem; }
        .review-cards .review-card .rating .star.half {
          background: linear-gradient(90deg, var(--rw-rating-color) 50%, color-mix(in srgb, var(--rw-rating-color) 30%, white) 50%);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent; }
    .review-cards .review-card .text {
      margin: 0;
      color: var(--rw-body-color); }
  .review-cards .review-text .review-toggle {
    display: none; }
  .review-cards .review-text .text {
    color: var(--rw-body-color);
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    position: relative;
    mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
    transition: .3s ease; }
  .review-cards .review-text .more-link {
    display: inline-block;
    margin-top: 10px;
    cursor: pointer;
    color: var(--rw-rating-color);
    font-weight: 600; }
  .review-cards .review-text .more-link::after {
    content: "Mehr lesen"; }
  .review-cards .review-text .review-toggle:checked ~ .text {
    display: block;
    -webkit-line-clamp: unset;
    overflow: visible;
    mask-image: none; }
  .review-cards .review-text .review-toggle:checked ~ .more-link::after {
    content: "Weniger anzeigen"; }

/* Responsive */
@media (max-width: 640px) {
  .review-widget.review-widget--card {
    --rw-padding: 20px; }
    .review-widget.review-widget--card .review-card .header {
      flex-direction: column;
      align-items: flex-start; }
    .review-widget.review-widget--card .review-card .date {
      margin-top: -4px; } }

/*# sourceMappingURL=card.css.map */