tx-musikgeschichte-list {
    width: 100%;
}

form.musikgeschichte-form .musikgeschichte-form-button {
    /* setting color does not work for darkmode */
    background-color: #00519e;
    color: white;
    padding: 5px 20px;
    margin-bottom: 1em;
    border: 1px solid rgb(118,118,118)
}

/** one row in a field */
.musikgeschichte-form-row {
    clear: both;
    overflow: visible;
}

/** container for label and field */
.musikgeschichte-form-combo {
    float: left;
    overflow: visible;
    margin: 0.5em;
}

/** one form unit inside the combo */
.musikgeschichte-form-unit {
    display: inline-block;
}

.musikgeschichte-inline {
    display: inline-block;
}

/** flexbox: */
.musikgeschichte-results-overview {
    display: flex;

    /** can flow into multiple lines - better responsive behaviour */
    flex-wrap: wrap;

    border: 1px solid rgb(0 0 0 / 20%);
    /* |start ..... middle .... end| */
    justify-content: space-between;

    /** align vertical */
    align-items: center;
    flex-direction: row;
    padding-left: 1em;
}

.musikgeschichte-results-overview .musikgeschichte-results-item {
    display: flex;
    /** align verticall */
    align-items: center;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.musikgeschichte-a-z-button {
    margin-left: 1px;
    display: inline-flex;
    justify-content: center;
    background: transparent;
    border: 1px solid #94c11c;
    padding: 8px;
}

.musikgeschichte-letter-agination {
    margin-top: 10px;
}

.musikgeschichte-form fieldset {
    border: 1px solid grey;
    padding: 2px;
    margin-bottom: 1em;
}

/** class for the actual fields, e.g. input, select etc. */
form.musikgeschichte-form div.musikgeschichte-form-unit .musikgeschichte-form-element {
    height: 2em;
    font-size: 1em;
}

form.musikgeschichte-form div.musikgeschichte-form-unit input.musikgeschichte-form-element[type="number"] {
    width: 8em;
}

form.musikgeschichte-form div.musikgeschichte-form-unit span.form-label {
    min-width: 7em;
    display:inline-block
}

#extended-search-outer-canvas {
    background-color: rgb(200 200 200 / 20%);
    padding: 10px;
    margin: 10px 0px;
    clear: both;
}

.musikgeschichte-form fieldset legend {
    font-size: 1em;
    padding-left:10px;
    padding-right: 5px;
    width: auto;
}

input[type="search"] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: searchfield;
}

input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button;
}

#musikgeschichte-message-wait {
    display: none;
    margin: 20px 0px;
    padding: 10px;
    box-shadow: 0 1px 1px 0 rgb(0 0 0 / 20%), 0 2px 4px 0 rgb(0 0 0 / 19%);

}

.musikgeschichte-message-icon {
    font-size: 2em;
    margin-right: 5px;
}

.musikgeschichte-message-icon-exclamation {
    color: darkgrey;
    text-shadow: 1px 1px 1px #ccc;
    font-size: 2em;
    pading: 1em;
}

.musikgeschichte-list-header {
    font-weight: bold;
    font-size: 1.2em;
    padding-bottom: 0.5em;
    padding-top: 1.5em;
    border-bottom: 1px solid rgb(0 0 0 / 20%);
}

.musikgeschichte-list-label {
    font-weight: bold;
    margin-right: 0.5em;
}

.musikgeschichte-detail-header {
    font-size: 1.5em;
    margin-bottom: 1em;
}

.musikgeschichte-pagination {
    margin-top: 1em;
    margin-top: 1em;
}

.musikgeschichte-pagination-button {
    margin-right: 5px;
    width: 30px;
    height: 30px;
    background-color: white;
}

html[color-mode=dark] .musikgeschichte-pagination-button, html[data-colormode=dark] .musikgeschichte-pagination-button {
    background-color: black;
}

.musikgeschichte-pagination-button a img {
    height: 30px;
    width: 30px;
    padding: 5px;
}

html[color-mode=dark] .musikgeschichte-pagination-button a img, html[data-colormode=dark] .musikgeschichte-pagination-button a img {
    filter: invert(100%);
}

.musikgeschichte-pagination-button.inactive  {
    opacity: 0.2;
}
.musikgeschichte-pagination-button.active .musikgeschichte-pagination-link {
    font-weight: bold;
}
.musikgeschichte-pagination-button.inactive .musikgeschichte-pagination-link {
    font-weight: normal;
}

/**
 * 2024-01-16 Es wird jetzt data-colormode genutzt, nicht mehr color-mode, wir berücksichtigen hier beides.
 */
html[color-mode=dark] .popover .popover-body, html[data-colormode=dark] .popover .popover-body {
    color: white;
}

form.musikgeschichte-form .ce-popover {
    padding-left: 0px;
}

form.musikgeschichte-form .ce-popover img {
    width: 18px;
    height: 18px;
    position: relative;
    top: -8px;
    /*left: -2px;*/
}


.musikgeschichte-results {
    width: 100%;
}

.musikgeschichte-results td {
    text-align: left;
    vertical-align: top;
}

.musikgeschichte-debug {
    color: red;
}

.themenregister-mark-firstLetter {
    font-weight: bold;
    background-color: #fabbfa99;
}