/* .frame-type-r2_eventlist{} */

    .frame-type-r2_eventlist .event-list li{ margin-bottom:var(--gap); }

        .frame-type-r2_eventlist .event-list li > a{
            display:flex; gap:var(--gap); text-decoration:none;
            background-color:rgb(var(--rgb_color_value_bg_colored)); padding:var(--gap); color:rgb(var(--rgb_color_value_primary));
        }
        .frame-type-r2_eventlist .event-list li.type_external > a{ background-color:rgb(var(--rgb_color_value_bg_light_colored)); }
        .frame-type-r2_eventlist .event-list li > a:hover{ box-shadow:var(--box-shadow); }

            .frame-type-r2_eventlist .event-list li > a > :nth-child(1){ flex:0 0 8.75em; font-size:var(--font-size-s-1); line-height:calc(var(--font-size-0) * 1.2); }
            .frame-type-r2_eventlist .event-list li > a > :nth-child(2){ flex:1 1 auto; }
            .frame-type-r2_eventlist .event-list li > a > :nth-child(3){ flex:0 0 auto; display:flex; align-items:center; }

                .frame-type-r2_eventlist div.date{ font-weight:bold; }

                .frame-type-r2_eventlist div.title{ font-size:var(--font-size-1);  }

                .frame-type-r2_eventlist div.additional-info{ font-size:var(--font-size-s-2); line-height:calc(var(--font-size-0) * 1.2); color:rgb(var(--rgb_color_value_base)); padding-top:0.3em; }
                    .frame-type-r2_eventlist div.additional-info .label{ margin-right:0.5em; }

                .frame-type-r2_eventlist .event-list .button{
                    padding:0.5em 0.5em; border-radius:1.5em; text-transform:uppercase; min-width:190px; text-align:center;
                    color:rgb(var(--rgb_color_value_link)); background-color:#fff;
                    font-size:var(--font-size-s-1); line-height:var(--line-height-s-1); 
                }
                .frame-type-r2_eventlist .event-list .button.passive{ color:rgb(204,197,184); }
                .frame-type-r2_eventlist .event-list li.type_external .button{ color:rgb(var(--rgb_color_value_primary)); }

@media screen and (max-width:800px){
        .frame-type-r2_eventlist .event-list li > a{ flex-wrap:wrap; }
		    .frame-type-r2_eventlist .event-list li > a > :nth-child(3){ flex-basis:100%; max-width:100%; text-align:right; display:block; margin-top:0.5em; }
}
@media screen and (max-width:800px){
        .frame-type-r2_eventlist .event-list li > a{ display:block; }
            .frame-type-r2_eventlist .event-list li > a > :nth-child(1){ display:flex; gap:0.5em; justify-content:/*space-between*/ flex-start; }
            .frame-type-r2_eventlist div.date{ font-weight:normal; }
}