/* 
 * Grundlegendes, ergänztes CSS für das gesamte Theme.
 */

@font-face {
    font-family: "Noto Sans";
    src: url('/themes/kplus/css/fonts/NotoSans/NotoSans-VariableFont_wdth,wght.ttf');
    font-style: normal;
    text-rendering: auto;
}
@font-face {
    font-family: "Noto Sans";
    src: url('/themes/kplus/css/fonts/NotoSans/NotoSans-Italic-VariableFont_wdth,wght.ttf');
    font-style: italic;
    text-rendering: auto;
}

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

.rptu-account-user-name {
    font-style: italic;
}

.rptu-cover-replacement {
    color: #666;
}
.rptu-cover-replacement-icon {
    font-size: 200%;
}
.rptu-cover-replacement-hint {
    font-size: 75%;
    font-weight: bold;
}

.rptu-ill-indicator {
    display: inline-block;
    padding: .5em .75em;
    line-height: 1;
    color: #666;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    border: .05em solid #666;
}

.rptu-campus-indicator {
    border: 0.05em #000 solid;
    border-radius: 0.25em;
    padding: 0.25em;
    align-content: center;
}

.rptu-library-indicator {
    margin-left: 0.5em;
}

.rptu-openurl-link-icon {
    padding-right: 1.5em;
}

.rptu-data-label-notation, .rptu-data-label-persistent-identifier {
    font-size: 75%;
    color: #666;
    border: 0.1em solid #666;
    border-radius: 0.3em;
    padding: 0.15em;
}
div.rptu-data-labels {
    margin-bottom: 1.0em;
}

.rptu-link-anker {
    margin-left: 1.0em;
    text-decoration: none;
    font-style: italic;
    color: #666;
}

span#rptu-index-timestamp {
    color: #fff;
    font-size: 0.7em;
    font-style: italic;
}

#searchForm > ul.nav-tabs > li > a.nav-link {
    padding-right: 0.5rem;
}
#searchForm > ul.nav-tabs > li > a.rptu-tooltip-search-tab {
    margin: 0 1.2em 0 0;
    padding: 0 0 0 0;
    border-bottom: none;
    display: inline;
}

/*
 * Exemplarenazeige in der Vollansicht
 */

table > thead > tr.rptu-items-headline > th {
    vertical-align: middle;
    border-top: 0.2em solid #aaa;
}

.rptu-tab-items-library {
    margin-top: 2.0em;
    display: grid;
    grid-template-columns: 3.5em auto;
}
.rptu-tab-items-library > span {
    align-content: center;
}
.rptu-tab-items-location {
    margin-top: 1.0em;
}

.rptu-item-headline-barcode {
    color: #666;
}

.rptu-item-field-callnumber {
    border: 0.05em solid #000;
    padding: 0.1em 0.2em;
    background-color: #fff;
}
.rptu-item-field-barcode {
    font-family: Arial Narrow, sans-serif;
    display: inline-block;
    color: #666;
    font-size: 75%;
    vertical-align: middle;
    line-height: 1.0em;
}

.rptu-cell-item-notes > ul {
    margin: 0;
}
.rptu-cell-item-notes > ul > li {
    margin-left: -2.0em;
}

@media screen and (max-width: 767px) {
    table.rptu-item-info-table thead {
        display: none;
    }
    table.rptu-item-info-table tr {
        margin-bottom: 2em;
        display: grid;
        grid-template-columns: 1fr;
    }
    table.rptu-item-info-table td {
        padding:1em;
        display: grid;
        grid-template-columns: 11em auto;
    }
    table.rptu-item-info-table td::before {
        content:attr(data-label);
        padding:1em;
        font-weight: bold;
        margin:-1em 1em -1em -1em;
    }
}


/* 
 * Kacheln auf der Startseite
 */

.rptu-tiles {
    display: flex;
    flex-wrap: wrap;
}
.rptu-tiles {
    float: left;
}
.rptu-tile {
    flex-grow: 1;
    flex-shrink: 1;
}
.rptu-tile {
    background-color: #eee;
    flex-basis: 30%;
    /* flex-basis: auto; */
    margin: 0.5em 0.25em 0em 0.25em;
    padding: 1.0em;
}
.rptu-tile-1 {
    flex-basis: 74%;
}
.rptu-tile-2 {
    flex-basis: 24%;
}
.rptu-tile-6 {
    flex-basis: 24%;
}
.rptu-tile-7 {
    flex-basis: 24%;
}
.rptu-tile-8 {
    flex-basis: 49%;
}
@media (max-width: 767px) {
    .rptu-tile, .rptu-tile-1, .rptu-tile-2 {
        flex-basis: 95%;
    }
}

a.rptu-tile:hover {
    background-color: #d1d1d1;
}
a.rptu-tile,
a:hover.rptu-tile{
    color: #000;
    text-decoration: none;
}
.rptu-tile-headline {
    font-size: 1.2em;
    font-weight: bold;
}
.rptu-tile-text {
    font-size: 1.0em;
}
.rptu-list-style-1 {
    font-size: 1.0em;
    margin-left: -1em;
    margin-top: -0.3em;
    list-style-type: "... ";
}


/*
 * Hinweise im Header
 */

.rptu-header-hints {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.3em 0.3em;
    margin: 0.3em;
}
.rptu-header-hint {
    flex-grow: 1;
    flex-shrink: 1;
    text-align: center;
    padding: 0.2em;
    border-radius: 0.2em;
    background-color: #ddd;
    border: 0.1em solid #777;
}
.rptu-header-hint,
.rptu-header-hint a,
.rptu-header-hint a:hover {
    color: #555;
}
.rptu-header-hint a {
    text-decoration: underline;
}
.rptu-header-hint-critical,
.rptu-header-hint-critical a,
.rptu-header-hint-critical a:hover {
    color: #a31414;
    background-color: #facdcd;
    border: 0.1em solid #e3a8a8;
}
.rptu-header-hint-warning,
.rptu-header-hint-warning a,
.rptu-header-hint-warning a:hover {
    color: #736200;
    background-color: #f5f1a2;
    border: 0.1em solid #dbd776;
}
.rptu-header-hint-positive,
.rptu-header-hint-positive a,
.rptu-header-hint-positive a:hover {
    color: #2f4524;
    background-color: #c6e3b8;
    border: 0.1em solid #8acc68;
}

h2.rptu-search-cdi-form-headline {
    margin-top: 1.5rem !important;
}

/* 
 * ToDo
 */
.rptu-todo-info {
    color: green;
}
.rptu-todo-warning {
    color: orange;
}
.rptu-todo-critical {
    color: red;
}


/*
 * Header
 */

header .navbar-brand.rptu-logo {
    background-image: url("../images/rptu/logo_white_min.svg");
    background-size: cover;
  }
header .navbar-brand.rptu-ub-kplus-logo {
    background-image: none;
    color: #fff;
    text-decoration: none;
    text-align: center;
}
@media (min-width: 768px) {
    header .navbar-brand.rptu-ub-kplus-logo {
        font-size: 2.0em;
    }
}
@media (max-width: 767px) {
    header .navbar-brand.rptu-ub-kplus-logo {
        margin-top: -0.35em;
    }
}