.tk-hidden {
display: none;
}   .ui-widget .excluding-days-display,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
font-size: 14px;
display: block;
width: 100%;
padding: 0.375rem 0.75rem;
line-height: 1.5;
color: #495057;
background: #fff;
border: 1px solid #ced4da;
border-radius: 0.25rem;
transition:
border-color 0.15s ease-in-out,
box-shadow 0.15s ease-in-out;
}
.ui-widget .excluding-days-display,
.ui-widget input,
.ui-widget textarea {
width: 96%;
}
.ui-widget button,
.ui-button {
display: inline-block;
width: auto;
margin: 0.2rem;
border: none;
} .ui-widget input:focus,
.ui-widget select:focus,
.ui-widget textarea:focus,
.ui-widget button:focus {
border-color: #80bdff;
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.ui-widget input[disabled],
.ui-widget select[disabled],
.ui-widget textarea[disabled],
.ui-widget button[disabled],
fieldset[disabled] .ui-widget input,
fieldset[disabled] .ui-widget select,
fieldset[disabled] .ui-widget textarea,
fieldset[disabled] .ui-widget button {
background: #e9ecef;
opacity: 1;
}
.ui-widget input[type='checkbox'] {
display: inline-block;
width: 1rem;
margin: 0 1.4rem 0 0;
}
.ui-widget .ui_info {
font-size: 0.8rem;
color: #9ecdff;
}  .bootstrap_button_line {
display: flex;
flex-wrap: wrap;
}
.bootstrap_button_line .bootstrap_button,
.bootstrap_button {
width: auto;
font-weight: 600;
background-color: #fff;  white-space: nowrap;
border: 1px solid #898989;
font-size: 0.8rem;
line-height: 1.6;
border-radius: 0.25rem; margin: 0.2rem 0 0.2rem 0.15rem; padding: 0.2rem 0.15rem;
} .bootstrap_button_line .bootstrap_primary,
.bootstrap_primary {
color: #0056b3;
border-color: #0056b3;
}
.bootstrap_button_line .bootstrap_info,
.bootstrap_info {
color: #17a2b8;
border-color: #17a2b8;
}
.bootstrap_button_line .bootstrap_success,
.bootstrap_success {
color: #28a745;
border-color: #28a745;
}
.bootstrap_button_line .bootstrap_warning,
.bootstrap_warning {
color: #ffc107;
border-color: #ffc107;
}
.bootstrap_button_line .bootstrap_dark,
.bootstrap_dark {
color: #343a40;
border-color: #343a40;
}
.ter-kal-button-form .button-danger,
.button-danger {
background-color: #dc3232;
color: #fff;
border-color: #a31919;
}
.ter-kal-button-form .button-danger:hover,
.button-danger:hover {
background-color: #a31919;
color: #fff;
border-color: #dc3232;
} .bootstrap_primary:hover,
.bootstrap_info:hover,
.bootstrap_success:hover,
.bootstrap_warning:hover,
.bootstrap_dark:hover {
color: #fff;
border-color: #898989;
}
.bootstrap_primary:hover {
background-color: #0056b3;
}
.bootstrap_info:hover {
background-color: #17a2b8;
}
.bootstrap_success:hover {
background-color: #28a745;
}
.bootstrap_warning:hover {
background-color: #ffc107;
}
.bootstrap_dark:hover {
background-color: #343a40;
} .event-title {
font-weight: 600;
font-size: 1.6rem;
}
.event-time {
font-weight: 600;
font-size: 1rem;
} .ter_kal_info {
font-size: 0.9rem;
color: #495057;
} .event-details-html {
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.event-subdetail-item {
font-size: 0.7rem;
color: #666666;
}  .wp-block-image {
max-width: 100%;
height: auto;
}.ter-kal-block-list {
container-type: inline-size;
width: 100%;
}  .ter-kal-block-list .eventlist,
.ter-kal-block-list .simple_list,
.ter-kal-block-list .ter-kal-content { width: 100%; } @container (max-width: 500px) {
.ter-kal-content { }
}
@container (min-width: 501px) {
.ter-kal-content { }
} .tk_kategorie_title {
font-size: 2rem;
line-height: 3rem;
font-weight: 800;
border-radius: 0.5rem;
padding: 0.5rem;
}
.tk_kategorie_title_dashicon {
font-size: 3rem;
width: 1.2em; } .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);
}
.ter-kal-block-list .eventlist.ui-accordion .ui-accordion-header {
margin-bottom: 0.1rem;
} .eventlist > div, .eventlist .ui-accordion-content {
border: 1px solid #dddddd;
border-top: none;
background-color: #fff;
} .eventlist_pro > div:not(.ui-accordion-content) {
border: none;
background-color: transparent;
}
.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 hr {
margin: 0.1rem;
}
.eventlist .ui-accordion-content {
padding: 0.5rem;
}
.eventlist .ter_kal_event_details {
display: flex;
flex-direction: column;
gap: 0.5rem;
border: 0;
}
.eventlist .ter_kal_event_details img { border-radius: 0.5rem;
} .eventlist button,
.eventlist .bootstrap_button {
margin-top: 1rem;
font-size: 0.8rem;
color: #7b8793;
background: #fff;
border-color: #7b8793;
width: 100%;
padding: 0.5rem 1rem;
box-sizing: border-box;
white-space: normal;
word-break: break-all;
overflow-wrap: break-word;
}
.eventlist button,
.eventlist .bootstrap_button:hover {
color: #fff;
background: #7b8793;
}
.eventlist button,
.eventlist .bootstrap_button:focus,
.bootstrap_button:visited {
color: #7b8793;
background: #dedede;
}    @container (max-width: 768px) {
.eventlist {
font-size: 0.8rem;
}
.eventlist h4 {
font-size: 0.9rem;
}
.eventlist h2 {
font-size: 1rem;
}
.eventlist button,
.eventlist .bootstrap_button {
font-size: 0.7rem !important;
line-height: 1.4rem;
padding: 0.3rem;
overflow: hidden;
}
}  @container (max-width: 400px) {
.eventlist > h3 .header-text,
.eventlist .ui-accordion-content,
.eventlist button,
.eventlist .bootstrap_button,
.eventlist {
font-size: 0.6rem !important;
}
.eventlist h4 {
font-size: 0.7rem !important;
}
.eventlist h2 {
font-size: 0.8rem !important;
}
.eventlist > h3 .header-text,
.eventlist .ui-accordion-content,
.eventlist button,
.eventlist .bootstrap_button {
line-height: 1.4rem;
padding: 0.2rem;
}
.eventlist > h3 .accordeon_day,
.eventlist .accordeon_icon {
display: none;
}
.eventlist > h3 {
padding-right: 1rem;
}
.eventlist > h3::after {
font-size: 0.9rem;
}
}