.termine-list {
    list-style-type: none;
    padding: 0;
}

.termin {
    margin-bottom: 2rem;
    border-bottom: 2px solid #83b381;
    padding-bottom: 2rem;
}

.termin-datum, .termin-uhrzeit, .termin-beschreibung, .termin-flyer {
    margin-top: 5px;
}

.termin-datum {
	font-weight: 700;
}

.termin h3 {
    margin-top: 10px;
    margin-bottom: 10px;
	font-style: italic;
	color: #4c9249;
	font-weight: 700;
}

.termin-beschreibung {
    margin-bottom: 10px;
}

.termine-jahresfilter {
    margin-bottom: 2rem;
}

.termine-jahresfilter__nav {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    margin-bottom: 2rem;
    border: 2px solid #4c9249;
    border-radius: 0.3rem;
    padding: 0.75rem 1rem;
    width: max-content;
}

.termine-jahresfilter__item {
    appearance: none;
    background: none;
    border: 0;
    padding: 0;
    margin: 0;
    font: inherit;
    color: #000;
    cursor: pointer;
    text-align: left;
}

.termine-jahresfilter__item:not(.is-active) {
    padding-left: calc(0.5em + 0.5rem);
}

.termine-jahresfilter__item.is-active {
    color: #4c9249;
    font-weight: 700;
}

.termine-jahresfilter__item.is-active::before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 0.5rem;
    border-top: 0.35em solid transparent;
    border-bottom: 0.35em solid transparent;
    border-left: 0.5em solid #4c9249;
    vertical-align: middle;
}

.termine-jahresfilter__loading,
.termine-jahresfilter__error {
    margin: 0;
}