@layer components{.event-card{display:flex;flex-direction:column;inline-size:100%;background:var(--c-paper);border:1px solid var(--c-border);border-radius:var(--radius-lg);overflow:hidden;min-inline-size:0;text-decoration:none;color:var(--c-ink);transition:border-color .2s}.event-card:hover{border-color:var(--c-border-ui,#6b7280)}.event-card:focus-visible{outline:3px solid var(--c-accent);outline-offset:2px}.event-card__top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1.25rem 1.5rem .75rem}.event-card__badges{display:flex;flex-wrap:wrap;gap:.35rem}.event-card__body{flex:1 1;padding:.5rem 1.5rem 1.5rem}.event-card__date{display:flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.7rem;color:var(--c-muted,#4b5563);letter-spacing:.06em;-webkit-margin-after:.6rem;margin-block-end:.6rem}.event-card__date svg{flex-shrink:0}.event-card__title{font-family:var(--font-sans);font-size:1.05rem;font-weight:700;line-height:1.3;-webkit-margin-after:.5rem;margin-block-end:.5rem;color:var(--c-ink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-block-size:calc(3 * 1.3em)}.event-card__level{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;margin:0 0 .35rem;color:var(--c-accent)}.event-card__level[data-level~=einsteiger]{color:#166534}.event-card__level[data-level~=fortgeschrittene]{color:#92400e}.event-card__level[data-level~=experten]{color:#991b1b}.event-card__excerpt{font-size:var(--text-sm);color:var(--c-muted);line-height:1.5;margin:0 0 .5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.event-card__organizer{display:flex;align-items:center;gap:.4rem;font-size:var(--text-xs);color:var(--c-muted,#4b5563);-webkit-margin-before:1rem;margin-block-start:1rem}.event-card__organizer strong{color:var(--c-muted,#4b5563);font-weight:500}.event-card__organizer-logo{width:26px;height:26px;min-width:26px;min-height:26px;border-radius:4px;object-fit:cover;border:1px solid var(--c-border);background:var(--c-paper);flex-shrink:0}.event-card__footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1.5rem;-webkit-border-before:1px solid var(--c-border);border-block-start:1px solid var(--c-border);background:var(--c-surface,#f5f7fe)}.event-card__location{display:flex;align-items:center;gap:.35rem;font-size:var(--text-sm);color:var(--c-muted,#4b5563);min-inline-size:0;overflow:hidden}.event-card__location span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-card__price{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500;flex-shrink:0;display:flex;align-items:baseline;gap:.3rem}.event-card__price--free{color:var(--c-green,#0a6435)}.event-card__price-original{font-size:var(--text-xs);font-weight:400;color:var(--c-muted);text-decoration:line-through}.event-card--sold-out{opacity:.65}.event-card--sold-out .event-card__title{color:var(--c-muted)}.event-card--compact .event-card__top{padding:1rem 1.25rem .5rem}.event-card--compact .event-card__body{padding:.5rem 1.25rem 1.25rem}.event-card--compact .event-card__footer{padding:.75rem 1.25rem}.event-card--compact .event-card__title{font-size:var(--text-base)}@media (max-width:700px){.event-card__top{padding:.9rem 1.1rem .6rem}.event-card__body{padding:.3rem 1.1rem 1.1rem}.event-card__footer{padding:.75rem 1.1rem}}}