/*InfoGuide*/

* {
    margin: 0;
    padding: 0;
}

*::before,
*::after {
    box-sizing: border-box;
}

body {
    background: #f4f4f4;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

@media (max-width: 767px) {
    body {
        font-size: 1rem;
    }
}

@media (min-width: 768px) {
    body {
        font-size: 0.875rem;
    }
}

h2 {
    font-weight: 600;
}

h3 {
    font-size: 1em;
    font-weight: 600;
}


/* Links */

a:link,
a:visited {
    color: #0356B5;
    text-decoration: underline;
}

a:hover {
	text-decoration: underline;
}

a:active {
    color: #034ea2;
}


ul li a {
	text-decoration: none;
}


/*a.external::after,*/

a[href^="http://"]::after,
a[href^="https://"]::after {
    height: 1rem;
    width: 1rem;
    content: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1wcmVmaXg9ImZhciIgZGF0YS1pY29uPSJleHRlcm5hbC1saW5rIiByb2xlPSJpbWciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDU3NiA1MTIiIGNsYXNzPSJzdmctaW5saW5lLS1mYSBmYS1leHRlcm5hbC1saW5rIGZhLXctMTggZmEtM3giPjxwYXRoIGZpbGw9IiMwMDhkY2YiIGQ9Ik01NzYgMTQuNGwtLjE3NCAxNjMuMmMwIDcuOTUzLTYuNDQ3IDE0LjQtMTQuNCAxNC40SDUyOC4xMmMtOC4wNjcgMC0xNC41Ni02LjYyNi0xNC4zOTctMTQuNjkxbDIuNzE3LTczLjYyNy0yLjA2Mi0yLjA2Mi0yNzguODYzIDI3OC44NjVjLTQuNjg2IDQuNjg2LTEyLjI4NCA0LjY4Ni0xNi45NzEgMGwtMjMuMDI5LTIzLjAyOWMtNC42ODYtNC42ODYtNC42ODYtMTIuMjg0IDAtMTYuOTcxTDQ3NC4zNzkgNjEuNjIxbC0yLjA2Mi0yLjA2Mi03My42MjYgMi43MTdDMzkwLjYyNiA2Mi40NCAzODQgNTUuOTQ2IDM4NCA0Ny44NzlWMTQuNTc0YzAtNy45NTMgNi40NDctMTQuNCAxNC40LTE0LjRMNTYxLjYgMGM3Ljk1MyAwIDE0LjQgNi40NDcgMTQuNCAxNC40ek00MjcuNTE1IDIzMy43NGwtMjQgMjRhMTIuMDAyIDEyLjAwMiAwIDAgMC0zLjUxNSA4LjQ4NVY0NThhNiA2IDAgMCAxLTYgNkg1NGE2IDYgMCAwIDEtNi02VjExOGE2IDYgMCAwIDEgNi02aDMwMS45NzZjMTAuNjkxIDAgMTYuMDQ1LTEyLjkyNiA4LjQ4NS0yMC40ODVsLTI0LTI0QTEyLjAwMiAxMi4wMDIgMCAwIDAgMzMxLjk3NiA2NEg0OEMyMS40OSA2NCAwIDg1LjQ5IDAgMTEydjM1MmMwIDI2LjUxIDIxLjQ5IDQ4IDQ4IDQ4aDM1MmMyNi41MSAwIDQ4LTIxLjQ5IDQ4LTQ4VjI0Mi4yMjVjMC0xMC42OTEtMTIuOTI2LTE2LjA0NS0yMC40ODUtOC40ODV6IiBjbGFzcz0iIj48L3BhdGg+PC9zdmc+);
    display: inline-block;
    margin-left: 8px;
}

a:link.dropdown-item {
	text-decoration: none;
}
.box.error a,
.box.timeout a {
    text-decoration: none;
}

.box.error a[href^="http://"]::after,
.box.error a[href^="https://"]::after,
.box.timeout a[href^="http://"]::after,
.box.timeout a[href^="https://"]::after {
    display: none;
}

a.btn:hover {
    background-color: #007dba;
    border: none;
}

.sr-only {
    border: 0;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

a.skiplink {
  position: absolute;
  left: -1000px;
  top: -1000px;
  overflow: hidden;
  display: inline;
}

a.skiplink:focus,
a.skiplink:active {
    position: fixed;
    font-size: medium;
    left: 10px;
    top: 10px;
    padding: 0.5em;
    background-color: #fff;
    z-index: 60;
}

ul {
    list-style-type: none;
}

img {
    border: 0;
}

fieldset {
    border: 0;
}

legend {
    font-size: 1.2em;
    font-weight: 600;
    margin: 1rem 0.5rem 0.5rem;
}

.hide-content {
    left: -1000px;
    top: -1000px;
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
}

.alert {
    clear: both;
    display: block;
    font-size: 1em;
    min-height: 24px;
    height: auto !important;
    padding: 0.25rem 0.75rem 0.25rem 2rem;
    border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
}

.alert-icon {
    position: absolute;
    top: 0.3rem;
    left: 0.5rem;

}

.alert-icon .ig-ico {
    font-size: 1.2rem;
}

.alert-content p.first {
    padding: 0.4rem 0 !important;
}

.alert-info,
.alert-success,
.alert-warning,
.alert-danger {
    color: #000;
}


@media (max-width: 600px) {
    .alert-content p+ul {
        margin-left: -1rem;
    }
}

.alert ul li {
    margin: 0 0 0.2rem 0;
}

input[type="radio"] {
    width: auto;
    border: 0;
}

/* SRP-32707: fix IOS problems displaying date fields */
input[type="date"] {
    display:block;
    -webkit-appearance: none;
    -moz-appearance: none;
    min-height: 2.375rem;
}

label {
    color: #444;
    display: inline-block;
    margin-bottom: 0.3rem;
}

label.none {
    display: none;
}


/* formular  - siehe input, select - Styles  Seiten search1.php */

div.right,
div.formular,
table.formular {
    width: 100%;
}

table.formular th {
    text-align: left;
    padding: 0.5em;
    color: #404040;
}

table.formular td {
    vertical-align: top;
    padding: 4px;
    line-height: 140%;
    margin: 0;
}

table.formular input.number-input {
    width: 3em;
    margin: 0 0.3em;
}

table.formular .alert {
    font-size: 1rem;
    max-width: 600px;
}

table.formular .alert li {
    margin-left: 10px;
}

table.info th {
    text-align: left;
    padding: 0.5em;
    color: #404040;
}

table.info td {
    vertical-align: top;
    padding: 4px;
    line-height: 100%;
    margin: 0;
}

.tableheader {
    font-weight: 600;
}

.legend-mandatory-field {
    font-size: 0.75rem;
}

.legend-mandatory-field em {
    color: #CC0000;
    font-size: 1rem;
    font-weight: 600;
}

.required-label::after {
    bottom: 0;
    color: #CC0000;
    content: "*";
    font-weight: 700;
    padding-left: 4px;
}

input.radio,
input.check {
    border: 0;
    width: auto;
    text-indent: 0;
}

input.radio {
    vertical-align: middle;
}

/*Druckseite, Subito Teaser */


table.data {
    border-collapse: collapse;
}


table.data td,
table.data th {
    vertical-align: top;
}

table.data th {
    padding: 0.5em;
    color: #404040;
}

table.data th.left {
    text-align: left;
}

table.data td {
    line-height: 1.5;
    padding: 0.5em 0.5em 1em 0.5em;
}

table.data .t1 {
    font-size: 1rem;
    font-weight: bold;
}

table.data td .c2 {
    display: inline-block;
    width: 180px;
}

.titleinfo table.data td {
    border-bottom: 0;
    line-height: 1.8;
}


@media (max-width: 600px) {
    .titleinfo .c2 {
        display: block;
    }

    .titleinfo div {
        display: block;
        margin-bottom: 5px;
    }
}

@media (min-width: 601px) {
    .titleinfo .c2 {
        float: left;
        margin-bottom: 5px;
        width: 180px;
    }

    .titleinfo div {
        margin-bottom: 5px;
        overflow: hidden;
    }
}

/*Detailanzeige*/

.results-teaser li {
    margin-bottom: 8px;
}

.box table.data h1 {
    font-size: 1.2rem;
}

/*Suchhistorie*/

.search-history .d-table-cell {
    border-bottom: 1px solid #ddd;
}

.search-history-selectlist {
    display: block;
    overflow: hidden;
}

th.dotted {
    border-top: 1px dashed #007dba !important;
}

td.dotted {
    border-top: 1px dashed #00AFD7 !important;
}

#bg1 {
    background-color: #f4f4f4;
}

#bg2 th {
    border-bottom: 1px solid #BBBCBC;
}


/*.bg3 th {background-color:#dae5f0;}*/

.c1,
.c2 {
    color: #666;
}

.textbox {
    padding: 0.5rem;
}

.text {
    padding: 0.5rem;
}

.textblau {
    color: #007dba;
}

.textdunkelblau {
    color: #236192;
}

.textrot {
    color: #cc0000;
}

.textgruen {
    color: #007749;
}

.readonly {
    background-color: #efefef;
}

.message {
    color: #007749;
}

.error,
.errortext,
.error label {
    color: #cc0000;
}

.confirmtext {
    color: #007749;
}

.box.error,
.box.timeout,
.box.template {
    background: #fff;
    border: 1px solid #ccc;
    margin: 2em auto;
    min-height: 150px;
    text-align: left;
    max-width: 400px;
    width: 90%;
}

.box.template {
    max-width: 550px;
}

.right {
    text-align: right;
}


/* Suchfeld - globale Suche */

#searchfield {
    margin: 1rem 1rem 1.5rem;
}

#searchfield .input-group {
    border-collapse: separate;
    display: table;
    position: relative;
    width: 18em;
}

#searchfield .input-group input {
    border-radius: 3px 0 0 3px;
    display: table-cell;
    display: block;
    width: 100%;
}

#searchfield .input-group-addon {
    background-color: #f4f4f4;
    border: 1px solid #888b8d;
    border-radius: 0 3px 3px 0;
    display: table-cell;
    font-weight: normal;
    line-height: 1;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
}

#searchfield a.input-group-addon:hover {
    background: #e7eaee;
}

#searchfield .input-group-addon:last-child {
    border-left: 0 none;
}

.smalltext {
    font-size: 95%;
    color: #666;
}

input.dbutton,
input.dbuttonb,
button.dbutton,
button.dbuttonb {
    background-color: #fff;
    border: 1px solid #007dba;
    border-radius: 3px;
    color: #007dba;
    cursor: pointer;
    display: inline-block;
    font-size: 1em;
    height: auto;
    line-height: 1.5;
    padding: 3px 6px;
    width: auto;
}

input.dbuttonb,
button.dbuttonb {
    font-weight: 700;
}

input.dbutton:hover,
input.dbutton:focus,
input.dbuttonb:hover,
input.dbuttonb:focus,
button.dbutton:hover,
button.dbutton:focus,
button.dbuttonb:hover,
button.dbuttonb:focus {
    background-color: #007DBA;
    border-color: #007DBA;
    color: #fff;
}

input.dbutton:active,
input.dbuttonb:active,
button.dbutton:active,
button.dbuttonb:active {
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
    outline: 0 none;
}

input.dbselectionbutton {
    height: 13px;
    width: 13px;
    border: 0px;
    text-indent: 0;
}


/*Link, wie input.dbutton*/

a.dbutton:link,
a.dbutton:visited,
a.dbuttonb:link,
a.dbuttonb:visited {
    background-color: #fff;
    border: 1px solid #007dba;
    /*#a2adbe;*/
    border-radius: 3px;
    color: #007dba;
    display: inline-block;
    height: auto;
    line-height: 1.5em;
    padding: 3px 6px;
    text-align: center;
    text-decoration: none;
    width: auto;
}

a.dbutton:hover,
a.dbutton:focus, 
a.dbuttonb:hover,
a.dbuttonb:focus {
  background: #007dba;
  color: #fff;
}

a.dbuttonb:link,
a.dbuttonb:visited {
    font-weight: 600;
}

/* cleaner - unterschiedl., ob in br oder div */

.cleaner {
    clear: both;
    height: 0px;
    font-size: 0px;
    border: 0;
    margin: -1px;
    background: transparent;
}

.floatcon:after {
    clear: both;
    content: ".";
    display: block;
    height: 0px;
    overflow: hidden;
    visibility: hidden;
}

hr {
    border: none;
    height: 1px;
    color: #dee3fe;
    background: #dee3fe;
}

br .space {
    height: 5em;
}

#pageContainer {
    background: #fff;
    box-shadow: 0.2em 0.2em 0.2em #aaa;
    height: 100%;
    margin: 0 auto;
    max-width: 90em;
}

/*verhindert float-Probleme IE/Win*/
* html #pageContainer {
    /* \*/
    word-wrap: break-word;
}

/*Cookies Banner - wird bei Sessionstart angezeigt*/
.cookies-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #236192;
    color: #fff;
    z-index: 1000;
    text-align: center;
    padding: 12px;
}

.cookies-banner input.dbuttonb:hover,
.cookies-banner input.dbuttonb:focus {
    outline: 3px solid #FFF;
}

@media (min-width: 1040px) {
    .cookies-banner+#pageContainer {
        height: calc(100% - 54px);
        margin-bottom: 54px;
    }

    .cookies-banner {
        height: auto;
    }

    .btn {
        line-height: 1.2em;
    }
}

@media (max-width: 1030px) {
    .cookies-banner+#pageContainer {
        height: calc(100% - 110px);
        margin-bottom: 110px;
    }

    .cookies-banner {
        height: auto;
        text-align: left;
    }
}

@media (max-width: 600px) {
    .cookies-banner+#pageContainer {
        height: calc(100% - 160px);
        margin-bottom: 160px;
    }

    .cookies-banner {
        height: auto;
        text-align: left;
    }
}

.cookies-banner a {
    color: #fff;
    font-weight: bold;
    text-decoration: underline;
}

#branding {
    position: relative;
    width: 100%;
}

#logo a:link,
#logo a:focus,
#logo a:hover,
#hamburger_logo a:focus,
#hamburger_logo a:hover {
    text-decoration: none;
}

#logo a span,
#logo a:focus span,
#logo a:hover span,
#hamburger_logo a span,
#hamburger_logo a:focus span,
#hamburger_logo a:hover span {
    color: #404040;
    font-family: Roboto, Helvetica, Arial, SANS-SERIF;
    font-size: 26px;
    font-weight: 500;
}

#branding .info {
    float: right;
    margin: 0.75em;
}

#branding #timer {
    color: #cc0000;
    font-size: 0.875rem;
}

/*Hamburger Button styling*/

#branding .navbar-light .navbar-toggler {
    border-color: transparent;
}

/*Hamburger Menu*/

#hamburger .modal-header {
    border-bottom: 3px solid #607894;
    padding: 0.75em;
}

#hamburger .modal-header a {
    text-decoration: none; 
    color: inherit;
}

#hamburger .btn-group-vertical {
    padding-left: 0.75em;
    padding-right: 0.75em;
}

#hamburger .btn-group-vertical .hamburger-items a.btn:first-child {
    padding-top: 0.5em;
}

#hamburger .btn-group-vertical a.btn {
    background: transparent;
    border-bottom: 1px solid #f0f0f0;
    font-weight: 600;
    padding: 0.375rem 2px;
    text-align: left;
    text-decoration: none;
    width: 100%;
}

#hamburger .btn-group-vertical a.btn:hover,
#hamburger .btn-group-vertical a.btn:focus,
#hamburger .btn-group-vertical a.btn:active {
    background: #fff;
    border: 1px solid #fff;
    border-bottom: 1px solid #f0f0f0;
    color: #0356b5;
    text-decoration: underline;
    box-shadow: none;
}

#hamburger .btn-group-vertical .btn-group a.btn:hover, 
#hamburger .btn-group-vertical .btn-group a.btn:focus, 
#hamburger .btn-group-vertical .btn-group a.btn:active {
  border-top: 2px solid #007dba;
}

#hamburger .btn-group a.btn {
    border-top: 2px solid #007dba;
    margin: 0 -0.75em;
    padding: 0.5em 0.75em;
    text-align: center;
}

#login a {
    float: right;
    color: #fff;
    background-color: #007dba;
    font-weight: 600;
    padding: 0.5rem 1.5rem 0.5rem;
    text-decoration: none;
}

#login a:hover,
#login a:focus,
#login a:active {
    background: #146da3;
    text-decoration: underline;
}

.pw-switch input {
	padding-right: 30px;
}

.pw-switch span {
	top: 1px;
	right: 0;
}

/*Onleihe - ncip*/

#login #onleihe {
    color: #5E636E;
    padding: 0.4em 0.2em;
    position: absolute;
    top: -34px;
    right: 1rem;
}

@media (max-width: 767px) {

    #logo a span,
    #logo a:focus span,
    #logo a:hover span,
    #hamburger_logo a span,
    #hamburger_logo a:focus span,
    #hamburger_logo a:hover span {
        font-size: 22px;
    }
}

/*mobile View + iPad Portrait: Header blauer Hintergrund aktiv */

/* START Header - blauer Hintergrund - Abschnitt auskommentieren, um weißen Hintergrund zu aktivieren */

@media (max-width: 991px) {
    #branding {
        background: #007DBA;
        border-bottom: 1px solid #007DBA;
    }

    #accountName a,
    #accountName a:hover,
    #accountName a:focus,
    #logo a span,
    #logo a:focus span,
    #logo a:hover span {
        color: #fff;
    }

    #branding #timer {
        color: #fff;
    }

    .navbar-light .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    }
}

/* END Header - blauer Hintergrund */


@media (min-width: 992px) {
    #branding {
        height: 100px;
    }
}

/* mainNav*/

#mainnav {
    position: relative;
}

#mainnav ul li {
    margin-right: 1px;
}

/*zurück zur Merkliste*/

#mainnav .ig-ico {
    color: #222;
}

#bgmainnav {
    left: 0;
    width: 99.9%;
    height: 2.5em;
}

#bgmainnav>div {
    position: relative;
    right: 0;
}

/*Top Navigation*/

#nav2 li a:not(.dropdown-item) {
    display: block;
    color: #007dba;
    margin: 0.75em 0.5em 0.75em 0.75em;
    padding: 0.1em 0.1em 0.25em;
    text-decoration: none;
    white-space: nowrap;
}

#nav2 li a:hover {
	text-decoration: underline;
}

#nav2 .dropdown-menu {
    left: unset;
    right: -0.75rem;
}
#nav2 a.dropdown-item {
    font-size: 0.875rem;
    padding: 0.25rem 0.75rem;
    text-align: right;
}

#nav2 a.dropdown-item:hover {
    text-decoration: underline;
}

#nav2 a.dropdown-item:active {
    color: #16181b;
    text-decoration: underline;
    background-color: #e9ecef;
}

#nav2 li#current {
    color: #007dba;
    margin: 0.75em 0.5em 0.75em 0.75em;
    padding: 0.1em 0.1em 0.25em;
}

#direkthilfe {
    display: none;
    position: absolute;
    right: 0.5em;
    top: 11em;
    width: 300px;
    padding: 5px;
    background-color: #ffffcc;
    border: 1px solid #ccc;
    z-index: 100;
}

/*weitere Optionen - Aktionsbuttons*/

#outputActions {
    float: left;
    padding: 0 0.75rem 1rem 0.75rem;
}

#outputActions a {
    margin-right: 6px;
    text-decoration: none;
    white-space: nowrap;
}
#outputActions a:hover {
	text-decoration: underline;
}

#outputActions .ig-ico {
    color: #222;
    margin: 0 8px 3px 10px;
    width: auto;
}

#outputActions i:hover {
    text-decoration: none;
}

#outputActions button.dropdown-toggle:focus {
    box-shadow: none;
}

#outputActions .dropdown-menu {
    font-size: 0.825rem;
}

#outputActions .dropdown-menu a {
    display: inline-block;
    margin: 0.3rem 0.5rem;
}

/*info1: z.B. Suchanfrage, Meinten Sie... und Abstandhalter*/

@media (min-width: 768px) {

    #info1, .info1 {
        min-height: 3rem;
    }

    #outputActions {
        padding-top: 1rem;
    }
}


#tab {
    margin: 0;
    position: relative;
    top: 1px;
}

#tab ul {
    list-style: none;
}

#tab #submenu {
    margin-bottom: 0;
}

#tab #topmenu,
#tab ul.singlehit-tabs {
    border-bottom: 1px solid #BBBCBC;
}

#tab #submenu a:hover {
    border-bottom: 1px solid #007dba;
}

#current2 {
    color: #007dba;
    /*font-size: 0.75em;*/
    margin: 0.75em 0.5em 0.75em 0.75em;
    padding: 0.1em 0.1em 0.25em;
    border-bottom: 1px solid #236192;
}

#tab div .navelem,
#tab div #current1,
#tab div #current2{
    float: left;
    background: none;
}

#current1 {
    font-weight: 600;
    color: #000;
    padding: 0.5em 1em;
}

#tab #topmenu a {
    display: block;
    padding: 0.5em 1em;
    font-weight: 600;
    color: #007dba;
    text-decoration: none;
}

#tab div #item_info {
    float: right;
}

#tab div a:hover {
    color: #236192;
}

#tab #submenu li {
    border: 0;
}

/*border-bottom bei aktivem Reiter #fff --> Verbindung zur Box*/

#tab #current1 {
    background: #fff;
    margin-bottom: -1px;
    border: 1px solid #BBBCBC;
    border-bottom: 3px solid #fff;
}

#active1 {
    font-weight: 600;
    color: #000;
    border-bottom: 3px solid #fff;
}

#tab #submenu {
    float: left;
    list-style: none;
    position: absolute;
    width: 100%;
    height: 3em;
}

/*width:100% ist wichtig, damit die verschachtelte Liste funktioniert */

/*background:none ist wichtig, da sonst Reiter erscheinen*/

#tab #submenu .submenulink {
    background: none;
    color: #007dba;
    margin: 0.75em 0.5em 0.75em 0.75em;
    padding: 0.1em 0.1em 0.25em;
    border: 0;
    background-image: none;
    font-weight: normal;
    text-decoration: none;
    float: left;
}

h2 .navelem {
    text-decoration: none;
}

/* Reiter bei Search1.php, Detailanzeige, ...*/

@media (min-width: 768px) {
    #tab-content {
        padding: 0.5em;
    }
}


/*Rahmen der Box, Achtung auf margin und padding!*/

* html #tab-content {
    height: 1px
}

#tab-content p {
    padding: 0.75em;
}

#tab-content .box h1 {
    border-bottom: 0;
    margin-top: 0.5em;
}


/*Reiter Account*/

.accountnavi #bgtab {
    height: 2.5rem;
    margin-top: -1px;
    width: auto;
}

/*Accordions Singlehit and Account mobile*/

#tab h2,
.accordion-account h2,
.accountnavi h2 {
    background: #f0f0f0;
    border-radius: 4px;
    font-size: 1rem;
    padding: .375rem 0;
    font-weight: normal;
}

#tab h2>span.text-left,
.accordion-account h2>span.text-left {
    display: block;
    line-height: 1.5;
    padding: 0 0.75rem;
}

#tab h2 button,
.accordion-account h2 button,
.accountnavi h2 button,
.accountnavi h2 a.btn {
    padding: 0 0.75rem;
}

.accountnavi h2 a.btn,
.accountnavi h2 a.btn:hover,
.accountnavi h2 a.btn:visited {
    color: #222;
    border: inherit;
    background: inherit;
}

#tab h2 .btn:focus,
.accordion-account .btn:focus,
.accountnavi .btn:focus {
    box-shadow: none;
}

.accordion-account h3 button {
    padding: .175rem 0.75rem;
}


#searchMenu h2 {
    font-size: 1.05rem;
    font-weight: 500;
    margin-top: 1rem;
}

@media (max-width: 767px) {
    ul.dbtree ul {
        margin-left: 0.3rem;
    }

    ul.dbtree li {
        margin-top: 0.5rem;
    }
}

@media (min-width: 768px) {
    ul.dbtree ul {
        margin-left: 1.25rem;
    }

    #databaseSelectionName {
        width: 17em;
    }
}

ul.dbtree li:not(:first-child) {
    padding-top: 0.25rem;
}

ul.dbtree li strong {
    color: #666;
    display: block;
    font-weight: 600;
    margin: 1rem 0 0.5rem 0;
}

ul.dbtree li strong+ul {
    margin-left: 0.5rem;
    margin-top: 0;
}

ul.dbtree ul {
    margin-top: 0.5rem;
}

ul.dbtree .dbinfo:hover {
    text-decoration: none;
}

ul.dbtree .ig-ico-caret-down,
ul.dbtree .ig-ico-caret-right {
    color: #222;
}


/*Systematische Suche*/

#SystematikForm input#f2 {
    display: inline-block;
    max-width: 20em;
}

ul.syst ul {
    clear: left;
    margin-left: 16px;
}

ul.syst li {
    clear: left;
    margin-top: 0.5rem;
    margin-left: -1px;
    min-height: 24px;
}

ul.syst li .active {
    background-color: #f4f4f4;
}

ul.syst li span .c2 {
    color: #c00;
}

ul.syst li .syst-spacer {
    border: 1px solid transparent;
    float: left;
    width: 22px;
}

ul.syst a.arrow {
    float: left;
    padding: 3px 3px 0;
}

/*arrow toggle*/
ul.syst a i {
    vertical-align: top;
}

ul.syst i {
    color: #000;
    text-align: center;
}

ul.syst .textsyst {
    overflow: hidden;
}

ul.syst .textsystselected {
    float: left;
    background: #f4f4f4;
}

ul.syst .textsyst a {
    font-weight: 600;
}

hr.syst {
    margin: 0 0 0.5em 0;
    border: 1px solid #007dba;
}

p.syst {
    margin-bottom: 0.25rem;
}

.syst-action input[type="checkbox"] {
    cursor: pointer;
    float: left;
    margin: 5px 8px 0 0;
}

.syst-action label {
    color: #000;
    display: block;
    overflow: hidden;
}


/* Box eckig - Contentbereich - z.B.: detailanzeige_oben */

.box {
    vertical-align: top;
}

.box-header {
    background-color: #fff;
    border-bottom: 1px solid #D9D9D6;
}

.box-right {
    float: right;
}

.box-right a {
    font-weight: normal;
}

.box h1,
.box h2,
.box h3 {
    padding: 0.5em;
}

.box h2,
.box h1 {
    font-size: 1.2em;
    font-weight: 600;
    color: #1D252D;
    margin-bottom: 0.75em;
}

.box>h2,
.box>h1 {
    border-bottom: 1px solid #D9D9D6;
}

.box+.box-header {
    border-bottom: 0;
    padding-top: 2px;
}


/*pagination unterhalb von Trefferliste*/

.box-container {
    padding: 0.5em;
}

.box p {
    line-height: 1.4;
}

#tab-content .box h2 {
    border-bottom: 0;
}


/*Erweiterte Suche*/

#AdvancedSearchForm h1 {
    border-bottom: 1px solid transparent;
}

/*Trefferliste*/

.db {
    float: left;
    background-color: #00AFD7;
}

.browse {
    float: right;
    text-align: right;
    padding: 0.5em;
}

.browse a {
    font-weight: normal;
    text-decoration: underline;
}


/*Pagination*/

.pagination>li,
.pagination>a {
    border: 1px solid #888b8d;
}

.pagination a {
    background: #fff;
    color: #0356B5;
    display: inline-block;
    font-weight: 600;
    padding: 0.3rem 0.6rem;
}

.pagination a,
.pagination span {
    min-width: 2rem;
    text-align: center;
    text-decoration: none;
}

.pagination a:hover {
    background: #e9ecef;
}

.pagination li:first-child,
.pagination span:first-child {
    border-radius: 0.25em 0 0 0.25em;
}

.pagination li:last-child,
.pagination span:last-child,
.pagination>a:last-child {
    border-radius: 0 0.25em 0.25em 0;
}

/*disabled item*/
.pagination .selectedlink {
    background: #f4f4f4;
    border: 1px solid #888b8d;
    color: #666;
    cursor: not-allowed;
    display: inline-block;
    min-width: 2rem;
    padding: 0.3rem 0.6rem;
}

.pagination .selectedlink:not(:last-child) {
    border-right: none;
}

/*active item */
.pagination .selecteditem {
    background: #007dba;
    color: #fff;
    cursor: text;
    font-weight: 600;
    padding: 0.3rem 0.6rem;
    text-align: center;
}

.pagination .ig-ico {
	font-size: 12px;
    height: 12px;
    margin-top:1px;
    padding: 0;
    padding-bottom: 1rem;
    text-align: center;
    vertical-align: middle;
    width: 12px;
}

.pagination .page-link {
    border: 0;
    line-height: inherit;
}
.pagination .page-link:focus {
    border-color: #034ea2;
    box-shadow: rgba(3, 78, 162, 1) 0px 0px 0px 2px;
}

/*Box eckig - li Box Trefferliste Fast*/

.box1 {
    width: 100%;
    padding-bottom: 0.5rem;
    background: #fff;
}

.box1 h2 {
    font-size: 1.2em;
    color: #fff;
    padding: 0.5rem;
    background: #888b8d;
}

.box1 h3 {
    font-size: 1rem;
    color: #666;
    padding: 0.75rem 0.75rem 0rem 0.75rem;
}

.box1 li {
    line-height: 140%;
    margin-left: 0.75rem;
}

.box1 p {
    line-height: 140%;
    padding: 0 0.75rem 0.5rem 0.75rem;
}

.box3 .box3-content {
    margin: 1em 0.75em;
    line-height: 140%;
}

.box3 h2 {
    color: #fff;
    font-size: 1em;
    font-weight: 600;
    padding: 0.5rem 0.75rem;
    background: #666;
}

.box3 strong {
    color: #666;
    font-size: 1em;
    font-weight: 600;
    margin: 0;
    padding: 0 0 0.2rem;
}

.box3 ul {
    font-size: 1em;
    padding: 0;
    margin: 0;
}

.box3 p {
    font-size: 1em;
    margin-top: 0.75rem;
}

.box3 input.radio,
input.check {
    border: 0;
    width: auto;
}

.box3 .cover {
    float: left;
    margin-right: 8px;
    margin-bottom: 4px;
    border: 1px solid #ccc;
}

.box3 input.link {
    font-size: 1em;
    width: auto;
    color: #034ea2;
    padding: 0;
    background-color: white;
    border: 0;
    border-bottom: 1px solid #034ea2;
    cursor: default;
}

/*Index*/

.indexlist .d-table-row .d-table-cell.align-top,
.indexsearchresults .d-table-row .d-table-cell.align-top {
    border-top: 1px solid #ddd;
    font-weight: 600;
}

.indexlist .d-table-row:hover,
.indexsearchresults .d-table-row:hover {
    background: #f4f4f4;
}


/*.indexlist p {
    margin: 1em 0 0;
    padding-left: 0;
   }
   
   .indexlist table.data td {
    border-bottom: 0;
    padding: 0 0.5em 0.2em;
   }
   
   .indexlist table.data .indexresult td {
    border-top: 1px solid #d9d9d6;
    padding: 0.5em;
   }
   
   .indexlist table.data .indexresult td label {
    margin-bottom: 0;
   }
   
   .indexlist {
    border-bottom: 1px solid #d9d9d6;
    margin-bottom: 0.5em;
   }
*/


/*Trefferliste, Merkliste - Optionen oberhalb der Tabelle*/

.options-table {
    padding: 1em 0.5em;
    /*font-size: 0.75em;*/
}

input.calbutton {
    width: 3em;
}

table#calendar {
    width: auto;
    border: 1px solid #d9d9d6;
    margin: 0.5em;
    padding: 2px;
}

table#calendar th,
table#calendar td {
    margin: 0;
    padding: 0;
}


/* no hits */

p.nodata {
    margin: 1em 0 0 0.5em;
}

ul.nodata {
    margin: 0 0 1em 1.5em;
    list-style-position: outside;
    list-style-type: disc;
}


/* SDI Service */

.text-tooltip {
    border-bottom: 1px dotted #000;
    cursor: default;
}


/* Tooltips */

a.tt,
a.tt:link,
a.tt:visited {
    position: relative;
    text-decoration: underline;
    color: #034ea2;
}

a.tt:active {
    color: #f60;
    text-decoration: underline;
    color: #c00;
}

a.tt:hover {
    color: #f60;
    text-decoration: underline;
}

a.tt span {
    display: none;
    text-decoration: none;
}

a.tt:hover span {
    display: block;
    position: absolute;
    padding: 5px;
    top: 20px;
    left: 0;
    width: 200px;
    z-index: 100;
    color: #000000;
    line-height: 130%;
    border: 1px solid #e0e4e7;
    background: #ffffcc;
    font-size: 11px;
    text-align: left;
}


/*
   table.data td.results .cover {
    display: block;
    float: right;
    margin-left: 10px;
    padding: 5px;
    width: 90px;
   }*/


/*div.cover {
    float: right;
    margin: 0 0 1em 1em;
    display: inline;
    padding: 0;
   }*/

.cover a[href^="http://"]::after,
.cover a[href^="https://"]::after {
    display: none;
}


/* AJAX components and jQuery UI */

div.loading {
    text-align: center;
}

.ui-dialog-content img.loading {
    margin: 1em;
}

/*autocomplete hover state*/
.ui-widget-content.ui-autocomplete.ui-menu .ui-menu-item-wrapper:hover {
    background: #f7f7f7;
    color: #495057;
}

.ui-widget-content.ui-autocomplete.ui-menu .ui-menu-item-wrapper.ui-state-active {
    border: 1px solid #888b8d;
    background: #f7f7f7;
    color: #495057;
}

/* Query completion */

.ac_results {
    text-align: left;
    max-width: 20em;
}

.ac_results li .amount {
    font-size: 85%;
    color: #66c;
}

#ajaxAutoCompletion,
#ajaxUrlSolrAutoCompletion {
    display: none;
    visibility: hidden;
}

input.hasDatepicker {
    background-image: url('../../images/calendar.png');
    background-repeat: no-repeat;
    background-position: 99% 50%;
    width: 10em;
}


/*number right box and facets*/

span.badge {
    background-color: #eee;
    color: #455560;
    font-size: 0.9em;
    font-weight: 600;
}

.number-indicator {
    display: inline-block;
    padding: 0 .725em;
    border-radius: 1em;
    background-color: #F6BE00;
    font-weight: 600;
    line-height: 2em;
    text-align: center;
}


/*Benutzerkonto drucken*/

.accountdata-print {
    background: #fff;
}

.accountdata-print form {
    margin: 1em;
}

#footer {
    font-size: 0.75rem;
    color: #666;
}

#tracker {
    font-size: 0.9em;
    color: #666;
    padding: 0.5em 1em;
}

#tracker table td {
    padding: 5px 5px 0 0;
}

#tracker table th {
    text-align: left;
}


/* ]]> */


/*Icon Fonts*/
@font-face {
  font-family: 'ig';
  src:  url('../../fonts/ig.eot?gzm6b5');
  src:  url('../../fonts/ig.eot?gzm6b5#iefix') format('embedded-opentype'),
    url('../../fonts/ig.ttf?gzm6b5') format('truetype'),
    url('../../fonts/ig.woff?gzm6b5') format('woff'),
    url('../../fonts/ig.svg?gzm6b5#ig') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="ig-ico-"], [class*=" ig-ico-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'ig' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

button.ui-dialog-titlebar-close,
[class^="ig-ico-"],
[class*=" ig-ico-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'ig' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 16px;
    line-height: 1;
}

button.ui-dialog-titlebar-close,
.ig-ico {
    background-color: rgba(0, 0, 0, 0);
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    vertical-align: middle;
    width: 16px;
}

.ig-ico-arrow-circle-left:before {
  content: "\f137";
}
.ig-ico-arrow-circle-right:before {
  content: "\f138";
}
.ig-ico-arrow-down:before {
  content: "\f0df";
}
.ig-ico-arrow-left:before {
  content: "\f055";
}
.ig-ico-arrow-right:before {
  content: "\f056";
}
.ig-ico-arrow-step-backward:before {
  content: "\e600";
  color: #444;
}
.ig-ico-arrow-step-forward:before {
  content: "\e60a";
  color: #444;
}
.ig-ico-arrow-up:before {
  content: "\f0e0";
}
.ig-ico-ban:before {
  content: "\f05e";
}
.ig-ico-ca:before {
  content: "\e604";
  color: #444;
}
.ig-ico-caret-down:before {
  content: "\e904";
}
.ig-ico-caret-left:before {
  content: "\e905";
}
.ig-ico-caret-right:before {
  content: "\e906";
}
.ig-ico-caret-up:before {
  content: "\e907";
}
.ig-ico-check:before {
  content: "\f00c";
}
.ig-ico-chevron-circle-down:before {
  content: "\e908";
}
.ig-ico-chevron-circle-up:before {
  content: "\e909";
}
.ig-ico-close:before {
  content: "\f00d";
}
.ig-ico-cog:before {
  content: "\f013";
}
.ig-ico-comment:before {
  content: "\f0e6";
}
.ig-ico-credit-card:before {
  content: "\f09d";
}
.ig-ico-download:before {
  content: "\f019";
}
.ig-ico-edit:before {
  content: "\f040";
}
.ig-ico-exclamation-circle:before {
  content: "\f06a";
}
.ig-ico-external-link:before {
  content: "\e900";
}
.ig-ico-help-circle:before {
  content: "\f059";
}
.ig-ico-home:before {
  content: "\f015";
}
.ig-ico-info:before {
  content: "\e60b";
}
.ig-ico-lightbulb-o:before {
  content: "\f0eb";
}
.ig-ico-print:before {
  content: "\f02f";
}
.ig-ico-refresh:before {
  content: "\f021";
}
.ig-ico-save:before {
  content: "\f0c7";
}
.ig-ico-search:before {
  content: "\f002";
}
.ig-ico-search-edit:before {
  content: "\e609";
  color: #444;
}
.ig-ico-send:before {
  content: "\f003";
}
.ig-ico-truck:before {
  content: "\e902";
}
.ig-ico-user:before {
  content: "\f007";
}

button.ui-dialog-titlebar-close:before,
.ig-ico-close:before {
    content: "\f00d";
}



input[disabled],
input.check[disabled] {
    background-color: #efefef;
    cursor: not-allowed;
}


/*override bootstrap styling*/

strong,
.font-weight-bold {
    font-weight: 600;
}

.container-fluid {
    padding-right: 10px;
    padding-left: 10px;
}

.container-fluid .row {
    margin-left: -10px;
    margin-right: -10px;
}

.container-fluid [class*="col-"] {
    padding-left: 10px;
    padding-right: 10px;
}

.form-control {
    border: 1px solid #888b8d;
    font-size: inherit;
    height: auto;
    padding: 0.3em;
}

.form-control:focus {
    border-color: #034ea2;
    box-shadow: rgba(3, 78, 162, 1) 0px 0px 0px 2px;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #f4f4f4;
}

.btn-link {
    color: #034ea2;
    font-size: 1em;
}

.border-bottom {
    border-bottom: 1px solid #ddd !important;
}


/*adjust font-family of jquery widgets*/

.ui-widget,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button:not(.ui-dialog-titlebar-close) {
    font-family: inherit !important;
    font-size: inherit !important;
}

.ui-widget .ui-dialog-title {
    font-weight: 600;
}

.ui-widget {
    padding: 0;
}

.ui-widget-header {
    background: #666;
    color: #fff;
}

/*dialog: close button styling*/
button.ui-dialog-titlebar-close {
    border: 0;
    color: #fff;
}

.ui-dialog-titlebar-close.ig-ico-close:hover,
.ui-dialog-titlebar-close.ig-ico-close:focus {
    background: none;
    border: 1px solid transparent;
    color: #f4f4f4;
    outline: none;
    padding: 0;
    text-decoration: none;
}

/* output dialog */
.output .number-input {
    max-width: 4em;
}

/* multi-database selection tabs mobile */

.result-list-tabs h2.accordion-header.db-selection,
.result-list-tabs .accordion h2.accordion-header {
    border: 1px solid #a9bcd5;
    border-radius: .25rem;
    font-size: 1rem;
    padding: 0.5em;
    background: #fff;
}

@media (max-width: 991px) {
    ul#hitListTabList.ui-tabs-nav {
        background: #fff;
        border: 1px solid #a9bcd5;
        border-radius: 0;
        margin-top: -0.6em;
        margin-bottom: 0.5em;
        position: absolute;
        z-index: 111;
        left: 3px;
        right: 3px;
    }

    ul#hitListTabList li.ui-state-default {
        background: #fff;
        background-image: none;
        border: 0;
    }

    ul#hitListTabList li.ui-state-default a {
        background: #fff;
        color: #034ea2;
        font-weight: 600;
        padding-left: 0.75em;
    }

    ul#hitListTabList li.ui-state-default a:focus {
        background: #f5f5f5;
    }

    ul#hitListTabList li.ui-state-active {
        border: 0;
        margin-bottom: 0;
    }

    ul#hitListTabList li.ui-state-active a {
        color: #000;
    }

    .result-list-tabs .box1 {
        border: 0;
    }

    ul.facets li.c11 {
        margin: 0.25em 0 0 !important;
    }
}


/* end styles for jquery */


/*Accordion database selection*/


/*.dbselection {
       margin: 0.5em 1em 1em !important;
   }*/

.dbselection a img {
    margin-left: 0.25em;
    margin-right: 0.25em;
}

.dbselection input[type=checkbox],
input.checkbox-input,
.dbselection input.checkbox {
    margin-right: 0.25em;
}

.dbselection input[type=checkbox]:focus,
input.checkbox-input:focus,
.dbselection input.checkbox:focus {
    background-color: #ffeecc;
}

.dbselection h3 {
    font-size: 1.072em;
    margin: 0 0 0.75em 0;
}

.dbselection-left .select {
    padding-top: 0.25em;
}

@media (min-width: 768px) {
    .dbselection-right {
        border-left: 1px dotted #ccc;
    }
}


/*database tree*/

/*
   ul.dbtree,
   ul.dbtree ul {
       list-style-type: none;
       padding: 0;
   }
   
   ul.dbtree ul {
       margin-left: 16px;
   }
   
   ul.dbtree li {
       padding-top: 0.5rem;
       line-height: 1.4em;
   }
   
   ul.dbtree ul li {
       padding-top: 0.5rem;
   }
   
   ul.dbtree ul ul {
       margin-left: 20px;
   }
   
   .dbtree img {
       vertical-align: middle;
   }
   
   ul.dbtree strong {
       color: #666;
   }
   
   ul.dbtree a.db {
       background: transparent url("../images/arrow-close.gif") left center no-repeat;
       padding-left: 16px;
       text-decoration: none;
   }
   */


/*JQuery Accordions*/


/* Common definitions */

.accordion {
    display: block;
}

.accordion .accordion {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.accordion .accordion+.accordion {
    border-top: 1px solid #dce6f0;
}

.accordion .accordion.expanded+.accordion {
    margin-top: 1em;
}

.accordion-header {
    cursor: pointer;
    padding: 0.25em;
    font-weight: 600;
}

.accordion-header a {
    text-decoration: none;
    color: #404040;
}

a.accordion-header {
    cursor: pointer;
    padding: 0.25em;
    font-weight: bold;
    font-size: 100%;
}

.btn.accordion-btn:focus, 
a.imput-group-addon:focus {
   outline: 1px solid;
}

/*.accordion-body-content {
       width: 98%;
   }
   .accordion-body table.favorites-overview {
       width: 95%;
   }*/

.accordion-header .arrow {
    background: transparent 0 80% no-repeat;
    background-image: url('../images/arrow-close.gif');
    padding-left: 20px;
}

.accordion-header>.collapsed .arrow {
    background-image: url('../images/arrow-open.gif');
}

.accordion .accordion .accordion .accordion-header {
    font-weight: normal;
}

.accordion-body {
    display: block;
    /*margin: 0.5em 0.8em;*/
}

.collapsed>.accordion-body {
    display: none;
}

.accordion-body .accordion-box-header {
    font-weight: bold;
}


/* 1st headline */

.accordion h2.accordion-header {
    background: #f5f5f5;
    border-bottom: 1px solid #ddd;
    /*#dce6f0*/
    padding: 0.5em;
    font-size: 1rem;
}

#add-favorites {
    margin: 0.5em 0.8em;
    width: 98%;
}

#add-favorites h2 {
    font-size: 1.072em;
    margin: 1em 0.25em;
}

#add-favorites div {
    margin: 0.5em 0.5em 1em;
}

#add-favorites div input {
    width: 18em;
    float: left;
    margin-left: 0;
}

#add-favorites label {
    display: block;
    float: left;
    width: 150px;
}

#add-favorites input {
    margin-left: 310px;
}

#add-favorites div.favoritegroup {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px dotted #ccc;
}


/*WorldCat reviews - accordion */

h3.accordion-header.reviews-heading-bg {
    padding: 0.5em 0;
}

h3.accordion-header.reviews-heading-bg a,
h3.accordion-header.reviews-heading-bg a:link,
h3.accordion-header.reviews-heading-bg a:visited {
    color: #666666;
    font-size: 13px;
}

h3.accordion-header.reviews-heading-bg a:hover {
    color: #c45500;
}

.accordion-header.reviews-heading-bg .arrow {
    padding-left: 1.25em;
}

.accordion-header.reviews-heading-bg span span {
    font-weight: normal;
}

.accordion-body .reviews-content {
    margin: 0.75em;
    font-size: 1em;
}

.accordion-body .reviews-content .review-wrapper {
    background-color: #FAFCFF;
    border: 1px solid #f0f0f0;
    padding: 5px 10px;
    margin-bottom: 1em;
}


/*review - title*/

.accordion-body .reviews-content h4 {
    font-size: 1.072em;
    margin: 0.25em 0;
}

.accordion-body .reviews-content .review-by {
    margin: 0 0 0.25em 0;
    color: #666;
}

.accordion-body .reviews-content .review-by img {
    margin-left: 1em;
}

.accordion-body .reviews-content .review-rate {
    margin: 0.25em 0 1em 0;
    font-size: .9166em;
    color: #666;
}

.accordion-body .reviews-content .review-text .read-more {
    margin-bottom: 0.5em;
}

.accordion-body .reviews-showmore {
    margin-bottom: 1em
}


/* END of adaptions to standard accordion for WorldCat reviews ------------------------------------------------------- */


/*overrides for .accordion h2.accordion-header used for details page "add reviews", "add tags" */

#add-review {
    background: 0 none;
    border-bottom: 0;
    padding-bottom: 1em;
}

#div-profile h3 {
    margin-left: 1em;
    /*arrow and headline 2nd level myaccount-profile*/
}


/*Passwort aendern*/

.profile table.formular#pw {
    width: 78%;
    margin: 0.5em 0 0 3em;
}


/* Library list (non-collapsable) SwissBib */

.libraries {
    border-left: 1px dotted #ccc;
    margin-left: 0.8em;
    padding-left: 0.8em;
    width: 95%;
}

.libraries .body {
    padding-top: 0.25em;
    margin-top: 0.5em;
    margin-bottom: 1.5em;
    padding-left: 0.5em;
    background-color: #F7F8F9;
    border-bottom: 1px solid #ccc;
}

.libraries h3 {
    font-size: 13px;
    font-weight: bold;
}

.libraries h4 {
    font-style: italic;
    font-size: 100%;
}

ul.libraries:first-child {
    margin-bottom: 0;
}

ul.libraries>li+li {
    margin-top: 1em;
    margin-bottom: 0;
}

.libraries img.favourite-library {
    vertical-align: middle;
}

.libraries .favourite-1stlevel {
    margin-top: -30px;
    font-size: 13px;
    font-weight: bold;
}


/*END libraries*/


/*Details Display Reviews, Tags*/

.accordion .box p {
    font-size: 100.01%;
}

.box.reviews p {
    width: 60em;
}

.box.reviews h3,
.box.tags h3 {
    padding: 0;
    margin: 1em 0;
    background-color: #fff;
    border-bottom: none;
    font-size: 1em;
    color: #666;
}

.box.tags p.list {
    border-bottom: 1px dotted #A9BCD5;
    margin: 0.5em;
    padding-bottom: 1em;
}

.box.reviews .box-header,
.box.tags .box-header {
    min-height: 0;
    padding: 0.25em;
    font-weight: bold;
    font-size: 110%
}

.box-header span.normal {
    font-weight: normal
}


/*nickname ...*/

.box.reviews .reviews-info span {
    margin-left: 0.5em;
    color: #666;
    font-size: 0.9166em;
}

.box.reviews .flag-abuse {
    padding: 0 0 1em 0.5em;
    margin-bottom: 1em;
    border-bottom: 1px dotted #a9bcd5;
}

.box.reviews .flag-abuse img {
    vertical-align: middle;
}

.no-results {
    border-bottom: 1px solid #A9BCD5;
    padding: 20px;
    text-align: center;
}

/* hitlist + Neuerwerbungsliste */

.box h2.recordtitle {
	display: inline;
	font-size: 1rem;
	font-weight: 600;
	padding:0;
}

.box h2.recordtitle a {
	text-decoration: none;
}

.box h2.recordtitle a:hover {
	text-decoration: underline;
}

/* hitlist */


@media (min-width : 992px) {
    .hitlist-sowrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .hitlist-middle {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    #left {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        padding-right: 1em;
    }
}

@media (max-width : 767px) {
    .hitlist-sowrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .hitlist-middle {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    #left {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/* new acquisitions hitlist */

.hitlistacq .box h2.recordtitle {
	display: inline;
	font-size: 1rem;
	font-weight: 600;
	padding: 0;
}

/* Query completion */

.ac_results {
    text-align: left;
    max-width: 20em;
}

.ac_results li .amount {
    font-size: 85%;
    color: #66c;
}

input.hasDatepicker {
    background-image: url('../images/calendar.png');
    background-repeat: no-repeat;
    background-position: 99% 50%;
    width: 8em;
}

ul.separated {
    display: inline;
    margin-left: 0 !important;
}

.separated li {
    display: inline-block;
    border-left: 2px solid #999;
    padding: 0 .35em 0 .5em;
}

.separated li:first-child,
.separated li.first {
    border-left: none;
    padding-left: 0;
}

#ajaxAutoCompletion,
#ajaxUrlSolrAutoCompletion,
#ajaxUrlFastAutoCompletion {
    display: none;
    visibility: hidden;
}

.box1 ul {
    margin: 0.5rem 0.75rem;
}

.box1 ul ul {
    margin: 0;
}


/*Facets Tree styling + Further Options / DB Selection (mobile/collapsible buttons)*/

.facets-tree a {
	text-decoration: none;
}

.facets-tree a:hover {
	text-decoration: underline;
}

.facets-tree button#collapseAllBtn,
.further-accordions button#furtherOptsBtn,
.further-accordions button#dbSelectBtn,
#classification-select-list button#menuItem_1 {
    border: 1px solid #007dba;
    color: #222;
    font-weight: 600;
}


.further-accordions button:focus#furtherOptsBtn,
.further-accordions button:focus#dbSelectBtn,
#classification-select-list button#menuItem_1 {
    box-shadow: none;
}

.facets-tree .box1 h2 {
    background: #fff;
    border-bottom: 1px solid #D9D9D6;
    color: #1D252D;
}

@media (min-width:768px) {
    .facets-tree .box1 h2 {
        margin: 0 0.5rem 0 0;
    }
}

.facets-tree .box1 ul {
    margin: 0.5rem;
}

.facets-tree i {
    color: #666;
    margin-left: -0.5rem;
    text-align: center;
}

.facets-tree i.ig-ico-close {
    color: #cc0000;
    margin-bottom: 5px;
}


/*Facets Headers and toggles*/

.facets-tree .btn {
    color: #666;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.facets-tree button:focus {
    border-color: #034ea2;
    box-shadow: rgba(3, 78, 162, 1) 0px 0px 0px 2px;
}

.facets-tree li.c11>a {
    display: block;
    margin: 0.25rem 0;
}

.facets-tree li.c11>a:hover {
    text-decoration: none;
}

.facets-tree li.c11>a span {
    color: #666;
    padding-left: 0.25rem;
    vertical-align: middle;
}

.facets-tree li.c11 li {
    font-weight: normal;
    margin: 0 0 0.5rem 0.5rem;
}

.facets-tree ul li.c11,
.facets-tree ul li.c11 a.c11,
a.accordion-header {
    color: #666;
    font-weight: bold;
    margin: 0.5rem 0 0;
    text-decoration: none;
}

.facets-tree .box1 ul ul {
    margin: 0 0 0 0.25rem;
}

/*selectedFilter - wird auch für checkboxes verwendet*/

li.selectedFilter a {
    background: url("../images/removeIcon.gif") no-repeat scroll left center;
    display: inline-block;
    margin: 0;
    padding-left: 18px;
}

/*close Facet*/


/*
   a.c11.facet-close,
   a.accordion-header.facet-close {
       background: url("../images/arrow-close.gif") no-repeat scroll left center;
       display: block;
       padding-left: 14px !important;
   }
   */


/*open Facet*/


/*
   a.c11.facet-open,
   a.accordion-header.facet-open {
       background: url("../images/arrow-open.gif") no-repeat scroll left center;
       display: block;
       padding-left: 14px !important;
   }
   */


/*is .facets in use anywhere?*/


/*
   ul.facets li.c11 li a.showNext {
       font-weight: bold;
   }
   
   ul.facets .c11 button.dbutton {
       margin: 0.5em 0;
   }
   
   
   ul.facets>li.c11:first-child,
   ul.facets>li.c11:first-child a.c11 {
       padding: 0;
   }
   
   */

ul#dblist li li,
ul#dboptions li li,
ul.facets li li {
    margin-top: 0.3em;
}

.requestForm>div>div>div {
    margin-top: 12px;
}

.page-item {
    min-width: 1.2em;
}

.accordion-header .arrow {
    background: transparent 0 80% no-repeat;
    background-image: url('../../images/arrow-close.gif');
    padding-left: 20px;
}

.accordion-header>.collapsed .arrow {
    background-image: url('../../images/arrow-open.gif');
}


/* main navigation */

.navbar-light #nav2 .navbar-nav .nav-link {
    color: #000;
}

.navbar-light #nav2 .navbar-nav .nav-link:hover {
    text-decoration: underline;
}

.mainnav.navbar {
    padding: 0 1rem;
}


/*ul level1*/

.mainnav .navbar-nav {
    margin-bottom: 1px;
}


/*navigation main level*/

.mainnav .navbar-nav .nav-item {
    background-color: #007dba;
    border-right: 1px solid #fff;
    color: #fff;
    white-space: nowrap;
}

.mainnav .navbar-collapse {
    justify-content: space-between;
    /*wichtig*/
}

.mainnav .navbar-nav .nav-link {
    color: #fff;
    padding: 0.5rem 1.5rem 0.5rem;
    text-decoration: none;
}

.mainnav .navbar-nav .dropdown-toggle::after {
    margin-left: 0.7em;
    vertical-align: 0.2em;
}

.mainnav .navbar-nav:not(.nav-login) li.show,
.mainnav .navbar-nav:not(.nav-login) li:hover,
.mainnav .navbar-nav:not(.nav-login) a.nav-link:focus,
.mainnav .navbar-nav:not(.nav-login) a.nav-link:hover,
.mainnav .navbar-nav:not(.nav-login) a.nav-link:active {
    color: #fff;
    background-color: #146da3;
    text-decoration: underline;
}

.mainnav .navbar-nav a.nav-link:hover,
.mainnav .navbar-nav a.dropdown-item:hover,
.mainnav .navbar-nav a.dropdown-item:focus,
.mainnav .navbar-nav a.dropdown-item:active {
    color: #034ea2;
    background-color: #fff;
    text-decoration: underline;
}


/*User number*/

.mainnav .navbar-nav.nav-login span {
    color: #5E636E;
    padding: 0.4em 0.2em;
    position: absolute;
    top: -34px;
    right: 1rem;
}


/*submenu*/

.mainnav .navbar-nav .dropdown-menu {
    background-color: #ffffff;
    border: 1px solid #e6e6e6;
    border-top: 0;
    border-radius: 0;
    margin-top: -1px;
    margin-left: -1px;
}

.mainnav .navbar-nav.nav-login li {
    margin-right: 1em;
}

.cleanNav {
    clear: left;
    display: block;
    font-size: 1px;
    height: 0;
    line-height: 0;
    width: 0;
}

/* disable arrows from Number input */
/* Chrome, Safari, Edge, Opera */
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; 
}

/* Firefox */
input[type=number]{
    -moz-appearance: textfield;
}