.event-card-list{display:grid;gap:14px;min-width:0}
.aktuellt-upcoming-list.event-card-list{align-content:start}
.member-dashboard .member-event-list.event-card-list{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.member-activity-list{margin-top:14px}
.event-list-card-container{container-type:inline-size;min-width:0}
.event-list-card{display:grid;grid-template-columns:minmax(170px,30%) minmax(0,1fr);min-width:0;overflow:hidden;border:1px solid #dce8f4;border-radius:13px;background:#fff;color:#07145f;transition:border-color .18s,box-shadow .18s,transform .18s}
.event-list-card:hover{border-color:#a9c7eb;color:#07145f;box-shadow:0 10px 26px #173b7012;transform:translateY(-1px)}
.event-list-card:focus-visible{outline:3px solid #78aaff;outline-offset:3px}
.event-list-card-media{position:relative;display:block;min-width:0;min-height:200px;overflow:hidden;background:#eaf1fa}
.event-list-card-media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.event-list-date-summary{position:absolute;inset:12px auto 12px 12px;display:flex;max-width:calc(100% - 24px);flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:6px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.event-list-date-badge{display:flex;flex:0 0 auto;align-items:center;justify-content:center;border:1px solid #dfe9f5;border-radius:9px;background:#fffffff5;color:#08235f;text-align:center;box-shadow:0 5px 16px #071a3c20}
.event-list-date-badge-single{width:78px;min-height:92px;flex-direction:column;padding:9px}
.event-list-date-badge-single>span:first-child{font-size:10px;font-weight:850;line-height:1.1;letter-spacing:.04em}
.event-list-date-badge-single>strong{margin:3px 0;font-family:'Roboto Condensed',sans-serif;font-size:34px;line-height:.9}
.event-list-date-badge-single>span:last-child{font-size:10px;font-weight:850;line-height:1.1;letter-spacing:.04em}
.event-list-date-badge-multiple{min-width:74px;min-height:35px;gap:5px;padding:6px 9px}
.event-list-date-badge-multiple>strong{font-size:14px;line-height:1}
.event-list-date-badge-multiple>span{font-size:11px;font-weight:850;line-height:1;letter-spacing:.02em;white-space:nowrap}
.event-list-card-content{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:9px;padding:18px 20px}
.event-list-card-title{margin:0;color:#07145f;font-family:'Roboto Condensed',sans-serif;font-size:clamp(19px,2vw,24px);line-height:1.12;letter-spacing:-.025em;overflow-wrap:anywhere}
.event-list-card-badges{display:flex;flex-wrap:wrap;gap:7px}
.event-list-badge{display:inline-flex;align-items:center;min-height:25px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:800;line-height:1.1;white-space:nowrap}
.event-list-badge-club{background:#d9ebff;color:#075ccf}
.event-list-badge-competition{background:#fff0c7;color:#805600}
.event-list-badge-open-house{background:#dcf2e9;color:#176b45}
.event-list-badge-audience-everyone{background:#dff3eb;color:#176b45}
.event-list-badge-audience-members,.event-list-badge-internal{background:#e8e9f5;color:#293c78}
.event-list-card-description{display:-webkit-box;max-width:70ch;overflow:hidden;color:#496187;font-size:14px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.event-list-occurrences{display:grid;width:100%;grid-template-columns:repeat(auto-fit,minmax(min(100%,185px),1fr));gap:9px;margin-top:2px}
.event-list-occurrence{display:grid;min-width:0;min-height:68px;align-content:center;gap:6px;padding:10px 13px;border:1px solid #dfebf8;border-radius:10px;background:#f1f7ff}
.event-list-occurrence-date{color:#102c68;font-size:13px;font-weight:800;line-height:1.3;overflow-wrap:anywhere}
.event-list-occurrence-time{display:flex;min-width:0;align-items:center;gap:8px;color:#466394;font-size:14px;line-height:1.25}
.event-list-occurrence-time>.icon{width:17px;height:17px;flex:0 0 17px;color:#0871ef}
.event-list-occurrence-time>span{white-space:nowrap}
.member-activity-list-section>.event-card-list>.empty{grid-column:1/-1}

@container (max-width:560px){
 .event-list-card{grid-template-columns:minmax(92px,28%) minmax(0,1fr)}
 .event-list-card-media{min-height:190px}
 .event-list-date-summary{inset:9px auto 9px 9px;max-width:calc(100% - 18px);gap:5px}
 .event-list-date-badge-single{width:64px;min-height:78px;padding:7px}
 .event-list-date-badge-single>strong{font-size:29px}
 .event-list-date-badge-multiple{min-width:61px;min-height:31px;gap:4px;padding:5px 7px}
 .event-list-date-badge-multiple>strong{font-size:12px}
 .event-list-date-badge-multiple>span{font-size:9px}
 .event-list-card-content{gap:7px;padding:13px 14px}
 .event-list-card-title{font-size:19px}
 .event-list-card-badges{gap:5px}
 .event-list-badge{min-height:22px;padding:4px 8px;font-size:10px}
 .event-list-card-description{font-size:12px;line-height:1.4;-webkit-line-clamp:3}
 .event-list-occurrences{grid-template-columns:1fr;gap:6px;margin-top:1px}
 .event-list-occurrence{min-height:57px;gap:4px;padding:8px 10px}
 .event-list-occurrence-date{font-size:11px}
 .event-list-occurrence-time{gap:6px;font-size:12px}
 .event-list-occurrence-time>.icon{width:15px;height:15px;flex-basis:15px}
}
@container (max-width:340px){
 .event-list-card{grid-template-columns:minmax(76px,25%) minmax(0,1fr)}
 .event-list-card-content{gap:6px;padding:10px}
 .event-list-card-title{font-size:17px}
 .event-list-badge{padding:3px 7px;font-size:9px}
 .event-list-date-badge-single{width:57px;min-height:70px}
 .event-list-date-badge-single>strong{font-size:26px}
 .event-list-date-badge-multiple{min-width:54px;padding-inline:5px}
 .event-list-date-badge-multiple>span{font-size:8px}
}

@media(max-width:800px){
 .member-posts-page .member-activity-list-section{margin-top:25px}
 .member-dashboard .member-event-list.event-card-list{gap:9px}
}