body {
  font-family:'Nunito Sans',sans-serif;
  font-weight:400;
  font-size:16px;
  color:#333
}
.navbar-logo-text {
  white-space: normal;
  font-family: 'Nunito Sans',serif;
}
.section_yellow{
    padding-top: 2.5em;
	padding-bottom: 2.5em;
    background: #fddc05;
}
.section_gray {
    padding-top: 2.5em;
	padding-bottom: 2.5em;
    background: #D9D9D9;
}
.section_books{
	padding-top: 2.5em;
	padding-bottom: 2.5em;
}
.main-header{
	background-color: #fff;
}
.card {
  align-items: center;
  flex-direction: row;
  background-color: #fff0;
}
.card-title{
  font-weight: bold;
}
.card-body{
	padding-left: 2em;
}
.site-footer{
	margin-top: 0px;
}
.page-header {
    text-align: left;
}
.page-link {
  color:#000;
}
.page-link:hover,
.page-link:focus {
  background:#fff;
  color:#7d7d7d
}
.list-group-item{
	border: none;
	background-color: transparent;
}
.nav-tabs {
		border-bottom: none;
}
.nav-item.show .nav-link, .nav-tabs .nav-link.active{
	border: none;
	background-color: transparent;
}
a{
	color: #000;
}
a:hover,
a:focus {
	color:#000;
}
.navbar-logo img {
    float: right;
	max-height: 55px;
}
.navbar-logo {
    max-width: 100%;
    text-align: center;
}
.btn-outline-light {
 color:#fff;
}
.btn:hover,
.btn:focus {
	color:#000;
	border: 1px solid #757575;
}
.page-content {
    border-top: 0px;
}
#userNav .dropdown-item:hover,
.language-toggle .dropdown-item:hover,
#userNav .dropdown-item:focus,
.language-toggle .dropdown-item:focus {
	color:#000
  }
.dropdown-menu {
	background: #fff;
}
.dropdown-item:hover,
.dropdown-item:focus {
  background-color:#fff;
  border-color:#000;
  color:#000;
  outline:0
}
#primaryNav .nav-link, #primaryNav .dropdown-item {
    font-weight: bold;
	background-color: #fff;
}
#primaryNav .dropdown-menu.show {
	background-color: #fff;
}
#primaryNav .dropdown-item:focus,
#primaryNav .dropdown-item:hover {
	color:#000;
	background-color:#fff;
	border-color:#000;
  }
.navbar-nav .nav-link, .navbar-nav .dropdown-item {
	font-weight: 600;
}
.navbar-logo-text {
	margin-top: -0.3em;
}
.article-details-heading, .article-details .item > .label {
    color: #000;
}
.article-details-block, .article-details .item {
    margin-bottom: 1.5rem;
}
.viewable_file_frame iframe {
    width: 100%;
    height: 100%;
    padding-top: 3.5rem;
    border: none;
}
.onlineISSN{
	padding-bottom:1rem;
	padding-top:1rem;
}
.printISSN{
	padding-bottom:1rem;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #000;
}
.files {
	padding-bottom:2rem;
	padding-top:1rem;
}
.alert-primary a,
.alert-primary a:hover,
.alert-primary a:focus,
.alert-primary a:active {
  color:#000;
  text-decoration:underline
}
.orcid:before {
  content:url('//orcid.org/sites/default/files/images/orcid_16x16.png');
  display:inline-block;
  margin-right:0.25em;
  height:20px;
  vertical-align:middle
}
.obj_monograph_full .row .main_entry .item.authors .orcid {
  display: contents;
  line-height: 0;
}
.item {
    margin-bottom: 1.5rem;
}
/* Browsen-Block in der Footer-Sidebar mit horizontalen Überschriften
   und Akkordeon-Unterpunkten */

/* Titel „Browsen“ */
.site-footer-sidebar .block_browse .title {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 600;
    font-size: 0.95rem;
}

/* Oberste Liste (Neuerscheinungen, Kategorien, Reihen) – horizontal */
.site-footer-sidebar .block_browse nav.content > ul {
    list-style: none;
    margin: 0;
    padding: 0;

    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1.5rem;
}

/* Oberste Einträge */
.site-footer-sidebar .block_browse nav.content > ul > li {
    margin-right: 2rem;
    font-size: 0.9rem;
    font-weight: 500;
}

/* Link „Neuerscheinungen“ */
.site-footer-sidebar .block_browse nav.content > ul > li > a {
    text-decoration: none;
    font-size: 0.9rem;
}

/* Allgemein kompaktere Zeilenhöhe im Browsen-Menü */
.site-footer-sidebar .block_browse nav.content li {
    line-height: 1.25;
}

/* Akkordeon-Container */
.site-footer-sidebar .block_browse nav.content .browse-details {
    margin: 0;
    padding: 0;
}

/* Summary (Kategorien/Reihen) als „Dropdown-Trigger“ */
.site-footer-sidebar .block_browse nav.content .browse-summary {
    cursor: pointer;
    font-size: 0.9rem;
    font-weight: 500;
    list-style: none;

    display: inline-flex;
    align-items: center;
    gap: 0.25rem;

    /* optional: kein default Dreieck von <summary> anzeigen */
    /* marker entfernen für gewisse Browser: */
}

.site-footer-sidebar .block_browse nav.content .browse-summary::-webkit-details-marker {
    display: none; /* entfernt das Standard-Dreieck in WebKit-Browsern */
}

/* Pfeil-Symbol manuell */
.site-footer-sidebar .block_browse nav.content .browse-summary::after {
    content: "▾";
    font-size: 0.8rem;
    color: #888888;
}

/* wenn geöffnet, Pfeil nach oben */
.site-footer-sidebar .block_browse nav.content .browse-details[open] .browse-summary::after {
    content: "▴";
}

/* Unterlisten in Akkordeon (Kategorien & Reihen) – vertikal, kompakt */
.site-footer-sidebar .block_browse nav.content .browse-details > ul {
    list-style: none;
    margin: 0.25rem 0 0.25rem 0;
    padding-left: 0;
    font-size: 0.85rem;
}

/* Unterpunkte vertikal */
.site-footer-sidebar .block_browse nav.content .browse-details > ul > li {
    margin: 0.1rem 0;
}

/* Links in Unterlisten */
.site-footer-sidebar .block_browse nav.content .browse-details > ul > li > a {
    text-decoration: none;
    font-size: 0.85rem;
}

/* SPEZIELL: Kategorien zweispaltig darstellen
   Struktur:
   <ul>
     <li>Neuerscheinungen</li>
     <li class="has_submenu">[details>Kategorien]</li>
     <li class="has_submenu">[details>Reihen]</li>
   </ul>
   -> das erste browse-details innerhalb has_submenu:nth-child(2) ist Kategorien
*/
.site-footer-sidebar .block_browse nav.content > ul > li.has_submenu:nth-child(2) .browse-details > ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 1.5rem;
}

/* Reihen-Liste bleibt einspaltig (kein Grid nötig) */
@media (min-width: 992px) {
  .pkp_block {
    flex: 0 0 100%;
    width: 100%;
  }

/* Responsive: bei schmaler Breite wieder einspaltig und vertikal */
@media (max-width: 600px) {
    /* Überschriften bei wenig Platz wieder vertikal */
    .site-footer-sidebar .block_browse nav.content > ul {
        flex-direction: column;
        gap: 0.3rem;
    }

    /* Kategorien-Liste auf schmalen Screens einspaltig */
    .site-footer-sidebar .block_browse nav.content > ul > li.has_submenu:nth-child(2) .browse-details > ul {
        grid-template-columns: 1fr;
    }
}