#eventlist h3 {
font-size: 2rem;
margin: 0;
background-color: #007bff;
color: #fff;
padding: 0.2rem; border-radius: 0.5rem;
display: flex;
align-items: center;
position: relative;
padding: 0.3rem;
padding-right: 2.2rem; }
#eventlist h3 .accordeon_icon {
font-size: 2rem;
height: 2rem;
width: 2rem;
border: 0;
margin-right: 0.2rem;
opacity: 0.5;
}
#eventlist h3 .accordeon_day { ;
font-weight:bold; font-family:sans-serif;
margin-right: 0.2rem; opacity: 0.5;
} #eventlist h3 .header-text {
font-size: 1rem;
display: inline-block; } #eventlist h3::after {
font-family: dashicons; content: "\f347" ; position: absolute;
right: 0.2rem;
top: 50%;
transform: translateY(-50%); transition: transform 0.3s ease;
} #eventlist .ui-accordion-header-active::after {
content: "\f347" ;  transform: translateY(-50%) rotate(180deg);
} #eventlist div {
border: 1px solid #DDDDDD;
border-top: none; background-color: #fff;
}
#eventlist .eventlist_daytime { font-size: 0.9rem;
border-radius: 0.5rem;
padding: 0.4rem;
margin: 0;
opacity: 0.7;
}
#eventlist h2 { font-size: 1.4rem; }
#eventlist .ter_kal_button {
width: 90%;
}
.duplicate_info {
font-size: 0.7rem;
color: #666666;
} #eventlist
{
container-type: inline-size;
container-name: tk-block;
} @container tk-block (max-width: 400px) { #eventlist h3::after { font-size: 1rem; }
#eventlist h2 { font-size: 1rem;}
#eventlist h3 .header-text,
#eventlist .ui-accordion-content,
#eventlist button { font-size: 0.7rem; line-height: 1.4rem; padding:0.4rem;}
#eventlist h3 .accordeon_day,
#eventlist .accordeon_icon { display: none; }
#eventlist h3,
#eventlist div {  padding-right: 1rem;}
}  @container tk-block (min-width: 400px) and (max-width: 768px) { }