/* 
 * Grundlegende Änderungen für das gesamte Theme durch Überschreiben des
 * originalen CSS von VuFind.
 */

:root {
    --bs-success: #360;
}

body {
    font-family: Arial, sans-serif;
}

header {
  background-color: #042c58;
}
header .btn-primary {
    background-color: #eee;
}
header .btn-primary:hover {
    background-color: #eee;
    border-color: #eee;
}
header a:hover, header .nav a:hover, header .btn-link:hover, header button.dropdown-toggle:hover {
    color: #fff;
}
header .dropdown-menu .active a, header .dropdown-menu .active a:hover {
    background-color: #777;
}
header .dropdown-menu a {
    text-decoration: none;
}
header .dropdown-menu a:hover {
    background-color: #eee;
    color: #000;
}
header button.dropdown-toggle:hover {
    color: #000;
}
header .nav a:hover {
    color: #fff;
}
header ul.nav > li.language ul > li:not(.active) a:hover {
    color: #000;
}
header .nav > li > a:hover, header button.dropdown-toggle:hover, header .nav > li > a:focus, header button.dropdown-toggle:focus {
  background-color: #ddd;
}
div.record-tabs .nav > li > a {
    color: #000;
}
div.record-tabs .nav > li > a:hover {
    color: #fff;
}
div.record-tabs > ul.nav-tabs > li.record-tab.active > a:hover {
  color: #000;
}

footer {
    background-color: #ddd;
    margin-top: 1.0em;
    max-width: none;
}

.searchHomeContent {
    height: auto;
    padding-top: 2rem;
    background-image: none;
    background-color: #6ab2e7;
}
.searchHomeContent::after {
    content: none;
}
#searchForm .nav-tabs a,
#searchForm .nav-tabs a:hover,
#searchForm .nav-tabs .active a,
#searchForm .btn-link {
    /*color: #000; */
    color: #000;
    text-shadow: none;
}
#searchForm .nav-tabs .active a {
    border-color: #000;
}
#searchForm .nav-tabs a:hover {
    border-color: rgba(0, 0, 0, 0.5);
}
.rptu-searchbox-background {
    background-color: #6ab2e7;
}

.sidebar {
    background-color: #eee;
}
.sidebar a.facet:hover, .sidebar .facet.checkbox:hover {
    background-color: #eee;
}
.sidebar .facet.active, .sidebar .facet.active:hover {
    color: #fff;
    font-weight: bold;
    background-color: #042c58;
    border-bottom: transparent;
}

.pagination > li.page-prev a,
.pagination > li.page-next a {
    color: #042c58;
}

.badge {
    border-radius: 0.35em;
}

.pagination > li > a.page-prev, .pagination > li > span.page-prev, .pagination > li > a.page-next, .pagination > li > span.page-next {
    color: #000;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #000;
    border-color: #000;
}
.pagination > li > a, .pagination > li > span {
    color: #000;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
  color: #000;
  background-color: #eee;
}

.breadcrumb {
    color: #555;
}
.breadcrumbs {
    background-color: #ddd;
    border-color: transparent;
}

.btn-primary {
  color: #fff;
  background-color: #000;
  border-color: #fff;
}
.btn-primary:hover {
  color: #fff;
  background-color: #000;
  border-color: #fff;
}

a, .breadcrumb a {
    color: #000;
}
a.facet {
    text-decoration: none;
}

.form-control:hover, .form-control:focus {
    border-color: #777;
}

.btn-default[disabled]:hover {
    color: #000;
}

.label-info, .result .format, .sidebar .format {
    background-color: #000;
}

.slider-container .slider-handle {
    background: #042c58;
    border: 1px solid #042c58;
}

.table-striped > tbody > tr:nth-of-type(2n+1), .search-history-table > tbody > tr:nth-of-type(2n+1) {
    background-color: #eee;
}

.myresearch-menu a.active, .myresearch-menu a.active:hover {
    background-color: #042c58;
}

.active-filters .filters .filter-value, .search-filter-dropdown .btn, .search-filter-dropdown .btn:focus {
    color: #fff;
    background-color: #042c58;
}
.active-filters .reset-filters-btn:hover {
  color: #fff;
  background-color: #eee;
}
.active-filters .reset-filters-btn {
    background-color: rgba(0, 0, 0, 0.5);
}
.active-filters .reset-filters-btn:hover {
    color: #000;
}
div.filters div.title-value-pair span.filters-title,
div.filters div.title-value-pair span.filters-term {
    color: #000;
}

.result .media-left a.record-cover-link {
    text-decoration: none;
}

.result .record-number {
    color: rgba(0, 0, 0, 0.6);
}
.facet .badge {
    background-color: rgba(0, 0, 0, 0.6);
}
.filters-toggle-bar .filters-toggle {
    color: #000;
}

span.openurl-notes,
span.openurl-coverage,
span.openurl-authentication-notes {
    font-size: 80%;
    font-style: italic;
    display: inline-flex;
    align-items: center;
}

.adv-submit > .clear-btn {
    float: left;
}
.adv-submit > .btn-primary {
    float: right;
}


.alert-info a {
    color: #042c58;
}


div.result-formats > span.format {
    background-color: #042c58;
}
div.result-formats > span.label.label-source {
    background-color: #507289;
}
div.result-formats > span.label.label-ressource-type-printed,
div.rptu-data-labels > span.label.label-ressource-type-printed {
    background-color: #6ab2e7;
    color: #000;
}
div.result-formats > span.label.label-ressource-type-online,
div.rptu-data-labels > span.label.label-ressource-type-online {
    background-color: #26d07c;
    color: #000;
}
div.result-formats > span.label.label-indication,
div.rptu-data-labels > span.label.label-indication {
    background-color: #fff;
    color: #606060;
    border: 0.1em solid #606060;
}
#authcontainer a.btn-link {
    color: #000;
    text-decoration: underline;
}

/* Abstrand des Textes für vorgemerkte Exemplare in der Vollansicht */
tr.holding-row div.holding-details > span.holding-field.availability > span.requested {
    display: block;
    margin-top: 0.7em;
}

@media (min-width: 768px) {
    .footer-container {
        max-width: 720px;
    }
    .searchForm .searchForm-query #searchForm_lookfor {
        min-width: 25.0em;
    }
}
@media (min-width: 992px) {
    .footer-container {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .footer-container {
        max-width: 1140px;
    }
}
@media (min-width: 1440px) {
    .footer-container {
        max-width: 1320px;
    }
}
.footer-container {
    margin: auto;
}