.clipkarte[data-astro-cid-wjkkv3vo]{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--normal) var(--ease-out),transform var(--normal) var(--ease-out),box-shadow var(--normal) var(--ease-out)}.clipkarte[data-astro-cid-wjkkv3vo]:hover{border-color:var(--line-strong);transform:translateY(-4px);box-shadow:0 20px 50px -12px #00000080}.clipkarte--featured[data-astro-cid-wjkkv3vo]{border-color:var(--line-strong);box-shadow:0 24px 70px -20px #8b5cf62e}.clipkarte--featured[data-astro-cid-wjkkv3vo]:hover{border-color:#8b5cf666;box-shadow:0 32px 80px -18px #8b5cf647}.clipkarte__bild[data-astro-cid-wjkkv3vo]{position:relative;display:grid;place-items:center;aspect-ratio:16 / 9;background:radial-gradient(ellipse 80% 70% at 50% 40%,rgba(139,92,246,.12),transparent 70%),var(--bg-sunken);border-bottom:1px solid var(--line);overflow:hidden}.clipkarte__vorschau[data-astro-cid-wjkkv3vo]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform var(--slow) var(--ease-out)}.clipkarte[data-astro-cid-wjkkv3vo]:hover .clipkarte__vorschau[data-astro-cid-wjkkv3vo]{transform:scale(1.06)}.clipkarte__play[data-astro-cid-wjkkv3vo]{position:relative;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#08090c8c;border:1px solid rgba(255,255,255,.25);color:#fff;backdrop-filter:blur(8px);box-shadow:0 8px 30px #0006;transition:transform var(--normal) var(--ease-spring),border-color var(--fast) var(--ease-out),background var(--fast) var(--ease-out),box-shadow var(--normal) var(--ease-out)}.clipkarte__play[data-astro-cid-wjkkv3vo]:before{content:"";position:absolute;inset:-8px;border-radius:50%;border:1px solid var(--accent);opacity:0;transform:scale(.85);transition:opacity var(--normal) var(--ease-out),transform var(--normal) var(--ease-out)}.clipkarte[data-astro-cid-wjkkv3vo]:hover .clipkarte__play[data-astro-cid-wjkkv3vo]{background:var(--accent);border-color:var(--accent);transform:scale(1.14);box-shadow:0 0 40px var(--accent-glow)}.clipkarte[data-astro-cid-wjkkv3vo]:hover .clipkarte__play[data-astro-cid-wjkkv3vo]:before{opacity:.35;transform:scale(1.25)}.clipkarte__dauer[data-astro-cid-wjkkv3vo]{position:absolute;right:10px;bottom:10px;display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:100px;background:#08090ccc;border:1px solid var(--line-strong);font-size:.7rem;color:var(--text-faint)}.clipkarte__body[data-astro-cid-wjkkv3vo]{display:grid;gap:var(--space-3);padding:var(--space-4)}.clipkarte__titel[data-astro-cid-wjkkv3vo]{font-weight:600;font-size:var(--step-0);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color var(--fast) var(--ease-out)}.clipkarte__titel[data-astro-cid-wjkkv3vo]:hover{color:var(--accent)}.clipkarte__fuss[data-astro-cid-wjkkv3vo]{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.clipkarte__nutzer[data-astro-cid-wjkkv3vo]{display:flex;align-items:center;gap:var(--space-2);min-width:0;font-size:.8rem;color:var(--text-muted);transition:color var(--fast) var(--ease-out)}.clipkarte__nutzer[data-astro-cid-wjkkv3vo]:hover{color:var(--text)}.clipkarte__nutzer[data-astro-cid-wjkkv3vo] img[data-astro-cid-wjkkv3vo]{width:26px;height:26px;border-radius:50%;flex:none;background:var(--bg-raised);border:1px solid var(--line-strong)}.clipkarte__nutzer[data-astro-cid-wjkkv3vo] span[data-astro-cid-wjkkv3vo]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clipkarte__stats[data-astro-cid-wjkkv3vo]{display:flex;align-items:center;gap:var(--space-2)}.clipkarte__like[data-astro-cid-wjkkv3vo]{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border:1px solid var(--line-strong);border-radius:100px;background:var(--bg-raised);color:var(--text-muted);font-size:.78rem;font-variant-numeric:tabular-nums;cursor:pointer;flex:none;transition:border-color var(--fast) var(--ease-out),background var(--fast) var(--ease-out),color var(--fast) var(--ease-out),transform var(--fast) var(--ease-spring)}.clipkarte__like[data-astro-cid-wjkkv3vo]:hover{border-color:var(--accent);color:var(--accent)}.clipkarte__like[data-astro-cid-wjkkv3vo].is-aktiv{border-color:var(--accent);background:var(--accent-wash);color:var(--accent)}.clipkarte__like[data-astro-cid-wjkkv3vo]:active{transform:scale(.92)}.clipkarte__zeit[data-astro-cid-wjkkv3vo]{font-size:.7rem;color:var(--text-faint)}