.publist ol {
    margin-bottom: 0;
}

.tagbar {
    flex-flow: row wrap;
    align-items: flex-start;
    row-gap: 20px;
}

.tagbar>* {
    display: inline-flex;
    padding: 0.5em;
}

.tagbar>*:first-child {
    display: inline-flex;
    padding-left: 0em;
}

.tagbar label {
    white-space: nowrap;
    cursor: pointer;
}

.tagbar .filter-button {
    vertical-align: text-top;
    cursor: pointer;
    text-decoration: underline;
}

.tagbar {
    margin-top: 1em;
    margin-bottom: 1em;
}

.tagbar>.selected {
    white-space: nowrap;
    cursor: pointer;
    border: 1px solid #666;
    padding-left: 1em;
    padding-right: 1em;
    background-color: #eee;
}

.tagbar>.selected>span>svg {
    vertical-align: text-top;
    height: 1em;
}

.tagbar>.selected>span>svg * {
    stroke: #333;
}

/* hover effekt neu */

.tagbar label:hover {
    /* Any style that acts on label, enabled on hover */
    background-color: #eeeeee;
}

.tagbar div:has(label input:checked) {
    /* Any style that acts on label, enabled when the contained radio button is selected */
    white-space: nowrap;
    cursor: pointer;
    border: 1px solid #666;
    padding-left: 1em;
    padding-right: 1em;
    background-color: #eee;
}