/* Favorent Bewertungs-Widget – favorent.de Design-Tokens */
.favorent-reviews{--fav-primary:#44909C;--fav-secondary:#A0C45C;--fav-accent:#F5A623;--fav-ink:#333;--fav-muted:#7A7A7A;--fav-line:#e6e6e6;--fav-soft:#f5f7f8;font-family:'Lato',-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--fav-ink);width:100%;box-sizing:border-box}
.favorent-reviews *,.favorent-reviews *::before,.favorent-reviews *::after{box-sizing:border-box}

.frw-config{padding:14px 16px;border:1px dashed var(--fav-line);border-radius:12px;color:var(--fav-muted)}
.frw-skeleton{display:flex;align-items:center;gap:10px;padding:18px;border:1px solid var(--fav-line);border-radius:12px;color:var(--fav-muted)}
.frw-spin{width:16px;height:16px;border:2px solid var(--fav-line);border-top-color:var(--fav-primary);border-radius:50%;display:inline-block;animation:frw-rot .8s linear infinite}
@keyframes frw-rot{to{transform:rotate(360deg)}}
/* Editor-Platzhalter, wenn (noch) unter der Schwelle */
.frw-ghost{padding:22px 18px;border:1px dashed var(--fav-line);border-radius:14px;color:var(--fav-muted);text-align:center;font-size:14px;background:var(--fav-soft)}
.frw-ghost b{color:var(--fav-primary)}

/* Rahmen / Kopf */
.frw{width:100%}
.frw-head{text-align:center;margin-bottom:18px}
.frw-title{font-size:24px;font-weight:700;color:var(--fav-primary);margin:0;line-height:1.2}
.frw-sub{font-size:14px;color:var(--fav-muted);margin:6px 0 0}

/* Laufband-Viewport mit weichen Kanten */
.frw-viewport{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.frw-track{display:flex;width:max-content;will-change:transform}
.frw-seg{display:flex;flex:0 0 auto}
.frw-track.frw-run{animation:frw-scroll var(--frw-dur,40s) linear infinite}
.frw-viewport:hover .frw-track.frw-run{animation-play-state:paused}
@keyframes frw-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* Karte */
.frw-card{flex:0 0 auto;width:320px;margin-right:18px;background:#fff;border:1px solid var(--fav-line);border-radius:14px;box-shadow:0 1px 3px rgba(0,0,0,.05);padding:18px 20px;display:flex;flex-direction:column;min-height:180px;white-space:normal}
.frw-stars{color:var(--fav-accent);font-size:16px;letter-spacing:2px;line-height:1}
.frw-text{font-size:15px;line-height:1.5;color:var(--fav-ink);margin:12px 0 0;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
.frw-foot{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:14px;font-size:12.5px;color:var(--fav-muted)}
.frw-name{font-weight:700;color:var(--fav-ink)}
.frw-sep{opacity:.5}
.frw-portal{display:inline-flex;align-items:center;font-weight:600;color:var(--fav-primary)}
.frw-date{color:var(--fav-muted)}

/* Reduced-Motion: keine Animation, dafür manuell scrollbar */
.frw-viewport.frw-static{overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
.frw-viewport.frw-static .frw-card{scroll-snap-align:start}

@media (max-width:480px){
.frw-title{font-size:20px}
.frw-card{width:80vw;max-width:300px}
}